/* 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: 'Fira Sans', sans-serif; font-size: 20px; font-weight: 300; line-height: 30px; font-style: italic; margin: 0px; scroll-behavior: smooth;}

:root {--gruen: #004225;}
:root {--schwarz: #2A2A2A;}
:root {--grau: #6B6B6B;}
:root {--striche: #D4D4D4;}
:root {--rot: #852D2E;}
:root {--blau: #002F5F;}
:root {--gelb: #FBBA40;}
:root {--white: #FFF;}

.wrapper-main {width: 100%; height: auto; float: left; margin: 0 auto; padding: 0px 0px; background-color: #F5F5F5;}
.container-top-space {width: 100%; height: auto; margin-top: 50px; margin-bottom: 50px; float: left; padding: 0px 50px;}
.container-main {width: 100%; height: auto; margin: 0 auto; max-width: 1500px;}
.wrapper-inside {width: 100%; height: auto; float: left; padding: 50px; background-color: var(--white); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}
.wrapper-extra {width: 100%; height: auto; float: left; padding: 0px 0px;}

/* Header */

#header {width: 100%; height: 190px; float: left; margin-bottom: 50px; visibility: visible; animation-name: fade; animation-duration: 0.5s;}
#header-mobile {height: 0px; visibility: hidden;}
#logo {width: 190px; height: 190px; float: left; margin-right: 10px;}
#navigation-container {width: calc(100% - 200px); height: 190px; float: right;}
.navigation {width: 100%; height: auto; float: left; margin-top: 66px; }
.navigation-streifen-dick {width: 100%; height: 5px; float: left; margin-top: 20px; background-color: var(--schwarz);}
.navigation-streifen-duenn {width: 100%; height: 1px; float: left; margin-top: 2px; background-color: var(--schwarz);}
.navigation-box {height: 17px; float: right; margin-left: 15px;}
.navigation-icon {height: 17px; width: 17px; float: left; margin-right: 5px;}
.navigation-text {height: 17px; float: left; font-size: 14px; line-height: 17px; font-weight: 400; color: var(--schwarz);}
.navigation-text a {text-decoration: none; color: var(--schwarz); opacity: 1; transition: 0.2s;}
.navigation-text a:hover {opacity: 0.4; }
.navigation-icon svg {float: left;}

