@font-face {
    font-family: 'Montserrat Light';
    src: url('../fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Regular';
    src: url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat Medium';
    src: url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat SemiBold';
    src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat Bold';
    src: url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
    font-display: swap;
}

html, body, .mm-slideout {height: 100%;}
#mainsite { height: 100% !important;}
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -156px; background: #fff;}
#main { padding-bottom: 156px; overflow: hidden; height: auto;}
 
body {
	font-family: 'Montserrat Regular',sans-serif;
	font-display: swap;
	font-size: 1.125rem;
	line-height: 1.8rem; 
	-webkit-font-smoothing: antialiased;
	color: #111111;
	overflow-x: hidden;
	word-wrap: break-word;
}

body p.align-center, .ce-headline-center { text-align: center;}

.row {height: 100%;}

.csc-frame-rulerBefore { border-top:1px solid #fff; margin-top:30px; padding-top:20px;}

.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin-bottom: 1rem;
}
.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 1px solid #fff;
  background-color: #ac012b;
}
table p {margin: 0;}

video.video-embed-item {
    width: 100%;
}

h1 {font-size: 2.25rem; margin: 0; padding-bottom: 3rem; position: relative;}
h2 {font-size: 2.25rem; margin-bottom: 0; padding-bottom: 1rem; position: relative;}
h2.ce-headline-center { margin-bottom: 2rem; padding-bottom: 1rem; position: relative;}
h3 {font-size: 1.8rem; margin: 0; padding-bottom: 1rem; line-height: 2.5rem; position: relative;font-family: 'Montserrat Medium',sans-serif;}
h4 {font-size: 1.4rem; line-height: 1.8rem; display: block; font-family: 'Montserrat Medium',sans-serif;}

.content h2.ce-headline-center:after {
	content: "";
	height: 2px; 
	background: #ac012b;
	position: absolute;
	bottom: 0;
	width: 100px;
	left: 50%;
    transform: translate(-50%, -50%);
}

p + h3, p + h2 {padding-top: 1rem;}

.frame-indent {padding-left: 10rem; padding-right: 10rem;}

