/*
Theme Name: Windpark Hausdorf
Version: 1.0
Template: kalium
Text Domain: kalium
*/

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


/* --- ALLGEMEIN --- */

/* urbanist-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: 'Urbanist';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/urbanist-v18-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/urbanist-v18-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* urbanist-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: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/urbanist-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/urbanist-v18-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* urbanist-500 - 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: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/urbanist-v18-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/urbanist-v18-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* urbanist-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: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/urbanist-v18-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/urbanist-v18-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* urbanist-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: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/urbanist-v18-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/urbanist-v18-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* urbanist-800 - 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: 'Urbanist';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/urbanist-v18-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/urbanist-v18-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

body, p {
    font-family: 'Urbanist', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #111111;
}

h1.sr7-layer {
    font-family: 'Urbanist', sans-serif !important;
    font-weight: 800 !important;
    font-size: 32px !important;
    line-height: 36px !important;
    color: #111111 !important;
}

h1.sr7-layer span {
    font-family: 'Urbanist', sans-serif !important;
    font-weight: 800 !important;
    font-size: 94px !important;
    line-height: 95px !important;
    color: #8FA83B !important;
}

h2 {
    font-family: 'Urbanist' !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
    color: #111111 !important;
}

h3 {
    font-family: 'Urbanist' !important;
    font-weight: 600 !important;
    color: #111111 !important;
    margin-bottom: 20px;
}

h4 {
    font-family: 'Urbanist' !important;
    font-weight: 400 !important;
    color: #111111;
    margin-bottom: 10px;
}

h5 {
    font-family: 'Urbanist' !important;
    font-weight: 400 !important;
    color: #111111;
    margin-bottom: 0px;
}

p {
    margin-bottom: 20px;
}

strong {
    font-family: 'Urbanist' !important;
    font-weight: 700 !important;
}

a {
    color: #8FA83B;
}

a:hover, .wrapper a:hover {
    color: #8FA83B;
    text-decoration: none;
}

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

.post-formatting a {
    color: #8FA83B;
    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: 18px;
    line-height: 24px;
    padding: 0px;
}

.cky-btn {
    border-color: #8FA83B !important;
    background-color: #8FA83B !important;
}

.cky-btn-reject {
    color: #8FA83B !important;
    background: transparent !important;
}

.cky-btn-customize {
    color: #8FA83B !important;
    background: transparent !important;
}

.cky-btn-preferences {
    color: #8FA83B !important;
    background: transparent !important;
}

.cky-preference-content-wrapper .cky-show-desc-btn {
    color: #8FA83B !important;
}

.cky-switch input[type="checkbox"]::before {
    opacity: 1 !important;
    inset: 2px !important;
    background-color: white !important;
}

.cky-switch input[type="checkbox"]:checked {
    background-color: #8FA83B !important;
}

.cky-revisit-bottom-left {
    background-color: #8FA83B !important;
}


/* --- KOPFBEREICH --- */

.header-block__row {
    padding: 20px 40px;
    padding: 10px 40px;
    border-radius: 40px;
    background: #8FA83B;
}

.header-block__items-row .header-block__item {
    /*align-items: end;*/
}

.standard-menu-container ul.menu > li + li, .standard-menu-container .menu > ul > li + li {
	margin-left: 35px;
}

.standard-menu-container ul.menu > li a {
    font-family: 'Urbanist' !important;
    font-size: 18px !important;
    line-height: 18px !important;
    font-size: 20px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    font-weight: 400 !important;
    /*color: #8FA83B !important;*/
    color: #ffffff !important;
    /*text-transform: uppercase;*/
    transform: translate(0px,0px);
    transition: all 0.25s;
}

.site-header--sticky-active .standard-menu-container ul.menu > li a {
    font-size: 18px !important;
    line-height: 18px !important;
    font-size: 20px !important;
    line-height: 20px !important;
}

.standard-menu-container ul.menu > li a:hover {
    /*color: #111111 !important;*/
    color: #ffffff !important;
    /*transform: translate(0px,-3px);*/
    transition: all 0.25s;
}