.headerscroll {width: 100%; height: 80px; background-color: var(--gruen); position: fixed; top: 0px; left: 0; right: 0; opacity: 0; z-index: 1001; transition: all 0.2s; visibility: hidden; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); border-bottom: 3px solid var(--striche);}
.fixed {opacity: 1; visibility: visible;}
.headerscroll-logo {width: 223px; height: 80px; padding: 23px 30px;  float: left;}
.headerscroll-navigation-container {width: calc(100% - 224px); height: 80px; float: right; padding: 0px 30px; margin: 0px;}
.headerscroll-space {height: 50px; width: 1px; margin: 15px 25px; padding: 0px 0px; float: right; background-color: #235740;}
.headerscroll-space-left {height: 50px; width: 1px; margin: 15px 0px; padding: 0px 0px; float: left; background-color: #235740;}
.headerscroll-navigation {width: auto; height: 80px; line-height: 75px; float: right; text-align: right; padding: 0px 0px; color: var(--white); margin: 0px;}
.headerscroll-navigation ul {display: inline-block; margin: 0px;}
.headerscroll-navigation li {display: inline-block; list-style: none; padding: 0px; margin: 0px 0px 0px 4px; }
.headerscroll-navigation li:before {content: "/"; display: inline-block; margin-right: 6px; font-weight: 400; font-size: 14px;}
.headerscroll-navigation li:first-child:before, .menu .children li:before {content: ""; display: none; }
.headerscroll-navigation li:first-child {margin-left: 0px;}
.headerscroll-navigation li a {display: inline-block; text-decoration: none; font-family: 'Noto Serif', sans-serif; font-weight: 400; font-size: 14px; color: var(--white); transition: all 0.1s; opacity: 1;}
.headerscroll-navigation li a:hover {opacity: 0.3;}
.headerscroll-navigation .current_page_item a, .current-menu-item a {opacity: 0.3!important;}


.language-container {width: 100%; height: auto; float: left; visibility: hidden;}
.language-text {width: calc(100% - 30px); height: 30px; line-height: 30px; float: left; text-align: right; padding-right: 10px; font-size: 10px; font-style: italic; font-weight: 400; color: #CCCCCC; }
.language-box {width: 30px; height: 30px; float: right; background-color: #CCCCCC; text-align: center; font-size: 14px; line-height: 30px; color: var(--white); transition: 0.2s;}
.language-box:hover {background-color: var(--gruen); cursor: pointer;}

/* Navigation */

.menu {margin: 0px; padding: 0px; text-align: right;}
.menu ul {display: inline-block; margin: 0px;}
.menu li {display: inline-block; list-style: none; padding: 0px; margin: 0px 0px 0px 2px; }
.menu li:before {content: "/"; display: inline-block; margin-right: 6px; font-weight: 400;}
.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-family: 'Noto Serif', sans-serif; font-weight: 400; font-size: 20px; color: var(--schwarz); transition: all 0.2s; opacity: 1;}
.menu li a:hover {opacity: 0.3;}
.current_page_item a, .current-menu-item a {opacity: 0.3!important;}

.sub-navigation-container {width: 100%; height: auto; float: left; margin-top: 20px;}
.sub-navigation {margin: 0px; padding: 0px; text-align: right; font-size: 14px; line-height: 14px;}
.sub-navigation ul {display: inline-block; margin: 0px;}
.sub-navigation li {display: inline-block; list-style: none; padding: 0px; margin: 0px 0px 0px 6px; }
.sub-navigation li:before {content: "/"; display: inline-block; margin-right: 10px; font-weight: 400;}
.sub-navigation li:first-child:before, .menu .children li:before {content: ""; display: none; }
.sub-navigation li:first-child {margin-left: 0px;}
.sub-navigation li a {display: inline-block; text-decoration: none; font-family: 'Noto Serif', sans-serif; font-weight: 400; color: var(--schwarz); transition: all 0.1s; opacity: 1;}
.sub-navigation li a:hover {opacity: 0.3;}

/* Show */

.show {height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; align-items: center; flex-direction: column; display: flex; margin-bottom: 50px; float: left; padding-bottom: 50px; margin-top: 0px; border-bottom: 1px solid var(--striche);}
div#n2-ss-3, div#n2-ss-3-placeholder {display: none;}
div#n2-ss-2, div#n2-ss-2-placeholder {display: block;}
.show-title-wrapper {width: 100%; height: 100%; margin: 18% 0px; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.show-title-wrapper h1, .show-impressum-title-wrapper h1 {width: 90%; font-size: 40px; line-height: 55px; text-align: center; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: #FFF; text-shadow: var(--schwarz) 0px 0px 5px;}
.show-impressum {height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; align-items: center; flex-direction: column; display: flex; float: left; margin-top: 0px;}
.show-impressum-title-wrapper {width: 100%; height: 100%; margin: 10% 0px; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.hero-pfeil {Width: 15%; height: auto; margin-top: 30px; padding-top: 60px; border-top: 1px solid var(--striche);}

/* Subseite Downloads */

.subseite-downloads-wrapper {width: 100%; height: auto; float: left; margin-top: 30px; margin-bottom: 50px;}
.subseite-downloads-container {width: 100%; height: auto; margin: 0 auto; max-width: 600px;}
.subseite-downloads {width: 100%; height: auto; float: left;}

/* Post Marktticker */

.show-subseite-marktticker-post {height: auto; width: 100%; float: left; margin-top: 0px; animation-name: fade; animation-duration: 1.0s;}
.show-subseite-marktticker-post-img-inside {width: 100%; height: 0; padding-bottom: 40%; float: left; position: relative;}
.show-subseite-marktticker-post-img-inside-img {width: 100%; height: 100%; object-fit: cover; border: none; position: absolute;}
.show-subseite-marktticker-post-title-container {width: auto; height: 50px; position: absolute; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex; background-color: var(--gruen); padding: 0px 15px; visibility: visible;}
.show-subseite-marktticker-post-back {width: 100%; height: auto; line-height: 50px; font-size: 16px; color: var(--white); font-weight: 400;}
.show-subseite-marktticker-post-back a {text-decoration: none; color: var(--white); font-weight: 400; transition: all 0.2s;}
.show-subseite-marktticker-post-back a:hover {color: var(--striche);}
.marktticker-post-info-container {width: 100%; height: auto; float: left; margin-top: 20px; }
.show-subseite-marktticker-post-title {width: 100%; height: auto; padding: 0px 10%; font-size: 50px; line-height: 56px; text-align: center; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: #FFF; text-shadow: var(--schwarz) 0px 0px 5px; visibility: visible;}
.marktticker-post-path {width: 100%; height: auto; float: left; font-size: 12px; line-height: 18px; font-weight: 400; color: #BFBFBF; margin-top: 10px; margin-bottom: 70px; padding-left: 0px;}
.marktticker-post-path-pfeil {padding: 0px 10px; color: var(--schwarz);}
.marktticker-post-path a {text-decoration: none; color: var(--schwarz); font-weight: 400; transition: all 0.2s;}
.marktticker-post-path a:hover {color: #BFBFBF;}
.marktticker-post-container {width: 100%; height: auto; margin: 0 auto; max-width: 800px;}
.marktticker-post-inhalt {width: 100%; height: auto; float: left; margin-bottom: 50px; margin-top: 50px;}
.marktticker-post-title {width: 100%; height: auto; float: left; margin-top: 50px;}
.marktticker-post-title h1 {font-size: 30px; line-height: 36px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); margin: 0px; padding-bottom: 5px;}
.marktticker-post-subtitle {width: 100%; height: auto; float: left; font-size: 20px; line-height: 30px; font-weight: 300; color: var(--grau); margin-bottom: 50px;}
.marktticker-post-text {width: 100%; height: auto; float: left; font-size: 16px; line-height: 26px; font-weight: 300; color: var(--schwarz);}
.marktticker-post-text h2 {font-size: 22px; line-height: 28px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); margin: 0px 0px 20px 0px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--striche);}
.marktticker-post-text h4 {font-size: 20px; line-height: 26px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); margin: 20px 0px 40px 0px; padding-top: 40px; padding-bottom: 10px; border-bottom: 1px solid var(--striche);}
.marktticker-post-text p {margin: 0px 0px 20px 0px;}
.marktticker-post-text hr {width: 100%; height: 1px; background-color: var(--striche); border: none; float: left; margin-bottom: 10px;}
.marktticker-post-text a {text-decoration: none; color: var(--rot); font-weight: 400; transition: all 0.2s;}
.marktticker-post-text a:hover {color: var(--striche);}
.marktticker-post-text-bildbeschriftung, .wp-caption-text {width: 100%; height: auto; float: left; font-size: 12px; line-height: 18px; font-weight: 400; color: var(--grau); margin: -14px 0px 50px 0px!important; padding-bottom: 10px; border-bottom: 1px solid var(--striche);}
.wp-caption {width: 100%!important;}
.marktticker-post-text img {width: 100%; height: auto; margin-top: 30px; margin-bottom: 20px;}
.marktticker-post-text blockquote {border-left: 2px solid var(--gruen); margin: 20px 0px 40px 0px; padding: 0px 0px 0px 20px; font-size: 16px; line-height: 26px; font-weight: 300;}
.marktticker-post-text strong, .marktticker-post-text b {font-weight: 400;}
.marktticker-post-text ul {float: left; list-style-type: none; padding: 0px 0px 10px 5px; margin: 0px 0px 10px 0px; width: 100%; font-weight: 300; font-size: 16px; color: var(--grau);}
.marktticker-post-text li {padding-top: 0px; padding-bottom: 5px; padding-left: 20px; line-height: 22px; }
.marktticker-post-text li::before {content: "\00BB"; color: var(--grau); display: inline-block; width: 25px; margin-left: -25px; font-weight: 400;}
.marktticker-anmeldung-container {width: 100%; height: auto; float: left; background-color: #F5F5F5; padding: 70px 30px; margin-bottom: 0px; animation-name: fade; animation-duration: 1.0s;}


/* Subseite Marktticker */

.subseite-MT-wrapper {width: 100%; height: auto; float: left; margin-top: 50px; margin-bottom: 0px;}
.subseite-MT-left-container {width: 30%; height: auto; float: left; background-color: #F5F5F5; padding: 70px 30px; margin-bottom: 0px; animation-name: fade; animation-duration: 1.0s;}
.subseite-MT-left-subtext {width: 100%; height: auto; float: left; font-size: 20px; line-height: 28px; font-weight: 300; color: var(--grau); margin-bottom: 20px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.subseite-MT-left-text {width: 100%; height: auto; float: left; margin-bottom: 20px; font-size: 16px; line-height: 26px; font-weight: 300; color: var(--grau); -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.subseite-MT-left-slogan {width: 100%; height: auto; float: left; margin-bottom: 20px; font-size: 16px; line-height: 26px; font-weight: 400; color: var(--grau); }
.subseite-MT-left-aufzaehlung {width: 100%; height: auto; float: left; margin-bottom: 20px;}
.subseite-MT-left-aufzaehlung ul {float: left; list-style-type: none; padding: 0px 0px 10px 5px; margin: 0px 0px 10px 0px; width: 100%; font-weight: 300; font-size: 16px; color: var(--grau);}
.subseite-MT-left-aufzaehlung li {padding-top: 0px; padding-bottom: 5px; padding-left: 20px; line-height: 22px; }
.subseite-MT-left-aufzaehlung li::before {content: "\00BB"; color: var(--grau); display: inline-block; width: 25px; margin-left: -25px; font-weight: 400;}
.subseite-MT-right-container {width: calc(70% - 50px); height: auto; float: left; margin-left: 50px; animation-name: fade; animation-duration: 1.0s;}
.subseite-MT-aktuell-container {width: 100%; height: auto; float: left; margin-bottom: 70px; border-bottom: 1px solid var(--striche); padding-bottom: 30px;}
.subseite-MT-aktuell-info-container {width: 100%; height: auto; float: left; margin-bottom: 20px;}
.subseite-MT-aktuell-info-box {width: 50px; height: 50px; float: left; margin-right: 10px; background-color: var(--gruen);}
.subseite-MT-aktuell-info-box-icon-img {width: 100%; height: auto; float: left;}
.subseite-MT-aktuell-info-box-text {width: calc(100% - 60px); height: auto; float: left; border-top: 1px solid var(--striche); border-bottom: 1px solid var(--striche); padding: 16px 10px; font-size: 12px; line-height: 16px; font-weight: 400; color: var(--schwarz);}
.subseite-MT-aktuell-img {width: 100%; height: auto; float: left; margin-bottom: 30px;}
.subseite-MT-aktuell-img-inside {width: 100%; height: 0; padding-bottom: 50%; float: left; position: relative; }
.subseite-MT-aktuell-img-inside-img {width: 100%; height: 100%; object-fit: cover; border: none; position: absolute;}
.subseite-MT-aktuell-overlay {width: 100%; height: 100%; position: absolute; opacity: 0; transition: all 0.2s; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.subseite-MT-aktuell-overlay:hover {width: 100%; height: 100%; position: absolute; background-color: rgba(0, 76, 50, 0.9); opacity: 1;}
.subseite-MT-aktuell-overlay-pfeil {width: 50px; height: auto;}
.subseite-MT-aktuell-titel {width: 100%; height: auto; float: left; margin-bottom: 15px;}
.subseite-MT-aktuell-titel h2 {font-size: 26px; line-height: 32px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); margin: 0px;}
.subseite-MT-aktuell-text {width: 100%; height: auto; float: left; margin-bottom: 15px; font-size: 16px; line-height: 26px; font-weight: 300; color: var(--grau); }
.subseite-MT-aktuell-weiterlesen {width: 100%; height: auto; float: left; }
.subseite-MT-aktuell-weiterlesen a {font-size: 16px; line-height: 26px; font-weight: 400; color: var(--schwarz); text-decoration: none; transition: all 0.2s;}
.subseite-MT-aktuell-weiterlesen a:hover {color: var(--striche); }

.subseite-MT-archiv-container {width: 100%; height: auto; float: left;}
.subseite-MT-archiv-grid {width: 100%; height: auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; grid-row-gap: 50px; float: left; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid var(--striche);}
.subseite-MT-archiv-grid-element {width: 100%; height: auto; float: left; animation-name: fade; animation-duration: 1.0s;}
.subseite-MT-archiv-img-inside {width: 100%; height: 0; padding-bottom: 70%; float: left; position: relative; }
.subseite-MT-archiv-titel {width: 100%; height: auto; float: left; margin-bottom: 15px;}
.subseite-MT-archiv-titel h2 {font-size: 22px; line-height: 28px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); margin: 0px;}
.subseite-MT-archiv-text {width: 100%; height: auto; float: left; margin-bottom: 15px; font-size: 16px; line-height: 24px; font-weight: 300; color: var(--grau); }
.subseite-MT-archiv-weiterlesen {width: 100%; height: auto; float: left; }
.subseite-MT-archiv-weiterlesen a {font-size: 16px; line-height: 24px; font-weight: 400; color: var(--schwarz); text-decoration: none; transition: all 0.2s;}
.subseite-MT-archiv-weiterlesen a:hover {color: var(--striche); }

.overlay {display: block; position: fixed; width: 100%; height: calc(100% + 80px); right: 0px; left: 0px; top: 0; bottom: 0; margin: 0;padding-top: 0px; background: rgba(42, 42, 42, 0.98); transition: all 0.2; visibility: hidden; opacity: 0; z-index: 800; align-items: center; flex-direction: column; display: flex; }
.overlay:target {visibility: visible; opacity: 1; transition: all 0.2s;}
.popup {top: 100px; bottom: 100px; display: block; position: fixed; padding: 40px; background-color: var(--white); width: 60%; height: auto; max-width: 800px; transition: all 0.4s ease-in-out; margin: 0px 0px; overflow: auto;}
.popup-close {width: 100%; height: auto; float: left; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid var(--striche);}
.popup-title {width: 100%; height: auto; float: left; font-size: 22px; line-height: 28px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz);}
.popup .close {position: absolute; top: 13px; right: 40px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: var(--schwarz); font-style: normal;}
.popup .close:hover {color: var(--gruen);}
.popup .content {width: 100%; height: auto; float: left; margin-top: 20px; font-size: 16px; line-height: 26px; font-weight: 300; color: var(--grau); overflow: auto;}

.subseite-MT-formular {width: 100%; height: auto; float: left; margin-top: 25px; margin-bottom: 0px;}

.entry__field {background-color: transparent; text-align: left; height: 50px; border: 1px solid var(--striche)!important; width: 100%; padding-left: 15px!important; padding-right: 15px!important; color: var(--schwarz); font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 300; font-style: italic; margin-bottom: 5px; border-radius: 0px!important; transition: all 0.2s;}
.subseite-MT-formular .wpcf7-textarea {padding: 15px; height: 300px; resize: none;}
.sib-form-block__button {background-color: var(--gruen); border: 2px solid var(--gruen)!important; padding: 15px 50px!important; font-family: 'Fira Sans', sans-serif!important; color: var(--white); font-weight: 400; font-size: 18px; font-style: italic; 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;}
.sib-form-block__button:hover {background-color: var(--white); border: 2px solid var(--gruen); color: var(--gruen); opacity: 0.8;}
#sib-container {padding: 0px!important;}
.sib-form-block {padding: 0px!important;}
.sib-text-form-block {font-size: 16px!important; text-align: left; line-height: 20px!important; color: var(--grau)!important; margin-bottom: 15px;}
.sib-form {padding: 0px!important;}
.sib-form .input {padding: 0px!important; }
.sib-form .entry__field:focus-within{box-shadow:0 0 0 0px #c9e1f4!important; border: 1px solid var(--grau)!important; outline: none !important;}
.sib-form .checkbox {border: 2px solid var(--gruen)!important; border-radius: 0px!important;}
.sib-form .input_replaced:focus + .checkbox {box-shadow:0 0 0 0px var(--gruen)!important;}
.sib-form .input_replaced:checked + .checkbox_tick_positive {background: var(--gruen)!important;}
.subseite-MT-formular .wpcf7-response-output, .wpcf7-validation-errors {margin-top: -15px!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(--gruen); font-size: 12px; line-height: 16px;}
.subseite-MT-formular .wpcf7-not-valid-tip {margin-top: 0px; color: var(--gruen)!important; }
.subseite-MT-formular label {font-size: 12px; font-weight: 400; color: var(--striche); }

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

.entry__field ::-webkit-input-placeholder {color: var(--grau)!important; opacity: 0.3!important; font-size: 16px!important; font-weight: 300!important; font-family: 'Fira Sans', sans-serif!important;}
.entry__field :-moz-placeholder {color: var(--grau)!important; opacity: 0.3!important; font-size: 16px!important; font-weight: 300!important; font-family: 'Fira Sans', sans-serif!important;}
.entry__field ::-moz-placeholder {color: var(--grau)!important; opacity: 0.3!important; font-size: 16px!important; font-weight: 300!important; font-family: 'Fira Sans', sans-serif!important;}
.entry__field :-ms-input-placeholder {color: var(--grau)!important; opacity: 0.3!important; font-size: 16px!important; font-weight: 300!important; font-family: 'Fira Sans', sans-serif!important;}


.text-grau {color: #BFBFBF;}

/* Subseite DMH International */

.subseite-international-wrapper {width: 100%; height: auto; float: left; margin-top: 100px; margin-bottom: 50px; display: flex;}
.subseite-international-container {width: 100%; height: auto; float: left;}
.subseite-international-left {width: 30%; height: auto; float: left; padding-right: 50px; border-right: 1px solid var(--striche); display: flex; margin-bottom: 0px;}
.subseite-international-left-subtext {width: 100%; height: auto; float: left; font-size: 20px; line-height: 28px; font-weight: 300; color: var(--grau); margin-bottom: 20px;}
.subseite-international-left-text {width: 100%; height: auto; float: left; font-size: 16px; line-height: 26px; font-weight: 300; color: var(--grau); -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.subseite-international-left-text p {margin: 0px 0px 15px 0px;}
.subseite-international-right {width: 70%; height: auto; float: left; padding-left: 50px; margin-top: 0px; margin-bottom: 10px; display: flex; flex-direction: column;}
.subseite-international-right-subtext {width: 100%; height: auto; float: left; font-size: 16px; line-height: 26px; font-weight: 400; color: var(--grau); margin-bottom: 50px;}
#map {width: 100%; height: 600px; float: left;}
.leaflet-top, .leaflet-bottom {z-index: 500!important;}
.leaflet-popup-content {font-size: 14px!important; text-align: center; font-weight: 300!important; color: var(--grau);}
.leaflet-popup-content b {font-weight: 400!important; font-size: 16px!important;}

.subseite-international-staaten-container {width: 100%; height: auto; float: left; margin-top: 50px;}
.subseite-international-staaten-links {width: 50%; height: auto; float: left; padding-right: 25px; }
.subseite-international-staaten-rechts {width: 50%; height: auto; float: left; padding-left: 25px; }
.subseite-international-kontinent {width: 100%; height: auto; float: left; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid var(--striche); font-size: 22px; line-height: 28px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz);}
.subseite-international-staaten-text {width: 100%; height: auto; float: left; margin-bottom: 10px;}
.subseite-international-staaten-text ul {float: left; list-style-type: none; padding: 0px 0px 10px 5px; margin: 0px 0px 10px 0px; width: 100%; font-weight: 400; font-size: 16px; color: #BFBFBF;}
.subseite-international-staaten-text li {padding-top: 0px; padding-bottom: 5px; padding-left: 20px; line-height: 22px; }
.subseite-international-staaten-text li::before {content: "\00BB"; color: var(--grau); display: inline-block; width: 25px; margin-left: -25px; font-weight: 400;}
.staat-bold {color: var(--grau);}

/* Subseite Kontakt & Ansprechpersonen */

.subseite-kontakt-wrapper {width: 100%; height: auto; float: left; margin-top: 100px; margin-bottom: 50px; animation-name: fade; animation-duration: 1.0s;}
.subseite-kontakt-wrapper a {text-decoration: none; color: var(--grau); font-weight: 300; transition: all 0.2s;}
.subseite-kontakt-wrapper a:hover {color: var(--striche);}
.subseite-kontakt-left {width: 60%; height: auto; float: left; padding-right: 50px; border-right: 1px solid var(--striche);}
.subseite-kontakt-right {width: 40%; height: auto; float: left; padding-left: 50px; margin-top: 0px; margin-bottom: 50px;}
.subseite-kontakt-right-container {width: 100%; height: auto; float: left;}

.subseite-kontakt-left-box {width: 100%; height: auto; float: left;}
.subseite-kontakt-left-img {width: 250px; height: auto; float: left;}
.subseite-kontakt-left-img-inside {width: 100%; height: 0; padding-bottom: 100%; float: left; position: relative; }
.subseite-kontakt-left-img-inside-img {width: 100%; height: 100%; object-fit: cover; border: none; position: absolute;}
.subseite-kontakt-left-box-inhalt {width: calc(100% - 250px); height: auto; float: left; padding-left: 30px;}

.subseite-kontakt-left-name {width: 100%; height: auto; float: left; font-size: 22px; line-height: 28px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); margin-bottom: 0px; margin-top: 0px;}
.subseite-kontakt-left-position {width: 100%; height: auto; float: left; font-size: 16px; line-height: 22px; font-weight: 400; color: var(--grau); margin-bottom: 20px;}
.subseite-kontakt-left-expertise strong, .subseite-kontakt-left-expertise b {font-weight: 400;}
.subseite-kontakt-left-expertise {width: 100%; height: auto; float: left; font-size: 16px; line-height: 22px; font-weight: 300; color: var(--grau); margin-bottom: 20px;}
.subseite-kontakt-left-firma {width: 100%; height: auto; float: left; font-size: 16px; line-height: 22px; font-weight: 400; color: var(--grau); margin-bottom: 0px;}
.subseite-kontakt-left-adresse {width: 100%; height: auto; float: left; font-size: 16px; line-height: 22px; font-weight: 300; color: var(--grau); margin-bottom: 15px;}
.subseite-kontakt-left-icon-container {width: 100%; height: auto; float: left; margin-bottom: 5px;}
.subseite-kontakt-left-icon {width: 20px; height: 20px; float: left; }
.subseite-kontakt-left-icon svg {width: auto; height: auto; float: left;}
.subseite-kontakt-left-icon-text {width: calc(100% - 20px); height: 20px; float: left; line-height: 20px; font-size: 16px; font-weight: 300; color: var(--grau); padding-left: 10px;}
.subseite-kontakt-left-social-container {width: 100%; height: auto; float: left; margin-top: 25px;}
.subseite-kontakt-left-social-icon {width: 40px; height: 40px; float: left; margin-right: 5px; }
.subseite-kontakt-left-social-icon svg {width: auto; height: auto; float: left; fill: var(--gruen); transition: all 0.2s; }
.subseite-kontakt-left-social-icon svg:hover {fill: var(--grau);}
.subseite-kontakt-left-divider {width: 100%; height: 1px; margin: 50px 0px; float: left; background-color: var(--striche);}

.subseite-kontakt-right-text {width: 100%; height: auto; float: left; font-size: 16px; line-height: 26px; font-weight: 300; color: var(--grau); margin-bottom: 10px;}
.subseite-kontakt-right-datenschutz {width: 100%; height: auto; float: left; font-size: 14px; line-height: 20px; font-weight: 300; color: var(--grau); margin-bottom: 0px;}
.subseite-kontakt-right-datenschutz a {text-decoration: none; color: var(--grau); font-weight: 400; transition: all 0.2s;}
.subseite-kontakt-right-datenschutz a:hover {color: var(--striche);}
.subseite-kontakt-right-formular {width: 100%; height: auto; float: left; margin-top: 25px; margin-bottom: 50px;}


.subseite-kontakt-right-formular .wpcf7-form-control {background-color: transparent; text-align: left; height: 50px; border: 1px solid var(--striche); width: 100%; padding-left: 15px; padding-right: 15px; color: var(--schwarz); font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 300; font-style: italic; margin-bottom: 5px; }
.subseite-kontakt-right-formular .wpcf7-textarea {padding: 15px; height: 300px; resize: none;}
.subseite-kontakt-right-formular .wpcf7-submit {background-color: var(--gruen); border: 1px solid var(--gruen); 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;}
.subseite-kontakt-right-formular .wpcf7-submit:hover {background-color: var(--grau); border: 1px solid var(--grau); color: var(--white); opacity: 0.8;}
.subseite-kontakt-right-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(--gruen); font-size: 16px; line-height: 22px;}
.subseite-kontakt-right-formular .wpcf7-not-valid-tip {margin-top: 0px; color: var(--gruen)!important;}
.subseite-kontakt-right-formular label {font-size: 12px; font-weight: 400; color: var(--striche); }
.wpcf7-form p {margin-top: 0px!important;}
.wpcf7-form-control:focus {border-color: var(--schwarz)!important; outline: none!important;}

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

.subseite-kontakt-right-formular ::-webkit-input-placeholder {color: var(--grau)!important; opacity: 0.3;}
.subseite-kontakt-right-formular :-moz-placeholder {color: var(--grau)!important; opacity: 0.3;}
.subseite-kontakt-right-formular ::-moz-placeholder {color: var(--grau)!important; opacity: 0.3;}
.subseite-kontakt-right-formular :-ms-input-placeholder {color: var(--grau)!important; opacity: 0.3;}

/* Subseite Service & Beratung */

.subseite-service-wrapper {width: 100%; height: auto; float: left; margin-top: 80px; margin-bottom: 50px;}
.subseite-service-wrapper-spacer {width: 100%; height: 20px; float: left;}
.subseite-service-divider-container {width: 100%; height: 1px; float: left;}
.subseite-service-divider {width: 100%; height: 1px; background-color: var(--striche); margin: 0 auto; max-width: 900px;}
.subseite-service-container {width: 100%; height: auto; margin: 0 auto; max-width: 900px;}
.subseite-inhalt {width: 100%; height: auto; float: left;}
.subseite-inhalt-left {width: 120px; height: 120px; float: left; margin-right: 40px; align-items: center; justify-content: center; flex-direction: column; display: flex; margin-bottom: 0px;}
.subseite-inhalt-left-img {width: 100px; height: auto;}
.subseite-inhalt-left-rot {background-color: var(--rot); }
.subseite-inhalt-left-gruen {background-color: var(--gruen); }
.subseite-inhalt-left-blau {background-color: var(--blau); }
.subseite-inhalt-left-grau {background-color: var(--grau); }
.subseite-inhalt-right {width: calc(100% - 180px); height: auto; float: left; }
.subseite-inhalt-right-title {width: 100%; height: auto; float: left;}
.subseite-inhalt-right-title h1 {font-size: 30px; line-height: 36px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); margin: 0px;}
.subseite-inhalt-right-untertitel {width: 100%; height: auto; float: left; margin-top: 30px; font-size: 20px; line-height: 28px; font-weight: 300; color: var(--grau);}
.subseite-inhalt-right-text {width: 100%; height: auto; float: left; margin-top: 15px; font-size: 16px; line-height: 26px; font-weight: 300; color: var(--grau);}
.subseite-inhalt-right-text p {color: var(--grau); font-size: 16px; line-height: 26px; font-weight: 300; margin: 0px 0px 15px 0px;}
.subseite-inhalt-right-text strong, .impressum-text b {font-weight: 400;}
.subseite-inhalt-right-text ul {float: left; list-style-type: none; padding: 0px 0px 15px 5px; margin: 0px 0px 0px 0px; width: 100%; font-weight: 300; font-size: 16px; color: var(--grau);}
.subseite-inhalt-right-text li {padding-top: 0px; padding-bottom: 10px; padding-left: 20px; line-height: 26px; }
.subseite-inhalt-right-text li::before {content: "\00BB"; color: var(--grau); display: inline-block; width: 25px; margin-left: -25px;}

/* Subseite Suchmandate */

.subseite-SUM-container {width: 100%; height: auto; float: left; margin-bottom: 0px;}
.section-SUM-grid-container {width: 100%; height: auto; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; float: left; margin-bottom: 0px;}
.section-SUM-grid-wrapper {width: 100%; height: auto; float: left; padding: 50px 30px; margin-bottom: 0px; animation-name: fade; animation-duration: 1.0s; background-color: #F5F5F5; }
.section-SUM-container {width: 100%; height: auto; float: left; border-bottom: 1px solid var(--striche); padding-bottom: 30px; margin-bottom: 30px; }
.section-SUM-grid-segment-container {width: 60px; height: 60px; float: left; margin-right: 30px;}
.section-SUM-grid-segment-LF {width: 100%; height: 100%; float: left; background-color: var(--gruen); font-size: 16px; line-height: 16px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--white); padding: 5px;}
.section-SUM-grid-segment-AG {width: 100%; height: 100%; float: left; background-color: var(--blau); font-size: 16px; line-height: 16px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--white); padding: 5px;}
.section-SUM-grid-segment-WF {width: 100%; height: 100%; float: left; background-color: var(--rot); font-size: 16px; line-height: 16px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--white); padding: 5px;}
.section-SUM-grid-segment-icon {width: 100%; height: 100%; }
.subseite-SUM-grid-inhalt-container {width: calc(100% - 90px); height: auto; float: left;}
.subseite-SUM-grid-zeile-01 {width: 100%; height: auto; float: left; font-size: 16px; line-height: 19px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--grau); margin-bottom: 10px;}
.subseite-SUM-grid-title {width: 100%; height: auto; float: left; font-size: 22px; line-height: 26px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); margin-bottom: 10px;}
.subseite-SUM-grid-text {width: 100%; height: auto; float: left; font-size: 16px; line-height: 22px; font-weight: 300; color: var(--grau); }
.section-SUM-container-kontakt {width: 100%; height: auto; float: left;}
.subseite-SUM-grid-ansprechperson {width: 100%; height: auto; float: left; font-size: 16px; line-height: 22px; font-weight: 400; color: var(--grau); margin-bottom: 5px;}
.subseite-SUM-grid-mail {width: 100%; height: auto; float: left; font-size: 16px; line-height: 22px; font-weight: 300; color: var(--grau); margin-bottom: 1px;}
.subseite-SUM-grid-telefon {width: 100%; height: auto; float: left; font-size: 16px; line-height: 22px; font-weight: 300; color: var(--grau); }
.subseite-SUM-grid-mail a, .subseite-SUM-grid-telefon a {text-decoration: none; color: var(--grau); font-weight: 300; transition: all 0.2s;}
.subseite-SUM-grid-mail a:hover, .subseite-SUM-grid-telefon a:hover {color: var(--striche);}

/* Subseite Offmarket */

.subseite-OM-container {width: 100%; height: auto; float: left; margin-bottom: 0px;}
.section-OM-grid-container {width: 100%; height: auto; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; float: left;}
.section-OM-grid-wrapper {width: 100%; height: auto; float: left; padding-bottom: 50px; margin-bottom: 0px; animation-name: fade; animation-duration: 1.0s; background-color: #F5F5F5;}
.section-OM-grid-segment-container {width: 100%; height: auto; float: left;}
.section-OM-grid-segment-LF {width: auto; height: auto; float: left; background-color: var(--gruen); font-size: 16px; line-height: 16px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--white); padding: 12px 20px;}
.section-OM-grid-segment-AG {width: auto; height: auto; float: left; background-color: var(--blau); font-size: 16px; line-height: 16px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--white); padding: 12px 20px;}
.section-OM-grid-segment-WF {width: auto; height: auto; float: left; background-color: var(--rot); font-size: 16px; line-height: 16px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--white); padding: 12px 20px;}
.subseite-OM-grid-inhalt-container {width: 100%; height: auto; float: left; padding: 0px 30px;}
.subseite-OM-grid-title {width: 100%; height: auto; float: left; font-size: 22px; line-height: 26px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); margin-top: 30px; margin-bottom: 5px;}
.subseite-OM-grid-ort {width: 100%; height: auto; float: left; font-size: 16px; line-height: 19px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--grau); margin-bottom: 20px;}
.subseite-OM-grid-text {width: 100%; height: auto; float: left; font-size: 16px; line-height: 22px; font-weight: 300; color: var(--grau); padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--striche);}
.subseite-OM-grid-ansprechperson-titel {width: 100%; height: auto; float: left; font-size: 16px; line-height: 22px; font-weight: 400; color: var(--schwarz); margin-bottom: 10px;}
.subseite-OM-grid-ansprechperson {width: 100%; height: auto; float: left; font-size: 16px; line-height: 22px; font-weight: 400; color: var(--grau); margin-bottom: 5px;}
.subseite-OM-grid-mail {width: 100%; height: auto; float: left; font-size: 16px; line-height: 22px; font-weight: 300; color: var(--grau); margin-bottom: 1px;}
.subseite-OM-grid-telefon {width: 100%; height: auto; float: left; font-size: 16px; line-height: 22px; font-weight: 300; color: var(--grau); }
.subseite-OM-grid-mail a, .subseite-OM-grid-telefon a {text-decoration: none; color: var(--grau); font-weight: 300; transition: all 0.2s;}
.subseite-OM-grid-mail a:hover, .subseite-OM-grid-telefon a:hover {color: var(--striche);}

