/*
 Theme Name:   GMK Child Theme
 Theme URI:    /
 Description:  Wordpress Child Theme von GMK.
 Author:       GMK - Medien. Marken. Kommunikation.
 Author URI:   https://www.gmk.de/
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  gmkchildtheme
*/

/* oswald-200 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('assets/fonts/oswald-v36-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('assets/fonts/oswald-v36-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('assets/fonts/oswald-v36-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('assets/fonts/oswald-v36-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('assets/fonts/oswald-v36-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('assets/fonts/oswald-v36-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
  1. 	Document Setup & Fonts
  2.  General Elements
  3.  Header
  4.  Main Content
  5.  Elements
  6.  Footer
  7.  404
  8.  Responsive

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

* {margin:0px;padding:0px;}

html,
body {
  scroll-behavior: smooth;
  border: none;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans';
  font-size: 10px;
}

p {
  font-family: 'Open Sans';
  font-weight:400;
  font-size:1.6rem;
  line-height:22px;
  color:#1C1C1C;
  margin-bottom:15px;
}
a {
  font-family: 'Oswald';
}

b,
strong {
  font-weight:700;
}

a[href^="tel:"] {text-decoration: none;}

*:focus {outline:none;border:none;box-shadow: none;}

h1 {font-size:3.2rem;margin-bottom:1.2rem; font-family: 'Oswald'; text-transform: uppercase;}
h2 {font-size:2.6rem;margin-bottom:1.2rem; font-family: 'Oswald'; font-weight:500; color: #0B5AA2; font-size: 24px; letter-spacing: 2px; text-transform: uppercase;}
h3 {font-size:2.0rem;margin-bottom:1.2rem; font-family: 'Oswald'; color: #6DB78F; font-weight:300; text-transform: uppercase;}
h4 {font-size:1.8rem;margin-bottom:1.2rem; font-family: 'Oswald';} 

/* Minimal Bootstrap */
.container {width:90%;margin:0 auto;position: relative;max-width:1280px;}
.row {display: block;position: relative;margin:0 -20px;}
.row:after {content:"";display: block;clear: both;}
.col-3 {width:25%;float:left;min-height:1px;padding:0px 20px;box-sizing: border-box;}
.col-4 {width:33.333%;float:left;min-height:1px;padding:0px 20px;box-sizing: border-box;}
.col-6 {width:50%;float:left;min-height:1px;padding:0px 60px;box-sizing: border-box;}
.col-12 {width:100%;float:left;min-height:1px;padding:0px 20px;box-sizing: border-box;}

