/*
Theme Name: ST Immo
Author: Benjamin Klar
Author URI: info@bennitalent.com
Description: Benutzerdefiniertes Theme fuer ST Immo.
Version: 1.0
Tags: ST Immo
Text Domain: stimmo
*/

@import url("fonts.css?t=20211222");
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');*/

* { margin:0px;padding:0px;-webkit-box-sizing:border-box;box-sizing:border-box; }

:root {
  --color-st:#696563;
  --color-st-blue:#696563;
  --color-st-dark:#696563;
  --color-st-light:#F7F6F7;
  --color-st-black:rgba(25,25,25,1);
  --color-st-gold:#fedfb1;
  --transition-default:all 0.75s ease-in-out;
  --transition-faster:all 0.25s ease-in-out;
  --transition-slow:all 1.75s ease-in-out;
}

html, body { position:relative;height:100%;background:#ffffff;font-family:'Roboto', sans-serif;font-weight:300;font-size:21px;line-height:1.5em;color:var(--color-st); }
html { scroll-behavior:smooth; }
body { z-index:-1; }

html.section-scroll { -ms-scroll-snap-type:proximity;scroll-snap-type:proximity;-ms-scroll-snap-points-y:repeat(100vh);scroll-snap-points-y:repeat(100vh);-ms-scroll-snap-type:y proximity;scroll-snap-type:y proximity;scroll-padding:140px 0 0 0; }
              
a img { border:none; }
.clearboth { float:none !important;clear:both !important;line-height:1px !important;height:1px !important;font-size:1px !important;color:transparent !important; }

.wrapper { width:100%; }

.container-teaser { width:100%;height:auto;min-height:165px;background:var(--color-st-light);box-shadow:0 0 20px 5px rgba(0,0,0,0.2);border:0px solid #ffffff;z-index:0;position:relative; }
.hasteaser .container-teaser { height:100vh;position:fixed;border:15px solid #ffffff; }
.sticky .container-teaser { position:sticky;top:0px;left:0px;height:165px !important;z-index:10; }
.container-teaser .wrapper { position:absolute;width:100%;height:100%;display:grid;align-items:center;background-size:cover;background-position:center;padding:25px 0 25px;opacity:1;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.sticky .container-teaser .wrapper { opacity:0;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-teaser .wrapper.hide { opacity:0; }
.container-teaser .wrapper-title, .container-teaser .wrapper-title > div { display:table;width:auto;color:#ffffff;text-shadow:0 0 30px rgba(24,38,43,1); }
.container-teaser .wrapper-title { margin:0 auto;opacity:1;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-teaser .wrapper-title .teaser-title { font-family:'Roboto Condensed', sans-serif;font-weight:600;font-size:66px;line-height:1.05em;text-align:center;margin:0 0 15px 0;text-transform:uppercase;letter-spacing:0.07em; }
.container-teaser .wrapper-title .teaser-title a { color:#ffffff;text-decoration:none; }
.container-teaser .wrapper-title .teaser-claim { float:right;font-family:'Roboto Condensed', sans-serif;font-weight:300;font-size:36px;line-height:1em;text-transform:uppercase;letter-spacing:0.07em; }
.container-teaser .wrapper-title .teaser-claim:before { content:"";display:block;float:left;width:10px;height:10px;border-radius:2px;background:#ffffff;margin:5px 10px 0 0; }
.container-teaser .wrapper-title .teaser-claim:after { content:"";display:block;clear:both;height:1px; }
.container-teaser .wrapper-title.disappear { opacity:0 !important;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-teaser.sticky .wrapper-title { display:none !important; }
.container-teaser .slide-1 { z-index:999; }
.container-teaser .slide-2 { z-index:998; }
.container-teaser .slide-3 { z-index:997; }
.container-teaser .slide-4 { z-index:996; }
.container-teaser .slide-5 { z-index:995; }
.container-teaser .slide-6 { z-index:994; }
.container-teaser .slide-7 { z-index:993; }
.container-teaser .slide-8 { z-index:992; }
.container-teaser .slide-9 { z-index:991; }

.container-teaser .slide-nav { position:absolute;width:100%;bottom:44px;z-index:1000;color:#ffffff;font-family:'Roboto Condensed', sans-serif;font-weight:600;font-size:20px;line-height:20px;opacity:1;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-teaser .slide-nav ul { list-style-type:none;margin:0 auto;display:table; }.container-teaser .slide-nav ul li { display:inline-block;cursor:pointer;text-align:center;width:16px;height:16px;border:2px solid #ffffff;margin:2px 4px 2px 4px;padding:4px 0;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster);border-radius:15px; } 
.container-teaser .slide-nav ul li:hover { background:rgba(255,255,255,0.3); }
.container-teaser .slide-nav ul li:active { color:var(--color-st-dark); }
.container-teaser .slide-nav ul li.active { background:#ffffff;color:var(--color-st-dark); }
.container-teaser .slide-nav ul li span { display:none; }
.container-teaser.sticky .slide-nav { opacity:0; }

.loading-screen { z-index:99999999;position:absolute;height:100vh;width:100%;display:grid;justify-items:center;align-items:center;background:radial-gradient(var(--color-st-blue), var(--color-st-dark)); }
.issticky .loading-screen { display:none; }
.loading-screen.loaded { display:none !important; }
.loading-screen .loading-screen-animation { display:inline-block;width:80px;height:80px; }
.loading-screen .loading-screen-animation:after {content:"";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:3px solid #ffffff;border-color:#ffffff transparent #ffffff transparent;animation:loading-screen-animation 2s linear infinite;opacity:1; }
@keyframes loading-screen-animation {
  0% { transform:rotate(0deg);opacity:1; }
  50% { opacity:.1; }
  100% { transform:rotate(360deg);opacity:1; }
}

.issticky .container-teaser { position:fixed;height:140px;top:0px;z-index:99; }
.issticky .container-teaser .wrapper { display:none !important; }
.issticky .container-teaser .slide-nav { display:none; }

.teaser-logo { position:fixed;top:50px;left:50px;width:70px;margin:0 auto;z-index:9999;opacity:0;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.teaser-logo.visible { opacity:1; }
.teaser-logo a { display:block;width:100%;height:auto; }
.teaser-logo a img { display:block;width:100%;height:auto; }

.mobile { position:fixed;right:67px;top:60px;z-index:999;opacity:0;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.mobile.visible { opacity:1; }
.mobile a { display:block;cursor:pointer;width:50px;height:40px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.mobile a span { display:block;position:absolute;height:5px;width:100%;background:var(--color-st);border-radius:1px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.mobile a span:nth-child(2) { width:42px; }

/* Animation Burger-Menu */
.mobile a span:nth-child(1) { top:0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center; }
.mobile a span:nth-child(2) { top:18px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center; }
.mobile a span:nth-child(3) { top:36px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center; }

.mobile.opennav a span { background:var(--color-st-dark); }
.mobile.opennav a span:nth-child(1) { -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:0px;left:7px;}
.mobile.opennav a span:nth-child(2) { width:0%;opacity:0; }
.mobile.opennav a span:nth-child(3) { -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:35px;left:7px; }

/*.mobile a:hover { color:rgba(241,239,232,1); }*/

.akzent .container-teaser { border-color:var(--color-st-blue); }
.akzent .container-teaser .wrapper-title, .akzent .container-teaser .wrapper-title > div { color:var(--color-st-blue); }
.akzent .mobile a span { background:var(--color-st-blue); }
.akzent .container-teaser .wrapper-title .teaser-claim:before { background:var(--color-st-blue); }

.dark .container-teaser { border-color:var(--color-st-dark);background:var(--color-st-lightblue); }
.dark .container-teaser .wrapper-title, .dark .container-teaser .wrapper-title > div { color:var(--color-st-dark);text-shadow:0 0 30px rgba(255,255,255,0.85); }
.dark .mobile a span { background:var(--color-st-dark); }
.dark .container-teaser .wrapper-title .teaser-claim:before { background:var(--color-st-dark); }

.totop { position:fixed;right:50px;bottom:44px;z-index:100;text-align:right;cursor:pointer;box-shadow:0 0 30px 1px rgba(0,0,0,0.4);border-radius:5px;opacity:1;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.totop .top-button { border-radius:5px;padding:10px 17px;color:#ffffff;background:var(--color-st);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.totop .top-button:hover { color:var(--color-st);background:#ffffff; }

.language { position:fixed;right:67px;bottom:44px;z-index:99;text-align:right;opacity:0;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.language .lang-button { display:inline-block;font-size:30px;color:#ffffff;cursor:pointer;text-shadow:0 0 20px rgba(114,112,104,0.7); }
.language .lang-button:hover {  color:rgba(241,239,232,1);}
.language .lang-navi { display:none;margin:0 30px 5px 0;padding:15px;background:rgba(255,255,255,0.9);border-radius:10px;border-bottom-right-radius:0px;text-align:center;font-size:18px;box-shadow:0 0 20px rgba(114,112,104,0.7); }
.language .lang-navi a { display:inline-block;text-decoration:none;color:rgba(0,0,0,1); }
.language .lang-navi a:after { content:"";display:block;width:20px;height:2px;background:transparent;margin:0px auto 3px auto; }
.language .lang-navi a:hover:after { content:"";display:block;width:20px;height:2px;background:rgba(0,0,0,1);margin:0px auto 3px auto; }
.language .lang-navi ul { list-style-type:none; }
.language .lang-navi ul.menu > li > a:after { background:rgba(0,0,0,1); }

.hasteaser .main { position:relative;top:100vh; }

body.at-top .totop { opacity:0;z-index:98; }
body.at-top .language { opacity:1; }

body.nav-open .totop { opacity:0;z-index:98; }
body.nav-open .language { opacity:1; }
body.nav-open .language .lang-button { color:var(--color-st-dark); }

.container-navigation { display:none;position:fixed;right:0px;top:0px;min-width:30vw;height:100%;background:rgba(255,255,255,.75);padding:34px;z-index:99; }
.container-navigation a { color:var(--color-st-dark);text-decoration:none;font-family:'Roboto Condensed', sans-serif;font-weight:300;font-size:30px; }
.container-navigation a:hover { font-weight:400; }
.container-navigation .wrapper { display:grid;align-items:center;height:100%;width:100%; }
.container-navigation .wrapper .menu-main-navi-container { display:table-cell;vertical-align:middle;width:300px; }
.container-navigation .mobile-close { position:fixed;top:44px;right:73px; }
.container-navigation .mobile-close a { font-size:50px;color:rgba(0,0,0,1);cursor:pointer; }
.container-navigation .mobile-close a:hover { color:rgba(0,0,0,0.65); }
.container-navigation ul.menu { list-style-type:none;margin:0 auto;padding:0;text-align:center; }
.container-navigation ul.menu > li { padding:5px 0; }
.container-navigation ul.menu > li > a { display:block;padding:10px 0; }
.container-navigation ul.menu > li > a:before,
.container-navigation ul.menu > li > a:after { content:"";display:inline-block;width:0px;background:var(--color-st-dark);height:2px;margin:9px 10px;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-navigation ul.menu > li > a:hover:before, .container-navigation ul.menu > li > a:hover:after { width:20px; }
.container-navigation ul.menu > li.current-menu-item a { font-weight:400; }
.container-navigation ul.menu > li > ul { display:none;list-style-type:none; }
.container-navigation ul.menu > li > ul > li > a { display:block;padding:5px;font-size:18px; }

.container-content { min-height:calc(100vh - 435px) }
.hasteaser .container-content { min-height:auto; }
.container-content .wrapper { padding:50px;background:#ffffff; }
.container-content .wrapper.nopadding { padding:0; }
.container-content .wrapper.nobackground { background:unset; }
.container-content .wrapper.grey { background:var(--color-st-dark);color:#ffffff; }
.container-content .wrapper.grey a { color:#ffffff; }
.container-content .wrapper.backgroundimage { background-size:cover;background-position:center;box-shadow:inset 2000px 0 0 0 rgba(255,255,255,0.2), inset 2000px 0 0 0 rgba(114,112,104,0.5); }
.container-content .wrapper.spacehome { height:350px;background:transparent; }
.container-content .wrapper.timezones { padding:0;margin:0;position:relative;height:40vh; }
.container-content h1 { font-family:'Roboto Condensed', sans-serif;text-align:center;font-weight:400;margin:0 0 35px 0;font-size:58px;line-height:1.1em;color:var(--color-st-blue);letter-spacing:-0.01em;text-transform:uppercase; }
.container-content h1:before,
.container-content h1:after { content:"";display:inline-block;width:0px;background:var(--color-st-blue);height:2px;margin:20px;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-content h1.visible:before, .container-content h1.visible:after { width:50px; }
.container-content h2 { font-family:'Roboto Condensed', sans-serif;text-align:center;font-weight:300;color:var(--color-st-dark);margin:0 0 30px 0;font-size:52px;line-height:1.1em;letter-spacing:0.07em; }
.container-content h2:after { content:"";display:block;width:0px;background:var(--color-st-dark);height:2px;margin:20px auto;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-content h2.visible:after { width:50px; }
.container-content h3 { font-family:'Roboto Condensed', sans-serif;text-align:center;font-weight:600;color:var(--color-st-dark);margin:0 0 20px 0;font-size:36px;line-height:1.1em;letter-spacing:0.07em; }
.container-content h4 { font-family:'Roboto Condensed', sans-serif;text-align:center;font-weight:400;color:var(--color-st-dark);margin:0 0 20px 0;font-size:30px;line-height:1.1em;letter-spacing:0.07em; }
.container-content h5 { font-family:'Roboto Condensed', sans-serif;text-align:center;font-weight:600;color:var(--color-st-dark);margin:0 0 20px 0;font-size:26px;line-height:1.1em;letter-spacing:0.07em; }
.container-content h1 a, .container-content h2 a, .container-content h3 a, .container-content h4 a, .container-content h5 a { color:inherit; }
.container-content a { color:var(--color-st-blue);text-decoration:none; }
.container-content a.button { display:inline-block;padding:10px 15px;color:#ffffff;cursor:pointer;background:var(--color-st-lightblue);border-radius:5px;font-family:'Roboto Condensed', sans-serif;text-align:center;font-weight:300;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content a.button:hover { background:var(--color-st); }
.container-content strong { font-weight:500; }
.container-content p { position:relative;font-size:24px;line-height:1.6em;width:60%;margin:0 auto 25px auto;text-align:center;opacity:0;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-content p.visible { opacity:1; }
.container-content p.text-kleiner { font-size:21px; }
.container-content p.absatz-normal { width:90%; }
.container-content ul { margin:0 0 25px 25px; }
.container-content.text p { margin:0 0 25px 0;text-align:left;width:100%; }
.container-content hr { border:none;width:calc(100% + 100px);margin:0 -50px 50px -50px;border-bottom:3px solid var(--color-st); }

.container-content .wp-block-media-text { margin-bottom:50px;opacity:0;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-content .wp-block-media-text.visible { opacity:1; }
.container-content .wp-block-media-text__media { text-align:center; }
.container-content .wp-block-media-text.middle-size img, .container-content .wp-block-media-text.middle-size video { height:60%;width:60%; }
.container-content .wp-block-media-text__media img, .wp-block-media-text__media video { height:80%;width:80%; }

/* Home Parallax */

body.home .container-content { padding:0px; }
body.home .container-content:before { content:"";display:block;position:fixed;left:0px;top:0px;height:100%;width:100%;z-index:-1;background-color:unset;filter:blur(10px);background-image:var(--image-bg);background-size:cover;background-position:center;background-attachment:fixed, scroll;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
body.home .container-content.visible:before { filter:blur(0px); }
body.home .container-content .wrapper { margin:0 0 0px 0; }
body.home .container-content .wrapper:last-of-type { margin:0; }

.container-content .wrapper.grey h1,
.container-content .wrapper.grey h2,
.container-content .wrapper.grey h3,
.container-content .wrapper.grey h4,
.container-content .wrapper.grey h5 { color:#ffffff; }
.container-content .wrapper.grey h2:before { background:#ffffff; }
.container-content .wrapper.grey h2:after { background:#ffffff; }

.container-content.landingpage h1 { margin:0 0 25px 0;font-size:60px;line-height:1.1em; }
.container-content.landingpage h2 { margin:0 0 20px 0;font-size:35px;line-height:1.1em; }
.container-content.landingpage p { font-size:24px;line-height:1.6em;width:60%;margin:0 auto 25px auto;text-align:center; }
.container-content.landingpage .wrapper > ul { font-size:24px;line-height:1.6em;width:60%;margin:0 auto 25px auto;text-align:center;list-style-type:none; }
.container-content.landingpage .wrapper > ul li { display:table;margin:0 auto 5px auto; }
.container-content.landingpage .wrapper > ul li:before { content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--color-st);margin:0 8px 3px 0; }

.container-content .section-scroll-layer { min-height:calc(100vh - 140px);scroll-snap-align:start;display:grid;align-items:center;align-content:center;border-bottom:5px solid var(--color-st-dark);margin:0 -50px; }
.container-content .section-scroll-layer:last-of-type { border:none; }

.container-content .gallery-full-size {  }
.container-content .gallery-full-size ul { list-style-type:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0; }
.container-content .gallery-full-size ul li { height:28vh;background-size:cover;background-position:center;margin:2.5px;flex:0 0 calc(25% - 5px); }
.container-content .gallery-full-size ul li > a { display:block;width:100%;height:100%;cursor:pointer; }

.container-content .immobilien-downloads { text-align:center;margin:0 0 25px 0; }
.container-content .immobilien-downloads a:nth-child(2) { margin:0 0 0 15px; }

.container-content .immobilien-anfrage { display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:50px 0 50px 0; }
.container-content .immobilien-anfrage .immobilien-anfrage-static h3 { text-align:left; }
.container-content .immobilien-anfrage .immobilien-anfrage-static h4 { text-align:left; }
.container-content .immobilien-anfrage .immobilien-anfrage-static p { text-align:left;width:70%;margin-left:0;margin-right:0; }

.container-content .frontpage-texts { display:block;margin:10px 0; }
.container-content .frontpage-texts .frontpage-texts-items { display:grid;gap:20px;grid-template-columns:repeat(9,1fr) }
.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item { display:table;grid-column: auto / span 3;background-size:cover;background-position:center;height:35vh;cursor:default; }
.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item.large { grid-column: auto / span 6; }
.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item .frontpage-texts-item-content { display:table-cell;height:100%;width:100%;vertical-align:middle;padding:50px;background:rgba(255,255,255,0);-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item .frontpage-texts-item-content h3 { margin:0 0 20px 0;width:100%;font-size:48px;color:#ffffff;text-shadow:0 0px 30px rgba(0,51,52,.6); }
.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item .frontpage-texts-item-content p { display:block;font-size:0.95em;width:100%;height:0px;margin:0;opacity:0;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item.large .frontpage-texts-item-content p { width:60%;margin:0 auto; }
.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item .frontpage-texts-item-content:hover { background:rgba(255,255,255,0.95) !important; }
.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item .frontpage-texts-item-content:hover h3 { color:var(--color-st-dark);text-shadow:none; }
.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item .frontpage-texts-item-content:hover p { opacity:1;height:100px; }

.container-content .texts-and-pictures { display:block;margin:0 0 50px 0; }
.container-content .texts-and-pictures .texts-and-pictures-items { display:grid;gap:50px;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr)); }
.container-content .texts-and-pictures .texts-and-pictures-items .texts-and-pictures-item { background-size:cover;background-position:center;height:20vh;display:table;padding:25px;cursor:default;border-radius:15px;box-shadow:0 0 20px 0 rgba(0,0,0,.3);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .texts-and-pictures .texts-and-pictures-items .texts-and-pictures-item:hover { filter:grayscale(1);box-shadow:0 0 20px 0px rgba(0,0,0,.1); }
.container-content .texts-and-pictures .texts-and-pictures-items .texts-and-pictures-item .texts-and-pictures-item-content { display:table-cell;height:100%;width:100%;vertical-align:middle; }
.container-content .texts-and-pictures .texts-and-pictures-items .texts-and-pictures-item .texts-and-pictures-item-content h3 { color:#ffffff;margin:0;text-shadow:0 0 20px rgba(0,0,0,.8); }

.container-content .frontpage-sloganfade { margin:50px 0 50px 0;padding:10vh; }
.container-content .frontpage-sloganfade span { display:table;margin:0 auto;font-family:'Roboto Condensed', sans-serif;font-weight:600;font-size:72px;line-height:1.15em;text-align:center;opacity:0;-webkit-transition:var(--transition-slow);-moz-transition:var(--transition-slow);-ms-transition:var(--transition-slow);-o-transition:var(--transition-slow);transition:var(--transition-slow);transform:scale(.5) translate(0, 50px); }
.container-content .frontpage-sloganfade span.visible { opacity:1;transform:scale(1.3) translate(0, 0); }

.container-content .wrapper-timeline { margin:50px auto;width:90%; }
.container-content .wrapper-timeline:before { content:"";display:block;background:var(--color-st-dark);width:15px;height:3px;margin:0 auto; }
.container-content .wrapper-timeline:after { content:"";display:block;background:var(--color-st-dark);width:15px;height:15px;margin:0 auto;border-radius:8px; }
.container-content .wrapper-timeline ul.timeline { margin:0;list-style-type:none;position:relative;padding:25px 0; }
.container-content .wrapper-timeline ul.timeline:before { content:"";display:block;position:absolute;top:0px;left:50%;margin-left:-1px;height:100%;width:2px;background:var(--color-st-dark); }
.container-content .wrapper-timeline ul.timeline li { display:block;position:relative;width:50%;opacity:0;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-content .wrapper-timeline ul.timeline li.visible { opacity:1; }
.container-content .wrapper-timeline ul.timeline li .timeline-date-circle { position:absolute;right:0px;bottom:50%;background:var(--color-st-dark);color:#ffffff;font-family:'Roboto Condensed', sans-serif;font-size:26px;font-weight:600;width:60px;height:60px;display:table-cell;padding:16px 0;text-align:center;border-radius:30px;margin:0 -31px -30px 0;z-index:9; }
.container-content .wrapper-timeline ul.timeline li .timeline-date-content { width:80%;min-height:250px;display:table; }
.container-content .wrapper-timeline ul.timeline li .timeline-date-content:before { content:"";display:block;width:20%;height:2px;background:var(--color-st-dark);position:absolute;right:0px;bottom:50%;margin:0 0 -1px 0;z-index:0; }
.container-content .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper { display:table-cell;height:100%;vertical-align:middle;text-align:center;background-color:var(--color-st-blue);background-size:cover;background-position:center;padding:25px;color:#ffffff;border-radius:15px; }
.container-content .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper .timeline-title { font-family:'Roboto Condensed', sans-serif;font-weight:600;font-size:34px;line-height:1.15em;letter-spacing:0.07em;text-shadow:0 0 20px rgba(0,0,0,1); }
.container-content .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper .timeline-text { font-size:0.9em; }
.container-content .wrapper-timeline ul.timeline li:nth-child(odd) { margin-left:50%; }
.container-content .wrapper-timeline ul.timeline li:nth-child(odd) .timeline-date-circle { left:0px;right:unset;margin:0 0 -30px -31px; }
.container-content .wrapper-timeline ul.timeline li:nth-child(odd) .timeline-date-content { margin-left:20%; }
.container-content .wrapper-timeline ul.timeline li:nth-child(odd) .timeline-date-content:before { right:unset;left:0px; }
.container-content .wrapper.grey .wrapper-timeline:before, 
.container-content .wrapper.grey .wrapper-timeline:after,
.container-content .wrapper.grey .wrapper-timeline ul.timeline:before,
.container-content .wrapper.grey .wrapper-timeline ul.timeline li .timeline-date-circle,
.container-content .wrapper.grey .wrapper-timeline ul.timeline li .timeline-date-content:before { background:#ffffff; }
.container-content .wrapper.grey .wrapper-timeline ul.timeline li .timeline-date-circle { color:var(--color-st-dark); }
.container-content .wrapper.grey .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper { background-color:#ffffff; }
.container-content .wrapper.grey .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper .timeline-title { color:var(--color-st-dark);text-shadow:0 0 20px rgba(0,0,0,.25);  }
.container-content .wrapper.grey .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper.hasimage .timeline-title { color:#ffffff;text-shadow:0 0 20px rgba(0,0,0,1); }

.container-content .partnerlist { display:block;width:100%;overflow:hidden; }
.container-content .partnerlist .partnerlist-items { position:relative;display:block;overflow:hidden; }
.container-content .partnerlist .partnerlist-items:after { content:"";display:block;clear:both;height:1px;line-height:1px;font-size:1px; }
.container-content .partnerlist .partnerlist-items .partnerlist-item { display:block;float:left;width:340px;position:relative;padding:0 25px; }
.container-content .partnerlist .partnerlist-items .partnerlist-item a { display:block; }
.container-content .partnerlist .partnerlist-items .partnerlist-item .partnerlist-item-image { text-align:center; }
.container-content .partnerlist .partnerlist-items .partnerlist-item .partnerlist-item-image img { display:inline-block;width:auto;height:80px;filter:grayscale(1) opacity(0.4) brightness(0.1);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .partnerlist .partnerlist-items .partnerlist-item .partnerlist-item-image:hover img { filter:grayscale(0) opacity(1) brightness(1); }

.container-content .partner-overview { display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin:100px auto;padding:0 100px; }
.container-content .partner-overview .partner-overview-text h2 { text-align:right; }
.container-content .partner-overview .partner-overview-text h2:after { margin:20px 0 20px auto; }
.container-content .partner-overview .partner-overview-text p { text-align:right;width:80%;margin:0 0 0 auto; }
.container-content .partner-overview .partner-overview-items ul { display:grid;grid-template-columns:repeat(3,1fr);gap:25px;align-items:center;list-style-type:none; }
.container-content .partner-overview .partner-overview-items ul li .partner-overview-item-image img { display:block;height:70px;margin:25px auto; } 

.container-content .timezone-claim { position:absolute;bottom:15px;left:15px;z-index:99;color:rgba(255,255,255,.6);font-size:15px;line-height:15px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;font-family:'Roboto Condensed', sans-serif;letter-spacing:0.07em; }
.container-content .timezone-claim a { color:rgba(255,255,255,.6); }
.container-content .timezone-item { position:absolute;top:0px;left:0px;width:100%;height:40vh;display:block;background-size:cover;background-position:center; }
.container-content .timezone-item-content { display:grid;width:100%;height:100%;align-content:center;align-items:center;background:rgba(0,0,0,0.3);-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-content .timezone-item-content:hover { background:rgba(0,0,0,0); }
.container-content .timezone-item-content h2 { color:#ffffff;font-weight:400;text-shadow:0 0 20px rgba(0,0,0,.25); }
.container-content .timezone-item-content h2:after { display:none; }
.container-content .timezone-item-content h3 { color:#ffffff;text-shadow:0 0 20px rgba(0,0,0,.25); }
.container-content .timezone-item-content h3 > span { font-weight:300;display:inline-block; }
.container-content .timezone-item-content h3 > span:after { content:"|";display:inline-block;margin:0 15px; }
.container-content .timezone-item-content h3 > span:last-of-type:after { content:"";display:none;margin:0; }
.container-content .timezone-item-content h3 > span > span { font-weight:600; }

.container-content .wrapper-facts { width:70%;margin:50px auto;opacity:0;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-content .wrapper-facts.visible { opacity:1; }
.container-content .wrapper-facts ul.facts { margin:0;list-style-type:none;display:flex;flex-wrap:wrap;justify-content:center; }/* display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;justify-items:center; } */
.container-content .wrapper-facts ul.facts li { display:grid;text-align:center;flex:0 0 calc(33%); }
.container-content .wrapper-facts ul.facts li > span { display:block; }
.container-content .wrapper-facts ul.facts li span.icon { font-size:52px;color:var(--color-st-blue); }
.container-content .wrapper-facts ul.facts li span.number { font-family:'Roboto Condensed', sans-serif;font-size:60px;line-height:60px;font-weight:600;margin:25px 0 20px; }
.container-content .wrapper-facts ul.facts li span.number span.einheit { display:inline-block;font-weight:300;margin:0 0 0 10px;font-size:0.83em; }
.container-content .wrapper-facts ul.facts li span.info { font-size:20px;line-height:26px; }

.container-content .wrapper-projects { display:block;margin:0; }
.container-content .wrapper-projects .projects { display:grid;grid-template-columns:1fr;align-items:center; }
.container-content .wrapper-projects .projects > div { display:none; }
.container-content .wrapper-projects .projects ul { list-style-type:none;margin:0;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center;gap:5px; }
.container-content .wrapper-projects .projects ul li { height:20vh;background-size:cover;background-position:center;width:100%;display:none; }
.container-content .wrapper-projects .projects ul li:nth-child(-n+7) { display:block; }
.container-content .wrapper-projects .projects ul li.logo { grid-area:1 / 3 / span 3;background:transparent;height:calc(60vh + 5px);display:grid;align-items:center; }
.container-content .wrapper-projects .projects ul li.logo img { display:block;width:40%;margin:0 auto; }
.container-content .wrapper-projects .projects ul li:nth-child(4),
.container-content .wrapper-projects .projects ul li:nth-child(5) { grid-column:span 2;grid-row:span 2;height:40vh; }
.container-content .wrapper-projects .projects ul li:nth-child(2) { grid-area:1 / 1; }
.container-content .wrapper-projects .projects ul li:nth-child(3) { grid-area:1 / 2; }
.container-content .wrapper-projects .projects ul li:nth-child(4) { grid-area:1 / 4 / span 2 / span 2; }
.container-content .wrapper-projects .projects ul li:nth-child(5) { grid-area:2 / 1 / span 2 / span 2; }
.container-content .wrapper-projects .projects ul li:nth-child(6) { grid-area:3 / 4; }
.container-content .wrapper-projects .projects ul li:nth-child(7) { grid-area:3 / 5; }
.container-content .wrapper-projects .projects ul li .project-item-content { width:100%;height:100%; }
.container-content .wrapper-projects .projects ul li .project-item-content .project-item-content-title { display:none; }
.container-content .wrapper-projects .projects ul li .project-item-content .project-item-content-detail { text-align:center;color:#ffffff;width:100%;height:100%; }
.container-content .wrapper-projects .projects ul li .project-item-content .project-item-content-detail h3 { color:#ffffff;text-shadow:0 0 20px var(--color-st-black);font-size:32px;margin:0; }
.container-content .wrapper-projects .projects ul li .project-item-content .project-item-content-detail h4 { color:#ffffff;text-shadow:0 0 20px var(--color-st-black);margin:0px 0 0 0;font-size:28px;opacity:0;height:0px;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wrapper-projects .projects ul li .project-item-content .project-item-content-detail > a { display:grid;width:100%;height:100%;align-content:center;align-items:center;padding:15px;background:rgba(0,0,0,0);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wrapper-projects .projects ul li .project-item-content .project-item-content-detail > a:hover { background:rgba(0,0,0,.6); }
.container-content .wrapper-projects .projects ul li .project-item-content .project-item-content-detail > a:hover h4 { margin:10px 0 0 0;opacity:1;height:auto; }

.container-content .wrapper-projectspage { margin:0 0 50px 0; }
.container-content .wrapper-projectspage .projects-search { margin:0 auto 5px;width:90%;background:var(--color-st-dark);padding:25px; }
.container-content .wrapper-projectspage .projects-search h3 { color:#ffffff; }
.container-content .wrapper-projectspage .projects-search .projects-search-filter { display:grid;grid-template-columns:repeat(3,1fr);gap:25px; }
.container-content .wrapper-projectspage .projects-search .projects-search-filter .filter-field { position:relative;color:#ffffff;font-size:22px;font-family:'Roboto Condensed', sans-serif;letter-spacing:0.07em;border-bottom:3px solid var(--color-st-lightblue);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wrapper-projectspage .projects-search .projects-search-filter .filter-field.open { color:var(--color-st-dark);background:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0 20px 5px rgba(0,0,0,0.5); }
.container-content .wrapper-projectspage .projects-search .projects-search-filter .filter-field span { position:relative;font-weight:500;cursor:pointer;padding:7px 10px;display:block; }
.container-content .wrapper-projectspage .projects-search .projects-search-filter .filter-field span:after { font-family:'Font Awesome 5 Pro';content:"\f078";display:block;position:absolute;right:10px;top:6px;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wrapper-projectspage .projects-search .projects-search-filter .filter-field.open span:after { transform:rotate(180deg); }
.container-content .wrapper-projectspage .projects-search .projects-search-filter .filter-field ul { position:absolute;width:100%;top:48px;left:0px;list-style-type:none;margin:0;display:none;z-index:9;background:#ffffff;color:var(--color-st-dark);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:10px 10px 10px 0px rgba(0,0,0,0.1), 0px 20px 20px 0px rgba(0,0,0,0.3), -10px 10px 10px 0px rgba(0,0,0,0.1); }
.container-content .wrapper-projectspage .projects-search .projects-search-filter .filter-field ul li { cursor:pointer;padding:7px 10px;border-bottom:2px solid var(--color-st-lightblue);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit; }
.container-content .wrapper-projectspage .projects-search .projects-search-filter .filter-field ul li:hover { background:rgba(0,103,102,0.2); }
.container-content .wrapper-projectspage .projects-search .projects-search-filter .filter-field ul li.hover { background:rgba(0,103,102,0.2);position:relative; }
.container-content .wrapper-projectspage .projects-search .projects-search-filter .filter-field ul li.hover:after { font-family:'Font Awesome 5 Pro';content:"\f00c";display:block;position:absolute;right:10px;top:6px; }
.container-content .wrapper-projectspage .projects-search .projects-search-filter .filter-field ul li:last-of-type { border-bottom:none; }
.container-content .wrapper-projectspage .projects-search .projects-search-filter select { border:none;border-bottom:3px solid var(--color-st-lightblue);background:transparent;color:#ffffff;font-size:22px;padding:7px 4px;font-family:'Roboto Condensed', sans-serif;letter-spacing:0.07em;outline:0; }
.container-content .wrapper-projectspage .projects-search .projects-search-filter select option { color:var(--color-st-blue);border:none; }
.container-content .wrapper-projectspage .projects { margin:0 auto;width:90%; }
.container-content .wrapper-projectspage .projects ul { display:grid;grid-template-columns:repeat(4, 1fr);gap:5px;list-style-type:none;margin:0; }
.container-content .wrapper-projectspage .projects ul:after { content:"";display:block;clear:both;height:1px;line-height:1px;font-size:1px; }
.container-content .wrapper-projectspage .projects ul li { height:23vh;background-size:cover;background-position:center;opacity:1;z-index:1;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wrapper-projectspage .projects ul li .project-item-content { display:table;height:100%;padding:25px;width:100%;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wrapper-projectspage .projects ul li .project-item-content:hover { background:rgba(0,51,52,0.8); }
.container-content .wrapper-projectspage .projects ul li .project-item-content .project-item-content-title { display:table-cell;vertical-align:middle;text-align:center;color:#ffffff; }
.container-content .wrapper-projectspage .projects ul li .project-item-content .project-item-content-title h3 { color:#ffffff;font-size:28px;margin:0;text-shadow:0 0 20px var(--color-st-dark); }
.container-content .wrapper-projectspage .projects ul li .project-item-content .project-item-content-title h3 span { font-weight:300;display:block; }

.kontakt-gmaps-spalten { width:90%;margin-bottom:0px !important;margin:0 auto; }
.gmaps-static-link { display:block;width:100%; }
.gmaps-static-link a { position:relative;display:block;width:100%;height:100%; }
.gmaps-static-link a .gmaps-static-link-hover { position:absolute;top:0px;left:0px;height:100%;width:100%;display:table;background:rgba(0,51,52,0.8);opacity:0;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.gmaps-static-link a:hover .gmaps-static-link-hover { opacity:1; }
.gmaps-static-link a .gmaps-static-link-hover > span { display:table-cell;height:100%;width:100%;vertical-align:middle;text-align:center; }
.gmaps-static-link a .gmaps-static-link-hover > span > span { display:inline-block;padding:15px 20px;border-radius:15px;font-family:'Roboto Condensed', sans-serif;letter-spacing:0.07em;font-weight:400;font-size:26px;line-height:26px;background:var(--color-st-gold);color:var(--color-st-dark);box-shadow:0 0 30px 2px rgba(0,0,0,.15); }
.gmaps-static-link a .gmaps-static-link-hover > span > span i { margin:0 15px 0 0; }
.gmaps-static-link a img { display:block;width:100%; }

.container-content .wrapper-meldungen { display:block;margin:0px 0 50px 0; }
.container-content .wrapper-meldungen.marginnormal { margin:0px; }
.container-content .wrapper-meldungen .meldungen { display:block; }
.container-content .wrapper-meldungen .meldungen ul { display:grid;list-style-type:none;grid-template-columns:repeat(4, 1fr);grid-gap:5px;margin:0; }
.container-content .wrapper-meldungen .meldungen ul li { height:25vh;background-size:cover;background-position:center;opacity:0;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-content .wrapper-meldungen.marginnormal .meldungen ul li { height:25vh; }
.container-content .wrapper-meldungen .meldungen ul li:hover { filter:grayscale(1);cursor:pointer; }
.container-content .wrapper-meldungen .meldungen ul li.hervorheben { grid-column: auto / span 2; }
.container-content .wrapper-meldungen .meldungen ul li.visible { opacity:1; }
.container-content .wrapper-meldungen .meldungen ul li a { display:table;height:100%;width:100%; }
.container-content .wrapper-meldungen .meldungen ul li .meldungen-item-content { display:block;height:100%; }
.container-content .wrapper-meldungen .meldungen ul li .meldungen-item-content .meldungen-item-content-title { display:table-cell;vertical-align:middle;text-align:center;text-shadow:0 0 30px rgba(0,0,0,1);padding:20px; }
.container-content .wrapper-meldungen .meldungen ul li .meldungen-item-content .meldungen-item-content-title h3 { font-family:'Roboto Condensed', sans-serif;font-weight:600;font-size:42px;line-height:1.15em;text-align:center;color:#ffffff;margin:0; }
.container-content .wrapper-meldungen .meldungen ul li .meldungen-item-content .meldungen-item-content-title h3 > span { display:block;font-size:26px;font-weight:300;line-height:1.05em; }

.container-content .mitarbeiter { position:relative;margin:0 0 50px 0;width:100%;min-height:60vh;border-radius:15px;background-size:cover;background-position:center; }
.container-content .mitarbeiter .mitarbeiter-data { position:absolute;bottom:50px;right:50px;width:40%;background:#ffffff;padding:50px;border-radius:15px;box-shadow:0 0 20px 0 rgba(0,0,0,.2); }
.container-content .mitarbeiter .mitarbeiter-data h3 { margin:0 0 15px 0;font-weight:300; }
.container-content .mitarbeiter .mitarbeiter-data h4 { font-weight:400; } 
.container-content .mitarbeiter .mitarbeiter-data p { width:100%;font-size:21px;line-height:1.4em;margin:0; }

.container-content .mitarbeiter-list { margin:0 0 50px 0; }
.container-content .mitarbeiter-list ul { list-style-type:none;display:grid;grid-gap:50px;grid-template-columns:repeat(2,1fr);margin:0; }
.container-content .mitarbeiter-list ul .mitarbeiter-list-image { display:block;width:100%;height:45vh;background-size:cover;background-position:center;border-radius:15px; }
.container-content .mitarbeiter-list ul .mitarbeiter-list-content { display:block;width:90%;background:#ffffff;border-radius:15px;margin:-10vh auto 0 auto;padding:50px;box-shadow:0 0 20px 0 rgba(0,0,0,.1); }
.container-content .mitarbeiter-list ul .mitarbeiter-list-content h3 { margin:0 0 15px 0;font-weight:300; }
.container-content .mitarbeiter-list ul .mitarbeiter-list-content h4 { font-weight:400; } 
.container-content .mitarbeiter-list ul .mitarbeiter-list-content p { width:100%;font-size:21px;line-height:1.4em;margin:0; }

.container-content .content-video-full { height:750px;padding-bottom:50px;padding-top:50px;box-shadow:inset 0 0 40px 5px rgba(0,0,0,0.2);  }
.container-content .content-video-full video { display:block;margin:0 0 -1px 0;min-width:100%;position:fixed;top:0;z-index:-999; }

.container-content .wrapper-hardfacts { padding:50px; }
.container-content .wrapper-hardfacts .hardfacts { width:50%;margin:0 auto;border:2px solid var(--color-st-blue);padding:25px;list-style-type:none; } 
.container-content .wrapper-hardfacts .hardfacts li { width:100%;padding:0 10px 10px;margin-bottom:10px;border-bottom:1px solid var(--color-st-blue);padding-bottom:10px;opacity:0;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
.container-content .wrapper-hardfacts .hardfacts li.visible { opacity:1; }
.container-content .wrapper-hardfacts .hardfacts li:before { display:none!important; }
.container-content .wrapper-hardfacts .hardfacts li:last-of-type { border:none;padding-bottom:0;margin-bottom:0; }
.container-content .wrapper-hardfacts .hardfacts li span { width:50%;display:inline-block;text-align:right; } 
.container-content .wrapper-hardfacts .hardfacts li span:nth-of-type(odd) { font-family:'Roboto Condensed', sans-serif;font-weight:500;font-size:30px;text-align:left; } 

.container-content .karriere-aufteilung { display:block;margin:50px 0;opacity:0;-webkit-transition:var(--transition-slow);-moz-transition:var(--transition-slow);-ms-transition:var(--transition-slow);-o-transition:var(--transition-slow);transition:var(--transition-slow); }
.container-content .karriere-aufteilung.visible { opacity:1; }
.container-content .karriere-aufteilung .karriere-aufteilung-items { width:50%;margin:0 auto; }
.container-content .karriere-aufteilung .karriere-aufteilung-items .karriere-aufteilung-item { display:inline-block;width:50%;float:left; }
.container-content .karriere-aufteilung .karriere-aufteilung-items .karriere-aufteilung-item a { width:fit-content;color:#000000;display:block;margin:0 auto; }
.container-content .karriere-aufteilung .karriere-aufteilung-items .karriere-aufteilung-item figure { height:500px;position:relative;width:fit-content; }
.container-content .karriere-aufteilung .karriere-aufteilung-items .karriere-aufteilung-item figure img { height:100%;width:auto;border:1px #000000 solid; }
.container-content .karriere-aufteilung .karriere-aufteilung-items .karriere-aufteilung-item figure figcaption { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Roboto Condensed', sans-serif;font-size:40px; }

.container-content .wrapper-jobs { background-color: var(--color-st-blue);color:#ffffff;padding:50px;margin-bottom:50px; }
.container-content .wrapper-jobs .information { display:none; }
.container-content .wrapper-jobs h3 { cursor:pointer; }
.container-content .wrapper-jobs h3,.container-content .wrapper-jobs h4 { color:#ffffff; }
.container-content .wrapper-jobs .wrapper-description { margin-bottom:25px; }
.container-content .wrapper-jobs a.button { display:none;background-color:#ffffff;border:none;padding:15px 25px;border-radius:5px;cursor:pointer; }

.container-content .wp-block-contact-form-7-contact-form-selector { width:50%; }
.container-content .wp-block-contact-form-7-contact-form-selector.center { margin:0 auto; }
.container-content .wp-block-contact-form-7-contact-form-selector.fullsize { width:100%; }
.container-content .wpcf7 { background-color: var(--color-st-blue);color:#ffffff;padding:50px;border-radius:5px;box-shadow: 0 12px 20px 0 rgb(46 52 71 / 50%);opacity:0;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wpcf7.visible { opacity:1; }
.container-content .wpcf7 a { color:#ffffff;text-decoration:underline; }
.container-content .wpcf7 .form-row { position:relative;margin-bottom:25px; }
.container-content .wpcf7 .form-row.has-field { border-bottom:2px solid #ffffff; }
.container-content .wpcf7 .form-row.has-field.hidden { display:none; }
.container-content .wpcf7 .form-row > label:not(.form-field) { position:absolute;bottom:9px;right:0;width:340px;text-align:right; }
.container-content .wpcf7 .form-row.checkbox > label:not(.form-field) { width:90%; }
.container-content .wpcf7 .form-row input[type=text],.container-content .wpcf7 .form-row input[type=email],.container-content .wpcf7 .form-row input[type=tel],.container-content .wpcf7 .form-row input[type=number],.container-content .wpcf7 .form-row textarea,.container-content .wpcf7 .form-row select { background-color:transparent;border:none;color:#ffffff;font-size:1em;line-height:1em;font-weight:500;height:40px;padding:9px 5px;width:100%;outline:none; }
.container-content .wpcf7 .form-row input[type=text],.container-content .wpcf7 .form-row input[type=email],.container-content .wpcf7 .form-row input[type=tel],.container-content .wpcf7 .form-row textarea { padding-right:350px; }
.container-content .wpcf7 .form-row select,.container-content .wpcf7 .form-row input[type=number] { width:calc(100% - 350px);margin-right:350px; }
.container-content .wpcf7 .form-row input[type=number] { -moz-appearance:textfield; }
.container-content .wpcf7 .form-row input[type=number]::-webkit-outer-spin-button, .container-content .wpcf7 .form-row input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none;margin:0; }
.container-content .wpcf7 .form-row select option { color:var(--color-st-blue);border:none; }
.container-content .wpcf7 .form-row input[type=text].hidden-jobs { display:none; }
.container-content .wpcf7 .form-row textarea { resize:none;height:10vh }
.container-content .wpcf7 .form-row textarea::placeholder { font-weight:300;font-size:0.9em;color:rgba(255,255,255,.6);font-family:'Roboto', sans-serif; }
.container-content .wpcf7 .wpcf7-form-row-control-wrap { position:relative; }
.container-content .wpcf7 .form-row { position:relative; }
.container-content .wpcf7 .form-row input[type=checkbox] { width:2em;height:2em;accent-color:var(--color-st-lightblue); }
.container-content .wpcf7 .submit-row { display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin:0; }
.container-content .wpcf7 .submit-row input[type=submit] { order:2;background-color:#ffffff;border:none;font-size:1em;color:var(--color-st-blue);padding:15px 25px;border-radius:5px; }
.container-content .wpcf7 .submit-row .wpcf7-spinner { order:1; }

.container-content .wpcf7 .filter-field { position:relative;color:#ffffff;font-size:22px;font-family:'Roboto Condensed', sans-serif;letter-spacing:0.07em;border-bottom:2px solid #ffffff;margin-bottom:15px;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wpcf7 .filter-field.open { color:var(--color-st-dark);background:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0 20px 5px rgba(0,0,0,0.5); }
.container-content .wpcf7 .filter-field span { position:relative;font-weight:500;cursor:pointer;padding:7px 10px;display:block; }
.container-content .wpcf7 .filter-field span:after { font-family:'Font Awesome 5 Pro';content:"\f078";display:block;position:absolute;right:10px;top:6px;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wpcf7 .filter-field.open span:after { transform:rotate(180deg); }
.container-content .wpcf7 .filter-field ul { position:absolute;width:100%;top:48px;left:0px;list-style-type:none;margin:0;display:none;z-index:9;background:#ffffff;color:var(--color-st-dark);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:10px 10px 10px 0px rgba(0,0,0,0.1), 0px 20px 20px 0px rgba(0,0,0,0.3), -10px 10px 10px 0px rgba(0,0,0,0.1); }
.container-content .wpcf7 .filter-field ul li { cursor:pointer;padding:7px 10px;border-bottom:2px solid var(--color-st-lightblue);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit; }
.container-content .wpcf7 .filter-field ul li:hover { background:rgba(0,103,102,0.2); }
.container-content .wpcf7 .filter-field ul li.hover { background:rgba(0,103,102,0.2);position:relative; }
.container-content .wpcf7 .filter-field ul li.hover:after { font-family:'Font Awesome 5 Pro';content:"\f00c";display:block;position:absolute;right:10px;top:6px; }
.container-content .wpcf7 .filter-field ul li:last-of-type { border-bottom:none; }

.container-content .wrapper-jobspage { margin:0 0 50px 0;position:relative; }
.container-content .wrapper-jobspage .jobs-search { margin:0 auto 5px;width:100%;background:var(--color-st-dark);padding:25px; }
.container-content .wrapper-jobspage .jobs-search h3 { color:#ffffff; }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter { display:grid;grid-template-columns:repeat(3,1fr);gap:25px; }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field.search { grid-column: 1 / span 2; }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field.search input { background-color:transparent;border:none;color:#ffffff;font-size:1em;line-height:1em;font-family:'Roboto Condensed';font-weight:500;height:40px;padding:9px 5px;width:100%;outline:none; }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field { position:relative;color:#ffffff;font-size:22px;font-family:'Roboto Condensed', sans-serif;letter-spacing:0.07em;border-bottom:3px solid var(--color-st-lightblue);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field.open { color:var(--color-st-dark);background:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0 20px 5px rgba(0,0,0,0.5); }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field span { position:relative;font-weight:500;cursor:pointer;padding:7px 10px;display:block; }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field span:after { font-family:'Font Awesome 5 Pro';content:"\f078";display:block;position:absolute;right:10px;top:6px;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field.open span:after { transform:rotate(180deg); }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field ul { position:absolute;width:100%;top:48px;left:0px;list-style-type:none;margin:0;display:none;z-index:9;background:#ffffff;color:var(--color-st-dark);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:10px 10px 10px 0px rgba(0,0,0,0.1), 0px 20px 20px 0px rgba(0,0,0,0.3), -10px 10px 10px 0px rgba(0,0,0,0.1); }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field ul li { cursor:pointer;padding:7px 10px;border-bottom:2px solid var(--color-st-lightblue);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit; }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field ul li:hover { background:rgba(0,103,102,0.2); }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field ul li.hover { background:rgba(0,103,102,0.2);position:relative; }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field ul li.hover:after { font-family:'Font Awesome 5 Pro';content:"\f00c";display:block;position:absolute;right:10px;top:6px; }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field ul li:last-of-type { border-bottom:none; }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter select { border:none;border-bottom:3px solid var(--color-st-lightblue);background:transparent;color:#ffffff;font-size:22px;padding:7px 4px;font-family:'Roboto Condensed', sans-serif;letter-spacing:0.07em;outline:0; }
.container-content .wrapper-jobspage .jobs-search .jobs-search-filter select option { color:var(--color-st-blue);border:none; }

.container-content .wrapper-jobspage .jobs { margin:0 auto;width:100%; }
.container-content .wrapper-jobspage .jobs > ul { display:grid;grid-template-columns:repeat(4, 1fr);gap:5px;list-style-type:none;margin:0 0 5px 0; }
.container-content .wrapper-jobspage .jobs > ul:after { content:"";display:block;clear:both;height:1px;line-height:1px;font-size:1px; }
.container-content .wrapper-jobspage .jobs > ul > li { position:relative;height:25vh;background-size:cover;background-position:center;background-image:url('images/karriere_hover.gif');opacity:1;z-index:1;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wrapper-jobspage .jobs > ul > li .job-item-content { display:grid;height:100%;padding:25px;width:100%;background:rgb(255,255,255,1);border:3px solid var(--color-st-black);cursor:pointer;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wrapper-jobspage .jobs > ul > li .job-item-content:hover { background:rgb(255,255,255,0.1); }
.container-content .wrapper-jobspage .jobs > ul > li .job-item-content .job-item-content-title { align-self:center;color:#ffffff; }
.container-content .wrapper-jobspage .jobs > ul > li .job-item-content .job-item-content-title h3 { color:var(--color-st-dark);font-size:28px;font-family:'Roboto Condensed', sans-serif;margin:0 auto;text-shadow:0 0 30px rgba(255,255,255,0);cursor:pointer;width:fit-content;text-align:center; }
.container-content .wrapper-jobspage .jobs > ul > li .job-item-content:hover .job-item-content-title h3 { text-shadow:0 0 40px rgba(255,255,255,1); }
.container-content .wrapper-jobspage .jobs > ul > li .job-item-content .job-item-content-title h3 span { font-weight:300;display:block; }
.container-content .wrapper-jobspage .jobs > ul > li .job-item-content .information { display:none; }

.container-content .wrapper-jobspage .job-information > div .job-item-action { position:absolute;right:50px;top:50px; }
.container-content .wrapper-jobspage .job-information > div .job-item-action .action-close { font-size:1.6em;cursor:pointer; }
.container-content .wrapper-jobspage .job-information { display:none;position:absolute;top:163px;width:100%;padding:50px;background:rgba(0,0,0,.8);z-index:9;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
.container-content .wrapper-jobspage .job-information > div { position:relative;display:none;width:90%;height:auto; }
.container-content .wrapper-jobspage .job-information > div.active { display:block;z-index:50;background:rgba(255,255,255,1);padding:50px 75px;border:5px solid var(--color-st);margin:0 auto;box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.5); }
.container-content .wrapper-jobspage .job-information > div.active .information { width:95%;margin:0 auto; }
.container-content .wrapper-jobspage .job-information > div.active .information > p { font-size:18px; }
.container-content .wrapper-jobspage .job-information > div.active .information > ul { font-size:18px; }
.container-content .wrapper-jobspage .job-information > div.active .wp-block-lazyblock-jobs-vorteile { font-size: 18px; }
.container-content .wrapper-jobspage .job-information > div.active .job-button { width:95%;margin:0 auto;text-align:center; }
.container-content .wrapper-jobspage .job-information > div.active .job-button a.button { color:var(--color-st-gold); }

.container-content .je_stellenmarkt { width:50%;margin:0 auto; }

.container-footer { width:100%;background:var(--color-st-dark);z-index:1;color:#ffffff;scroll-snap-align:start;padding:40px; }
.container-footer a { color:#ffffff;text-decoration:none;  }
.container-footer .wrapper { padding:70px 110px; }
.container-footer .footer-navi { text-align:center; }
.container-footer .footer-navi ul.menu { display:inline-block;list-style-type:none;text-transform:uppercase;font-size:0.9em; }
.container-footer .footer-navi ul.menu li { display:inline-block; }
.container-footer .footer-navi ul.menu li a:hover { text-decoration:underline; }
.container-footer .footer-navi ul.menu li:after { content:"";display:inline-block;width:6px;height:6px;margin:0 10px 4px 14px;border-radius:2px;background:#ffffff; }
.container-footer .footer-navi ul.menu li:last-of-type:after { display:none; }
.container-footer .footer-projects { margin:50px 0; }
.container-footer .footer-projects h3 { margin:0 0 20px 0;font-family:'Roboto Condensed', cursive;font-weight:300;font-size:36px;letter-spacing:0.07em; }
.container-footer .footer-contact { display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;align-items:end;font-size:18px;line-height:18px;margin:0 auto;max-width:82vw; }
.container-footer .footer-contact > span br { content:"";display:block;height:8px; }
.container-footer .footer-contact > span:nth-child(3) { text-align:right; }
.container-footer .footer-contact > span.logo-big { font-family:'Roboto Condensed', cursive;font-weight:500;font-size:34px;line-height:44px;letter-spacing:-0.01em;color:var(--color-st-light);text-align:center; }
.container-footer .footer-contact > span.logo-big img { display:block;width:75px;margin:0 auto 30px auto; }

.container-footer .footer-projects .projects-container { display:grid;grid-template-columns:repeat(6,1fr);grid-gap:15px; }
.container-footer .footer-projects .projects-container .project { background:var(--color-st-lightblue-old);border-radius:5px;display:grid;grid-template-columns:62px auto;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis); }
.container-footer .footer-projects .projects-container .project:hover { background:var(--color-st-blue); }
.container-footer .footer-projects .projects-container .project > div { align-self:center;padding:10px 15px; }
.container-footer .footer-projects .projects-container .project .project-name { font-family:'Roboto Condensed', cursive;font-weight:300;font-size:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis); }
.container-footer .footer-projects .projects-container .project .project-icon { background: var(--color-st-blue);border-top-left-radius:5px;border-bottom-left-radius:5px; }
.container-footer .footer-projects .projects-container .project .project-icon img { display:block;width:32px;margin-right:5px; }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { -webkit-text-fill-color:var(--color-st-blue); }

/* =WordPress Core - START */
/* -------------------------------------------------------------- */
.alignnone { margin:0; }
.aligncenter,
div.aligncenter { display: block; margin: 0px auto 0px auto; }
.alignright { float:right; margin: 4px 0px 10px 10px; }
.alignleft { float: left; margin: 4px 10px 10px 0; }
a img.alignright { float: right; margin: 4px 0px 10px 10px; }
a img.alignnone { margin:0; }
a img.alignleft { float: left; margin: 4px 10px 10px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin:0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
/* -------------------------------------------------------------- */
/* =WordPress Core - END */

/* Full HD */
@media only screen and (max-width: 1920px) {
	.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item.large .frontpage-texts-item-content p { width:100%;margin:0; }

	.container-footer .footer-projects .projects-container { grid-template-columns:repeat(5,1fr); }
}

/* iPad Pro */
@media only screen and (max-width: 1366px) {
	html.section-scroll { scroll-padding:90px 0 0 0; }
	.container-teaser { min-height:90px; }
	.issticky .container-teaser { height:90px; }
	.sticky .container-teaser { height:90px !important; }
	
	html.section-scroll { -ms-scroll-snap-type:unset;scroll-snap-type:unset;-ms-scroll-snap-points-y:unset;scroll-snap-points-y:unset;-ms-scroll-snap-type:unset;scroll-snap-type:unset;scroll-padding:unset; }

	.teaser-logo { left:calc(50% - 25px);top:22.5px;width:50px; }

	.mobile { top:25px; }
	.mobile a { height:40px; }
	.mobile a span { height:5px; }
	.mobile a span:nth-child(2) { top:16px; }
	.mobile a span:nth-child(3) { top:32px; }

	.container-content .section-scroll-layer { min-height:calc(100vh - 90px); }
	
	/* frontpage */
	.container-content .wrapper-projects .projects ul li { height:18vh; }
	.container-content .wrapper-projects .projects ul li.logo { height:calc(54vh + 5px); }
	.container-content .wrapper-projects .projects ul li:nth-child(4),
	.container-content .wrapper-projects .projects ul li:nth-child(5) { height:36vh; }
	.container-content .wrapper-projects .projects ul li .project-item-content .project-item-content-detail h3 { font-size:26px; }

	.container-content .wrapper-meldungen .meldungen ul li .meldungen-item-content .meldungen-item-content-title h3 { font-size:32px; }

	.container-content .partner-overview .partner-overview-items ul { grid-template-columns:repeat(2,1fr); }

	/* projects */
	.container-content p { font-size:21px;width:75%; }

	.container-content .wrapper-projectspage .projects-search { width:100%; }
	.container-content .wrapper-projectspage .projects { width:100%; }
	.container-content .wrapper-projectspage .projects ul li { height:20vh; }

	/* project */
	.container-content.landingpage p { font-size:21px;width:75%; }

	.container-content .gallery-full-size ul li { height:22vh; }

	.container-content div.wpcf7 .form-row { font-size:16px; }
	.container-content .wp-block-contact-form-7-contact-form-selector { width:70%; }

	.container-content .wrapper-meldungen.marginnormal .meldungen ul li { height:22vh; }
	.container-content .wrapper-meldungen .meldungen ul li .meldungen-item-content .meldungen-item-content-title h3 { font-size:28px; }
	.container-content .wrapper-meldungen .meldungen ul li .meldungen-item-content .meldungen-item-content-title h3 > span { font-size:22px; }

	.container-content .wrapper-jobspage .jobs > ul > li { height:20vh; }
	.container-content .wrapper-jobspage .jobs > ul > li .job-item-content .job-item-content-title h3 { font-size:24px }

	.container-footer .footer-projects .projects-container { grid-template-columns:repeat(4,1fr); }
	.container-footer .footer-contact { grid-template-columns:repeat(3,1fr); }
	.container-footer .footer-contact > span:nth-child(1) { grid-area:1 / 1;align-self:end; }
	.container-footer .footer-contact > span:nth-child(2) { grid-area:2 / 1;align-self:start; }
	.container-footer .footer-contact > span:nth-child(3) { grid-area:1 / 2 / span 2; }
	.container-footer .footer-contact > span:nth-child(4) { grid-area:2 / 3;align-self:start; }
	.container-footer .footer-contact > span:nth-child(5) { grid-area:1 / 3;align-self:end;padding:0 0 5px 0; }
	.container-footer .footer-contact > span.logo-small { padding:0; }
}

/* Tablet Landscape */
@media only screen and (max-width: 1182px) {
	html.section-scroll { scroll-padding:90px 0 0 0; }
	.container-teaser { min-height:90px; }
	.issticky .container-teaser { height:90px; }
	.sticky .container-teaser { height:90px !important; }
	.container-teaser .wrapper-title .teaser-title { font-size:50px; }

	.teaser-logo { left:calc(50% - 25px);top:22.5px;width:50px; }

	.mobile { top:25px; }
	.mobile a { height:40px; }
	.mobile a span { height:5px; }
	.mobile a span:nth-child(2) { top:16px; }
	.mobile a span:nth-child(3) { top:32px; }

	.container-content .section-scroll-layer { min-height:calc(100vh - 90px); }

	.container-content h1 { font-size:48px; }
	.container-content h2 { font-size:42px; }
	.container-content h3 { font-size:30px; }
	.container-content h4 { font-size:26px; }
	.container-content h5 { font-size:21px; }
	.container-content p { font-size:18px; }

	.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item .frontpage-texts-item-content { padding:25px; }
	.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item .frontpage-texts-item-content h3 { font-size:26px; }
	.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item .frontpage-texts-item-content p { font-size:14px; }
	.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item .frontpage-texts-item-content:hover p { height:135px; }

	.container-content .frontpage-sloganfade { padding:8vh; }
	.container-content .frontpage-sloganfade span { font-size:60px;line-height:1em; }

	.container-content .wrapper-facts { width:100%; }

	.container-content .partner-overview { padding:0 50px; }
	.container-content .partner-overview .partner-overview-text p { width:100%;margin:0; }

	.container-content .wrapper-meldungen .meldungen ul li { height:23vh; }

	.container-content .wrapper-projects .projects ul li .project-item-content .project-item-content-detail h3 { font-size:22px; }

	.container-content.landingpage p { font-size:18px;width:75%; }

	.container-content .wrapper-projectspage .projects ul li .project-item-content .project-item-content-title h3 { font-size:21px; }

	.container-content .wrapper-timeline ul.timeline li .timeline-date-content { height:230px; }
	.container-content .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper .timeline-title { font-size:21px; }

	.container-content .wrapper-meldungen.marginnormal .meldungen ul li { height:20vh; }
	.container-content .wrapper-meldungen .meldungen ul li .meldungen-item-content .meldungen-item-content-title h3 { font-size:21px; }
	.container-content .wrapper-meldungen .meldungen ul li .meldungen-item-content .meldungen-item-content-title h3 > span { font-size:18px; }

	.container-footer .wrapper { padding:50px 110px; }
	.container-footer .footer-projects .projects-container { grid-template-columns:repeat(3,1fr); }
	.container-footer .footer-contact { font-size:16px;line-height:16px; }
	.container-footer .footer-contact > span.logo-small { font-size:34px;line-height:34px; }
	.container-footer .footer-contact > span.logo-small img { height:24px; }
	.container-footer .footer-contact > span.logo-big { font-size:44px; }
	.container-footer .footer-contact > span.logo-big img { width:65px;margin:0 auto 30px auto; }
}

/* Tablet Portrait */
@media only screen and (max-width: 869px) {
	.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item { grid-column:auto / span 4; }
	.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item.large { grid-column:auto / span 5; }

	.container-content .frontpage-sloganfade span { font-size:50px; }

	.container-content .wrapper-projects .projects ul li { height:12vh; }
	.container-content .wrapper-projects .projects ul li:nth-child(4), .container-content .wrapper-projects .projects ul li:nth-child(5) { height:calc(25vh - 5px); }
	.container-content .wrapper-projects .projects ul li.logo { height:auto;grid-area:5 / 1 / 5 / span 5;padding:15px; }
	.container-content .wrapper-projects .projects ul li.logo img { width:auto;height:100px; }
	.container-content .wrapper-projects .projects ul li:nth-child(2) { grid-area:1 / 1 / span 2 / span 2; }
	.container-content .wrapper-projects .projects ul li:nth-child(3) { grid-area:3 / 1 / span 2 / span 2; }
	.container-content .wrapper-projects .projects ul li:nth-child(4) { grid-area:1 / 3 / span 4 / span 3; }
	.container-content .wrapper-projects .projects ul li:nth-child(5) { grid-area:6 / 1 / span 4 / span 3; }
	.container-content .wrapper-projects .projects ul li:nth-child(6) { grid-area:6 / 4 / span 2 / span 2; }
	.container-content .wrapper-projects .projects ul li:nth-child(7) { grid-area:8 / 4 / span 2 / span 2; }

	.container-content .partner-overview { grid-template-columns:1fr; }
	.container-content .partner-overview .partner-overview-text h2 { text-align:center; }
	.container-content .partner-overview .partner-overview-text h2:after { margin:20px auto; }
	.container-content .partner-overview .partner-overview-text p { text-align:center; }

	.container-content p { width:100%; }

	.container-content .wrapper-projectspage .projects ul { grid-template-columns:repeat(2,1fr); }

	.container-content.landingpage p { width:100%; }

	.container-content .gallery-full-size ul li { flex:0 0 calc(50% - 5px); }

	.container-content .wrapper-hardfacts .hardfacts { width:100%; }

	.container-content .immobilien-anfrage { grid-template-columns:1fr; }
	.container-content .immobilien-anfrage .immobilien-anfrage-static h3 { text-align:center; }
	.container-content .immobilien-anfrage .immobilien-anfrage-static h4 { text-align:center; }
	.container-content .immobilien-anfrage .immobilien-anfrage-static p { text-align:center;width:100%; }

	.container-content .wrapper-facts ul.facts li span.number { font-size:42px;line-height:42px; }
	.container-content .wrapper-facts ul.facts li span.info { font-size:16px;line-height:22px; }

	.container-content .wrapper-timeline:before { margin:0 0 0 -7.5px; }
	.container-content .wrapper-timeline:after { margin:0 0 0 -7.5px; }
	.container-content .wrapper-timeline ul.timeline:before { left:0px; }
	.container-content .wrapper-timeline ul.timeline li { width:100%;margin:0 0 20px 0; }
	.container-content .wrapper-timeline ul.timeline li:nth-child(odd) { margin-left:0px; }
	.container-content .wrapper-timeline ul.timeline li .timeline-date-circle { left:0px;right:unset;margin: 0 0 -30px -31px; }
	.container-content .wrapper-timeline ul.timeline li .timeline-date-content { margin-left:20%; }
	.container-content .wrapper-timeline ul.timeline li .timeline-date-content:before { right:unset;left:0px; }

	.container-content .texts-and-pictures .texts-and-pictures-items { grid-template-columns:1fr; }

	.wp-block-columns { display:block !important; }

	.container-content .wp-block-contact-form-7-contact-form-selector { width:100%; }

	.container-content .wrapper-meldungen .meldungen ul { grid-template-columns:repeat(3,1fr); }

	.container-content .wrapper-jobspage .jobs > ul { grid-template-columns:repeat(2,1fr); }

	.container-content .kontakt-gmaps-spalten { display:grid !important;width:100%; }
	.container-content .kontakt-gmaps-spalten .wp-block-column:nth-child(2n) { margin:20px 0 0 0; }

	.container-footer .footer-projects .projects-container { grid-template-columns:repeat(2,1fr); }
	.container-footer .footer-contact { grid-template-columns:1fr; }
	.container-footer .footer-contact > span:nth-child(1) { grid-area:auto;align-self:auto;display:none; }
	.container-footer .footer-contact > span:nth-child(3) { grid-area:1 / 1; }
	.container-footer .footer-contact > span:nth-child(2), .container-footer .footer-contact > span:nth-child(4), .container-footer .footer-contact > span:nth-child(5) { grid-area:auto;align-self:auto;text-align:center; }
	.container-footer .footer-contact > span.logo-big img { margin:0 auto 20px auto; }
}

/* SmartPhone */
@media only screen and (max-width: 480px) {	
	html, body { font-size:16px; }
	html.section-scroll { -ms-scroll-snap-type:unset;scroll-snap-type:unset;-ms-scroll-snap-points-y:unset;scroll-snap-points-y:unset;-ms-scroll-snap-type:unset;scroll-snap-type:unset;scroll-padding:unset; }

	.container-content h1 { font-size:38px; }
	.container-content h2 { font-size:32px; }
	.container-content h3 { font-size:26px; }
	.container-content h4 { font-size:21px; }
	.container-content h5 { font-size:18px; }
	.container-content p { font-size:16px; }

	.container-content h1.visible:before, .container-content h1.visible:after { width:10px; }
	.container-content h1:before, .container-content h1:after { margin:12px; }

	.container-content.landingpage h1 { font-size:42px; }

	.mobile { right:30px;top:28px; }
	.totop { right:30px;bottom:30px; }
	.language { right:41px;bottom:36px; }

	.container-navigation { width:100%; }
	.container-teaser .wrapper-title .teaser-title { padding:15px;width:100%;font-size:42px; }
	.container-teaser .wrapper-title .teaser-claim { float:unset;margin:0 auto; }

	.container-content .wrapper { padding:25px; }

	.container-content .section-scroll-layer { padding:35px 15px;margin:0 -25px; }

	.container-content hr { width:calc(100% + 50px);margin:0 -25px 25px -25px; }

	.container-content .frontpage-texts .frontpage-texts-items { grid-template-columns:1fr; }
	.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item { grid-column:auto;height:30vh; }
	.container-content .frontpage-texts .frontpage-texts-items .frontpage-texts-item.large { grid-column:auto; }

	.container-content .frontpage-sloganfade { margin:25px 0;padding:5vh; }
	.container-content .frontpage-sloganfade span { font-size:42px; }

	.container-content .wrapper-facts ul.facts { display:grid;flex-wrap:unset;grid-template-columns:repeat(2,50%); }
	.container-content .wrapper-facts ul.facts li { flex:unset;margin:0 0 15px 0;padding:0 5px; }
	.container-content .wrapper-facts ul.facts li span.icon { font-size:42px; }
	.container-content .wrapper-facts ul.facts li span.number { font-size:32px; }
	.container-content .wrapper-facts ul.facts li span.number span.einheit {  }
	.container-content .wrapper-facts ul.facts li span.info { word-break:break-word;font-size:14px; }

	.container-content .wrapper-projects .projects { margin:0 -15px; }
	.container-content .wrapper-projects .projects ul { grid-template-columns:1fr; }
	.container-content .wrapper-projects .projects ul li { height:20vh; }
	.container-content .wrapper-projects .projects ul li:nth-child(4), .container-content .wrapper-projects .projects ul li:nth-child(5) { height:20vh; }
	.container-content .wrapper-projects .projects ul li.logo { height:auto;grid-area:4;padding:15px; }
	.container-content .wrapper-projects .projects ul li.logo img { width:auto;height:100px; }
	.container-content .wrapper-projects .projects ul li:nth-child(2) { grid-area:1; }
	.container-content .wrapper-projects .projects ul li:nth-child(3) { grid-area:2; }
	.container-content .wrapper-projects .projects ul li:nth-child(4) { grid-area:3; }
	.container-content .wrapper-projects .projects ul li:nth-child(5) { grid-area:5; }
	.container-content .wrapper-projects .projects ul li:nth-child(6) { grid-area:6; }
	.container-content .wrapper-projects .projects ul li:nth-child(7) { grid-area:7; }

	.container-content .wrapper-meldungen .meldungen ul { grid-template-columns:1fr; }
	.container-content .wrapper-meldungen .meldungen ul li.hervorheben { grid-column:auto; }

	.container-content .partner-overview { padding:0 15px; }
	.container-content .partner-overview .partner-overview-items ul { gap:15px;margin:0; }
	.container-content .partner-overview .partner-overview-items ul li .partner-overview-item-image img { margin:5px auto;height:40px; }

	.container-content .wrapper-projectspage { margin:0 0 25px 0; }
	.container-content .wrapper-projectspage .projects-search .projects-search-filter { grid-template-columns:1fr;gap:15px; }
	.container-content .wrapper-projectspage .projects-search .projects-search-filter .filter-field ul { top:41px; }
	.container-content .wrapper-projectspage .projects ul { grid-template-columns:1fr; }

	.container-content .wrapper-hardfacts { padding:0;margin:0 0 25px 0; }
	.container-content .wrapper-hardfacts .hardfacts { padding:20px; }
	.container-content .wrapper-hardfacts .hardfacts li span:nth-of-type(odd) { font-size:21px; }
	.container-content .wrapper-hardfacts .hardfacts li span:nth-of-type(even) { font-size:16px; }

	.container-content .wpcf7 { padding:20px }
	.container-content .wpcf7 .form-row { margin-bottom:15px; }
	.container-content .wpcf7 .form-row > label:not(.form-field) { width:100%; }
	.container-content .wpcf7 .form-row input[type=text],.container-content .wpcf7 .form-row input[type=email],.container-content .wpcf7 .form-row input[type=tel],.container-content .wpcf7 .form-row textarea { padding-right:100px; }
	.container-content .wpcf7 .form-row select,.container-content .wpcf7 .form-row input[type=number] { width:calc(100% - 100px);margin-right:100px; }
	.container-content .wpcf7 .submit-row { margin:0; }

	.container-content .immobilien-downloads a:nth-child(2) { margin:15px 0 0 0; }

	.container-content .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper .timeline-title { word-break:break-word; }

	.container-content .wp-block-media-text { margin-bottom:15px;gap:25px; }

	.container-content .wrapper-jobspage .jobs-search .jobs-search-filter { grid-template-columns:1fr;gap:15px; }
	.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field ul { top:41px; }
	.container-content .wrapper-jobspage .jobs-search .jobs-search-filter .filter-field.search { grid-column:auto; }
	.container-content .wrapper-jobspage .jobs > ul { grid-template-columns:1fr; }
	.container-content .wrapper-jobspage .job-information { padding:15px; }
	.container-content .wrapper-jobspage .job-information > div .job-item-action { top:15px;right:15px; }
	.container-content .wrapper-jobspage .job-information > div { width:100%; }
	.container-content .wrapper-jobspage .job-information > div.active { padding:15px; }
	.container-content .wrapper-jobspage .job-information > div.active .information > p { font-size:14px; }
	.container-content .wrapper-jobspage .job-information > div.active .information > ul { font-size:14px; }
	.container-content .wrapper-jobspage .job-information > div.active .wp-block-lazyblock-jobs-vorteile { font-size:14px; }

	.container-footer .wrapper { padding:35px; }
	.container-footer .footer-navi ul.menu { display:grid;grid-template-columns:repeat(2,1fr); }
	.container-footer .footer-navi ul.menu li:after { display:none; }
	.container-footer .footer-projects .projects-container { grid-template-columns:1fr; }
}