/*
	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;
    }
	
	.spendino-floating-icon {
		background-color: #e3000f !important;
	}

    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;
    }
    
    .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: 22px 22px;
        width: 22px;
        height: 22px;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 2px;
		margin-right: 5px;
    }
    
    .toggle-button-image.more {
       background-image: url(../images/D_more.svg);
    }
    
    .toggle-button-image.less {
         background-image: url(../images/D_less.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,
	a.round-button:visited 	{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #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 {
        background-color: transparent;
        color: #000;
    }
	
	h1 {
		line-height: 1;
	}
	
	#bottom-widget {
        position: fixed;
        bottom: 0px;
        right: 0px;
        z-index: 100;
        opacity: 1;
        margin-bottom: 16px;
    }
    
    #bottom-widget .trigger-button {
        cursor: pointer;
        float: right;
    }
	
	#bottom-widget .trigger-button .open {
        width: 60px;
        height: 60px;
    }
	
	#bottom-widget .trigger-button .close {
		width: 50px;
        height: 50px;
	}
    
    #bottom-widget.leave-screen {
        -webkit-transform: translateY(calc(100% + 16px)) !important;
        transform: translateY(calc(100% +16px)) !important;
    }
    
    .bottom-widget-content {
        max-width: 300px;
        -webkit-transition: opacity .2s ease,margin-bottom .2s ease;
        transition: opacity .2s ease,margin-bottom .2s ease;
        pointer-events: all;
        margin: 10px 0 0 0;
        margin-bottom: 0px;
        margin-bottom: 10px;
        padding: 20px;
        background-color: #e3000f;
        -webkit-box-shadow: 0 2px 50px rgba(41,30,56,0.3);
        box-shadow: 0 2px 50px rgba(41,30,56,0.3);
        border-radius: 16px 16px 0 16px;
        color: #fff;
    }
    
    .widget-text {
        font-size: 20px;
        line-height: 1.2;
    }
    
    .bottom-widget-content a.round-button{
        font-size: 18px;
        padding: 0.6rem 1.2rem;
    }
    
    /* 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;
    } 
    
    .slider-embed-container.enabled { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: 0;
    } 

    .slider-embed-container.enabled iframe,
    .slider-embed-container.enabled object,
    .slider-embed-container.enabled embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
	
	.slick-track {
		display: flex;
	}
	
	.slick-slide {
		height: inherit;
	}
	
	/*.slider-embed-container {
		height: 100%;	
	}*/
	
	.slider-item.video-wrapper {
        background-color: #e3000f;
        display: flex;
        align-items: center;
    }
	
	.slider-embed-container .embed-privacy-container {
		/*height: calc(100% - 30px);*/
		height: 100%;			
	}
	
	.slider-embed-container .embed-privacy-overlay {
		min-height: 200px !important;
		height: 100%;	
		/*height: calc(100% - 30px);*/	
	}
	
	.slider-embed-container .embed-privacy-inner {
		/*display: block;*/
	}
    /* END SLIDER STYLING */
	
	/* EMBED PRIVACY STYLING */
	.is-enabled .embed-privacy-content {
	  display: block;
	  position: relative;
	  padding-bottom: 56.25%;
	  padding-top: 25px;
	  height: 100%;
	}
	
	.is-enabled .embed-privacy-content iframe,
	.is-enabled .embed-privacy-content object,
    .is-enabled .embed-privacy-content embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.embed-container.enabled { 
        position: relative;
		padding-bottom: 56.25%;		
        overflow: hidden;
        max-width: 100%;
        height: auto;
    } 

    .embed-container.enabled iframe,
    .embed-container.enabled object,
    .embed-container.enabled embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
	/* END EMBED PRIVACY STYLING */
    
    /* END GENERAL CSS */
    
    /* HEADER SECTION */  
    .site-header {
        padding: 30px 0px;
        position: fixed;
        width: 100%;
        z-index: 100;
        background-color: transparent;
    }
	
	.site-header.black {
        /*position: static;*/
		position: fixed;
		background-color: #fff;
    }
    
    #primary-navigation {
        display: flex;
    }
    
    .main-navigation {
        align-self: flex-end;
		display: flex;
		justify-content: flex-end;
    }

    @media (max-width: 768px) {
        /* Add your CSS styles here that you want to apply when the width is greater than 700px */
        .main-navigation {
            display: none;
        }
    }
    
    .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: 5px;
        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: 700;
        text-decoration: none;
    } 
 
    .contact-list li .phone-number {
        margin-left: 10px;
    }
    
    .contact-list .social-icon img {
        width: 28px;
        height: 28px;
    }
	
	.contact-list .social-icon {
		margin-left: 0px;
		margin-right: -3px;
	}
    
    .contact-list li.sms-spenden {
        display: none;
    }
	
	.sms-spenden-nav {
		padding-top: 5px;
    }
    
    .sms-spenden-nav img {
        width: 30px;
    }
    
    #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 #e3000f;
        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-main {
	  padding-top: 150px;
	}
    
    .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;
    }
	
	.header-logo {
		margin-top: 5px;
	}
	
	.header-logo img {
		max-width: 360px;
	}
    
    /* 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-left-red-background {
        background-color: #e3000f;
    }
    
    .intro-image {
        position: relative;
        color: #fff;
    }
    
    .intro-overlay {
        position: absolute;
        bottom: 8%;
    }
    
    .overlay-title {
        font-size: 70px;
        font-weight: 800;
        line-height: 1;
        text-transform: uppercase;
        -webkit-hyphens: none;
        -moz-hyphens:    none;
        -ms-hyphens:     none;
        hyphens:         none;
    }
	
	.overlay-title p {
		margin-bottom: 0.5rem;
	}
    
    .overlay-subtitle {
        font-size: 30px;
        font-weight: 700;
    }
	
	.header-image-desktop {
		display: inline;
	}
	
	.header-image-mobile {
		display: none;
	}
	
	.button-row.mobile {
		display: none;
	}
    
    @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: 700;
        line-height: 1.1;
        color: #fff;
        text-transform: uppercase;
    }
    
    .news-column {
        display: flex;
        flex-direction: column;
    }
    
    .ziele-column .round-button-row {
        position: absolute;
        bottom: 8%;
        left: 12px;
        width: 100%;
        text-align: center;
    }
    
    .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: #e3000f;
    }
	
	.supporter-excerpt p {
        position: relative;
    }
    
	/* Left double quote */
    /*.supporter-excerpt p:before {
        content: '\201E';   
        left: -18px;
        position: absolute;
    }*/
    
    .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;
    }
   
    .floater-content.red {
        background-color: #e3000f;
    }
   /* END IMAGE AND VIDEOS FLOATER SECTION */
   
   /* UNTERSTÜTZER PAGE */ 
    .supporter-position {
        text-transform: uppercase;
        font-size: 22px;
    }
    
    .supporter-name {
        font-weight: 800;
        font-size: 22px;
        text-transform: uppercase;
    }
	
	.supporter-column {
		display: flex;
		flex-direction: column;
    }
	
	.supporter-column .separator {
		margin-top: auto;
	}
	
    .supporter-column img {
        max-width: 200px;
    }
    
    /*.supporter-content p:before {
        content: '\201E';   
        margin-left: -10px;
    }
    
    .supporter-content p:after {
        content: '\201D';   
        margin-left: 2px;
    }*/
    
    .meine-ziele .embed-privacy-container {
		height: 100%;	
	}
	
	.embed-privacy-container {
		padding: 15px;
	}
	
	.embed-privacy-container p {
		margin-bottom: 0px;
	}
	
	.embed-privacy-overlay,
	.embed-privacy-overlay:hover {
		background-color: #e3000f !important;
		z-index: 10 !important;
	}
	
	.embed-privacy-overlay {
		padding: 20px 15% !important;
	}
	
	.embed-privacy-inner {
		line-height: 1;
		padding-top: 10px;
	}
	
	.embed-privacy-label {
		webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: #000;
		border: 3px solid #000;
		border: 3px solid #000;
		border-radius: 1.75rem;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 18px;
		font-weight: 400;
		line-height: 1;
		padding: 0.6rem 1.2rem;
		text-decoration: none;
	}
	
	.embed-privacy-input-wrapper {
		padding-bottom: 30px;
		padding-top: 10px;
	}
	
	.embed-privacy-input {
		display: none !important;
	}
	
	.embed-privacy-footer {
		text-align: left !important;
		font-size: 14px !important;
	}
	
	.embed-privacy-inner {
		text-align: left !important;
		font-size: 14px !important;
	}
	
	.youtube-privacy {
		margin-top: 30px;
		text-align: left !important;
		font-size: 14px;
	}
	
	.embed-privacy-logo {
		height: 68px !important;
		opacity: 1 !important;		
		margin-top: 50px !important;
		margin-bottom: 0px !important;
	}
	
	.embed-privacy-inner img{
		display: inline;
	}
	
	.embed-youtube .embed-privacy-logo {
		background-image: url('../images/Video_Player_white.svg') !important;
	}
	
	.embed-youtube.is-enabled {
		background-image: none !important;
		padding: 0px !important;
	}
     
    /* 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: #e3000f;
    }  

    .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: #e3000f;
    }
    
    .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: #e3000f;
        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;
    }
	
	.download-wrapper {
        display: inline-block;
    }
     /* End Downloads section */
    /* END UBER MICH PAGE */
    
    /* AKTUELLES PAGE */
    .news-column {
        display: flex;
        flex-direction: column;
    }
    
    .news-column .round-button-row {
        margin-top: auto;
    }
	.aktuelles-intro .wp-block-columns,
    .aktuelles-intro .wp-block-image {
        margin-bottom: 0px;
    }
    
    .page-template-template-aktuelles #countdown {
        margin-top: 0px !important;
    }
	
	.news-title {
		font-weight: 700;
		color: #e3000f;
	}
    /* END AKTUELLES PAGE */
    
    /* MEINE ZIELE PAGE */
    .embed-container.meine-ziele {
        height: 100%;
    }
    
    /* Q&A section */
    .qa-title {
        text-transform: uppercase;
        font-size: 3vw;
        font-weight: 800;
    }
    
    .qa-question {
        text-transform: uppercase;
        font-size: 3vw;
        font-weight: 800;
        color: #e3000f;
        line-height: 1.2;
        margin-left: -5vw;
    }
    
    .qa-content {
        padding-top: 3.2vw;
    }
    
    .qa-answer {
        font-size: 2vw;
        font-weight: 800;
        color: #e3000f;
        opacity: 1;
    }
    
    .qa-answer.hidden {
        opacity: 0;
    }
    
    .qa-commitment {
        font-size: 30px;
        color: #e3000f;
    }
    
    .question-arrow {
        position: relative;
    }
    
    .qa-counter {
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        align-items: center;
        display: flex;
        justify-content: center;  
        border-radius: 50%;
        color: #fff;
        background-color: #000;
        width: 50px;
        height: 50px; 
        position: absolute;
        top: 2vw;
        left: 2vw;
        opacity:0;
    }
    
    .qa-counter.black {
        opacity: 1;
        transition: all 2s ease-in;
    }
	
	.ziele-video .meine-ziele {
        position: relative;
    }
    
    .ziele-video .overlay {
		display: none;
        /*position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(227, 0, 15, .6);
        pointer-events: none;
        touch-action: none;*/
    }
    
    .ziele-video .hideOverlay {
		display: none;
        z-index: -1;
    }
	
	.ziele-video .overlay-text {
		display: none;
        /*position: absolute;
		font-size: 24px;
        left: 45px;
        bottom: 5px;
        color: #fff;
		line-height: 1.3;*/
    }
    /* 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: #e3000f;
    }
	
	.countdown-container.countdown-finished {
		display: none;
	}
    
    .countdown_section {
        font-size: 100%;
    }
    
    .countdown_amount {
        font-size: 80px;
        font-weight: 800;
        line-height: 1.1;
    }

    .countdown .countdown_section {
        position: relative;
    }

    /* END COUNTDOWN WIDGET */
    
    /* WARTEN COUNTDOWN */
    .pbc-label {
        text-transform: uppercase;
    }
    
    .pbc-num {
        font-weight: 800;
    }
	
	.pbc-down-count {
		text-align: center;
	}
	
	.widget_wpb_waiting {
		margin-bottom: 1em;
	}
    /* 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: #e3000f;
    }
    
    .footer-image {
        margin-top: -15%;
    }
    
    .footer-top-section {
        background-color: #e3000f;
        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: 0.8;
        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: 14px;
    }
    
    .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; 
    }  
	
	.footer-content a,
	.footer-content a:visited {
		color: #e3000f !important;
	}
    /* 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 */
	
	/* Brandenburg form */
	.form__row {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px
	}
	
	.form__column {
		flex-basis: 100%
	}
	
	.form__column label {
		font-size: 24px;
		font-weight: bold;
		color: #e3000f;;
		text-transform: uppercase;
	}
	
	.form__column input[type="text"], 
	.form__column input[type="email"], 
	.form__column input[type="number"] {
		padding: 8px 12px;
		background: #e3000f;
		width: 100%;
		transition: 0.2s;
		color: white;
		border: 2px solid #e3000f;
		font-size: 24px;
		font-weight: 400;
	}
	
	.form__column input[type="text"]::placeholder,
	.form__column input[type="email"]::placeholder, 
	.form__column input[type="number"]::placeholder	{
		color: #fff; 
		opacity: 1;
	}
	
	.form__column input[type="text"].email_required {
		display: none;
		visibility: hidden;
		position: absolute;
		left: -9999px;
	}
	
	.form__column--checkbox label {
		font-size: 0.8em;
		text-transform: none;
		font-weight: 400;
		color: #1c1c21 !important;
	}


	@media only screen and (min-width: 768px) {
		.form__column {
			margin-right: 2rem;
			flex-basis: calc(50% - 2rem)
		}
	}

	.form__column select {
		width: 100%;
		padding: 8px 12px;
		background: #e3000f;
		transition: 0.2s;
		color: #fff;
		border: 2px solid #e3000f;
		font-size: 24px;
		font-weight: 400
	}

	#basic_save {
		/*width: 100%;
		padding: 8px 12px;
		background: #e3000f;;
		transition: 0.2s;
		color: #fff;
		border: 2px solid #e3000f;;
		font-size: 24px;
		font-weight: 400;
		cursor: pointer;
		text-transform: capitalize*/
		-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #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;
		text-transform: capitalize;
	}

	#basic_save:hover {
		/*background: #e3000f;;
		border: 2px solid #e3000f;*/
        background-color: transparent;
        color: #000;
	}
 
    @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;
        }
		
		.embed-privacy-overlay {
			padding: 20px 40px !important;
		}
       
    }
    
    @media screen and (max-width: 1400px) and (min-width: 1201px) { 
        
    }
	
	@media screen and (min-width: 1900px) {
		
	}
	
	.has-monte-blue-color{color: #406186;}
	.has-monte-pink-color{color: #df7c88;}
	.has-monte-yellow-color{color: #ffc372;}
	.has-monte-purple-color{color: #b5aebe;}
	.has-monte-orange-yellow-color{color: #ffd49c;}
	.has-monte-light-pink-color{color: #e8a3ab;}
	.has-monte-grey-color{color: #393939;}
	.has-monte-white-color{color: #ffffff;}
	.has-monte-black-color{color: #000;}	
	.has-spd-red-color{color: #e3000f;}
	
	/* Spendino confirm modal */
    #spendinoConfirmModal {
        top: 140px;
    }

    #spendinoConfirmModal .widget-text {
        font-size: 18px;
        color: #F7F7F7;
        line-height: 1.3;
    }

    #spendinoConfirmModal .widget-text a {
        color: #F7F7F7;
    }

    .confirm-modal-content {
        transition: opacity .2s ease,margin-bottom .2s ease;
        pointer-events: all;
        margin: 10px 0 0 0;
        margin-bottom: 0px;
        margin-bottom: 10px;
        padding: 30px 20px;
        background-color: #e3000f;
        -webkit-box-shadow: 0 2px 50px rgb(41 30 56 / 30%);
        box-shadow: 0 2px 50px rgb(41 30 56 / 30%);
        border-radius: 16px;
        color: #fff;
        position: relative;
    }

    /* Added code for the themen page */

    .download-pdf-wrapper {
        align-items: flex-start;
        display: flex;   
        flex-wrap: nowrap;
        justify-content: flex-start; 
    }

    .download-pdf-icon img {
        width: 40px !important;
        max-width: none;
    }

    .section-separator {
        margin: 50px 0px 70px;
        border-top: 1px solid #707070;
    }

    /* HEADER SECTION */ 
	.bg-menu .main-navigation {
		display: none;
	}	
	
    .bg-menu #mobile_menu nav {
        background-color: #fff;
        width: 30vw;
        height: 100%;
        -webkit-transition: margin-right 1s;
        transition: margin-right 1s;
        overflow-y: scroll;
    }
    
    .bg-menu #mobile_menu.active nav {
        -webkit-transition: margin-right 0.3s;
        transition: margin-right 0.3s;
    }
    
    .bg-menu #mobile_menu {
        width: 30vw;
        right: 0;
        margin-right: -30vw;
        display: block;
        height: 100%;
        position: fixed;
        top: 0;
        overflow: hidden;
        -webkit-transition: margin-right 0.3s; /* Safari */
        transition: margin-right 0.3s;
    }
    
    .bg-menu #mobile_menu nav a {
        text-decoration: none;
        line-height: 1;
        color: #000; 
    }
    
    .bg-menu #mobile_menu nav li {
        width: 100%;
	}

	.bg-menu #mobile_menu nav ul {
        margin: 50px 12px 0px 12px;
	}
    
    .bg-menu #mobile_menu ul.nav.kontakt {
        margin: 0px 12px 0px 12px;
    }
	
	.bg-menu #mobile_menu li a {
		font-size: 24px;
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #000;
		line-height: 1.15;
	}
    
    .bg-menu #mobile_menu.active {
        margin-right: 0px;
        right: 0;
        -webkit-transition: margin-right 0.3s; /* Safari */
        transition: margin-right 0.3s;
		box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.2); 
		z-index: 2;
    }
    
    .bg-menu #mobile_menu.active nav {
        margin-left: 0px;
        -webkit-transition: margin-right 0.8s; /* Safari */
        transition: margin-right 0.8s;
    }
    
    .bg-menu #mobile_menu_close {
        width: 25px;
        height: 25px;
		/*background-image: url(../images/M_Menu_black.svg);*/
		background-image: url(../images/menu_Button_Close.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 25px auto;
        position: absolute;
        right: 25px;
        top: 25px;
		cursor: pointer;
    }
    
    .bg-menu.site-header {
        padding: 20px 0px;
    }
    
    .bg-menu .mobile-menu-toggle {
        display: block;
    }
    
    .bg-menu.site-header #menu-toggle {
        display: block;
        background: none;
        border: none;
        box-shadow: none;
        width: 33px;
        height: 33px;
        background-image: url(../images/M_Menu_white.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 33px auto;
    }
    
    .bg-menu.site-header.fixed #menu-toggle,
    .bg-menu.site-header.black #menu-toggle {
         background-image: url(../images/M_Menu_black.svg);
    }
    
    .bg-menu .contact-list li.sms-spenden {
        display: inline-block;
		margin-top: -20px;
    }
    
    .bg-menu .sms-spenden img {
        width: 36px;
    }
	
	.bg-menu .sms-spenden-nav {
        display: none;
    }

    .bg-menu .contact-list li.sms-spenden {
        margin-top: 0px;
    }

    .bg-menu .contact-list li,
    .bg-menu.site-header.fixed .social-icon.scrolled {
        display: inline-block;
    }
    
    /* END HEADER SECTION */
   

    /* CUSTOM HEADLINE */
    .extra-bold {
        font-weight: 800;
    }
    
    .normal-font {
        font-weight: 400;
    }

    .spd-red {
        color: #E30A17;
    }

    .extra-large-size {
        font-size: 70px;
    }
	/* CUSTOM HEADLINE */
	
	.floater-content,
	.slider-item {
		position: relative;
	}
	
	.floater-content .round-button-row,
	.slider-item .round-button-row {
		position: absolute;
		bottom: 4%;
		left: 12px;
		width: 100%;
		text-align: center;
	}
	
	.meeting-title,
    .event-title {
        font-size: 26px;
    }

    .event-title a {
        color: #000;
        text-decoration: none;
    }

    .meeting-date,
    .event-date {
        font-size: 26px;
        font-weight: 700;
    }

    .meeting-content a,
    .meeting-content a:hover,
    .event-content a,
    .event-content a:hover {
        text-decoration: none;
        color: #000;
    }

    .today {
        color: #E30513;
        font-weight: 700;
    }

    .loadmore {
        cursor: pointer;
        position: relative;
    }

    .next-post-arrow {
        font-size: 38px;
        line-height: 1;
        position: absolute;
        left: 0px;
        margin-top: -10px;
    }

    .next-post-text {
        position: absolute;
        left: 20px;
    }

    .heute {
        color: #000;
        font-weight: 400;
        display: none;
    }

    .heute.today {
        display: block;
    }

    .year-separator {
        font-weight: 700;
        font-size: 40px;
    }

    .post-section .year-separator:not(:first-child) {
        display: none;
    }

    .email-icon {
        background-image: url(../images/Mail_Icon_45px_Blck.svg);
        background-repeat: no-repeat;
        background-size: 25px 25px;
        width: 25px;
        height: 25px;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 2px;
        margin-right: 5px;
    }

    .calendar-icon {
        background-image: url(../images/Calender_Icon_45px_Blck.svg);
        background-repeat: no-repeat;
        background-size: 25px 25px;
        width: 25px;
        height: 25px;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 2px;
        margin-right: 5px;
    }
	
	.accordion-headline-text {
        width: calc(100% - 80px);
        display: inline-block;
    }
	
	.spd-button a:hover	{
		background-color: transparent !important;
        color: #000 !important;
	}
	
	.spd-button a,
	.spd-button a:visited	{
		background-color: #000;
		border: 3px solid #000;
		color: #fff;
	}
	
	.single-event .em-event-bookings-meta {
        display: none;
    }
	
	.single-event .em-event-location {
		display: none;
	}
	
	.single-event .em-booking-form-section-summary {
		display: none;
	}