/*
Theme Name: Statera 2026
Version: 1.0
Template: kalium
Text Domain: kalium
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/* --- ALLGEMEIN --- */

/* Tungsten-500 - latin */
@font-face {
  font-family: 'Tungsten';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/Tungsten-Medium.woff2') format('woff2'),
       url('fonts/Tungsten-Medium.woff') format('woff'),
       url('fonts/Tungsten-Medium.ttf') format('truetype');
}

/* Sentinel Pro - latin */
@font-face {
    font-family: 'Sentinel Pro';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/SentinelPro-LightItalic.woff2') format('woff2'),
         url('fonts/SentinelPro-LightItalic.woff') format('woff'),
         url('fonts/SentinelPro-LightItalic.ttf') format('truetype');
}
  
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/inter-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/inter-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/inter-v20-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/inter-v20-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/inter-v20-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/inter-v20-latin-300.svg#Inter') format('svg'); /* Legacy iOS */
}

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/inter-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/inter-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/inter-v20-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/inter-v20-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/inter-v20-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
}

/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/inter-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/inter-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/inter-v20-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/inter-v20-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/inter-v20-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/inter-v20-latin-600.svg#Inter') format('svg'); /* Legacy iOS */
}

/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/inter-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/inter-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/inter-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/inter-v20-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/inter-v20-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/inter-v20-latin-700.svg#Inter') format('svg'); /* Legacy iOS */
}

body, p {
    font-family: 'Inter' !important;
    font-weight: 400;
    color: #6F6F6F;
}

h1 {
    font-family: 'Tungsten' !important;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 0px;
}

h2 {
    font-family: 'Tungsten' !important;
    font-weight: 500;
    color: #112135;
    margin-bottom: 0px;
    padding-bottom: 32px;
}

h3 {
    font-family: 'Inter' !important;
    font-weight: 700;
    color: #112135;
    margin-bottom: 20px;
}

.subline {
    display: block;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    color: #0271D8;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding-bottom: 24px;
    padding-bottom: 16px;
}

.subline.aufmacher {
    color: #ffffff;
}

.subline.aufweiss {
    color: #00D7A0;
}

.subline.aufdunkelblau {
    color: #00A9FF;
}

.subline.aufhellblau {
    color: #94DBFF;
}

p {
    margin-bottom: 32px;
}

a {
    color: #0271D8;
    text-decoration: none;
}

.wrapper a {
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    color: #0271D8;
    text-transform: uppercase;
    text-decoration: none;
}

a:hover, .wrapper a:hover {
    color: #0271D8;
    text-decoration: none;
}

.wrapper a.download {
    line-height: 16px;
    padding-right: 24px;
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-download-min.png) right top 1px !important;
    background-repeat: no-repeat !important;
    background-size: 14px 14px !important;
}

.wrapper a.pfeil {
    line-height: 16px;
    padding-right: 24px;
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-pfeil-min.png) right top 2px !important;
    background-repeat: no-repeat !important;
    background-size: 15px 12px !important;
}

.wrapper a.pfeil.weiss {
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-pfeil-weiss-min.png) right top 2px !important;
    background-repeat: no-repeat !important;
    background-size: 15px 12px !important;
}

.wrapper a.mail {
    line-height: 17px;
    padding-right: 26px;
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-mail-min.png) right top 3px !important;
    background-repeat: no-repeat !important;
    background-size: 17px 14px !important;
}

a::after {
    display: none !important;
}

.post-formatting a {
    color: #112135;
    text-decoration: underline;
}

.post-formatting ol li, .post-formatting ul li, .widget.widget_media_gallery ol li, .widget.widget_media_gallery ul li {
    font-size: 20px;
    line-height: 34px;
    padding: 0px;
}

.big p, p.big {
    /*font-weight: 300;*/
    font-size: 24px;
    line-height: 41px;
    color: #112135;
}

.small p, p.small, .small {
    font-size: 18px;
    line-height: 24px;
}

b, strong {
    font-weight: 600;
}

.wpb_single_image img {
    max-width: 100% !important;
}

.plyr__controls {
    display: none !important;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: none !important;
}


/* --- KOPFBEREICH --- */

.header-absolute .site-header {
    background-color: #ffffff !important;
}

.header-block {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #ffffff !important;
}

.sticky-element-active .header-block {
    background-color: #112135 !important;
}

.sticky-element-fixed .sticky-element {
    background: #ffffff !important;
}

.standard-menu .menu > li > a {
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    color: #112135 !important;
    text-transform: uppercase;
    transition: all 0.25s;
}

.standard-menu ul.menu > li a:hover {
    color: #00A9FF !important;
    transition: all 0.25s;
}

.standard-menu ul.menu > li a::after {
    display: none;
}

