/*
 * custom child theme styles
 */



/* Allgemeine Definitionen
=========================================================== */

html {margin-top: 0;}
body {height: 100%; width: 100%; background: #fff;}
.only-smartphone {display: none;}


/* -------------------- Paddings/Margins -------------------- */
.container {margin: 0 auto; padding-left: 0 !important; padding-right: 0 !important;}
.container-fluid {margin: 0 auto; padding-left: 0 !important; padding-right: 0 !important;}
.row {margin-left: 0 !important; margin-right: 0 !important;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, 
.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, 
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, 
.col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, 
.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 0 !important; padding-right: 0 !important;}


/* -------------------- NAVBAR -------------------- */
.navbar-default {border: none !important; background: none !important;}
.navbar {border-radius: 0 !important;}
.navbar {min-height: 10px !important; border: none !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none !important;}
.navbar-collapse {padding-right: 0 !important; padding-left: 0 !important; border-top: none !important; box-shadow: none !important;}
.nav > li > a {padding: 0 !important;}
.navbar-brand {display: none;}


/* -------------------- LIMAIN -------------------- */
.limain-navbar-fixed-top {padding-top: 0;}
.limain-footer {width: 100%;}
.limain-search {width: 100%;}


/* ------------------------------- HEADER -------------------------------- */
.header-bg {width: 100%; position: relative;}
.slider {width: 100%; overflow: hidden;}
.slider-unterseiten {width: 100%; overflow: hidden;}
.slider-unterseiten img {width: 100%; height: auto !important;}
.headbar {position: absolute; z-index: 600; background: #fff;}
.sticky.headbar {position: fixed !important; box-shadow: 1px 0 6px 2px #000; left: 0; width: 100%; right: 0; top: 0; animation: fadein 0.5s forwards;}
@keyframes fadein {from {opacity: 0;} to {opacity: 1;}}
.header {width: 100%; display: flex; justify-content: space-between;}
.logo a {text-indent: -9999px; outline: none; display: block; background: url('images/logo-full.jpg') 0 0 no-repeat;}

.headernav {width: 100%; margin: 0;}
.headernav ul {list-style: none; margin: 0; position: relative;}
.headernav ul li a {font-weight: bold; display: block; color: #000; text-transform: uppercase;}

.socialnav {display: block; height: 100%;}
.socialnav ul {list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between;}
.socialnav ul li {height: 100%;}
.socialnav ul li a {display: block; height: 100%; text-indent: -9999px; outline: none;}
.socialnav ul li a:hover {transition: background 1s; -webkit-transition: background 1s;}

.header-donate a {display: block; color: #fff; font-weight: bold; text-transform: uppercase;}
.sticky.headbar .header-donate {color: #fff !important;}
.sticky.headbar .header-donate a {color: #fff !important;}

.headernav ul li a:hover {color: #669e0e;}
.header-donate a:hover {color: #fff !important;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
transition: background 1s;
}

.headernav .newcontent {
background: #679f0e;
height: 18px;
width: 86px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
font-size: 12px;
color: #fff;
padding: 0 5px;
margin-left: 10px;
vertical-align: top;
}

.sticky.headbar .header-donate a:hover {color: #fff !important; 
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
transition: background 1s;
}

.headernav .hp-project ul {background: url('images/dropdown1bild.jpeg') center bottom no-repeat #fff; background-size: cover !important;}
.headernav .hp-film ul {background: url('images/nav-dropdown-thefilm-bg.jpg') right bottom no-repeat #fff; background-size: cover !important;}

.headernav ul li ul {left: 0; position: absolute; display: none; width: 100%;}
.headernav ul li ul li {height: 100%; float: left;}
.headernav ul li ul li a {display: block; width: 100%; border-bottom: 1px solid #d6d6d6; letter-spacing: 0.02em !important; background: transparent; font-weight: bold; color: #000; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase;}
.headernav ul li ul li ul {display: block; width: 100%; top: 0; height: auto !important; float: left; position: relative; padding: 0 0 !important; background: transparent !important;}
.headernav ul li ul li ul li a {display: block; width: 100%; background: transparent; border: none !important; margin: 0; font-weight: 400; color: #000; font-family: 'Source Sans Pro', sans-serif; text-transform: none !important;}
.headernav ul li ul li ul li a:hover {color: #5c8f0d;}
.dropdown-bild-film a {text-indent: -9999px; height: 100%; outline: none; display: block; background: url('images/nav-dropdown-thefilm-poster.jpg') 0 0 no-repeat !important;}
.dropdown-bild-project a {text-indent: -9999px; height: 100%; outline: none; display: block; background: url('images/nav-dropdown-thefilm-poster.jpg') 0 0 no-repeat !important;}
.subdescription {display: block; color: #000; width: 100%;}
.subdescription a {display: block; width: 100%; color: #5c8f0d;}
.headernav #menu-item-148 {height: auto !important; }
.headernav #menu-item-820 {height: auto !important;}
.headernav ul li ul .submenu-wrap {float: left; width: 100%; height: 100%;}

.headernav .hp-info-green a {border: none !important; text-transform: none !important; font-weight: 700; color: #5c8f0d !important; background: url('images/nav-dropdown-host-a-screening-icon.png') 0 center no-repeat !important;}
.headernav .hp-info-green a:hover {text-decoration: underline;}


/* ------------------------------ CONTENT -------------------------------- */
.contentbereich {width: 100%;}
#content h1 {text-align: center;}
.breadcrumb-container {background: transparent; }
.breadcrumb {background: transparent; padding: 0;}
.breadcrumb li:first-child a {text-indent: -9999px; outline: none; display: block; background: url('images/breadcrumbs-home.png') center center no-repeat;}
.breadcrumb > li + li:before {background: url('images/breadcrumbs-break.png') 0 center no-repeat; content: ""; padding: 0 12px !important;}
.breadcrumb li {font-weight: bold; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; padding: 0 12px !important;}
.breadcrumb li a {font-weight: bold; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; color: #777 !important;}
.breadcrumb li a:hover {color: #669e0e !important; text-decoration: none !important;}

.slider-startseite {width: 100%; display: flex; flex-wrap: wrap;}
.plantpower-slider {width: 100%; position: relative;}
.hope-documentary-slider {width: 100%;}

.contentbereich-startseite {width: 100%; display: flex; justify-content: space-between;}
.contentbereich-startseite-spalte {display: block; background: #f7f2ef; -webkit-transition: background 2s; /* Safari */ transition: background 2s;}
.contentbereich-startseite-spalte:hover {background: #efe8e4;}
.contentbereich-startseite-spalte h6 {width: 100%; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-weight: bold; color: #000; text-transform: uppercase;}
.contentbereich-startseite-spalte p {font-weight: 600; color: #000; width: 100%; text-align: center;}
.contentbereich-startseite-spalte-bild {width: 100%; display: flex; align-items: flex-end; justify-content: center;}
.slider-startseite2 {width: 100%;}
.slider-startseite3 {width: 100%;}
.newsletter-startseite {border: 10px solid #fff; box-sizing: border-box; width: 100%; background: url('images/newsletter-bg.jpg') center top no-repeat; background-size: cover !important;}
.newsletter-startseite h6 {text-align: center; width: 100%; color: #000; display: block; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase;}
.newsletter-startseite h7 {text-align: center; width: 100%; display: block; color: #000; font-weight: 400; font-family: 'Source Sans Pro', sans-serif;}
.newsletter-startseite h8 {text-align: center; width: 100%; display: block; color: #000; font-weight: 400; font-family: 'Source Sans Pro', sans-serif;}
.newsletter-startseite .cr_ipe_item {width: 100%;}


/* ----------------------------- Q&A Seite ----------------------------- */
#content .h1-small {display: block; text-align: center;}

/* ----------------------------- Kontaktseite ----------------------------- */
.contactform .form-h2 {width: 100%; display: flex; justify-content: center;}
.contactform h2 {text-transform: none; margin: 0; background: #fff; width: auto; display: inline-block;}
.contactform .form-number {color: #669e0e;}
.contactform .form-infobox {width: 100%; display: block; min-height: 95px; border: 3px solid #f7f7f7; color: #000;}

.contactform .spalte-wrapper {display: flex; justify-content: space-between; width: 100%;}
.contactform label {width: 100%;}
.contactform .wpcf7-form-control-wrap {position: relative;}
.contactform .wpcf7-form-control {font-weight: 600; color: #000; width: 100%; box-shadow: none; border: 2px solid #f7f7f7;}
.senden-wrapper {width: 100%; display: flex; justify-content: center;}
.contactform .wpcf7-submit {text-indent: 0 !important; width: auto !important; text-transform: uppercase; border: 2px solid #669e0e !important; color: #fff !important;}
.contactform .wpcf7-submit:hover {background-color: #000 !important; border-color: #000 !important;}
.contactform .wpcf7-form-control:hover,
.contactform .wpcf7-form-control:active, 
.contactform .wpcf7-form-control:focus {border: 2px solid #669e0e; outline: none; cursor: pointer;}
.contactform span.wpcf7-not-valid-tip {position: absolute; top: 0; right: 10px;}

.your-name1 .wpcf7-form-control {background: url('images/kontaktformular-name-icon.png') 15px 17px no-repeat #f7f7f7;}
.your-name2 .wpcf7-form-control {background: url('images/kontaktformular-name-icon.png') 15px 17px no-repeat #f7f7f7;}
.your-name1 .wpcf7-form-control:hover, .your-name2 .wpcf7-form-control:hover {background-position: 15px -28px; background-color: #fff;}
.your-name1 .wpcf7-form-control:active, .your-name2 .wpcf7-form-control:active {background-position: 15px -28px; background-color: #fff;}
.your-name1 .wpcf7-form-control:focus, .your-name2 .wpcf7-form-control:focus {background-position: 15px -28px; background-color: #fff;}
.your-email .wpcf7-form-control {background: url('images/kontaktformular-email-icon.png') 15px 19px no-repeat #f7f7f7;}
.your-subject .wpcf7-form-control {background: url('images/kontaktformular-subject-icon.png') 15px 19px no-repeat #f7f7f7;}
.your-message .wpcf7-form-control {height: 256px; background: url('images/kontaktformular-message-icon-nonhover.png') 15px 18px no-repeat #f7f7f7;}
.your-email .wpcf7-form-control:hover {background-position: 15px -23px; background-color: #fff;}
.your-email .wpcf7-form-control:active {background-position: 15px -23px; background-color: #fff;}
.your-email .wpcf7-form-control:focus {background-position: 15px -23px; background-color: #fff;}
.your-subject .wpcf7-form-control:hover {background-position: 15px -21px; background-color: #fff;}
.your-subject .wpcf7-form-control:active {background-position: 15px -21px; background-color: #fff;}
.your-subject .wpcf7-form-control:focus {background-position: 15px -21px; background-color: #fff;}
.your-message .wpcf7-form-control:hover {background: url('images/kontaktformular-message-icon-hover.png') 15px 18px no-repeat #fff;}
.your-message .wpcf7-form-control:active {background: url('images/kontaktformular-message-icon-hover.png') 15px 18px no-repeat #fff;}
.your-message .wpcf7-form-control:focus {background: url('images/kontaktformular-message-icon-hover.png') 15px 18px no-repeat #fff;}
.your-recipient .wpcf7-form-control {border: 2px solid #669e0e !important; color: #669e0e !important; background: url('images/kontaktformular-kategorie-icon.png') 15px center no-repeat;}
.wpcf7-form-control:active {background-color: #fff;}
.wpcf7-form-control:focus {background-color: #fff;}
.contactform ::-webkit-input-placeholder {color: #000;}
.contactform :-moz-placeholder {color: #000;}
.contactform ::-moz-placeholder {color: #000;}
.contactform :-ms-input-placeholder {color: #000;}
.kontaktbanner {width: 100%;}

/* ----------------------------- Donateseite ----------------------------- */
.zitatbanner {width: 100%; display: none; justify-content: space-between;}
.zitatbild {overflow: hidden; display: flex; justify-content: center;}
.zitatbild img {width: auto; height: 820px; }
.zitattext {background: #f7f7f7; color: #000; font-style: italic;}
.zitattext a {width: 100%; display: block; text-align: right; border-top: 1px solid #ddd; color: #000; font-style: normal;}
.zitattext a:hover {color: #69ac00;}
.donatebanner {width: 100%;}

.page-id-11 .zitatbanner {display: flex !important;}



/* ------------------------------- FOOTER -------------------------------- */
.footer-bg {width: 100%;}
.footer {width: 100%; background: #fafafa;}
.footer-top {border-bottom: 1px solid #d5d5d5;}
.footer-info-icon {display: flex; justify-content: center; align-items: center;}
.footer-top h6 {color: #000; font-family: 'Source Sans Pro', sans-serif; width: 100%; text-align: center; font-weight: 600; text-transform: uppercase;}
.footer-top p {width: 100%; text-align: center;}

.footer-info-4 a {float: left; width: auto; text-align: center; padding: 4px 0 3px 30px; color: #000; font-weight: 600; font-size: 14px;}
.footer-info-4-buttons {display: flex; justify-content: space-around; width: 100%;}
.footer-info-4-buttons a:hover {color: #669e0e;}
.footer-facebook {background: url('images/footer-facebook.png') 4px 3px no-repeat;}
.footer-facebook:hover {background-position: 4px -47px;}
.footer-youtube {background: url('images/footer-youtube.png') 0 6px no-repeat;}
.footer-youtube:hover {background-position: 0 -40px;}
.footer-insta {background: url('images/footer-instagram.png') 4px 5px no-repeat;}
.footer-insta:hover {background-position: 4px -44px;}

.footer-bottom h6 {font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; color: #000; display: block; font-weight: bold;}
.footer-nav-1 h6 {background: url('images/footer-link-icon.png') 10px 5px no-repeat;}
.footer-nav-2 h6 {background: url('images/footer-thefilm-icon.png') 10px 3px no-repeat;}
.footer-nav-3 h6 {background: url('images/footer-theproject-icon.png') 10px 3px no-repeat;}
.footer-newsletter h6 {background: url('images/footer-newsletter-icon.png') 10px 8px no-repeat;}
.footer-donate h6 {background: url('images/footer-donate-icon.png') 10px 6px no-repeat;}
.footer-bottom-text {display: block; width: 100%;}
.footer-newsletter a {color: #000; display: block; font-weight: 600; background: url('images/footer-links-arrow.png') 104px 12px no-repeat;}
.footer-newsletter a:hover {color: #669e0e; background-position: 104px -28px;}
.footer-donate a {display: block; color: #000; font-weight: 600; background: url('images/footer-links-arrow.png') 132px 12px no-repeat;}
.footer-donate a:hover {color: #669e0e; background-position: 132px -28px;}

.footernav {width: 100%;}
.footernav ul {list-style: none; margin: 0; padding: 0; width: 100%;}
.footernav ul li {width: 100%;}
.footernav ul li a {color: #000; width: 100%;}
.footernav ul li a:hover {color: #669e0e;}
.footernav ul .speciallink a {background: url('images/footer-special-links-star.png') 0 9px no-repeat;}
.footernav ul .speciallink a:hover {background-position: 0 -31px;}

.nach-oben {width: 100%; margin: 20px 0; display: flex; justify-content: center;}
.nach-oben a {width: auto; display: block; color: #000; text-transform: uppercase; font-weight: bold; background: url('images/footer-back-to-top-arrow.png') center 3px no-repeat;}
.nach-oben a:hover {color: #000; background-position: center top;}


.cool_timeline img {max-width: 100%; height: auto !important;}



@media (max-width: 1739px) {
.headernav .hp-project ul {background: #fff !important;}
.headernav .hp-film ul {background: #fff !important;}
}


/* -------------------------- DESKTOP-ANSICHT ----------------------------- */

@media (min-width: 1871px) {
    .socialnav ul li a {width: 60px; height: 147px;}
    .social-fb {margin-right: 3px;}
    .social-fb a {background: url('images/header-facebook-icon.png') center 61px no-repeat #fafafa;}
    .social-fb a:hover {background-color: #3b5998; background-position: center -24px;}
    .social-yt a {background: url('images/header-youtube-icon.png') center 63px no-repeat #fafafa;}
    .social-yt a:hover {background-color: #ff0000; background-position: center -21px;}
    .social-insta a {background: url('images/instagram-icon.png') center 61px no-repeat;}
    .social-insta a:hover {background-position: center -23px;}
    .social-insta {
        transition: background 0.4s;
        -webkit-transition: background 0.4s;
        margin-left: 3px;
        background: #fafafa;
    }
    .social-insta:hover {
        background-image: -moz-linear-gradient( 90deg, rgb(212,0,98) 0%, rgb(169,0,182) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(212,0,98) 0%, rgb(169,0,182) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(212,0,98) 0%, rgb(169,0,182) 100%);
        transition: background 0.4s;
        -webkit-transition: background 0.4s;
    }
    .header-donate {min-width: 236px; height: 147px;}
    .header-donate a {font-size: 28px; line-height: 29px; height: 147px; padding: 58px 18px 58px 52px;}
    .header-donate a {background: url('images/heart-unfilled.png') 20px center no-repeat #669e0e;}
    .header-donate a:hover {background: url('images/heat-filled.png') 20px center no-repeat #6eac0c;}

    .headernav ul {display: flex; justify-content: space-around; width: 100%; padding: 0 30px;}
    .headernav ul li {padding: 33px 0 21px 0;}
    .headernav ul li a {padding: 18px 18px 35px 26px; font-size: 28px; letter-spacing: 0.08em;}
    .headernav ul li ul {top: 157px; height: 385px; padding: 20px 25% 20px 20px;}
    .headernav ul li ul li {width: 35%; margin: 0 22px 0 0; padding: 0;}
    .headernav ul li ul li a {margin-bottom: 18px; font-size: 18px; padding: 3px 5px !important;}
    .headernav ul li ul li ul {width: 100%; top: 0; height: auto !important; float: left; position: relative; padding: 0 0 !important; background: transparent !important;}
    .headernav ul li ul li ul li {width: 100%;}
    .headernav ul li ul li ul li a {line-height: 30px; font-size: 16px; padding: 0 5px 0 5px !important;}
    .subdescription {font-size: 16px; line-height: 30px;}
    .subdescription a {margin-top: 20px;}
    .headernav ul .hp-project a {background: url('images/nav-icon-theproject.png') 3px 5px no-repeat;}
    .headernav ul .hp-project ul li a {background: transparent;}
    .headernav ul .hp-project a:hover {background-position: 3px -87px;}
    .headernav ul .hp-film a {background: url('images/nav-icon-thefilm.png') 3px 5px no-repeat;}
    .headernav ul .hp-film ul li a {background: transparent;}
    .headernav ul .hp-film a:hover {background-position: 3px -85px;}
    .headernav .hp-info-green a {margin-top: 20px; padding: 0 0 0 22px !important; font-size: 16px;}
    .headernav ul .hp-plant a {background: url('images/plant-power-stories-icon.png') 0 5px no-repeat;}
    .headernav ul .hp-plant ul li a {background: transparent;}
    .headernav ul .hp-plant a:hover {background-position: 0 -85px;}

    .sticky.headbar .socialnav ul li a {width: 60px; height: 84px;}
    .sticky.headbar .social-fb a {background-position: center 29px;}
    .sticky.headbar .social-fb a:hover {background-position: center -55px;}
    .sticky.headbar .social-yt a {background-position: center 32px;}
    .sticky.headbar .social-yt a:hover {background-position: center -53px;}
    .sticky.headbar .social-insta a {background-position: center 31px;}
    .sticky.headbar .social-insta a:hover {background-position: center -54px;}
    .sticky.headbar .header-donate a {background: url('images/heart-unfilled.png') 30px center no-repeat #669e0e;}
    .sticky.headbar .header-donate a:hover {background: url('images/heat-filled.png') 30px center no-repeat #6eac0c;}
    .sticky.headbar .header-donate {height: 84px;}
    .sticky.headbar .header-donate a {font-size: 24px; line-height: 26px; height: 84px; padding: 28px 18px 26px 60px;}
    .sticky.headbar .logo {width: 240px;}
    .sticky.headbar .logo a {height: 84px; width: 240px;}
    .sticky.headbar .headernav ul {padding: 0;}
    .sticky.headbar .headernav ul li {padding: 11px 0 0 0;}
    .sticky.headbar .headernav ul li a {font-size: 26px !important; padding-bottom: 18px;}
    .sticky.headbar .headernav ul li ul {top: 94px; padding: 20px 25% 20px 20px !important;}
    .sticky.headbar .headernav ul li ul li {padding: 0;}
    .sticky.headbar .headernav ul li ul li a {font-size: 18px !important;}
    .sticky.headbar .headernav ul li ul li ul {top: 0; padding: 0 !important;}
    .sticky.headbar .headernav ul li ul li ul li a {font-size: 16px !important; padding: 0 5px 0 5px !important;}
}

@media (min-width: 1561px) and (max-width: 1870px){
    .socialnav ul li a {width: 50px; height: 147px;}
    .social-fb {margin-right: 3px;}
    .social-fb a {background: url('images/header-facebook-icon.png') center 61px no-repeat #fafafa;}
    .social-fb a:hover {background-color: #3b5998; background-position: center -24px;}
    .social-yt a {background: url('images/header-youtube-icon.png') center 63px no-repeat #fafafa;}
    .social-yt a:hover {background-color: #ff0000; background-position: center -21px;}
    .social-insta a {background: url('images/instagram-icon.png') center 61px no-repeat;}
    .social-insta a:hover {background-position: center -23px;}
    .social-insta {
        transition: background 0.4s;
        -webkit-transition: background 0.4s;
        margin-left: 3px;
        background: #fafafa;
    }
    .social-insta:hover {
        background-image: -moz-linear-gradient( 90deg, rgb(212,0,98) 0%, rgb(169,0,182) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(212,0,98) 0%, rgb(169,0,182) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(212,0,98) 0%, rgb(169,0,182) 100%);
        transition: background 0.4s;
        -webkit-transition: background 0.4s;
    }
    .header-donate {min-width: 200px; height: 147px;}
    .header-donate a {font-size: 22px; line-height: 29px; height: 147px; padding: 58px 18px 58px 49px;}
    .header-donate a {background: url('images/heart-unfilled.png') 17px center no-repeat #669e0e;}
    .header-donate a:hover {background: url('images/heat-filled.png') 17px center no-repeat #6eac0c;}

    .headernav ul {display: flex; justify-content: space-around; width: 100%; padding: 0 20px;}
    .headernav ul li {padding: 40px 0 23px 0;}
    .headernav ul li a {padding: 18px 14px 35px 26px; font-size: 22px; letter-spacing: 0.08em;}
    .headernav ul li ul {top: 157px; min-height: 330px; padding: 20px 25% 20px 20px;}
    .headernav ul li ul li {width: 35%; margin: 0 22px 0 0; padding: 0;}
    .headernav ul li ul li a {margin-bottom: 18px; font-size: 18px; padding: 3px 5px !important;}
    .headernav ul li ul li ul {width: 100%; top: 0; height: auto !important; float: left; position: relative; padding: 0 0 !important; background: transparent !important;}
    .headernav ul li ul li ul li {width: 100%;}
    .headernav ul li ul li ul li a {line-height: 30px; font-size: 16px; padding: 0 5px 0 5px !important;}
    .subdescription {font-size: 16px; line-height: 30px;}
    .subdescription a {margin-top: 20px;}
    .headernav ul .hp-project a {background: url('images/nav-icon-theproject.png') 3px 5px no-repeat;}
    .headernav ul .hp-project ul li a {background: transparent;}
    .headernav ul .hp-project a:hover {background-position: 3px -87px;}
    .headernav ul .hp-film a {background: url('images/nav-icon-thefilm.png') 3px 5px no-repeat;}
    .headernav ul .hp-film ul li a {background: transparent;}
    .headernav ul .hp-film a:hover {background-position: 3px -85px;}
    .headernav .hp-info-green a {margin-top: 20px; padding: 0 0 0 22px !important; font-size: 16px;}
    .headernav ul .hp-plant a {background: url('images/plant-power-stories-icon.png') 0 5px no-repeat;}
    .headernav ul .hp-plant ul li a {background: transparent;}
    .headernav ul .hp-plant a:hover {background-position: 0 -85px;}

    .sticky.headbar .socialnav ul li a {width: 60px; height: 84px;}
    .sticky.headbar .social-fb a {background-position: center 29px;}
    .sticky.headbar .social-fb a:hover {background-position: center -55px;}
    .sticky.headbar .social-yt a {background-position: center 32px;}
    .sticky.headbar .social-yt a:hover {background-position: center -53px;}
    .sticky.headbar .social-insta a {background-position: center 31px;}
    .sticky.headbar .social-insta a:hover {background-position: center -54px;}
    .sticky.headbar .header-donate a {background: url('images/heart-unfilled.png') 20px center no-repeat #669e0e;}
    .sticky.headbar .header-donate a:hover {background: url('images/heat-filled.png') 20px center no-repeat #6eac0c;}
    .sticky.headbar .header-donate {height: 84px;}
    .sticky.headbar .header-donate a {font-size: 22px; line-height: 26px; height: 84px; padding: 28px 18px 26px 50px;}
    .sticky.headbar .logo {width: 240px;}
    .sticky.headbar .logo a {height: 84px; width: 240px;}
    .sticky.headbar .headernav ul {padding: 0;}
    .sticky.headbar .headernav ul li {padding: 17px 0 0 0;}
    .sticky.headbar .headernav ul li a {font-size: 22px !important; padding-bottom: 18px;}
    .sticky.headbar .headernav ul li ul {top: 94px; padding: 20px 25% 20px 20px !important;}
    .sticky.headbar .headernav ul li ul li {padding: 0;}
    .sticky.headbar .headernav ul li ul li a {font-size: 18px !important;}
    .sticky.headbar .headernav ul li ul li ul {top: 0; padding: 0 !important;}
    .sticky.headbar .headernav ul li ul li ul li a {font-size: 16px !important; padding: 0 5px 0 5px !important;}
}

@media (min-width: 1561px) {
.container {width: 1530px !important;}

    .logo {width: 231px;}
    .logo a {width: 231px; height: 147px;}
    .logo a:hover {background-position: 0 -147px;}

    .sticky.headbar .logo a {background: url('images/nav-smart-logo.jpg') 0 0 no-repeat;}
    .headbar {top: 50px; left: 50px; right: 50px; width: auto;}

#content {padding: 50px 0 15px 0;}
#content h1 {margin-bottom: 45px;}
#content .h1-small {margin-top: -15px; margin-bottom: 40px;}
.breadcrumb {margin: 40px 0 4px 0 !important;}
.breadcrumb > li + li:before {padding: 0 12px;}
.breadcrumb li:first-child a {width: 20px; margin-left: 10px; height: 28px;}
.breadcrumb li, .breadcrumb li a {font-size: 17px;}

.slider-startseite {padding: 10px;}
.project-slider {padding: 0 5px 0 0; width: 50%;}
.film-slider {padding: 0 0 0 5px; width: 50%;}
    .plantpower-slider {padding-top: 10px;}
    .hope-documentary-slider {padding-top: 10px;}
    #plant-power-stories {position: absolute; top: -85px; width: 100%;}

.contentbereich-startseite {padding: 0 10px 0 10px;}
.contentbereich-startseite-spalte {width: 33%; padding: 15px 20px;}
.contentbereich-startseite-spalte h6 {font-size: 35px; letter-spacing: 0.02em;}
.contentbereich-startseite-spalte p {font-size: 18px; line-height: 26px; margin: 14px 0 24px 0;}
.contentbereich-startseite-spalte-bild {min-height: 260px;}
.slider-startseite2 {padding: 0 10px 10px 10px;}
.newsletter-startseite {padding: 270px 0;}
.newsletter-startseite h6 {font-size: 35px;}
.newsletter-startseite h7 {font-size: 17px; line-height: 24px;}
.newsletter-startseite h8 {font-size: 13px; line-height: 18px;}
.newsletter-startseite .editable_content {display: flex; justify-content: space-between;}
.newsletter-startseite .submit_container {padding-top: 36px;}
.newsletter-startseite .cr_ipe_item textarea, .newsletter-startseite .cr_ipe_item input {min-height: 42px;}
.newsletter-startseite .cr_ipe_item {padding: 1px 4px !important; margin: 0 !important;}

.footer-bg {padding: 0 10px 10px 10px;}
.footer-top {padding: 35px 0 40px 0;}
.footer-bottom {padding: 45px 0 35px 0;}
.footer-top h6 {font-size: 25px;}
.footer-info-icon {min-height: 110px;}
.footer-info-4-buttons {padding: 0 20px;}
.footer-top p {padding: 0 15px; margin: 15px 0; font-size: 18px; line-height: 26px;}
.footer-bottom h6 {font-size: 18px; padding: 5px 0 5px 45px;}
.footernav {padding: 5px 5px 5px 45px;}
.footernav ul li {margin: 8px 0;}
.footernav ul li a {font-size: 16px; padding: 5px 0 5px 20px;}
.footer-bottom .col-md-3 {padding: 0 15px !important;}
.footer-bottom-text {font-size: 16px; padding: 5px 5px 5px 45px;}
.footer-newsletter {margin-bottom: 80px;}
.footer-newsletter a {font-size: 17px; padding: 5px 5px 5px 45px; margin-top: 8px;}
.footer-donate a {padding: 5px 5px 5px 45px; font-size: 17px; margin-top: 8px;}
.nach-oben a {font-size: 17px; height: 50px; padding-top: 22px;}

.contactform .form-h2 {margin: 65px 0 40px 0; background: url('images/dotted-line-pattern.png') 0 95% repeat-x;}
.contactform h2 {padding: 10px 32px 1px 32px;}
.contactform .form-infobox {padding: 18px 120px 20px 40px; background: url('images/kontaktformular-info-icon.png') 96% 25px no-repeat;}
.contactform .spalte {width: 49%;}
.contactform .wpcf7-form-control {margin-bottom: 12px; padding: 10px 12px 10px 12px; text-indent: 33px;}
.contactform .wpcf7-submit {margin: 65px 0 105px 0 !important; letter-spacing: 0.1em; font-size: 18px; padding: 12px 60px 12px 40px !important; background: url('images/kontaktformular-send-icon.png') 92% center no-repeat #669e0e !important;}
.kontaktbanner {padding: 10px;}
.breadcrumb-kontakt .breadcrumb {margin: 20px 0 30px 0 !important;}
#infobox1, #infobox2 {padding-top: 12px;}
.zitatbanner {padding: 10px;}
.zitatbild {width: 50%;}
.zitattext {width: 50%; padding: 85px 8% 50px 8%; font-size: 24px; line-height: 44px; margin-left: 10px;}
.zitattext a {padding-right: 24px; background: url('images/unterseite-donate-link-arrow.png') right 18px no-repeat; margin-top: 20px; font-size: 18px;}
.zitattext a:hover {background-position: right -21px;}
.zitattext p {margin: 0 0 15px 0;}
.zitat-autor {font-size: 18px; margin-top: 20px; margin-bottom: 45px; font-style: normal !important;}
.donatebanner {padding: 0 10px 10px 10px;}

#only-safari .vc_single_image-wrapper {display: flex; justify-content: center; align-items: center; min-height: 245px; width: auto; right: 15px; background: #fafafa; position: absolute; top: 0; left: 15px;}
#only-safari .only-safari-text {text-align: center; min-height: 245px; display: flex; justify-content: center; align-items: center;}
#only-safari2 .vc_single_image-wrapper {display: flex; justify-content: center; align-items: center; min-height: 245px; width: auto; right: 15px; background: #fafafa; position: absolute; top: 0; left: 15px;}
#only-safari2 .only-safari-text {text-align: center; min-height: 245px; display: flex; justify-content: center; align-items: center;}
}

/* --------------------------- kleine Desktop -ANSICHT ------------------------------- */
@media (min-width: 1161px) and (max-width: 1560px){
.container {width: 1140px !important;}
.sticky.headbar .logo a {background: url('images/nav-smart-logo.jpg') 0 0 no-repeat;}
.slider {overflow: hidden;}
.slider-unterseite img {width: auto !important; height: 228px !important;}
.headbar {top: 40px; left: 40px; right: 40px; width: auto;}
    .logo {width: 180px;}
    .logo a {width: 180px; height: 115px; background-size: cover !important;}
    .logo a:hover {background-position: 0 -114px;}

    .header-donate {min-width: 140px; height: 115px;}
    .header-donate a {font-size: 14px; line-height: 20px; height: 115px; padding: 47px 12px 45px 38px;}
    .header-donate a {background: url('images/heart-unfilled.png') 12px center no-repeat #669e0e;}
    .header-donate a:hover {background: url('images/heat-filled.png') 12px center no-repeat #6eac0c;}

    .socialnav ul li a {width: 40px; height: 115px;}
    .social-fb {margin-right: 2px;}
    .social-fb a {background: url('images/header-facebook-icon.png') center 46px no-repeat #fafafa;}
    .social-fb a:hover {background-color: #3b5998; background-position: center -39px;}
    .social-yt a {background: url('images/header-youtube-icon.png') center 48px no-repeat #fafafa;}
    .social-yt a:hover {background-color: #ff0000; background-position: center -36px;}
    .social-insta a {background-image: url('images/instagram-icon.png'); background-position: center 47px; background-repeat: no-repeat;}
    .social-insta a:hover {background-position: center -37px;}
    .social-insta {
        transition: background 0.4s;
        -webkit-transition: background 0.4s;
        margin-left: 3px;
        background: #fafafa;
    }
    .social-insta:hover {
        background-image: -moz-linear-gradient( 90deg, rgb(212,0,98) 0%, rgb(169,0,182) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(212,0,98) 0%, rgb(169,0,182) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(212,0,98) 0%, rgb(169,0,182) 100%);
        transition: background 0.4s;
        -webkit-transition: background 0.4s;
    }

    .headernav ul {display: flex; justify-content: space-around; align-items: center; width: 100%; height: 115px; padding: 0 10px 0 10px;}
    .headernav ul li a {padding: 18px 0 18px 24px; display: block; font-size: 17px; letter-spacing: 0.06em;}
    .headernav ul .hp-project a {background: url('images/nav-icon-theproject.png') 4px 5px no-repeat;}
    .headernav ul .hp-project a:hover {background-position: 4px -87px;}
    .headernav ul .hp-film a {background: url('images/nav-icon-thefilm.png') 3px 5px no-repeat;}
    .headernav ul .hp-film a:hover {background-position: 3px -85px;}
    .headernav ul .hp-plant a {background: url('images/plant-power-stories-icon.png') 0 5px no-repeat;}
    .headernav ul .hp-plant ul li a {background: transparent;}
    .headernav ul .hp-plant a:hover {background-position: 0 -85px;}

    .sticky.headbar .header-donate {height: 64px; min-width: 138px;}
    .sticky.headbar .header-donate a {line-height: 20px; height: 64px; padding: 21px 10px 18px 36px; font-size: 14px;}
    .sticky.headbar .header-donate a {background: url('images/heart-unfilled.png') 10px center no-repeat #669e0e;}
    .sticky.headbar .header-donate a:hover {background: url('images/heat-filled.png') 10px center no-repeat #6eac0c;}
    .sticky.headbar .socialnav ul li a {width: 46px; height: 64px;}
    .sticky.headbar .social-fb a {background-position: center 19px;}
    .sticky.headbar .social-fb a:hover {background-position: center -65px;}
    .sticky.headbar .social-yt a {background-position: center 22px;}
    .sticky.headbar .social-yt a:hover {background-position: center -63px;}
    .sticky.headbar .social-insta a {background-position: center 21px;}
    .sticky.headbar .social-insta a:hover {background-position: center -62px;}
    .sticky.headbar .logo {width: 182px;}
    .sticky.headbar .logo a {height: 64px; width: 182px; background-size: cover !important;}
    .sticky.headbar .headernav ul {padding: 0 10px 0 10px; height: 64px;}
    .sticky.headbar .headernav ul li a {font-size: 17px !important; line-height: 18px; padding: 22px 2px 0 24px !important;}
    .headernav ul li ul {display: none !important;}

#content {padding: 50px 0 15px 0;}
#content h1 {margin-bottom: 45px;}
#content .h1-small {margin-top: -15px; margin-bottom: 40px;}
.breadcrumb {margin: 40px 0 4px 0 !important;}
.breadcrumb > li + li:before {padding: 0 12px;}
.breadcrumb li:first-child a {width: 20px; margin-left: 10px; height: 28px;}
.breadcrumb li, .breadcrumb li a {font-size: 17px;}

.slider-startseite {padding: 10px; display: flex; justify-content: space-between;}
.project-slider {width: 50%; padding-right: 5px;}
.film-slider {width: 50%; padding-left: 5px;}
    .plantpower-slider {padding-top: 10px; width: 100%;}
    .hope-documentary-slider {padding-top: 10px;}
    #plant-power-stories {position: absolute; top: -65px; width: 100%;}

.contentbereich-startseite {padding: 0 10px 0 10px;}
.contentbereich-startseite-spalte {width: 33%; padding: 15px 20px;}
.contentbereich-startseite-spalte h6 {font-size: 32px; letter-spacing: 0.02em;}
.contentbereich-startseite-spalte p {font-size: 18px; line-height: 26px; margin: 14px 0 24px 0;}
.contentbereich-startseite-spalte-bild {min-height: 250px; padding: 0 10px;}
.contentbereich-startseite-spalte-bild img {max-width: 100%; height: auto;}
.slider-startseite2 {padding: 0 10px 10px 10px;}
.newsletter-startseite {padding: 235px 0;}
.newsletter-startseite h6 {font-size: 35px;}
.newsletter-startseite h7 {font-size: 17px; line-height: 24px;}
.newsletter-startseite h8 {font-size: 13px; line-height: 18px;}
.newsletter-startseite .editable_content {display: flex; justify-content: space-between;}
.newsletter-startseite .submit_container {padding-top: 0;}
.newsletter-startseite .cr_ipe_item textarea, .newsletter-startseite .cr_ipe_item input {min-height: 42px;}
.newsletter-startseite .cr_ipe_item {margin: 0 !important; padding: 1px 4px !important;}

.footer-bg {padding: 0 10px 10px 10px;}
.footer-top {padding: 35px 0 45px 0;}
.footer-bottom {padding: 45px 0 35px 0;}
.footer-top h6 {font-size: 24px;}
.footer-info-icon {min-height: 110px;}
.footer-info-4-buttons {padding: 0 10px; justify-content: center;}
.footer-info-4 a {text-indent: -9999px; outline: none; width: 36px;}
.footer-top p {padding: 0 15px; margin: 15px 0; font-size: 18px; line-height: 26px;}
.footer-facebook {background-position: center 4px;}
.footer-facebook:hover {background-position: center -46px;}
    .footer-youtube {background-position: center 6px;}
    .footer-youtube:hover {background-position: center -40px;}
    .footer-insta {background-position: center 5px;}
    .footer-insta:hover {background-position: center -44px;}
.footer-bottom h6 {font-size: 18px; padding: 5px 0 5px 45px;}
.footernav {padding: 5px 5px 5px 45px;}
.footernav ul li {margin: 8px 0;}
.footernav ul li a {font-size: 16px; padding: 5px 0;}
.footernav ul .speciallink a {padding: 5px 0 5px 20px !important;}
.footer-bottom .col-md-3 {padding: 0 15px !important;}
.footer-bottom-text {font-size: 16px; padding: 5px 5px 5px 45px;}
.footer-newsletter {margin-bottom: 80px;}
.footer-newsletter a {font-size: 17px; padding: 5px 5px 5px 45px; margin-top: 8px;}
.footer-donate a {padding: 5px 5px 5px 45px; font-size: 17px; margin-top: 8px;}
.nach-oben a {font-size: 17px; height: 50px; padding-top: 22px;}

.contactform .form-h2 {margin: 65px 0 40px 0; background: url('images/dotted-line-pattern.png') 0 95% repeat-x;}
.contactform h2 {padding: 10px 32px 1px 32px;}
.contactform .form-infobox {padding: 18px 120px 20px 40px; background: url('images/kontaktformular-info-icon.png') 96% 25px no-repeat;}
.contactform .spalte {width: 49%;}
.contactform .wpcf7-form-control {margin-bottom: 12px; padding: 10px 12px 10px 12px; text-indent: 33px;}
.contactform .wpcf7-submit {margin: 30px 0 50px 0 !important; letter-spacing: 0.08em; font-size: 18px; padding: 12px 50px 12px 30px !important; background: url('images/kontaktformular-send-icon.png') 92% center no-repeat #669e0e !important;}
.kontaktbanner {padding: 10px;}
.breadcrumb-kontakt .breadcrumb {margin: 20px 0 30px 0 !important;}
#infobox1, #infobox2 {padding-top: 12px;}
.zitatbanner {padding: 10px;}
.zitatbild {display: none; width: 50%;}
.zitattext {width: 100%; padding: 85px 8% 50px 8%; font-size: 24px; line-height: 44px; margin-left: 0;}
.zitattext a {padding-right: 24px; background: url('images/unterseite-donate-link-arrow.png') right 18px no-repeat; margin-top: 20px; font-size: 18px;}
.zitattext a:hover {background-position: right -21px;}
.zitattext p {margin: 0 0 15px 0;}
.zitat-autor {font-size: 18px; margin-top: 20px; margin-bottom: 45px; font-style: normal !important;}
.donatebanner {padding: 0 10px 10px 10px;}

#only-safari .vc_single_image-wrapper {display: flex; justify-content: center; align-items: center; min-height: 245px; width: auto; right: 15px; background: #fafafa; position: absolute; top: 0; left: 15px;}
#only-safari .only-safari-text {text-align: center; min-height: 245px; display: flex; justify-content: center; align-items: center;}
#only-safari2 .vc_single_image-wrapper {display: flex; justify-content: center; align-items: center; min-height: 245px; width: auto; right: 15px; background: #fafafa; position: absolute; top: 0; left: 15px;}
#only-safari2 .only-safari-text {text-align: center; min-height: 245px; display: flex; justify-content: center; align-items: center;}
}

@media (min-width: 991px) and (max-width: 1361px) {
.newsletter-startseite {padding: 190px 0 !important;}
.newsletter-startseite .editable_content {display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsletter-startseite .submit_container {padding-top: 20px !important; width: 100% !important;}
}


/* --------------------------- TABLET-ANSICHT ------------------------------- */
@media (min-width: 768px) and (max-width: 1160px){
.container {width: 750px !important;}
.slider {overflow: hidden;}
.slider-unterseite img {width: auto !important; height: 160px !important;}

#content {padding: 50px 0 15px 0;}
#content h1 {margin-bottom: 30px;}
#content .h1-small {margin-top: -15px; margin-bottom: 40px;}
.breadcrumb {margin: 50px 0 10px 0 !important;}
.breadcrumb > li + li:before {padding: 0 12px;}
.breadcrumb li:first-child a {width: 20px; margin-left: 10px; height: 28px;}
.breadcrumb li, .breadcrumb li a {font-size: 18px;}

    .slider-startseite {padding: 10px; display: flex; justify-content: space-between;}
    .project-slider {width: 50%; padding-right: 5px;}
    .film-slider {width: 50%; padding-left: 5px;}
    .plantpower-slider {padding-top: 10px; width: 100%;}
    .hope-documentary-slider {padding-top: 10px;}

.contentbereich-startseite {padding: 0 10px 0 10px;}
.contentbereich-startseite-spalte {width: 32.5%; padding: 15px 10px;}
.contentbereich-startseite-spalte h6 {font-size: 22px; letter-spacing: 0.02em;}
.contentbereich-startseite-spalte p {font-size: 13px; line-height: 20px; margin: 15px 0 25px 0;}
.contentbereich-startseite-spalte-bild {min-height: 170px; padding: 0 16px;}
.contentbereich-startseite-spalte-bild img {max-width: 100%; height: auto;}
.slider-startseite2 {padding: 0 10px 10px 10px;}
.newsletter-startseite {padding: 270px 0;}
.newsletter-startseite h6 {font-size: 35px;}
.newsletter-startseite h7 {font-size: 17px; line-height: 24px;}
.newsletter-startseite h8 {font-size: 13px; line-height: 18px;}
.newsletter-startseite .editable_content {display: flex; justify-content: space-between;}
.newsletter-startseite .submit_container {padding-top: 0;}
.newsletter-startseite .cr_ipe_item textarea, .newsletter-startseite .cr_ipe_item input {min-height: 42px;}
.newsletter-startseite .cr_ipe_item {margin: 0 !important; padding: 1px 4px !important;}

.footer-bg {padding: 0 10px 10px 10px;}
.footer-top {padding: 35px 0 45px 0;}
.footer-bottom {padding: 25px 0 25px 0; display: flex; flex-wrap: wrap;}
.footer-top h6 {font-size: 20px;}
.footer-info-icon {min-height: 110px;}
.footer-info-4-buttons {padding: 2px 0 2px 5px; justify-content: center;}
    .footer-info-4 a {text-indent: -9999px; outline: none; width: 30px; height: 30px; padding: 0;}
.footer-facebook {background-size: 18px !important; background-position: center 0;}
.footer-facebook:hover {background-position: center -45px;}
.footer-youtube {background-size: 22px !important; background-position: center 2px;}
.footer-youtube:hover {background-position: center -40px;}
.footer-insta {background-position: center 0;}
.footer-insta:hover {background-position: center -49px;}
.footer-top p {padding: 0 15px; margin: 12px 0; font-size: 17px; line-height: 22px;}
.footer-bottom h6 {font-size: 16px; padding: 5px 0 5px 45px;}
.footernav {padding: 5px 5px 5px 45px;}
.footernav ul li {margin: 8px 0;}
.footernav ul li a {font-size: 16px; padding: 5px 0;}
.footernav ul .speciallink a {padding: 5px 0 5px 20px !important;}
.footer-bottom .col-md-3 {padding: 18px 15px !important;}
.footer-bottom-text {font-size: 16px; padding: 5px 5px 5px 45px;}
.footer-newsletter {margin-bottom: 35px;}
.footer-newsletter a {font-size: 17px; padding: 5px 5px 5px 45px; margin-top: 8px;}
.footer-donate a {padding: 5px 5px 5px 45px; font-size: 17px; margin-top: 8px;}
.nach-oben a {font-size: 18px; height: 50px; padding-top: 22px;}

.contactform .form-h2 {margin: 65px 0 40px 0; background: url('images/dotted-line-pattern.png') 0 95% repeat-x;}
.contactform h2 {padding: 10px 32px 1px 32px;}
.contactform .form-infobox {padding: 18px 120px 20px 40px; background: url('images/kontaktformular-info-icon.png') 96% 25px no-repeat;}
.contactform .spalte {width: 49%;}
.contactform .wpcf7-form-control {margin-bottom: 12px; padding: 10px 12px 10px 12px; text-indent: 33px;}
.contactform .wpcf7-submit {margin: 30px 0 !important; letter-spacing: 0.08em; font-size: 18px; padding: 12px 50px 12px 30px !important; background: url('images/kontaktformular-send-icon.png') 92% center no-repeat #669e0e !important;}
.kontaktbanner {padding: 10px;}
.breadcrumb-kontakt .breadcrumb {margin: 20px 0 30px 0 !important;}
#infobox1 {padding-top: 10px;}
.zitatbanner {padding: 10px;}
.zitatbild {width: 50%; display: none;}
.zitattext {width: 100%; padding: 80px 8% 50px 8%; font-size: 22px; line-height: 40px; margin-left: 0;}
.zitattext a {padding-right: 24px; background: url('images/unterseite-donate-link-arrow.png') right 15px no-repeat; margin-top: 20px; font-size: 18px;}
.zitattext a:hover {background-position: right -24px;}
.zitattext p {margin: 0 0 15px 0;}
.zitat-autor {font-size: 18px; margin-top: 20px; margin-bottom: 45px; font-style: normal !important;}
.donatebanner {padding: 0 10px 10px 10px;}

#only-safari .vc_single_image-wrapper {display: flex; justify-content: center; align-items: center; min-height: 245px; width: auto; right: 15px; background: #fafafa; position: absolute; top: 0; left: 15px;}
#only-safari .only-safari-text {font-size: 16px; text-align: center; min-height: 245px; display: flex; justify-content: center; align-items: center;}
#only-safari2 .vc_single_image-wrapper {display: flex; justify-content: center; align-items: center; min-height: 245px; width: auto; right: 15px; background: #fafafa; position: absolute; top: 0; left: 15px;}
#only-safari2 .only-safari-text {font-size: 16px; text-align: center; min-height: 245px; display: flex; justify-content: center; align-items: center;}
}

@media (max-width: 991px) {
.newsletter-startseite {padding: 0 0;}
.newsletter-startseite-text {padding: 95px 24px; background: rgba(255,255,255,0.8);}
}

@media (min-width: 768px) and (max-width: 1160px) {
    .navbar-header {display: block !important; width: 100%;}
    .navbar-brand {display: block !important; width: 100%; float: left;}
    .navbar-toggle {display: block !important; }

    .navbar-collapse.in {overflow-y: visible;}
    .navbar-collapse.collapse {display: none !important;}
    .navbar-collapse.in {display: block !important;}
}

@media (max-width: 1160px) {
    .headbar {top: 0; left: 0; right: 0; width: 100%; box-shadow: 1px 0 6px 2px #000; position: fixed !important; animation: none !important;}
    .logo {position: absolute; top: 0; left: 0; width: 101px; z-index: 610;}
    .logo a {width: 101px; height: 64px; background-size: cover !important;}
    .logo a:hover {background-position: 0 -64px;}
    .header-donate {display: none;}
    .headernav {width: 100%; position: relative; z-index: 600;}
    .headernav ul {background: #fff; padding: 10px; display: block; width: 100%; float: left;}
    .headernav ul li {height: auto; float: left; width: 100%; margin-bottom: 8px;}
    .headernav ul li a {text-align: center; padding: 22px 10px; line-height: 24px; background: #fafafa; width: 100%; float: left; font-size: 18px; letter-spacing: 0.04em;}
    .headernav ul .hp-project a {background: url('images/the-project-nonhover.png') 15px center no-repeat #fafafa;}
    .headernav ul .hp-film a {background: url('images/the-film-nonhover.png') 15px center no-repeat #fafafa;}
    .headernav ul .hp-plant a {background: url('images/mobile-plant-power-stories-icon.png') 15px center no-repeat #fafafa;}
    .headernav ul li ul {display: none !important;}
    .headernav ul .only-smartphone a {color: #fff !important; padding: 22px 10px; background: url('images/heart-unfilled.png') 15px center no-repeat #669e0e;}
    .headernav ul .only-smartphone a:hover {background: url('images/heat-filled.png') 15px center no-repeat #6eac0c;}

    .socialnav {position: absolute; left: 101px; top: 0; z-index: 610;}
    .socialnav ul li a {width: 42px; height: 64px;}
    .social-fb {margin-right: 2px;}
    .social-fb a {background: url('images/header-facebook-icon.png') center 21px no-repeat #fafafa;}
    .social-fb a:hover {background-color: #3b5998; background-position: center -64px;}
    .social-yt a {background: url('images/header-youtube-icon.png') center 23px no-repeat #fafafa;}
    .social-yt a:hover {background-color: #ff0000; background-position: center -61px;}

    .social-insta a {background-image: url('images/instagram-icon.png'); background-position: center 22px; background-repeat: no-repeat;}
    .social-insta a:hover {background-position: center -62px;}
    .social-insta {
        transition: background 0.4s;
        -webkit-transition: background 0.4s;
        margin-left: 3px;
        background: #fafafa;
    }
    .social-insta:hover {
        background-image: -moz-linear-gradient( 90deg, rgb(212,0,98) 0%, rgb(169,0,182) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(212,0,98) 0%, rgb(169,0,182) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(212,0,98) 0%, rgb(169,0,182) 100%);
        transition: background 0.4s;
        -webkit-transition: background 0.4s;
    }

    .only-smartphone {display: block;}
    /*
    .sticky.headbar .socialnav ul li a {width: 42px; height: 64px;}
    .sticky.headbar .social-fb a {background-position: center 19px;}
    .sticky.headbar .social-fb a:hover {background-position: center -65px;}
    .sticky.headbar .social-yt a {background-position: center 22px;}
    .sticky.headbar .social-yt a:hover {background-position: center -63px;}
    .sticky.headbar .social-insta a {background-position: center 21px;}
    .sticky.headbar .social-insta a:hover {background-position: center -62px;}
    */
    .navbar-burger {position: absolute; right: 15px; top: 22px;}
    .navbar-brand {float: left; display: block !important; text-align: right; height: 22px !important; font-size: 17px; line-height: 19px; padding: 1px 36px 0 0 !important; letter-spacing: 0.04em; width: 100%; font-weight: 700; text-transform: uppercase; color: #000 !important;}
    .navbar-default .navbar-toggle {z-index: 700; height: auto; color: #000; border: none !important; width: 100%; margin: 0 !important; float: right; padding: 21px 15px 21px 15px;}
    .navbar-toggle .icon-bar {width: 26px; height: 3px; border-radius: 3px; background: #000 !important;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: transparent;}
    .navbar-default .navbar-toggle:active {background: transparent;}
    .navbar-burger-icon {background: url('images/toggle-menu.png') center center no-repeat; width: 20px; height: 20px; display: block;}
    .navbar-burger-icon:hover {background: url('images/toggle-close.png') center center no-repeat !important;}
    .navbar-toggle:hover .navbar-burger-icon {background: url('images/toggle-close.png') center center no-repeat !important;}
    .navbar-toggle:focus .navbar-burger-icon {background: url('images/toggle-close.png') center center no-repeat !important;}
    .navbar-toggle.collapsed .navbar-burger-icon {background: url('images/toggle-menu.png') center center no-repeat !important;}

    .toggle-icon,
    .toggle-icon::before,
    .toggle-icon::after{
        content: "";
        width: 29px;
        height: 2px;
        position: absolute;
        background-color: #000;
        border: 1px solid #000;
        border-radius: 2em;
        cursor: pointer;
        transition: 0.4s ease;
        right: 12px;
    }

    .toggle-icon::before{
        position: absolute;
        left: -1px;
        margin-top: 7.4px;
    }

    .toggle-icon::after{
        position: absolute;
        left: -1px;
        margin-top: 15.4px;
    }

    .show .toggle-icon::after{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-top: 0em;
    }

    .show .toggle-icon{
        background-color: transparent;
        border: none;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: 10px;
    }

    .show .toggle-icon::before{
        margin-top: 0em;
    }
    #plant-power-stories {position: absolute; top: -65px; width: 100%;}
}

/*  ------------------------ SMARTPHONE-ANSICHT ---------------------------  */
@media (max-width: 767px) {
.container {width: 100% !important;}

.slider {overflow: hidden;}
.slider-unterseite img {width: auto !important; height: 160px !important;}

.contentbereich {overflow: hidden;}
#content {padding: 50px 20px 15px 20px;}
#content h1 {margin-bottom: 30px;}
#content .h1-small {margin-top: -15px; margin-bottom: 40px;}
.breadcrumb {margin: 50px 0 10px 0 !important;}
.breadcrumb > li + li:before {padding: 0 12px;}
.breadcrumb li:first-child a {width: 20px; margin-left: 10px; height: 28px;}
.breadcrumb li, .breadcrumb li a {font-size: 18px;}

.slider-startseite {overflow: hidden; padding: 10px; flex-wrap: wrap;}
.project-slider {padding: 0 0 5px 0; width: 100%;}
.film-slider {padding: 5px 0 0 0; width: 100%;}

    .hope-documentary-slider {padding-top: 10px;}

    .slider-startseite {padding: 10px; display: flex; justify-content: space-between;}
    .project-slider {width: 100%; padding: 0;}
    .film-slider {width: 100%; padding-top: 10px;}
    .plantpower-slider {padding-top: 10px; width: 100%;}

.contentbereich-startseite {overflow: hidden; padding: 0 10px 0 10px; display: block;}
.contentbereich-startseite-spalte {width: 100%; padding: 15px 10px; margin-bottom: 10px;}
.contentbereich-startseite-spalte h6 {font-size: 22px; letter-spacing: 0.02em;}
.contentbereich-startseite-spalte p {font-size: 13px; line-height: 20px; margin: 15px 0 25px 0;}
.contentbereich-startseite-spalte-bild {min-height: 170px; padding: 0 16px;}
.contentbereich-startseite-spalte-bild img {max-width: 100%; height: auto;}
.slider-startseite2 {padding: 0 10px 10px 10px;}
.newsletter-startseite {overflow: hidden; height: 643px; background: url('images/newsletter-bg-smartphone.jpg') center top no-repeat;}
.newsletter-startseite-text {height: 643px; display: flex; align-items: center; flex-wrap: wrap;}
.newsletter-startseite h6 {font-size: 26px;}
.newsletter-startseite h7 {font-size: 17px; line-height: 24px;}
.newsletter-startseite h8 {font-size: 13px; line-height: 18px;}
.newsletter-startseite .submit_container {padding-top: 36px;}
.newsletter-startseite .editable_content {width: 100%;}
.newsletter-startseite .cr_ipe_item textarea, .newsletter-startseite .cr_ipe_item input {width: 100%; min-height: 42px;}
.newsletter-startseite .cr_ipe_item {width: 100%; margin: 0 !important;}
.newsletter-startseite .formbox {padding: 10px 0 !important; width: 100%;}
.newsletter-startseite-text {padding: 30px 24px;}
.layout_form {width: 100%;}

.footer-bg {overflow: hidden; padding: 0 10px 10px 10px;}
.footer-top {padding: 25px 0 25px 0;}
.footer-bottom {padding: 10px 0 10px 0;}
.footer-top h6 {font-size: 20px;}
.footer-info-icon {min-height: 110px;}
.footer-info-4-buttons {padding: 2px 10px;}
.footer-info-4 a {padding: 5px 14px 4px 28px !important; font-size: 13px;}
.footer-top p {padding: 0 10px; margin: 12px 0; font-size: 16px; line-height: 22px;}
.footer-bottom h6 {font-size: 17px; padding: 5px 0 5px 45px; margin-top: 20px; margin-bottom: 0;}
.footernav {padding: 5px 5px 5px 45px;}
.footernav ul li {margin: 5px 0 8px 0;}
.footernav ul li a {font-size: 16px; padding: 5px 0;}
.footernav ul .speciallink a {padding: 5px 0 5px 20px !important;}
.footer-bottom .col-xs-12 {padding: 5px 5px !important;}
.footer-bottom-text {font-size: 16px; padding: 5px 5px 5px 45px;}
.footer-newsletter {margin-bottom: 55px;}
.footer-donate {margin-bottom: 35px;}
.footer-newsletter a {font-size: 16px; padding: 5px 5px 5px 45px; margin-top: 8px;}
.footer-donate a {padding: 5px 5px 5px 45px; font-size: 16px; margin-top: 8px;}
.nach-oben a {font-size: 17px; height: 50px; padding-top: 22px;}

.contactform .form-h2 {margin: 65px 0 40px 0; background: url('images/dotted-line-pattern.png') 0 95% repeat-x;}
.contactform h2 {padding: 10px 32px 1px 32px;}
.contactform .form-infobox {padding: 18px 100px 20px 40px; background: url('images/kontaktformular-info-icon.png') 92% center no-repeat;}
.contactform .spalte-wrapper {flex-wrap: wrap;}
.contactform .spalte {width: 100%;}
.contactform .wpcf7-form-control {margin-bottom: 12px; padding: 10px 12px 10px 12px; text-indent: 33px;}
.contactform .wpcf7-submit {margin: 30px 0 !important; letter-spacing: 0.08em; font-size: 18px; padding: 12px 50px 12px 30px !important; background: url('images/kontaktformular-send-icon.png') 92% center no-repeat #669e0e !important;}
.kontaktbanner {padding: 10px;}
.breadcrumb-kontakt .breadcrumb {margin: 20px 0 30px 0 !important;}

.zitatbanner {padding: 10px;}
.zitatbild {width: 50%; display: none;}
.zitattext {width: 100%; padding: 70px 8% 50px 8%; font-size: 20px; line-height: 38px; margin-left: 0;}
.zitattext a {padding-right: 24px; background: url('images/unterseite-donate-link-arrow.png') right 15px no-repeat; margin-top: 20px; font-size: 14px;}
.zitattext a:hover {background-position: right -24px;}
.zitattext p {margin: 0 0 15px 0;}
.zitat-autor {font-size: 17px; margin-top: 20px; margin-bottom: 45px; font-style: normal !important;}
.donatebanner {padding: 0 10px 10px 10px;}

#only-safari .vc_single_image-wrapper {display: flex; justify-content: center; align-items: center; min-height: 165px; width: auto; right: 15px; background: #fafafa; position: absolute; top: 0; left: 15px;}
#only-safari .only-safari-text {font-size: 16px; text-align: center; min-height: 165px; display: flex; justify-content: center; align-items: center;}
#only-safari2 .vc_single_image-wrapper {display: flex; justify-content: center; align-items: center; min-height: 165px; width: auto; right: 15px; background: #fafafa; position: absolute; top: 0; left: 15px;}
#only-safari2 .only-safari-text {font-size: 16px; text-align: center; min-height: 165px; display: flex; justify-content: center; align-items: center;}
}



.timeline-main-title {display: none;}
.cool-timeline-wrapper {margin: 10px auto !important;}

.hide-element {display: none !important;}
.show-element {display: block !important;}


/* NEWSLETTER CLEVERREACH */
.cr_site{margin:0; text-align:center;}
.cr_font{font-size: 13px;font-family: Arial;}
.cr_body h2, .cr_header h2{font-size:22px;line-height:28px;margin:0 0 10px 0;}
.cr_body h1, .cr_header h2{font-size:28px;margin-bottom:15px;padding:0;margin-top:0;}
.wrapper, .cr_page{text-align:left;border-radius:4px;}
.cr_header{text-align:center;background: transparent !Important;}
.cr_body label{float:none;clear:both;display:block;width:auto;margin-top:8px;text-align:left;font-weight:bold;position:relative;}
.cr_button{display:inline-block; font-family: 'Lato', sans-serif; width:100%;white-space:nowrap;text-transform: uppercase; letter-spacing: 0.08em; height:42px;margin:32px 5px 0 0;padding:0 22px;text-decoration:none;text-align:center;font-weight:bold;font-style:normal;font-size:12px;line-height:32px;cursor:pointer;border:0;-moz-border-radius:0;border-radius:0;-webkit-border-radius:0;vertical-align:middle;}
.cr_button{background-color:#111;color:#ffffff;}
.cr_button:hover,.cr_button-small:hover{opacity:0.7;filter:alpha(opacity=70);}
.powered{padding:20px 0;width:560px;margin:0 auto;}
.formbox{line-height:150%;font-family:Helvetica;font-size:12px;color:#333333;padding:15px 15px 15px 15px;border-radius: 0;}
.cr_ipe_item label{line-height:150%;font-size:13px;}
.cr_ipe_item textarea {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;font-family: Helvetica;font-size: 16px;}
.cr_ipe_item input {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;padding: 5px;font-family: Helvetica;font-size: 16px;}
.cr_ipe_item select {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;display: block;margin: 0;padding: 5px;width: 100%;font-family: Helvetica;font-size: 16px;}
.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {-moz-binding: none;-moz-box-sizing: border-box;background-color: -moz-field !important;border: 2px inset threedface !important;color: -moz-fieldtext !important;cursor: default;height: 13px;padding: 0 !important;width: 13px;}
.cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 5px;}
.submit_container{text-align:center}
.cr_ipe_item{ padding:1px 10px; margin:1px 10px; }
.cr_ipe_item.inactive {display:none;}
.imprint{font-size:0.8em;}
.cr_captcha{padding-left:130px;}
.cr_error{font-size:1.1em;padding:10px;}
.clever_form_error{background-color:#f99; color:#000; border:1px solid #f22 !important}
.clever_form_note {margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }
.cr_header {color:#000000;}
.cr_body {font-size:12px;color:#000000;}
.cr_site a {color:#0084ff;}
.imprint{color:#000;}

.cr_header {color:#000000;}
.cr_body {font-size:12px;color:#000000;}
.cr_site a {color:#0084ff;}
.imprint {color:#000;}

/* Safari 11+ Only Hack */
@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) and (stroke-color:transparent) { 
        .your-recipient .wpcf7-form-control { 
            background: #FFF !important;
        }
    }
}


/*Font Definitionen
============================================================== */
body {color: #000; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400;}
.contentbereich {line-height: 30px; letter-spacing: 0.0em;}

h1, h1 a {color: #000; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase;}
h2, h2 a {color: #000; font-weight: 400; font-family: 'Source Sans Pro', sans-serif;}
h3, h3 a {color: #000; font-weight: 600; font-family: 'Source Sans Pro', sans-serif;}
h4, h4 a {color: #000; font-weight: 600; font-family: 'Source Sans Pro', sans-serif;}
h5, h5 a {color: #000; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; font-size: 20px;}
h6, h6 a {color: #000; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; font-size: 20px;}

/* --------------------------- DESKTOP-ANSICHT ---------------------------- */
@media (min-width: 1161px) {
h1, h1 a {font-size: 45px;}
h2, h2 a {font-size: 35px;}
h3, h3 a {font-size: 25px;}
h4, h4 a {font-size: 25px;}
}

/* ---------------------------- TABLET-ANSICHT ------------------------------ */
@media (min-width: 768px) and (max-width: 1160px){
h1, h1 a {font-size: 42px;}
h2, h2 a {font-size: 32px;}
h3, h3 a {font-size: 24px;}
h4, h4 a {font-size: 22px;}
}

/*  -------------------------- SMARTPHONE-ANSICHT --------------------------  */
@media (max-width: 767px) {
h1, h1 a {font-size: 30px;}
h2, h2 a {font-size: 28px;}
h3, h3 a {font-size: 22px;}
h4, h4 a {font-size: 20px;}
}

p {margin: 0 0 10px 0;}
a {color: #669e0e; text-decoration: none;}
a:hover {color: #669e0e; text-decoration: none;}

#content a {color: #669e0e; text-decoration: none; font-weight: 400;}
#content a:hover {color: #669e0e; text-decoration: underline;}


/* ---------- NEWSTICKER ---------- */

@keyframes ticker {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}

.header-newsticker {
    width: 100%;
    overflow: hidden;
}

.header-newsticker-wrap {
    width: 100%;
    padding-left: 100%;
    background-color: #699e0e;
}

.header-newsticker-move {
    display: inline-block;
    white-space: nowrap;
    padding-right: 100%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker;
    animation-duration: 40s;
    margin: 0;
    list-style: none;
}

.header-newsticker-move:hover{
    animation-play-state: paused;
}

.newsticker-item {
    display: inline-block;
    padding: 0 65px 0 22px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    background: url('images/plant-icon.png') right center no-repeat;
}

.header-newsticker-move li:last-child {
    background: transparent;
}

.newsticker-item-last {
    min-width: 100%;
    display: block;
}