/* source-serif-4-regular - latin */
@font-face{font-display:fallback;font-family:"Source Serif 4";font-style:normal;font-weight:400;src:url("../fonts/source-serif-4-v8-latin-regular.woff2") format("woff2"),url("../fonts/source-serif-4-v8-latin-regular.ttf") format("truetype");}
@font-face{font-display:fallback;font-family:"Source Serif 4";font-style:italic;font-weight:400;src:url("../fonts/source-serif-4-v8-latin-italic.woff2") format("woff2"),url("../fonts/source-serif-4-v8-latin-italic.ttf") format("truetype");}
@font-face{font-display:fallback;font-family:"Darker Grotesque";font-style:normal;font-weight:400;src:url("../fonts/darker-grotesque-v8-latin-regular.woff2") format("woff2"),url("../fonts/darker-grotesque-v8-latin-regular.ttf") format("truetype");}
@font-face{font-display:fallback;font-family:"Darker Grotesque";font-style:normal;font-weight:500;src:url("../fonts/darker-grotesque-v8-latin-500.woff2") format("woff2"),url("../fonts/darker-grotesque-v8-latin-500.ttf") format("truetype");}
@font-face{font-display:fallback;font-family:"Darker Grotesque";font-style:normal;font-weight:600;src:url("../fonts/darker-grotesque-v8-latin-600.woff2") format("woff2"),url("../fonts/darker-grotesque-v8-latin-600.ttf") format("truetype");}
@font-face{font-display:fallback;font-family:"Darker Grotesque";font-style:normal;font-weight:700;src:url("../fonts/darker-grotesque-v8-latin-700.woff2") format("woff2"),url("../fonts/darker-grotesque-v8-latin-700.ttf") format("truetype");}
@font-face{font-display:fallback;font-family:"FontAwesome Brands";font-display:fallback;font-weight:900;font-style:normal;src:url("../fonts/fa-brands-400.eot");src:url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../fonts/fa-brands-400.woff2") format("woff2"),url("../fonts/fa-brands-400.woff") format("woff"),url("../fonts/fa-brands-400.ttf") format("truetype"),url("../fonts/fa-brands-400.svg#fontawesomeregular") format("svg");}

:root{
    --font-family: "Darker Grotesque",sans-serif;
    --font-family-2: "Source Serif 4",sans-serif;
    --font-family-iconset-brands: "FontAwesome Brands";
    --bg-pink: #fbecfd;
    --bg-highlight: #fbf7f3;
    --font: #000000;
    --font-pink: #d26dd9;
    --border-color: #f0d8e8;
    --border-color-link: #ed9ff3;
}

/* Reseter */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
img,a img,abbr{border:0 !important;}
address,caption,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
header,section,footer,nav,main,article,figure{display:block;}
a{text-decoration:none;border:0;}
label,input[type="submit"]{cursor:pointer;}
.clearfix:after,.section::after{clear:both;content:".";display:block;height:0;visibility:hidden;}

/* -- LAYOUT Allgemein ---------- */
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body{font-family:var(--font-family,Arial),sans-serif;font-size:22px;font-weight:500;color:var(--font);margin:0;padding:0;min-width:300px;overflow-x:hidden;max-width:100%;position:relative;background-color:var(--bg-pink);}
h1,h2,h3,h4,h5,h6{font-family:var(--font-family,Arial),sans-serif;font-weight:500;margin-bottom:25px;}
h2{font-size:32px;line-height:36px;margin-bottom:12px;}
h2 .font2{font-size:26px;font-weight:400;}
h3{font-size:26px;line-height:26px;}
h3 .font2{font-size:22px;}
h4,h5,h6{font-size:22px;text-transform:uppercase;}
p{line-height:24px;margin-bottom:20px;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--font-pink);text-decoration:none;}
ul,ol{margin:0 0 20px 0;}
ol{margin-left:25px;}
ul li,ol li{line-height:24px;margin-bottom:0;}
iframe{width:100%;max-width:100%;border:none!important;}
.c{clear:both;}
.tcenter{text-align:center;}
.font2{font-family:var(--font-family-2);font-style:italic;}
.bg{background:var(--bg-highlight);color:var(--font-pink);}
.b{font-weight:600;}
.nbr{white-space:nowrap;}

