@font-face{font-family:"aileronlight";src:url("Aileron-Light-webfont.eot");src:url("Aileron-Light-webfont.eot?#iefix") format("embedded-opentype"),url("Aileron-Light-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"aileronregular";src:url("Aileron-Regular-webfont.eot");src:url("Aileron-Regular-webfont.eot?#iefix") format("embedded-opentype"),url("Aileron-Regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"aileronsemibold";src:url("Aileron-SemiBold-webfont.eot");src:url("Aileron-SemiBold-webfont.eot?#iefix") format("embedded-opentype"),url("Aileron-SemiBold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"aileronbold";src:url("Aileron-Bold-webfont.eot");src:url("Aileron-Bold-webfont.eot?#iefix") format("embedded-opentype"),url("Aileron-Bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}:root{--hilight: #28989f;--light: #f1f1f1;--dark: #090a0a;--treff: #fcf2e3;--treffx: #bf9661;--borderw: 5.5px;--fontsizes: 17px;--fontsizem: 20px;--fontsizel: 26px;--fontsizexl: 30px}*{margin:0;padding:0}html{font-size:var(--fontsizes);line-height:24px}body{font-display:fallback;font-size:100%;font-family:"aileronlight",sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;font-kerning:normal;font-variant:common-ligatures tabular-nums;font-optical-sizing:auto;background:#fff;color:var(--dark);overflow-x:hidden}img{max-width:100%;height:auto}object,iframe{max-width:100%}video,audio{cursor:pointer;max-width:100%}dt:before{content:"";display:block}#content a{color:var(--hilight)}#content b,#content strong{font-family:"aileronsemibold"}.hidden{display:none}.menu#primary-menu{width:100%;right:-100%;height:100%;top:0;padding-top:150px;box-sizing:border-box;position:fixed;z-index:2;box-sizing:content-box;background:rgba(255,255,255,.2);transition:right .9s cubic-bezier(0.78, 0.2, 0.05, 1),background 1.1s cubic-bezier(0.78, 0.2, 0.05, 1)}#primary-menu li{display:block;margin-bottom:1.2em;font-size:var(--fontsizem)}.menu ul{list-style:none}.menu a{text-decoration:none;text-transform:uppercase;color:var(--dark);padding:0;display:inline-block;border-bottom:4px solid rgba(0,0,0,0)}.menu a:hover,.menu a.current-item{border-bottom-color:var(--hilight)}#menuToggle:checked~.menu{background:#fff;right:0}.toggler{z-index:13}.menu-icon{color:#000;cursor:pointer;position:fixed;z-index:3;top:25px;right:15px;font-size:2em;font-weight:300;width:37px;height:50px}.menu-icon small{text-transform:uppercase;font-size:13px;font-family:"aileronsemibold",sans-serif;transition:all .6s ease-in-out}.menu-icon span{display:block;position:absolute;width:100%;height:3px;background:#000;transform-origin:5px -5px;transition:transform .6s cubic-bezier(0.78, 0.2, 0.05, 1),background .6s cubic-bezier(0.78, 0.2, 0.05, 1),opacity .6s ease,width .6s ease}body .menu-icon:hover span{background:var(--hilight)}.menu-icon span:first-child{transform-origin:0% 0%}.menu-icon span:last-child,.menu-icon:hover span:first-child{width:75%}.menu-icon:hover span{background:var(--hilight)}.menu-icon:hover span:last-child{width:100%}.menu-icon .toggler span:nth-child(2){margin-top:8px}.menu-icon .toggler span:last-child{transform-origin:0% 100%;margin-top:16px}#menuToggle:checked~.menu-icon .toggler span{opacity:1;transform:rotate(45deg) translate(0, 0);background:#000}#menuToggle:checked~.menu-icon .toggler span:first-child{width:100%}#menuToggle:checked~.menu-icon .toggler span:nth-child(2){transform:rotate(-45deg) translate(-17px, 5px)}#menuToggle:checked~.menu-icon .toggler span:last-child{opacity:0;transform:rotate(0deg) scale(0.1, 0.1)}#menuToggle:checked~.menu-icon small{opacity:0}#menuToggle{display:none}.wrap,.section{padding-left:3%;padding-right:3%}.wrap{margin:0 auto;padding-top:0;padding-bottom:0}.section{margin:0 auto;padding-top:1em;padding-bottom:1em;clear:both}.section .title,.modal .title{text-transform:uppercase;font-family:"aileronregular",sans-serif;font-size:var(--fontsizexl);letter-spacing:.01em}.section .title{margin:2rem 0 1rem}.modal .title{margin-bottom:2rem}.section p{margin-bottom:1em}.section p.emphasis{font-family:"aileronlight",sans-serif;font-size:15px;letter-spacing:.25em;line-height:1.4em;text-transform:uppercase;border-top:1px solid;border-bottom:1px solid;margin-top:1em;padding:.75em 0}.section ul{margin:0 0 1em 1em}.section .column{margin-bottom:3.5em}.btn{background-color:var(--hilight);padding:.5em 1em;font-family:"aileronbold",sans-serif;color:#fff !important;border:none}.btn:hover{background-color:#54b3b9 !important}#head #kopf{height:650px;position:relative;background:url(../../assets/images/kopf-vertikal.webp) no-repeat center -135px;background-size:180%;background-position-x:-120px}.safari #head #kopf{background:url(../../assets/images/kopf-vertikal.jpg) no-repeat center -135px}#head #banner{box-sizing:border-box}#head #kopf h1,#head #banner h2{text-transform:uppercase;color:var(--hilight);font-size:3rem;line-height:4rem;letter-spacing:-0.01em;padding-left:3%}#head #kopf h1{font-family:"aileronsemibold",sans-serif;padding-top:.6rem}#head #kopf h1 span{letter-spacing:.07em;display:block}#head #kopf .btn{font-size:var(--fontsizem);text-transform:uppercase;letter-spacing:.03em}#head #banner h2{font-family:"aileronregular",sans-serif;padding-top:.5rem;padding-bottom:.5rem;line-height:3rem}#head #banner h2 u{font-size:40px;letter-spacing:.06rem}#head #banner h2 span{display:block;color:#000;font-family:"aileronlight",sans-serif;font-size:34px;letter-spacing:.08rem;white-space:nowrap;margin-top:.5rem}#head u{border-bottom:var(--borderw) solid var(--hilight);text-decoration:none}#head #kopf p{color:#fff;font-size:var(--fontsizem);line-height:1.6rem;font-family:"aileronsemibold",sans-serif;position:absolute;left:12vw;bottom:7em}#head #kopf p:nth-child(3){bottom:5.5em}#head #kopf p strong{text-transform:uppercase;letter-spacing:.2em;margin-top:1em;display:block;font-family:"aileronlight",sans-serif;font-size:15px}#head #kopf .btn{position:absolute;left:12vw;bottom:3.5em;box-sizing:border-box}#head #kopf .btnx{bottom:.5em;background-color:var(--treffx)}#head #kopf .btnx:hover{background-color:#8d6e47 !important}#head #temoignages{padding:1.5rem 3rem;box-sizing:border-box;height:390px}#head #temoignages p{color:var(--hilight);font-size:var(--fontsizem);margin:0;font-family:"aileronlregular",sans-serif;letter-spacing:.02em}#head #temoignages p .quote{font-size:13px;line-height:1.4em;margin-top:1rem;display:block;letter-spacing:.1em}#head .stripe{font-size:12px;color:var(--dark);display:block;padding:.25rem 3% .15rem;letter-spacing:.15em;border-top:0}#head video{width:100%;height:auto;margin-bottom:-7px}.maennertreff{background-color:var(--treff);border-bottom:5px solid var(--treffx)}#maennertreff-logos{background:#fff;display:grid;grid-row-gap:.5em;grid-column-gap:2em}#maennertreff-logos img{display:block;max-height:80px}#maennertreff dt{font-weight:bold}#studie p{hyphens:auto}#beratungsstelle-finden{position:relative}#liste ul{list-style:none;line-height:1.4em;border-left:var(--borderw) solid var(--hilight);padding-left:1em;font-family:"aileronlight",sans-serif;font-size:15px;letter-spacing:.01em}#liste ul li{margin-bottom:.75em}#liste ul li a{text-transform:uppercase;display:block}#karte{position:relative;min-width:436px}#karte object,#karte iframe{width:100%}#karte .marker{width:18px;height:29px;display:block;background:url(../../assets/images/marker.webp) no-repeat top left;position:absolute}.safari #karte .marker{background:url(../../assets/images/marker.png) no-repeat top left}#karte .marker:hover,#karte .marker.active{background-position:top right}#karte .marker[data-rel=kbs-baden]{bottom:112px;left:99px}#karte .marker[data-rel=kbs-essen]{top:238px;left:51px}#karte .marker[data-rel=kbs-freiburg]{bottom:61px;left:78px}#karte .marker[data-rel=kbs-hamburg]{top:83px;left:182px}#karte .marker[data-rel=kbs-hamburgphoenix]{top:90px;left:194px}#karte .marker[data-rel=kbs-ingolstadt]{bottom:115px;left:258.5px}#karte .marker[data-rel=kbs-karlsruhe]{bottom:135px;left:110.5px}#karte .marker[data-rel=kbs-kassel]{bottom:309px;left:162px}#karte .marker[data-rel=kbs-kempten]{bottom:34px;left:207px}#karte .marker[data-rel=kbs-leipzig]{bottom:314px;left:300px}#karte .marker[data-rel=kbs-muenchen]{bottom:72px;left:264px}#karte .marker[data-rel=kbs-muensterland]{top:204px;left:77.5px}#karte .marker[data-rel=kbs-nordbaden]{bottom:165px;left:123px}#karte .marker[data-rel=kbs-osnabrueck]{bottom:382px;left:98px}#karte .marker[data-rel=kbs-sigmaringen]{bottom:68px;left:151px}#external{text-align:center;margin:3em 0 0}#external small{display:block;margin-top:1em}.beratungsstelle{background:#fff;width:95vw;padding:1rem;box-sizing:border-box;border:1px solid var(--hilight);font-family:"aileronlight",sans-serif;font-size:15px;position:absolute;top:20%;z-index:5;transform:translateX(-100vw)}.beratungsstelle.workaround{transform:translateX(0)}.beratungsstelle .b-close{float:right;cursor:pointer;padding:0 .5em .5em;font-weight:bold;margin-left:1em}.beratungsstelle .b-close:hover{color:var(--hilight)}.beratungsstelle h3{text-transform:uppercase;font-family:"aileronlight",sans-serif;font-size:var(--fontsizes);letter-spacing:.01em}#content .beratungsstelle h3 a,#liste a{color:var(--dark);text-decoration:none}#content .beratungsstelle h3 a:hover,#liste a:hover{color:var(--hilight)}.last-word{white-space:nowrap}.last-word:after{content:"＞";font-size:11px;vertical-align:top;padding-left:4px;padding-top:3px;display:inline-block}#liste .last-word:after{padding-top:0}#content .beratungsstelle .b-contact{font-family:"aileronregular",sans-serif;display:inline-flex;text-transform:uppercase;letter-spacing:.04rem;background:var(--hilight);font-size:12px;color:#fff;padding:.35em .6em .2em;text-align:center;margin-bottom:1em;margin-right:.7em}#content .beratungsstelle .b-contact:last-child{margin-right:0}#head #banner,#head .stripe,#studie,#logos{background:var(--light)}#footer{position:relative}#footer p a{text-transform:uppercase;border-bottom:4px solid rgba(0,0,0,0);text-decoration:none;color:var(--dark)}#footer p a:hover{border-color:1px solid var(--hilight);color:var(--hilight)}#kontakt p{margin-top:1em}.logos a:hover{opacity:.6}#teaser{width:100%}.modal .title{margin-bottom:0}.modal h5{font-family:"aileronsemibold",sans-serif;font-size:1rem}.modal h6{font-family:"aileronregular",sans-serif;text-transform:uppercase;font-size:1rem}.modal .modal-header{border:none}.modal-content{border-radius:0}.modal-body ul,.modal-body ol{margin-left:1.2em}.carousel-control-next,.carousel-control-prev{color:var(--hilight);width:8%}.carousel-control-next-icon,.carousel-control-prev-icon{width:19px;height:30px;background-size:60% 60%}.carousel-control-prev-icon{background-image:url(../../assets/images/prev.png)}.carousel-control-next-icon{background-image:url(../../assets/images/next.png)}.carousel-item{transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out;vertical-align:middle}.carousel-item.active{display:table-cell}@media all and (min-height: 670px){#karte img{max-height:90vh}}@media all and (max-width: 436px){#karte{transform:scale(0.8);transform-origin:left;margin-bottom:-80px;margin-top:-45px}#maennertreff .column:nth-child(2) img{max-height:150px;margin:auto;display:block}}@media all and (min-width: 520px){#karte{margin-left:10%}#maennertreff-logos{grid-template-columns:repeat(2, 1fr)}#maennertreff-logos p:first-child{grid-column-start:1;grid-column-end:3}#maennertreff-logos img{margin:auto}#maennertreff-logos p:nth-child(2) img{margin-left:0}}@media all and (min-width: 600px){#karte{margin-left:15%}}@media all and (min-width: 769px){.wrap,.section{padding-left:2vw;padding-right:2vw}#head #banner,#head #kopf{padding-left:2vw}#head #kopf .btnx{left:295px !important}.section{padding-top:50px;padding-bottom:50px;display:grid;grid-column-gap:5%;grid-row-gap:1em;grid-template-columns:repeat(3, 1fr)}.section-half{grid-template-columns:55% 40%}.section .column{margin-bottom:0}.section .column-large{grid-column-start:1;grid-column-end:3}.section .column-large-r{grid-column-start:2;grid-column-end:4}.section .title{margin:0 0 2rem}.menu-icon,#menuToggle{display:none}.menu#primary-menu{right:auto;padding-top:0;height:auto;position:fixed;z-index:3;width:100%;box-sizing:border-box;transition:all .5s ease-out;background:var(--light) !important;background:linear-gradient(180deg, rgb(238, 238, 238) 0%, rgb(238, 238, 238) 93%, rgba(255, 255, 255, 0) 93%) !important}#primary-menu li{margin-right:1em;margin-bottom:0;display:inline-block;font-size:15px;font-family:"aileronregular",sans-serif;letter-spacing:.05em}#content{padding-top:26px}#head{display:grid;grid-template-columns:65% 35%}#head .column-right{align-self:end}#head #kopf{height:500px;background-image:url(../../assets/images/kopf-mittel.jpg);background-position:top right;background-size:cover}#head #kopf h1{padding-top:1.3rem;margin-bottom:2rem}#head #kopf h1,#head #banner h2{font-size:3.2rem;line-height:68px;text-align:left;padding-left:0}#head #banner{height:160px}#head #banner h2 u{font-size:51px}#head #banner h2 span{font-size:44px}#head #kopf p{color:var(--dark);font-size:var(--fontsizel);line-height:2rem;position:relative;bottom:auto;left:auto}#head #kopf p:nth-child(3){bottom:auto}#head #kopf .btn{bottom:1.7em;left:auto}#head #temoignages{height:434px}#head #video{border:1px solid #333;margin-top:-2px}#maennertreff .column:nth-child(2) img{margin-top:4em}#karte{margin-left:0}.beratungsstelle{width:40%;top:16%;right:3vw;left:auto;margin-right:0}#content .beratungsstelle .b-contact{margin-bottom:3em}#liste ul{margin:3em 0 4em}#maennertreff-logos{grid-template-columns:repeat(4, 1fr)}#maennertreff-logos p:first-child{grid-column-start:1;grid-column-end:5}}@media all and (min-width: 992px){#primary-menu li{margin-right:2em}#head #banner h2{padding-top:.7rem}#head #banner h2 u{font-size:70px;height:71px;display:inline-block}#head #banner h2 span{font-size:60px;margin-top:.3rem}#karte{margin-left:10%}}@media all and (min-width: 1200px){.wrap,.section{padding-left:9vw;padding-right:9vw}#head #banner,#head #kopf{padding-left:9vw}#head #kopf{background-image:url(../../assets/images/kopf-quer.jpg)}#head #banner{height:170px;padding-top:.3rem}#head #banner h2 u{font-size:76px;height:76px;display:inline-block}#head #banner h2 span{font-size:66px;margin-top:.4rem}#head #temoignages p{font-size:var(--fontsizel);line-height:34px}#head #kopf .btnx{left:400px !important}#karte{margin-left:14%}.beratungsstelle{width:34%;right:9vw;top:18%}}@media all and (min-width: 1300px){#karte{margin-left:20%}}@media all and (min-width: 1400px){#head #kopf .btnx{left:500px !important}}/*# sourceMappingURL=styles.css.map */