.standard-menu ul.menu > li.current-menu-item a {
    color: #00A9FF !important;
    transition: all 0.25s;
}

.header-block .link-style :is(p > a, .header-block strong > a, .header-block em > a, .header-block li:not([class]) a, .header-block .link, .header-block .links > a, .header-block .all-links a):where(:not(.button)), .header-block .link-style > a {
    background: transparent !important;
}

.toggle-bars__bars {
    width: 32px !important;
    height: 18px !important;
}

.toggle-bars__bar-line {
    background-color: #112135 !important;
}


/* --- HAUPTINHALTE --- */

.wpb_content_element {
    margin-bottom: 0px;
}

/* --- Seite Home --- */

#aufmacher {
    position: relative;
    min-height: 100vh;
    padding-top: 0px;
    padding-bottom: 20vh;
    /*background: transparent url(../../../wp-content/themes/statera/bilder/bild-aufmacher-home-NEU-min.jpg) bottom center;
    background-repeat: no-repeat;
    background-size: cover;*/
}

#aufmacher .pfeil-nach-unten {
    display: none;
    position: absolute;
    left: 48%;
    bottom: 20px;
}

#aufmacher.home .pfeil-nach-unten, #aufmacher.technik .pfeil-nach-unten {
    display: block;
}

#einleitung {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #112135;
    background: #BFF5E7;
}

#einleitung .vc_column-inner {
    padding-left: 80px;
    padding-right: 80px;
}

#was-ist-geplant {
    padding-top: 50px;
    padding-bottom: 50px;
}

#was-ist-geplant .links {
    padding: 60px 40px 0px 0px;
}

#was-ist-geplant .rechts {
    background: transparent url(../../../wp-content/themes/statera/bilder/bild-was-ist-geplant-min.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-right: 15px solid #ffffff;
}

#zahlen-daten-fakten {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #0271D8;
}

#zahlen-daten-fakten .spalten {
    padding-left: 100px;
    padding-right: 100px;
}

#zahlen-daten-fakten .links {
    width: 26%;
}

#zahlen-daten-fakten .links .vc_column-inner {
    border-right: 1px solid #ffffff;
}

#zahlen-daten-fakten .mitte {
    width: 35%;
}

#zahlen-daten-fakten .mitte .vc_column-inner {
    border-right: 1px solid #ffffff;
}

#zahlen-daten-fakten .rechts {
    width: 39%;
}

#zahlen-daten-fakten .zahl p {
    font-family: 'Tungsten' !important;
    font-weight: 500;
    font-size: 90px;
    line-height: 82px;
    color: #ffffff;
}

#zahlen-daten-fakten .einheit p {
    font-family: 'Sentinel Pro' !important;
    font-weight: 300;
    font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    padding-top: 25px;
}

#zahlen-daten-fakten .links .einheit p {
    padding-right: 40px;
}

#zahlen-daten-fakten .rechts .einheit p {
    padding-left: 20px;
}

#bedeutung {
    padding-top: 50px;
    padding-bottom: 50px;
}

#bedeutung .vc_col-sm-12 {
    padding-top: 80px;
    padding-bottom: 50px;
    padding-left: 180px;
    padding-right: 180px;
    background: transparent url(../../../wp-content/themes/statera/bilder/grafik-hg-bedeutung-min.png) right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    border-left: 15px solid #ffffff;
    border-right: 15px solid #ffffff;
}

#bedeutung b, #bedeutung strong {
    color: #0271D8 !important;
}

#bedeutung .unten {
    padding-top: 80px;
}

#bedeutung .unten .rechts {
    padding: 0px 0px 0px 40px;
}

#partner {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #112135;
}

#partner h2, #partner p {
    color: #ffffff;
}

#partner a.pfeil {
    color: #00A9FF;
}

#partner .links {
    background: transparent url(../../../wp-content/themes/statera/bilder/bild-partner-min.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-left: 15px solid #112135;
}

#partner .rechts {
    padding: 60px 0px 0px 40px;
}

/* --- Seite Technik --- */

#aufmacher.technik {
    background: transparent url(../../../wp-content/themes/statera/bilder/bild-aufmacher-technik-NEU-min.jpg) bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}

#was-ist-geplant.technik .rechts {
    background: transparent url(../../../wp-content/themes/statera/bilder/bild-speichern-min.jpg) right 15px top;
    background-repeat: no-repeat;
    background-size: cover;
    border-right: none;
}

#partner.technik {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #ffffff;
}

#partner.technik h2 {
    color: #112135;
}

#partner.technik p {
    color: #6F6F6F;
}

#partner.technik .links {
    background: transparent url(../../../wp-content/themes/statera/bilder/bild-stossdaempfer-min.jpg) left 15px top;
    background-repeat: no-repeat;
    background-size: cover;
    border-left: none;
}

