@charset "utf-8";

body { font-family: var(--textFont); font-size:120%; color:var(--dark); background-color: #ffffff; line-height: 1.5; font-weight: 300; background-size: cover; background-position: center center; background-attachment: fixed; padding-top:var(--headerHeight); hyphens: auto; }
body.home { padding-top: 0; }
body.overflow_hidden { overflow:hidden !important; }
.hidden { display: none; }
main { font-size: 120%; }

a { text-decoration: none; color:var(--primary); }
strong { font-weight: 600; }
h1, h2, h3, h4 { font-weight: 300; font-family: var(--titleFont); line-height: initial; }
h1 { font-size: 230%; margin:60px 0 30px 0; }
h1:first-of-type, section h2:first-of-type { margin-top:0px; }
h2 { font-size: 180%; margin:40px 0 20px 0; }
h3 { font-size: 140%; margin:30px 0 15px 0; }
.container { width:100%; max-width:1600px; padding:0 2%; margin:0 auto; }
.center { text-align: center;  }
h1.center { display:flex; justify-content: center; margin:60px 0 40px 0; }
h1.withSub { margin-bottom:0; }
h2.asSub { font-size: 130%; }
.iconText { display: inline-flex; align-items: center; column-gap: 8px; }
h1.iconText .icon { color:var(--primary); }
.lText .iconText { display: flex; align-items: flex-start; margin:10px 0; }
.prime { color:var(--primary); }

header { position: fixed; top:0px; z-index: 500; width:100%; transition: all .5s ease-in-out; background: #ffffff; }
.home header { background: #ffffff88; }
/*.home header, .gasthof header, .hotel header { background: rgba(80,80,80,0.7); }*/
header.scrolled { box-shadow:0 0 20px #ccc; background: #ffffff; }
.overflow_hidden header { background: #ffffff; }
header .container { display: flex; justify-content: space-between; align-items: center; column-gap:2%; max-width:none; padding:0 3%; }
header .container a, header .container .icon, header .sprache > div { color:var(--dark); line-height: var(--headerHeight); min-width: 40px; text-align: center; cursor: pointer; transition: all .5s ease-in-out; }
/*.home header .container a, .home header .container .icon, .home header .sprache > div { color:var(--grey); }*/
.home.overflow_hidden header .container a, .home.overflow_hidden header .container .icon, .home.overflow_hidden header .sprache > div { color:var(--dark); }
.home header.scrolled .container a, .home header.scrolled .container .icon, .home header.scrolled .sprache > div { color:var(--dark); }
header.scrolled .container a, header.scrolled .container .icon, header.scrolled .sprache > div { line-height: calc(var(--headerHeight) - 4vh); }
header .sprache > div { opacity: .2; cursor: initial; }
header .container .directMenu .icon { font-size: 110%; }
header .container a.logo { display: block; height:calc(var(--headerHeight) - 25px); line-height: initial; transition: all .5s ease-in-out; }
header.scrolled .container a.logo { height:calc(var(--headerHeight) - 6vh); }
header .container a.logo img { width:auto; height:100%; }
.socialWrapper { display: flex; column-gap:10px; align-items: center; }
.socialWrapper a { display: flex; width:40px; }
.socialWrapper a:nth-of-type(3) { display: block; width:40px; }
.socialWrapper a img { width:100%; height:auto; max-width: 30px; }
.contactWrapper { display: flex; column-gap:0px; }
.contactWrapper a { font-size: 30px; }
.social img { width:40px; height:auto; }
.headerVideo { width:100vw; height:100vh; position: relative; overflow: hidden; border-bottom-right-radius: 8vw; }
.headerVideo video { object-fit:cover; object-position:center center; width:100%; height:100%; }
.videoLinks { position:absolute; display:flex; flex-wrap:wrap; justify-content: space-around; align-items: center; left:0; top:0; width:100%; height:100%; }
.videoLinks a { color:var(--grey); font-size: 0.8vw; font-weight: 300; text-align: center; }
.videoLinks a span { font-size: 4vw; font-weight: 100; line-height: 1; }

header .directMenu { flex-grow:1; display: flex; justify-content: center; align-items: center; column-gap:20%; transition:all 0.5s ease-in-out; }
.home header .directMenu { opacity: 0; pointer-events: none; }
.home header.scrolled .directMenu { opacity: 1; pointer-events: all; }
header .directMenu a, .home header.scrolled .directMenu a { font-size: 150%; font-weight: 400; font-family:var(--titleFont); color:var(--secondary); }
header .directMenu a .icon, .home header.scrolled .directMenu a .icon { color:var(--primary); }
.headerWrapper { display: flex; column-gap:40px; }

.sprache { display: flex; }
.sprache a { display: block; }

.infoWrapper { display:flex; flex-direction: column; position:fixed; right:0px; top:50%; z-index: 100; row-gap:5px; }
.infoWrapper a, .infoWrapper div { display:flex; flex-direction: column; background:#b99f6a; color:#fff; cursor: pointer; text-align: center; border-bottom-left-radius:10px; border-top-left-radius: 10px; font-size: 80%; padding:0 10px 10px 10px; }
.infoWrapper span { font-size: 250%; }

.footerZeiten p { margin:0 0 8px 0; }
.footerZeiten .icon { display: block; text-align: center;}

.swiper-slide > img { object-fit: cover; width:100%; height:100%; }

/* menu > */
nav { flex-grow:4; max-width: 70%; }
.menu_wrapper { margin: 0; }
.menu { list-style:none; padding:0; position:relative; display:flex; justify-content: space-around; align-items: stretch; text-indent: 0; margin: 0; }
.menu li { display: block; margin: 0; padding: 0; width: auto; border: none; text-indent: 0; }
.menu li a { font-size: 150%; font-weight: 300; display:block; text-decoration:none; text-align: center; line-height: var(--headerHeight); color:var(--dark); }
.menu li a:hover, .menu li a:focus, .menu li a.aktiv, .menu .sub li a:hover, .menu .sub li a:focus, .menu .sub li a.aktiv { outline:none; color: var(--primary); }
.menu li a.aktiv, .menu .sub li a.aktiv { font-weight: 500; }
.menu .sub li a { font-size:100%; line-height: 40px; border: none; text-transform: none; text-align: left; padding-left:20px; padding-right: 20px; }
.menu_mobile { display: none; cursor:pointer; }
.menu_mobile .icon { line-height: var(--headerHeight); font-size:200%; color:#fff; }
.menu .sub { min-width:220px; list-style:none; margin:0; padding:0; position:absolute; top: var(--headerHeight); z-index:50; display:none; text-indent: 0; width: auto; }
.menu .sub li { width: 100%; margin: 0; padding: 0;}
.menu .sub li:last-child { border: none; }
.menu .sub li a span { line-height: 60px; display: inline-block; text-align: center; }
.menu .sub.dritte_ebene { display: block; position: static; margin-top: 0px; }
.menu .sub.dritte_ebene li { float: left; padding: 0; border: none; }
.menu .sub.dritte_ebene li a { font-size: 80%; line-height: 30px; }
.menu .sub.drei { left: 0; width: 100%; }
.menu .sub.zwei { padding: 0; }
.menu .sub.zwei li { border: none; }
.menu .sub.zwei li a span { display: block; width: 100%; }
.menu .home { display: none; }
/* < menu */

section { padding:80px 0; }
.grey { background-color: #F6F6F6; }
section.fullHeader { height:70vh; padding:0; background-size: cover; background-repeat: no-repeat; background-position: center bottom; position: relative; }
section.fullHeaderImg { padding:0; }
section.fullHeaderImg img { width:100%; height:auto; }
section.imgWithTitle { padding:0; height:50vh; background-size: cover; background-repeat: no-repeat; background-position: center center; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; }
section.imgWithTitle .text { color:#fff; padding:0 1%; }
section.imgWithTitle .text h1 { margin:0; font-weight: 100; font-size: 6vw; line-height: 7vw; }
h2.closeToElement { margin:0 0 0 1%; font-weight: 100; font-size: 4vw; line-height: 3.2vw; }

footer { background-color: #888; /*margin:60px 0 0 0;*/ padding:60px 0; font-size: 100%; color:#fff; }
footer a, footer .line, .kontaktWrapper .line, .kontaktWrapper a { color: #ffffff; line-height: 35px; display: inline-flex; align-items: center; }
footer .icon, .kontaktWrapper .icon { font-size:160%; margin-right:5px; }
footer .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap:2%; row-gap:40px; padding:0 3%; max-width:none; }
footer .container > div { width:auto; }
footer .container .footerLogo { text-align: center; width:80%; max-width: 200px; display: flex; column-gap:20px; flex-wrap: wrap; row-gap:20px; justify-content: center; align-items: center; }
footer .container .footerLogo a { display: block; }
.footerLogo img { width:100%; height:auto; max-width: 200px; min-width: 130px; }
.footerMenu a { display: block; text-align: right; }
.footerSocial { display: flex; column-gap:15px; }


.iconWrapper { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap:80px; }
.iconWrapper > div { display: flex; flex-direction: column; align-items: center; width:30%; row-gap:20px; }
.iconWrapper div .icon { font-size: 400%; color:#99cc00; }
.iconWrapper div .iconText { font-size: 120%; text-align: center;}


.newsSection .container { display: flex; justify-content: space-between; }
.newsSection:nth-of-type(even) { background-color: #F6F6F6; }
.newsSection .text { width:65%; }
.newsSection .img { width:30%; display: flex; justify-content: center; align-items: center; }
.newsSection .img img { width:100%; height:auto; }

.galerieWrapper { display: flex; flex-wrap: wrap; justify-content: flex-start; column-gap:2%; row-gap:30px; margin:4vh 0 0 0; }
.galerieWrapper a { display: block; width:23.5%; }
.galerieWrapper a img { width:100%; height:auto; }


.swiper-container { height:100vh; }
.swiper-container img { width:100%; height:100%; object-fit: cover; }

.captionWrapper { position: absolute; width: 100%; bottom:0%; z-index: 100; background: rgba(255,255,255,0.9); padding:30px 50px 50px 50px; text-align: center; }
.captionWrapper h3 { font-weight: 300; font-size: 300%; margin:0; color:var(--primary); }
.captionWrapper span { line-height: 40px; }
.captionWrapper a.social { width:40px; display: inline-block; }


.kachelWrapper { display: flex; flex-wrap: wrap; justify-content: space-around; row-gap:40px; margin:60px 0 60px 0; }
.kachelWrapper a { display: flex; align-items: flex-end; width:20.5%; position: relative; aspect-ratio:2/1; background-size: cover; background-position: center center; overflow: hidden; border-bottom-right-radius: 2vw; }
.kachelWrapper a img { width:100%; height:auto;  }
.kachelWrapper div { display:flex; justify-content: center; align-items:flex-end; padding:0 2% 10px 2%; height:50%; font-size: 100%; font-weight: 400; width:100%; background: transparent linear-gradient(180deg, #00B1FF00 0%, #004494cc 100%) 0% 0% no-repeat padding-box; color:var(--grey); }
#lightcase-nav a[class*="lightcase-icon-"], #lightcase-nav a[class*="lightcase-icon-"]:focus { color:#666; }

.leistungsWrapper { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.leistungsWrapper > div { width:45%; }
.lText {  }
.lBild img { width:100%; height:auto; max-width: 420px; }

.noCookie { width:100%; background-color:#eeeeee; text-align: center; padding:40px 20px; margin:40px 0; }

.kontaktWrapperEl { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.kontaktWrapper { width: 50%; }
.kontaktWrapperDark { width: 50%; color: var(--dark);  }
.kontaktWrapperDark a {line-height: 35px; display: inline-flex; color:var(--dark);}
.kontaktWrapperDark	.line { line-height: 35px; display: inline-flex; color:var(--dark); align-items: center;}	
.kontaktWrapperDark .icon  { margin-right: 5px;}

.oeffnungszeiten strong { color: var(--primary)}

.homeEl {display: flex; justify-content: flex-start; align-items: center;} 
.homeBild {width: 50%;}
.homeBild img {width: 100%; height: auto;}
.homeText {width: 50%; padding-right:2%;}
.homeText:nth-child(2) {width: 50%; padding-left:2%;}

.homeWrapper .homeEl { display: block; float: left; width: 25%; position: relative; font-size: 110%; }
.homeWrapper .homeEl picture, .homeWrapper .homeEl img { display: block; width: 100%; background-position: center; background-repeat: no-repeat;}
.homeWrapper .homeEl .overlay { background: rgba(255,255,255,.8); position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
.homeWrapper .homeEl .overlay, .homeWrapper .homeEl h2, .homeWrapper .homeEl .fakeLink { transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
.homeWrapper .homeEl h2 { position: absolute; top: 50%; left: 0; width: 100%; z-index: 2; font-weight: 500; text-align: center; height: 50px; line-height: 30px; margin-top: -25px; font-size: 150%; color: var(--dark) }
.homeWrapper .homeEl .fakeLink { position: absolute; top: 50%; left: 50%; width: 120px; margin: 45px 0 0 -60px; z-index: 2; }
.homeWrapper .homeEl:hover .overlay { background: rgba(255,255,255,0); }
.homeWrapper .homeEl:hover h2, .homeWrapper .homeEl:hover .fakeLink { color: var(--primary); }
.kundeninfo {display: flex; justify-content: center; margin-bottom: 5%; }

button {display: flex; justify-content: center; width: fit-content; background-color: white; border: 1px solid; padding: 5px;}
.button {display: flex; justify-content: center; width: fit-content; align-items: center; background-color: var(--primary); padding: 20px; border-radius: 20px; color:#fff; }
.buttonC { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:5%; row-gap:30px; }
.buttonWA { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top:5%; column-gap:2%; row-gap:30px; }
.buttonC .button { width:23%; }
.buttonWA .button { width:32%; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

.zweiLinks { margin-right: 5%;}

.timeline { position: relative; max-width: 1600px; margin: 100px auto;}
.timeline::after {content: ''; position: absolute; width: 2px; background-color: var(--primary); top: 0; bottom: 0; left: 50%; margin-left: -3px;}
.containerTimeline { padding: 10px 40px; position: relative; background-color: inherit; width: 50%; }
.containerTimeline::after { content: ''; position: absolute; width: 25px; height: 25px; right: -13px; background-color: white; border: 2px solid var(--primary); top: 25px; border-radius: 50%; z-index: 1;}
.left { display: flex; justify-content: flex-end;}
.right { left: 50%;}
/*.left::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; right: 30px; border: medium solid white; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent white;}
.right::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent;}*/
.right::after { left: -16px;}
.contentTimeline {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.contentTimeline h2 {margin: 60px 0 0px 0;}
.contentTimeline img {width: 30%;}
.contentTimeline p {width: 100%}
.contentTimelineEnde {display: flex; justify-content: flex-end; flex-wrap: wrap;}
.contentTimelineEnde h2 {margin: 60px 0 0px 0;}
.contentTimelineEnde img {width: 30%;}
.ende {width: 90%; display: flex; justify-content: flex-start; direction: rtl; }

.karriereWrapperEL {display: flex; justify-content: center; margin-top: 10%;}
.karriereWrapper {display: flex; justify-content: flex-start; width: 50%; flex-wrap: wrap;}
.karriereWrapper img {width: 40%; height: auto;}
.karriereWrapperUeberschrift {display: flex; justify-content: flex-start; width: 50%;}
.karriereWrapperContent {display: flex; align-items: center; width: 50%;}

.bewebungStepEL {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.bewebungStep {display: flex; justify-content: flex-start; flex-wrap: wrap; width: 23%; margin: 1%;}
.bewebungStep h2 {width: 100%; color: var(--primary); font-size: 600%; margin: 60px 0px 0px 0px;}

.homeIconTel { display: flex; width: 275px; position: fixed; bottom: 800px; right: -220px; z-index: 499; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; background-color: var(--primary); color: #fff; align-items: center; padding: 0 0 0 5px; gap: 5px; }
.homeIconTel.open  {right: 0px;}
.homeIconTel .icon {color: #fff ; line-height: 68px; display: inline-flex; font-size: 250%;}
.homeIconTel a {color:#fff ;line-height: 35px; display: inline-flex; }

.homeIconMail { display: flex; width: 275px; position: fixed; bottom: 730px; right: -220px; z-index: 499; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; background-color: var(--primary); color: #fff; align-items: center; padding: 0 0 0 5px; gap: 5px;}
.homeIconMail.open  {right: 0px;}
.homeIconMail .icon {color: #fff ; line-height: 68px; display: inline-flex; font-size: 250%;}
.homeIconMail a {color:#fff ;line-height: 35px; display: inline-flex; }

.kontaktFormularEl { width: 60%; margin-bottom: 60px;}
.kontaktFormular {width: 100%; }
.kontaktFormular div {display: flex; margin: 4% 4% 4% 0%; gap:2%;}
.kontaktFormular input  {width: 100%; padding: 1%}
.kontaktFormular select {width: 100%; padding: 1%; font-family: inherit; font-size: inherit; font-weight: inherit; }
.kontaktFormular textarea {width: 100%; padding: 1%}
#datenschutz {width: 3%;}
#submit {width: 30%; background-color: var(--primary);border: none; color: white;}

.filterWrapper { display: flex; justify-content: flex-start; margin:40px 0; }
.filterWrapper div {margin-right: 10px; padding: 0 10px; cursor: pointer; line-height: 40px; background: #f1f3f5; }
.filterWrapper div:hover {color: #3b61a8; }
.filterWrapper div.fakeLinkImp { font-weight: 500; background: #3b61a8; color:#fff; }

.galerieContainer { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; column-gap:1%; row-gap:20px; }
.galerieContainer a { display: block; width: 19%; background-size: cover; background-position: center center;}
.galerieContainer a img {display: block; width: 100%; height: auto;}

.kundenstimmenContainer {margin: 60px 0; }
.kundenstimmeEL {display: flex; justify-content: flex-start; align-items: center; padding: 0px 50px 0px 50px}
.kundenstimme img {max-height: 300px;}
.kundenstimmeText  { padding: 5%;}

.kundenlogosContainer {margin: 60px 0; }
.referenzenLogo {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap:1%; row-gap:40px;}
.referenzenLogo img {max-width: 300px; margin-right: 3%; }

.swiper-pagination-bullet-active {background: var(--primary); }
.homeAktuelles { display: flex; row-gap:40px; column-gap:2%; flex-wrap: wrap; }
.homeAktuelles > a { display: block; flex-basis:32%; color:#666; background: rgba(185,159,106,0.3); transition: all 0.5s ease-in-out; padding:20px 40px; border-radius: 0px; }
.homeAktuelles > a:hover {  color:#fff; background: rgba(185,159,106,1); }
.homeAktuelles > a .datum { font-size: 70%; }
.homeAktuelles > a h1, .homeAktuelles > a h2, .homeAktuelles > a h3, .homeAktuelles > a h4 { font-weight: 400; }
.homeAktuelles > a h3 { margin:0; }

div.aktuelles { display:flex; justify-content: space-between; column-gap:4%; row-gap:2vh; margin:0 0 8vh 0; flex-wrap: wrap; }
div.aktuelles div.aBilder { order:1; }
div.aktuelles div.aText { order:0; }
div.aktuelles h2 { font-size: 180%; }
div.aktuelles .datum { font-size: 80%; }

section { background-color: #fff; }
.guckloch { height:50vh; background: transparent; }
/*
body.home { background-image: url('../img/slider/home/1.jpg'); }
body.gasthof { background-image: url('../img/slider/gasthof/1.jpg'); }
*/
.textBildHalf { display: flex; align-items: center; aspect-ratio:3.00469483 / 1; }
.textBildHalf.team { justify-content: space-between; flex-wrap: wrap; }
.textBildHalf div.img { display: flex; align-items: center; justify-content: center; width:50%; height:100%; transition: all .8s ease-in-out; background-size: 100% auto; background-repeat: no-repeat; }
.textBildHalf div.img:hover { background-size: 110% auto; }
.textBildHalf.reverse div.img { order:3 }
.textBildHalf div.text { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; width:50%; padding:0 8%; background-color: #fff; height:100%; }
.textBildHalf.team div.text { font-size: 120%; padding:0 10%; display: block;}

.scroll_btn { cursor: pointer; }
#lightcase-nav a[class*="lightcase-icon-"], #lightcase-nav a[class*="lightcase-icon-"]:focus, #lightcase-nav a[class*="lightcase-icon-"]:hover { color:var(--dark); }
.galerieWrapper { display: flex; flex-wrap: wrap; column-gap:2%; row-gap:40px; }
.galerieWrapper a { display: block; width:32%; }
.galerieWrapper a img { width:100%; height:auto; border-radius: 20px; }

.gmUmgebung { width:100%; height:60vh; border:none; vertical-align: bottom; }

.googleMaps { width:100%; height:70vh; vertical-align: bottom; }

.halbTextBild { display: flex; flex-wrap: wrap; justify-content: space-between; }
.halbTextBild .hText { flex-basis:47%; }
.halbTextBild .hBild { flex-basis:47%; display: flex; align-items: center; }
.halbTextBild .hBild img { width:100%; height:auto; }

.dreierKacheln, .viererKacheln { display:flex; flex-wrap: wrap; justify-content: space-between; font-size: 130%; }
.dreierKacheln a, .viererKacheln a { display:flex; justify-content: center; align-items: flex-end; flex-basis:30%; aspect-ratio:1/1; background-size: cover; background-position: center center; border-radius: 20px;  }
.dreierKacheln a div, .viererKacheln a div { background-color: #888888bb; color:#fff; padding:10px 2%; width:100%; text-align: center; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.viererKacheln a { flex-basis: 23%; }

.grayscale { filter:grayscale(1); }

.teaser { position:absolute; left:0; top:var(--headerHeight); width:100%; background-color: #b99f6aee; z-index: 2; color:#fff; font-weight: 600; padding:10px 2%; text-align: center; }

.aktuelles-stellenangebote h1 { margin-top:60px; }
.home_cms_wrapper { display: flex; justify-content: space-between; }
.home_cms_el { flex-basis:48%; }
.gMaps { width:100%; height:60vh; border:none; }

.msg_head { display: flex; align-items: center; background-color: var(--grey); margin:15px 0 0 0; cursor: pointer;  font-size: 140%; font-family: var(--titleFont); }
.msg_body { background-color: var(--grey); padding:0 15px 15px 15px; }
.msg_body .iconText { display: flex; }
.msg_head.opened .open, .msg_head .close { display: none; }
.msg_head.opened .close, .msg_head .open { display: inline; }
.textImg { width:100%; height:auto; display: block; margin:40px auto; max-width: 900px; }
.textImg img { width:100%; height:auto; }
table.ueberUns { border:none; border-collapse: collapse; }
table.ueberUns td { vertical-align: top; padding:10px 8px; }
table.ueberUns tr:nth-of-type(odd) { background-color: var(--grey); }
.pdf.iconText { display: flex; }

.manntauLogo {
	width: 80%;
	max-width: 200px;
	margin: 20px 0;
}

@media screen and (max-width: 10000px) {
	nav { order:1; flex-grow:0; }
	.menu_mobile { display: block; }
	.menu { display: flex; flex-direction: column; justify-content: center; position:fixed; top:var(--headerHeight); right:-100%; width: 100%; max-width:100%; height:calc(100% - var(--headerHeight)); overflow-y:scroll; background:#ffffff; z-index:500; transition: all .4s ease-in-out; min-width: 300px; align-items: center; }
	.scrolled .menu { top:calc(var(--headerHeight) - 4vh); }
	.menu.open { right:0%; }
	.menu li a { line-height:60px; text-align: center; }
	.menu li { max-width:400px; width:100%; }
	.menu .sub { position: static; }
	.menu .sub li a span { line-height: 40px; }
	.flexHelper {display: none}
}

@media screen and (max-width: 1500px) {
	.staffWrapper .img img { width:60%; }
	.infoWrapper { top:auto; bottom:0; }
}

@media screen and (max-width: 1350px) {
	.homeText {font-size: 90%;}
}

@media screen and (max-width: 1250px) {
	:root {
		--headerHeight:70px;
	}
	/*a.logo { flex-grow:4; height:calc(var(--headerHeight) - 20px); }*/
	.textBildHalf div.text { }
	section.fullHeader { height:50vh; }
	section { padding:80px 0; }
	.staffWrapper .img img { width:80%; }
	.textBildHalf { flex-wrap: wrap; aspect-ratio:initial; }
	.textBildHalf.reverse div.img { order:0 }
	.textBildHalf div.text { width:100%; padding-top:4vh; padding-bottom:4vh; /*margin: 60px 0;*/ }
	.textBildHalf div.text h2 { margin-top:0px; }
	.textBildHalf div.img { width:100%; min-height:initial; aspect-ratio:3/2; }
	.textBildHalf div { flex:auto; }
	.lIcon { height:70%; max-height:140px; }
	.swiper-container { }
	.captionWrapper h3 { font-size: 200%; }
	.homeWrapper .homeEl {width: 40%;}
	.homeText {font-size: 75%;}
	.directMenu { column-gap:4%; }
}
@media screen and (max-width: 1000px) {
	body { font-size:100%; }
	footer { padding:60px; }
	footer .container > div { width:100%; text-align: center;}
	.footerLogo { order:1; }
	.footerKontakt { order:2; }
	.footerMenu { order:3; }
	.footerMenu a { text-align: center; }
	footer a, footer .line { width:100%; justify-content: center; }
	.footerSocial { justify-content: center; }
	footer a.social { width:auto; }
	.gruppenContainer div.gruppe { width:100%; }
	h1 { font-size: 180%; }
	h2 { font-size: 150%; }
	.qmLink img { max-width: 120px; }
	.homeIconMail .icon { line-height: 50px; }
	.homeIconTel .icon {line-height: 50px;}
	.homeIconTel {width: 264px;}
	.homeIconMail {width: 264px; bottom: 748px;}
	.buttonWA .button, .buttonC .button {  width:48%; }
	footer .container { justify-content: center; }
}
@media screen and (max-width: 940px) {
	.dText { font-size: 80%; }
	header .container .directMenu .icon { font-size: 125%; }
}
@media screen and (max-width: 900px) {
	.homeAktuelles > a { flex-basis:100%; }
}
@media screen and (max-width: 850px) {
	.dText { display: none; }
	.videoLinks a { flex-basis:100%; font-size: 80%; }
	.videoLinks a span { flex-basis:100%; font-size: 400%; }
}
@media screen and (max-width: 800px) {
	:root {
		/*--headerHeight:50px;*/
	}
	.staffWrapper { flex-wrap: wrap; }
	.staffWrapper > div { width:100%; }
	.staffWrapper .img { margin-bottom:60px; }
	.staffWrapper .img img { width:60%; }
	.staffWrapper.reverse .text, .staffWrapper .text { padding:2%; }
	.galerieWrapper a { width:32%; }
	.swiper-container { }
	/*.swiper-slide > img { width:140%; height:auto; position: relative; left:-20%; }*/
	.swiper-slide { overflow: hidden; }
	.captionWrapper {padding:20px 30px 30px 30px; }
	.captionWrapper h3 { font-size: 200%; }
	.kachelWrapper a { width:48%; }
	.kachelWrapper a img {  }
	.homeWrapper .homeEl {width: 50%;}
	.karriereWrapperContent {width: 100%;}
	.karriereWrapperContent {width: 100%;}
	.bewebungStepEl { flex-wrap: wrap;}
	.bewebungStep { width: 49%;}
	.homeEl {flex-wrap: wrap; margin: 2% 0%;}
	.homeEl::nth-child(2) {}
	.homeBild  {width: 100%;}
	.homeText {width:  100%;}
	.homeText:nth-child(2) {width: 100%}
	.halbTextBild { justify-content: center; row-gap:2vh; }
	.halbTextBild .hText { flex-basis:100%; }
	.halbTextBild .hBild { flex-basis:100%; justify-content: center; }
	.halbTextBild .hBild img { max-width: 500px; }
	.infoWrapper span { display: none; }
}
@media screen and (max-width: 600px) {
	body { font-size:90%; }
	.iconWrapper > div { width:48%; }
	section.imgWithTitle .text h1 { font-size: 12vw; line-height: 10vw; }
	.staffWrapper .img img { width:80%; }
	.lIcon { max-height:100px; }
	.newsSection .container { flex-wrap: wrap; }
	.newsSection .text, .newsSection .img { width:100%; }
	.newsSection .text { margin-bottom: 40px; }
	.galerieWrapper a { width:48%; }
	.headerWrapper, .directMenu { column-gap: 2%; }
	.dreierKacheln, .viererKacheln { row-gap:4vh; }
	.dreierKacheln a, .viererKacheln a { flex-basis:100%; aspect-ratio:4/2;  }
	.buttonWA .button, .buttonC .button {  width:100%; }
}

@media screen and (max-width: 500px) {
	.homeWrapper .homeEl {width: 100%;}
}

@media screen and (max-width: 400px) {
	body { font-size:80%; }
	.iconWrapper > div { width:100%; }
	.menu { min-width: auto; padding-left:5%; }
	.homeIconMail .icon { line-height: 45px; }
	.homeIconMail .icon { line-height: 45px; }
	.homeIconTel .icon {line-height: 45px;}
	.homeIconTel {width: 260px;}
	.homeIconMail {width: 260px; bottom: 752px;}
}
@media screen and (orientation:portrait) {
	section.imgWithTitle { height:calc(60vh - var(--headerHeight)); }
}