@charset "utf-8";

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Brother';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/brother/brother-1816-light.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Brother';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/brother/brother-1816-book.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Brother';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/brother/brother-1816-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Brother';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/brother/brother-1816-bold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Brother';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/brother/brother-1816-black.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 200;
  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;
}

/* gold #b99f6a */
[data-entrance] { visibility: hidden; transition: all 1s ease-in-out; opacity: 0; }
body { font-family: 'Brother', sans-serif; font-size:100%; color:#6B6B6B; background-color: #f6f5f3; line-height: 1.6; font-weight: 300; background-size: cover; background-position: center center; background-attachment: fixed; hyphens: auto; }
body, html { overflow-x:hidden !important; max-width:100vw; }
body.overflow_hidden { overflow:hidden !important; }
.hidden { display: none; }
main { font-size: 120%; }
.noMarginBottom { margin-bottom:0; }

.manntauLogo { width:80%; max-width: 200px; margin:20px 0; }
a { text-decoration: none; color:var(--primary); }
.nowrap { white-space: nowrap; }
section.color a { color:#fff; }
h1 { font-size: 250%; margin:80px 0 60px 0; text-transform: uppercase; color:var(--dark); font-weight: 200; }
main h1 { background-image: url('../img/Logo-Bild.svg'); background-size: auto 70px; background-repeat: no-repeat; background-position: left center; padding:0 0 0 70px; }
.galContainer h2 { font-size: 180%; margin:80px 0 60px 0; text-transform: uppercase; color:var(--dark); font-weight: 200; }
.color h1 { color:#fff; }
h1:first-of-type, section h2:first-of-type { margin:0px; }
h2 { font-size: 150%; margin:60px 0 40px 0; color:var(--dark); font-weight: 200; }
.fiftyBox h2 { text-align: left; }
h3, h4 { font-size: 120%; margin:10px 0 20px 0; font-weight: 200; }
.container { width:100%; max-width:1600px; padding:0 2%; margin:0 auto; }
.center { text-align: center; }
h1.center { display: flex; justify-content: center; }
.iconText { /*line-height: 35px;*/ display: inline-flex; align-items: center; column-gap: 8px; }
.iconText .icon { color:var(--primary); }
.facts .iconText { display: flex; justify-content: center; text-align: center; }
.lText .iconText { display: flex; align-items: flex-start; margin:10px 0; }
.bigLink { font-size: 130%; margin:20px 0; }

header { position: fixed; top:0px; z-index: 500; width:100%; transition: all .5s ease-in-out; background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4009804605435925) 49%, rgba(255,255,255,0.6278712168461135) 100%); }
header.scrolled { background: rgba(255,255,255,.9);  }
.overflow_hidden header { background: var(--third); }
header .container { display: flex; justify-content: space-between; align-items: center; max-width:1600px; padding:0 2%; }
header .container a, header .container .icon, header .sprache > div { color:var(--primary); 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: block; height:calc(var(--headerHeight) - 25px); line-height: initial; transition: all .5s ease-in-out; }
header .container a.logo { height:calc(var(--headerHeight) + 25px); margin:2vh 0; }
header.scrolled .container a.logo { height:calc(var(--headerHeight) - 25px); }
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: 200%; }
.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; width:70%; justify-content: flex-end; column-gap:1vw; }

.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:block; background:#b99f6a; 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%; }

/* menu > */
nav {  }
.menu_wrapper { margin: 0; }
.menu { width:100%; 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: 180%; display:block; text-decoration:none; text-align: center; line-height: var(--headerHeight); color:var(--primary); transition: all .5s ease-in-out; position: relative;}
.scrolled .menu li a { /*line-height: calc(var(--headerHeight) - 25px);*/ }
.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; }
.menu li a.aktiv, .menu .sub li a.aktiv { }
/*
.menu li a.aktiv span { position: relative; }
.menu li a.aktiv span:after { content: ""; display: block; width: 70%; padding-top: 20px; border-bottom: 2px solid #b6914c; position: absolute; top: calc(var(--headerHeight)/10); transition: all .5s ease-in-out; }
.scrolled .menu li a.aktiv span:after { top: calc(var(--headerHeight)/10); }
*/
.menu .sub li a { font-size:120%; line-height: 40px; border: none; text-transform: none; text-align: center; padding-left:20px; padding-right: 20px; }
.menu_mobile { display: none; cursor:pointer; }
.menu_mobile .icon { line-height: var(--headerHeight); font-size:300%; 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; }
.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 .sub.zwei li a.aktiv span { font-weight: 400; }
.menu .home { display: none; }
/* < menu */