#partner.technik .rechts {
    padding: 60px 15px 60px 40px;
    border-right: 15px solid #ffffff;
    background: #F7F7F7;
}

#solide {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #0271D8 url(../../../wp-content/themes/statera/bilder/grafik-hg-solide-min.png) right bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

#solide .vc_column-inner {
    width: 62%;
}

#solide h2, #solide p {
    color: #ffffff;
}

#faq {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #112135;
}

#faq .spalten {
    padding-left: 100px;
    padding-right: 100px;
}

#faq .links {
    padding-right: 40px;
}

#faq .links .vc_column-inner {
    border-right: 1px solid #ffffff;
}

#faq h2, #faq p {
    color: #ffffff !important;
}

#faq b, #faq strong {
    color: #00A9FF !important;
}

#faq a.pfeil {
    color: #00A9FF;
}

/* --- Seite Aktuelles --- */

#aufmacher.aktuelles {
    min-height: 28vw;
    min-height: 33vw;
    padding-top: 0px;
    padding-bottom: 70px;
    background: #ffffff url(../../../wp-content/themes/statera/bilder/grafik-hg-aufmacher-flach-NEU-min.png) bottom right;
    background-repeat: no-repeat;
    background-size: contain;
}

#aufmacher.aktuelles h1 {
    color: #112135;
}

#beitraege {
    padding-top: 60px;
    padding-bottom: 35px;
}

#beitraege .vc_grid-item {
    padding-bottom: 60px;
    padding-right: 0px;
}

#beitraege .vc_grid-item-mini {
    display: flex;
    height: 100%;
}

#beitraege .vc_gitem-zone-c {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 100%;
    padding: 0px 0px 0px 60px;
}

#beitraege .vc_gitem-post-data {
    margin-bottom: 0px;
}

#beitraege .subline {
    letter-spacing: 0px;
}

#beitraege h2 {
    font-family: 'Inter' !important;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #112135;
    text-transform: none;
    margin-bottom: 0px;
    padding-bottom: 32px;
}

#beitraege .vc_btn3-container {
    padding-top: 32px;
    margin-bottom: 0px;
}

#beitraege .pfeil .vc_btn3.vc_btn3-size-md {
    font-size: 15px !important;
    line-height: 16px !important;
    color: #0271D8 !important;
    padding: 0px 24px 0px 0px !important;
    background-image: none !important;
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-pfeil-min.png) right top 2px !important;
    background-repeat: no-repeat !important;
    background-size: 15px 12px !important;
    filter: none !important;
}

#kontaktieren-sie-uns {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #0271D8;
}

#kontaktieren-sie-uns .spalten {
    padding-left: 100px;
    padding-right: 100px;
}

#kontaktieren-sie-uns .links {
    padding-right: 50px;
}

#kontaktieren-sie-uns .links .vc_column-inner {
    border-right: 1px solid #ffffff;
}

#kontaktieren-sie-uns h2, #kontaktieren-sie-uns p {
    color: #ffffff;
}

#kontaktieren-sie-uns a {
    color: #ffffff;
}

/* --- Seite Aktuelles Details --- */

body.single-post .header-block {
    background-color: #ffffff !important;
}

body.single-post .entry-header {
    margin-top: 20px !important;
}

body.single-post .entry-content {
    margin-bottom: 0px !important;
}

body.single-post .inhalt {
    padding-bottom: 60px !important;
}

body.single-post .subline {
    color: #00D7A0;
}

body.single-post h1 {
    font-size: 56px !important;
    line-height: 50px !important;
    color: #112135;
    margin-bottom: 32px;
}

body.single-post #kontaktieren-sie-uns .spalten {
    padding-left: 0px;
    padding-right: 0px;
}

body.single-post .entry-footer {
    margin-bottom: 0px !important;
}

/* --- Seite FAQ --- */

#aufmacher.faq {
    min-height: 28vw;
    min-height: 33vw;
    padding-top: 0px;
    padding-bottom: 70px;
    background: #ffffff url(../../../wp-content/themes/statera/bilder/grafik-hg-aufmacher-flach-NEU-min.png) bottom right;
    background-repeat: no-repeat;
    background-size: contain;
}

#aufmacher.faq h1 {
    color: #112135;
}

#antworten {
    padding-top: 0px;
    padding-bottom: 0px;
}

#antworten h2 {
    font-family: 'Inter' !important;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #0271D8;
    text-transform: none;
    margin-bottom: 0px;
    padding-left: 40px;
    padding-bottom: 32px;
}

#antworten .vc_tta-container:nth-of-type(1) h2 {
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-faq-standort-min.png) left top;
    background-repeat: no-repeat;
    background-size: 32px 30px;
}

