@charset "utf-8";

@font-face{
	font-family:meta pro;font-style:normal;font-weight:400;src:local('Meta Pro'),url(fonts/meta/FFMetaProCondRg.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:normal;font-weight:400;src:local('Meta Pro'),url(fonts/meta/FFMetaProRegular.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:italic;font-weight:400;src:local('Meta Pro'),url(fonts/meta/FFMetaProCondRgIt.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:italic;font-weight:400;src:local('Meta Pro'),url(fonts/meta/FFMetaProRegIt.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:normal;font-weight:250;src:local('Meta Pro'),url(fonts/meta/FFMetaProThin.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:italic;font-weight:250;src:local('Meta Pro'),url(fonts/meta/FFMetaProThinIt.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:normal;font-weight:350;src:local('Meta Pro'),url(fonts/meta/FFMetaProLight.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:italic;font-weight:350;src:local('Meta Pro'),url(fonts/meta/FFMetaProLightIt.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:normal;font-weight:450;src:local('Meta Pro'),url(fonts/meta/FFMetaProBook.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:normal;font-weight:450;src:local('Meta Pro'),url(fonts/meta/FFMetaProCondBk.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:italic;font-weight:450;src:local('Meta Pro'),url(fonts/meta/FFMetaProBookIt.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:italic;font-weight:450;src:local('Meta Pro'),url(fonts/meta/FFMetaProCondBkIt.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:normal;font-weight:500;src:local('Meta Pro'),url(fonts/meta/FFMetaProCondMed.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:normal;font-weight:500;src:local('Meta Pro'),url(fonts/meta/FFMetaProMedium.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:italic;font-weight:500;src:local('Meta Pro'),url(fonts/meta/FFMetaProCondMdIt.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:italic;font-weight:500;src:local('Meta Pro'),url(fonts/meta/FFMetaProMedIt.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:normal;font-weight:700;src:local('Meta Pro'),url(fonts/meta/FFMetaProBold.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:normal;font-weight:700;src:local('Meta Pro'),url(fonts/meta/FFMetaProCondBd.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:italic;font-weight:700;src:local('Meta Pro'),url(fonts/meta/FFMetaProBoldIt.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:italic;font-weight:700;src:local('Meta Pro'),url(fonts/meta/FFMetaProCondBdIt.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:normal;font-weight:750;src:local('Meta Pro'),url(fonts/meta/FFMetaProCondXBold.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:italic;font-weight:750;src:local('Meta Pro'),url(fonts/meta/FFMetaProCondXBoldIt.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:normal;font-weight:900;src:local('Meta Pro'),url(fonts/meta/FFMetaProBlk.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:normal;font-weight:900;src:local('Meta Pro'),url(fonts/meta/FFMetaProCondBlk.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:italic;font-weight:900;src:local('Meta Pro'),url(fonts/meta/FFMetaProBlkIt.woff) format('woff')}
@font-face{
	font-family:meta pro;font-style:italic;font-weight:900;src:local('Meta Pro'),url(fonts/meta/FFMetaProCondBlkIt.woff) format('woff')}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Material-Icons.woff2) format('woff2');
}

.icon {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 140%;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

/* rot #e73132 */
/* grau #6f7072 */

body { font-family: 'Meta Pro', sans-serif; font-size:120%; color:#666666; background-color: #ffffff; line-height: 1.5; font-weight: 400; background-size: cover; background-position: center center; background-attachment: fixed; padding-top:var(--headerHeight); }
body.overflow_hidden { overflow:hidden !important; }
.hidden { display: none; }
main { font-size: 120%; }
.firstWoHeader { margin-top:var(--headerHeight); }

a { text-decoration: none; color:#6DB5BA; }
h1, h2, h3, h4 { font-weight: 500; color:#6DB5BA; }
h1 { font-size: 200%; margin:80px 0 40px 0; position:relative; width:fit-content; }
h1:before { content:''; display:block; width:50%; height:4px; background-color:#D3D626; position:absolute; left:0; bottom:0; }
h1:first-of-type, section h2:first-of-type { margin-top:0px; }
h2 { font-size: 222%; margin:60px 0 40px 0; }
.container { width:100%; max-width:1600px; padding:0 2%; margin:0 auto; }
.center { text-align: center;  }
.iconText { line-height: 35px; display: inline-flex; align-items: center; column-gap: .5em; }
.lText .iconText { display: flex; align-items: flex-start; margin:10px 0; }

header { position: fixed; top:0px; z-index: 500; width:100%; transition: all .5s ease-in-out; background: #ffffff; }
.home header { background: #ffffff; }
/*.home header, .gasthof header, .hotel header { background: #6f707200; }*/
header.scrolled, .kontakt header { background: #ffffff; }
.home { margin-top:0; }
.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 { display: flex; justify-content: space-between; align-items: center; column-gap:2%; max-width:none; padding:0 3%; min-height:60px; }
header .container a, header .container .icon, header .sprache > div { color:#6DB5BA; line-height: var(--headerHeight); min-width: 40px; text-align: center; cursor: pointer; }
header .sprache > div { opacity: .2; cursor: initial; }
header .container .directMenu .icon { font-size: 110%; }
header .container a.logo { display: flex; align-items: center; height:calc(var(--headerHeight) - 25px); line-height: initial; transition:all .5s ease-in-out; }
.home header .container a.logo { height:calc(var(--headerHeight) + 30px); }
header.scrolled .container a.logo { height:calc(var(--headerHeight) - 25px); }
header .container a.logo img { width:auto; height:75%; }
.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; order:2; }
.contactWrapper a { font-size: 30px; }
.social img { width:40px; height:auto; }

.directMenu { flex-grow:1; display: flex; justify-content: center; align-items: center; column-gap:20%; }
.directMenu a { line-height: var(--headerHeight); font-size: 150%; font-weight: 300; }
.headerWrapper { display: flex; column-gap:40px; flex-basis:75%; justify-content: flex-end; }

.sprache { display: flex; order:1; }
.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:block; background:#e73132; line-height: 50px; color:#fff; cursor: pointer; width:60px; text-align: center; border-bottom-left-radius:10px; border-top-left-radius: 10px; font-size: 150%; }

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

.swiper-slide > img { object-fit: cover; width:100%; height:100%; }
.facts { display: flex; margin:10px 0; }

/* menu > */
nav { flex-grow:4; max-width: 80%; order:0; }
.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:#6B6B6B; }
/*.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);*/ font-weight: 600; }
.menu li a.aktiv, .menu .sub li a.aktiv {  }
.menu .sub li a { font-size:110%; line-height: 50px; 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:250%; 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; background: #6f7072dd; padding-bottom:10px; }
.menu .sub li { width: 100%; margin: 0; padding: 0;}
.menu .sub li:last-child { border: none; }
.menu .sub li a span { display: inline-block; }
.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 {  }
.menu .sub.zwei li { border: none; }
.menu .sub.zwei li a span { display: block; width: 100%; }
.menu .home { display: none; }
/* < menu */

section { padding:160px 0; }
.grey { background-color: #F6F6F6; }
section.fullHeader { height:60vh; padding:0; background-size: cover; background-repeat: no-repeat; background-position: center center; 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 { padding:4vw 0; font-size: 100%; border-top:3px solid #d3d627; }
footer a, footer .line, .kontaktWrapper .line, .kontaktWrapper a { color: #666666; 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; }
.footerLogo img { width:100vw; height:auto; max-width: 350px; }
.footerMenu a { display: block; text-align: right; }
.footerSocial { display: flex; column-gap:15px; }
.footerMenu { display: flex; justify-content: space-between; margin-top:2vw; }


.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; }
.pdf { font-weight: 600; }

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


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

.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; column-gap: 2%; row-gap:80px; margin-top:100px; }
.kachelWrapper a { display: block; width:23.5%; position: relative; }
.kachelWrapper a img { width:100%; height:auto;  }
.kachelWrapper div { display:flex; justify-content: center; align-items:center; height:80px; font-size: 140%; font-weight: 400; border:3px solid #F6F6F6; margin-top:8px; }
#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; padding:40px 20px; margin:40px 0; display: flex; justify-content: center; align-items: center; text-align: center; }
.station .noCookie { margin: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; margin:20px 0 0 0; }
.buttonC { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:5%; }
.buttonC .button { width:25%; }

.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: flex; flex-basis:32%; aspect-ratio:1/1; justify-content: center; align-items: center; color:#666; transition: all 0.5s ease-in-out; background-size: cover; background-position: center center; border-radius: 20px; }
.homeAktuelles > a > div { background: #ffffffaa; color:#666; padding:4% 6%; transition: all .5s ease-in-out; width:100%; height:100%; display: flex; justify-content: flex-end; flex-direction: column; border-radius: 20px; }
.homeAktuelles > a:hover > div { background: #ffffff66; color:#111; }
.homeAktuelles > a .datum { font-size: 70%; }
.homeAktuelles > a h1, .homeAktuelles > a h2, .homeAktuelles > a h3, .homeAktuelles > a h4 { font-family: 'Hind Siliguri', sans-serif; font-weight: 400; }
.homeAktuelles > a h3 { margin:0; }

section { background-color: #fff; }
.guckloch { height:50vh; background: transparent; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.guckloch h1 { color:#fff; }
.guckloch a.button { font-size: 150%; padding:20px 30px; }

.textBildHalf { display: flex; align-items: center; aspect-ratio:32 / 9; }
.wFacts .textBildHalf { aspect-ratio:initial; margin:5vh 0; }
.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 div.text h2 { margin:0; }
.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:23.5%; aspect-ratio:4/3; background-size: cover; background-position: center center; }
.galerieWrapper a img { width:100%; height:auto; }

.videoFull { width:100%; overflow:hidden; position: relative; }
.videoFull video { aspect-ratio:1280/484; width:100%; vertical-align: bottom; }
.videoFull .vText { position: absolute; left:0; bottom:0; display: flex; justify-content: center; align-items: center; padding:0 2% 1vh 0; width:100%; color:#fff; font-size: 2vw; }
.youtube { aspect-ratio:16/9; width:100%; height:auto; max-width: 1200px; }
.flexCenter { display: flex; justify-content: center; align-items: center; }

.msg_head { cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 150%; font-weight: 500; background-color: #d3d627; color:#fff; margin:4vh 0 0 0; padding:1vh 1vw; }
.msg_head span.buchstabe { text-transform: uppercase; }
.msg_head > div { display: flex; align-items: center; column-gap:10px; }
.msg_head > div img { wdth:auto; height:40px; }
.opened .open, .close { display: none; }
.open, .opened .close { display: block; }
.msg_body { margin:0 0 4vh 0; display: none; }

.markerContent { background-color: #D3D626; border-radius: 8px; color: #FFFFFF; font-size: 200%; padding: 10px 15px; position: relative; display:flex; align-items: center; column-gap:10px; font-weight: 500; font-family: 'Meta Pro', sans-serif; }
.markerContent::after { content: ""; position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #D3D626; }
.markerContent img { max-height:20px; }
.markerContent .mBuchstabe { text-transform: uppercase; }
.mInfoContainer { padding:15px; font-family: 'Meta Pro', sans-serif; font-size:120%; font-weight: 400; }
.mInfoContainer h3 { color:#666666; margin:0 0 8px 0; }

#mapGesamt { width:100%; height:90vh; }
.mapOrt { width:100%; height:40vh; }

.station { display:flex; justify-content: space-between; padding:3vw 0; border-bottom:3px solid #D3D626; }
.msg_body .station:last-of-type { border:none; }
.station audio { width:100%; margin:2vw 0; }
audio::-webkit-media-controls-panel { background-color: #D3D626; }
.station h3 { margin:0 0 1vw 0; position:relative; width:fit-content; font-size: 140%; }
.station h3 span { text-transform: uppercase; }
.station h3:before { content:''; display:block; width:50%; height:3px; background-color:#6DB5BA; position:absolute; left:0; bottom:0; }
.station > div { flex-basis:48%; }
.station > div .sButton { display:flex; align-items: center; color:#fff; justify-content: space-between; padding:0.5vw 0.8vw; background-color: #6DB5BA; font-weight: 600; margin:1vw 0 0 0; cursor: pointer; }
.station > div .sButton.coord .done { display: none; }
.station > div .sButton.coord:active .done { display: inline; }
.station > div .sButton.coord:active { background-color: #d3d627; }
.station > div.karteBG { background-size: cover; background-position: center center; display: flex; justify-content: center; align-items: flex-end; }
.station > div.karteBG a { background-color: #6DB5BA; color:#ffffff; padding:0.5vw 0.8vw; font-weight: 600; }

.opaque { opacity: 0.5; }

.gm-ui-hover-effect { top:0 !important; right:0 !important; }
a.foerderung { max-width: 300px; }
a.foerderung img { width:100%; height:auto; }

.buchstabe_i { text-transform: lowercase !important; }



@media screen and (max-width: 2000px) {
	.headerWrapper { flex-basis:80%; }
}
@media screen and (max-width: 1650px) {
	.menu li a { font-size: 120%; }
}
@media screen and (max-width: 12500px) {
	nav { order:3; flex-grow:0; }
	.menu_mobile { display: block; }
	.menu { display: flex; flex-direction: column; justify-content: center; position:fixed; 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; }
	.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%; }
}

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

@media screen and (max-width: 1250px) {
	:root {
		--headerHeight:70px;
	}
	.headerWrapper { flex-basis:23%; }
	/*a.logo { flex-grow:4; height:calc(var(--headerHeight) - 20px); }*/
	.textBildHalf div.text { }
	section.fullHeader { height:50vh; }
	section { padding:80px 0; }
	.footerLogo { display: none; }
	.staffWrapper .img img { width:80%; }
	.textBildHalf { flex-wrap: wrap; }
	.textBildHalf div.text { width:100%; margin: 60px 0; }
	.textBildHalf div.img { width:100%; min-height:390px; }
	.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%; }
	.qmLink img { max-width: 120px; }
	.homeIconMail .icon { line-height: 50px; }
	.homeIconTel .icon {line-height: 50px;}
	.homeIconTel {width: 264px;}
	.homeIconMail {width: 264px; bottom: 748px;}
	.markerContent { font-size: 200%; }
	.markerContent img { max-height:20px; }
}
@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; }
}
@media screen and (max-width: 800px) {
	:root {
		/*--headerHeight:50px;*/
	}
	.home header .container a.logo { height:calc(var(--headerHeight) - 25px); }
	.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%}
	.contactWrapper a { font-size: 160%; }
}
@media screen and (max-width: 700px) {
	.station { flex-wrap: wrap; padding:60px 0; }
	.station > div { flex-basis:100%; }
	.station > div .sButton, .station > div.karteBG, .station .noCookie { margin:20px 0 0 0; }
	.station > div.karteBG { min-height:30vh; }
}

@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%; }
	.markerContent { font-size: 150%; padding:5px 10px; border:1px solid #bbb; }
	.markerContent img { max-height:15px; }
	.mInfoContainer { padding:10px; font-size:100%; }
	.mInfoContainer h3 { color:#666666; margin:0 0 4px 0; }
}

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

@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)); }
}