.button,.buttonlike li{display:inline-block;outline:none;background:transparent;border:3px solid var(--border-color-link);color:var(--font-pink);padding:10px 26px!important;position:relative;font-family:var(--font-family,Arial),sans-serif;font-weight:700;font-size:20px;line-height:20px;text-transform:uppercase;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;}
.buttonlike li{border-color:var(--border-color);color:var(--font-pink);margin:6px;padding:0;}
.buttonlike li::before{display:none!important;}

.menu,.submenu,.nostyle,.points{margin:0!important;padding:0!important;list-style-type:none;}
.menu li,.submenu li,.nostyle li{padding:0;margin:0;}
.points li{position:relative;padding-left:12px;}
.points li::before{display:block;content:"";width:2px;height:2px;background:var(--font);position:absolute;left:0;top:13px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;}

/* Icons */
.i-brand::before
{font-family:var(--font-family-iconset-brands);display:inline-block;font-weight:400;font-variant:normal;text-rendering:auto;line-height:1;}

/* -------------- */
body{padding-top:80px;}
main{background:#fff;min-height:800px;}
header{z-index:300;background:#fff;}
.w{padding:0 10px;position:relative;}

#top{position:fixed;top:0;left:0;width:100%;padding:10px;min-width:300px;z-index:500;height:80px;transition: 0.25s ease-in-out;}
#top.up{top:-80px;}
#top.open{top:0!important;}
#top .w{padding:0;}
#top .logo{display:inline-block;position:relative;z-index:501;width:90px;}
#top .logo a{opacity:1!important;}
#top .logo img{width:100%;height:auto;}
#top .openmenu{position:absolute;right:0;top:0;width:50px;height:60px;cursor:pointer;z-index:501;}
#top .openmenu span,#top .openmenu span::before,#top .openmenu span::after{display:block;width:32px;height:3px;position:absolute;background-color:var(--font-pink);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;transition:all 250ms ease;}
#top .openmenu span{left:9px;top:28px;transition:background 100ms ease;}
#top .openmenu span::before{top:9px;left:0;content:"";}
#top .openmenu span::after{top:-9px;left:0;content:"";}
#top.open .openmenu span{background-color:transparent;}
#top.open .openmenu span::before{left:0;top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
#top.open .openmenu span::after{left:0;top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#top .toggle-wrapper{display:none;position:fixed;left:0;top:0;width:100%;min-width:300px;height:100vh;background:var(--bg-highlight);z-index:500;text-align:center;}
#top nav{padding-top:80px;}
#top nav .menu{border-top:1px solid #fff;overflow-y:auto;margin-bottom:20px!important;}
#top nav .menu a{display:block;text-align:center;color:var(--font);text-transform:uppercase;padding:14px 10px;font-size:18px;font-weight:600;}
#top nav .menu .active a{color:var(--font-pink);font-weight:700;}
#top .lang{position:absolute;right:65px;top:17px;z-index:501;}
#top .lang li{float:left;font-weight:700;position:relative;line-height:20px;font-size:20px;}
#top .lang li + li{margin-left:6px;padding-left:8px;}
#top .lang li + li::before{display:block;content:"";width:2px;height:14px;background:var(--font);position:absolute;left:0;top:5px;}
#top .lang li a{color:var(--font);}
#top .instagram{cursor:pointer;color:var(--font);}
#top .instagram::before{content:"\f08c";font-size:24px;}
#top .instagram span{display:none;}

@-webkit-keyframes slidein {from {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;transform:translateY(-30px);} to {-webkit-transform:translateZ(0);transform:translateZ(0);transform:translateY(0);}}
@keyframes slidein {from {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;transform:translateY(-30px);} to {-webkit-transform:translateZ(0);transform:translateZ(0);transform:translateY(0);}}
@-webkit-keyframes opacity {from {opacity:0;} to {opacity:1;}}
@keyframes opacity {from {opacity:0;} to {opacity:1;}}

.stage{background:var(--bg-highlight);color:var(--font-pink);padding-top:20px;}
.stage .w{padding:0 10px 30px 10px;}
.stage .text{text-align:center;padding-bottom:20px;animation-name:slidein;animation-duration:1300ms;animation-timing-function:ease;animation-direction:normal;animation-fill-mode:both;animation-delay:200ms;}
.stage .text h1{color:var(--font-pink);font-weight:400;font-size:36px;line-height:30px;}
.stage .text h1 .font2{font-weight:400;font-size:30px;display:block;}
.stage .text h1 sup{font-size:18px;}
.stage .text h1.nmarg{margin:0;}
.stage .text p{margin:0;}
.stage.front .text p{line-height:30px;font-size:32px;font-weight:400;}
.stage.front .text p .font2{font-size:26px;}
.stage .text .break{display:block;}
.stage .pic{width:260px;height:260px;margin:0 auto;animation-name:opacity;animation-duration:1800ms;animation-timing-function:ease;animation-direction:normal;animation-fill-mode:both;animation-delay:700ms;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;position:relative;}
.stage .pic img{width:100%;height:100%;object-fit:cover;}

.teaser,.services,.three-cols,.quote,.service-text,.abouttext,.member,.congress,.customers,.textexamples,.contacttext,.copyrighttext,.privacytext,.agbtext{padding:20px 0;}
.service-teaser,.three-cols li{padding:20px 0;text-align:center;}
.service-teaser .pic,.services .pic,.three-cols .pic,.quote .pic{width:140px;margin:0 auto 12px auto;}
.service-teaser img,.services .pic img,.three-cols .pic img,.quote .pic img,.textexamples .pic img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.service-teaser .font2,.services .font2,.abouttext .font2,.member .font2{display:block;}

.services .text,.member{text-align:center;}
.services .text .buttonlike li{margin:0 4px;}
.services .text .buttonlike li + li{margin-top:12px;}
.services .text .buttonlike li:first-child{animation-delay:200ms;}
.services .text .buttonlike li:nth-child(2){animation-delay:400ms;}
.services .text .buttonlike li:nth-child(3){animation-delay:600ms;}
.services .text .buttonlike li:nth-child(4){animation-delay:800ms;}

.three-cols .text{max-width:220px;margin:0 auto;}
.three-cols .text h3{margin-bottom:8px;}
.three-cols .text p{margin:0;}

.quote .pic{width:200px;text-align:center;}
.quote .pic .signatur{margin-top:8px;font-size:20px;}
.quote h2{padding-left:70px;position:relative;width:280px;margin:0 auto 12px auto;}
.quote h2::before{display:block;content:"";width:60px;height:47px;background:url("../img/quote.png") no-repeat 0 0 transparent;background-size:60px auto;position:absolute;left:0;top:0;}
.quote h2 .font2{display:block;}
.quote p{text-align:center;}

.contact{text-align:center;font-size:24px;font-weight:400;padding:30px 0;}
.contact p{line-height:26px;}
.contact p:last-child{margin:0;}
.contact .big{font-weight:500;}
.contact:not(.bg) a{color:var(--font);}

.service-text h2,.service-text p{text-align:center;}
.service-text.publications .txt-1 .marg1,.service-text.publications .txt-2 .marg,.service-text.communications .txt .font2,.contacttext span{display:block;}

.abouttext{text-align:center;}
.abouttext p{max-width:800px;}
.abouttext h2{margin-bottom:20px;}
.abouttext .points li{padding-top:25px;}
.abouttext .points li::before{width:6px;height:6px;left:calc(50% - 3px);top:0;}
.copyrighttext h2{margin-bottom:25px;}
sup{line-height:15px;}

.fachgebiete h4{margin-bottom:8px;}

.member .right{margin-top:25px;position:relative;}
.member img{margin:0 auto 20px auto;}
.member .right img{width:180px;}

.logolist{display:flex;flex-wrap:wrap;justify-content:center;}
.logolist li{padding:12px 0;display:flex;width:50%;}
.logolist li div{width:100%;}
.logolist li img{margin:0 auto;height:45px;width:auto;}

.examples .pic{width:200px;margin:0 auto 12px auto;}
.examples li h3{margin-bottom:12px;font-size:32px;line-height:32px;}
.examples li h3 .font2{display:block;margin-right:-15px;font-size:27px;line-height:30px;}

.contacttext a,.privacytext a,.agbtext a{color:var(--font);}
.copyrighttext p{max-width:980px;}

.privacytext .points,.agbtext .points{margin-bottom:20px!important;}

.agbtext .inner > ol{list-style-type:none;margin-left:0;padding-left:0;}

footer{background:url("../img/footer-bg.webp") no-repeat center top var(--bg-pink);background-size:auto 100%;padding:30px 0;}
.no-webp footer{background:url("../img/footer-bg.jpg") no-repeat center top var(--bg-pink);}
footer .logo{width:180px;margin:0 auto;}
footer .places,footer .footer-menu{text-align:center;margin-top:20px!important;}
footer .places li{display:inline-block;margin:0;font-size:24px;text-transform:uppercase;color:var(--font-pink);font-weight:500;position:relative;}
footer .places li + li{margin-left:25px;}
footer .places li + li::before{display:block;content:"";width:4px;height:4px;background:var(--font-pink);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;left:-16px;top:11px;}
footer .footer-menu li{display:inline-block;margin:0;font-size:20px;color:var(--font-pink);position:relative;}
footer .footer-menu li + li{margin-left:20px;}
footer .footer-menu li + li::before{display:block;content:"";width:1px;height:16px;background:var(--font-pink);position:absolute;left:-13px;top:6px;}

@media only screen and (max-width:510px){
    .contact .big br{display:none;}
}
@media only screen and (max-width:756px){
    .service-text .points{margin-bottom:20px!important;}
    .service-text .points li{text-align:center;padding:24px 0 0 0;}
    .service-text .points li::before{left:50%;top:12px;}
    .service-text .points li:first-child{padding-top:0;}
    .service-text .points li:first-child::before{display:none;}
    
    .congress,.customers,.textexamples,.contacttext,.copyrighttext{text-align:center;}
    .examples li + li{margin-top:25px;}
}
@media only screen and (min-width:757px){
    .w{padding:0 20px;}
    h2{font-size:38px;line-height:36px;}
    h2 .font2{font-size:30px;}
    h3{font-size:32px;line-height:32px;}
    h3 .font2{font-size:28px;}
    h4{font-size:24px;}
    
    #top{padding:10px 20px;}
    
    .stage{padding:0;}
    .stage .w{padding:0;}
    .stage .grid-container{display:grid;grid-template-columns:60% 40%;}
    .stage .text{grid-column:1/2;padding:40px 0 40px 0;text-align:left;}
    .stage .middle{display:flex;align-items:center;height:100%;padding-left:20px;}
    .stage .pic{grid-column:2/2;max-width:none;width:auto;height:auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
    .stage .text h1{font-size:38px;line-height:30px;}
    .stage .text h1 .font2{font-size:32px;}
    .stage .text h1 .marg{margin-left:30px;}
    .stage .text .big{font-size:36px;line-height:32px;font-weight:400;}
    .stage.front .text p{text-align:right;font-size:38px;line-height:38px;}
    .stage.front .text p .break{margin-right:45px;}
    .en .stage.front .text p .break{margin-right:35px;}
    .stage.front .text p .font2{font-size:32px;}
    
    .service-teaser{text-align:right;width:700px;margin:0 auto;padding:40px 0;}
    .service-teaser .pic{float:right;width:50%;}
    .service-teaser .text{float:left;width:calc(50% - 40px);margin-right:40px;}
    .service-teaser.img-left{text-align:left;}
    .service-teaser.img-left .pic{float:left;}
    .service-teaser.img-left .pic img{float:right;}
    .service-teaser.img-left .text{float:right;margin:0 0 0 40px;}
    
    .services,.quote,.contacttext,.copyrighttext,.privacytext,.agbtext{padding:40px 0;}
    .services .w,.quote .w,.abouttext .w,.member .w{padding:0;width:700px;margin:0 auto;}
    .services .pic,.quote .pic{width:240px;float:left;position:relative;padding:40px 0;}
    .services .pic::after,.quote .pic::after{display:block;content:"";width:2px;height:100%;background:var(--border-color-link);position:absolute;right:-40px;top:0;transform:rotate(-15deg);}
    .services .text,.quote .text{float:right;width:calc(100% - 280px);}
    .services .text h2{float:left;}
    .services .text{position:relative;height:280px;}
    .services .text .buttonlike li{position:absolute;margin:0!important;}
    .services .text .buttonlike li:first-child{top:40px;left:230px;}
    .services .text .buttonlike li:nth-child(2){top:100px;left:20px;}
    .services .text .buttonlike li:nth-child(3){top:160px;left:40px;}
    .services .text .buttonlike li:nth-child(4){top:220px;left:60px;}
    
    .three-cols ul{display:flex;flex-wrap:wrap;}
    .three-cols ul li{display:flex;width:calc(33.33% - 27px);margin-right:40px;}
    .three-cols ul li:nth-child(3n + 3){margin-right:0;}
    
    .quote .text{width:calc(100% - 355px);padding-top:30px;}
    .quote .text h2{width:auto;}
    .quote .text p{text-align:left;}
    
    .contact{font-size:28px;padding:40px 0;}
    .contact p{line-height:30px;}
    
    .service-text h2{text-align:right;float:left;width:35%;}
    .service-text h2 span{display:block;}
    .service-text .left{float:right;width:60%;}
    .service-text div[class*="txt"]{padding:20px 0;}
    .service-text.publications .txt-1 h2{width:45%;}
    .service-text.publications .txt-1 h2 .marg1{margin-right:65px;}
    .service-text.publications .txt-1 h2 .marg2{margin-right:40px;}
    .service-text.publications .txt-1 .left{width:50%;}
    .service-text.publications .txt-2 h2 .marg{margin-right:15px;}
    .service-text.communications p{text-align:left;margin:20px 0 0 0;}
    
    .abouttext{text-align:left;}
    .abouttext .font2{margin-left:15px;}
    .abouttext .points li{padding:0 0 0 20px;}
    .abouttext .points > li + li{margin-top:20px;}
    .abouttext .points li::before{left:0;top:19px;width:4px;height:4px;}
    .fachgebiete h4{display:inline-block;width:165px;}
    .en .fachgebiete.f1 h4{width:215px;}
    .en .fachgebiete h4{width:240px;}
    .fachgebiete .buttonlike{display:inline;}
    .fachgebiete .buttonlike li{margin:10px 8px;}
    .fachgebiete.f2 .buttonlike li:nth-child(3){margin-left:58px;}
    .en .fachgebiete.f2 .buttonlike li:nth-child(3){margin-left:125px;}
    .fachgebiete.f2 .buttonlike li:nth-child(6){margin-left:106px;}
    .en .fachgebiete.f2 .buttonlike li:nth-child(6){margin-left:179px;}
    .fachgebiete.f3 .buttonlike li:nth-child(3){margin-left:259px;}
    .en .fachgebiete.f3 .buttonlike li:nth-child(3){margin-left:342px;}
    
    .member .left{float:left;width:325px;padding:20px 0;}
    .member .left h2{text-align:right;}
    .member .left h2 .font2{margin-right:25px;}
    .member .left h2 .marg{margin-right:15px;}
    .member .right{float:right;width:325px;margin-top:0;padding:20px 0;}
    .member .right::before{display:block;content:"";width:2px;height:100%;background:var(--border-color-link);position:absolute;top:0;left:-15px;transform: rotate(-10deg);}
    .member .right h2 .marg1{margin-left:15px;}
    .member .right h2 .marg2{margin-left:25px;}
    .member .right h2{text-align:left;}
    .member .right img{margin:25px auto;}
    .member h2 span{display:block;}
    
    .logolist li{width:33.33%;padding:20px 0;}
    .logolist li .middle{display:flex;flex-direction:column;height:100%;}
    .logolist li picture{margin:auto;}
    .logolist li img{height:auto;margin:auto;}
    
    .examples{position:relative;max-width:700px;margin:40px auto 0 auto;}
    .examples .pic{width:240px;position:absolute;left:calc(50% - 120px);top:335px;margin:0;}
    .examples ul{width:100%;height:920px;}
    .examples ul li{width:calc(33.33%);text-align:center;padding:0 8px;position:absolute;}
    .examples ul li:first-child{left:calc(50% - 116px);top:-20px;}
    .examples ul li:nth-child(2){left:0;top:35px;}
    .examples ul li:nth-child(3){right:0;top:35px;}
    .examples ul li:nth-child(4){left:0;top:390px;}
    .examples ul li:nth-child(5){right:0;top:300px;}
    .examples ul li:nth-child(6){left:calc(50% - 240px);top:630px;}
    .examples ul li:nth-child(7){left:calc(50% + 31px);top:585px;}
    
    .contacttext h2{float:left;width:45%;text-align:right;margin-top:50px;}
    .contacttext h2 .marg{margin-right:40px;}
    .contacttext h2 .font2{margin-right:15px;}
    .contacttext .txt{float:right;width:50%;padding:40px 0 40px 40px;border-left:2px solid var(--border-color-link);}
    .contacttext .txt p:last-child{margin:0;}
    
    .privacytext .inner,.agbtext .inner{max-width:800px;}
    .privacytext h2,.agbtext h2{font-size:38px;line-height:36px;}
    .privacytext h3,.privacytext h4{font-size:26px;line-height:30px;font-weight:600;text-transform:none;margin-bottom:12px;}
    .privacytext h4{margin-bottom:4px;}
    
}
@media only screen and (max-width:1029px){
    main::before{display:block;content:"";width:100%;height:80px;background:var(--bg-highlight);position:absolute;top:0;left:0;}
    .service-teaser h2 br{display:none;}
}
@media only screen and (min-width:1030px){
    body{padding-top:0;font-size:24px;font-weight:400;}
    main{min-height:100vh;position:relative;z-index:1;}
    h2{font-size:60px;line-height:54px;}
    h2 .font2{font-size:50px;}
    h3{font-size:38px;line-height:38px;}
    h3 .font2{font-size:34px;}
    h4,h5,h6{font-size:26px;}
    p,ul li,ol li{line-height:28px;}
    p,ol,ul{margin-bottom:25px;}
    .points li::before{top:15px;}
    .w{padding:0 20px;max-width:1260px;}
    .button, .buttonlike li{font-size:24px;line-height:24px;}
    .button:hover{background:var(--font-pink);border-color:var(--font-pink);color:#fff;}
    
    #top{position:relative;top:0!important;left:0;height:auto;padding:30px 20px 25px 20px;}
    #top .logo{width:140px;float:left;}
    #top .openmenu{display:none;}
    #top .toggle-wrapper{display:block!important;position:static;height:auto;width:auto;background:transparent;margin-top:44px;}
    #top .navi{float:right;width:calc(100% - 160px);}
    #top nav{padding:0;}
    #top nav .menu{margin:0!important;border:none;float:right;}
    #top nav .menu li{float:left;line-height:normal;}
    #top nav .menu li + li{margin-left:15px;}
    #top nav .menu a{display:inline;padding:0;text-align:left;font-size:15px;}
    #top nav .menu a:hover,#top .lang a:hover{color:var(--font-pink);}
    #top nav .menu .active a{color:var(--font-pink);font-weight:700;opacity:1!important;}
    #top .instagram{position:absolute;right:0;top:0;}
    #top .instagram:hover{color:var(--font-pink);}
    #top .lang{top:4px;}
    
    .stage{max-height:465px;}
    .stage .text h1,.stage.front .text p{font-size:54px;line-height:50px;}
    .stage .text h1 .font2,.stage.front .text p .font2{font-size:46px;}
    .stage .text h1 .marg{margin-left:40px;}
    .stage .text h1 sup{font-size:26px;}
    .stage.front .text p .break{margin-right:55px;}
    .stage.front .text p .break:first-child{margin-right:160px;}
    
    .teaser,.three-cols,.contacttext,.copyrighttext,.privacytext,.agbtext{padding:80px 0;}
    .service-teaser{width:940px;}
    .service-teaser .text{width: calc(50% - 70px);margin-right:70px;}
    .service-teaser.img-left .text{margin:0 0 0 70px;}
    
    .services .w,.quote .w{width:980px;}
    .services .pic,.quote .pic{width:288px;padding:50px 0;}
    .services .pic::after,.quote .pic::after{right:-60px;}
    .services .text{width:calc(100% - 360px);height:380px;padding:40px 0;}
    .services .text .buttonlike li:first-child{top:100px;left:380px;}
    .services .text .buttonlike li:nth-child(2){top:165px;left:40px;}
    .services .text .buttonlike li:nth-child(3){top:235px;left:60px;}
    .services .text .buttonlike li:nth-child(4){top:305px;left:80px;}
    
    .three-cols .w{padding:0;width:990px;margin:0 auto;}
    .three-cols .pic{width:192px;margin-bottom:20px;}
    .three-cols .text{max-width:240px;}
    .three-cols .text h3{margin-bottom:14px;}
    .three-cols .text h3 .font2{font-size:30px;}
    
    .quote .text{width:calc(100% - 460px);padding-top:45px;}
    .quote .text h2{padding-left:40px;}
    .quote .text h2 .font2{margin-left:-40px;}
    .quote .text h2::before{left:-66px;top:-23px;width:99px;height:77px;background-size:99px auto;}
    
    .contact{padding:80px 0;font-size:36px;}
    .contact p{line-height:40px;}
    .contact a:hover,.privacytext a:hover,.contacttext a:hover,.agbtext a:hover{color:var(--font-pink);}
    
    .service-text,.abouttext,.congress,.customers,.textexamples{padding:60px 0;}
    .service-text h2{width:40%;}
    .service-text .left{width:57%;margin-top:8px;}
    .service-text.publications .txt-1 h2{width:55%;}
    .service-text.publications .txt-1 h2 .marg1{margin-right:65px;}
    .service-text.publications .txt-1 h2 .marg2{margin-right:40px;}
    .service-text.publications .txt-1 .left{width:42%;}
    .service-text.publications .txt-2 h2 .marg{margin-right:15px;}
    .service-text.communications .left > *{max-width:390px;}
    .service-text.translation .left > *{max-width:540px;}
    
    .abouttext .w{width:880px;}
    .abouttext h2{margin-bottom:40px;}
    .abouttext .txt-1,.abouttext .txt-2{margin-bottom:40px;}
    .abouttext .points li::before{top:22px;}
    .fachgebiete .buttonlike li{margin:15px;}
    .en .fachgebiete.f1 h4{width:235px;}
    .en .fachgebiete h4{width:250px;}
    
    .copyrighttext h2{margin-bottom:35px;}
    
    .member{padding:40px 0;}
    .member .w{width:auto;padding:0 20px;}
    .member .left,.member .right{width:47%;padding:40px 0;}
    .member .right::before{left:-20px;}
    .member .left img{float:right;margin:25px 40px 0 0;}
    .member .left a{float:right;margin:43px 50px 0 0;}
    .member .right img{float:left;margin:35px 0 0 60px;}
    .member .right a{float:left;margin:43px 0 0 50px;}
    
    .congress .w,.customers .w{max-width:1200px;}
    .congress h2,.customers h2{margin-bottom:60px;}
    .logolist li{width:25%;padding:30px 0;}
    
    .examples{max-width:1000px;}
    .examples .pic{width:290px;left:calc(50% - 145px);top:395px;}
    .examples li h3{font-size:52px;line-height:46px;margin-bottom:20px;}
    .examples li h3 .font2{font-size:44px;line-height:44px;margin:7px -25px 0 0;}
    .examples ul{height:1100px;}
    .examples ul li:first-child{left:calc(50% - 166px);top:0;}
    .examples ul li:nth-child(2){top:60px;}
    .examples ul li:nth-child(3){top:144px;}
    .examples ul li:nth-child(4){top:480px;}
    .examples ul li:nth-child(5){top:480px;}
    .examples ul li:nth-child(6){left:calc(50% - 355px);top:775px;}
    .examples ul li:nth-child(7){left:50%;top:775px;}
    
    .stage .contact h1{padding-left:100px;}
    .contacttext h2{margin-top:35px;}
    .contacttext h2 sup{font-size:38px;}
    .contacttext h2 .font2{margin-top:8px;}
    
    footer{padding:60px 0 90px 0;position:sticky;bottom:0;left:0;width:100%;}
    footer .logo{width:240px;}
    footer .places{margin-top:40px!important;}
    footer .places li{font-size:38px;font-weight:600;letter-spacing:2px;}
    footer .places li + li{margin-left:40px;}
    footer .places li + li::before{width:5px;height:5px;left:-25px;top:16px;}
    footer .footer-menu li{font-size:26px;font-weight:500;}
    footer .footer-menu li + li::before{top:10px;left:-14px;}
    footer .footer-menu a:hover{opacity:0.5;}
    
    /* Hover */
    a
    {transition: 0.15s ease-in-out;}
    
}
@media only screen and (min-width:1030px) and (max-width:1110px){
    .en .stage.front .grid-container{grid-template-columns:60% 40%}
}
@media only screen and (min-width:1100px){
    .stage .grid-container{grid-template-columns:calc(100% - 500px) 500px;}
}
@media only screen and (min-width:1290px){
    .w{padding:0;width:1260px;margin:0 auto;}
    .button{padding:13px 32px!important;}
    .buttonlike li{padding:19px 32px!important;}
    
    #top{padding:40px 0 25px 0;}
    #top .logo{width:180px;}
    #top .navi{width:calc(100% - 210px);}
    #top .toggle-wrapper{margin-top:64px;}
    #top nav .menu a{font-size:17px;}
    #top nav .menu li + li{margin-left:30px;}
    #top .instagram{top:15px;}
    #top .instagram::before{font-size:28px;}
    #top .lang{top:22px;}
    
    .stage{min-height:465px;}
    .stage .w{padding:0 25px;}
    .stage .text h1,.stage.front .text p{font-size:60px;}
    .stage .text h1 .font2,.stage.front .text p .font2{font-size:50px;}
    .stage .middle{padding:0;}
    
    .services .w,.quote .w{width:1100px;}
    .services .text .buttonlike li:first-child{top:auto;left:80px;bottom:40px;animation-delay:600ms;}
    .services .text .buttonlike li:nth-child(2){top:80px;left:375px;animation-delay:200ms;}
    .services .text .buttonlike li:nth-child(3){top:auto;left:300px;bottom:40px;animation-delay:800ms;}
    .services .text .buttonlike li:nth-child(4){top:175px;left:60px;animation-delay:400ms;}
    
    .quote .text{padding-right:120px;}
    
    .examples{max-width:1260px;}
    .examples .pic{width:448px;left:calc(50% - 224px);}
    .examples ul li{margin:0;width:calc(33.33% - 80px);padding:0;}
    .examples li h3{font-size:58px;line-height:54px;}
    .examples li h3 .font2{font-size:50px;line-height:50px;margin-right:-34px;}
    .examples ul{height:1245px;}
    .examples ul li:first-child{left:calc(50% - 169px);top:-20px;}
    .examples ul li:nth-child(2){left:60px;}
    .examples ul li:nth-child(3){right:60px;}
    .examples ul li:nth-child(4){top:560px;}
    .examples ul li:nth-child(5){top:560px;}
    .examples ul li:nth-child(6){left:250px;top:870px;}
    .examples ul li:nth-child(7){left:auto;right:250px;top:870px;}
    
    .privacytext .inner a{white-space:nowrap;}
}