#antworten .vc_tta-container:nth-of-type(2) h2 {
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-faq-technik-min.png) left top;
    background-repeat: no-repeat;
    background-size: 32px 30px;
}

#antworten .vc_tta-container:nth-of-type(3) h2 {
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-faq-sicherheit-min.png) left top;
    background-repeat: no-repeat;
    background-size: 32px 30px;
}

#antworten .vc_tta-container:nth-of-type(4) h2 {
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-faq-laerm-min.png) left top;
    background-repeat: no-repeat;
    background-size: 32px 30px;
}

#antworten .vc_tta-container:nth-of-type(5) h2 {
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-faq-natur-min.png) left top;
    background-repeat: no-repeat;
    background-size: 32px 30px;
}

#antworten .vc_tta-container:nth-of-type(6) h2 {
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-faq-rueckbau-min.png) left top;
    background-repeat: no-repeat;
    background-size: 32px 30px;
}

#antworten .vc_tta-container:nth-of-type(7) h2 {
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-faq-lokaler-nutzen-min.png) left top;
    background-repeat: no-repeat;
    background-size: 32px 30px;
}

#antworten .vc_tta-container:nth-of-type(8) h2 {
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-faq-wirtschaftlichkeit-min.png) left top;
    background-repeat: no-repeat;
    background-size: 32px 30px;
}

#antworten .vc_tta-container:nth-of-type(9) h2 {
    background: transparent url(../../../wp-content/themes/statera/bilder/icon-faq-allgemeine-infos-min.png) left top;
    background-repeat: no-repeat;
    background-size: 32px 30px;
}

#antworten h3 a {
    font-size: 24px;
    line-height: 32px;
    text-transform: none;
}

#antworten .vc_tta-container {
    padding: 60px;
    margin-bottom: 0px;
}

#antworten .vc_tta-container:nth-of-type(2),
#antworten .vc_tta-container:nth-of-type(4),
#antworten .vc_tta-container:nth-of-type(6),
#antworten .vc_tta-container:nth-of-type(8),
#antworten .vc_tta-container:nth-of-type(10),
#antworten .vc_tta-container:nth-of-type(12) {
    background: #F7F7F7;
}

#antworten .vc_tta-accordion .vc_tta-panel {
    background-color: transparent;
    border-bottom: 1px solid #DEDEDE;
}

#antworten .vc_tta-accordion .vc_tta-panel.letztes {
    border-bottom: 0px solid #DEDEDE;
}

#antworten .vc_tta.vc_general .vc_tta-panel-title > a {
    padding: 12px 0px 14px 0px;
    background: transparent;
}

#antworten .vc_tta.vc_general .vc_tta-panel-body {
    border: none;
    padding: 0px 40px 30px 0px;
}

#antworten .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
    display: block;
    width: 30px;
    height: 30px;
    right: 0px;
    border: 2px solid #00D7A0;
    border-radius: 50%;
}

#antworten .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    left: 7px;
    right: 7px;
    color: #00D7A0;
}

#antworten .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    top: 7px;
    bottom: 7px;
    color: #00D7A0;
}

/* --- Seite Kontakt --- */

#aufmacher.kontakt {
    min-height: 28vw;
    min-height: 33vw;
    padding-top: 0px;
    padding-bottom: 70px;
    background: #ffffff url(../../../wp-content/themes/statera/bilder/grafik-hg-aufmacher-flach-NEU-min.png) bottom right;
    background-repeat: no-repeat;
    background-size: contain;
}

#aufmacher.kontakt h1 {
    color: #112135;
}

#ansprechpartner {
    padding-top: 60px;
    padding-bottom: 35px;
}

#ansprechpartner h2 {
    font-family: 'Inter' !important;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #112135;
    text-transform: none;
    margin-bottom: 0px;
    padding-bottom: 32px;
}

#ansprechpartner em {
    font-family: 'Sentinel Pro' !important;
    font-weight: 300;
    font-style: italic;
    font-size: 24px;
    line-height: 32px;
    color: #0271D8;
    padding-bottom: 32px;
}


/* --- FOOTER --- */

.site-footer {
    padding-top: 40px;
    padding-bottom: 30px;
    background: #F7F7F7;
}

.site-footer .row {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.site-footer .oben {
    padding-top: 0px;
    padding-bottom: 0px;
    background: transparent;
}

.site-footer .oben img {
    width: 160px !important;
    height: auto;
}

.site-footer .unten {
    padding-top: 0px;
    padding-bottom: 0px;
    background: transparent;
}

.site-footer .unten .container {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 0px;
    border-top: 1px solid #DEDEDE;
}

.site-footer .widget ul li {
    display: inline-block;
    margin: 0px 0px 0px 40px;
    padding: 0px;
}

.site-footer .widget ul li a {
    font-family: 'Inter' !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 48px !important;
    color: #6F6F6F !important;
    text-transform: none;
    transition: color 0.25s;
}

.site-footer .widget ul li a:hover {
    color: #0271D8 !important;
    transition: color 0.25s;
}

.site-footer .textwidget {
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    color: #112135;
}

.scroll-to-top {
    margin-bottom: 30px;
}


/* --- RETINA ----------------------------------------------------------------------------------------------------- */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
   /* Retina-specific stuff here */

}