section { padding:60px 0; background-color: #f6f5f3; }
.grey { background-color: #f8f4eb; }
.white { background-color: #ffffff; }
.color { background-color: var(--third); color:#fff; }
.brown { background-color: #6E5F4F; color:#fff; }
.kundenstimmenSection:nth-of-type(even) { background-color: #ffffff; }
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; }

.iconHeader { font-size: 200%; }

.ressourcenWrapper { display: flex; flex-wrap: wrap; color:#fff; }
.ressourcenWrapper > div { width:25%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding:20px; }
.ressourcenWrapper .rZitat { background-color: var(--primary); color:#fff; }
.ressourcenWrapper .rSpruch { background-color: #972522; color:#fff; }
.ressourcenWrapper iframe { width:100%; aspect-ratio:16/9; }

footer { background-color: #aaa; padding:50px 0; font-size: 100%; color:#fff; }
footer a, footer .line, .kontaktWrapper .line, .kontaktWrapper a { color: #fff; 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; }
.footerLogo img { width:100%; height:auto; }
.footerMenu a { display: block; text-align: right; color:#fff; }
.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;}

.angeboteWrapper { display: flex; justify-content: space-between; row-gap:40px; align-items: center; }
.angeboteWrapper h3 { text-align: left; margin:10px 0 20px 0; }
.angText { width:60%; }
.angBild { width:30%; }
.angBild img { width:100%; height:auto; }

.formFlex { display:flex; flex-wrap: wrap; justify-content: space-between; row-gap:20px; }
.form50 { flex-basis:48%; display:flex; column-gap:10px; align-items: center;}
.form100 { flex-basis:100%; display:flex; column-gap:10px; align-items: flex-start; }
.form50 label, .form100 label { width:130px; }
.form50 input, .form100 input, .form50 select { flex-grow:1; padding:8px 5px; background-color: #f6f5f3; border:1px solid #B2A08D; }
.form100 input { flex-grow:unset; }
.form100.fifty select { padding:8px 5px; background-color: #f6f5f3; border:1px solid #B2A08D; }
.form50.double label {  }
.form50.double input { width:20%; }
.form50.multiple { flex-wrap: wrap; row-gap:20px; }
.form50.multiple div { flex-basis:100%; display: flex; align-items: center; }
.form50.multiple div label { display:inline-block; }
.spacer { width:100%; height:30px; }
.form100 textarea { flex-grow:1; height:200px; background-color: #f6f5f3; border:1px solid #B2A08D; }
.form100.fifty label, .form100.fifty input, .form100.fifty select, .form100.fifty .checks { width:48%; }
.form100.fifty .checks div { display:flex; align-items: center; column-gap:10px; }
.form100.fifty .checks div label { width:auto; flex-grow:1; }
.form100.fifty { align-items: center; justify-content: space-between; }
.form100.fifty.alignTop { align-items: flex-start; }
#email2 { display: none; }
#agb_container.warning, #ds_container.warning { border:1px solid #E20020; }

.hBild { width:100%; display:flex; justify-content: center; column-gap:20px; row-gap:30px; align-items: center; text-align: center; font-size: 80%; margin:40px 0 20px 0; }
.hBild img { width:100%;height:auto; max-width: 400px; max-height:400px; }

.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; }
.infobox { display:flex; flex-direction: column; align-items: center; }
.infobox div { display:flex; justify-content: space-around; width:100%; flex-wrap: wrap; row-gap:30px; }
.infobox div img { flex-basis:15%; }
section .infobox h2:first-of-type { margin-bottom:30px; }

.swiper-container { height:70vh; }
.home .swiper-container { height:100vh; }
.swiper-container img { width:100%; height:100%; object-fit: cover; object-position: center top; }

.captionWrapper { position: absolute; top:50%; z-index: 100; display: flex; justify-content: center; color:#fff; }
.captionLinks { left:calc((100vw - 1600px) / 2); }
.captionRechts { right:calc((100vw - 1600px) / 2); }
.captionMitte { width:100%; text-align: center; }
.captionMitte .caption { align-items: center;  }
.caption { padding:0; filter: none; display: flex; justify-content: center; flex-direction: column; }
.caption .cHeader { font-weight: 600; font-size: 250%; line-height: initial; }
.caption .cMenu { display: flex; width:100%; flex-wrap: wrap; max-width:950px; column-gap:2%; justify-content: center; margin:4vh 0 0 0; row-gap:1vh; }
.caption .cMenu a { display: block; border:1px solid #ffffff; line-height: 40px; font-size: 140%; color:#fff; font-weight: 500; padding:0 2%; }
.captionWrapper .cTitel { font-size: 500%; color:var(--dark); font-weight: 200; text-shadow:0 0 10px #ddd; }
.captionWrapper .cCta.button { margin:0; font-size: 150%; }


.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; }

.reitKacheln { display: flex; justify-content: space-around; margin:40px 0 0 0; }
.reitKacheln div { flex-basis:30%; max-width:400px; aspect-ratio:3/2; background-size: cover; background-repeat: no-repeat; background-position: center center; display: flex; justify-content: center; align-items: flex-end; }
.reitKacheln div button { width:100%; background-color: #b2a08ddd; }

.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)}
.zuchtFlex { display:flex; flex-wrap: wrap; justify-content: space-between; }
.zText { flex-basis:70%; }
.zBilder { flex-basis:25%; }
.zBilder img { width:100%; height:auto; }

.team_container { display:flex; flex-wrap: wrap; column-gap:4%; margin:40px 0; row-gap:30px; }
.teamWrapper { width: 16.8%; background-color: #fff; }
.tBild { aspect-ratio:3/4; width:100%; }
.tBild img { width:100%; height:100%; object-fit: cover; object-position: center center; }
.tText { padding:20px; }
.tText strong { font-size: 120%; font-weight: 500; }

.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: var(--primary); padding:15px 15px; border:none; color:#fff; cursor: pointer; border-radius:10px; }
.button {display: flex; justify-content: center; width: fit-content; align-items: center; background-color: var(--primary); padding: 10px 15px; color:#fff; margin-top:30px; column-gap:10px; border-radius:10px; }
.halfKachel .button {display: inline-flex; margin:0; }
.buttonInline { display:inline-flex; margin:30px 20px 0 0; }
.buttonC { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:5%; }
.buttonWA { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top:5%; column-gap:2%; row-gap:30px; }
.buttonC .button { width:25%; }
.buttonWA .button { width:32%; }
.buttonWrapper { display: flex; flex-wrap: wrap; column-gap:15px; row-gap:15px; justify-content: center; }

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

.zweiLinks { margin-right: 5%;}

.familie_wrapper { display:flex; flex-wrap: wrap; column-gap:4%; row-gap:40px; justify-content: center; margin:60px 0 0 0; }
.familie_wrapper div { flex-basis:16.8%; text-align: center; display: flex; flex-direction: column; align-items: center; row-gap:10px; font-weight: 500;}
div.break { flex-basis:100%; }

.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;}

.gDatum { margin:40px 0 0 0; }

.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; }

section { background-color: #f6f5f3; }
.guckloch { height:50vh; background: transparent; }

.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; }

section.fwKacheln { display: flex; justify-content: space-between; flex-wrap: wrap; padding:2vh 0; }
section.fwKacheln a { display: flex; justify-content: center; color:#ffffff; align-items: flex-end; padding:0 0 30px 0; aspect-ratio:831/569; flex-basis:33%; font-weight: 500; font-size: 140%; background-size: cover; }
.kacheln { display: flex; justify-content: space-between; flex-wrap: wrap; margin:4vh 0 0 0; }
.kacheln a { display: flex; flex-direction: column; justify-content: center; color:#6B6B6B; align-items: center; flex-basis:31%; row-gap:30px; }
.kacheln a img { width:100%; height:auto; border:2px solid #b6924c; }
.fiftyBox { width:100%; max-width:800px; border:2px solid #b6924c; padding:2vw 2vw; margin:10vh auto; }
.prozesse .fiftyBox { max-width:680px; }
.strategien .fiftyBox { max-width:590px; }
.fiftyBox:last-of-type { margin-bottom:0; }

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

.kContainer { display: flex; flex-wrap: wrap; justify-content: center; }
.kContainer > div { width:100%; max-width:460px; }
.kContainer > div a { color:#6B6B6B; }
.kContainer > div:first-of-type { padding-right:4%; border-right:2px solid var(--primary); }
.kContainer > div:last-of-type { padding-left:4%; }

.googleMaps { width:100%; height:50vh; vertical-align: bottom; }
.videoFrame, video { width:100%; aspect-ratio:16/9; max-width: 853px; margin:0 auto; display: block; }
.mapFrame { width:100%; aspect-ratio:16/9; border:none; margin:60px 0;}
.mediaWrapper { display: flex; flex-wrap: wrap; column-gap:4%; margin:3vw 0 0 0; row-gap:3vw; }
.mediaWrapper > a { flex-basis:22%; display: flex; flex-direction: column; color:#B8914B; justify-content: space-between; }
.mediaWrapper > a .mTitle { font-size: 120%; margin-bottom:12px; }
.mediaWrapper > a img { margin-top:12px; vertical-align: bottom; width:100%; height:auto; }
.mediaWrapper > a .mButton { background-color: #B8914B; text-align: center; padding:12px 5px; color:#fff; }

.fullKachel { display:flex; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: center center; /*aspect-ratio:25/10; */color:#fff; margin-bottom:20px; }
.fullKachel div { display:flex; flex-direction: column; align-items: center; row-gap: 30px; max-width:750px; padding:60px 30px; }
.fullKachel div h3, .fullKachel div p, .fullKachel div button { margin:0; text-align: center; }
.fullKachel div h3 { font-size:200%; text-transform: uppercase; line-height: 1em; }
.hKachelContainer { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:20px; }
.halfKachel { display:flex; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: center center; /*aspect-ratio:12.5/10;*/ color:#fff; flex-basis: 49.5%; }
.halfKachel div { display:flex; flex-direction: column; align-items: center; row-gap: 30px; max-width:750px; padding:60px 30px; }
.halfKachel div h3, .halfKachel div p, .halfKachel div button { margin:0; text-align: center; }
.halfKachel div h3 { font-size:200%; text-transform: uppercase; line-height: 1em; }

.footerLogos { display:flex; justify-content: center; align-items: center; padding:40px 3%; }
.footerLogos img { filter:grayscale(1); width:100%; height:auto; max-width: 1257px; }
.lStoerer { position:absolute; right:calc((100vw - 1600px) / 2); top:12%; z-index: 20; transform:translate(0%,0%) rotate(12deg); transform-origin: left top; display: flex; align-items: center; color:#fff; background-color: #972522; font-weight: 300; width:140px; height:140px; text-align: center; border-radius: 70px; padding:10px 20px; box-shadow:0 0 5px #aaa; font-size: 85%; }
.lStoerer img { position:absolute; width:80%; height:80%; left:5%; top:10%; object-fit:contain; object-position: center center; opacity: .2;}

.picWrapper { display: flex; flex-wrap: wrap; column-gap:2%; row-gap:20px; margin-bottom:40px; }
.picWrapper a { flex-basis:10.75%; }
.picWrapper a img { width:100%; height:auto; }

.dreiBilder { display:flex; }
.dreiBilder img { flex-basis:33.33333333%; width:33.33333333%; height:auto; }

.centerFlex { display: flex; justify-content: center; align-items: center; }
.columnGap { column-gap: 40px; }

.videoFull { overflow:hidden; }
.videoFull video { width:100vw; height:100vh; max-width: none; object-fit: cover; object-position: center center; }

.quickLinks { display: flex; justify-content: flex-end; column-gap:1vw; flex-grow: 1; padding-right:1vw; }
.quickLinks a { display: flex; column-gap:10px; align-items: center; font-size: 160%; }
.quickLinks a .icon {  }
.svgicon { display: flex; align-items: center; }
.svgicon img { height:35px; }

section.braun { background-color: #6E5F4F; color:#fff; }
.formCheckboxes { display:flex; flex-wrap: wrap; justify-content: space-between; font-size: 120%; margin-bottom:40px; column-gap:20px; row-gap:10px; }
.formCheckboxes div { display:flex; column-gap:10px; align-items: center; }
.formCheckboxes div input { transform:scale(1.5); }
.formSelect { display:flex; flex-wrap:wrap; column-gap:20px; row-gap:10px; font-size: 120%; }
.formSelect select { border:1px solid #fff; background-color: #6E5F4F; color:#fff; padding:8px 10px; }
.formSelect .spacer { flex-grow: 2; width:auto; }
.formSelect #reset { background-color: #fff; color:#6B6B6B; padding:4px 10px; display: flex; align-items: center; cursor: pointer; }
.formular input.warning, .formular select.warning { border:1px solid #E20020; }
input, select, textarea { font-family: inherit; font-weight: inherit; font-size: inherit; }

.lessPadding { padding:30px 0; }

.unterkunftWrapper { display: flex; flex-wrap: wrap; justify-content: space-between; background-color:#B2A08D; margin-bottom:30px; color:#fff; }
.unBild { flex-basis:20%; aspect-ratio:1.2/1; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.unHeaderWrapper { flex-basis:77%; display: flex; flex-direction: column; justify-content: center; padding:30px 2% 30px 0; row-gap:20px; }
.unHeader { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size: 200%; font-weight: 400; }
.unNr { text-transform: uppercase; }
.unAb { display: flex; align-items: flex-end; column-gap:3px; }
.unAb span:nth-of-type(1) { font-size: 50%; display: inline-block; padding-bottom:7px;}
.unFacts { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; row-gap:20px; column-gap:3px; }
.unFacts > div { display: flex; flex-direction: column; justify-content: center; align-items: center; border:1px solid #fff; row-gap:8px; padding:12px 2% 8px 2%; }
.unFacts > div:last-of-type { flex-basis:15%; background-color: #6E5F4F; border:none; cursor: pointer; }
.unFacts > div:last-of-type span { display: none; }
.unFacts > div span:first-of-type { display: inline; }
.unFacts > div.open span:last-of-type { display: inline; }
.unFacts > div.open span:first-of-type { display: none; }
.unFacts > div.status0 { opacity: 0.3; }
.unFacts > div img { height:35px; width:auto; }
.unHidden { display: none; }
.unContent { background-color: #eee; color:#6B6B6B; padding:40px 2%; justify-content: space-between; display: flex; flex-wrap: wrap; row-gap:30px; }
.unText { flex-basis:56%; }
.unText table { width:100%; border:none; border-collapse: collapse;}
.unText tr:first-of-type td { font-weight: bolder; border-bottom:1px solid #888; vertical-align: bottom; }
.unText tr td { border:none; }
.unText tr td:first-of-type { white-space: nowrap; }
.unText tr td p { margin:0; }
.unBilder { flex-basis:40%; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap:10px; }
.unBilder a { flex-basis:48%; aspect-ratio:1.5/1; object-fit: cover; object-position: center center; }
.unBilder a img { width:100%; height:100%; object-fit: cover; object-position: center center; }
.unBilder a.hauptbild { flex-basis:100%; aspect-ratio:5/3; }
.unPdf { display:flex; flex-wrap: wrap; margin:40px 0 0 0; column-gap:20px; row-gap:20px; }

.lightcase-contentInner { background-color: #fff; }
.lookThrough { width:100%; height:40vh; }
body.krisen-mentoring { background-image:url('../img/krisen-mentoring/bg.webp?v=1'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
body.supervision { background-image:url('../img/supervision/bg.webp'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
body.fortbildung { background-image:url('../img/fortbildung/bg.webp'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.ankerLinks { display: flex; column-gap:30px; flex-wrap: wrap; }
body.ueber-mich table { border:none; border-collapse: collapse; }
body.ueber-mich table td { padding:0 12px 0 0; }

.cFlex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.fText { flex-basis:45%; }
.fBild { flex-basis:45%; }
.fBild img { width:100%; }

.fLink { padding:20px 0; background-color: #fff; }
.fLink a { color:#6B6B6B; }

@media screen and (orientation:landscape)	{
	.videoFull video.landscape { display: block; }
	.videoFull video.portrait { display: none; }
}
@media screen and (orientation:portrait)	{
	.videoFull video.landscape { display: none; }
	.videoFull video.portrait { display: block; }
}

@media screen and (max-width: 1250px) {
	/*
	nav { order:1; flex-grow:0; }
	.menu_mobile { display: flex; justify-content: flex-end; }
	.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:rgba(255,255,255,1); 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; }
	.menu .sub { position: static; }
	.menu .sub li a span { line-height: 40px; }
	.flexHelper {display: none}
	.menu li a.aktiv span:after { padding-top: 20px; top: 9px; }
	*/
}

@media screen and (max-width: 1660px) {
	.container { padding:0 4%; }
	.lStoerer, .captionRechts { right:2%; }
}

@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;
	}
	/*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; }
	.captionWrapper h3 { font-size: 200%; }
	.homeWrapper .homeEl {width: 40%;}
	.homeText {font-size: 75%;}
	.directMenu { column-gap:4%; }
	.mediaWrapper { font-size: 90%; }
	.teamWrapper { width: 22%; }
	.unBild { flex-basis:25%; }
	.unHeaderWrapper { flex-basis:73%; }
}
@media screen and (max-width: 1070px) {
	.mediaWrapper { font-size: 80%; column-gap: 2%; }
	.mediaWrapper > a { flex-basis:23.5%; }
	.quickLinks a { font-size: 150%; }
	.svgicon img { height:30px; padding-left:6px; }
	.kContainer > div:first-of-type, .kContainer > div:last-of-type { border:none; padding:0; }
	.kContainer > div { max-width: unset; }
}
@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;}
	.formCheckboxes { justify-content: flex-start; }
	.unBild { flex-basis:40%; }
	.unHeaderWrapper { flex-basis:58%; }
	.unFacts { justify-content: flex-start; column-gap:8px; }
	.unText, .unBilder { width:100%; flex-basis:100%; }
	.formFlex { justify-content: flex-start; column-gap:30px; }
	.form50 { flex-basis:auto; }
	.form50.double { flex-basis:auto; }
	.form50 input, .form50 select, .form50.double input { width:230px; }
	label[for="kinder"] { margin-left:20px; }
}
@media screen and (max-width: 940px) {
	.dText { font-size: 80%; }
	header .container .directMenu .icon { font-size: 125%; }
	.teamWrapper { width: 30.666666666%; }
	.cFlex { row-gap:40px; }
	.fText { flex-basis: 100%; }
	.fBild { flex-basis: 100%; display: flex; justify-content: center; }
	.fBild img { max-width: 400px; }
	.ressourcenWrapper > div { width:33.333333%; }
}
@media screen and (max-width: 900px) {
	.homeAktuelles > a { flex-basis:100%; }
	.mediaWrapper > a { flex-basis:32%; }
	.angeboteWrapper { flex-wrap: wrap; }
	.angText { width:100%; order:2; }
	.angBild { width:100%; display: flex; justify-content: center; order:1; }
	.angBild img { max-width: 300px; }
	.form50 input, .form50 select, .form50.double input { width:200px; }
	.reitKacheln div { aspect-ratio:3/4; }
	.home .swiper-container, .swiper-container { height:50vh; }
	.captionWrapper { font-size: 80%; }
	h1 { font-size: 200%; }
	h { font-size: 170%; }
}
@media screen and (max-width: 850px) {
	.dText { display: none; }
	.quickLinks a .qlText { display: none; }
	.form50 input, .form50 select, .form50.double input { width:180px; }
	.centerFlex { flex-wrap: wrap; }
}
@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%}
	.unFacts > div:last-of-type { flex-basis:35%; font-size: 130%; }
	.unterkunftWrapper { font-size: 80%; }
	.unFacts > div:last-of-type { flex-basis:50%; }
	.unBild { flex-basis:100%; aspect-ratio:2/1; }
	.unHeaderWrapper { flex-basis:100%; padding:30px 2% 30px 2%; }
	.unFacts > div img { height:25px; }
	.form50 input, .form50 select, .form50.double input { width:160px; }
	.form50 label, .form100 label { width: 130px; }
	#submit { width:100%; }
	.dreiBilder img { height:200px; object-fit: cover; object-position: center center; }
}
@media screen and (max-width: 750px) {
	.form50, .form50.double { flex-basis:100%; }
	.form50.double { flex-wrap: wrap; row-gap:20px; }
	.form50 input, .form50 select { width:calc(100% - 140px); }
	.form50.double input, .form100 textarea { width:calc(100% - 140px); flex-grow:0; }
	label[for="kinder"] { margin:0; }
	.picWrapper a { flex-basis:15%; }
	.ressourcenWrapper > div { width:50%; }
}
@media screen and (max-width: 660px) {
	.mediaWrapper > a { flex-basis:49%; }
	.teamWrapper { width: 48%; }
	.tBild { aspect-ratio:3/3; }
	.tBild img { object-position: center -30px; }
	.reitKacheln { flex-wrap: wrap; row-gap:30px; }
	.reitKacheln div { aspect-ratio:2/1; flex-basis:100%; }
	section { padding:50px 0; }
}
@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%; }
	section.fwKacheln, .kacheln { row-gap:3vh; }
	section.fwKacheln a, .kacheln a { flex-basis:100%; }
	.halfKachel { flex-basis:100%; }
	.hKachelContainer { row-gap:20px; }
	.formSelect .spacer { display: none; }
	.formSelect > div { width:100%; justify-content: center; }
	.formSelect select { width:100%; }
	.unText table { overflow-x: auto; display: block }
	.unText tbody { width:150%; display: block; }
	.unText .buttonInline { display: flex; width:100%; }
	.unPdf { font-weight: bolder; }
	.zText, .zBilder { flex-basis: 100%; justify-content: center; }
	.zuchtFlex { row-gap:30px; }
	.zBilder img { max-width: 400px;}
	.home .swiper-container, .swiper-container { height:40vh; }
	.captionWrapper { font-size: 60%; }
}

@media screen and (max-width: 500px) {
	.homeWrapper .homeEl {width: 100%;}
	h1 { font-size: 200%; }
	h2 { font-size: 130%; }
	.fullKachel div h3, .halfKachel div h3 { font-size:160%; }
	.fullKachel div, .halfKachel div { row-gap:20px; }
	:root {
		--headerHeight:50px;
	}
	header .socialWrapper { display: none; }
	header .container a.logo { height:calc(var(--headerHeight) + 10px); margin:2vh 0; }
	.formCheckboxes > div { width:100%; column-gap: 30px; }
	.unContent { padding:0px 2% 20px 2%; }
	.scrolled .menu li a { line-height: 40px; }
	h1 { font-size: 160%; text-transform: none; }
	.picWrapper a { flex-basis:23.5%; }
}

@media screen and (max-width: 450px) {
	.fiftyBox h2 { font-size:5.4vw; }
	header .container a.logo img {  }
	.unFacts > div:last-of-type { flex-basis:100%; }
	.teamWrapper { 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 (max-width: 350px) {
	.mediaWrapper { font-size: 100%; }
	.mediaWrapper > a { flex-basis:100%; }
}

@media screen and (orientation:portrait) {
	section.imgWithTitle { height:calc(60vh - var(--headerHeight)); }
}