/* Subseite Referenzen */

.subseite-RZ {width: 100%; height: auto; float: left; margin-top: 100px; margin-bottom: 50px;}
.subseite-RZ-text {width: 100%; height: auto; float: left; color: var(--grau); font-size: 16px; line-height: 26px; font-weight: 300; margin-top: 35px;}

.subseite-RZ-container {width: 100%; height: auto; float: left;}
.section-RZ-grid-container {width: 100%; height: auto; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; grid-row-gap: 0px; float: left;}
.section-RZ-grid-wrapper {width: 100%; height: auto; float: left; padding-bottom: 20px; border-bottom: 1px solid var(--striche); margin-bottom: 50px; animation-name: fade; animation-duration: 1.0s;}
@keyframes fade {
    from {opacity: 0;}
    to {opacity: 1;}
}
.section-RZ-grid-inside {width: 100%; height: 0; padding-bottom: 70%; float: left; position: relative;}
.section-RZ-grid-segment-LF {position: absolute; top: 0; left: 0; height: auto; background-color: var(--gruen); font-size: 16px; line-height: 16px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--white); padding: 12px 20px;}
.section-RZ-grid-segment-AG {position: absolute; top: 0; left: 0; height: auto; background-color: var(--blau); font-size: 16px; line-height: 16px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--white); padding: 12px 20px;}
.section-RZ-grid-segment-WF {position: absolute; top: 0; left: 0; height: auto; background-color: var(--rot); font-size: 16px; line-height: 16px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--white); padding: 12px 20px;}
.section-RZ-grid-img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; float: left; justify-content: center; flex-direction: column; display: flex;}
.section-RZ-grid-img-inside {width: 100%; height: 100%; object-fit: cover; border: none;}
.subseite-RZ-grid-title {width: 100%; height: auto; float: left; font-size: 22px; line-height: 26px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); margin-top: 15px;}
.subseite-RZ-grid-ort {width: 100%; height: auto; float: left; font-size: 16px; line-height: 19px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--grau); margin-top: 5px;}