/* --- RESPONSIVE ------------------------------------------------------------------------------------------------- */


@media only screen and (min-width: 2501px) {

    #aufmacher.aktuelles {
        min-height: 18vw;
        min-height: 18vw;
    }

    #aufmacher.faq {
        min-height: 18vw;
        min-height: 18vw;
    }
    
    #aufmacher.kontakt {
        min-height: 18vw;
        min-height: 18vw;
    }

}

@media only screen and (min-width: 2201px) and (max-width: 2500px) {

    #aufmacher.aktuelles {
        min-height: 20vw;
        min-height: 21vw;
    }

    #aufmacher.faq {
        min-height: 20vw;
        min-height: 21vw;
    }

    #aufmacher.kontakt {
        min-height: 20vw;
        min-height: 21vw;
    }

    #zahlen-daten-fakten .links {
        width: 28%;
    }
    
    #zahlen-daten-fakten .mitte {
        width: 33%;
    }
    
    #zahlen-daten-fakten .rechts {
        width: 39%;
    }
    
    #zahlen-daten-fakten .zahl p {
        text-align: center !important;
    }
    
    #zahlen-daten-fakten .einheit p {
        text-align: center !important;
    }
    
    #zahlen-daten-fakten .links .einheit p {
        padding-right: 0px;
    }
    
    #zahlen-daten-fakten .rechts .einheit p {
        padding-left: 0px;
    }

}

@media only screen and (min-width: 1601px) and (max-width: 2200px) {

    #aufmacher.aktuelles {
        min-height: 22vw;
        min-height: 24vw;
    }

    #aufmacher.faq {
        min-height: 22vw;
        min-height: 24vw;
    }

    #aufmacher.kontakt {
        min-height: 22vw;
        min-height: 24vw;
    }

    #zahlen-daten-fakten .links {
        width: 28%;
    }
    
    #zahlen-daten-fakten .mitte {
        width: 36%;
    }
    
    #zahlen-daten-fakten .rechts {
        width: 36%;
    }
    
    #zahlen-daten-fakten .zahl p {
        text-align: center
    }
    
    #zahlen-daten-fakten .einheit p {
        text-align: center
    }
    
    #zahlen-daten-fakten .links .einheit p {
        padding-right: 0px;
    }
    
    #zahlen-daten-fakten .rechts .einheit p {
        padding-left: 0px;
    }

}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {

    #aufmacher.aktuelles {
        min-height: 24vw;
        min-height: 27vw;
    }

    #aufmacher.faq {
        min-height: 24vw;
        min-height: 27vw;
    }

    #aufmacher.kontakt {
        min-height: 24vw;
        min-height: 27vw;
    }

    #zahlen-daten-fakten .links {
        width: 28%;
    }
    
    #zahlen-daten-fakten .mitte {
        width: 34%;
    }
    
    #zahlen-daten-fakten .rechts {
        width: 38%;
    }
    
    #zahlen-daten-fakten .zahl p {
        text-align: center
    }
    
    #zahlen-daten-fakten .einheit p {
        text-align: center
    }
    
    #zahlen-daten-fakten .links .einheit p {
        padding-right: 0px;
    }
    
    #zahlen-daten-fakten .rechts .einheit p {
        padding-left: 0px;
    }

}

@media only screen and (min-width: 1261px) and (max-width: 1400px) {

    #aufmacher.aktuelles {
        min-height: 26vw;
        min-height: 30vw;
    }

    #aufmacher.faq {
        min-height: 26vw;
        min-height: 30vw;
    }

    #aufmacher.kontakt {
        min-height: 26vw;
        min-height: 30vw;
    }
    
    #zahlen-daten-fakten .links {
        width: 26%;
    }
    
    #zahlen-daten-fakten .mitte {
        width: 35%;
    }
    
    #zahlen-daten-fakten .rechts {
        width: 39%;
    }
    
    #zahlen-daten-fakten .zahl p {
        text-align: center
    }
    
    #zahlen-daten-fakten .einheit p {
        text-align: center
    }
    
    #zahlen-daten-fakten .links .einheit p {
        padding-right: 0px;
    }
    
    #zahlen-daten-fakten .rechts .einheit p {
        padding-left: 0px;
    }

}



