@import "./accessibility.css";
@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 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 -116px; background: #fff;}
#main { padding-bottom: 115px; overflow: hidden; height: auto;}

.startseite #wrap { margin: 0 auto -416px;}
.startseite #main { padding-bottom: 416px; }
 
body {
	font-family: 'Montserrat Regular',sans-serif;
	font-display: swap;
	font-size: 1rem;
	line-height: 1.6rem; 
	-webkit-font-smoothing: antialiased;
	color: #111111;
	overflow-x: hidden;
}

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: #004280;
}
table p {margin: 0;}

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

h1 {font-size: 2.1875rem; margin: 0; padding-bottom: 2rem; color: #0993d2; position: relative;text-transform: uppercase;}
h2 {font-size: 2.1875rem; margin: 0; padding-bottom: 1rem; color: #0993d2;  position: relative;text-transform: uppercase;}
.startseite h2 {color: #0993d2;}
h3 {font-size: 1.8rem; margin: 0; padding-bottom: 1rem; color: #0993d2; line-height: 2rem; position: relative; text-transform: uppercase;}
h4 {margin: 0; font-size: 1.4rem; line-height: 2.2rem; color: #0993d2; display: block; }

.text-gross {font-size: 2.8rem; margin: 0; padding-bottom: 1rem; color: #004280; line-height: 2.5rem; position: relative;}
.text-right {text-align: right;}
.text-blau {color: #0993d2;}
p + h2, p + h3 {padding-top: 1rem;}

b, strong {font-weight: bold;}
a, .gaOptout {color: #0993d2; text-decoration:none; transition: all 0.2s ease-in-out; position: relative;}
a:focus, .gaOptout:focus { color:#0993d2; transition: all 0.2s ease-in-out; text-decoration:none;}
a:hover, .gaOptout:hover {color:#0884bd; transition: all 0.2s ease-in-out;text-decoration:none; cursor: pointer;}
button:focus-visible, :focus-visible {
    outline: 3px solid #ffae00 !important;
    outline-offset: 0px !important;
    /* position: relative; */
    z-index: 1000;
}

blockquote {border-left: 2px solid #004280;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:#004280; text-shadow: none; }
::selection { color:#fff; background:#004280; 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;}

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

.telefon:before { content: "\f2a0"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 8px; font-size: 1.2rem; top: 0px; left: 0px; color: #111111; padding: 0; font-weight: 300;}
.fax:before { content: "\f1ac"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 8px; font-size: 1.2rem; top: 0px; left: 0px; color: #111111; padding: 0; font-weight: 300;}
.email:before { content: "\f0e0"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 8px; font-size: 1.2rem; top: 0px; left: 0; color: #111111; padding: 0; font-weight: 300;}
.website:before { content: "\f0ac"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 8px; font-size: 1.2rem; top: 0px; left: 0px; color: #111111; padding: 0; font-weight: 300;}
.maps:before { content: "\f3c5"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 8px; font-size: 1.2rem; top: 0px; left: 0px; color: #111111; padding: 0; font-weight: 300;}
.extlink:after { content: "\f08e"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 5px; font-size: 1.2rem; top: 0px; left: 5px; color: #111111; padding: 0; font-weight: 300;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: 10px 30px;
    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: 0.875rem;
    text-transform: uppercase;
    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 { color: #fff; background-color: #004280;}
.btn-primary { color: #fff; background-color: #0993d2;}
.btn-default:hover, .btn-default:focus { background-color: #0993d2; transition: all 0.2s ease-in-out; color: #fff;}
.btn-primary:hover, .btn-primary:focus { background-color: #0884bd ; transition: all 0.2s ease-in-out; color: #fff;}

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

.btn.btn-default.next {    
	padding: 0;
    background-color: transparent;
    color: #0993d2;
    text-transform: none;
    font-size: 95%;
    position: relative;
    padding-right: 1.3rem;
    margin: 0; 
    line-height: 1.7rem;
    font-family: 'Montserrat Bold',sans-serif;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
}
.btn.btn-default.next:before {
	font-family: 'Font Awesome\ 6 Pro';
	content: '\f101';
    font-size: 0.875rem;
    line-height: 1;
    opacity: 1;
    color: #0993d2;
    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: fixed; 
	top: 0; 
	z-index: 10; 
	width: 100%; 
	transition: all 0.3s ease-in-out;
	background: #fff;
    padding: 1rem 0;
}
#header.holdontop {padding: 0.5rem 0;transition: all 0.3s ease-in-out;}
#header .logo a {display: inline-block;}
#header .logo img {width: 195px;transition: all 0.3s ease-in-out;}
#header.holdontop .logo img { width: 130px;transition: all 0.3s ease-in-out;}

#navbar ul {margin: 0; padding: 0; list-style: none; justify-content: end;gap: 1rem; align-items: center;}
#navbar a {color: #004280;text-transform: uppercase;}
#navbar li.active a, #navbar li a:hover {color: #0993d2;}
#navbar li.last.nav-item a {padding: 10px 30px; background-color: #0993d2; color: #fff; border-radius: 0;}
#navbar li.last.nav-item a:hover { background-color: #0884bd;}
.dropdown {position: inherit;}
#navbar ul.sub>span { display: block;}
#navbar ul.sub .nav {gap: 0;}
#navbar ul.sub {
    position: absolute;
    list-style: none;
    display: none;
    padding: 0;
    list-style: none;
    left: 0;
    z-index: 2;
    width: 100%;
    padding-top: 1.8rem !important;
    transition: all 0.3s ease-in-out;
}
#navbar ul.sub .container {
    position: relative;
    display: block;
    z-index: 20;
    padding:1.5rem 1rem 3rem;
    background: #fff;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
}
#navbar ul.sub .container>ul { height: 100%;}
#navbar ul.sub .container>ul>* {
    flex-shrink: 0;
    max-width: 100%;
    margin-top: 1.5rem;
}
#navbar ul.sub li {margin: auto;}
#navbar ul.sub .pic, #navbar ul.sub .text {    
  display: flex;
  width: 100%;
  justify-content: center;
}
#navbar ul.sub .pic img {width: 60px; height: auto;}
#navbar ul.sub .title {
  font-size: 1.4rem;
  margin: 0;
  padding-top: 1rem;
  line-height: 2.5rem;
  position: relative;
  text-transform: uppercase;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: transparent;
}
.nav-pills .nav-link {border-radius: 0;}
#header.holdontop #navbar ul.sub {padding-top: .6rem !important;transition: all 0.3s ease-in-out;}

.startseite #maintrailer {position: relative; max-height: 550px; overflow: hidden; transition: all 0.3s ease-in-out;}
#maintrailer {position: relative; max-height: 300px; overflow: hidden; margin-top: 95px;transition: all 0.3s ease-in-out;}
#maintrailer .ce-bodytext {position: absolute; top: 0%; width: 100%;height: 100%;display: flex;}
#maintrailer .ce-bodytext>.container {display: flex;align-items: center;}
#maintrailer img {width: 100%; height: 100%;min-height: 300px; object-fit: cover;}
#maintrailer h1 {color: #004280;font-size: 3rem;font-family: 'Montserrat Light',sans-serif;padding-bottom: 0rem;}
.startseite #maintrailer h1 {font-size: 1.875rem;font-family: 'Montserrat SemiBold',sans-serif; text-transform: none; color: #004280;padding-bottom: 2rem;}
.startseite #maintrailer h2 {color: #004280;font-size: 3rem;font-family: 'Montserrat Light',sans-serif;}

#maintrailer.holdontop {margin-top:60px;transition: all 0.3s ease-in-out;}

.klickpfad ul {margin: 0.75rem 0; font-size: 0.875rem; color: #666666;}
.klickpfad li {margin-right: 0.7rem; display: flex; align-items: center;}
.klickpfad li:first-child:before {display: none;}
.klickpfad li:before {
  content: "\f054";
    font-family: "Font Awesome\ 6 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    font-size: 0.5rem;
    color: #666666;
    padding: 0;
    font-weight: 400;
    margin-left: -5px;
    margin-right: 7px;
    top: 1px;
}
.klickpfad a {color: #666666;}
.klickpfad a:hover {color: #0993d2;}
.klickpfad li:first-child {font-size: 0;}
.klickpfad li:first-child a {width: 20px; position: absolute; z-index: 2;}
.klickpfad li:first-child:after {
	content: "\f015";
	font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 0;
    font-size: 0.8rem;
    color: #666666;
    padding: 0;
    font-weight: 600;
    top: -1px;
    left: 0rem;
    transition: all 0.2s ease-in-out;
    z-index: 0;
}
.klickpfad li:first-child:hover:after {color: #0993d2;}


.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;
}
.card-img, .card-img-bottom, .card-img-top {
    width: 100%;
    height: auto;
}
.cardmain {height: 100%; padding: 0.75rem 0;}
.card.hellblau {background: #e8f3fe; align-items: center; padding: 2rem; height: 100%;}
.card.hellblau .icon {
    width: 65px;
    height: 65px; 
    margin: 2rem 0;
}
.card.hellblau .card-body {padding: 0;font-size: 85%;}

.bildbox {
    position: relative;
    height: 100%;
    padding: 0.75rem 0;
}
.bildbox_outer, .bildbox_inner {height: 100%;}
.bildbox_inner {background: #e8f3fe;}
.bildbox .bildbox_text {
  text-align: center;
  position: relative;
}
.bildbox_text_inner {padding: 2rem 2rem 4rem 2rem; color: #111111;}
.bildbox_text_inner.nolink {padding: 2rem 2rem 1rem 2rem;}
.bildbox .bildbox_titel {
  font-size: 1.4rem;
  margin: 0;
  padding-bottom: 1rem;
  line-height: 2.5rem;
  position: relative;
  text-transform: uppercase;
  font-family: 'Montserrat SemiBold', sans-serif;
}
.bildbox .bildbox_titel h3 {
  font-size: 1.4rem;
  padding: 0;
}
.bildbox_bild {
    position: relative;
}
.bildbox_bild_icon {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bildbox_bild_icon img {width: 100px;}
.bildbox_bild figure {
    margin: 0;
    width: 100%;
}
.bildbox_bild figure img {width: 100%;}
.bildbox_button {
  position: absolute;
  bottom: 2rem;
  width: 100%;
  text-align: center;
  padding: 0 1.5rem;
}

.titel_icon>* {display: flex;gap: 0.5rem; align-items: end;color: #0993d2 !important;}
.titel_icon img {width: 60px;}

.section.section-default.aos-animate {margin-top: -100px;}

.u-gallery-inner {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}
.u-gallery-item {position: relative;}
.u-over-slide.u-shading.u-valign-middle.u-over-slide-1 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 1rem;
    color: #fff;
    transition: all 0.2s ease-in-out;
    background-image: none;
    visibility: visible;
    opacity: 1;
}
.u-gallery-item:hover .u-over-slide.u-shading.u-valign-middle.u-over-slide-1 {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 1rem;
    color: #fff;
    transition: all 0.2s ease-in-out;
    background-image: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
    visibility: visible;
    opacity: 1;
}
.u-gallery-maintext {
	width: 100%;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; 
}
.u-gallery-heading {font-size: 1.4rem; text-align: center; font-family: 'Montserrat SemiBold',sans-serif; line-height: 1.2;opacity: 0; margin: 0;transition: all 0.2s ease-in-out;}
.u-gallery-item:hover .u-gallery-heading {opacity: 1;transition: all 0.2s ease-in-out;}
.u-gallery-text {
  text-align: center;
  margin: 0;
  font-family: 'Montserrat SemiBold', sans-serif;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  left: 0;
  background-image: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
  transition: all 0.2s ease-in-out;
}
.u-gallery-item:hover .u-gallery-text {background-image: none;transition: all 0.2s ease-in-out;}
.u-back-image {
	width: 100%;
    height: 300px;
    object-fit: cover;
}
.carousel__slide img {width: 100%; height: 100%;object-fit: cover;}

.ce-image.ce-center.ce-above {text-align: center;}
.ce-image img {max-width: 100%; height: auto;}

.frame-layout-1 {background: #e8f3fe;}
.frame-layout-3 {background: #f2f2f2;}

#footer {
	color: #ffffff;
    background-color: #004280;
    padding: 3rem 0;
}
#footer h2 {color: #fff;}
#footer a, #footer .maps:before {color: #0993d2;transition: all 0.2s ease-in-out;}
#footer a:hover, #footer .maps:hover:before {color: #0884bd;transition: all 0.2s ease-in-out;}
#footer .frame-type-menu_pages a {color: #fff;}
#footer .frame-type-menu_pages ul { list-style: none; display: flex; margin: 0;justify-content: center; font-size: 0.875rem; padding: 0;}
#footer .frame-type-menu_pages li {margin: 0 1rem;}
#footer input.btn.btn-primary {float: right;}
#footer .frame-type-menu_pages a:hover{color: #0993d2;}

.footercontent>.row {margin-bottom: 1rem;}


.scrollToTop {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 6rem;
    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: #fff; 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: #004280; 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:#111111;}

.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: #004280;}
::-webkit-scrollbar-thumb:active { background: #004280;}

.row.justify-content-between {
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 5rem;
}


/* 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: #004280;
    outline: 0;
    box-shadow: none;
}
.tx-powermail .powermail_fieldwrap_type_check .control-label { color: #004280; 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_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;}

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

.powermail_fieldwrap.powermail_fieldwrap_type_captcha.powermail_fieldwrap_marker_01.form-group.col-md-6>div {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}
.powermail_fieldwrap.powermail_fieldwrap_type_captcha.powermail_fieldwrap_marker_01.form-group.col-md-6 { display: block;}
.powermail_fieldwrap_type_captcha label {font-size: 1rem;line-height: 1.4rem; display: block; width: 100%; margin: 0; padding-bottom: 0.5rem;}
.powermail_fieldwrap_type_captcha input {margin: 0 !important; width: 100px !important;}
.powermail_fieldwrap_type_captcha img {height: 53px;}

.form-check {
    display: flex;
    min-height: 1.5rem;
    padding-left:0;
    margin-bottom: 0;
}
.powermail_fieldwrap_type_captcha>div {display: flex; gap: 1rem;}
.tx-powermail input[type=checkbox] {border: 1px solid #b3b3b3}
.tx-powermail .row+.row {
   margin-block-start:0.5rem;
}
.tx-powermail .powermail_fieldwrap+.powermail_fieldwrap {
    margin-block-start: 0.5rem;
}

/* Powermail ENDE */


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

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

@media (max-width: 1199px) {
	.u-gallery-inner {grid-template-columns: repeat(2, 1fr);}
	 
 }
 @media (max-width: 1112px) {
 }

@media (max-width: 991px) {
	#header {padding: 0.5rem 0;}
	#header .logo img {width: 130px;}
	#maintrailer {margin-top: 60px;}
	.frame-type-ce_container.aos-animate {margin-top: 0;}
	#maintrailer h1 {font-size: 2rem;}
	.startseite #maintrailer h1 {font-size: 1.5rem;}
	.startseite #maintrailer h2 {font-size: 2rem;}
	.mainslider {order: 2; padding-top: 2rem;}
	.u-back-image {height: 200px;}

	
	.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: #004280;}
	.mm-navbar {padding: 0 15px; height: 65px; border-bottom: none; background: #fff;}
	.mm-navbars_top {height: 65px; border-bottom: none; background: #004280;}
	.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: #004280;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: #004280;}
	.mm-listitem .mm-btn_next:before { border-left-width: 0;}
	.mm-menu a:hover, .mm-menu a:focus, .mm-menu a:active {color: #004280; 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:#004280;}
	.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: 10px;}
    .mm-navbar img {vertical-align: top; margin-top: 5px;}
    .mm-navbars_bottom .fab { font-size: 1.4rem; color: #004280;}
    a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color: #111111;}
    
    #header .mburger {color: #004280 !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: #004280;}
	.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;
	}


}
@media (max-width: 767px) {
  iframe {border: 0;height: 400px;margin-top: 3rem;}
  .u-gallery-inner {grid-template-columns: repeat(2, 1fr);}
  #footer .frame-type-menu_pages ul {display: block; text-align: center;}
  #footer .powermail_form {margin-bottom: 2rem;}
  #maintrailer img {width: 140%; height: 300px; object-fit: cover;}	
  #maintrailer .ce-bodytext-inner {width: 65%;}
  #maintrailer h1 {font-size: 1.5rem;} 
  .startseite #maintrailer h2 {font-size: 1.5rem;}
  .startseite #maintrailer h1 {font-size: 1.2rem;}
}

@media (max-width: 690px) {
	.u-back-image {height: 200px;}
	.u-gallery-heading {font-size: 0.8rem; text-align: center; font-family: 'Montserrat SemiBold',sans-serif; line-height: 1.4;}
	.u-gallery-text {font-size: 0.65rem;text-align: center; margin: 0;font-family: 'Montserrat SemiBold',sans-serif;}
	h1.u-text-2 {
    font-size: 1.3875rem;
    margin: 0;
    padding-bottom: 2rem;
    color: #0993d2;
    position: relative;
    text-transform: uppercase;
}
}

@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 #eee;
  border-radius: 0px;
  background-color: #eee;
  -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: 1; 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.3s ease-in-out;}

input:focus::placeholder, textarea:focus::placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 4-18 */
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; transition: all 0.3s 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 .save, #cookiebanner .accept {
    background: #0993d2;
    margin-right: 5px;
    color: #fff;
    border: none;
    border-radius: 0;
    font-weight: normal;
}
#cookiebanner .save:hover, #cookiebanner .accept:hover { background: #000;color: #fff !important;}
#cookiebanner .accept:not([href]):not([tabindex]):focus, #cookiebanner .accept:not([href]):not([tabindex]):hover {
    color: #fff;
    cursor: pointer;
    background: #000;
    border-color: #000;
}
#cookiebanner .checkbox input[type="checkbox"]:checked + label::after {top: 0px;}
#cookiebanner .checkbox label::before {top: 2px;}
.cookie-set {display: none !important;}

@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}

.navi-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-350);
  opacity: 0;
  z-index: -1;
  transition: background-color ease-in-out 0.25s;
}

.navi-overlay.sub-overlay {
  position: absolute;
  background-color: transparent;
  z-index: 10;
}

.navi-overlay.open {
  position: fixed;
  opacity: 0.6;
  z-index: 5;
}