/*
Theme Name: Green Park Wörrstadt
Theme URI: https://www.greenpark-woerrstadt.de
Description: Wordpress-Theme für Green Park Wörrstadt
Version: 1.0
Author: Maximilian Huber
Text Domain: https://www.greenpark-woerrstadt.de
Author URI: https://www.eracht.at
*/

/* Global */

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clearfix:after {visibility: hidden; display: block; content: ""; clear: both; height: 0;}

body, html {height: 100%; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.8; margin: 0px; scroll-behavior: smooth;}

:root {--gold: #D5B161;}
:root {--hellgrau: #DBDBDB;}
:root {--grau: #979797;}

:root {--darkblue: #353C41;}
:root {--darkblue75: #5D5F64;}
:root {--orange75: #E38C68;}
:root {--beige: #D7D0C3;}
:root {--beige75: #E2DCD2;}
:root {--grey: #282522;}
:root {--grey75: #524C49;}
:root {--white: #FFFFFF;}

.wrapper-main {width: 100%; height: 100%; margin: 0 auto; padding: 0px 0px;}
.container {width: 100%; height: auto; margin: 0 auto; padding: 0px 50px; max-width: 1400px; }
.container-flex {width: 100%; height: auto; margin: 0 auto; padding: 0px 50px; max-width: 1400px; align-items: center; justify-content: center; display: flex;}
.gold {color: var(--gold);}
strong, b {font-weight: 400;}
section {width: 100%; height: auto; float: left;}
:target {scroll-margin-top: 150px;}

a.anchor {display: block; position: relative; top: -103px; visibility: hidden;}
svg {fill: var(--white); -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
svg:hover {fill: var(--gold);}

/* Dropdown Content (Hidden by Default) */
.sub-menu {display: none!important; position: fixed!important; min-width: 250px; z-index: 9999; text-align: left; padding: 20px 0 0 0!important; margin-left: 28px!important;}
.sub-menu ul {padding: 0px!important;} 
.sub-menu li {display: block!important; width: auto; margin-left: -24px!important; margin-right: 24px !important; border-bottom: 1px rgba(230, 230, 230) solid; padding: 0px!important; }
.sub-menu li:first-child {display: block!important; width: auto; margin-left: -24px!important; margin-right: 24px !important; border-bottom: 1px rgba(230, 230, 230) solid; padding: 0px!important; }
.sub-menu li:before {content: " "!important; display: inline-block!important; margin-left: 12px!important; margin-right: -12px!important; font-weight: 300!important; color: var(--hellgrau)!important;}
.menu li:first-child .sub-menu {margin-left: 10px!important;}

/* Links inside the dropdown */
.sub-menu a {color: rgba(43, 43, 43)!important; padding: 16px 16px; text-decoration: none; font-size: 14px!important; display: block; background-color: rgba(245, 245, 245)!important; min-width: 250px; }
.sub-menu li:last-child {border-bottom: none;}
.sub-menu .current_page_item a, .sub-menu .current-menu-item a {color: rgba(43, 43, 43)!important;}

/* Change color of dropdown links on hover */
.sub-menu a:hover {background-color: rgba(230, 230, 230)!important; color: var(--gold)!important;}

/* Show the dropdown menu on hover */
.menu-item:hover .sub-menu {display: block!important;}


/* Header */

#header {position: fixed; left: 0; right: 0; z-index: 1001!important; width: 100%; height: auto; overflow: hidden; margin-bottom: 0px; visibility: visible; display: block; background-color: rgba(43, 43, 43, 0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-bottom: solid 5px var(--gold); }
#logo {width: auto; height: 70px; float: left; margin: 40px 0px 40px 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.custom-logo {width: 100%; height: 100%; object-fit: contain; object-position: 0 0; float: left; text-align: left; margin-top: -2.5px;}
#navigation {width: calc(100% - 303px); height: auto; float: right; padding: 65px 0px 65px 0px; margin-top: -2.5px; line-height: 18px; visibility: visible; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align: right;}

#header-mobile {height: 0px; visibility: hidden; display: none;}
.menu-mobile {line-height: 0;}

.menu {margin: 0px; padding: 0px;}
.menu ul {display: inline-block; margin: 0px;}
.menu li {display: inline-block; list-style: none; padding: 0px; margin: 0px 0px 0px 8px; }
.menu li:before {content: "/"; display: inline-block; margin-right: 9px; margin-left: -4px; font-weight: 300; color: var(--hellgrau); font-size: 14px;}
.menu li:first-child:before, .menu .children li:before {content: ""; display: none; }
.menu li:first-child {margin-left: 0px;}
.menu li a {display: inline-block; text-decoration: none; font-weight: 300; letter-spacing: 2px; font-size: 14px; color: var(--hellgrau); text-transform: uppercase; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.menu li a:hover {color: var(--gold);}
.current_page_item a, .current-menu-item a {color: var(--gold)!important;}

#menu__toggle {opacity: 0;}
#menu__toggle:checked + .menu__btn > span {transform: rotate(45deg);}
#menu__toggle:checked + .menu__btn > span::before {top: 0px; transform: rotate(0deg);}
#menu__toggle:checked + .menu__btn > span::after {top: 0px; transform: rotate(90deg);}
#menu__toggle:checked ~ .menu__box {right: 0 !important;}
.menu__btn {position: fixed; top: 50px; right: 30px; width: 26px; height: 26px; cursor: pointer; z-index: 1;}
.menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {display: block; position: absolute; width: 100%; height: 2px; background-color: #D5B161; transition-duration: .25s;}
.menu__btn > span::before {content: ''; top: -8px;}
.menu__btn > span::after {content: ''; top: 8px;}
.menu__box {display: block; position: fixed; top: 0px; right: -100%; width: 100%; height: 100%; margin: 0; padding: 95px 0; list-style: none; background-color: #3A3A3A; box-shadow: 2px 2px 6px rgba(0, 0, 0, .4); transition-duration: .25s;}

/* Pressebereich */

.download-icon-container {width: 100%; height: auto; float: left; margin-top: 30px;}
.download-icon-gold {width: 70px; height: 70px; float: left; background-color: var(--gold);}
.download-icon-img {width: 100%; height: auto; float: left;}
.download-icon-text {width: calc(100% - 70px); height: 70px; float: left; background-color: #F5F5F5; padding: 0px 15px; font-size: 16px; line-height: 70px; font-weight: 400; color: var(--grau);}
.download-icon-text a {text-decoration: none; color: var(--gold); font-weight: 400; transition: all 0.2s;}
.download-icon-text a:hover {color: var(--grau);}

.fotos-grid-container {width: 100%; height: auto; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; grid-row-gap: 0px; margin-top: 50px; float: left;}
.fotos-grid-wrapper {width: 100%; height: auto; float: left; margin-bottom: 30px;}
.fotos-grid-inside {width: 100%; height: 0; padding-bottom: 100%; float: left; position: relative; background-color: #FFF; border: 1px solid var(--hellgrau);}
.fotos-grid-img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; float: left;}
.fotos-img-inside {width: 100%; height: 100%; object-fit: cover; border: none;}
.fotos-grid-overlay {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(42, 42, 42, 0.0); transition: all 0.2s; align-items: center; justify-content: center; flex-direction: column; display: flex; opacity: 0.5;}
.fotos-grid-overlay:hover {opacity: 1; background-color: rgb(42, 42, 42, 0.9);}
.fotos-grid-icon {width: 50px; height: 50px; background-color: rgb(213, 177, 97, 0.0); border: 2px solid var(--white); align-items: center; justify-content: center; flex-direction: column; display: flex; transition: all 0.2s;}
.fotos-grid-icon:hover {background-color: rgb(213, 177, 97, 1.0); border: 2px solid rgb(213, 177, 97);}
.fotos-grid-icon-img {width: 20px; height: auto; visibility: visible;}
.fotos-grid-beschreibung {width: 100%; height: auto; float: left; padding-top: 10px; font-size: 14px; line-height: 18px; font-weight: 400; color: var(--grau);}
.presse-ansprechpartner-container {width: 100%; height: auto; float: left; padding: 30px; background-color: #F9F9F9; margin: 30px 0px; border-top: solid 5px var(--gold);}
.presse-ansprechpartner-right {width: calc(100% - 120px); height: auto; float: left;}
.presse-ansprechpartner-left {width: 100px; margin-right: 20px; height: auto; float: left;}
.presse-ansprechpartner-left img {width: 100%; height: auto;}

.section-presse-container {width: 100%; height: auto; float: left; margin-bottom: 0px; padding: 100px 0 100px 0; border-top: solid 5px var(--gold); }


/* Impressum */

.impressum-wrapper {width: 100%; height: auto; float: left; margin-bottom: 100px;}
.impressum-container {width: 100%; height: auto; margin: 0 auto; padding: 0px 50px; max-width: 900px; }
.impressum-container-text {width: 100%; height: auto; float: left; font-size: 16px; line-height: 24px; text-align: left; font-weight: 300; color: var(--grau);}
.impressum-container-text a {color: var(--gold); text-decoration: none;}
.impressum-container-text p {margin: 0px 0px 10px 0px;}
.impressum-container-text strong {font-weight: 400;}
.impressum-container-text h2 {margin-top: 30px; margin-bottom: 10px; font-size: 22px; line-height: 28px; font-weight: 400; color: var(--gold);}
.impressum-container-text h3 {margin-top: 20px; margin-bottom: 10px; font-size: 18px; line-height: 24px; font-weight: 400; }

.impressum-container-text ul {float: left; list-style-type: none; padding: 0px 0px 15px 5px; margin: 0px 0px 0px 0px; width: 100%; font-weight: 400; font-size: 16px;}
.impressum-container-text li {padding-top: 0px; padding-bottom: 5px; padding-left: 20px; line-height: 25px; }
.impressum-container-text li::before {content: "\00BB"; color: var(--gold); display: inline-block; width: 25px; margin-left: -25px;}

.impressum-container-text table {display: block; overflow-x: auto;}

/* Infrastruktur */

.infra-text h2 {width: 100%; height: auto; float: left; font-size: 22px; line-height: 28px; font-weight: 400; color: var(--grau);}
.infra-text h3 {width: 100%; height: auto; float: left; font-size: 22px; line-height: 28px; font-weight: 400; color: var(--grau); margin-top: -30px; margin-bottom: 20px;}
.infra-text {width: 100%; height: auto; float: left; padding-top: 30px; font-size: 18px; line-height: 24px; font-weight: 300; color: var(--grau);}
.infra-text ul {list-style-type: none; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 0px;  float: left;}
.infra-text li {padding-top: 0px; padding-bottom: 5px; padding-left: 20px; line-height: 25px; }
.infra-text li::before {content: "+"; color: var(--gold); display: inline-block; width: 25px; margin-left: -25px; font-size: 22px;}

.infra-bild {width: 100%; height: auto; float: left; margin-top: 50px;}
.infra-bild img {width: 100%; height: auto; float: left;}

.infra-bild-beschriftung {width: 100%; height: auto; float: left; margin-top: 15px; font-size: 16px; line-height: 24px; text-align: left; font-weight: 300; color: var(--grau); padding-bottom: 15px; border-bottom: 2px solid #DBDBDB;}

.partner-container {width: 100%; height: auto; float: left; margin-bottom: 100px; padding-bottom: 100px; border-bottom: solid 5px var(--gold);}
.partner-text {width: 100%; height: auto; float: left; padding-top: 30px; font-size: 18px; line-height: 24px; font-weight: 300; color: var(--grau);}
.partner-text p {margin: 0px 0px 5px 0px;}

.section-ansprechpartner {width: 100%; height: auto; float: left; padding: 0px 10%;}
.ansprechpartner-container {width: calc(50% - 30px); height: auto; float: left; padding: 30px; background-color: #F9F9F9; margin: 0px 15px; border-top: solid 5px var(--gold);}
.ansprechpartner-name {width: 100%; height: auto; float: left; font-size: 20px; line-height: 24px; font-weight: 400; color: var(--gold);}
.ansprechpartner-position {width: 100%; height: auto; float: left; font-size: 18px; line-height: 22px; font-weight: 300; color: var(--grau); margin-bottom: 15px;}
.ansprechpartner-daten {width: 100%; height: auto; float: left; font-size: 16px; line-height: 24px; text-align: left; font-weight: 300; color: var(--grau);}
.ansprechpartner-daten a {text-decoration: none; color: var(--grau); transition: all 0.2;}
.ansprechpartner-daten a:hover {color: var(--gold);}

/* Energiekonzept ESG */

.energie-hero {float: left; height: 450px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; align-items: center; flex-direction: column; display: flex; top: 0px; border-bottom: solid 5px var(--gold); margin-bottom: 100px;}
.energie-hero-title-wrapper {width: 100%; height: 100%; margin-top: 155px; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex; max-width: 1400px;}
.energie-hero-title-wrapper h1 {width: 80%; font-size: 50px; line-height: 55px; font-family: 'Noto Serif', sans-serif; text-align: center; padding: 0px 0px 20px 0px; font-weight: 400; color: var(--gold); text-shadow: var(--darkblue) 0px 0px 5px; margin: 0px;}

.section-energie-wrapper {width: 100%; height: auto; float: left;}
.section-energie-title {width: 100%; height: auto; float: left; padding-right: 40%; margin-bottom: 60px;}
.section-energie-title h1 {font-family: 'Noto Serif', sans-serif; font-size: 40px; line-height: 44px; font-weight: 300; color: var(--gold); margin: 0px;}
.section-energie-container-resize {width: 100%; height: auto; float: left; padding-left: 20%;}
.section-energie-subtitle {width: 100%; height: auto; float: left; margin-bottom: 25px;}
.section-energie-subtitle h2 {font-size: 24px; line-height: 30px; font-weight: 300; color: var(--grau); margin: 0px;}
.section-energie-text {width: 100%; height: auto; float: left; }
.section-energie-text p {font-size: 18px; line-height: 28px; font-weight: 300; color: var(--grau); margin: 10px 0px;}
.section-energie-konzept {width: 100%; height: auto; float: left; padding: 60px 60px 0px 60px; margin-bottom: 100px; }
.section-energie-konzept-img {width: 100%; height: autp; float: left;}
.section-energie-esg {width: 100%; height: auto; float: left; padding: 0px 15% 0px 15%; margin-bottom: 100px;}
.section-energie-esg-title {width: 100%; height: auto; float: left; text-align: center; padding-bottom: 35px;}
.section-energie-esg-title h1 {font-family: 'Noto Serif', sans-serif; font-size: 40px; line-height: 44px; font-weight: 300; color: var(--gold); margin: 0px 0px 60px 0px; }
.section-energie-esg-title h2 {font-size: 24px; line-height: 30px; font-weight: 300; color: var(--grau); margin: 0px;}
.section-energie-esg-text-container {width: 100%; height: auto; float: left; padding-top: 35px;}
.section-energie-esg-text-left {width: 60px; height: auto; float: left; font-family: 'Noto Serif', sans-serif; font-size: 60px; line-height: 60px; font-weight: 300; text-align: center; color: var(--gold); }
.section-esg-wrapper {width: 100%; height: auto; float: left; margin-bottom: 100px;}
.section-energie-esg-text-right b {font-weight: 400;}
.section-energie-esg-text-right p {margin: 0px;}
.section-energie-esg-text-right {width: calc(100% - 60px); height: auto; float: left; font-size: 18px; line-height: 30px; font-weight: 300; color: var(--grau); padding-left: 35px; padding-top: 5px;}
.section-energie-beispiele {width: 100%; height: auto; float: left; margin-bottom: 100px; padding: 100px 15% 100px 15%; background-color: #F9F9F9; border-top: solid 5px var(--gold); }
.section-energie-beispiele-left {width: 50%; height: auto; float: left; padding-right: 35px; }
.section-energie-beispiele-left h1 {font-family: 'Noto Serif', sans-serif; font-size: 30px; line-height: 40px; font-weight: 300; color: var(--gold); margin: 0px; text-align: right;}
.section-energie-beispiele-right {width: 50%; height: auto; float: left; padding-left: 35px; font-size: 18px; line-height: 24px; font-weight: 300; color: var(--grau);}
.section-energie-beispiele-right ul {list-style-type: none; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 0px;  float: left;}
.section-energie-beispiele-right li {padding-top: 0px; padding-bottom: 5px; padding-left: 20px; line-height: 25px; }
.section-energie-beispiele-right li::before {content: "+"; color: var(--gold); display: inline-block; width: 25px; margin-left: -25px; font-size: 22px;}

.energie-wrap {width: 100%; height: auto; float: left; margin-bottom: 50px;}
.energie-wrap p {margin: 5px 0 0 0;}

.energie-angebot-container {height: auto; width: 100%; float: left; display: flex; padding: 60px 0px 60px 0px; border-top: 2px solid #ECECEC; }
.energie-angebot-container-left {width: calc(50% - 25px); height: auto; margin-right: 25px; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.energie-angebot-container-left-inside {width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(https://greenpark-woerrstadt.de/wp-content/uploads/2025/06/GWP-Visionsbild.jpg);}
.energie-angebot-container-right {width: calc(50% - 25px); height: auto; margin-left: 25px; margin-top: 0px; align-items: center; justify-content: center; flex-direction: column; display: flex; background-color: #F9F9F9; border-top: solid 5px var(--gold); padding: 30px; min-height: 400px;}
.energie-angebot-text-container {width: 100%; height: auto; float: left; text-align: center; margin: 20px 0px;}
.energie-angebot-text-container-maintitle {font-family: 'Noto Serif', sans-serif; font-size: 32px; line-height: 36px; font-weight: 300; color: var(--gold);}
.energie-angebot-text-container-title {font-size: 26px; line-height: 30px; font-weight: 300; color: var(--gold);}
.energie-angebot-text-container-subtitle {font-size: 18px; line-height: 24px; font-weight: 300; color: var(--grau);}

/* Der Green Park */

.gp-hero {float: left; height: 450px; width: 100%; margin-bottom: 100px; background-position: center; background-repeat: no-repeat; background-size: cover; align-items: center; flex-direction: column; display: flex; top: 0px; border-bottom: solid 5px var(--gold);}
.gp-hero-title-wrapper {width: 100%; height: 100%; margin-top: 155px; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex; max-width: 1400px;}
.gp-hero-title-wrapper h1 {width: 80%; font-size: 50px; line-height: 55px; font-family: 'Noto Serif', sans-serif; text-align: center; padding: 0px 0px 20px 0px; font-weight: 400; color: var(--gold); text-shadow: var(--darkblue) 0px 0px 5px; margin: 0px;}
.gp-hero-01-text {width: 100%; height: auto; float: left; }
.gp-hero-01-text p {font-size: 18px; line-height: 28px; font-weight: 300; color: var(--grau); margin: 10px 0px;}
.gp-hero-01-text a {text-decoration: none; color: var(--gold); font-size: 18px; line-height: 24px; font-weight: 400; padding-top: 30px; float: left;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.gp-hero-01-text a:hover {color: var(--grau);}

.gp-baufelder-container {width: 100%; height: auto; float: left; padding: 60px 0px; border-bottom: 2px solid #ECECEC; border-top: 2px solid #ECECEC; margin: 60px 0px;}
.gp-baufelder-img {width: 100%; height: auto; float: left;}
.gp-baufelder-split-comtainer {width: 100%; height: auto; float: left; }
.gp-baufelder-haftung {width: 100%; height: auto; float: left; margin-top: 30px; font-size: 14px; line-height: 18px; font-weight: 300; color: var(--grau);}
.gp-baufelder-split-left {width: 50%; height: auto; float: left; padding-right: 25px; margin-bottom: 0px;}
.gp-baufelder-split-left table {overflow-x: auto; width: 100%;}
.customers {border-collapse: collapse; width: 100%; font-size: 16px;}
.customers td, #customers th {padding: 15px;}
.customers tr:nth-child(even){background-color: #FFF; color: #5F8EA5; font-weight: 500;}
.customers tr:hover {background-color: #F1F1F1;}
.customers tr {background-color: #F9F9F9; color: #5F8EA5; font-weight: 500;}
.customers th {padding-top: 15px; padding-bottom: 15px; width: 50%; text-align: left; background-color: var(--gold); color: #FFF; font-weight: 400; padding-left: 15px; padding-right: 15px;}

.gp-baufelder-split-right {width: 50%; height: auto; float: left; padding-left: 25px;}
.gp-baufelder-anfrage {width: 100%; height: auto; float: left; background-color: #F9F9F9; border-top: 5px solid var(--gold); padding: 50px;}
.gp-baufelder-titel {width: 100%; height: auto; float: left; font-size: 30px; line-height: 32px; font-weight: 300; font-family: 'Noto Serif', sans-serif; color: var(--gold); padding-bottom: 15px; margin-bottom: 30px; border-bottom: 2px solid #DBDBDB; text-align: left;}
.gp-baufelder-text {width: 100%; height: auto; float: left; font-size: 18px; line-height: 24px; font-weight: 300; color: var(--grau); margin-bottom: 20px; text-align: left;}
.gp-baufelder-mail {width: 100%; height: auto; float: left; font-size: 18px; line-height: 24px; font-weight: 500; color: var(--gold); margin-bottom: 50px; text-align: left;}
.gp-baufelder-formular {width: 100%; height: auto; float: left;}
.gp-baufelder-formular .wpcf7-form-control {background-color: #FFF; text-align: left; height: 50px; border: 2px solid var(--hellgrau); width: 100%; padding-left: 15px; padding-right: 15px; color: var(--gold); font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; margin-bottom: 5px; }
.gp-baufelder-formular .wpcf7-textarea {padding: 15px; height: 300px; resize: none;}
.gp-baufelder-formular .wpcf7-submit {background-color: var(--gold); border: 2px solid var(--gold); color: var(--white); font-weight: 400; cursor: pointer;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; opacity: 1.0; text-align: center;}
.gp-baufelder-formular .wpcf7-submit:hover {background-color: var(--hellgrau); border: 2px solid var(--hellgrau); color: var(--grau); opacity: 0.8;}
.gp-baufelder-formular .wpcf7-response-output, .wpcf7-validation-errors {margin-top: -10px!important; margin-left: 0px!important; margin-right: 0px!important; margin-bottom: 0px!important; border-width: 0!important; background-color: transparent; padding: 0px!important; color: var(--gold); font-size: 16px; }
.gp-baufelder-formular .wpcf7-not-valid-tip {margin-top: 0px; color: var(--gold)!important;}
.gp-baufelder-formular label {font-size: 12px; font-weight: 400; color: var(--gold); }
.gp-baufelder-formular .wpcf7-form p {margin-top: 0px!important;}
.gp-baufelder-formular .wpcf7-form-control:focus {border-color: var(--gold)!important; outline: none!important;}
.gp-baufelder-formular .wpcf7-checkbox {width: 100%; height: auto; float: left; padding: 10px 0px 10px 0px; margin: 0px; border: none;}
.gp-baufelder-formular .wpcf7-list-item {margin-left: 0px!important; }
.gp-baufelder-formular .wpcf7-list-item input {width: 14px; float: left; }
.gp-baufelder-formular .wpcf7-list-item-label {width: calc(100% - 30px); float: right; font-size: 16px; line-height: 20px;}
.gp-baufelder-formular ::-webkit-input-placeholder {color: var(--grau)!important; opacity: 0.3;}
.gp-baufelder-formular :-moz-placeholder {color: var(--grau)!important; opacity: 0.3;}
.gp-baufelder-formular ::-moz-placeholder {color: var(--grau)!important; opacity: 0.3;}
.gp-baufelder-formular :-ms-input-placeholder {color: var(--grau)!important; opacity: 0.3;}

.map-container {width: 100%; height: auto; float: left; padding-bottom: 100px; border-bottom: solid 5px var(--gold); margin-bottom: 100px;}
.map-title {width: 100%; height: auto; float: left; margin-bottom: 30px;}
.map-title h1 {font-family: 'Noto Serif', sans-serif; font-size: 40px; line-height: 44px; font-weight: 300; color: var(--gold); margin: 0px;}

#map { height: 600px; width: 100%; }
.leaflet-popup-content {color: #D5B161!important; font-weight: 500!important; font-family: 'Roboto', sans-serif; text-align: center!important; font-size: 16px!important;}

.map-text-container {width: 100%; height: auto; float: left; margin-top: 60px; font-size: 18px; line-height: 28px; font-weight: 300; color: var(--grau);}
.map-text-left {width: 50%; height: auto; float: left; padding-right: 25px; margin-bottom: 0px;}
.map-text-right {width: 50%; height: auto; float: left; padding-left: 25px; }

.ort-container {width: 100%; height: auto; float: left; margin: 0px 0px 100px 0px;}
.ort-titel {width: 100%; height: auto; float: left; margin-bottom: 30px;}
.ort-titel h1 {font-family: 'Noto Serif', sans-serif; font-size: 40px; line-height: 44px; font-weight: 300; color: var(--gold); margin: 0px;}
.ort-split-left {width: 50%; height: auto; float: left; padding-right: 25px; margin-bottom: 0px;}
.ort-subtitle {width: 100%; height: auto; float: left; margin-bottom: 25px;}
.ort-subtitle h2 {font-size: 24px; line-height: 30px; font-weight: 300; color: var(--grau); margin: 0px;}
.ort-text {width: 100%; height: auto; float: left; }
.ort-text p {font-size: 18px; line-height: 28px; font-weight: 300; color: var(--grau); margin: 0px;}
.ort-zitat {width: 100%; height: auto; float: left; margin-bottom: 50px;}
.ort-zitat:last-child {margin-bottom: 0px;}
.ort-zitat-name {width: 100%; height: auto; float: left; font-size: 18px; line-height: 22px; font-weight: 400; color: var(--gold);}
.ort-zitat-position {width: 100%; height: auto; float: left; font-size: 16px; line-height: 20px; font-weight: 300; color: var(--grau);}
.ort-zitat-inside {width: calc(100% - 10px); margin-left: 10px; height: auto; float: left; font-size: 24px; line-height: 34px; font-weight: 300; color: var(--gold); margin-top: 15px; padding-left: 30px; border-left: 1px solid var(--hellgrau); font-style: italic;}
.ort-link-titel {width: 100%; height: auto; float: left; font-size: 18px; font-weight: 400; line-height: 24px; color: var(--gold); padding-bottom: 15px; margin-bottom: 30px; margin-top: 50px; border-bottom: 2px solid #DBDBDB;}
.ort-link {width: 100%; height: auto; float: left; color: var(--gold); font-size: 18px; font-weight: 400;}
.ort-link a {text-decoration: none; color: var(--grau); font-weight: 400;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.ort-link a:hover {color: var(--gold);}
.ort-link ul {list-style-type: none; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 0px;  float: left;}
.ort-link li {padding-top: 0px; padding-bottom: 5px; padding-left: 20px; line-height: 25px; }
.ort-link li::before {content: "\00BB"; color: var(--gold); display: inline-block; width: 25px; margin-left: -25px; font-size: 22px;}
.ort-split-right {width: 50%; height: auto; float: left; padding-left: 25px;}
.ort-img {width: 100%; height: auto; float: left; }

/* Show */

.show {float: left; height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; align-items: center; flex-direction: column; display: flex; top: 0px; border-bottom: solid 5px var(--gold); margin-bottom: 100px;}
.show-logo-img {width: 250px; height: auto; text-align: center; }
.show-title-wrapper {width: 100%; height: 100%; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex; max-width: 1400px;}
.show-title-wrapper h1 {width: 80%; font-size: 50px; line-height: 55px; font-family: 'Noto Serif', sans-serif; text-align: center; padding: 0px 0px 20px 0px; font-weight: 400; color: var(--gold); text-shadow: var(--darkblue) 0px 0px 5px; margin: 0px;}
.show-title-strip {height: 2px; width: 50px; background-color: var(--hellgrau);}
.show-title-wrapper h2 {width: 80%; font-size: 25px; line-height: 30px; text-align: center; font-weight: 300; color: var(--hellgrau); text-shadow: var(--darkblue) 0px 0px 5px; margin: 0px; padding: 20px 0px 0px 0px;}

.show-button-container {width: 100%; height: auto; float: left;}
.button-show {width: 350px; height: auto; margin-top: 60px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding: 0px 0px; text-decoration: none;}
a.button-link-orange {text-decoration: none!important; color: var(--gold); font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; }
a.button-link-orange:hover {color: var(--white);}
.button-orange {background-color: transparent; padding: 20px 10px 20px 10px; border: 2px solid var(--gold); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; text-align: center; font-style: normal;}
.button-orange:hover {background-color: var(--gold); color: var(--white);}
.show-arrow {position: absolute; bottom: 15px; width: 100%; height: auto; font-size: 100px; font-weight: 500; color: var(--gold); align-items: center;}

/* Section 01 */

.section-01-wrapper {width: 100%; height: auto; float: left; margin-bottom: 100px;}
.section-01-title {width: 100%; height: auto; float: left; padding-right: 40%; margin-bottom: 60px;}
.section-01-title h1 {font-family: 'Noto Serif', sans-serif; font-size: 40px; line-height: 44px; font-weight: 300; color: var(--gold); margin: 0px;}
.section-01-container-resize {width: 100%; height: auto; float: left; padding-left: 20%;}
.section-01-container-resize-strip {width: 100%; height: auto; float: left; padding-left: 20%; padding-bottom: 100px; border-bottom: solid 5px var(--gold);}
.section-01-subtitle {width: 100%; height: auto; float: left; margin-bottom: 25px;}
.section-01-subtitle h2 {font-size: 24px; line-height: 30px; font-weight: 300; color: var(--grau); margin: 0px;}
.section-01-text {width: 100%; height: auto; float: left; }
.section-01-text p {font-size: 18px; line-height: 28px; font-weight: 300; color: var(--grau); margin: 0px;}

.section-01-button-container {width: 100%; height: auto; float: left;}
.button-01-container {width: 350px; height: auto; margin-top: 40px; padding: 0px 0px; text-decoration: none;}
a.button-01-link-gold {text-decoration: none!important; color: var(--gold); font-size: 16px; font-weight: 300; text-transform: uppercase; color: var(--gold); letter-spacing: 2px; text-align: center;}
a.button-01-link-gold:hover {color: var(--white);}
.button-01-gold {background-color: transparent; padding: 20px 10px 20px 10px; border: 2px solid var(--gold); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.button-01-gold:hover {background-color: var(--gold); color: var(--white);}

/* Section 02 */

.section-02-wrapper {width: 100%; height: auto; float: left; padding: 100px 0px; margin-bottom: 100px; background-color: #3C3D39; border-top: solid 5px var(--gold); border-bottom: solid 5px var(--gold);}
.section-02-title {width: 100%; height: auto; float: left; margin-bottom: 60px; padding-bottom: 15px; border-bottom: solid 2px #5E5E5E;}
.section-02-title h2 {font-family: 'Noto Serif', sans-serif; font-size: 30px; line-height: 45px; font-weight: 300; color: var(--gold); margin: 0px;}
.section-02-img {width: 100%; height: auto; float: left;}

.section-02-button-container {width: 100%; height: auto; float: left; padding-top: 100px; margin-top: 60px; border-top: solid 2px #5E5E5E;}
.button-02-container {width: 350px; height: auto; padding: 0px 0px; text-decoration: none; margin-left: auto; margin-right: auto;}
a.button-02-link-gold {text-decoration: none!important; color: var(--gold); font-size: 16px; font-weight: 300; text-transform: uppercase; color: var(--gold); letter-spacing: 2px; text-align: center;}
a.button-02-link-gold:hover {color: var(--white);}
.button-02-gold {background-color: transparent; padding: 20px 10px 20px 10px; border: 2px solid var(--gold); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.button-02-gold:hover {background-color: var(--gold); color: var(--white);}

/* Section 03 */

.section-03-wrapper {width: 100%; height: auto; float: left; margin-bottom: 100px;}
.section-03-title {width: 100%; height: auto; float: left; margin-bottom: 30px;}
.section-03-title h1 {font-family: 'Noto Serif', sans-serif; font-size: 40px; line-height: 44px; font-weight: 300; color: var(--gold); margin: 0px; text-align: center;}
.section-03-subtitle {width: 100%; height: auto; float: left; margin-bottom: 60px; padding: 0px 10%;}
.section-03-subtitle h2 {font-size: 24px; line-height: 30px; font-weight: 300; color: var(--grau); margin: 0px; text-align: center;}
.section-03-text {width: 100%; height: auto; float: left; margin-top: 60px;}
.section-03-text p {font-size: 18px; line-height: 28px; font-weight: 300; color: var(--grau); margin: 0px; text-align: center;}
.section-03-icons {width: 100%; height: auto; float: left; padding: 60px 50px 60px 50px; border-top: 2px solid #ECECEC; border-bottom: 2px solid #ECECEC;}
.section-03-icons-grid {width: 100%; height: auto; display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 50px; grid-row-gap: 40px;}
.section-03-icons-grid-container {width: 100%; height: auto; float: left; text-align: center;}
.section-03-icons-img {width: 100%; height: auto; padding: 0px 10px;}
.section-03-icons-subtitle {margin-top: 25px; width: 100%; height: auto; font-size: 18px; line-height: 24px; font-weight: 500; color: var(--grau);}

/* Section 04 */

.section-04-wrapper {width: 100%; height: auto; float: left; margin-bottom: 100px; background-color: #3C3D39; border-top: solid 5px var(--gold); border-bottom: solid 5px var(--gold);}
.section-04-img {width: 100%; height: auto; float: left;}
#h5vp_player .plyr .plyr__control--overlaid {background-color: var(--gold)!important;}
.plyr--full-ui input[type="range"] {color: var(--gold)!important;}
.plyr__control:hover {background-color: var(--gold)!important;}


/* Section 05 */

.section-05-wrapper {width: 100%; height: auto; float: left; margin-bottom: 100px;}
.container-flex {width: 100%; height: auto; margin: 0 auto; padding: 0px 50px; max-width: 1400px; align-items: center; justify-content: center; display: flex;}
.section-05-left {width: 50%; height: auto; float: left; padding: 0px 40px 0px 0px; }
.section-05-img {width: 100%; height: auto; float: left;}
.section-05-img-inside {width: 100%; height: auto;}
.section-05-right {width: 50%; height: 100%; float: left; padding: 0px 0px 0px 40px; }
.section-05-right-title {width: 100%; height: auto; float: left; margin-bottom: 30px; }
.section-05-right-title h2 {margin: 0px; font-size: 40px; line-height: 45px; text-align: left; font-weight: 300; color: var(--gold); font-family: 'Noto Serif', sans-serif;}
.section-05-right-text {width: 100%; height: auto; float: left; color: var(--grau); font-size: 18px; line-height: 30px; text-align: left; font-weight: 300;}

/* Section 06 */


.section-06-wrapper-no-margin {width: 100%; height: auto; align-items: center; justify-content: center; display: flex; background-color: var(--gold); background-image: url(https://greenpark-woerrstadt.de/wp-content/uploads/2023/06/GPW-background-big-logo.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 100px 0px;}
.section-06-wrapper {width: 100%; height: auto; align-items: center; justify-content: center; display: flex; background-color: var(--gold); background-image: url(https://greenpark-woerrstadt.de/wp-content/uploads/2023/06/GPW-background-big-logo.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 100px 0px; margin-bottom: 100px;}
.section-06-claim {width: 100%; height: auto; font-size: 40px; line-height: 45px; text-align: center; font-weight: 300; color: var(--white); font-family: 'Noto Serif', sans-serif; padding: 35px 10%;}
.section-06-strip-container {width: 100%; height: auto; align-items: center; justify-content: center; display: flex;}
.section-06-strip {height: 2px; width: 50px; background-color: var(--white);}

/* Section 07 */

.section-07-wrapper {width: 100%; height: auto; align-items: center; justify-content: center; display: flex; background-image: url(https://greenpark-woerrstadt.de/wp-content/uploads/2023/06/GPW-background-anfrage.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 100px 0px 50px 0px; border-bottom: solid 5px var(--gold);}
.section-07-container {width: 100%; height: auto; float: left; padding: 0px 30%;}
.section-07-title {width: 100%; height: auto; float: left; font-size: 40px; line-height: 45px; font-weight: 300; font-family: 'Noto Serif', sans-serif; color: var(--gold); padding-bottom: 15px; margin-bottom: 30px; border-bottom: 2px solid #5E5E5E; text-align: center;}
.section-07-text {width: 100%; height: auto; float: left; font-size: 18px; line-height: 24px; font-weight: 300; color: var(--hellgrau); margin-bottom: 20px; text-align: center;}
.section-07-mail {width: 100%; height: auto; float: left; font-size: 18px; line-height: 24px; font-weight: 500; color: var(--gold); margin-bottom: 50px; text-align: center;}
.section-07-formular {width: 100%; height: auto; float: left;}

.section-07-formular .wpcf7-form-control {background-color: transparent; text-align: left; height: 50px; border: 2px solid var(--hellgrau); width: 100%; padding-left: 15px; padding-right: 15px; color: var(--gold); font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; margin-bottom: 5px; }
.section-07-formular .wpcf7-textarea {padding: 15px; height: 300px; resize: none;}
.section-07-formular .wpcf7-submit {background-color: var(--gold); border: 2px solid var(--gold); color: var(--white); font-weight: 400; cursor: pointer;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; opacity: 1.0; text-align: center;}
.section-07-formular .wpcf7-submit:hover {background-color: var(--hellgrau); border: 2px solid var(--hellgrau); color: var(--grau); opacity: 0.8;}
.section-07-formular .wpcf7-response-output, .wpcf7-validation-errors {margin-top: -10px!important; margin-left: 0px!important; margin-right: 0px!important; margin-bottom: 0px!important; border-width: 0!important; background-color: transparent; padding: 0px!important; color: var(--gold); font-size: 16px; }
.section-07-formular .wpcf7-not-valid-tip {margin-top: 0px; color: var(--gold)!important;}
.section-07-formular label {font-size: 12px; font-weight: 400; color: var(--gold); }
.wpcf7-form p {margin-top: 0px!important;}
.wpcf7-form-control:focus {border-color: var(--gold)!important; outline: none!important;}

.section-07-formular .wpcf7-checkbox {width: 100%; height: auto; float: left; padding: 10px 0px 10px 0px; margin: 0px; border: none;}
.section-07-formular .wpcf7-list-item {margin-left: 0px!important; }
.section-07-formular .wpcf7-list-item input {width: 14px; float: left; }
.section-07-formular .wpcf7-list-item-label {width: calc(100% - 30px); float: right; font-size: 16px; line-height: 20px;}

.section-07-formular ::-webkit-input-placeholder {color: var(--hellgrau)!important; opacity: 0.3;}
.section-07-formular :-moz-placeholder {color: var(--hellgrau)!important; opacity: 0.3;}
.section-07-formular ::-moz-placeholder {color: var(--hellgrau)!important; opacity: 0.3;}
.section-07-formular :-ms-input-placeholder {color: var(--hellgrau)!important; opacity: 0.3;}
.grecaptcha-badge {display: none!important; visibility: hidden!important;}

/* Section 08 */

.section-08-wrapper {width: 100%; height: auto; float: left; padding: 100px 0px; border-bottom: solid 5px var(--gold);}
.section-08-title {width: 100%; height: auto; float: left; margin-bottom: 60px; padding-bottom: 20px; border-bottom: 2px solid #ECECEC;}
.section-08-title h1 {font-family: 'Noto Serif', sans-serif; font-size: 40px; line-height: 44px; font-weight: 300; color: var(--gold); margin: 0px; text-align: center;}
.section-08-icons {width: 100%; height: auto; float: left; padding: 0px 0px 0px 0px; }
.section-08-icons-grid {width: 100%; height: auto; display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 15px; grid-row-gap: 40px;}
.section-08-icons-grid-container {width: 100%; height: auto; float: left; text-align: center;}
.section-08-icons-img {width: 100%; height: auto; padding: 0px 0px; background-color: #F7F7F7;}
.section-08-icons-subtitle {margin-top: 15px; width: 100%; height: auto; word-break: break-word;}
.section-08-icons-subtitle a {text-decoration: none; color: var(--grau); font-size: 14px; line-height: 16px; font-weight: 500; padding: 0; margin: 0; display: block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.section-08-icons-subtitle a:hover {color: var(--gold);}

/* Footer */

.footer-top {height: auto; width: 100%; float: left; background-color: #2D2D2D; padding: 100px 0px;}
.footer-top-title {width: 100%; height: auto; float: left; font-family: 'Noto Serif', sans-serif; font-size: 30px; font-weight: 300; color: var(--gold); padding-bottom: 10px; border-bottom: solid 1px #505050; margin-bottom: 40px;}
.footer-top-box-container {width: 100%; height: auto; float: left;}
.footer-top-box1 {width: 50%; height: auto; float: left;}
.footer-top-box1-text a {color: var(--white); text-decoration: none;}
.footer-top-box2 {width: 50%; height: auto; float: right; text-align: right;}
.footer-top-box2 a {width: 40px; height: 40px; float: right;}
.footer-top-box1-title {font-size: 18px; font-weight: 400; color: var(--white); float: left; width: 100%; height: auto; margin-bottom: 5px;}
.footer-top-box1-section {float: left; width: 100%; height: auto; margin-top: 15px;}
.footer-top-box1-icon {width: 22px; height: 22px; float: left; }
.footer-top-box1-text {width: calc(100% - 22px); height: auto; float: left; font-size: 16px; font-weight: 300; line-height: 22px; color: var(--white); padding-left: 12px; padding-top: 2px;}

.footer-bottom {height: auto; width: 100%; float: left; background-color: #1A1A1A; }
.footer-bottom-box1 {width: 50%; height: auto; float: left; color: var(--white); font-size: 16px; padding: 30px 0px 30px 0px; font-weight: 500; text-align: left; border-bottom: none; margin-bottom: 0px;}
.footer-bottom-box2 {width: 50%; height: auto; float: right; color: var(--white); font-size: 16px; padding: 30px 0px 30px 0px; font-weight: 300; text-align: right; margin-top: 0px;}
.footer-bottom-box1 a {text-decoration: none; color: var(--white); font-weight: 500; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.footer-bottom-box2 a {text-decoration: none; color: var(--gold); font-weight: 500; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.footer-bottom-box1 a:hover {text-decoration: none; color: var(--gold);}
.footer-bottom-box2 a:hover {text-decoration: none; color: var(--grau);}
.footer-divider {color: var(--white); font-size: 16px; margin: 0px 8px; font-weight: 500;}

@media (max-width: 1300px) {
	
	/* Header */
	.container-mobile {padding: 0px 20px; }
	
	a.anchor {top: -120px;}
	
	.logo {width: 100px; height: auto; float: left; margin: 26px 0px 26px 0px; z-index: 1002; position: absolute;}
	#header {visibility: hidden; display: none; }
	.custom-logo {width: auto; height: 45px; float: left; }
	.custom-logo-link {width: 100%; height: 100%; object-fit: contain; object-position: 0 0; float: left; text-align: left; z-index: 1002;}
	#navigation {width: 0px; height: 0px; visibility: hidden; display: none;}
	#navigation-contact {width: 0px; height: 0px; visibility: hidden; display: none;}
	
	#header-mobile {position: fixed; z-index: 1001!important; height: 100px; visibility: visible; display: block; width: 100%; float: left; background-color: #2B2B2B; border-bottom: solid 5px var(--gold); }
	#navigation-mobile {display: inline-block; width: 100%; float: right; text-align: right; margin-top: -8px; margin-left: -10px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; z-index: 1001; padding: 30px 20px 10px 0px; position: absolute;}

	.nav-wrapper {opacity: 0.9; overflow-y: auto; z-index:999; width: 100%; bottom: 0px; top: 95px;  position: fixed; padding-left: 0px; padding-right: 0px; text-align: left;}
	.nav-wrapper ul {width: 100%; margin: 0; padding: 0; list-style-type: none; list-style-image: none; z-index:999; float: left;}
	.nav-wrapper li {width: calc(100% - 60px); text-align: center; display: block; padding:15px 0px 15px 0px; margin: 0px 30px 0px 30px; border-top: #FFF 1px solid; z-index:999; float: left;}
	
	.nav-wrapper li:nth-last-child(2) {margin-top: 0px; }
	.nav-wrapper li:last-child {border-bottom: #FFF 1px solid;}
	.nav-wrapper a {text-transform: uppercase; text-align: center; letter-spacing: 2px; color: var(--white); text-decoration:none; font-size: 16px; font-weight: 300; line-height: 40px; z-index: 999; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
	.nav-wrapper a:hover {color: var(--gold); z-index: 999;}
	
	/* Dropdown Content (Hidden by Default) */
	.sub-menu {display: block!important; position: unset!important; padding: 20px 0 0 0!important; margin-left: 0px!important;}
.sub-menu ul {padding: 0px!important;} 
.sub-menu li {display: block!important; width: 100%; margin-left: 0px!important; margin-right: 24px !important; border-bottom: 0px; border-top: 0px rgba(230, 230, 230) solid; padding: 0px!important; margin-top: -50px !important; float: left; height: 80px;}
.sub-menu li:first-child {display: block!important; width: 100%; margin-left: 0px!important; margin-right: 0px !important; border-bottom: 0px rgba(230, 230, 230) solid; padding: 0px!important; border-top: 0px rgba(230, 230, 230) solid; margin-top: -16px !important; float: left; height: 80px;}
.sub-menu li:before {content: " "!important; display: inline-block!important; margin-left: 12px!important; margin-right: -12px!important; font-weight: 300!important; color: var(--hellgrau)!important;}
.menu li:first-child .sub-menu {margin-left: 10px!important; }

/* Links inside the dropdown */
.sub-menu a {width: 100%; color: var(--white)!important; padding: 0px 16px; text-decoration: none; font-size: 14px!important; display: block; background-color: rgba(245, 245, 245, 0)!important; min-width: 250px; width: 100%; float: left; height: 40px;}
.sub-menu li:last-child {border-bottom: none; margin-bottom: -30px;}
.sub-menu .current_page_item a, .sub-menu .current-menu-item a {color: var(--white)!important;}

/* Change color of dropdown links on hover */
.sub-menu a:hover {background-color: rgba(230, 230, 230, 0)!important; color: var(--gold)!important;}

/* Show the dropdown menu on hover */
.menu-item:hover .sub-menu {display: block!important;}
	
}
@media (max-width: 950px) {
	
	.container {padding: 0px 20px; }
	
	/* Presse */
	
	.fotos-grid-container {grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; }
	.fotos-grid-beschreibung {font-size: 12px; line-height: 16px; }
	.download-icon-text {font-size: 14px; }
	
	.gp-baufelder-split-left {width: 100%; padding-right: 0px; margin-bottom: 60px;}
	.gp-baufelder-split-right {width: 100%; padding-left: 0px;}
	.gp-baufelder-haftung {font-size: 10px; line-height: 14px;}
	
	/* Infrastruktur */

	.infra-text h2, .infra-text h3 {font-size: 18px; line-height: 24px;}
	.infra-text {font-size: 14px; line-height: 22px;}
	.partner-text {font-size: 14px; line-height: 22px;}
	.infra-bild-beschriftung {font-size: 14px; line-height: 22px;}

	/* Ansprechpartner */
	
	.section-ansprechpartner {padding: 0px 0px;}
	.ansprechpartner-container {width: 100%; margin: 0px 0px 30px 0px;}
	.ansprechpartner-name {font-size: 16px; line-height: 20px;}
	.ansprechpartner-position {font-size: 14px; line-height: 18px;}
	.ansprechpartner-daten {font-size: 14px; line-height: 22px;}
	
	/* Energiekonzept ESG */

	.energie-hero {height: 300px;}
	.energie-hero-title-wrapper {margin-top: 105px;}
	.energie-hero-title-wrapper h1 {width: 80%; font-size: 28px; line-height: 30px;}
	.section-energie-title {padding-right: 0px; margin-bottom: 30px;}
	.section-energie-title h1 {font-size: 28px; line-height: 30px;}
	.section-energie-container-resize {padding-left: 0px;}
	.section-energie-subtitle h2 {font-size: 18px; line-height: 24px; }
	.section-energie-text p {font-size: 14px; line-height: 22px;}
	.section-energie-konzept {padding: 60px 0px 60px 0px;}
	.section-energie-esg {padding: 100px 0px 0px 0px; }
	.section-energie-esg-title h1 {font-size: 28px; line-height: 30px;}
	.section-energie-esg-title h2 {font-size: 18px; line-height: 24px;}
	
	.section-energie-esg-text-right {font-size: 14px; line-height: 22px;}
	
	.section-energie-beispiele {padding: 100px 20px 100px 20px;}
	.section-energie-beispiele-left {width: 100%; padding-right: 0px; }
	.section-energie-beispiele-left h1 {font-size: 24px; line-height: 30px; text-align: left; margin-bottom: 35px;}
	.section-energie-beispiele-right {width: 100%; padding-left: 0px; font-size: 14px; line-height: 18px; }
	.section-energie-beispiele-right li::before {font-size: 14px;}
	
	.energie-angebot-container {flex-direction: column;}
	.energie-angebot-container-left {width: 100%; height: 400px; margin-right: 0px;}
	.energie-angebot-container-right {width: 100%; margin-left: 0px; margin-top: 0px; padding: 50px 30px;}
	.energie-angebot-text-container-maintitle {font-size: 26px; line-height: 28px;}
	.energie-angebot-text-container-title {font-size: 20px; line-height: 24px; }
	.energie-angebot-text-container-subtitle {font-size: 16px; line-height: 20px;}
	
	
	/* Der Green Park */

	.gp-hero {height: 300px;}
	.gp-hero-title-wrapper {margin-top: 105px;}
	.gp-hero-title-wrapper h1 {width: 80%; font-size: 30px; line-height: 32px;}
	.gp-hero-01-text p {font-size: 14px; line-height: 22px;}
	.gp-hero-01-text a {font-size: 14px; line-height: 22px;}

	.gp-baufelder-split-left {width: 100%; padding-right: 0px; margin-bottom: 60px;}
	.customers {font-size: 14px;}

	.gp-baufelder-split-right {width: 100%; padding-left: 0px;}
	.gp-baufelder-anfrage {padding: 50px 20px 50px 20px;}
	.gp-baufelder-titel {font-size: 24px; line-height: 30px;}
	.gp-baufelder-text {font-size: 14px; line-height: 22px;}
	.gp-baufelder-mail {font-size: 14px; line-height: 22px;}
	
	.map-title h1 {font-size: 28px; line-height: 30px; font-weight: 300; color: var(--gold); margin: 0px;}
	.leaflet-popup-content {font-size: 14px!important;}

	.map-text-container {font-size: 14px; line-height: 22px;}
	.map-text-left {width: 100%; padding-right: 0px; margin-bottom: 15px;}
	.map-text-right {width: 100%; padding-left: 0px; }

	.ort-titel h1 {font-size: 28px; line-height: 30px;}
	.ort-split-left {width: 100%; padding-right: 0px; margin-bottom: 60px;}
	.ort-subtitle h2 {font-size: 18px; line-height: 24px;}
	.ort-text p {font-size: 14px; line-height: 22px;}
	.ort-link-titel {font-size: 14px; line-height: 22px; }
	.ort-link {font-size: 14px;}

	.ort-link li {line-height: 20px; }
	.ort-link li::before {font-size: 18px;}
	.ort-split-right {width: 100%; padding-left: 0px;}
	
	.ort-zitat-name {font-size: 16px; line-height: 20px;}
	.ort-zitat-position {font-size: 14px; line-height: 18px;}
	.ort-zitat-inside {font-size: 20px; line-height: 30px;}
	
	
	/* Section 01 */
	
	.section-01-title {padding-right: 0px; margin-bottom: 30px;}
	.section-01-title h1 {font-size: 28px; line-height: 30px;}
	.section-01-container-resize {padding-left: 0px;}
	.section-01-container-resize-strip {padding-left: 0px;}
	.section-01-subtitle h2 {font-size: 18px; line-height: 24px; }
	.section-01-text p {font-size: 14px; line-height: 22px;}
	.button-01-container {width: 100%; margin-top: 40px; padding: 0px 0px;}
	a.button-01-link-gold {font-size: 12px;}
	
	/* Section 02 */

	.section-02-title h2 {font-size: 24px; line-height: 26px; }
	.button-02-container {width: 100%;}
	a.button-02-link-gold {font-size: 12px;}
	
	/* Section 03 */

	.section-03-title h1 {font-size: 28px; line-height: 30px; }
	.section-03-subtitle {padding: 0px 10%;}
	.section-03-subtitle h2 {font-size: 18px; line-height: 24px;}
	.section-03-icons {padding: 60px 20px 60px 20px;}
	.section-03-icons-grid {grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; grid-row-gap: 40px;}
	.section-03-icons-img {padding: 0px 10px;}
	.section-03-icons-subtitle {font-size: 14px; line-height: 22px; margin-top: 5px;}
	
	/* Section 05 */

	.container-flex {padding: 0px 30px; align-items: center; justify-content: center; display: block;}
	.section-05-left {width: 100%; padding: 0px 0px 60px 0px; }
	.section-05-right {width: 100%; height: auto; padding: 0px 0px 0px 0px; }
	.section-05-right-title {margin-bottom: 30px; }
	.section-05-right-title h2 {font-size: 24px; line-height: 26px; text-align: center; }
	.section-05-right-text {font-size: 14px; line-height: 22px; text-align: center;}
	
	/* Section 06 */

	.section-06-claim {font-size: 28px; line-height: 30px; padding: 35px 5%;}
	
	/* Section 07 */

	.section-07-container {padding: 0px 30px;}
	.section-07-title {font-size: 28px; line-height: 30px;}
	.section-07-text {font-size: 14px; line-height: 22px; }
	.section-07-mail {font-size: 14px; line-height: 22px;}
	
	
	/* Section 08 */

	.section-08-title h1 {font-size: 28px; line-height: 30px; }
	.section-08-icons-grid {grid-template-columns: repeat(3, 1fr); grid-row-gap: 40px;}
	.section-08-icons-subtitle a {font-size: 10px; line-height: 12px; }
	
	/* Show */
	
	.show-title-wrapper h1 {width: 100%; font-size: 30px; line-height: 32px; padding: 50px 20px 20px 20px; font-weight: 400; }
	.show-title-wrapper h2 {width: 100%; font-size: 16px; line-height: 20px; font-weight: 300; margin: 0px; padding: 20px 20px 0px 20px;}
	.button-show {width: 80%; margin-top: 30px;}
	a.button-link-orange {font-size: 12px; letter-spacing: 2px; }
	.show-about {height: 300px; margin-top: 95px;}
	.show-arrow {bottom: 5px; font-size: 50px; }
	
	/* Footer */
	
	.footer-top-box1 {width: 100%; }
	.footer-top-box2 {width: 100%; float: left; text-align: left; margin-top: 40px;}
	.footer-bottom-box1 {width: 100%; font-size: 14px; padding: 20px 0px 20px 0px; text-align: center; border-bottom: 1px solid var(--darkblue); margin-bottom: 0px;}
	.footer-bottom-box2 {width: 100%; float: left; font-size: 14px; padding: 20px 0px 20px 0px; text-align: center;}
}
@media (max-width: 650px) {
	/* Presse */
	
	.fotos-grid-container {grid-template-columns: repeat(1, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; }
}