.standard-menu-container ul.menu > li a::after {
    /*display: none;*/
    bottom: -12px;
}

.standard-menu-container.menu-skin-main ul.menu > li > a::after, .standard-menu-container.menu-skin-main .menu > ul > li > a::after {
    background-color: #ffffff;
}

.standard-menu-container ul.menu > li.current-menu-item a {
    /*color: #111111 !important;*/
    transition: all 0.25s;
}


/* --- HAUPTINHALTE --- */

#einleitung {
    padding-top: 80px;
    padding-bottom: 120px;
    background: #ffffff;
}

#einleitung .wpb_content_element {
    margin-bottom: 0px;
}

#einleitung .links {
}

#einleitung .rechts {
    padding-right: 8%;
    padding-top: 14px;
}

#lageplan {
    padding-top: 80px;
    padding-bottom: 120px;
    background: linear-gradient(360deg, #FFFFFF 3.91%, #8FA83B 100.11%);
    mix-blend-mode: normal;
}

#lageplan .wpb_content_element {
    margin-bottom: 0px;
}

#lageplan div#n2-ss-2 .n2-ss-slide {
    opacity: 0;
    transition: opacity 0.25s;
}

#lageplan div#n2-ss-2 .n2-ss-slide-active {
    opacity: 1;
    transition: opacity 0.25s;
}

#lageplan .n2-ss-item-content p {
    font-family: 'Urbanist', sans-serif !important;
    padding: 8px !important;
}

#wir-sind {
    padding-top: 80px;
    padding-bottom: 120px;
    background: #ffffff;
}

#wir-sind .wpb_content_element {
    margin-bottom: 0px;
}

#wir-sind .links {
}

#wir-sind .rechts {
    padding-right: 8%;
    padding-top: 14px;
}

#wir-sind .person img {
    margin: 40px 80px 10px 0px;
    border-radius: 24px;
}

#repowering {
    padding-top: 80px;
    padding-bottom: 120px;
    /*background: url(../../../wp-content/themes/windpark-hausdorf/bilder/logo-ecke-min.png), linear-gradient(104.29deg, #FFFFFF 0.61%, #8FA83B 106.93%);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;*/
    background: linear-gradient(104.29deg, #FFFFFF 0.61%, #8FA83B 106.93%);
}

#repowering .wpb_content_element {
    margin-bottom: 0px;
}

#repowering .links {
}

#repowering .rechts {
    padding-right: 8%;
    padding-top: 14px;
}

#parallax {
    min-height: 40vw;
    background-attachment: fixed;
    mix-blend-mode: normal;
    opacity: 0.6;
    opacity: 1;
}

#bautagebuch {
    padding-top: 80px;
    padding-bottom: 120px;
    background: #ffffff;
    mix-blend-mode: normal;
}

#bautagebuch .wpb_content_element {
    margin-bottom: 0px;
}

#bautagebuch div#n2-ss-2 .n2-ss-slide {
    opacity: 0;
    transition: opacity 0.25s;
}

#bautagebuch div#n2-ss-2 .n2-ss-slide-active {
    opacity: 1;
    transition: opacity 0.25s;
}

#bautagebuch .n2-ss-item-content p {
    font-family: 'Urbanist', sans-serif !important;
    padding: 8px !important;
}

#zeitplan {
    padding-top: 80px;
    padding-bottom: 120px;
    background: transparent url(../../../wp-content/themes/windpark-hausdorf/bilder/logo-ecke-gruen-min.png) right bottom;
    background-repeat: no-repeat;
    background-size: 440px 470px;
}

#zeitplan .wpb_content_element {
    margin-bottom: 0px;
}

#zeitplan h2 {
    color: #111111;
    padding-bottom: 35px;
}

#zeitplan h4 {
    color: #111111;
    margin-bottom: 0px;
}

#zeitplan p {
    color: #111111;
}

#zeitplan .datum {
    text-align: center;
}

#zeitplan .mit-icon .datum {
    padding-top: 100px;
}