.text-gross {font-size: 2.8rem; margin: 0; padding-bottom: 1rem; color: #ac012b; line-height: 2.5rem; position: relative;}
.text-right {text-align: right;}

b, strong {font-weight: bold;}
a, .gaOptout {color: #ac012b; text-decoration:none; transition: all 0.2s ease-in-out; position: relative;}
a:focus, .gaOptout:focus { outline: none; outline-offset: 0; color:#111111; transition: all 0.2s ease-in-out; text-decoration:none;}
a:hover, .gaOptout:hover {color:#ac012b; transition: all 0.2s ease-in-out;text-decoration:none; cursor: pointer;}


blockquote {border-left: 2px solid #ac012b;font-style: italic;padding-left: 1rem;}

.clearer {clear: both; float: none;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0px;
    box-shadow: none;
}

::-moz-selection { color:#fff; background:#ac012b; text-shadow: none; }
::selection { color:#fff; background:#ac012b; text-shadow: none; }

.frame-space-before-extra-small {padding-top: 1rem; margin-top: 0;}
.frame-space-before-small {padding-top: 2rem;margin-top: 0;}
.frame-space-before-medium  {padding-top: 3rem;margin-top: 0;}
.frame-space-before-large {padding-top: 4rem;margin-top: 0;}
.frame-space-before-extra-large {padding-top: 5rem;margin-top: 0;}
.frame-space-after-extra-small {padding-bottom: 1rem;margin: 0;}
.frame-space-after-small {padding-bottom: 2rem;margin-bottom: 0;}
.frame-space-after-medium  {padding-bottom: 3rem;margin-bottom: 0;}
.frame-space-after-large {padding-bottom: 4rem;margin-bottom: 0;}
.frame-space-after-extra-large {padding-bottom: 5rem;margin-bottom: 0;}

p.text-right {text-align: right;}

:focus { outline: none;}
button:focus { outline: none;}

.telefon:before { content: "\e11b"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1.2rem; top: 0px; left: 0px; color: #ac012b; padding: 0; font-weight: 600; width: 30px; display: inline-block;}
.fax:before { content: "\f1ac"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative;  font-size: 1.2rem; top: 0px; left: 0px; color: #ac012b; padding: 0; font-weight: 600; width: 30px; display: inline-block;}
.email:before { content: "\f0e0"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative;  font-size: 1.2rem; top: 0px; left: 0; color: #ac012b; padding: 0; font-weight: 600; width: 30px; display: inline-block;}
.website:before { content: "\f0ac"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1.2rem; top: 0px; left: 0px; color: #ac012b; padding: 0; font-weight: 600; width: 30px; display: inline-block;}
.adresse:before { content: "\e3af"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1.2rem; top: 0px; left: 0px; color: #ac012b; padding: 0; font-weight: 600; width: 30px; display: inline-block;}
.anfahrt:before { content: "\f3c5"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative;; font-size: 1.2rem; top: 0px; left: 0px; color: #ac012b; padding: 0; font-weight: 600; width: 30px; display: inline-block;}
.extlink:after { content: "\f08e"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative;; font-size: 1.2rem; top: 0px; left: 5px; color: #ac012b; padding: 0; font-weight: 600;transition: all 0.2s ease-in-out;}
.extlink:hover:after { color: #fff;transition: all 0.2s ease-in-out;}
.intlink:before { content: "\f0da"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: absolute; margin-top: 1px; margin-right: 0px; font-size: 1.2rem1; margin-left: -10px; color: #fff; padding: 0; font-weight: 600;transition: all 0.2s ease-in-out; text-decoration: none;}
.intlink:hover:before { color: #fff;transition: all 0.2s ease-in-out;text-decoration: none;}
.intlink {margin-left: 10px;}
.btn {
    display: inline-block;
    padding: 0.3rem 2rem 0.2rem 2rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border:none;
    border-radius: 0;
    transition: all 0.2s ease-in-out;
    line-height: inherit;
    font-size: 1rem;
    letter-spacing: 1px;
    -ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #111111;
    outline: none;
}
.btn-default, .btn-primary { color: #fff; background-color: #ac012b;}
.btn-default:hover, .btn-default:focus, .btn-primary:hover, .btn-primary:focus { background-color: #111111; transition: all 0.2s ease-in-out; color: #fff;}

.btn-default:after {display: none;}

.btn.btn-default.next {    
	padding: 0;
    background-color: transparent;
    color: #ac012b;
    text-transform: none;
    font-size: 0.875rem;
    font-weight: 700;
    position: relative;
    padding-right: 1.3rem;
    margin: 0; 
    line-height: 1.7rem;
}
.btn.btn-default.next:before {
	font-family: 'Font Awesome\ 6 Pro';
	content: '\f101';
    font-size: 1rem;
    line-height: 1;
    opacity: 1;
    color: #ac012b;
    font-weight: 500;
    position: absolute; 
    right: 0.2rem;
    line-height: 1.7rem;
    transition: all 0.2s ease-in-out;
}
.btn.btn-default.next:hover:before {right: 0rem;transition: all 0.2s ease-in-out;}



#header {
	position: relative; 
	top: 0; 
	z-index: 10; 
	width: 100%; 
	transition: all 0.2s ease-in-out;
	background: #fff;
	padding: 2rem 0 0rem 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
    height: 297px;
}

.headertop { opacity: 1; visibility: visible; transition: all 0.2s ease-in-out; padding-bottom: 1rem;}

#header.holdontop {transition: all 0.2s ease-in-out; margin-top: 0;}

.holdontop .headertop { transition: all 0.2s ease-in-out; }

.logo {
    display: flex;
    justify-content: center;
}

#header p {margin: 0;}

.mainnav {padding-top: 1rem;}
#navbar li.active a, #navbar li a:hover {color: #111;}
#navbar .nav-item {text-transform: uppercase; font-size: 1.25rem; position: static;}
#navbar .nav-item>a {display: block;padding-bottom: 1rem;}

#navbar .nav {position: relative;}
#navbar ul.sub {
    position: absolute;
    width: 100%;
    left: 0;
    background:#eee;
    display: none;
    padding: 0;
    -webkit-box-shadow: 0px 5px 5px -5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 5px 5px -5px rgb(0 0 0 / 10%);
    box-shadow: 0px 5px 5px -5px rgb(0 0 0 / 10%);
}
#navbar ul.sub li {list-style: none;}
#navbar .sub>.container {padding-top:1rem;padding-bottom:1rem;}
#navbar .sub>.container>.row {display: flex; position: relative; padding: 0; align-items: center;}
#navbar .sub>.container>.row>.col {flex: none; width: 33%; text-align: left;}
#navbar .sub>.container>.row>.col>span {padding: 1.5rem 0; display: block;}
#navbar .sub>.container>.row>.col>span>a {display: flex;align-items: center;}
#navbar span.pic { width: 33%;padding: 0;margin-right: 1rem;}
#navbar span.pic img {width: 100%;height: auto; height: 90px;object-fit: cover;}
#navbar ul.text {padding: 0; width: 66%; hyphens: auto;}
#navbar ul.sub a {color: #111;}
#navbar ul.sub a:hover, #navbar ul.sub li.active a {color: #ac012b;}

.mainnav.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
	
}

.frame-layout-1 {background-color: #fdfbf8;}
.frame-layout-2 {background-color: #f2f2f2;}

.startseite #navbar .first.nav-item a {color: #111;}

#maintrailer {padding-top: 0;transition: all 0.2s ease-in-out;}
#maintrailer.holdontop {padding-top: 0;transition: all 0.2s ease-in-out;}
#maintrailer .slick-slide img   {
    height: 600px;
    width: 100%;
    object-fit: cover;
    margin-bottom: -1rem;
}
#maintrailer .slickcontentelement img {
	height: 600px;
    width: 100%;
    object-fit: cover;
}
#maintrailer .slick-text {
	position: absolute;
    bottom: 2rem;
    width: 100%;
    color: #fff;
    left: 0;
}

#maintrailer .slickcontentelement .slick-text p {font-size: 1.5rem !important; line-height: 1.8rem;  margin-bottom: 1rem;}
#maintrailer .slickcontentelement .contentwrap {background:linear-gradient(0deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3)); height: 100% !important; }
#maintrailer .slick-text h1, #maintrailer .slick-text h2 {font-size: 1.875rem; padding: 0; margin: 0;font-family: 'Montserrat Medium',sans-serif; line-height: 2rem; padding-bottom: 0.5rem;}
#maintrailer .slick-header {display: none;}
#maintrailer .slick-prev {left: 0px !important;}
#maintrailer .slick-next {right: 0px !important;}
.slick-prev, .slick-next {z-index: 1;width: 50px;height: 100%;}
.slick-prev:before, .slick-next:before {
	font-family: 'Font Awesome\ 6 Pro';
	font-size: 3rem;
}
.slick-prev:before {content: '\f053';}
.slick-next:before {content: '\f054';}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #b3b3b3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {color: #ac012b;}

.content .slick-prev:before, .content .slick-next:before {color: #b3b3b3;}

.content .slick-slide .frame-type-text {padding-top: 1rem;}
.content .slick-slide .frame-type-text:before {
	font-family: 'Font Awesome\ 6 Pro';
	content: '\f10d';
    font-size: 3rem;
    color: #b3b3b3;
    font-weight: 900;
    text-align: center;
    width: 100%;
    display: block;
    padding-bottom: 1rem;
}
.slick-text .ce-bodytext-inner {width: 50%;}

.text-rot {color: #ac012b;}

.content img {max-width: 100%; height: auto;}

.content ul.pfeil {list-style: none; padding-left: 1.4rem;}
.content ul.pfeil li {position: relative;}
.content ul.pfeil li:before {
    content: "\f0da";
    font-family: "Font Awesome\ 6 Pro";
    text-decoration: inherit;
    position: absolute;
    font-size: 1.4rem;
    top: 0px;
    left: -1.5rem;
    color: #ac012b;
    padding: 0;
    font-weight: 600;
}

.content .text-justify {text-align: justify;}

.content .ce-col figure {margin: 0rem;}

/*.ce-col .frame-type-image,
.ce-col .ce-image,
.ce-col .ce-gallery,
.ce-col .ce-outer,
.ce-col .ce-inner,
.ce-col .ce-row,
.ce-col .ce-column,
.ce-col .image {height: 100%;}
.ce-col .image img {
	width: 100%;
	object-fit: cover;
    height: 100%;
}*/

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: 0;
    padding: 2rem;
    font-size: 0.875rem;
    line-height: 1.4rem;
    height: 100%
}
.ce-card_outer {height: 100%;padding: 0.75rem 0;}
.card-body {
    flex: 1 1 auto;
    padding: 2rem 0 0 0;
    position: relative;
}
.card-body p:last-child {margin-bottom: 0;font-size: 1.125rem;line-height: 1.8rem;}
.card-body h3 {font-size: 1.25rem;text-transform: uppercase;line-height: 1.8rem;}
.card-title {margin-bottom: 0;}
.content .card-img-top {width: 100%; height: 220px; object-fit: cover;}
.card.link {cursor: pointer; padding-bottom: 6rem;}
.card.link .card-body p:last-child {position: absolute; width: 100%;bottom: -4rem;}
.card.link .card-body .preis {position: absolute; width: 100%;bottom: -2rem;}

.frame-layout-0 .card {background-color: #f2f2f2;}

.ce-image.ce-center {text-align: center;}

.content p a:after {
	content: "";
    border-bottom: 2px solid #ac012b;
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: all 0.2s ease-in-out;
}
.content p a:hover:after {width:100%;transition: all 0.2s ease-in-out;}

.section.galerie .ce-inner {display: flex;gap: 1rem;flex-wrap: wrap;}
.section.galerie .ce-inner img { width: 150px;height: 150px;object-fit: cover;}
.section.galerie .ce-inner .image {margin: 0}

.rezensionen {padding: 3rem 0;}

#footer {padding: 2rem 0;}
.footercontent { padding: 2rem 0; position: relative;font-size: 0.875rem;}
.footercontent ul {list-style: none; padding: 0; margin: 0; text-align: center;}
.footercontent li {display: inline-block; margin: 0 1rem;}
.footercontent .frame-type-image {
	position: absolute;
    top: -1rem;
    right: 0;
    height: 125px;
    z-index: 0;
}
.footercontent .frame-type-image img {height: 125px; opacity: 0.5;}
.footercontent .frame-type-menu_pages {position: relative; z-index: 1;}

.ce-col {position: relative;}
.frame-frame_bottom {position: absolute; bottom: 0;}
.frame-frame_bottom .btn {margin: 0;}

.scrollToTop {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 13rem;
    right: 1rem;
    display: block;
    border-radius: 40px;
    z-index: 10;
    height: 40px !important;
    width: 40px;
    display: none;
    background: rgba(190, 11, 32, 1);
    transition: width 0.2s ease-in-out;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);

}
.scrollToTop span {display: none;}
.scrollToTop a {color: #111; display: block; }
.scrollToTop.back {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 3rem;
    right: 15px;
    display: block;
    border-radius: 3px;
    z-index: 3;
    height: 40px !important;
    width: 40px;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
}
.scrollToTop.back a {color: #ac012b; display: block; }
.scrollToTop i {position: relative; transition: all 0.2s ease-in-out; margin-right:0px; font-size: 32px; line-height: 40px;width: 40px; text-align: center;border-radius: 40px;background-color:#fff;}

.viewslide {width: 100%; margin: 0 auto; text-align: center; position: fixed; bottom: 2rem;}

::-webkit-scrollbar { width: 12px;  background: #eee;}
::-webkit-scrollbar-thumb { border: 2px solid #eee; border-radius: 10px; background: #ac012b;}
::-webkit-scrollbar-thumb:active { background: #ac012b;}


/* POWERMAIL */
.tx-powermail h3, .tx-powermail legend {display: none;}
.tx-powermail .col-md-6 { width: 100%;}
.tx-powermail .powermail_fieldwrap_type_text {flex: 0 0 auto;width: 100%; margin: 1rem 0; text-transform: uppercase;}
.form-control {
    display: block;
    width: 100%;
    padding: 1rem;
    font-size: inherit;
    font-weight:normal;
    line-height: normal;
    color: #111111;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #b3b3b3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 1rem;
}
.form-control:focus {
    color: #111111;
    border-color: #ac012b;
    outline: 0;
    box-shadow: none;
}
.tx-powermail .powermail_fieldwrap_type_check .control-label { color: #ac012b; margin-bottom: 1rem;font-family: 'Source Sans Pro', sans-serif;}
.tx-powermail .powermail_fieldwrap_type_check {margin-bottom: 1rem;}
.tx-powermail .powermail_fieldwrap_type_check p {margin: 0;}
.tx-powermail .powermail_fieldwrap_datenschutz {flex: 0 0 auto;width: 100%;max-width: 100%;}
.tx-powermail .powermail_fieldwrap_datenschutz { margin: 1rem 0; font-size: 1.2rem; line-height: 1.8rem;}
.tx-powermail .powermail_fieldset .parsley-errors-list.filled {display: none;}
.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error {
    background-color: #fff;
}
.frame-type-ce_container.frame-layout-1 .tx-powermail .form-control {background-color: #fff;border: 1px solid #b3b3b3;}
.tx-powermail .form-control.parsley-error, .tx-powermail .powermail_fieldset .powermail_field_error, .frame-type-ce_container.frame-layout-1 .tx-powermail .powermail_fieldset .powermail_field_error {border: 1px solid red;}
.tx-powermail .powermail_fieldset .powermail-errors-list.filled, .powermail_field_error_container {display: none;}
.checkbox.powermail_field_error {border: none !important; }
.checkbox.powermail_field_error label {color: red;}
.powermail_fieldwrap.powermail_fieldwrap_type_textarea.powermail_fieldwrap_ihrenachrichtanuns.nolabel.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_marker.nolabel.form-group.col-md-6 {width: 100%;}

.tx-powermail .powermail_fieldset .checkbox.powermail_field_error {background-color: transparent;}
.powermail_fieldwrap_type_captcha>div {display: flex; gap:1rem; margin-bottom: 1rem;}
.powermail_fieldwrap_type_captcha label {font-size: 1rem;line-height: 1.4rem;}
.powermail_fieldwrap_type_captcha input {margin: 0; width: 100px;}

.filepond--drop-label {background: #eee;}

.slick-dots {bottom: -50px !important;}
.slick-dotted.slick-slider {margin-bottom: 50px;}
.content .slick-prev {left: -60px !important;}
.content .slick-next {right: -60px !important;}

/* Powermail ENDE */


@media (min-width: 991px) {
}

@media (max-width: 1399px) {
}    

@media (max-width: 1199px) {

	#navbar .nav-item {font-size: 1.1rem;}
	 
 }
 @media (max-width: 1112px) {
 }

@media (max-width: 991px) {
	#header {position: fixed; height: auto;}
	.logo {justify-content: left;}
	.logo img {width: 100px; height: auto;}
	#header { padding: 0.5rem 0;}
	#header.holdontop {margin-top: 0;}
	#maintrailer {padding-top: 90px;}
	#maintrailer .slick-slide img {height: 500px;}
	.slick-text .ce-bodytext-inner, #maintrailer .slick-text {width: 100%;padding: 0 2rem; display: none;}
	.slick-dots {display: none !important;}
	.slick-prev:before, .slick-next:before {
	    font-size: 1.8rem;
	    font-weight: 300;
	}
	.slick-dotted.slick-slider {margin-bottom: 0;}
	
	#maintrailer .slickcontentelement img {
	    height: 400px;
	    width: 100%;
	    object-fit: cover;
	}
	.footercontent .frame-type-image {
	    position: relative;
	    top: 1rem;
	    right: 0;
	    height: 125px;
	    z-index: 0;
	}
	.footercontent .frame-type-image figure {
	    margin: 0;
	    text-align: right;
	}
	
	.mm-wrapper_opening #header.holdontop {border-bottom: none;}
	button#menu-button { float: right; border: none; background: transparent; margin-top: 0px; position: relative; z-index: 9; cursor: pointer;}
	.fa-align-justify:before { content: "\f039";font-size: 2rem; color: #fff;}
	#header.holdontop .fa-align-justify:before { content: "\f039"; color: #000;}
	.mm-panel {padding: 0;}
	.mm-panels { background: #fff;}
	.mm-menu_theme-white .mm-btn:after, .mm-menu_theme-white .mm-btn:before { border-color: #111111; border-width: 1px;}
	.mm-btn {width: 50px;}
	.mm-btn_clear:after, .mm-btn_clear:before, .mm-btn_close:after, .mm-btn_close:before { border: 1px solid transparent; width: 10px; height: 10px;}
	.mm-btn_clear:before, .mm-btn_close:before { border-right: none; border-bottom: none; right: 11px; border-width: 1px;}
	.mm-btn_clear:after, .mm-btn_close:after { border-left: none !important; border-top: none !important; right: 25px;}
	.mm-menu_theme-white .mm-btn:hover:after, .mm-menu_theme-white .mm-btn:hover:before { border-color: #ac012b;}
	.mm-navbar {padding: 0 15px; height: 65px; border-bottom: none; background: #fff;}
	.mm-navbars_top {height: 65px; border-bottom: none; background: #ac012b;}
	.mm-navbar__title img {height: auto; margin: 0 auto; width: 150px; vertical-align: middle; margin-top: -10px;}
	.mm-panel_has-navbar { padding-top: 55px;}
	.mm-navbars_bottom {height: 50px; border-top: 1px solid #eee; background: #fff; padding-top: 5px;}
	.mm-navbars_bottom a {padding: 0;}
	.mm-listview li.active a { color: #ac012b;background: #fff;}
	a.mm-btn.mm-btn_prev.mm-navbar__btn { height: 80px;}
	a.mm-navbar__title { line-height: 40px; margin: 0 2rem;}
	.mm-menu_theme-white .mm-listview .mm-btn_next:after { border-color: #111111; border-width: 1px;}
	.mm-menu_theme-white .mm-listview .mm-btn_next:hover:after { border-color: #ac012b;}
	.mm-listitem .mm-btn_next:before { border-left-width: 0;}
	.mm-menu a:hover, .mm-menu a:focus, .mm-menu a:active {color: #ac012b; background: #fff !important;}
	.mm-menu_theme-white .mm-navbar a, .mm-menu_theme-white .mm-navbar>* { color: #111111; font-size: 1.2rem; padding: 0; line-height: 80px;}
	.mm-navbar a:hover {background: transparent;}
	.mm-listitem {width: 100%; padding: 0; margin-bottom: 0px; border-bottom: 1px solid #fff; font-size: 1.2rem; line-height: 1.6rem;}
	.mm-listitem>a { padding: 10px 15px;}
	.mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider {left: 0;}
	[class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened-parent[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0), [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {border-left: none;}
	.mm-btn_next:after, .mm-btn_prev:before { width: 12px; height: 12px;}
	.mm-menu_multiline .mm-listitem>a, .mm-menu_multiline .mm-listitem>span, .mm-panel_multiline .mm-listitem>a, .mm-panel_multiline .mm-listitem>span { color:#111111; }
	.mm-menu a:hover {background: transparent !important;}
	.mm-btn.mm-btn_close.mm-navbar__btn:before,.mm-btn.mm-btn_close.mm-navbar__btn:after { border-color: #fff;}
	.mm-panel_has-navbar .mm-navbar { display: block; background: #fff; height: 65px; border-bottom: 1px solid #eee;}
	.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) {border-left: 1px solid #fff;}
	.mm-listview li.active .mm-btn_next:after {border-color: #111111;}
	.mm-menu_multiline .mm-listitem>a:hover { background: #fff !important; color:#ac012b;}
	.mm-navbars_bottom a {line-height: 40px !important;}
	.mm-panels>.mm-panel>.mm-listview { margin: 0 !important;}
	.mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { left: 0;}
	ul.nav.navbar.mm-listview { padding: 0;}
    .mm-navbar a:not([href]):not([tabindex]), .hist-elements a:not([href]):not([tabindex]) { display: block;}
    a.mm-btn.mm-btn_close.mm-navbar__btn {right: 0;left: auto;}
    .mm-panels, .mm-panels>.mm-panel {top: 35px;}
    .mm-navbar img {vertical-align: top; margin-top: 5px;}
    .mm-navbars_bottom .fab { font-size: 1.4rem; color: #ac012b;}
    a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color: #111111;}
    
    #header .mburger {color: #ac012b !important; height: 35px; padding: 0;width: 50px;display: table-cell; vertical-align: middle; float: right}
    .mburger:after {display: none;}
	#header.holdontop .mburger, .mm-wrapper_opened #header .mburger b {color: #ac012b;}
	.mm-wrapper_opened #header.holdontop {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
    
    .mburger--collapse span:nth-of-type(1) {transition: bottom .2s ease,margin .2s ease,transform .2s ease;transition-delay: .2s,0s,0s;}
    .mburger span:nth-of-type(1) {bottom: calc(50% + var(--mb-bar-spacing));transition: bottom .2s ease,transform .2s ease,width .2s ease;}
    .mburger span {
	    display: block;
	    position: absolute;
	    left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
	    width: calc(var(--mb-button-size) * var(--mb-bar-width));
	    height: var(--mb-bar-height);
	    border-radius: calc(var(--mb-bar-height)/ 2);
	    background: currentColor;
	    color: inherit;
	    opacity: 1;
	}
	.mburger b {
	    font-size: 0;
	}
	#header ul {display: none;}


}
@media (max-width: 767px) {
	h1 {font-size: 1.8rem;}
	h2 {font-size: 1.5rem;}
	h3 {font-size: 1.3rem;}
	h4 {font-size: 1.1rem;}
	.btn {padding: 0.3rem 1rem 0.2rem 1rem;}
	.slick-text .ce-bodytext-inner, #maintrailer .slick-text {width: 100%;padding: 0 2rem; display: none;}
	#header .btn-default{padding: 0.3rem 0.5rem 0.2rem 0.5rem;font-size: 0.9rem;}
	#maintrailer .slick-slide img {height: 300px;}
	#maintrailer .slick-text h1, #maintrailer .slick-text h2 {font-size: 1.3rem;line-height: 1.7rem;}
	#maintrailer .slickcontentelement .slick-text p { font-size: 1rem !important;line-height: 1.4rem;}
	.frame-indent {padding-left: 3rem;padding-right: 3rem;}
	#maintrailer .slickcontentelement img {
	    height: 300px;
	    width: 100%;
	    object-fit: cover;
	}
	#cookiebanner .intro .text_right {text-align: center;font-size: 0.9rem; display: flex; gap: 1rem;}
	#cookiebanner .save {margin: 0;}
	#cookiebanner {
		-webkit-hyphens: auto;
	    -moz-hyphens: auto;
	    -ms-hyphens: auto;
	    -o-hyphens: auto;
	    hyphens: auto;
	}
	#cookiebanner .cookiemanagement {padding: 1rem;}
	#cookiebanner .cookie-back {
	    width: 100%;
	    text-align: left;
	    margin-bottom: 1rem;
	}
	#cookiebanner .box-cookie-management-in .text_right {text-align: left;font-size: 0.9rem;}
	#cookiebanner .box-cookie-management-in .text_right .cookie-save {margin-right: 1rem;}
	.footercontent .frame-type-image figure {margin: 0;}
	
}

@media (max-width: 690px) {
}

@media (max-width: 575px) {

}


/* Checkbox styling */
.checkbox { padding-left: 15px;}
.checkbox label {display: inline-block;position: relative;padding-left: 15px; font-size: 1rem;line-height: 1.4rem;}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  margin-left: -15px;
  border: 1px solid #b3b3b3;
  border-radius: 0px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  top: 0px; 
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -15px;
  padding-left: 3px;
  padding-top: 0;
  font-size: 14px;
  color: #111111; 
}
.checkbox input[type="checkbox"] {opacity: 0;z-index: 1;  position: absolute; margin-left: -15px;}
.checkbox input[type="checkbox"]:focus + label::before {outline: thin dotted;outline: none;outline-offset: 0px; }
.checkbox input[type="checkbox"]:checked + label::after {font-family: "Font Awesome\ 5 Pro";content: "\f00c"; font-size: 20px; top: 0px; left: -1px; z-index: 9;}
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed; }

.radio {padding-left: 0px; }
.radio label { display: inline-block; position: relative; padding-left: 25px; }
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: 0px;
  border: 1px solid #eee;
  border-radius: 50%;
  background-color: #eee;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out; 
  top: 7px;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 10px;
  margin-left: 0px;
  border-radius: 50%;
  background-color: #111111;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); 
}
.radio input[type="radio"] {opacity: 0; z-index: 1; position: absolute;}
.radio input[type="radio"]:focus + label::before {outline: thin dotted;outline: none;outline-offset: 0px; }
.radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed; }
.powermail_fieldwrap_type_radio {margin-top: 1rem !important;}
    
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{  color:transparent;opacity: 0.5; transition: all 0.2s ease-in-out;}
input:not(:focus)::-webkit-input-placeholder, textarea:not(:focus)::-webkit-input-placeholder { transition: color 0.4s ease-in-out; color:#111111; transition: all 0.2s ease-in-out; opacity: 0.5;}

input:focus::placeholder, textarea:focus::placeholder { color:transparent; transition: all 0.2s ease-in-out;} /* FF 4-18 */
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; transition: all 0.2s ease-in-out;} /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; transition: all 0.2s ease-in-out;} /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; transition: all 0.2s ease-in-out;} /* IE 10+ */

.powermail_fieldwrap_type_file {margin-top: 0 !important;}
.powermail_file { width: 100%;}
.powermail_file::-webkit-file-upload-button {
  visibility: hidden;
  border-width: 7px;
}
.powermail_file::before {
  content: 'Datei auswählen';
  display: inline-block;
  background: #eee;
  padding: 2px 6px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  position: absolute;
}
.powermail_file:lang(en)::before {content: 'Select some files';}
.powermail_file:hover::before {
  border-color: black;
}
.powermail_file:active::before {
  background: #eee;
}

#cookiebanner .cookie-save {
    text-decoration: none;
    display: inline-block;
    padding: 0.5rem 1rem;
    text-align: center;
    border-radius: 25px;
    background: #ac012b;
    color: #fff;
    font-weight: bold;
}
#cookiebanner .accept {border: none;}
#cookiebanner .cookie-save:hover, #cookiebanner .accept:hover {background: #000; color: #fff !important;}
#cookiebanner .cookielogo {
    max-height: 75px;
    height: 75px;
    display: inline-block;
    margin-bottom: 15px;
}