/* Allgemein */
.noscroll {overflow: hidden;}
.btn {color:#1C1C1C;font-size:16px;text-decoration: none;transition: all 0.3s;}
.btn img {width:20px;height:auto;display:inline-block;margin-right:8px;position: relative;top:5px;}
.fullsizebackground {width: 100%;height: 100%;opacity: 0.1;position: absolute}
p a {color:#0B5AA2;text-decoration: underline;}
.gmklogo img {max-width:250px !important;height:auto;}
.image-overlay {position:relative; display:inline-block;}
.image-overlay::after {content:''; position:absolute; left: 0; top: 0; width: 100%; height: 100%; display:inline-block; background: rgb(11,90,162); background: linear-gradient(180deg, rgba(11,90,162,0.9) 0%, rgba(109,183,128,0.5) 77%);}

/* Header */
header {position: absolute;width:100%;padding:10px 30px;z-index: 991;box-sizing: border-box;}
.mainmenu {position: fixed;right:-100%;width:50%;transition: right 0.8s;height: 100vh;z-index: 99;background: #fff;top:0px; border-left: #0B5AA2;}
.menutoggle {position: absolute;right: 40px;top: 50%;width: 40px;height: 18px;transform: translate(0,-50%); display: none;}
.menutoggle:hover {cursor: pointer;}
.menutoggle:hover .menu-toggle-icon-line:first-child {top:3px}
.menutoggle:hover .menu-toggle-icon-line.second {top:-3px;}
.menutoggle-icon-line {background:#fff;width:44px;height:3px;display: block;transition: all 0.4s ease-in-out;position: relative;}
.menutoggle-icon-line.second {margin-top:13px;}
.menutoggle-icon-line.third {margin-top:13px;}
header.active .menutoggle-icon-line {background: #1C1C1C}
header.active .menutoggle.closeit .menu-toggle-icon-line {background: #fff}
header.active .menutoggle.closeit:hover .menu-toggle-icon-line,
.menu-toggle.closeit:hover .menutoggle-icon-line.second {top:0 !important;}
.header-logo {display: none;}
.header-logo img {}
header .header-logo svg {fill:#fff;transition: all 0.3s;}
header.active svg {fill:#1C1C1C;}
.mainmenu.active {right:0px;}
.mainmenu ul {padding-left:80px;top:50%;position: absolute;transform: translate(0%,-50%);list-style: none;width:100%;overflow: hidden;min-height:310px;}
.mainmenu ul li a {margin-bottom: 20px;display: block;width:100%;position: relative;transition: color .8s;}
.mainmenu.active ul li a {color:#333;text-decoration: none;font-size:20px;}
.mainmenu.active ul li a.showmenuitem {position: relative;right:0%;opacity: 1}
.mainmenu.active ul li.current_page_item a.showmenuitem {color:#3E6AE1}
.transparenthead {padding: 30px; position: fixed; top: 0; left: 0;}
.header-inner {    display: flex;
  justify-content: flex-end;
  align-items: center;
  }
.scrollheader .header-inner {justify-content: space-between;}
.navigation-top {align-items: center; display: flex;}
.helfen-button {    display: flex;
  white-space: nowrap;
}
.scrollheader {padding: 10px 30px!important; background: #fff}
.scrollheader .header-right ul li a {color: #0B5AA2;}
.scrollheader .helfen-button a {color: #0B5AA2; border-color: #0B5AA2; top: 20px; font-size: 16px;}
.scrollheader .helfen-button a:hover {color: #fff; background: #0B5AA2;}
.scrollheader .header-logo {display: block;}
.scrollheader .header-right ul {display: flex;flex-wrap: wrap}

.mainmenu ul li a:hover {color:#3E6AE1}
.menutoggle.closeit .menutoggle-icon-line {transform: rotate(45deg);position: relative;top:5px; background: #000;}
.menutoggle.closeit .menutoggle-icon-line.second {transform: rotate(-45deg);top: 3px;margin-top:0px;background: #000;}
.menutoggle.closeit .menutoggle-icon-line.third {opacity: 0;}

.helfen-button a {color: #fff; text-decoration: none; border: 2px solid #fff; padding: 10px 20px; border-radius: 30px; text-transform: uppercase; font-weight: 300; right: 30px; font-size: 16px;}
.helfen-button a:hover {background: #fff; color: #0B5AA2;}

.header-right ul {padding: 0; margin: 0; list-style-type: none; width: 100%; text-align: left;}
.header-right ul li {display: inline-block;margin: 0 10px; position: relative;}
.header-right ul li a {color: #fff;text-decoration: none;transition: all .1s;font-weight: 300;font-size: 20px; text-transform: uppercase;}
.header-right ul li a:hover {text-decoration: underline;}
.header-right ul li.menu-item-has-children a {padding-bottom: 18px;}
[aria-current="page"] {text-decoration: underline !important;}

/* Fullscreen Intro */
.fullscreenintro {position: relative;}
.fullscreenintro-inner {    display: flex;
  height: 100%;
  justify-content: space-between;
  gap: 50px;
  padding: 150px 0;
  padding-bottom: 0;
  flex-direction: column;}
.fullscreenintro-content {
  width: 50%;
  z-index: 9;
  --animate-duration: 1.4s;}
.fullvideo {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;}
.fullvideo video {object-fit: cover;width: 100%;height: 100%;}
.fullvideo img {display: block;width: 100%;height: 100%;object-fit: cover}
.overlay {width:100%;height:100%;position: absolute;left:0px;top:0px;z-index: 1}
.overlay.lightlay {background: linear-gradient(to bottom, #0b5aa2, #0077ae, #008fa9, #0ea59b, #6db78f); opacity: 0.8;}
.overlay.middlelay {background:rgba(0,0,0,0.4);}
.overlay.highlay {background:rgba(0,0,0,0.6);}
.fullscreenintro .btn {color:#fff; transform: translate(-50%, -50%); left: 50%; position: absolute;}
.btn {text-align: center;}
.fullscreenintro h1 p {font-size:50px;color:#fff;line-height:55px;margin-bottom:0px; letter-spacing: 5px; text-align: center;}
.fullscreenintro p {color:#fff;font-size:16px; text-align: center;}
.fullscreentext {margin-top:0px;}
.fullscreentext p {font-weight: 300; line-height: 30px;}
.slidedownline-outer {background:rgba(255,255,255,0.2);overflow: hidden;width:2px;height:80px;display: block;bottom: 0px;z-index: 1;position: absolute;left: 50%;transform: translate(-50%,0%)}
.slidedownline {position: absolute;bottom:0px;width: 2px;height: 50px;background: #fff;background-size: 200% 200%;background-position: bottom left;  animation-duration: 1.5s !important;animation-iteration-count:infinite;animation-fill-mode: forwards;}
.slidedownline.fadeout {opacity: 0;}

.buttons-zusatz {
  position: static;
  z-index: 9;
  display: flex;
  --animate-duration: 1.4s;
  justify-content: center;}
.buttons-zusatz h4 {color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 500;}
.buttons-zusatz a {color: #fff; border: 1px solid #fff; border-radius: 20px; padding: 8px 20px; text-decoration: none; text-transform: uppercase; font-size: 16px; text-align: center; margin: 30px 0; display: block;}
.buttons-zusatz p {font-size: 12px; font-weight: 300; text-align: unset;}
.buttons-zusatz {
  left: 50%;
  bottom: 0;
  width: 100%;
  z-index: 9;
  display: flex;
  --animate-duration: 1.4s;
  justify-content: center;}
.greenbutton a:hover {color: #0ea59b; background: #fff;}
.bluebutton a:hover {color:#0B5AA2 ; background: #fff;}
.bluebutton {background: #0B5AA2; padding: 30px; width: 400px; float: left; -webkit-box-shadow: 0px -2px 5px 1px #000000; -webkit-box-shadow: 0px -2px 4px 1px rgba(0,0,0,0.3); box-shadow: 0px -2px 4px 1px rgba(0,0,0,0.3);  box-sizing: border-box;  margin-right: 20px;}
.greenbutton {background: #6DB78F; padding: 30px;width: 400px; float: left; -webkit-box-shadow: 0px -2px 4px 1px rgba(0,0,0,0.3); box-shadow: 0px -2px 4px 1px rgba(0,0,0,0.3); box-sizing: border-box; margin-left: 20px;}
.slide-wide-image-overlay {width:100%;height:100%;position: absolute;left:0px;top:0px;z-index: 1; background: linear-gradient(to bottom, #0b5aa2, #0077ae, #008fa9, #0ea59b, #6db78f); opacity: 0.8;}

/* Slider ------------------------------------ */

.slider {
  width: 100%;
  height: 100vh;
  position: relative;
}

.slider-inner {
  width: 100%;
  height: 100%;
}

.slide {
  position: relative;
  height: 100vh;
  display: flex;
  justify-content: center;
}

.slide::after {
  content: '';
  display: block;
  clear: both;
}

.slide-left,
.slide-right {
  float: left;
  width: 50%;
  height: 100%;
  position: relative;
}

.slide-content {
  text-align: center;
  margin: auto;
  width: 50%;
  padding: 25px;
}
.slide-headline {font-size: 45px;font-weight: 500;text-transform: uppercase;  margin: 10px 0; color: #fff;}
.slide-text p {color: #fff; font-size: 1.6rem;}
.slide-text {font-size: 14px;margin: 10px 0 30px 0;font-weight: 300;line-height: 1.5; color: #fff;}
.slide-button {display: inline-block;padding: 10px 20px;font-weight: bold;text-transform: uppercase;font-size: 1.6rem;text-decoration: none; color: #fff;}
.slide-content .btn {color: #fff; font-size: 1.6rem; font-family: "Open Sans";}
.slide-content .btn::before {content: "▶"; display: inline-block;margin-right: 6px; position: relative; top: 2px}
.owl-carousel .owl-item img.slide-logo {width: 230px; height:auto; max-width: 230px; position: relative; margin: 0 auto; top: 2px; transition: all 0.3s;}
.owl-carousel .owl-item img.slide-logo.fadeout {opacity: 0;}

/* Presented by */
.presentedby {position: absolute;bottom:35px;background:#fff;padding:20px;text-align: center;max-width:150px;}
.presentedby img {width:80%;max-width:100px;height:auto;display: block;margin:0 auto;margin-top:10px;}
.slide-left .presentedby {left:35px;}
.slide-right .presentedby {right:35px}

/* Wide Image */
.slide-wide-image {position: relative;}
.slide-wide-image:after {content:"";width: 100%;height:100%;position: absolute;left: 0px;top: 0px;}
.slide-wide-image.red:after {background: #cf1524;mix-blend-mode: multiply;}
.slide-wide-image .slide-content {z-index: 9;}

/* Poster Image */
.owl-carousel .owl-item img.slider-poster-image  {height: 65%;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-box-shadow: 0px 0px 45px 0px #000000;box-shadow: 0px 0px 45px 0px #000000;}
.slide-right.slide-poster {background-color:#fff;}
.slide-poster-background {height:100%;width:100%;background-size: cover;filter: blur(3px);-webkit-filter: blur(3px);opacity: 0.4;}

/* OWL Stlye */
.owl-dots {display: block;position: absolute;z-index: 9; transform: translate(-50%, -50%); bottom: 30px; left: 50%;}
.owl-item-text-right .owl-dots {left:calc(50% + 100px)}
.owl-carousel button.owl-dot {margin:0px 2px;width:15px;height:15px;border:2px solid #fff !important; border-radius: 100%;}
.owl-carousel.owl-item-white button.owl-dot {border:2px solid #302E3D !important;}
.owl-carousel button.owl-dot.active {background:#fff;}
.owl-carousel.owl-item-white button.owl-dot.active {background:#302E3D;}
.owl-nav {color: #fff;}
.owl-next {transform: translate(0, -50%); top: 50%; right: 30px; position: absolute; color: #fff;}
.owl-next span, .owl-prev span {font-size: 70px;}
.owl-prev {transform: translate(0, -50%); top: 50%; left: 30px; position: absolute; color: #fff;}

/* Person */
.gmk-person {box-sizing: border-box;background: #333;transition: background-color 0.3s;}
.gmk-person h4 {color:#fff;}
.gmk-person a {text-decoration: none;color:#fff;}
.gmk-person:hover {background: #000;}
.gmk-person img {width: 100%;height: auto;max-height:400px; object-fit: contain;}
.gmk-person-content {padding: 13px;width: 100%;box-sizing: border-box;}
.gmk-person-name {color: #fff;font-size: 1.4rem;text-decoration: none;}
.gmk-person-text p {color: #FFFFFF;font-size: 1.6rem;margin-top: 10px;}
.gmk-person-zusatz {color: #FFFFFF;font-size: 1.6rem;margin-bottom: 20px;margin-top: 10px;font-style: italic;}
.gmk-person .gmk-button {margin-bottom: 0px;margin: 0 auto;}
.gmk-person .gmk-button a {font-size: 14px;}
.gmk-person .gmk-button a:hover  {text-decoration: underline;}
.gmk-btnwrap {text-align: center;}

/* Blog */
.blog-inner:after {content:"";display: block;clear: both;}
.blog-image {float: left; width: 50%; padding-right: 20px; box-sizing: border-box;}
.blog-image img {width: 100%; height: auto;}
.blog-content {float:left; width: 50%; padding-left: 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-content: center;}
.blog-content h4 {color: #000; text-transform: uppercase; font-size: 14px; margin-bottom:10px; display: block; width: 100%;}
.blog-content h3 {color: #0B5AA2; font-size: 24px; font-family: "Open Sans"; text-transform: unset; font-weight: 500; text-align: left!important;}
.blog-content p {font-size: 16px;}
.blog-content a {text-decoration: none;}
.blog-content .btn {text-align: unset; color: #0B5AA2;}
.blog-content .btn::before {content: "▶"; display: inline-block;margin-right: 6px; position: relative;}
.blog-link {display: flex; flex-wrap: wrap; margin: 50px 0;}
.so-widget-gmk-blog .container {max-width: 880px; width: 100%; padding: 0 20px; box-sizing: border-box;}
.so-widget-gmk-blog .container .row {margin-left: 0; margin-right: 0;}


/* Statements */
.gmk-statements.darkgrey {background:#6DB78F;padding:120px 25%}
.gmk-statements p {color:#fff;font-size:18px;line-height: 30px; font-weight: 300; width: 100%}
.gmk-statements .kunde  {color:#fff;font-size:14px;line-height: 30px;float:left;width:calc(100% - 120px); font-weight: 500;} 
.gmk-statements .owl-carousel .owl-nav button.owl-next {position: absolute;right: -25%;top: 50%;transform: translate(0,-50%);color: #fff;font-size: 100px;}
.gmk-statements .owl-carousel .owl-nav button.owl-next img {width:20px;height:auto;}
.gmk-statements .owl-carousel .owl-nav button.owl-prev {position: absolute;left: -25%;top: 50%;transform: translate(0,-50%);color: #fff;font-size: 100px;}
.gmk-statements .owl-carousel .owl-nav button.owl-prev img {width:20px;height:auto;}
.gmk-statements .author {width:200px;height:240px;overflow: hidden;float:left;}
.gmk-statements .author img {width:100%;height:auto;}
.gmk-statements .singlestatement {position: relative;}
.gmk-statements .singlestatement:after {content:"";display: block;clear: both;}
.statement {margin-bottom:40px; margin-left: 250px;}
.trenner-statement hr {border: 1px solid #fff; width: 100%; margin:20px 0 15px 0;}
#site-content .statement-unterseite {padding: 0 !important; width: 100%;}

/* Smallheader */
.smallheader h1 p {font-size: 3.6rem;line-height: 1.138888889;}
.smallheader.red h1 p {color:#CF1524;}
.smallheaderbg {height:40vh;margin-bottom:60px;}

/* Smallteaser */
.smallteaser {padding:90px 40px;position: relative;}
.smallteaser h4 p {font-size:2.0rem;margin-bottom:10px;line-height: 2.4rem}
.smallteaser h4 a {text-decoration: none;}
.smallteaser h4 p, .smallteaser p {color:#fff;}
.smallteaser p {width:100%;margin-bottom:28px;}
.smallteaser.blue {background: #0E4094;}
.smallteaser.red {background: #CF1524;}
.smallteaser.grey {background: #302E3F;}
.smallteaser.alignleft {text-align: left;}
.smallteaser.aligncenter {text-align: center;}
.smallteaser.alignright {text-align: right;}
.smallteaserimage {width:110%;height:110%;position: absolute;left:-2.5%;top:-5%;z-index: -1}

/* Vorteilsliste */
.sow-vorteile {list-style: none;margin-top:30px;}
.sow-vorteile li.sow-vorteile-panel {position: relative;padding-left: 42px;margin-bottom: 15px;}
.sow-vorteile li.sow-vorteile-panel:before {content:"";background:url(assets/img/check-square.svg);background-repeat:no-repeat;background-size: contain;position: absolute;left: 0px;top: 50%; transform: translate(0px, -50%);width: 25px;height: 25px;}
.sow-vorteile li.sow-vorteile-panel p {font-size: 16px;line-height: 20px;}

/* Footer */
footer {margin-top: 120px; bottom: 0; left: 0; width: 100%;}
.footer-bottom-left li {list-style: none; text-decoration: none; display: inline-block;}
.footer-bottom-left a {text-decoration: none; color: #000; padding: 20px;}
.footer-bottom {width: 90%;margin: 0 auto; position: relative;}
.footer-bottom-left {width: 50%; float: left; min-height: 1px; padding: 0px 20px; box-sizing: border-box;}
.footer-bottom-right {width: 50%; float: left; min-height: 1px; padding: 0px 20px; box-sizing: border-box;}

.footer-top {background: #0B5AA2; padding: 30px; display: flex;justify-content: space-between;}
.footer-top-left {box-sizing: border-box; display: flex; flex-wrap: wrap; align-content: center;}
.footer-top-right {box-sizing: border-box; flex-wrap: wrap; align-content: center;}
.footer-top-middle {width: 50%;}
.footer-top-right a {    color: #fff;
  border: 2px solid #fff;
  padding: 10px 20px;
  display: block;
  border-radius: 30px;
  text-decoration: none;
  text-align: center;}
.footer-top-right a:hover {background: #fff; color: #0B5AA2;}
.footer-top-middle-left p {color: #fff}
.footer-top-middle-left {padding-top: 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-content: center;}
.footer-top-middle-right a {color: #fff;}
.footer-top-middle-right {padding-top: 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-content: center;}
.footer-top-middle-right p {color: #fff;}
.gmk {text-align: right; display: block; font-weight: 400; font-size: 14px;}
.gmk a {text-decoration: none; font-weight:700; text-transform: uppercase; color: #000;}
#menu-footermenue li {display: inline-block;  margin:0px 10px;}
#menu-footermenue li:first-child {margin-left:0px;}
#menu-footermenue li a {color: #000000; text-decoration: none; text-transform: uppercase; font-size:16px; font-weight:500;}
.container-footer {width:95%;position: relative; padding: 20px 0;}

/* Contact Form 7 */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {padding:10px 15px;background:#fff;border:2px solid #1c1c1c;font-size:16px; color:#1c1c1c;display: block;width:100%;box-sizing: border-box;}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {outline: none;box-shadow: none;}
.wpcf7-form-control-wrap {margin-bottom:10px;display: block;}
.wpcf7-form input[type="checkbox"] {position: relative;width:44px;height:44px;border:2px solid #1c1c1c;-webkit-appearance:none;-moz-appearance:none;margin-left:0px;}
.wpcf7-form input[type="checkbox"]:focus {outline: none;box-sizing: none;}
.wpcf7-form input[type="checkbox"]:hover {cursor: pointer;}
.wpcf7-form input[type="checkbox"]:checked:after {content:"";width:20px;height:20px;background:#3E6AE1;display: block;position: absolute;left:10px;top:10px;}
span.wpcf7-list-item {margin-left:0px !important;}
.datenschutz .wpcf7-list-item-label {display: none;}
.gmkcheckbox {position: relative;}
.gmklabel {position: absolute;top: 50%;transform: translate(0,-50%);left: 58px;font-size:14px;}
.gmklabel a {color:#3E6AE1;text-decoration: underline;}
.wpcf7-form input[type="submit"] {transition: all 0.3s;background: #3E6AE1;color:#fff;-webkit-appearance:none;-moz-appearance:none;border-radius: 0px;border: none;padding: 10px 15px;font-size: 18px;font-family: "DINNextLTW01-UltraLight 706122";}
.wpcf7-form input[type="submit"]:hover, .wpcf7-form input[type="submit"]:focus {border:none;outline: none;box-shadow: none;cursor: pointer;background:#1c1c1c;}


/* Content */ 

.intro-verein p {line-height: 23px;}
.danke p {line-height: 30px; padding: 0px 100px 0 20px; font-size: 16px;}
.danke h3 { padding: 0px 10px 0 140px; font-size: 24px;}

.spende .fullscreenintro-content {
  z-index: 9;
  --animate-duration: 1.4s;
  margin: auto;
  box-sizing: border-box;
}
h3:not(.home) {text-align: center;}
body:not(.home) #site-header {border-bottom: 1px solid #0B5AA2;}
body:not(.home) #site-content {margin-top: 145px;}

/* Beitrag */ 

.single .transparenthead {border-bottom: 1px solid #0B5AA2; -webkit-box-shadow: -1px 5px 10px -3px rgba(0,0,0,0.1); box-shadow: -1px 5px 10px -3px rgba(0,0,0,0.1);}
.single #site-content {margin-top: 120px;}
.title-inner a {color: #0B5AA2; text-decoration: none;}
.single article {width: 100%; display: block; max-width: 1280px; margin: 0 auto;}

.presse .blog {padding-top: 40px;}
.presse h5 {text-align: center; font-size: 20px;font-weight: 500;}
.presse h3 {text-align: center;}
.post-inner-header {
  display: flex; align-items: center; justify-content: space-between;
}
body.home .post-inner-header {display: none; }
body.home .single-post-content {margin-top: 0px;}
.single-post-image img {
  max-width: 500px;
}

.single-post-content {margin-top: 50px;}
/* Nachhaltigkeit */

.nachhaltigkeit li {list-style: none; line-height: 40px; font-size: 18px;}


/* Spenden */
.spenden h2 {padding: 40px 0 20px 0}

.inner {max-width: 1200px; margin-left: auto; margin-right: auto; display: block;}

/* Seitenlinien */

.blue_line, .green_line {position: relative;}
.blue_line::before {
  content: ""; 
  height: 2px; 
  background: #0B5AA2; 
  position: absolute;
  left: calc((100vw - 1200px) / -2 );
  right: calc(100% + 50px);
  top: 10px;
}

.blue_line::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #0b5aa2;
  border: 2px solid #fff;
  left:-50px;
  top: 4px;
}

.green_line::before {
  content: ""; 
  height: 2px; 
  background: #0ea59b; 
  position: absolute;
  left: calc((100vw - 1200px) / -2 );
  right: calc(100% + 50px);
  top: 10px;
}

.green_line::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #0ea59b;
  border: 2px solid #fff;
  left:-50px;
  top: 4px;
}

/* Startseite Blog */ 

.startseite_blog.green_line::before {
  content: ""; 
  height: 2px; 
  background: #0ea59b; 
  top: 50%;
  left: 0;
  position: absolute;
  right: calc((100vw + 980px) / 2);
  transform: translateY(-50%);

}

.startseite_blog.blue_line::before {
  content: ""; 
  height: 2px; 
  background: #0B5AA2; 
  top: 50%;
  left: 0;
  position: absolute;
  right: calc((100vw + 980px) / 2);
  transform: translateY(-50%);

}

.startseite_blog.green_line::after {
  content: "";
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #0ea59b;
  border: 2px solid #fff;
  top: 50%;
  transform: translateY(-50%);
  left: calc((100vw - 980px) / 2);
}

.startseite_blog.blue_line::after {
  content: "";
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #0B5AA2;
  border: 2px solid #fff;
  top: 50%;
  transform: translateY(-50%);
  left: calc((100vw - 980px) / 2);
}

/* Startseite Danke */ 

.danke.green_line::before {
  content: "";
  height: 2px;
  background: #0ea59b;
  position: absolute;
  left: calc((100vw - 1200px) / -2 );
  right: calc(100% + 50px);
  top: 50%;
  transform: translateY(-50%);
}

.danke.green_line::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #0ea59b;
  border: 2px solid #fff;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}

.danke.blue_line::before {
  content: "";
  height: 2px;
  background: #0ea59b;
  position: absolute;
  left: calc((100vw - 1200px) / -2 );
  right: calc(100% + 50px);
  top: 50%;
  transform: translateY(-50%);
}

.danke.blue_line::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #0ea59b;
  border: 2px solid #fff;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}

body.error404 header .header-right ul li a {
  /* background: linear-gradient(to bottom, #0b5aa2, #0077ae, #008fa9, #0ea59b, #6db78f); */
  color: #0B5AA2;
}

.error404-outer {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 135px);
  justify-content: center;
  width: 100vw;
}

.error404-inner {
  margin: auto;
  text-align: center;
  width: 50%;
}

.error404-inner h1 {
  font-weight: 400;
}

.errorfooter {
  margin: auto;
}

.error404button,
body.error404 header .helfen-button a {
  border-radius: 30px;
  border: 2px solid #0B5AA2;
  color: #0B5AA2;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.4s;
}

.error404-text {
  line-height: 24px;
}

.error404button:hover,
body.error404 header .helfen-button a:hover {
  background-color: #0B5AA2;
  color: #fff;
}

.container-footer {width: 100%}
.container-footer .row {display: flex; padding: 0px 30px; margin: 0}
.container-footer .row .col-6 {width: 100%; float: none; padding: 0}

/* Projekte */

.projekte h2 {padding: 40px 0 20px 0;}
/* .projekte p {padding-bottom: 40px;} */

.gmk-impressum img {
  max-width: 100px;
}

.datenschutz-container h3 {
  color: #000;
  font-weight: 400;
  text-align: left;
}

.datenschutz-container h4 {
  font-weight: 400;
}

.datenschutz-container ul {
  margin: 15px 0 ;
}

.datenschutz-container li {
  font-size: 16px;
  margin: 15px 0;
}

footer a {
  font-size: 18px;
}


/* Responsive */ 

@media(max-width: 1646px) {
  .footer-top-right a {margin-bottom:10px;}
}

@media(max-width: 1350px) {
.inner { max-width: 870px;}
.danke {background-size: contain;}
.blue_line::before, .green_line::before, .danke.green_line::before, .danke.blue_line::before {position: absolute; left: calc((100vw - 850px) / -2 ); }
.single .post-inner {
  padding: 30px;
}
}

@media (max-width: 1200px) {  
 
}


@media(max-width: 1140px) {
  .scrollheader .header-right {width: calc(100% - 180px);}
  .logo-unterseite img {width: 200px;}
  .single footer {position: relative;}

}

@media (max-width: 990px) {
  .slide-headline {font-size: 35px;}
  .buttons-zusatz {width: 100%;}
  .buttons-zusatz {bottom: -50px;}
}

@media (max-width: 950px) {
  .inner {max-width: 780px;}
  .gmk-statements.darkgrey {padding: 120px 5%}
  .danke h3 {padding: 0px 10px 0 10px; font-size: 20px;}
  .danke p {line-height: 20px; padding: 0px 0px 0 0px; font-size: 15px; text-align: center;}
  .spende .fullscreenintro-content {top: 30%; width: 80%;}
  .fullscreenintro h1 p {margin-bottom: 40px;}
  footer {padding-top: 0;}
  .footer-top-right a {margin-top: 20px}
  .header-right {width: calc(100% - 120px);}
  .header-right ul li {margin: 0 5px;}
  .scrollheader .header-right ul {text-align: unset;}
  
}

@media (max-width: 900px) and (orientation: landscape) {
  .transparenthead {display: none;}
  .scrollheader {display: block;}
}

@media (max-width: 900px) {
  .blue_line::after, .green_line::after {left: -20px; top: 6px;}
  .blue_line::before, .green_line::before {left: calc((100vw - 700px) / -2 ); right: calc(100% + 20px); top: 12px;}
  .danke.green_line::before, .danke.blue_line::before {left: calc((100vw - 700px) / -2 ); right: calc(100% + 20px);}
  .danke.green_line::after, .danke.blue_line::after {left: -30px;}
  .startseite_blog.blue_line::after, .startseite_blog.green_line::after {top: 50%; left: calc((100vw - 700px) / 2);}
  .startseite_blog.blue_line::before, .startseite_blog.green_line::before {right: calc((100vw + 700px) / 2);}
  .inner {max-width: 720px;}
} 

@media (max-width: 810px) {
  .buttons-zusatz {width: 100%;}
}

@media (max-width: 778px) {

  body:not(.home) #site-content {margin-top: 94px;}

  .fullscreenintro-inner .buttons-zusatz {
    flex-direction: column;
  }

  .fullscreenintro-inner .buttons-zusatz .bluebutton,
  .fullscreenintro-inner .buttons-zusatz .greenbutton {
    box-shadow: none;
    width: 100%;
  }

  .scrollheader {padding: 10px 15px;}

  .blog-link {
    flex-direction: column;
    margin: 25px 0;
  }
  .blog-image, .blog-content {
    padding: 0;
    width: 100%;
  }
  .slide-content {
    margin: 0 auto;
    margin-top: 50px;
    width: 100%;
  }
  .mainmenu {
    width: 100%;
  }
  header {padding: 10px 30px;}
  .menutoggle {
    display: block;
    right: 20px;
    transform: none;
    top: 25px;
  }
  .helfen-button {
    position: fixed;
    bottom: 5%;
    width: 90%;
    display: flex;
    left: 5%;
    justify-content: center;
  }
  .helfen-button a {
    width: 90%;
    border: none;
    text-align: center;
    background: #0B5AA2;
    padding: 10px 0;
    color: white;
  }
  .container-footer {padding: 0}
  .container-footer .row {
    align-items: center;
    flex-direction: column;
    gap: 15px;
    justify-content: space-between;
    padding: 10px 0;
    text-align: center;
    padding-bottom: 0;
  }
  .footer-top {flex-wrap: wrap;}
  .footer-top-left, .footer-top-middle-left, .footer-top-middle-right, .footer-top-right {
    width: 50%;
  }
  .gmk {text-align: center;}
  .footer-top-middle-right {padding-top: 0px; padding-left: 20px;}
  .menutoggle {display: block;right:20px;}
  .menu-hauptmenue-container {display:flex; justify-content: center; height:100%;}
  .mainmenu ul {margin:auto;padding-left:0; position: static; min-height:initial; width:initial; transform: none;}
  .header-right {display: none;}
  .helfen-button a {position: relative; padding: 10px 40px; right: 0px; font-size: 16px; top: 10px;}
  .header-right ul {padding-left: 30px; top: 110px; position: absolute; list-style: none; width: calc(100% - 60px); overflow: hidden; min-height: 310px; z-index: 991;}
  .mainmenu ul li a {font-size: 30px!important;}
  .header-right ul li a{color: #0B5AA2;}
  .scrollheader .helfen-button a {top: 0; color: #FFF;border: none;}
  .scrollheader .menutoggle-icon-line {background: #0B5AA2;}
  .scrollheader .menutoggle {height: 36px; transition: all 0s; }
  .fadeit {opacity: 0; transition: all 0.3s;}
  .inner {max-width: 580px;}
  .spende .fullscreenintro-content {width: 100%;}
  .single .post-inner {display: block; padding-top: 100px;}
  .single-post-image {margin-right: 0;}
  .single-post-content {margin-left: 0 !important;}
  .single .post-inner {padding: 30px;}
  .blue_line::before, .green_line::before, .danke.green_line::before, .danke.blue_line::before {left: calc((100vw - 580px) / -2 );}
  .startseite_blog.blue_line::before, .startseite_blog.green_line::before {right: calc((100vw + 600px) / 2);}
  .startseite_blog.blue_line::after, .startseite_blog.green_line::after {left: calc((100vw - 600px) / 2);}
  .single-post-content h2 {text-align: center !important;}
  .single-post-content h1 {text-align: center;}
  .fullscreentext {padding: 0 30px;}
  .post-inner-header{flex-direction: column;}
}

@media (max-width: 650px) {
  .menutoggle-icon-line {width: 34px;}
  .menutoggle-icon-line.second, .menutoggle-icon-line.third {margin-top: 10px;}
  .mainmenu {top: 0;}
  .nachhaltigkeit h2 {font-size: 18px;}
  .inner {max-width: 480px;}
  .blue_line::before, .green_line::before, .danke.green_line::before, .danke.blue_line::before {left: calc((100vw - 480px) / -2 );}
  .gmk-statements.darkgrey {padding: 40px 5%;}
  .statement {margin-left: 0;}
  .gmk-statements .author {margin-bottom: 20px; float: unset;}
  .blog-inner {padding: 0 40px;}
  .blog-image img {width: 100%;}
  .bluebutton {margin-right: 0px;}
  .greenbutton {margin-left: 0px;}
  .fullscreenintro h1 p {margin-bottom: 10px; font-size: 20px;}

}

@media (max-width: 530px) {
  .intro-verein p {text-align: center;}
  .inner {max-width: 420px;}
  .danke h3 {padding: 0;}
  .danke p {padding: 0;}
  .fullscreenintro h1 p {margin-bottom: 0; padding-top: 20px;}
  .buttons-zusatz {width: 100%;}
  .bluebutton {margin-right: 0px;} 
  .greenbutton {margin-left: 0px;}
  .buttons-zusatz a {padding: 8px 0px; font-size: 12px; margin: 10px 0;}
  .buttons-zusatz p {margin-bottom:0; text-align: center; padding: 0;}
  .buttons-zusatz h4 {text-align: center;}
  .buttons-zusatz {bottom: -20%;}
  .footer-top {display: block;}
  .footer-top-left {width: 100%;}
  .footer-top-middle-left {width: 100%; display: block;padding: 30px 0 0 0;}
  .footer-top-middle-right {width: 100%; display: block; padding: 20px 0 0 0;}
  .footer-top-right {width: 100%;}
  .footer-top-right a {padding: 10px 25px}
  .spende .fullscreenintro-content {top: 35%; width: 100%;}
  .slider-startseite {padding-left: 0px; padding-right: 0px;}
  .owl-carousel .owl-item img.slide-logo {width: 150px;}
  .slide-headline {font-size: 30px;}
  .menutoggle-icon-line {width: 30px; height: 2px;}
  .blue_line::before, .green_line::before, .danke.green_line::before, .danke.blue_line::before {left: calc((100vw - 400px) / -2 );}
  .fullscreenintro h1 p {font-size: 20px;}
  .blog-inner {padding: 0pc 0px;}
  .gmk {font-size: 12px;}
  .owl-carousel button.owl-dot {width: 10px; height: 10px;}
  #menu-footermenue li {margin: 0px 5px;}
  .col-6 {padding: 0px 0 0 30px;}
}