#zeitplan .datum p {
    display: inline-block;
    min-width: 185px;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 36px !important;
    color: #ffffff !important;
    padding: 10px 18px 10px 18px;
    background: #8FA83B;
    border-radius: 8px;
}

#zeitplan .links {
    width: 37%;
    padding-left: 8%;
    text-align: right;
}

#zeitplan .links img {
    height: 120px !important;
    width: auto !important;
    transform: translate(40px,0px);
}

#zeitplan .vc_col-sm-1\/5 {
    width: 26%;
    padding: 40px 0px;
}

#zeitplan .rechts {
    width: 37%;
    padding-right: 8%;
}

#zeitplan .rechts img {
    height: 120px !important;
    width: auto !important;
    transform: translate(-40px,0px);
}

#zeitplan img {
    padding-top: 10px;
    padding-bottom: 10px;
}

#zeitplan .textblock {
    padding-top: 0px;
    padding-bottom: 0px;
}

#zeitplan .linie-ab-mitte {
    background: transparent url(../../../wp-content/themes/windpark-hausdorf/bilder/linie.png) center top 30px;
    background-repeat: no-repeat;
    background-size: 3px 400px;
}

#zeitplan .linie-voll {
    background: transparent url(../../../wp-content/themes/windpark-hausdorf/bilder/linie.png) center top;
    background-repeat: no-repeat;
    background-size: 3px 400px;
}

#zeitplan .linie-ende {
    background: transparent url(../../../wp-content/themes/windpark-hausdorf/bilder/linie-ende.png) center bottom;
    background-repeat: no-repeat;
    background-size: 3px 400px;
}

#zeitplan .pfeil-nach-rechts .wpb_wrapper {
    background: transparent url(../../../wp-content/themes/windpark-hausdorf/bilder/pfeil-nach-rechts.png) right center;
    background-repeat: no-repeat;
    background-size: 60px 15px;
}

#zeitplan .pfeil-nach-links .wpb_wrapper {
    background: transparent url(../../../wp-content/themes/windpark-hausdorf/bilder/pfeil-nach-links.png) left center;
    background-repeat: no-repeat;
    background-size: 60px 15px;
}

#antworten {
    padding-top: 80px;
    padding-bottom: 80px;
    background: linear-gradient(90deg, #8FA83B 0%, #B8C785 50%, #FFFFFF 100%);
    mix-blend-mode: normal;
}

#antworten .wpb_content_element {
    margin-bottom: 0px;
}

#antworten h2 {
    color: #111111;
}

#antworten p {
    font-family: 'Urbanist', sans-serif !important;
}

#antworten .links .vc_column-inner .wpb_text_column {
    float: right;
    max-width: 360px;
    padding-right: 40px;
}

#antworten .n2-ss-slide-inner {
    padding: 20px 120px 10px 20px;
}

#antworten .n2-ss-slide-57 .n2-ss-slide-inner {
    padding: 20px 20px 10px 20px;
}

#antworten .n2-ss-item-content p {
    font-family: 'Urbanist', sans-serif !important;
}

#antworten .n2-ss-item-content b {
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 24px !important;
}

#antworten .n2-ss-item-content a {
    color: #FFF3BD !important;
}

#antworten .textblock p, #antworten i {
    font-size: 18px !important;
    line-height: 25px !important;
}

#antworten #n2-ss-6 .n2-ss-slide-active {
    z-index: 10 !important;
}

#antworten #n2-ss-6 .n2-ss-slide {
    border-radius: 16px;
    z-index: 100 !important;
}

#kontakt-aktuelles {
    background: #ffffff;
}

#kontakt-aktuelles .links .vc_column-inner {
    padding: 80px 100px 80px 60px;
}

#kontakt-aktuelles .rechts {
    background: linear-gradient(180deg, #FFFFFF -0.11%, #8FA83B 200.11%);
}