.subseite-RZ-marken {width: 100%; height: auto; float: left; margin-top: 50px; margin-bottom: 50px;}
.subseite-RZ-marken-container {width: 100%; height: auto; padding: 0px 20%; float: left; text-align: center;}
.subseite-RZ-marken-title {width: 100%; height: auto; float: left;}
.subseite-RZ-marken-title h1 {font-size: 30px; line-height: 36px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); margin: 0px;}

.section-RZ-marken-grid-container {width: 100%; height: auto; display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 30px; grid-row-gap: 0px; margin-top: 50px; float: left;}
.section-RZ-marken-grid-wrapper {width: 100%; height: auto; float: left; border-bottom: 1px solid var(--striche); margin-bottom: 30px; background-color: #F5F5F5; border: 1px solid var(--striche);}
.section-RZ-marken-grid-inside {width: 100%; height: 0; padding-bottom: 100%; float: left; position: relative;}
.section-RZ-marken-grid-img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; float: left;}
.section-RZ-marken-grid-img-inside {width: 100%; height: 100%; object-fit: cover; border: none;}
.section-RZ-marken-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;}
.section-RZ-marken-grid-overlay:hover {opacity: 1; background-color: rgb(42, 42, 42, 0.9);}
.section-RZ-marken-grid-icon {width: 50px; height: 50px; background-color: rgb(0, 76, 50, 0.0); border: 2px solid var(--white); align-items: center; justify-content: center; flex-direction: column; display: flex;}
.section-RZ-marken-grid-icon:hover {background-color: rgb(0, 76, 50, 1.0); border: 2px solid rgb(0, 76, 50);}
.section-RZ-marken-grid-icon-img {width: 20px; height: auto; visibility: visible;}