/* ==============================================================================================================================
/*
/* 	#Desktop Notebook	<= 1260
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 1260px) {

    body, p {
        font-size: 18px;
        line-height: 30px;
    }

    h1 {
        font-size: 86px;
        line-height: 72px;
    }

    h2 {
        font-size: 48px;
        line-height: 42px;
        padding-bottom: 28px;
    }

    h3 {
        font-size: 22px;
        line-height: 28px;
    }
    
    .subline {
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 1px;
    }

    p {
        margin-bottom: 28px;
    }
    
    .wrapper a {
        font-size: 14px;
        line-height: 24px;
    }
    
    .wrapper a.download {
        line-height: 15px;
    }
    
    .post-formatting ol li, .post-formatting ul li, .widget.widget_media_gallery ol li, .widget.widget_media_gallery ul li {
        font-size: 18px;
        line-height: 30px;
    }
    
    .big p, p.big {
        font-size: 22px;
        line-height: 36px;
    }
    
    .small p, p.small, .small {
        font-size: 16px;
        line-height: 20px;
    }
    
    #zahlen-daten-fakten .zahl p {
        font-size: 80px;
        line-height: 72px;
    }
    
    #zahlen-daten-fakten .einheit p {
        font-size: 16px;
        line-height: 16px;
        padding-top: 24px;
    }
    
    #beitraege h2 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 28px;
    }

    body.single-post h1 {
        font-size: 52px !important;
        line-height: 46px !important;
    }
    
    #antworten h2 {
        font-size: 28px;
        line-height: 28px;
        padding-left: 38px;
        padding-bottom: 28px;
    }
    
    #antworten .vc_tta-container:nth-of-type(1) h2 {
        background-size: 30px 28px;
    }
    
    #antworten .vc_tta-container:nth-of-type(2) h2 {
        background-size: 30px 28px;
    }
    
    #antworten .vc_tta-container:nth-of-type(3) h2 {
        background-size: 30px 28px;
    }
    
    #antworten .vc_tta-container:nth-of-type(4) h2 {
        background-size: 30px 28px;
    }
    
    #antworten .vc_tta-container:nth-of-type(5) h2 {
        background-size: 30px 28px;
    }
    
    #antworten .vc_tta-container:nth-of-type(6) h2 {
        background-size: 30px 28px;
    }
    
    #antworten .vc_tta-container:nth-of-type(7) h2 {
        background-size: 30px 28px;
    }
    
    #antworten .vc_tta-container:nth-of-type(8) h2 {
        background-size: 30px 28px;
    }
    
    #antworten .vc_tta-container:nth-of-type(9) h2 {
        background-size: 30px 28px;
    }
    
    #antworten h3 a {
        font-size: 22px;
        line-height: 28px;
    }
    
    #ansprechpartner h2 {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 28px;
    }
    
    #ansprechpartner em {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 28px;
    }

}


/* ==============================================================================================================================
/*
/* 	#Browserfenster kleiner	<= 1200
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 1200px) {

    #zahlen-daten-fakten .spalten {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #zahlen-daten-fakten .links {
    	width: 28%;
    }
    
    #zahlen-daten-fakten .links .vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    #zahlen-daten-fakten .mitte {
    	width: 32%;
    }
    
    #zahlen-daten-fakten .mitte .vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    #zahlen-daten-fakten .rechts {
    	width: 40%;
    }
    
    #zahlen-daten-fakten .rechts .vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    #zahlen-daten-fakten .zahl p {
        font-size: 70px;
        line-height: 62px;
        text-align: center !important;
    }
    
    #zahlen-daten-fakten .links .einheit p {
    	padding-right: 0px;
        text-align: center;
    }
    
    #zahlen-daten-fakten .mitte .einheit p {
        text-align: center;
    }
    
    #zahlen-daten-fakten .rechts .einheit p {
    	padding-left: 0px;
        text-align: center;
    }
    
    #bedeutung .vc_col-sm-12 {
    	padding-top: 80px;
    	padding-bottom: 50px;
    	padding-left: 100px;
    	padding-right: 100px;
    }
    
    #solide .vc_column-inner {
    	width: 70%;
    }
    
    #faq .spalten {
    	padding-left: 0px;
    	padding-right: 0px;
    }
    
    #kontaktieren-sie-uns .spalten {
    	padding-left: 0px;
    	padding-right: 0px;
    }
    
}


/* ==============================================================================================================================
/*
/* 	#Browserfenster noch kleiner	<= 1000
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 1000px), only screen and (max-device-width: 844px) and (orientation: landscape) {

}


/* ==============================================================================================================================
/*
/* 	#Tablet (Portrait) & Mobile	<= 820			OR Smartphone (Landscape)
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 820px) {

    body, p {
        font-size: 17px;
        line-height: 28px;
    }

    h1 {
        font-size: 74px;
        line-height: 68px;
    }

    h2 {
        font-size: 44px;
        line-height: 40px;
        padding-bottom: 24px;
    }

    h3 {
        font-size: 22px;
        line-height: 28px;
    }
    
    .subline {
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 1px;
    }

    p {
        margin-bottom: 24px;
    }
    
    .wrapper a {
        font-size: 14px;
        line-height: 24px;
    }
    
    .wrapper a.download {
        line-height: 15px;
    }
    
    .post-formatting ol li, .post-formatting ul li, .widget.widget_media_gallery ol li, .widget.widget_media_gallery ul li {
        font-size: 17px;
        line-height: 28px;
    }
    
    .big p, p.big {
        font-size: 22px;
        line-height: 36px;
    }
    
    .small p, p.small, .small {
        font-size: 16px;
        line-height: 20px;
    }
    
    #was-ist-geplant .links {
        padding: 40px 20px 0px 0px;
    }

    #bedeutung .vc_col-sm-12 {
    	padding-top: 40px;
    	padding-bottom: 20px;
    	padding-left: 40px;
    	padding-right: 40px;
    }
    
    #bedeutung .unten {
        padding-top: 40px;
    }
    
    #bedeutung .unten .rechts {
        padding: 0px 0px 0px 20px;
    }
    
    #partner .rechts {
        padding: 40px 0px 0px 20px;
    }
    
    #partner.technik .rechts {
        padding: 40px 15px 20px 20px;
    }
    
    #solide {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    #faq {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    #aufmacher.aktuelles {
        min-height: 38vw;
        padding-bottom: 40px;
    }
    
    #beitraege .vc_gitem-zone-c {
        padding: 0px 0px 0px 20px;
    }
    
    #beitraege h2 {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 24px;
    }

    #kontaktieren-sie-uns {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    #aufmacher.faq {
        min-height: 38vw;
        padding-bottom: 40px;
    }

    #antworten {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    #antworten h2 {
        font-size: 22px;
        line-height: 22px;
        padding-left: 32px;
        padding-bottom: 24px;
    }
    
    #antworten .vc_tta-container {
        padding: 40px 20px;
    }
    
    #antworten .vc_tta-container:nth-of-type(1) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(2) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(3) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(4) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(5) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(6) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(7) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(8) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(9) h2 {
        background-size: 23px 22px;
    }
    
    #antworten h3 a {
        font-size: 17px;
        line-height: 24px;
    }
    
    #aufmacher.kontakt {
        min-height: 38vw;
        padding-bottom: 40px;
    }
    
    #ansprechpartner h2 {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 24px;
    }
    
    .site-footer {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
}


/* ==============================================================================================================================
/*
/* 	#Mobile (Landscape)	<= 740																			#Mobile (Portrait)	< 480
/* 
/* =========================================================================================================================== */