#kontakt-aktuelles .rechts .vc_column-inner {
    padding: 80px 60px 80px 100px;
    background: transparent url(../../../wp-content/themes/windpark-hausdorf/bilder/logo-viereck-min.png);
    background-position: right -100px bottom;
    background-position: left 40px bottom;
    background-repeat: no-repeat;
    background-size: 640px 501px;
}

#kontakt-aktuelles h2, #kontakt-aktuelles p, #kontakt-aktuelles li {
    color: #111111;
}

#kontakt-aktuelles .links a {
    color: #111111;
    text-decoration: underline;
}

#kontakt-aktuelles .links a:hover {
    color: #111111;
    text-decoration: none;
}

#kontakt-aktuelles .rechts a {
    color: #111111;
    text-decoration: underline;
}

#kontakt-aktuelles .rechts a:hover {
    color: #111111;
    text-decoration: none;
}

#kontakt-aktuelles .rechts h2, #kontakt-aktuelles .rechts p, #kontakt-aktuelles .rechts li {
    color: #111111;
}

#kontakt-aktuelles .rechts img {
    margin-top: 80px;
    margin-left: 40px;
}

#kontakt-aktuelles ul {
    list-style: none;
    padding-left: 0px;
}

#kontakt-aktuelles li {
    padding-left: 30px;
    padding-bottom: 20px;
    background: transparent url(../../../wp-content/themes/windpark-hausdorf/bilder/li-hg-pfeil.png) left top 4px;
    background-repeat: no-repeat;
    background-size: 20px 16px;
}

#datenschutz-impressum {
    padding-top: 60px;
    padding-bottom: 80px;
}

#datenschutz-impressum .vc_column-inner {
    padding-left: 21%;
    padding-right: 21%;
}

#datenschutz-impressum h2 {
    color: #111111;
    margin-top: 30px;
    margin-bottom: 20px;
}

#datenschutz-impressum h3 {
    color: #111111;
    margin-top: 30px;
    margin-bottom: 20px;
}

#datenschutz-impressum h4 {
    color: #111111;
    margin-top: 30px;
    margin-bottom: 20px;
}

#datenschutz-impressum h5 {
    color: #111111;
}

#datenschutz-impressum p {
    color: #111111;
}

#datenschutz-impressum li {
    color: #111111;
}

#datenschutz-impressum label {
    display: inline;
    color: #111111;
}

#datenschutz-impressum table {
    margin-top: 20px;
    margin-bottom: 30px;
}

#datenschutz-impressum td {
    color: #111111;
}


/* --- FOOTER --- */

.site-footer {
    background: #ffffff;
}

.site-footer .footer-widgets {
    margin-top: 40px;
    margin-bottom: 40px;
}

.site-footer .footer-widgets .widget {
    margin-bottom: 0px;
}

.site-footer hr {
    display: none;
}

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

.site-footer .widget li a {
    font-family: 'Urbanist' !important;
    font-size: 18px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    color: #8FA83B !important;
    transition: color 0.25s;
    text-transform: uppercase;
}

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

.site-footer .widget li a::after {
    display: none;
}

.site-footer .widget li.current-menu-item a {
    color: #111111 !important;
    transition: color 0.25s;
}

.go-to-top {
    margin: 30px 30px 35px 30px;
    background-color: #8FA83B;
}

