/*
	To change this license header, choose License Headers in Project Properties.
	To change this template file, choose Tools | Templates
	and open the template in the editor.
	*/
	/* 
		Created on : March, 2022, 11:34:25 AM
		Author     : Claudiu Tolas
	*/

	/* GENERAL CSS */
    html, 
    body,
    #page {
        height: 100%;
        margin: 0;
        padding: 0;
    }
    
    .post,
    .page {
        margin: 0;
    }

    body {
        font-family: 'Open Sans', sans-serif;
        font-size: 20px;
        color: #000;
        font-weight: 400;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        overflow-x: hidden;
        background-color: #FFF;
    }
    
    .container-padding {
        padding-left: 45px;
        padding-right: 45px;
    }
    
/*    .site-main {
        padding-top: 180px;
    }*/
    
    .home .site-main {
        padding-top: 0px !important;
    }
    
    #totop {
        cursor: pointer;
        position: fixed;
        width: 50px;
        height: 50px;
        right: 0px;
        top: calc(100vh / 2 - 25px);
        z-index: -1;
        opacity: 0;
    }
    
    #totop.scrolled {
        z-index: 100;
        opacity: 1;
    }
    
    .fixed-position {
        overflow-y: hidden;
    }
    
    #tobottom {
        cursor: pointer;
        position: fixed;
        width: 50px;
        height: 50px;
        right: calc(50% - 25px);
        top: calc(100vh - 50px);
        z-index: 100;
        opacity: 1;
    }
    
    #tobottom.scrolled {
        z-index: -1;
        opacity: 0;
    }
    
    .toggle-button-image {
        background-repeat: no-repeat;
        background-size: 35px 35px;
        width: 35px;
        height: 35px;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 2px;
    }
    
    .toggle-button-image.more {
       background-image: url(../images/Spd_Icon_Plus_black.svg);
    }
    
    .toggle-button-image.less {
         background-image: url(../images/Spd_Icon_Minus_black.svg);
    }
    
    .toggle-button-text {
        font-size: 16px;
        text-transform: uppercase;
    }
    
    [aria-expanded="false"] > .expanded,
    [aria-expanded="true"] > .collapsed {
      display: none;
    }
    
    .toggle-button, 
    .toggle-button:focus {
        background: none;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0px;
        color: #000;
        opacity: 1;
    }
    
    #donate {
        cursor: pointer;
        position: fixed;
        width: 60px;
        height: 60px;
        right: 50px;
        top: calc(100vh / 3 + 30px);
        z-index: 100;
        opacity: 1;
    }
    
    hr.column-separator {
        border-top: 1px solid #090909;
        margin-bottom: 1em;
    }
    
    a.round-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #000;
        border: 3px solid #000;
        border: 3px solid #000;
        border-radius: 1.75rem;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 22px;
        font-weight: 400;
        line-height: 1;
        padding: 0.8rem 1.6rem;
        text-decoration: none;
    }
    
    a.round-button:hover,
    a.round-button:visited {
          background: transparent;
           color: #000;
    }
    
    /* ACCORDION STYLING */
    .ui-accordion .ui-accordion-content {
        height: auto !important;
        padding: 0px;
    }
    
    .ui-widget-content, ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button, html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active  {
        background: transparent;
        border: none;
        color: #fff;
    }
    
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        background: transparent;
        border: none;
    }
    
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active, .ui-button:active,
    .ui-button.ui-state-active:hover {
        background: transparent;
        border: none;
    }
    
    .ui-state-active .ui-icon,
    .ui-button:active .ui-icon {
        background-image: url(../images/Spd_Icon_Minus_black.svg) !important;
        background-size: 35px 35px !important;
    }
    
    .ui-accordion .ui-accordion-header {
        outline: none;
    }
    
    .spd-accordion .accordion-headline {
        font-family: 'Open Sans', sans-serif;
        font-size: 30px;
        line-height: 1.5;
        font-weight: 500;
        color: #000;
        padding-left: 0px;
        border-bottom: 2px solid #E1E1E1;
    }
    
    .spd-accordion .accordion-headline.ui-accordion-header-active {
        border-bottom: none;
    }
    
    .spd-accordion .accordion-content {
        font-family: 'Open Sans', sans-serif;
        font-size: 20px;
        line-height: 1.5;
        color: #000;
        font-weight: 400;
        border-bottom: 2px solid #E1E1E1;
        padding-bottom: 20px;
    }
    
    .ui-icon,
    .ui-widget-content .ui-icon {
        background-image: url(../images/Spd_Icon_Plus_black.svg) !important;
        background-position: center center;
        background-size: 35px 35px !important;
        position: absolute;
        width: 35px !important;
        height: 35px !important;
        right: 0;
        bottom: 0;
        cursor: pointer;
    }
    
    .accordion-icon-text {
        text-transform: uppercase; 
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 400;
        position: absolute;
        right: 45px;
        bottom: 5px;
        cursor: pointer;
    }
    
    .spd-accordion .ui-icon,
    .ui-widget-content .ui-icon {
        background-image: url(../images/Spd_Icon_Plus_black.svg) !important;
    }
    
    .spd-accordion .ui-state-active .ui-icon,
    .ui-button:active .ui-icon {
        background-image: url(../images/Spd_Icon_Minus_black.svg) !important;
    }
    /* END ACCORDION STYLING */
    
    /* SLIDER STYLING */
    .section-slider  {
        padding: 0px;
    }
    
    .slider-arrow {
        position: absolute;
        top: calc(50% - 25px);
        width: 25px;
        height: 50px;
        background-size: 25px 50px !important;
        background-position: center center;
        background-size: auto;
        background-repeat: no-repeat;
        z-index: 10;
        cursor: pointer;
    }
    
    .btn-left {
        left: 50px;         
        background-image: url(../images/D_video_arrow_left.svg) !important;
    }
    
    .btn-right { 
        right: 50px;
        background-image: url(../images/D_video_arrow_right.svg) !important;
    }
    
    .slick-disabled {
        opacity: 0;
        pointer-events:none;
    } 
    
    .embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /* END SLIDER STYLING */
    
    /* END GENERAL CSS */
    
    /* HEADER SECTION */  
    .site-header {
        padding: 30px 0px;
        position: fixed;
        width: 100%;
        z-index: 100;
        background-color: transparent;
    }
    
    #primary-navigation {
        display: flex;
    }
    
    .main-navigation {
        align-self: flex-end;
    }
    
    .main-navigation ul {
        justify-content: flex-end;
    }
    
    .nav-link { 
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0px;
        color: #fff;
    }
    
    .nav-link:last-child {
        padding-right: 0px;
    }
    
    #mobile_menu,
    .site-header #menu-toggle,
    .logo-mobile {
        display: none;
    }
    
    .header-image {
        padding: 0px;
    }
    
    .header-image .desktop {
        display: inline;
    }
    
    .header-image .mobile {
        display: none;
    }
    
    .header-wrapper {
        display: flex;
        justify-content: flex-end;
    }
    
    .mobile-menu-toggle {
        display: none;
    }
    
    .contact-list {
        list-style: none;
        margin: 0px;
        padding-left: 0px;
    }
    
    .contact-list li {
        display: inline-block;
        text-decoration: none; 
        margin-left: 10px;
        font-size: 16px;
        vertical-align: middle;
        cursor: pointer;
    }
    
    .contact-list li a,
    .contact-list li a:visited,
    .contact-list li a:hover {
        color: #fff;
        font-weight: 800;
        text-decoration: none;
    } 
 
    .contact-list li .phone-number {
        margin-left: 10px;
    }
    
    .contact-list .social-icon img {
        width: 35px;
        height: 35px;
    }
    
    .contact-list li.sms-spenden {
        display: none;
    }
    
    #site-navigation ul li a span {
        position: relative;
    }
    
    #site-navigation ul li.current-menu-item a span:after,
    #site-navigation ul li a:hover span:after {
        display: block;
        clear: both;
        content: "";
        position: absolute;
        left: 0;
        bottom: -4px;
        right: 0;
        border-bottom: 3px solid #E30A17;
        margin: 0 auto;
        padding: 1px 0px;
    }
    
    #site-navigation ul li a:hover,
    #site-navigation ul li a:visited,
    #site-navigation ul li a:focus {
        color: #fff;
    }
    
    /* FIXED/SCROLLED HEADER */
    .site-header.fixed {
        position: fixed;
        background-color: #fff;
    }
    
    .site-header.fixed .contact-list li a,
    .site-header.fixed .contact-list li a:visited,
    .site-header.fixed .contact-list li a:hover,
    .site-header.fixed .nav-link,
    .site-header.fixed #site-navigation ul li a:hover,
    .site-header.fixed #site-navigation ul li a:visited,
    .site-header.fixed #site-navigation ul li a:focus {
        color: #000;
    }
    
    .site-header .header-logo.scrolled,
    .site-header.fixed:not(.black) .header-logo,
    .site-header.fixed:not(.black) .social-icon,
    .site-header .social-icon.scrolled {
        display: none;
    }
    
    .site-header.fixed .header-logo.scrolled {
        display: block;
    }
    
    .site-header.fixed .social-icon.scrolled {
        display: inline-block;
    }
    
    /* END FIXED/SCROLLED HEADER */
    
    /* HEADER BLACK FONT */
    .site-header.black .contact-list li a,
    .site-header.black .contact-list li a:visited,
    .site-header.black .contact-list li a:hover,
    .site-header.black .nav-link,
    .site-header.black #site-navigation ul li a:hover,
    .site-header.black #site-navigation ul li a:visited,
    .site-header.black #site-navigation ul li a:focus {
        color: #000;
    }
    /* END HEADER BLACK FONT */
    
    /* END HEADER SECTION */
     
    
    /* HOME PAGE */ 
    
    /* INTRO SECTION */
    .intro-image {
        padding: 0px;
        position: relative;
        color: #fff;
    }
    
    .intro-overlay {
        position: absolute;
        bottom: 14%;
    }
    
    .overlay-title {
        font-size: 70px;
        font-weight: 800;
    }
    
    .overlay-subtitle {
        font-size: 30px;
        font-weight: 700;
    }
    
    @keyframes header-slidein-left {
        0% {
            transform:  translate(-200%, 0);
            -ms-transform: translate(-200%, 0);
        }
        
        100% {
            transform: translate(0, 0);
            -ms-transform: translate(0, 0);
        }
    }

    @keyframes header-slidein-right {
        0% {
            transform:  translate(200%, 0);
            -ms-transform: translate(200%, 0);
        }
        
        100% {
            transform: translate(0, 0);
            -ms-transform: translate(0, 0);
        }
    }   
    /* END INTRO SECTION */
    
    /* MEINE ZIELE SECTION */ 
    .ziele-column {
        position: relative; 
    }
    
    .ziele-column a,
    .ziele-column a:hover,
    .ziele-column a:visited {
        text-decoration: none;
    }
    
    .ziele-overlay {
        position: absolute;
        top: 26%;
        left: 26%;
        height: 74%;
        display: flex;
        flex-direction: column;
        width: calc(74% - 24px);
    }
    
    .ziele-title {
        font-size: 1.6vw;
        font-weight: 800;
        line-height: 1.1;
        color: #000;
        text-transform: uppercase;
    }
    
    .ziele-subtitle {
        font-size: 1.9vw;
        font-weight: 800;
        line-height: 1.1;
        color: #fff;
        text-transform: uppercase;
    }
    
    .news-column {
        display: flex;
        flex-direction: column;
    }
    
    .ziele-column .round-button-row {
        margin-top: auto;
    }
    
    .ziele-overlay .round-button-row {
        padding-bottom: 20%;
    }
    /* END MEINE ZIELE SECTION */
    
    /* BRIEFWAHL/UNTERSTUZER SECTION */ 
    .supporter-excerpt {
        font-weight: 700;
        font-size: 40px;
        line-height: 1.1;
        color: #e30a17;
    }
    
    .unterstutzer-content {
        display: flex;
        align-items: center;
        -ms-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
    }  
   /* END BRIEFWAHL/UNTERSTUZER SECTION */    
   
   /* IMAGE AND VIDEOS FLOATER SECTION */
   .floater-content {
       padding: 0px;
   }
   /* END IMAGE AND VIDEOS FLOATER SECTION */
   
   /* UNTERSTÜTZER PAGE */
    .supporter-column {
/*        padding-right: 60px;*/
    }
    
    .supporter-position {
        text-transform: uppercase;
        font-size: 22px;
    }
    
    .supporter-name {
        font-weight: 800;
        font-size: 22px;
        text-transform: uppercase;
    }
    
    .supporter-column img {
        max-width: 200px;
    }
    
    .embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
     
    /* PAGE NAVIGATION STYLYING */
    .page_navigation {
        text-align: center;
    }
    
    .wp-pagenavi {
        text-align: center;
        color: #000;
        letter-spacing: 0.35px;
        font-size: 24px;
        font-weight: 700;
        display: inline-block;
        position: relative;
    }
    
    .wp-pagenavi .pages,
    .wp-pagenavi a,
    .wp-pagenavi span {
        border: none;
    }
    
    .wp-pagenavi a,
    .wp-pagenavi a:hover,
    .wp-pagenavi span.current {
        color: #000;
        text-decoration: none;
        border: none;
    }
    
    .wp-pagenavi span.current {
        border: none;
        color: #e30a17;
    }  

    .wp-pagenavi-filtered a {
        text-decoration: none;
        padding: 3px 3px;
        margin: 2px;
    }
 
    .wp-pagenavi .nextpostslink,
    .wp-pagenavi .previouspostslink,
    .wp-pagenavi .nextpostslink:hover,
    .wp-pagenavi .previouspostslink:hover {
        font-size: 38px;
        line-height: 1;
        color: #e30a17;
    }
    
    .wp-pagenavi .extend {
        padding: 0px;
    }

    .wp-pagenavi .nextpostslink {
        position: absolute;
        right: -35px;
        top: -9px;
    }
    
    .wp-pagenavi .previouspostslink {
        position: absolute;
        left: -35px;
        top: -9px;
    }
    /* END PAGE NAVIGATION STYLYING */
    
    /* END UNTERSTÜTZER PAGE */
    
    /* UBER MICH PAGE */
    .uber-three-column {
        position: relative;
    }
    
    .uber-three-column-overlay {
        position: absolute;
        bottom: 0px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    
    /* Downloads section */
    .section-description h1 {
        color: #e30a17;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    .downloads-image {
        height: 300px;
        width: auto;
        margin-right: 0.5em;
        margin-bottom: 0.5em;
    }
    
    .downloads-link {
        text-decoration: none;
        display: inline-block;
        position: relative;
    }
    
    .image-author {
        background: rgba(51, 51, 51, .6);
        bottom: 0.8em;
        color: #fff;
        display: inline-block;
        line-height: .875rem;
        font-size: .75rem;
        font-style: normal;
        text-align: right;
        padding: 0 8px;
        position: absolute;
        right: 0.8em;
        z-index: 1;
    }
    
    .download-icon {
        position: absolute;
        left: 0.8em;
        bottom: 20px;
    }
    
    .download-icon img {
        width: 40px;
    }
     /* End Downloads section */
    /* END UBER MICH PAGE */
    
    /* AKTUELLES PAGE */
    .news-column {
        display: flex;
        flex-direction: column;
    }
    
    .news-column .round-button-row {
        margin-top: auto;
    }
    /* END AKTUELLES PAGE */
    
    /* MEINE ZIELE PAGE */
    .embed-container.meine-ziele {
        height: 100%;
    }
    
    /* Q&A section */
    .qa-title {
        text-transform: uppercase;
        font-size: 50px;
        font-weight: 800;
    }
    
    .qa-question {
        text-transform: uppercase;
        font-size: 50px;
        font-weight: 800;
        background-color: #e30a17;
        color: #fff;
        line-height: 1.2;
        background-clip: content-box;
        padding-right: 0px;
    }
    
    .qa-question-content {
        padding: 30px; 
    }
    
    .qa-answer {
        font-size: 30px;
        font-weight: 800;
        color: #e30a17;
    }
    
    .qa-commitment {
        font-size: 30px;
        color: #e30a17;
        text-align: center;
    }
    
    .qa-counter {
        text-align: center;
        font-size: 50px;
        font-weight: 800;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    
    .qa-counter.grey {
        background-color: #efefef;
    }
    /* End Q&A section */
    /* END MEINE ZIELE PAGE */
   
   /* COOKIE NOTICE */
    .cli-bar-message {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
    }
    
    .cli_settings_button {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 14px !important;
        text-decoration: underline;
        text-underline-offset: 3px;
    }
    
    .cli_action_button {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 14px !important;
        border-radius: 36px;
    }
    
    .cli_settings_button:hover {
        background-color: #E4E4E4 !important;
        text-decoration: underline;
    }
    
    .cli_action_button:hover {
        background-color: #000 !important;
    }
    
    .cli-tab-footer .wt-cli-privacy-accept-btn {
        display:inline-block;
        background-color: #000 !important;
        border-radius: 36px !important;
        text-transform: lowercase;
    }
    
    .cli-tab-footer .wt-cli-privacy-accept-btn:first-letter {
        text-transform: capitalize;
    }
    
    /* END COOKIE NOTICE */
    
    /* COUNTDOWN WIDGET */
    .countdown-container {
        background-color: #e30a17;
    }
    
    .countdown_section {
        font-size: 100%;
    }
    
    .countdown_amount {
        font-size: 80px;
        font-weight: 800;
        line-height: 1.1;
    }

    .countdown .countdown_section {
        position: relative;
    }

/*    .countdown .countdown_section::after {
        content: "\003a";
        display: inline-block;
        position: absolute;
        top: 0px;
        right: -15px;
        font-size: 80px;
        line-height: 1.1;
    }

    .countdown_section:last-child::after {
        display: none;
    }*/

    /* END COUNTDOWN WIDGET */
    
    /* WARTEN COUNTDOWN */
    .pbc-label {
        text-transform: uppercase;
    }
    
    .pbc-num {
        font-weight: 800;
    }
    /* END WARTEN COUNTDOWN */
    
    /* 404 PAGE */
    .error404 #tobottom {
        display: none;
    }
    
    .error404 h1 {
        font-weight: 400;
    }
    /* END 404 PAGE */
    
    /* FOOTER */
    .site-footer {
        padding-top: 20%;
        padding-bottom: 100px;
        color: #E30A17;
    }
    
    .footer-image {
        margin-top: -15%;
    }
    
    .footer-top-section {
        background-color: #e30a17;
        padding-bottom: 60px;
    }
    
    .footer-top-section .container-padding {
        padding-left: 33px;
        padding-right: 33px;
    }
    
    .footer-content {
        line-height: 1.5;
    }
    
    .footer-content h1 {
        line-height: 1;
        font-weight: 800;
    }
    
    .footer-menu ul {
        align-items: flex-start;
    }
    
    .footer-menu ul li a {
        font-weight: 800;
        padding: 0.2em 0em !important;
    }

    .copyright-wrapper {
        color: #000;
        font-size: 16px;
    }
    
    .copyright-wrapper a,
    .copyright-wrapper a:hover,
    .copyright-wrapper a:visited {
        color: #091F2C;
        text-decoration: none;
    }
    
    .copyright-wrapper a {
        display: inline-block;
        padding: 0px 10px; 
    }  
    /* END FOOTER */
    
    /* Magnify pop up for spenden pop up */
    .mfp-ready {
        background-color: #fff;
    }

    .close-popup {
        cursor: pointer;
        position: absolute;
        width: 50px;
        height: 50px;
        right: 45px;
        z-index: 100;
        opacity: 1;
    }

    .mfp-inline-holder  {
        position: static;
    }

    .mfp-inline-holder .mfp-content {
        position: static;
    }
    
    .spenden-popup-content h1 {
        font-weight: 800;
    }
    .spenden-popup-content img {
        width: 80px;
    }
    /* End Magnify pop up for spenden pop up styling */
 
    @media screen and (max-width: 1200px) and (min-width: 992px) { 
        .blue-speech-bubble {
            font-size: 24px;
        }
        
        .default-container .blue-speech-bubble {
            margin-top: -60px;
        }
        
        .contact-container .blue-speech-bubble {
            margin-top: -50px;
        }
       
    }
    
    @media screen and (max-width: 1400px) and (min-width: 1201px) { 
        
    }
	
	@media screen and (min-width: 1900px) {
		
	}