@media only screen and (max-device-width: 740px) and (orientation: landscape) {

}


/* ==============================================================================================================================
/*
/* 	#Mobile (Portrait)	<= 540																			#Mobile (Portrait)	< 480
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 540px) {

    body, p {
        font-size: 15px;
        line-height: 24px;
    }

    h1 {
        font-size: 60px;
        line-height: 56px;
    }

    h1 br {
        display: none;
    }

    h2 {
        font-size: 36px;
        line-height: 32px;
        padding-bottom: 22px;
    }

    h2 br {
        display: none;
    }

    h3 {
        font-size: 20px;
        line-height: 24px;
    }
    
    .subline {
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 1px;
    }

    p {
        margin-bottom: 22px;
    }
    
    .wrapper a {
        font-size: 14px;
        line-height: 24px;
    }
    
    .wrapper a.download {
        line-height: 15px;
    }
    
    .post-formatting ol li, .post-formatting ul li, .widget.widget_media_gallery ol li, .widget.widget_media_gallery ul li {
        font-size: 15px;
        line-height: 24px;
    }
    
    .big p, p.big {
        font-size: 20px;
        line-height: 32px;
    }
    
    .small p, p.small, .small {
        font-size: 13px;
        line-height: 20px;
    }
    
    .sticky-element-8a0aa43b82 {
        min-height: 10px !important;
    }
    
    .header-block {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    #einleitung {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    #einleitung .vc_column-inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    #was-ist-geplant {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    #was-ist-geplant .links {
        padding: 0px 0px 20px 0px;
    }
    
    #was-ist-geplant .rechts {
        min-height: 100vw;
        border-right: 0px solid #ffffff;
    }
    
    #zahlen-daten-fakten {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #zahlen-daten-fakten .links {
    	width: 100%;
    }
    
    #zahlen-daten-fakten .links .vc_column-inner {
        padding-bottom: 20px;
        margin-bottom: 20px;
    	border-right: none;
    	border-bottom: 1px solid #ffffff;
    }

    #zahlen-daten-fakten .mitte {
    	width: 100%;
    }
    
    #zahlen-daten-fakten .mitte .vc_column-inner {
        padding-bottom: 20px;
        margin-bottom: 20px;
    	border-right: none;
    	border-bottom: 1px solid #ffffff;
    }

    #zahlen-daten-fakten .rechts {
    	width: 100%;
    }
    
    #zahlen-daten-fakten .zahl p {
        font-size: 60px;
        line-height: 56px;
    }
    
    #zahlen-daten-fakten .einheit p {
        font-size: 16px;
        line-height: 16px;
        padding-top: 6px;
    }
    
    #bedeutung {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    #bedeutung .vc_col-sm-12 {
    	padding-top: 40px;
    	padding-bottom: 20px;
    	padding-left: 20px;
    	padding-right: 20px;
    }
    
    #bedeutung .unten {
        padding-top: 20px;
    }
    
    #bedeutung .unten .rechts {
        padding: 20px 0px 0px 0px;
    }
    
    #partner {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    #partner .links {
        min-height: 100vw;
        border-left: 0px solid #ffffff;
    }
    
    #partner .rechts {
        padding: 40px 0px 0px 0px;
    }
    
    #partner.technik .rechts {
        padding: 40px 15px 20px 20px;
    }
    
    #was-ist-geplant.technik .rechts {
        background: transparent url(../../../wp-content/themes/statera/bilder/bild-speichern-min.jpg) right top;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    #partner.technik {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    #partner.technik .links {
        background: transparent url(../../../wp-content/themes/statera/bilder/bild-stossdaempfer-min.jpg) left top;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    #partner.technik .rechts {
        padding: 40px 0px 0px 0px;
        border-right: none;
    }
    
    #solide {
        padding-top: 40px;
        padding-bottom: 96vw;
        background: #0271D8 url(../../../wp-content/themes/statera/bilder/grafik-hg-solide-mobil-min.png) center bottom;
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    #solide .vc_column-inner {
        width: 100%;
    }
    
    #faq {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    #faq .links .vc_column-inner {
        border-right: none;
    }
    
    #aufmacher.aktuelles {
        min-height: 80vw;
        padding-bottom: 20px;
        background-size: cover;
    }
    
    #beitraege {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    
    #beitraege .vc_grid-item {
        padding-bottom: 60px;
    }
    
    #beitraege .vc_grid.vc_row.vc_grid-gutter-35px .vc_pageable-slide-wrapper {
        margin-right: 0px;
    }
    
    #beitraege .vc_grid-item-mini {
        display: block;
        height: 100%;
    }
    
    #beitraege .vc_grid-item-zone-c-left .vc_gitem-zone-c, .vc_grid-item-zone-c-right .vc_gitem-animated-block {
        float: none;
        width: 100%;
    }
    
    #beitraege .vc_gitem-zone-c {
        width: 100%;
        padding: 20px 0px 0px 0px;
    }
    
    #beitraege h2 {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 24px;
    }

    #kontaktieren-sie-uns {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    #kontaktieren-sie-uns .links .vc_column-inner {
        border-right: none;
    }
    
    body.single-post .inhalt {
        padding-bottom: 40px !important;
    }

    #aufmacher.faq {
        min-height: 80vw;
        padding-bottom: 20px;
        background-size: cover;
    }

    #antworten {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    #antworten h2 {
        font-size: 22px;
        line-height: 22px;
        padding-left: 32px;
        padding-bottom: 24px;
    }
    
    #antworten .vc_tta-container {
        padding: 30px 15px;
    }
    
    #antworten .vc_tta-container:nth-of-type(1) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(2) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(3) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(4) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(5) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(6) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(7) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(8) h2 {
        background-size: 23px 22px;
    }
    
    #antworten .vc_tta-container:nth-of-type(9) h2 {
        background-size: 23px 22px;
    }
    
    #antworten h3 a {
        font-size: 17px;
        line-height: 24px;
    }
    
    #antworten .vc_tta.vc_general .vc_tta-panel-title > a {
        padding: 6px 34px 12px 0px;
    }
    
    #aufmacher.kontakt {
        min-height: 80vw;
        padding-bottom: 20px;
        background-size: cover;
    }
    
    #ansprechpartner {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    
    #ansprechpartner h2 {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 24px;
    }
    
    #ansprechpartner .rechts {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    
    #ansprechpartner em {
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 24px;
    }
    
    .site-footer .lb-element-column-9ad1a444c2 {
        justify-content: center !important;
    }
    
    .site-footer .widget ul li {
        margin: 0px 20px 0px 20px;
    }
    
}


@media only screen and (max-width: 375px) {

}


@media only screen and (max-width: 320px) {

}