.go-to-top.visible:hover {
    background-color: #111111;
}


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

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

}



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


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

    #beteiligung .nextend-arrow-next {
        --widget-offset: 100px;
    }

}

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

    #beteiligung .nextend-arrow-next {
        --widget-offset: 100px;
    }

}

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

    #beteiligung .nextend-arrow-next {
        --widget-offset: 100px;
    }

}

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

    #beteiligung .nextend-arrow-next {
        --widget-offset: 100px;
    }

}

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

    #beteiligung .nextend-arrow-next {
        --widget-offset: 100px;
    }

}



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

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

    h1.sr7-layer {
        font-size: 30px !important;
        line-height: 34px !important;
    }
    
    h1.sr7-layer span {
        font-size: 74px !important;
        line-height: 75px !important;
    }

    h2 {
        font-size: 30px !important;
        line-height: 34px !important;
    }
    
    .post-formatting ol li, .post-formatting ul li, .widget.widget_media_gallery ol li, .widget.widget_media_gallery ul li {
        font-size: 16px;
        line-height: 21px;
    }

    .standard-menu-container ul.menu > li a {
        font-size: 18px !important;
        line-height: 18px !important;
    }
    
    .site-header--sticky-active .standard-menu-container ul.menu > li a {
        font-size: 18px !important;
        line-height: 18px !important;
    }

    #zeitplan .mit-icon .datum {
        padding-top: 80px;
    }

    #zeitplan .datum p {
        min-width: 165px;
        font-size: 18px !important;
        line-height: 34px !important;
        padding: 8px 18px 8px 18px;
        border-radius: 6px;
    }
    
    #zeitplan .links img {
        height: 100px !important;
        transform: translate(30px,0px);
    }
    
    #zeitplan .rechts img {
        height: 100px !important;
        transform: translate(-30px,0px);
    }

    #antworten .textblock p {
        font-size: 16px !important;
        line-height: 21px !important;
    }

    .site-footer .widget li a {
        font-size: 18px !important;
        line-height: 32px !important;
    }

}


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

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

    h1.sr7-layer {
        font-size: 28px !important;
        line-height: 32px !important;
    }
    
    h1.sr7-layer span {
        font-size: 64px !important;
        line-height: 65px !important;
    }

    h2 {
        font-size: 28px !important;
        line-height: 32px !important;
    }
    
    h3 {
        font-size: 24px !important;
        line-height: 30px !important;
    }
    
    h4 {
        font-size: 18px !important;
        line-height: 22px !important;
    }
    
    h5 {
        font-size: 16px !important;
        line-height: 21px !important;
    }
    
    .standard-menu-container ul.menu > li + li, .standard-menu-container .menu > ul > li + li {
        margin-left: 20px;
    }
    
    .standard-menu-container ul.menu > li a {
        font-size: 15px !important;
        line-height: 15px !important;
    }
    
    .site-header--sticky-active .standard-menu-container ul.menu > li a {
        font-size: 15px !important;
        line-height: 15px !important;
    }

    #einleitung .links {
        float: none !important;
        width: 100% !important;
        margin-bottom: 0px !important;
    }

    #einleitung .links h2 {
        text-align: left !important;
    }

    #einleitung .rechts {
        float: none !important;
        width: 100% !important;
    	padding-right: 0px;
    	padding-top: 0px;
    }
    
    #kontakt-aktuelles .rechts .vc_column-inner {
        background: transparent url(../../../wp-content/themes/windpark-hausdorf/bilder/logo-viereck-min.png);
        background-position: right -180px bottom -30px;
        background-repeat: no-repeat;
        background-size: 640px 501px;
    }
    
    #kontakt-aktuelles .rechts .vc_column-inner .wpb_single_image img {
        max-width: 80%;
    }

}


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

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

    .container, .content-area {
        width: 100%;
    }

    h1.sr7-layer {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    
    h1.sr7-layer span {
        font-size: 54px !important;
        line-height: 55px !important;
    }

    h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    
    h3 {
        font-size: 20px !important;
        line-height: 24px !important;
    }
    
    h4 {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    
    h5 {
        font-size: 15px !important;
        line-height: 18px !important;
    }
    
    .header-block__row {
        padding: 6px 20px;
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .site-header--sticky-active-logo-resize {
        width: 100px !important;
        height: auto !important;
    }
    
    .standard-menu-container.menu-skin-main .menu>ul>li>a:after, .standard-menu-container.menu-skin-main ul.menu>li>a:after, .toggle-bars.menu-skin-main .toggle-bars__bar-line {
        background-color: #8FA83B;
        background-color: #ffffff;
    }
    
    .mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a:hover, .mobile-menu-wrapper .mobile-menu-container div.menu>ul li.current-menu-ancestor>a, .mobile-menu-wrapper .mobile-menu-container div.menu>ul li.current-menu-item>a, .mobile-menu-wrapper .mobile-menu-container div.menu>ul li.current_page_ancestor>a, .mobile-menu-wrapper .mobile-menu-container div.menu>ul li.current_page_item>a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-ancestor>a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item>a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_ancestor>a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_item>a {
        color: #8FA83B;
    }
    
    .mobile-menu-wrapper .mobile-menu-container div.menu>ul>li>a, .mobile-menu-wrapper .mobile-menu-container ul.menu>li>a {
        font-size: 18px;
        padding: 6px 30px;
    }
    
    #einleitung .rechts {
        padding-top: 10px;
    }
    
    #lageplan .nextend-arrow-previous {
        --widget-offset: 30px !important;
    }

    #lageplan .nextend-arrow-next {
        --widget-offset: 30px !important;
    }
    
    #lageplan .nextend-bullet-bar {
        transform: translate(0px,30px);
    }
    
    #lageplan .n2-ss-slider .n2-ss-item-image-content img {
        width: 100% !important;
        height: auto !important;
    }
    
    #wir-sind .person img {
        max-width: 180px !important;
        margin: 40px 40px 10px 0px;
    }

    #bautagebuch .n2-ss-slider .n2-ss-item-image-content img {
        width: 100% !important;
        height: auto !important;
    }
    
    #bautagebuch .nextend-bullet-bar {
        transform: translate(0px,50px);
    }
    
    #zeitplan .links img {
        height: 80px !important;
        transform: translate(30px,0px);
    }
    
    #zeitplan .datum p {
        min-width: 125px;
        font-size: 16px !important;
        line-height: 28px !important;
        padding: 6px 16px 6px 16px;
        border-radius: 6px;
    }
    
    #zeitplan .rechts img {
        height: 80px !important;
        transform: translate(-30px,0px);
    }

    #antworten .links .vc_column-inner .wpb_text_column {
        padding-left: 40px;
    }
    
    #kontakt-aktuelles .links .vc_column-inner {
        padding: 60px 80px 60px 40px;
    }

    #kontakt-aktuelles .rechts .vc_column-inner {
        padding: 60px 40px 60px 80px;
        background: transparent url(../../../wp-content/themes/windpark-hausdorf/bilder/logo-viereck-min.png);
        background-position: right -160px bottom -50px;
        background-repeat: no-repeat;
        background-size: 640px 501px;
    }
    
    #kontakt-aktuelles .rechts .vc_column-inner .wpb_single_image img {
        max-width: 75%;
    }

}


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

    #kontakt-aktuelles .rechts .vc_column-inner {
        background: transparent url(../../../wp-content/themes/windpark-hausdorf/bilder/logo-viereck-min.png);
        background-position: right -240px bottom -60px;
        background-repeat: no-repeat;
        background-size: 640px 501px;
    }
    
    #kontakt-aktuelles .rechts .vc_column-inner .wpb_single_image img {
        max-width: 80%;
    }

}


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

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

    #wir-sind h2, #repowering h2, #bautagebuch h2, #antworten h2 {
        text-align: left !important;
    }
    
    #antworten .links .vc_column-inner .wpb_text_column {
        float: left;
        max-width: 100%;
        padding-right: 40px;
    }

    #zeitplan h2 {
        text-align: center !important;
    }

    #zeitplan .mit-icon .datum {
        padding-top: 0px;
    }

    #zeitplan .datum p {
        font-size: 18px !important;
        line-height: 32px !important;
        padding: 0px 10px 0px 10px;
        border-radius: 6px;
    }
    
    #zeitplan .links {
        width: 100%;
        text-align: center !important;
        padding-left: 0px;
    }
    
    #zeitplan .wpb_single_image {
        margin-top: 10px;
    }
    
    #zeitplan .wpb_single_image.vc_align_left {
        text-align: center !important;
    }
    
    #zeitplan .wpb_single_image.vc_align_right {
        text-align: center !important;
    }
    
    #zeitplan .vc_row {
        padding-bottom: 40px;
    }    
    
    #zeitplan .links img {
        height: 70px !important;
        transform: none !important;
        padding-bottom: 10px;
    }
    
    #zeitplan .vc_col-sm-1\/5 {
        width: 100%;
        padding: 0px 0px 10px 0px;
    }
    
    #zeitplan .rechts {
        width: 100%;
        text-align: center !important;
        padding-right: 0px;
        padding-bottom: 10px;
    }
    
    #zeitplan .rechts img {
        height: 70px !important;
        transform: none !important;
    }
    
    #zeitplan .linie-ab-mitte {
        background: transparent;
    }
    
    #zeitplan .linie-voll {
        background: transparent;
    }
    
    #zeitplan .linie-ende {
        background: transparent;
    }
    
    #zeitplan .pfeil-nach-rechts .wpb_wrapper {
        background: transparent;
    }
    
    #zeitplan .pfeil-nach-links .wpb_wrapper {
        background: transparent;
    }
    
    #zeitplan .vc_row.vc_row-flex.mobil-umgekehrt {
        flex-wrap: wrap-reverse;
    }
    
    #kontakt-aktuelles {
        background: transparent;
    }

    #kontakt-aktuelles .links .vc_column-inner {
        padding: 60px 40px 0px 80px;
    }

    #kontakt-aktuelles .rechts .vc_column-inner {
        padding: 60px 40px 60px 80px;
        background: transparent url(../../../wp-content/themes/windpark-hausdorf/bilder/logo-viereck-min.png);
        background-position: left 30px bottom -50px;
        background-repeat: no-repeat;
        background-size: 760px 530px;
    }
    
    #kontakt-aktuelles .rechts img {
        max-width: 80%;
        margin-top: 60px;
        margin-left: 10%;
    }
    
}


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

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

    h1.sr7-layer {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    
    h1.sr7-layer span {
        font-size: 50px !important;
        line-height: 52px !important;
    }

    h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    
    h3 {
        font-size: 20px !important;
        line-height: 26px !important;
    }
    
    h4 {
        font-size: 16px !important;
        line-height: 21px !important;
    }
    
    h5 {
        font-size: 15px !important;
        line-height: 18px !important;
    }
    
    #einleitung {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    
    #einleitung h2 {
        text-align: left !important;
    }

    #einleitung .rechts {
        padding-right: 0px;
        padding-top: 10px;
    }

    #lageplan .overlay-text p {
        font-size: 14px !important;
        line-height: 16px !important;
        padding: 10px 20px 10px 20px !important;
    }
    
    #lageplan div#n2-ss-2 .n-uc-mHa7XOE9nVxQ-inner {
        padding: 10px !important;
    }

    #lageplan .mobile-text p {
        font-size: 13px !important;
        line-height: 15px !important;
        padding: 0px 0px 10px 0px !important;
    }
    
    #lageplan .nextend-arrow-previous {
        --widget-offset: 10px !important;
    }

    #lageplan .nextend-arrow-next {
        --widget-offset: 10px !important;
    }
    
    #lageplan .n2-ss-control-bullet {
        --widget-offset: -30px !important;
    }
    
    #wir-sind .links h2 {
        text-align: left !important;
    }
    
    #repowering {
        background: linear-gradient(104.29deg, #FFFFFF 0.61%, #8FA83B 106.93%);
    }
    
    #repowering .links h2 {
        text-align: left !important;
    }
    
    #zeitplan .vc_row {
        margin-bottom: 30px;
    }
    
    #zeitplan .mit-icon .datum {
        padding-top: 0px;
    }
    
    #zeitplan .datum p {
        font-size: 18px !important;
        line-height: 32px !important;
        padding: 0px 10px 0px 10px;
        border-radius: 6px;
    }
    
    #zeitplan .links {
        width: 100%;
        text-align: center !important;
        padding-left: 0px;
    }
    
    #zeitplan .wpb_single_image {
        margin-top: 0px;
    }
    
    #zeitplan .wpb_single_image.vc_align_left {
        text-align: center !important;
    }
    
    #zeitplan .wpb_single_image.vc_align_right {
        text-align: center !important;
    }
    
    #zeitplan .links img {
        height: 60px !important;
        transform: none;
    }
    
    #zeitplan .vc_col-sm-1\/5 {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    #zeitplan .rechts {
        width: 100%;
        text-align: center !important;
        padding-right: 0px;
    }
    
    #zeitplan .rechts img {
        height: 60px !important;
        transform: none;
    }
    
    #zeitplan .linie-ab-mitte {
        background: transparent;
    }
    
    #zeitplan .linie-voll {
        background: transparent;
    }
    
    #zeitplan .linie-ende {
        background: transparent;
    }
    
    #zeitplan .pfeil-nach-rechts .wpb_wrapper {
        background: transparent;
    }
    
    #zeitplan .pfeil-nach-links .wpb_wrapper {
        background: transparent;
    }
    
    #zeitplan .vc_row.vc_row-flex.mobil-umgekehrt {
        flex-wrap: wrap-reverse;
    }

    #antworten .links h2 {
        text-align: left !important;
    }
    
    #antworten .links .vc_column-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #antworten .links .vc_column-inner .wpb_text_column {
        float: none;
        max-width: 100%;
        padding-left: 0px;
    }
    
    #antworten .n2-ss-slide-inner {
        padding: 20px 180px 20px 20px !important;
        padding: 20px 220px 20px 20px !important;
    }
    
    #antworten .n2-ss-slider-controls-below {
        align-items: flex-start;
        margin-left: 25%;
    }
    
    #antworten div#n2-ss-6 .nextend-arrow img {
        width: 30px;
    }
    
    #kontakt-aktuelles {
        background: transparent;
    }

    #kontakt-aktuelles .links .vc_column-inner {
        padding: 40px 40px 0px 40px;
    }

    #kontakt-aktuelles .rechts .vc_column-inner {
        padding: 40px 40px 0px 40px;
        background: transparent url(../../../wp-content/themes/windpark-hausdorf/bilder/logo-viereck-min.png);
        background-position: left 30px bottom -100px;
        background-repeat: no-repeat;
        background-size: 640px 501px;
    }
    
    #kontakt-aktuelles .rechts img {
        max-width: 40%;
        margin-top: 60px;
        margin-left: 20%;
    }
    
    #datenschutz-impressum {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    
    #datenschutz-impressum .vc_column-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #datenschutz-impressum .post-formatting a {
        word-break: break-word;
    }

    .site-footer.footer-bottom-vertical {
        text-align: left;
    }
    
    .site-footer .footer-widgets .widget {
    	margin-bottom: 0px;
    	text-align: center;
    }

    .site-footer .footer-widgets .widget ul {
    	text-align: center;
    }
    
    .site-footer .widget li {
        display: block;
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .site-footer .widget li a {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    
    .cky-revisit-bottom-left {
        bottom: 30px;
    }

}


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

    h1.sr7-layer {
        font-size: 22px !important;
        line-height: 24px !important;
    }
    
    h1.sr7-layer span {
        font-size: 40px !important;
        line-height: 42px !important;
    }

    h2 {
        font-size: 22px !important;
        line-height: 24px !important;
    }
    
    h3 {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    
    h4 {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    
    h5 {
        font-size: 15px !important;
        line-height: 18px !important;
    }
    
    #antworten .n2-ss-slide-inner {
        padding: 20px 230px 20px 20px !important;
    }
    
    #antworten .textblock p {
        font-size: 15px !important;
        line-height: 18px !important;
    }

    #antworten .n2-ss-slider-controls-below {
        margin-left: 22%;
    }
    
}


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

    #zeitplan .datum p {
        font-size: 16px !important;
        line-height: 32px !important;
    }
    
    #antworten .n2-ss-slide-inner {
        padding: 10px 280px 10px 10px !important;
    }
    
    #antworten .textblock p {
        font-size: 15px !important;
        line-height: 18px !important;
    }

    #antworten .n2-ss-slider-controls-below {
        margin-left: 19%;
    }
    
}