/* Subseite Unternehmen */

.show-subseite {height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; align-items: center; flex-direction: column; display: flex; float: left; margin-top: 0px; animation-name: fade; animation-duration: 1.0s;}
.show-subseite-title-wrapper {width: 100%; height: 100%; margin: 10% 0px; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.show-subseite-title-wrapper h1 {width: 90%; font-size: 40px; line-height: 55px; text-align: center; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: #FFF; text-shadow: var(--schwarz) 0px 0px 5px; margin: 0px;}
.show-subseite-title-wrapper h2 {width: 90%; font-size: 22px; line-height: 27px; text-align: center; font-weight: 300; color: #FFF; text-shadow: var(--schwarz) 0px 0px 5px; margin: 5px 0px 0px 0px;}
.subseite-unternehmen-container {width: 100%; height: auto; float: left; margin-top: 100px; margin-bottom: 50px; display: flex;}
.subseite-unternehmen-left {width: 50%; height: auto; float: left; padding-right: 50px; border-right: 1px solid var(--striche); text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.subseite-unternehmen-left-container {width: 100%; height: auto; float: left;}
.subseite-unternehmen-jahr {width: 150px; height: auto; float: left; font-size: 26px; line-height: 26px; text-align: center; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--gruen); padding-bottom: 10px; border-bottom: 1px solid var(--striche); margin-bottom: 10px;}
.subseite-unternehmen-jahr-titel {width: 100%; height: auto; float: left; margin-bottom: 2px; font-size: 18px; line-height: 22px; text-align: center; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz);}
.subseite-unternehmen-jahr-text {width: 100%; height: auto; float: left; padding: 0px 50px; margin-bottom: 15px; font-size: 16px; line-height: 22px; text-align: center; font-weight: 300; color: var(--grau);}
.subseite-unternehmen-jahr-strich {width: 1px; height: 20px; background-color: var(--striche); float: left; margin-bottom: 15px;}

.subseite-unternehmen-right {width: 50%; height: auto; float: left; padding-left: 50px; padding-top: 0px; padding-right: 50px;}
.subseite-unternehmen-text {width: 100%; height: auto; float: left; color: var(--grau); font-size: 16px; line-height: 26px; font-weight: 300; }
.subseite-unternehmen-text p {margin: 0px 0px 20px 0px;}
.subseite-unternehmen-download-container {width: 100%; height: auto; float: left; margin-top: 50px;}
.subseite-unternehmen-download-titel {width: 100%; height: auto; float: left; font-size: 22px; line-height: 26px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); border-bottom: 1px solid var(--striche); padding-bottom: 10px; margin-bottom: 30px;}
.subseite-unternehmen-download-text {width: 100%; height: auto; float: left; font-size: 16px; line-height: 26px; font-weight: 400; color: var(--grau); margin-bottom: 15px;}
.subseite-unternehmen-download-icon-container {width: 100%; height: auto; float: left; margin-top: 15px;}
.subseite-unternehmen-download-icon-gruen {width: 70px; height: 70px; float: left; background-color: var(--gruen);}
.subseite-unternehmen-download-icon-img {width: 100%; height: auto; float: left;}
.subseite-unternehmen-download-icon-text {width: calc(100% - 70px); height: 70px; float: left; background-color: #F5F5F5; padding: 0px 25px; font-size: 16px; line-height: 70px; font-weight: 400; color: var(--schwarz);}
.subseite-unternehmen-download-icon-text a {text-decoration: none; color: var(--schwarz); font-weight: 400; transition: all 0.2s;}
.subseite-unternehmen-download-icon-text a:hover {color: var(--striche);}

/* Immobilienangebot */

.immobilien {width: 100%; height: auto; float: left; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex;}
.immobilien-overlay {width: 100%; height: 100%; background-color: rgb(42, 42, 42, 0.7);}
.immobilien-container {width: 100%; height: auto; padding: 100px 50px 100px 80px; float: left; display: flex;}
.immobilien-left {width: 33%; height: auto; float: left; padding-right: 80px; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.immobilien-img-container {width: 100%; height: auto;}
.immobilien-img {width: 100%; height: auto; float: left; }
.immobilien-right {width: 67%; height: auto; float: left; padding-left: 80px; border-left: 1px solid var(--striche); align-items: center; justify-content: center; flex-direction: column; display: flex; }
.immobilien-title h1 {font-size: 30px; line-height: 36px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--white); margin: 0px; padding-bottom: 10px; border-bottom: 1px solid var(--striche); margin-top: 0px; text-align: left;}
.immobilien-subtitle {width: 100%; height: auto; float: left; font-size: 16px; line-height: 26px; font-weight: 300; color: var(--white); margin-top: 35px; text-align: left;}

.immobilien-button-wrapper {width: 100%; height: auto; float: left; margin-top: 30px;}
a.button-immobilien-gruen {width: auto; height: auto; float: left; text-decoration: none!important; color: var(--white);}
a.button-immobilien-gruen:hover {color: var(--white);}
.button-immobilien-gruen-inside {background-color: var(--gruen); border: 2px solid var(--gruen); font-size: 18px; line-height: 18px; font-weight: 400; color: var(--white); -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; padding: 20px 40px;}
.button-immobilien-gruen-inside:hover {background-color: rgb(0, 0, 0, 0.0); color: var(--white); border: 2px solid var(--white);}
.container-immo {width: 100%; height: auto; padding: 0px; float: left; margin-top: 0px;}

/* Service & Beratung*/

.section-SB {width: 100%; height: auto; float: left; margin-top: 100px; border-bottom: solid 1px var(--striche);}
.section-SB-container {height: auto; width: 100%; float: left; display: flex; padding-bottom: 50px;}
.section-SB-container-left {width: calc(50% - 25px); height: auto; float: left;  margin-right: 25px; align-items: center; justify-content: center; flex-direction: column; display: flex; background-position: center; background-repeat: no-repeat; background-size: cover; }
.section-SB-overlay {width: 100%; height: 100%; background-color: rgb(42, 42, 42, 0.5); padding: 100px 100px; align-items: center; justify-content: center; flex-direction: column; display: flex; }
.section-SB-container-left-title {width: 100%; height: auto; float: left; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid var(--striche); }
.section-SB-container-left-title h2 {font-size: 22px; line-height: 28px; font-weight: 400; font-family: 'Noto Serif', sans-serif; margin: 0px; color: var(--white); text-align: center;}
.section-SB-container-left-text {width: 100%; height: auto; float: left; color: var(--white); font-size: 16px; line-height: 26px; font-weight: 300; text-align: center;}

.section-SB-button-wrapper {width: 100%; height: auto; float: left; margin-top: 30px;}
.section-SB-button-container {width: 300px; height: auto; margin-left: auto; margin-right: auto; }
a.section-SB-button-link-gruen {text-decoration: none!important; color: var(--white);}
a.section-SB-button-link-gruen:hover {color: var(--white);}
.section-SB-button-gruen {background-color: rgb(0, 0, 0, 0.0); padding: 14px 10px 14px 10px; border: 2px solid var(--white); font-size: 18px; font-weight: 400; color: var(--white); transition: all 0.2s; text-align: center; line-height: 30px;}
.section-SB-button-gruen:hover {background-color: var(--gruen); color: var(--white); border: 2px solid var(--gruen);}

.section-SB-container-right {width: 50%; height: auto; padding-left: 25px; border-left: 1px solid var(--striche); margin-top: 0px;}
.section-SB-box-container {width: 100%; height: auto; float: left; }
.section-SB-box-icon-img {width: 50px; height: auto; }
.section-SB-box-icon-rot {width: 60px; height: 60px; float: left; background-color: var(--rot); margin-right: 20px; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.section-SB-box-icon-gruen {width: 60px; height: 60px; float: left; background-color: var(--gruen); margin-right: 20px; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.section-SB-box-icon-blau {width: 60px; height: 60px; float: left; background-color: var(--blau); margin-right: 20px; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.section-SB-box-icon-grau {width: 60px; height: 60px; float: left; background-color: var(--grau); margin-right: 20px; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.section-SB-box-title {width: calc(100% - 80px); height: auto; float: left; border-top: 1px solid var(--striche); border-bottom: 1px solid var(--striche); padding: 16px 0px;}
.section-SB-box-title h3 {width: 100%; height: auto; line-height: 26px; float: left; margin: 0px; padding: 0px; font-size: 22px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz);}
.section-SB-box-text {width: 100%; height: auto; float: left; margin-top: 20px; margin-bottom: 50px; color: var(--grau); font-size: 16px; line-height: 26px; font-weight: 300; padding-left: 80px;}
.section-SB-box-text-last {width: 100%; height: auto; float: left; margin-top: 20px; color: var(--grau); font-size: 16px; line-height: 26px; font-weight: 300; padding-left: 80px;}

/* Impressum & Datenschutz */

.impressum-inhalt-wrapper {width: 100%; height: auto; float: left; margin-top: 50px; padding: 0px 0px 20px 0px;}
.impressum-inhalt-container {width: 100%; height: auto; margin: 0 auto; max-width: 900px;}
.impressum-inhalt {width: 100%; height: auto; float: left;}
.impressum-text {width: 100%; height: auto; float: left;}
.impressum-text h1 {width: 100%; height: auto; float: left; margin: 50px 0px 30px 0px; font-size: 24px; line-height: 30px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); padding-bottom: 10px; border-bottom: 1px solid var(--striche);}
.impressum-text h2 {width: 100%; height: auto; float: left; margin: 15px 0px 15px 0px; font-size: 20px; line-height: 22px; font-weight: 400; color: var(--grau); }
.impressum-text p {color: var(--grau); font-size: 16px; line-height: 26px; font-weight: 300; margin: 0px 0px 10px 0px;}
.impressum-text strong, .impressum-text b {font-weight: 400;}
.impressum-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; color: var(--grau);}
.impressum-text li {padding-top: 0px; padding-bottom: 5px; padding-left: 20px; line-height: 23px; }
.impressum-text li::before {content: "\00BB"; color: var(--gruen); display: inline-block; width: 25px; margin-left: -25px;}
.impressum-text table {display: block; overflow-x: auto;}
.impressum-text a {font-weight: 400; text-decoration: none; color: var(--grau); transition: all 0.2s;}
.impressum-text a:hover {color: var(--striche);}

.customers {border-collapse: collapse; width: 100%; margin-top: 15px; font-size: 16px; line-height: 22px;}
.customers td, #customers th {border: 1px solid var(--striche); padding: 15px;}
.customers tr:nth-child(even){background-color: #F8F8F8;}
.customers tr:hover {background-color: #FFF;}
.customers tr {background-color: #EBEBEB; color: var(--grau);}
.customers th {padding-top: 20px; padding-bottom: 20px; text-align: left; background-color: var(--grau); color: white; font-weight: 400; padding-left: 15px; padding-right: 15px;}
.customers a {color: var(--gruen); text-decoration: none; font-weight: 400; transition: all 0.2s;}
.customers a:hover {color: var(--white);}

.anfrage-formular-container {width: 100%; height: auto; float: left;}

.anfrage-formular-container .wpcf7-form-control {background-color: transparent; text-align: left; height: 70px; border: 1px solid var(--striche); width: 100%; padding-left: 15px; padding-right: 15px; color: var(--schwarz); font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 300; font-style: italic; margin-bottom: 5px; }
.anfrage-formular-container .wpcf7-textarea {padding: 15px; height: 300px; resize: none;}
.anfrage-formular-container .wpcf7-submit {background-color: var(--gruen); border: 1px solid var(--gruen); 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;}
.anfrage-formular-container .wpcf7-submit:hover {background-color: var(--grau); border: 1px solid var(--grau); color: var(--white); opacity: 0.8;}
.anfrage-formular-container .wpcf7-response-output, .wpcf7-validation-errors {margin-top: -10px!important; margin-left: 0px!important; margin-right: 0px!important; margin-bottom: 0px!important; border-width: 1px!important;  padding: 0px!important; color: var(--gruen); font-size: 16px; }
.anfrage-formular-container .wpcf7-not-valid-tip {margin-top: 0px; color: var(--gruen)!important;}
.anfrage-formular-container label {font-size: 12px; font-weight: 400; color: var(--striche); }
.anfrage-formular-container .wpcf7-form p {margin-top: 0px!important;}
.anfrage-formular-container .wpcf7-form-control:focus {border-color: var(--schwarz)!important; outline: none!important;}

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

.anfrage-formular-container ::-webkit-input-placeholder {color: var(--grau)!important; opacity: 0.3;}
.anfrage-formular-container :-moz-placeholder {color: var(--grau)!important; opacity: 0.3;}
.anfrage-formular-container ::-moz-placeholder {color: var(--grau)!important; opacity: 0.3;}
.anfrage-formular-container :-ms-input-placeholder {color: var(--grau)!important; opacity: 0.3;}

.anfrage-container {width: 100%; height: auto; float: left;}
.anfrage-container-title {width: 100%; height: auto; float: left; padding-bottom: 10px; margin-bottom: 15px; margin-top: 50px; border-bottom: 1px solid var(--striche);}
.anfrage-container-title h2 {font-size: 22px; line-height: 28px; font-weight: 400; font-family: 'Noto Serif', sans-serif; margin: 0px; color: var(--schwarz);}
.anfrage-container-text {width: 100%; height: auto; float: left; margin-top: 20px; margin-bottom: 40px; color: var(--grau); font-size: 20px; line-height: 30px; font-weight: 300;}
.anfrage-container-text strong {font-weight: 400;}

/* Section Global */

.section-title, .immobilien-title {width: 100%; height: auto; float: left;}
.section-title h1 {font-size: 30px; line-height: 36px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--schwarz); margin: 0px;}
.section-streifen-dick {width: 100%; height: 5px; float: left; margin-top: 10px; background-color: var(--schwarz);}
.section-streifen-duenn {width: 100%; height: 1px; float: left; margin-top: 2px; margin-bottom: 50px; background-color: var(--schwarz);}
.section-streifen-duenn-30 {width: 100%; height: 1px; float: left; margin-top: 2px; margin-bottom: 30px; background-color: var(--schwarz);}
.section-streifen-duenn-no-margin {width: 100%; height: 1px; float: left; margin-top: 2px; background-color: var(--schwarz);}

/* Section Marktsegmente */

.section-MS {width: 100%; height: auto; float: left; margin-top: 100px; border-bottom: solid 1px var(--striche);}
.section-MS-subtitel {width: 100%; height: auto; float: left; margin-bottom: 50px; color: var(--grau); font-size: 18px; line-height: 30px; font-weight: 400; text-align: center; padding: 0px 10% 0px 10%;}
.section-MS-grid-container {width: 100%; height: auto; display: grid; grid-template-columns: 1fr 1px 1fr 1px 1fr; grid-column-gap: 25px; grid-row-gap: 0px; margin-bottom: 50px;}
.section-MS-grid-wrapper {width: 100%; height: auto; float: left;}
.section-MS-grid-line {width: 1px; height: 100%; float: left; background-color: var(--striche);}
.section-MS-grid-title-blau {width: 100%; height: 80px; float: left; background-color: var(--blau);}
.section-MS-grid-title-gruen {width: 100%; height: 80px; float: left; background-color: var(--gruen);}
.section-MS-grid-title-rot {width: 100%; height: 80px; float: left; background-color: var(--rot);}
.section-MS-grid-wrapper h2 {width: 100%; height: auto; float: left; line-height: 80px; margin: 0px; padding: 0px 10px; color: var(--white); font-size: 22px; font-weight: 400; font-family: 'Noto Serif', sans-serif; text-align: center;}
.section-MS-grid-inside {width: 100%; height: 0; padding-bottom: 70%; float: left; position: relative;}

.section-MS-button-container {visibility: hidden; width: 100%; height: 100%; position: absolute; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.section-MS-button {width: 50px; height: 50px; background-color: #FFF; border-radius: 25px; opacity: 0.8; align-items: center; justify-content: center; flex-direction: column; display: flex; color: var(--grau); font-size: 26px; font-weight: 400; font-family: 'Noto Serif', sans-serif; text-align: center; font-style: italic; }

.toggle-el-blau {height: 100%; width: 100%; background-color: rgba(0, 47, 95, 0.8); transition: all 0.2s ease; opacity: 0; overflow: hidden; position: absolute; bottom: 0px; color: var(--white); font-size: 16px; line-height: 20px; font-weight: 300; padding: 20px; text-align: center; 	align-items: center; justify-content: center; flex-direction: column; display: flex;}
input[type=checkbox].hide-input:checked + .toggle-el-blau {height: 100%; width: 100%; position: absolute; bottom: 0px; opacity: 1; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.toggle-el-rot {height: 100%; width: 100%; background-color: rgba(133, 45, 46, 0.8); transition: all 0.2s ease; opacity: 0; overflow: hidden; position: absolute; bottom: 0px; color: var(--white); font-size: 16px; line-height: 20px; font-weight: 300; padding: 20px; text-align: center; 	align-items: center; justify-content: center; flex-direction: column; display: flex;}
input[type=checkbox].hide-input:checked + .toggle-el-rot {height: 100%; width: 100%; position: absolute; bottom: 0px; opacity: 1; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.toggle-el-gruen {height: 100%; width: 100%; background-color: rgba(0, 76, 50, 0.8); transition: all 0.2s ease; opacity: 0; overflow: hidden; position: absolute; bottom: 0px; color: var(--white); font-size: 16px; line-height: 20px; font-weight: 300; padding: 20px; text-align: center; 	align-items: center; justify-content: center; flex-direction: column; display: flex;}
input[type=checkbox].hide-input:checked + .toggle-el-gruen {height: 100%; width: 100%; position: absolute; bottom: 0px; opacity: 1; align-items: center; justify-content: center; flex-direction: column; display: flex;}

input.hide-input {position: absolute; left: -999em;}
input[type=checkbox]label.toggle:checked {width: 150px; height: 150px; background-color: #FFF; border-radius: 25px; opacity: 0.8; align-items: center; justify-content: center; flex-direction: column; display: flex; color: var(--grau); font-size: 26px; font-weight: 400; font-family: 'Noto Serif', sans-serif; text-align: center; font-style: italic; position: absolute; z-index: 10; user-select: none; cursor: pointer;}
label.toggle {width: 40px; height: 40px; background-color: #FFF; border-radius: 25px; opacity: 0.8; align-items: center; justify-content: center; flex-direction: column; display: flex; color: var(--grau); font-size: 22px; font-weight: 400; font-family: 'Noto Serif', sans-serif; text-align: center; font-style: italic; position: absolute; z-index: 10; user-select: none; cursor: pointer; bottom: 15px;}

.section-MS-grid-img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; float: left; justify-content: center; flex-direction: column; display: flex;}
.section-MS-grid-img-inside {width: 100%; height: 100%; object-fit: cover; border: none;}
.section-MS-grid-color-bgd-blau {visibility: visible; opacity: 0;  position: absolute; width: 100%; height: 100%; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex; -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-MS-grid-color-bgd-blau:hover {background-color: rgba(0, 47, 95, 0.8); opacity: 1;}
.section-MS-grid-color-bgd-rot {opacity: 0;  position: absolute; width: 100%; height: 100%; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex; -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-MS-grid-color-bgd-rot:hover {background-color: rgba(133, 45, 46, 0.8); opacity: 1;}
.section-MS-grid-color-bgd-gruen {opacity: 0;  position: absolute; width: 100%; height: 100%; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex; -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-MS-grid-color-bgd-gruen:hover {background-color: rgba(0, 76, 50, 0.8); opacity: 1;}
.section-MS-color-comment {width: 100%; height: auto; color: var(--white); font-size: 14px; line-height: 24px; font-weight: 300; padding: 20px;}
.section-MS-grid-text {width: 100%; height: auto; float: left; margin: 50px 0px 0px 0px; padding: 0px 30px; color: var(--grau); font-size: 16px; line-height: 26px; font-weight: 300; text-align: center;}

.section-MS-button-wrapper {width: 100%; height: auto; float: left; border-top: solid 0px var(--striche);}

.section-MS-button-container-02 {width: 350px; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 60px; padding-top: 0px; }
.section-MS-button-container-03 {width: 100%; height: auto; float: left;}
a.button-link-gruen {text-decoration: none!important; color: var(--white);}
a.button-link-gruen:hover {color: var(--white);}
.button-gruen {background-color: var(--gruen); padding: 14px 10px 14px 10px; border: 2px solid var(--gruen); font-size: 18px; font-weight: 400; color: var(--white); -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; line-height: 30px;}
.button-gruen:hover {background-color: rgb(0, 0, 0, 0.0); color: var(--gruen);}


/* Section Suchmandate */

.section-SM {width: 100%; height: auto; float: left; margin-top: 100px; border-bottom: solid 1px var(--striche);}
.section-SM-grid-container {width: 100%; height: auto; display: grid; grid-template-columns: 1fr 1px 1fr 1px 1fr; grid-column-gap: 25px; grid-row-gap: 0px; margin-bottom: 50px;}
.section-SM-grid-wrapper {width: 100%; height: auto; float: left;}
.section-SM-grid-inside-rot {width: 100%; height: 0; padding-bottom: 55%; float: left; position: relative; background-color: var(--rot);}
.section-SM-grid-inside-gruen {width: 100%; height: 0; padding-bottom: 55%; float: left; position: relative; background-color: var(--gruen);}
.section-SM-grid-inside-blau {width: 100%; height: 0; padding-bottom: 55%; float: left; position: relative; background-color: var(--blau);}
.section-SM-grid-inside-container {position: absolute; width: 100%; height: 100%; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex; padding: 40px 0px;}
.section-SM-grid-inside-icon {position: absolute; width: 100%; height: 100%; padding: 40px 0px;}
.section-SM-grid-inside-icon-img {width: 100%; height: 100%; object-fit: contain;}
.section-SM-grid-wrapper h2 {width: 100%; height: auto; float: left; line-height: 80px; margin: 0px; padding: 0px 10px; color: var(--white); font-size: 22px; font-weight: 400; font-family: 'Noto Serif', sans-serif; text-align: center;}
.section-SM-text-container {width: 100%; height: auto; float: left; margin-bottom: 50px; padding: 0px 15%; text-align: center; font-size: 16px; line-height: 26px; font-weight: 300; color: var(--grau);}

/* Section Über DMH */

.section-UD {width: 100%; height: auto; float: left; margin-top: 100px; }
.section-UD-container {height: auto; width: 100%; float: left; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; background-image: url(https://dmh.co.at/wp-content/uploads/2023/07/DMH-Schluessel.jpg);}
.section-UD-container-left {width: calc(50% - 50px); height: auto; float: left; margin: 50px 0px 50px 50px; padding: 80px 50px; background-color: rgba(245, 245, 245, 0.85); text-align: center;}
.section-UD-container-left-title {width: 100%; height: auto; float: left; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid var(--striche);}
.section-UD-container-left-title h2 {font-size: 22px; line-height: 28px; font-weight: 400; font-family: 'Noto Serif', sans-serif; margin: 0px 0px; color: var(--schwarz);}
.section-UD-container-left-text {width: 100%; height: auto; float: left; color: var(--grau); font-size: 16px; line-height: 26px; font-weight: 300;}

.section-UD-button-wrapper {width: 100%; height: auto; float: left; margin-top: 30px;}
.section-UD-button-container {width: 300px; height: auto; margin-left: auto; margin-right: auto; }
a.section-UD-button-link-gruen {text-decoration: none!important; color: var(--white);}
a.section-UD-button-link-gruen:hover {color: var(--gruen);}
.section-UD-button-gruen {background-color: var(--gruen); padding: 14px 10px 14px 10px; border: 2px solid var(--gruen); font-size: 18px; font-weight: 400; color: var(--white); transition: all 0.2s; text-align: center; line-height: 30px;}
.section-UD-button-gruen:hover {background-color: rgb(0, 0, 0, 0.0); color: var(--gruen); border: 2px solid var(--gruen);}

.section-UD-container-right {width: calc(50% - 50px); height: auto; margin: 50px; align-items: center; justify-content: center; flex-direction: column; display: flex; float: left;}
.section-UD-container-right-title {width: 100%; height: auto; float: left; font-size: 40px; line-height: 44px; font-weight: 400; font-family: 'Noto Serif', sans-serif; color: var(--white); text-align: center; margin: 20px 0px;}
.section-UD-container-right-streifen {width: 60px; height: 2px; background-color: var(--white);}

/* Section Vorteile */

.section-VT {width: 100%; height: auto; float: left; margin-top: 100px; }
.section-VT-container {height: auto; width: 100%; float: left; }
.section-VT-grid-container {width: 100%; height: auto; display: grid; grid-template-columns: 1fr 51px 1fr 51px 1fr 51px 1fr; grid-column-gap: 0px; grid-row-gap: 0px; margin-bottom: 0px; padding-bottom: 50px; border-bottom: 1px solid var(--striche);}
.section-VT-grid-line-01 {width: 1px; margin: 0px 25px; height: 100%; float: left; background-color: var(--striche);}
.section-VT-grid-line-02 {width: 1px; margin: 0px 25px; height: 100%; float: left; background-color: var(--striche);}
.section-VT-grid-wrapper {width: 100%; height: auto; float: left; padding-bottom: 0px; border-bottom: 0px solid var(--striche);}
.section-VT-grid-inside {width: 100%; height: 0; padding-bottom: 100%; float: left; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; }
.section-VT-grid-overlay-gruen {width: 100%; height: 100%; background-color: rgba(42, 42, 42, 0.6); position: absolute; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.section-VT-grid-overlay-rot {width: 100%; height: 100%; background-color: rgba(133, 45, 46, 0.8); position: absolute; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.section-VT-grid-overlay-blau {width: 100%; height: 100%; background-color: rgba(0, 47, 95, 0.8); position: absolute; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.section-VT-grid-overlay-grau {width: 100%; height: 100%; background-color: rgba(107, 107, 107, 0.8); position: absolute; text-align: center; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.section-VT-grid-inside-icon {position: absolute; width: 100%; height: 100%; padding: 50px;}
.section-VT-grid-inside-icon-img {width: 100%; height: 100%; object-fit: contain;}
.section-VT-grid-titel {width: 100%; height: auto; float: left; margin: 40px 0px 20px 0px; padding: 0px 20px; border-bottom: 0px;}
.section-VT-grid-titel h2 {font-size: 22px; line-height: 28px; font-weight: 400; font-family: 'Noto Serif', sans-serif; text-align: center; margin: 0px; color: var(--schwarz); -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.section-VT-grid-text {width: 100%; height: auto; float: left; color: var(--grau); font-size: 16px; line-height: 24px; font-weight: 300; text-align: center; padding: 0px 20px;}

/* Section Kontakt */

.section-KO {width: 100%; height: auto; float: left; margin-top: 100px; padding-bottom: 0px; margin-bottom: 0px;}
.section-KO-container {height: auto; width: 100%; float: left; display: flex; }
.section-KO-container-left {width: calc(40% - 12.5px); height: auto; float: left; margin-right: 12.5px; padding: 50px 30px; background-color: rgba(245, 245, 245, 1); margin-bottom: 0px;}
.section-KO-container-right {width: calc(60% - 12.5px); height: auto; float: right; margin-left: 12.5px; background-color: rgba(245, 245, 245, 1); align-items: center; justify-content: center; flex-direction: column; display: flex; }
.section-KO-container-right-container-img {width: 80%; height: auto; padding: 10%; display: flex;}
.section-KO-container-right-container-img-inside {width: 100%; height: auto; }
.section-KO-abstand {width: 100%; height: 50px; float: left;}
.section-KO-abstand-klein {width: 100%; height: 30px; float: left;}
.section-KO-container-left-title {width: 100%; height: auto; float: left; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid var(--striche);}
.section-KO-container-left-title h2 {font-size: 22px; line-height: 28px; font-weight: 400; font-family: 'Noto Serif', sans-serif; margin: 0px; color: var(--schwarz);}
.section-KO-name {font-size: 20px; line-height: 24px; font-weight: 400; color: var(--schwarz);}
.section-KO-standort {width: 100%; height: auto; float: left; font-size: 16px; color: var(--grau); font-weight: 400; margin-bottom: 10px;}
.section-KO-container-left-box {height: auto; width: 100%; float: left; margin-top: 1px;}
.section-KO-container-left-icon {height: 23px; width: 23px; float: left; margin-right: 10px; margin-top: 2px;}
.section-KO-container-left-icon svg {float: left;}
.section-KO-container-left-text {width: calc(100% - 33px); height: auto; float: left; font-size: 16px; line-height: 26px; font-weight: 300; color: var(--grau);}
.section-KO-container-left-text a {text-decoration: none; color: var(--grau);}
.section-KO-container-left-text a:hover {color: var(--striche); transition: 0.2s;}

.grecaptcha-badge {display: none!important; visibility: hidden!important;}

/* Section Marktticker */

.section-MT {width: 100%; height: auto; float: left; margin-top: 100px; display: flex;}
.section-MT-left {width: 50%; height: auto; float: left; margin-bottom: 0px; padding: 100px 100px; background-color: #F5F5F5; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.section-MT-right {width: 50%; height: auto; float: left;}
.section-MT-overlay {width: 100%; height: 100%; background-color: rgb(42, 42, 42, 0.7); padding: 100px 100px; align-items: center; justify-content: center; flex-direction: column; display: flex; }
.section-MT-title-container {width: 100%; height: auto; float: left; text-align: center;}
.section-MT-text {width: 100%; height: auto; float: left; margin-top: 30px; margin-bottom: 0px; font-size: 16px; line-height: 26px; font-weight: 300; color: var(--grau); text-align: center;}
.section-MT-right-artikel-text {width: 100%; height: auto; float: left; font-size: 18px; line-height: 26px; text-align: center; font-weight: 400; color: var(--white);  margin-bottom: 30px;}
.section-MT-container-right-streifen {width: 60px; height: 2px; background-color: var(--white); margin-bottom: 30px;}
.section-MT-right-artikel-titel {width: 100%; height: auto; float: left; font-size: 26px; line-height: 32px; text-align: center; font-weight: 400; font-family: 'Noto Serif', sans-serif;color: var(--white); margin-bottom: 30px;}
.section-MT-right-artikel-link {width: 100%; height: auto; float: left; font-size: 18px; line-height: 26px; text-align: center; font-weight: 400; color: var(--white);}
.section-MT-right-artikel-link a, .section-MT-right-artikel-titel a {text-decoration: none; color: var(--white); transition: all 0.2s;}
.section-MT-right-artikel-link a:hover, .section-MT-right-artikel-titel a:hover {color: var(--striche);}


/* Footer */

.footer-top {height: auto; width: 100%; float: left; background-color: var(--schwarz); padding: 100px 50px 50px 50px;}
.footer-top-box-01 {width: 20%; height: auto; float: left; margin-right: 50px; margin-bottom: 0px;}
.footer-top-box-01-title {width: 100%; height: auto; float: left; font-size: 22px; line-height: 28px; font-weight: 400; font-family: 'Noto Serif', sans-serif; padding-bottom: 10px; margin-bottom: 50px; color: var(--white); border-bottom: 1px solid #414141;}
.footer-top-box-01-text {width: 100%; height: auto; float: left;}
.footer-top-box-01-list-margin {height: 20px; width: 100%;}
.footer-top-box-01-text a {text-decoration: none; color: var(--white); font-weight: 400; transition: all 0.2s; font-size: 18px; }
.footer-top-box-01-text a:hover {color: var(--grau);}
.footer-top-box-01-text ul {float: left; list-style-type: none; padding: 0px 0px 15px 5px; margin: 0px 0px 0px 0px; width: 100%; font-weight: 400; color: var(--white);}
.footer-top-box-01-text li {padding-top: 0px; padding-bottom: 5px; padding-left: 20px; line-height: 25px; }
.footer-top-box-01-text li::before {content: "\00BB"; color: var(--white); display: inline-block; width: 25px; margin-left: -25px;}

.footer-top-box-02 {width: calc(60% - 100px); height: auto; float: left; margin-top: 0px; padding-top: 0px; border-top: 0px solid #414141;}
.footer-top-box-02-text {width: 100%; height: auto; float: left; font-size: 24px; line-height: 37px; font-weight: 400; color: var(--white); font-family: 'Noto Serif', sans-serif; text-align: right; }

.footer-top-box-left {width: 100%; height: auto; float: left; padding-top: 50px; border-top: 1px solid #414141; margin-top: 80px;}
.footer-top-box-left-element {width: 100%; height: auto; float: left;}
.footer-top-box-left-element-icon {width: 20px; height: 20px; background-color: var(--gelb); float: left; margin-right: 15px;}
.footer-top-box-left-element-link {width: calc(100% - 35px); height: 20px; float: left; font-size: 16px; line-height: 20px; color: var(--white); font-weight: 400; font-family: 'Noto Serif', sans-serif; }



.gelb {color: var(--gelb);}

.footer-bottom {height: auto; width: 100%; float: left; background-color: #161616; padding: 0px 0px;}
.footer-bottom-box1 {width: 50%; height: auto; float: left; color: var(--white); font-size: 14px; padding: 30px 0px 30px 0px; font-weight: 500; text-align: left; border-bottom: none; margin-bottom: 0px; line-height: 20px;}
.footer-bottom-box2 {width: 50%; height: auto; float: right; color: var(--white); font-size: 14px; padding: 30px 0px 30px 0px; font-weight: 300; text-align: right; margin-top: 0px; line-height: 20px;}
.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(--gelb); 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(--grau);}
.footer-bottom-box2 a:hover {text-decoration: none; color: var(--grau);}
.footer-divider {color: var(--white); font-size: 14px; margin: 0px 8px; font-weight: 500;}