/*
Theme Name: mues+schrewe_theme
Theme URI: https://www.mues-schrewe.de/
Author: Marius Eilhard
Author URI: https://www.mues-schrewe.de/
Description: Ein Wordpress-Theme erstellt von Mues + Schrewe.
Version: 1.0
*/

/*
### GENERAL ###
*/

@font-face { font-family: 'PT-Sans';
             src: url('/wp-content/themes/mues_schrewe_theme/fonts/PT_Sans-Web-Regular.ttf') format('truetype'); }
@font-face { font-family: 'PT-Sans';
             src: url('/wp-content/themes/mues_schrewe_theme/fonts/PT_Sans-Web-Italic.ttf') format('truetype');
             font-style: italic; }
@font-face { font-family: 'PT-Sans';
             src: url('/wp-content/themes/mues_schrewe_theme/fonts/PT_Sans-Web-Bold.ttf') format('truetype');
             font-weight: bold; }
@font-face { font-family: 'PT-Sans';
             src: url('/wp-content/themes/mues_schrewe_theme/fonts/PT_Sans-Web-BoldItalic.ttf') format('truetype');
             font-weight: bold;
             font-style: italic; }

@font-face { font-family: 'PT-Serif';
             src: url('/wp-content/themes/mues_schrewe_theme/fonts/PT_Serif-Web-Regular.ttf') format('truetype'); }
@font-face { font-family: 'PT-Serif';
             src: url('/wp-content/themes/mues_schrewe_theme/fonts/PT_Serif-Web-Italic.ttf') format('truetype');
             font-style: italic; }
@font-face { font-family: 'PT-Serif';
             src: url('/wp-content/themes/mues_schrewe_theme/fonts/PT_Serif-Web-Bold.ttf') format('truetype');
             font-weight: bold; }
@font-face { font-family: 'PT-Serif';
             src: url('/wp-content/themes/mues_schrewe_theme/fonts/PT_Serif-Web-BoldItalic.ttf') format('truetype');
             font-weight: bold;
             font-style: italic; }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("/wp-content/themes/mues_schrewe_theme/inc/fontawesome/css/fa-solid.css"); }

.fa,
.fas,
.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

body { font-family: 'PT-Sans', sans-serif !important;}

body h1,body h2,body h3,body h4,body h5,body h6 {font-family: 'PT-Serif', sans-serif !important; color: #0786c0; text-align: center;}


body h1 {
    font-size: 64px;
    color: #0786c0;
    margin-top: 40px;
    margin-bottom: 20px;
    width: 100%;
}

body a {
    color: #0786c0;
}

.logo_jazumleben img {
	max-width: 155px;
 }

/*
### COLORS ###
*/



/* ### HEADER ### */
	.header_wrapper {
		padding-top: 20px;
	}

	/* ### Logo ### */
	.navbar-toggler {
		display: none;
	}

	/* ### Buttons ### */

		.header_wrapper .buttons {
			padding-left: 0px;
			padding-right: 0px;
			margin-top: 40px;
			float: right;
		    text-align: right;
		    width: auto;
        max-width: 100%;
        margin-left: 20%;
		}

		.header_wrapper .header_button {
			float: left;
		}
		.header_wrapper .header_button .button {
			font-size: 12px;
			text-transform: uppercase;
			font-weight: bold;
			border-radius: 20px;
			display: inline-block;
			padding: 5px 10px;
			color: #ffffff;
		}

		.header_wrapper .header_button .button img {
			max-width: 20px;
		}

		.header_wrapper .header_button .button.soforthilfe_button {
			background-color: #0786c0;
			margin-right: 5px;
      margin-left: 5px;
			transition: ease-in 0.2s;
		}

		.header_wrapper .header_button .button.soforthilfe_button:hover {
			background-color: #48b7ea;
			text-decoration: none;
		}

		.header_wrapper .header_button .button.spenden_button {
			background-color: #20bbe6;
			padding-top: 9px;
	    	padding-bottom: 9px;
	    	transition: ease-in 0.2s;
		}

		.header_wrapper .header_button .button.spenden_button:hover {
			background-color: #5fd4f4;
			text-decoration: none;
		}


	/* ### Navigation ### */

		.header_wrapper .navi_wrapper {
			background-color: #009aa3;
			margin-top: 20px;
			padding: 10px 0;
		}

		.header_wrapper .navi_wrapper .menu,
		.header_wrapper .navi_wrapper .sub-menu {
			float: right;
		    text-align: right;
		    width: auto;
		    list-style: none;
		    padding-left: 0px;
		    margin-bottom: 0px;
		}

		.header_wrapper .navi_wrapper li {
			float: left;
			position: relative;
		}

		.header_wrapper .navi_wrapper li a {
			color: #eaebeb;
			font-weight: bold;
			text-transform: uppercase;
			padding-left: 20px;
			padding-right: 20px;
            padding-top: 10px;
            padding-bottom: 10px;
			font-size: 16px;
			border-right: 1px solid #eaebeb;
		}

		.header_wrapper .navi_wrapper li.active a {
			text-decoration: underline;
		}

		.header_wrapper .navi_wrapper li.active li a {
			text-decoration: none;
		}

		.header_wrapper .navi_wrapper li.active li.active a {
			text-decoration: underline;
		}

		.header_wrapper .navi_wrapper li .dropdown-menu li a {
			border-right: 0px;
		}

		.header_wrapper .navi_wrapper li a:hover {
			background-color: #009aa3;
			text-decoration: underline;
		}

		.header_wrapper .navi_wrapper li:last-child a {
			color: #eaebeb;
			border-right: 0px;
            padding-right: 0px;
		}

		.header_wrapper .navi_wrapper li:last-child ul li:last-child a {
			padding-right: 20px;
		}

		.header_wrapper .navi_wrapper li.menu-item-has-children:hover .sub-menu {
			display: block;
		}

		.header_wrapper .navi_wrapper li .sub-menu {
			display: none;
			position: absolute;
			top: 50px;
			left: 0px;
		}

		.header_wrapper .navbar {
			float: right;
		}

		body .navbar-expand-lg .navbar-nav .nav-link {
			padding: 0 10px;
		}

        .navi_wrapper ul.dropdown-menu li > ul.dropdown-menu{
            left: 100%;
            top: 0;
            margin-top: 0px;
            padding-left: 10px;
            background-color: inherit;
        }

        .navi_wrapper ul.dropdown-menu li:hover > ul.dropdown-menu, ul.dropdown-menu li:focus > ul.dropdown-menu{
            display: block
        }

        .navi_wrapper ul.dropdown-menu {
            top: 54px;
            border: 0px;
            border-radius: 0px;background-color: rgba(255,255,255,0.9);
            padding: 0px;
        }

        .navi_wrapper ul.dropdown-menu::before {
            content: '';
            margin-top: -10px;
            height: 0;
            width: 0;
            position: absolute;
            left: 20px;
            top: -10px;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 20px solid rgba(255,255,255,0.9);
            transform: scaleX(-1);
        }

        .navi_wrapper ul.dropdown-menu ul.dropdown-menu {
            padding-left: 20px;
        }

        .navi_wrapper ul.dropdown-menu ul.dropdown-menu::before {
            display: none;
        }

        .header_wrapper .navi_wrapper .dropdown li {
            width: 100%;
        }

        .header_wrapper .navi_wrapper .dropdown li a {
            color: #0086c0;
        }

        .header_wrapper .navi_wrapper .dropdown li a:hover,
        .header_wrapper .navi_wrapper .dropdown li:hover a,
        .header_wrapper .navi_wrapper .dropdown li:hover li a:hover  {
            color: #ffffff;
            background-color: #0086c0;
            text-decoration: none;
        }

        .header_wrapper .navi_wrapper .dropdown li:hover li a {
            color: #0086c0;
            background-color: rgba(255,255,255,0.9);
        }

        .navi_wrapper .navbar {
            padding-top: 0px;
            padding-bottom: 0px;
            padding-right: 0px;
        }

        .navbar-toggler-icon {
            background-image: url("/wp-content/uploads/2019/09/burger_menu.png") !important;
        }

/* ### CONTENTAREA ### */

	/* ### Owl Carousel ### */

		.textbox {
			margin-top: -180px;

		}

		.owl-carousel .textbox {
			text-align: center;
		}

		.textbox h2 {
			font-size: 72px;
			color: #0786c0;
			background-color: #ffffff;
			border-radius: 50px;
			margin-bottom: 0px;
			padding: 10px 40px;
			width: max-content;
    		float: none;
			display: inline-block;
		}

		.owl-nav {
            position: absolute;
            top: 40%;
            left: 0;
            right: 0;
        }

        section .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
            position: absolute;
            height: 100px;
            color: inherit;
            background: none;
            border: none;
            z-index: 100;
        }
        section .owl-carousel .owl-nav button.owl-prev:hover i, .owl-carousel .owl-nav button.owl-next:hover i {
            background-color: rgba(255,255,255,1);
        }
        section .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
            background-color: inherit;
        }
        section .owl-carousel .owl-nav button i {
            font-size: 42px;
            color: #0786c0;
            background-color: rgba(255,255,255,0.6);
		    border-radius: 50px;
		    width: 42px;
        }
        .owl-prev {
            left: 30px;
        }

        .owl-next {
            right: 30px;
        }

        section .owl-carousel .owl-dots {
        	margin-top: -40px;
		    z-index: 1;
		    position: relative;
        }
        section .owl-carousel.owl-theme .owl-dots .owl-dot span {
        	width: 16px;
    		height: 16px;
    		background-color: inherit;
    		border: 1px solid #ffffff;
        }

        section .owl-carousel.owl-theme .owl-dots .owl-dot.active span {
        	width: 16px;
    		height: 16px;
    		background-color: #fff;
    		border: 1px solid #ffffff;
        }

    /* ## Headline Text ## */

    	.headline_text {
    		margin-top: 80px;
    		text-align: center;
    		margin-bottom: 40px;
    	}

    	.headline_text .headline {
    		margin-bottom: 40px;
    	}

    	.headline_text .headline h1 {
    		color: #0786c0;
    		font-size: 48px;
    	}


    /* ## 3 Teaser ## */
    	.drei_teaser {
    		text-align: center;
    		margin-bottom: 40px;
    	}

    	.drei_teaser .teaser_inner {
    		padding-left: 30px;
    		padding-right: 30px;
    	}

    	.drei_teaser .teaser_inner:first-child {
    		padding-left: 0px;
    		padding-right: 60px;
    	}

    	.drei_teaser .teaser_inner:last-child {
    		padding-left: 60px;
    		padding-right: 0px;
    	}

    	.drei_teaser .teaser_inner img {
    		width: 100%;
    		margin-bottom: 40px;
    	}

    	.drei_teaser .teaser_inner h3 {
    		font-size: 24px;
    		color: #0786c0;
    		margin-bottom: 20px;
    	}

    	.drei_teaser .teaser_inner .trenner_linie {
    		height: 4px;
    		max-width: 180px;
    		background-color: #0786c0;
    		margin-bottom: 20px;
    		border-radius: 10px;
    	}

    /* ## Zitate Slider ## */

    	.zitate {
    		background-color: #339ecd;
    		text-align: center;
    		padding-bottom: 80px;
    		background-image: url(/wp-content/uploads/2019/09/zitate_bg.png);
            background-size: cover;
            background-repeat: no-repeat;
    	}

    	.zitate h3 {
    		color: #ffffff;
    		font-size: 64px;
    		padding-top: 40px;
    		padding-bottom: 40px;
    	}

    	.zitate .owl-zitat img {
    		max-width: 200px;
    		margin-left: auto;
    		margin-right: auto;
    		margin-bottom: 20px;
    	}

    	.zitate .owl-zitat h4 {
    		font-size: 24px;
    		color: #ffffff;
    		margin-bottom: 80px;
    	}

    	.zitate .owl-zitat-quote {
    		color: #ffffff;
    	}

		body .projekte_konkret {
			background-image: linear-gradient(to right, #3091BC , #1AC2F0);
			background-color: #0786C0;
		}

		.projekte_konkret .projekte_slide {
			background-color: #ffffff;
			display: inline-block;
			border-radius: 200px;
			display: flex;
    		align-items: center;
    		flex-wrap: wrap;
		}

		.projekte_konkret .projekte_slide .projekte_image {
			padding: 0px;
		}

		.projekte_konkret .projekte_slide .projekte_image img {
			max-width: initial;
			margin: 0px;
			width: 400px;
			height: 400px;
			object-fit: cover;
			border-radius: 100%;
			border: 10px solid #ffffff;
		}

		.projekte_konkret .projekte_slide .projekte_text  {
			padding-right: 40px;
			margin-top: 60px;
		}

		.projekte_konkret .projekte_slide .projekte_text h4 {
			color: #0786C0;
			font-size: 48px;
			font-weight: normal;
			margin-bottom: 0px;
			text-align: left;
		}

		.projekte_konkret .projekte_slide .projekte_text h5 {
			color: #0786C0;
			font-size: 32px;
			text-align: left;
		}

		.projekte_konkret .projekte_slide .projekte_teaser {
			color: #212529;
			font-size: 20px;
			text-align: left;
			padding-right: 4vw;
		}

		.projekte_konkret .projekte_slide .projekte_teaser a {
			color: #212529;
			text-decoration: underline;
		}

		.projekte_konkret .projekte_slide .projekte_teaser a:hover {
			color: #0786C0;
			text-decoration: underline;
		}


    /* ## Zähler Teaser ## */

    	.zaehler_teaser {
    		text-align: center;
    		padding-top: 80px;
    		padding-bottom: 80px;
    	}

    	.zaehler_teaser h3 {
    		font-size: 42px;
    		color: #0786c0;
    		margin-bottom: 20px;
    	}

    	.zaehler_teaser .circle_blue {
    		width: 80px;
    		height: 80px;
    		background-color: #20bbe6;
    		border-radius: 50%;
    		margin-left: auto;
    		margin-right: auto;
    		margin-bottom: 20px;
    	}

    	.zaehler_teaser h4 {
    		font-size: 24px;
    		color: #0786c0;
    		margin-bottom: 20px;
    	}

    	.zaehler_teaser h5 {
    		font-size: 82px;
    		color: #0786c0;
    	}

    	.zaehler_teaser .zaehler_inner::after {
    		content: '';
    		background-color: #0786c0;
    		width: 2px;
		    height: 200px;
		    position: absolute;
		    top: 70px;
		    right: 0;
    	}

    	.zaehler_teaser .zaehler_inner:last-child::after {
    		width: 0px;
    	}

    /* ## Border ## */

    	.light_blue_border {
    		height: 10px;
    		background-color: #d9edf6;
    		border-top: 0px;
    		margin-bottom: 80px;
    	}

    /* ## 2 Teaser ## */

    	.zwei_teaser {
    		text-align: center;
    		margin-bottom: 80px;
    	}

    	.zwei_teaser h3 {
    		font-size: 64px;
    		color: #0786c0;
    		margin-bottom: 20px;
    		width: 100%;
    	}

    	.zwei_teaser .zwei_spalten {
    		margin-top: 40px;
    	}

    	.zwei_teaser .zwei_spalten .icon {
    		padding: 60px;
    		display: inline-block;
    		border: 4px solid #0786c0;
    		border-radius: 50%;
    		margin-bottom: 40px;
    	}

    	.zwei_teaser .zwei_spalten h4 {
	    	color: #339ecd;
	    	font-size: 28px;
	    	margin-bottom: 20px;
		}

    	.zwei_teaser .zwei_spalten .link_button {
    		font-size: 12px;
    		text-transform: uppercase;
    		color: #ffffff;
    		background-color: #009ba3;
    		padding: 5px 20px;
    		border-radius: 20px;
    	}

    	.zwei_teaser .zwei_spalten .link_button:hover {
    		text-decoration: none;
    		background-color: #1ebac2;
    	}

    	/* ### Unterseiten Headerbild ### */

    	.headerbild_unterseiten {
    		display: inline-block;
            width: 100%;
            max-height: 440px;
            overflow: hidden;
    	}

    	.headerbild_unterseiten img {
    		width: 100%;
    	}

    	/* ## breadcrumb ## */

    	nav .breadcrumb {
    		background-color: #ffffff;
            padding-left: 0px;
            padding-right: 0px;
    	}

    	nav .breadcrumb a {
    		text-decoration: underline;
    		padding-right: 10px;
    		padding-left: 10px;
            color: #0086c0;
    	}

        nav .breadcrumb a:first-child {
            padding-left: 0px;
        }

    	nav .breadcrumb .current-page {
    		padding-right: 10px;
    		padding-left: 10px;
    	}

    	/* ### Unterseiten Inhalt ### */

    	.headline_text.regular .headline h1 {
    		font-size: 68px;
    	}

    	.headline_text.regular .headline h2 {
    		font-size: 42px;
    		color: #0786c0;
    	}

    	.headline_text.regular .text {
    		margin-bottom: 40px;
    	}

        .unterseite .links p {
            text-align: left;
        }

        .unterseite .rechts p {
            text-align: right;
        }

        .unterseite .mitte p {
            text-align: center;
        }

        .unterseite .bwg_container * {
            margin-bottom: 0px;
        }

        /* ### Inhalt Formular ### */

        .wpcf7-form label {
        	display: inline-block;
    		width: 100%;
    	}

        .wpcf7-form input {
            border: 0px;
            background-color: #ffffff;
            color: #000000;
            display: inline-block;
    		width: 100%;
        }

        .wpcf7-form input:active,
        .wpcf7-form input:focus,
        .wpcf7-form input:hover {
            border: 0px;
            background-color: #eeeeee;
        }

        .wpcf7-form input[type="submit"] {
            background-color: #009ba3;
            padding: 5px 20px;
            border-radius: 20px;
            color: #ffffff;
            cursor: pointer;
        }

        .wpcf7-form input[type="submit"]:hover {
            text-decoration: none;
            background-color: #1ebac2;
            color: #ffffff;
        }
		
		.anmeldung .newsletter .wpcf7-form .wpcf7-radio .wpcf7-list-item {
    		width: 100%;
		}

		.anmeldung .newsletter .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"] {
			display: inline-block;
    		width: auto;
		}

		.stiftungsbrief .wpcf7-form .wpcf7-radio .wpcf7-list-item {
    		width: 100%;
		}

		.stiftungsbrief .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"] {
			display: inline-block;
    		width: auto;
		}
		

        div.wpcf7 {
            width: inherit;
            margin-left: auto;
            margin-right: auto;
            padding: 20px;

        }

        div.wpcf7#wpcf7-f883-o1 {
            background-color: #cceaeb;
        }

        div.wpcf7#wpcf7-f302-o1,
        div.wpcf7#wpcf7-f1059-o1 {
        	width: 600px;
            background-color: #cceaeb;
        }

        span.wpcf7-list-item {
            margin-left: 0px;
        }

        .anfrage_form td:first-child {
            width: 80px;
        }

        .anfrage_form td:nth-child(2) {
            padding-left: 20px;
        }

        .anfrage_form td:nth-child(2) span {
            width: 120px;
            display: inline-block;
        }

        .unterseite .fundform img {
            width: auto;
        }

        input[type="checkbox"] {
        	width: inherit;
        }

        .stiftungsbrief .wpcf7 p {
        	padding: 0px;
        	margin-bottom: 10px;
        }

        .newsletter {
        	display: inline-block;
        }

        .anmeldung .newsletter p {
        	margin-bottom: 0px;
        }

        .haet-cleverreach {
        	padding: 20px;
        }

        .haet-cleverreach .label-left label {
        	width: 100%;
        	color: #333333;
        	font-family: 'PT-Sans', sans-serif;
        	font-size: 16px;
        }
        .haet-cleverreach .label-left input, .haet-cleverreach .label-left select {
            border: 0px;
    		background-color: #ffffff;
    		color: #000000;
    		padding: 2px 0 3px;
    		display: inline-block;
    		width: 100%;
    	}

    	.haet-cleverreach .label-left input:hover, .haet-cleverreach .label-left select:hover {
    		border: 0px;
    		background-color: #eeeeee;
    	}

    	.haet-cleverreach .haet-cleverreach-field-wrap {
    		color: #333333;
    		font-family: 'PT-Sans', sans-serif;
    	}

    	button#haet-cleverreach-submit {
    	    background-color: #009ba3;
		    padding: 5px 20px;
		    border-radius: 20px;
		    color: #ffffff;
		    cursor: pointer;
		    border: 0px;
		    float: left;
		}

        .unterseite .mitte .wpcf7 p {
            text-align: left;
        }

    	/* ### Bestellformular Newsletter Stiftungsbrief ### */

    	.anmeldung {
    		margin-bottom: 80px;
    	}

    	.anmeldung h3 {
    		color: #0086c0;
    		font-size: 28px;
    	}

    	.anmeldung .newsletter {
    		background-color: #cceaeb;
    	}

        .anmeldung .newsletter.stiftungsbrief {
            background-color: #cceaeb;
        }

    	.anmeldung .stiftungsbrief {
    		background-color: #cce7f2;
    	}

    	/* ### Spenden Anker ### */

    	.landing {
    		padding: 60px 0;
    		text-align: center;
    	}

    	.landing:nth-child(odd) {
    		background-color: rgba(0,134,192,0.05);
    	}

    	.ankerelemente {
    		text-align: center;
    		margin-bottom: 80px;
    	}

    	.anker_start,
    	.anker_landung {
    		font-size: 32px;
    		color: #0086c0;
    	    line-height: 40px;
    	}


    	.ankerelemente_landing .link_text {
    		color: #ffffff;
    		background-color: #009ba3;
    		padding: 10px 40px;
    		border-radius: 20px;
    		margin-top: 40px;
    		display: inline-block;
    		border: 0px;
    		cursor: pointer;
    	}

    	.ankerelemente_landing .link_text:hover {
    		text-decoration: none;
    		background-color: #1ebac2;
    	}

    	.spenden_bg {
    		background-image: url(/wp-content/uploads/2019/09/spenden_bg.png);
    		background-repeat: no-repeat;
    		background-size: 100%;
    	}

    	.spenden_bild {
    		opacity: .4;
    		margin-bottom: -40px;
    	}

    	.spenden_bild img {
    		width: 100%;
    	}


        /* ### Stiftungsbriefe ### */

        .stiftungsbrief {
            padding: 40px;
			width: 100%;
        }

        .stiftungsbrief:nth-child(odd) {
            background-color: #f2f9fc;
        }

        .stiftungsbrief h2 {
            font-size: 28px;
            color: #0086c0;
        }

        .stiftungsbrief h3 {
            font-size: 18px;
            color: #0086c0;
        }

        .stiftungsbrief p {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .stiftungsbrief .link_button {
            font-size: 12px;
            color: #ffffff;
            background-color: #009ba3;
            padding: 8px 20px 8px 10px;
            border-radius: 20px;
            display: inline-block;
        }

        .stiftungsbrief .link_button i {
            font-size: 20px;
            vertical-align: bottom;
            padding-right: 10px;
        }

        .stiftungsbrief .link_button:hover {
            text-decoration: none;
            background-color: #1ebac2;
        }

        .stiftungsbrief.first {
            background-color: #d9edf6;
        }

        .stiftungsbrief.first img {
            width: 100%;
        }

        .stiftungsbrief.first .newsletter_button {
            max-width: 180px;
            margin-bottom: 40px;
            display: block;
        }

        .stiftungsbrief.first .newsletter_button img {
            width: 100%;
        }

        .stiftungsbrief.first .first_right {
            position: relative;
        }

        .stiftungsbrief.first .first_right .inner {
            position: absolute;
            bottom: 0;
            left: 15px;
        }

        .pagination_custom {
            text-align: center;
            margin-bottom: 60px;
            margin-top: 20px;
        }

        .pagination_custom a,
        .pagination_custom span {
            background-color: #0786c0;
            color: #ffffff;
            margin: 0 1px;
            width: 24px;
            height: 24px;
            display: inline-block;
            border-radius: 50%;
        }

        .pagination_custom a:hover,
        .pagination_custom span:hover {
            background-color: #009ba3;
            color: #ffffff;
        }

    /* ### Beiträge ### */

        .beitragslayout {
            background-position: center top;
            background-repeat: repeat-y;
            margin-bottom: 80px;
        }

        body .beitragslayout .beitrag:first-child {
            margin-top: 0px;
        }

        .beitragslayout .beitrag:nth-child(odd) {
            float: left;
            position: relative;
            margin-top: 40px;
            width: 51%;
        }

        .beitragslayout .beitrag:nth-child(even) {
            float: right;
            position: relative;
            width: 51%;
        }

        .beitragslayout .beitrag .inner {
            margin: 0 20%;
        }

        .beitragslayout .beitrag:nth-child(odd) .datum {
            text-align: center;
            position: absolute;
            top: 0px;
            right: -53px;
            color: #ffffff;
            background-color: #20bbe6;
            padding: 5px 30px;
            border-radius: 20px;
        }

        .beitragslayout .beitrag:nth-child(even) .datum {
            text-align: center;
            position: absolute;
            top: 0px;
            left: -45px;
            color: #ffffff;
            background-color: #009ba3;
            padding: 5px 30px;
            border-radius: 20px;
        }

        .beitragslayout .beitrag .inner .datum.mobile {
        	display: none;
        }
        .beitragslayout .beitrag .datum {
        	display: block;
        }

        .beitragslayout .beitrag .inner img {
            width: 100%;
        }

        .beitragslayout .beitrag:nth-child(odd) .inner h2 a {
            font-size: 28px;
            color: #20bbe6;
            margin: 0 0 20px 0;
            display: inline-block;
        }

        .beitragslayout .beitrag:nth-child(even) .inner h2 a {
            font-size: 28px;
            color: #009ba3;
            margin: 0px 0 40px 0;
            display: inline-block;
        }

        .beitragslayout .beitrag:nth-child(even) .inner img {
        	margin: 0 0 60px;
        }

        .beitragslayout .beitrag:nth-child(odd) .inner img {
        	margin: 0 0 40px;
        }


        .clear {
            clear: both;
        }


    /* ### Beiträge Single ### */

        .single h1 {
            font-size: 28px;
            color: #20bbe6;
        }

        .single .inhaltstext {
            margin: 40px 0;
        }

        .single .back_link {
            color: #ffffff;
            background-color: #20bbe6;
            padding: 5px 30px;
            border-radius: 20px;
            border: 0px;
            cursor: pointer;
        }

        .single .back_link:hover {
            color: #ffffff;
            background-color: #0786c0;
            padding: 5px 30px;
            border-radius: 20px;
            border: 0px;
            cursor: pointer;
        }

        .single .datum_outer {
            text-align: center;
        }

        .single .datum {
            color: #ffffff;
            background-color: #20bbe6;
            padding: 5px 30px;
            border-radius: 50px;
            border: 0px;
            cursor: pointer;
            font-size: 28px;
            display: inline-block;
            margin: 60px 0;
        }

        .single_image {
            max-width: 100%;
        }

    /* ## Standard Unterseite ## */

    	.unterseite p,
    	.unterseite h1,
    	.unterseite h3 {
    		text-align: center;
    	}

    	.unterseite div {
    		margin-bottom: 40px;
    	}

    	.unterseite h3 {
    		color: #0786c0;
    		font-size: 28px;
    		margin-bottom: 20px;

    	}

    	.unterseite .unterseiten_teaser h3 {
    		margin-top: 20px;
    	}

    	.unterseite img {
    		width: 100%;
    	}



/* ### FOOTER ### */

	footer {
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
	}

    footer::before {
        content: '';
        background-image: url(/wp-content/uploads/2019/09/footer_background.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: contain;
        max-width: 100%;
        height: 83px;
        display: block;
    }

	.footer_wrapper {
		display: flex;
		background-color: #0786c0;
		padding-bottom: 80px;
	}

	.footer_wrapper .right_wrapper{
		float: right;
	}

	.footer_wrapper .footer-menu {
		margin-top: 20px;
		padding: 10px 0;
	}

	.footer_wrapper .footer-menu .menu {
	    list-style: none;
	    padding-left: 0px;
	    margin-bottom: 0px;
	}

	.footer_wrapper .footer-menu-2 {
		float: right;
	    text-align: right;
	    width: auto;
	}

	.footer_wrapper .footer-menu-2 .menu {
		float: right;
	    text-align: right;
	    width: auto;
	}

	.footer_wrapper .footer-menu .menu li {
		float: left;
		position: relative;
	}

	.footer_wrapper .footer-menu .menu li a {
		color: #ffffff;
		text-transform: uppercase;
		font-weight: bold;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 14px;
		border-right: 1px solid #eaebeb;
	}

	.footer_wrapper .footer-menu .menu li:last-child a {
		text-transform: uppercase;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 14px;
		border-right: 0px;
	}

    .instagram_link {
        padding-left: 20px;
	}

	.tnp.tnp-profile:last-child {
		display: none;
	}

  .container.full-width-container {
    width: 100%;
    max-width: 100%;
  }
  .container.full-width-container.spenden_start {
    background-image: url(https://ja-zum-leben.de/wp-content/uploads/2022/09/schwangeren_frauen_helfen.jpg);
    background-size: cover;
    background-position: center;
    padding: 12vh 0;
  }
  .container.full-width-container.spenden_start .row {
    width: 100%;
  }
  .container.full-width-container.slogan h2 {
    margin-bottom: 0px;
  }
  .container.full-width-container.spenden_start .box {
    background-color: #ffffff;
    border-radius: 75px;
    padding-bottom: .1rem;
    padding-top: .5rem;
  }
  .container.full-width-container.spenden_start .box .infobox {
    background-color: #D1E9EA;
    color: #1D8F98;
    font-size: 20px;
    margin: 2rem 2rem 1.5rem;
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 50px;
    text-align: center;
    font-family: 'PT-Serif', sans-serif;
  }

  .container.full-width-container.spenden_start .box .infobox p {
    margin: 0px;
  }

  .container.full-width-container.spenden_start .box .margin-border {
    margin: 0 2rem;
    width: 99%;
  }
  .container.full-width-container.spenden_start .box .margin-border .row {
    margin: 0 -2rem;
  }
  .container.full-width-container.spenden_start .box .button {
    background-color: #BBD7E9;
    color: #1E7CB5;
    font-size: 20px;
    width: 100%;
    display: inline-block;
    padding: 1rem 2rem;
    margin-bottom: 1.5rem;
    border-radius: 50px;
    text-align: center;
    font-weight: bold;
    font-family: 'PT-Serif', sans-serif;
    transition: .2s ease-in;
    border: 4px solid #BBD7E9;
  }
  .container.full-width-container.spenden_start .box .button:hover {
    background-color: #1E7CB5;
    color: #FFFFFF;
    border: 4px solid #1E7CB5;
    text-decoration: none;
  }
  .container.full-width-container.spenden_start .box .button.active {
    background-color: #1E7CB5;
    color: #FFFFFF;
    border: 4px solid #1E7CB5
  }
  .container.full-width-container.spenden_start .box .button.active:hover {
    background-color: #FFFFFF;
    color: #1E7CB5;
    border: 4px solid #1E7CB5
  }
  .container.full-width-container.spenden_start .box .button.spenden_button {
    background-color: #1D8F98;
    color: #FFFFFF;
    margin-bottom: .5rem;
    border: 4px solid #1D8F98;
  }
  .container.full-width-container.spenden_start .box .button.spenden_button:hover {
    background-color: #FFFFFF;
    color: #1D8F98;
  }
  .container.full-width-container.spenden_start .box .small_hint {
    text-align: center;
    font-size: 12px;
  }
  .container.full-width-container.spenden_start .box .small_hint .mobile {
    display: none;
  }
  .container.full-width-container.slogan {
    background-color: #1D8F98;
    padding: 1rem;
  }
  .container.full-width-container.slogan h2 {
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bold;
  }
  .base-timer {
  position: absolute;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  top: -3rem;
  left: 0;
  right: 0;
  text-align: center;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: #ffffff;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: #D1E9EA;
}

.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: #1D8F98;
}

.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: bold;
  color: #1D8F98;
  font-family: 'PT-Serif', sans-serif;
  border: 2px solid #ffffff;
  border-radius: 100%;
}

/* ### MEDIA QUERIES ### */
  @media (max-width: 1720px) {
    .container.full-width-container.spenden_start .box .infobox p {
      font-size: 16px;
    }
    .container.full-width-container.spenden_start .box .button {
        font-size: 16px;
        padding: .5rem 1rem;
    }
  }
  @media (min-width: 992px) {
    .container.full-width-container.slogan.mobile,
    .mobile_image {
      display: none;
    }
  }
  @media (max-width: 991px) {
    .container.full-width-container.spenden_start {
      background-image: none;
      padding: 0px;
    }
    .container.full-width-container.spenden_start .box {
      text-align: center;
      background-color: rgba(29, 143, 152, .2);
      margin-top: 4rem;
    }
    .container.full-width-container.spenden_start .box .margin-border {
      margin: 0 auto;
    }
    .container.full-width-container.spenden_start .box .margin-border .row {
      margin: 0;
    }
    .container.full-width-container.spenden_start .row {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 2rem;
    }
    .container.full-width-container.spenden_start .box .infobox {
      background-color: rgba(29, 143, 152, .2);
    }
    .container.full-width-container.spenden_start .box .infobox p {
      font-size: 20px;
    }
    .container.full-width-container.spenden_start .box .button {
      font-size: 20px;
    }
    .container.full-width-container.slogan h2 {
      font-size: 18px;
    }
    .container.full-width-container.slogan {
      display: none;
    }
    .container.full-width-container.slogan.mobile {
      display: block;
    }
    .mobile_image img {
      width: 100%;
    }
    .base-timer__label,
    .base-timer {
      width: 150px;
      height: 150px;
    }
  }

  @media (max-width: 576px) {
    .container.full-width-container.spenden_start .box .infobox p,
    .container.full-width-container.spenden_start .box .button {
      font-size: 14px;
    }
    .container.full-width-container.spenden_start .box .button.spenden_button {
      font-size: 20px;
    }
    .container.full-width-container.spenden_start .box .button {
      padding: .5rem;
    }
    .container.full-width-container.spenden_start .box .margin-border .row .col-4 {
      padding-left: 5px;
      padding-right: 5px;
    }
    .base-timer__label,
    .base-timer {
      width: 100px;
      height: 100px;
    }
    .container.full-width-container.spenden_start .box {
      margin-top: 2rem;
    }
    .container.full-width-container.spenden_start .box .small_hint {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .container.full-width-container.spenden_start .box .small_hint .desktop {
      display: none;
    }
    .container.full-width-container.spenden_start .box .small_hint .mobile {
      display: block;
    }
    .container.full-width-container.spenden_start .box .infobox {
      margin: 1rem 1rem 1.5rem;
    }
  }

	@media (min-width: 768px) {
		.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
	    	float: left;
		}
	}

    @media (max-width: 320px) {
    	.anfrage_form th {
    		font-size: 12px;
    }
}

    @media (max-width: 768px) {

    	/* ## Allgemein ## */
    	body h1 {
    		font-size: 28px;
    		margin-top: 0px;
    	}

    	div.wpcf7#wpcf7-f302-o1,
        div.wpcf7#wpcf7-f1059-o1 {
    		width: inherit;
    	}

    	footer {
    		background-size: auto;
    	}

    	.pagination_custom {
    		margin-bottom: 20px;
    	}

    	.logo_jazumleben {
            text-align: center;
		}
      /*  .header_wrapper .buttons {
            width: 100%;
            float: inherit;
            display: inline-block;
            text-align: center;
            max-width: 80%;
            margin-left: 23%;
        }*/
        .header_wrapper .header_button {
            float: inherit;
            display: inline-block;
            margin-bottom: 10px;
        }
        .navbar-toggler {
            vertical-align: top;
            float: right;
            position: absolute;
            display: block;
            top: 0px;
            right: 0px;
        }
        .header_wrapper .navi_wrapper {
            padding: 0px;
        }
        .header_wrapper .navbar {
            float: inherit;
        }
        body .navbar-expand-lg .navbar-nav .nav-link {
            border-right: 0px;
            padding: 5px 0;
        }

        .header_wrapper .navi_wrapper .dropdown li a {
        	color: #eaebeb;
        }

        .navi_wrapper ul.dropdown-menu::before {
        	display: none;
        }

        .navi_wrapper ul.dropdown-menu li > ul.dropdown-menu {
        	display: block;
        }

        .header_wrapper .navi_wrapper li a {
        	border-right: 0px;
        }

        footer {
            padding-top: 14px;
        }
        footer .footer_inner {
        	display: inline-block;
        	padding-bottom: 20px;
        }
        footer .footer_wrapper {
        	padding-bottom: 0px
        }
        footer .footer_wrapper .footer-menu .menu li a,
        footer .footer_wrapper .footer-menu .menu li:last-child a  {
        	padding-left: 10px;
        	padding-right: 10px;
        }

        #Einmalspende-modal .modal-body {
        	height: 400px;
    		overflow-y: scroll;
        }

    	/* ## Front Page ## */

        .owl-nav {
            top: 22%;
        }
        body .owl-carousel .owl-item img {
            height: inherit;
    		width: 100%;
        }
        .textbox h2 {
            font-size: 16px;
            margin-top: 40px;
        }
        section .owl-carousel .owl-nav button.owl-prev {
            left: 0px;
        }

        .owl-carousel .owl-nav button.owl-next {
            right: 0px;
        }
        .owl-carousel .owl-stage {
          display: flex;
          align-items: top;
        }

        .owl-carousel .caption {
          text-align: center;
        }
        section .owl-carousel .owl-dots {
            margin-top: 0px;
        }
        section .owl-carousel.owl-theme .owl-dots .owl-dot.active span {
            background-color: #869791;
            border: 0px;
        }
        section .owl-carousel.owl-theme .owl-dots .owl-dot span {
            background-color: #D6D6D6;
            border: 0px;
        }
        .textbox {
            margin-top: -90px;
            margin-left: 20px;
        }
        .textbox h2 {
            float: left;
        }
        .headline_text {
            margin-top: 0px;
        }
        .headline_text .headline {
            margin-bottom: 20px;
        }
        .headline_text .headline h1 {
            font-size: 28px;
            margin: 20px 0 0;
        }
        .drei_teaser .teaser_inner{
            margin-bottom: 40px;
        }

        .drei_teaser .teaser_inner,
        .drei_teaser .teaser_inner:first-child,
        .drei_teaser .teaser_inner:last-child {
            padding-left: 10px;
            padding-right: 10px;
        }
        .zitate h3 {
        	font-size: 28px;
        }
        .zitate .owl-zitat h4 {
            padding-left: 45px;
            padding-right: 45px;
            font-size: 18px;
        }
        .zitate .owl-item {
        	vertical-align: top;
        }
        .zitate .owl-zitat-quote {
            padding: 0 10px;
        }
        .zaehler_teaser h3,
        .zwei_teaser h3 {
            font-size: 28px;
        }
        .zaehler_teaser h5 {
            font-size: 48px;
        }
        .zaehler_teaser .zaehler_inner {
            margin-bottom: 40px;
        }
        .zaehler_teaser .zaehler_inner::after {
            display: none;
        }
        .zaehler_teaser {
            padding-bottom: 0px;
        }
        .light_blue_border {
            margin-bottom: 40px;
        }

        /* ## Newsletter ## */

        .headline_text.regular .headline h1 {
        	font-size: 28px;
        }

        .headline_text.regular .headline h2 {
        	font-size: 24px;
        }

        .anmeldung h3 {
        	font-size: 20px;
        }

        .anmeldung .newsletter {
        	margin-bottom: 40px;
        }

        /* ## Stiftungsbriefe ## */

        .stiftungsbrief.first .first_right .inner {
        	position: relative;
        }

        .stiftungsbrief h2 {
        	font-size: 24px;
        }

        .stiftungsbrief.first .newsletter_button {
        	display: none;
        }
        .first_right {
        	margin-top: 40px;
        }

        .stiftungsbrief.first .first_right .inner {
        	left: 0;
        }

        /* ## Aktuelles ## */

        .beitragslayout {
        	background-image: none;
        }

        .beitragslayout .beitrag:nth-child(odd),
        .beitragslayout .beitrag:nth-child(even) {
        	width: 100%;
        	margin-top: 40px;
        }
        .beitragslayout .beitrag .inner {
        	margin: 0 10px;
        }
        .beitragslayout .beitrag .inner .datum.mobile {
        	display: block;
        	position: relative;
        	display: inline-block;
        	width: 100%;
        	right: inherit;
        	top: inherit;
        	left: inherit;
        }
        .beitragslayout .beitrag .datum {
        	display: none;
        }
        .beitragslayout .beitrag:nth-child(even) .inner h2 a,
        .beitragslayout .beitrag:nth-child(odd) .inner h2 a {
        	margin: 40px 0 20px;
        }

        /* ## Aktuelles Single ## */

        .textarea-573 {
        	width: 100%;
        	display: inline-flex;
        }


    	.single .datum {
    		margin: 20px 0;
    		font-size: 18px;
    	}


    	/* ## Spenden ## */

    	.spenden_bg {
    		background-image: none;
    	}

    	/* ## Standard Unterseite ## */

    	.unterseite p,
    	.unterseite h1,
    	.unterseite h2,
    	.unterseite h3,
    	.unterseite h4,
    	.unterseite h5,
    	.unterseite h1 {
    		text-align: center;
    	}

		/* ## Projekte konkret ## */

		.projekte_konkret .projekte_slide {
			background-color: initial;
		}

		.projekte_konkret .projekte_slide .projekte_image {
			position: relative;
			z-index: 1;
		}

		.projekte_konkret .projekte_slide .projekte_image img {
			width: 300px;
			height: 300px;
			max-height: initial;
			text-align: center;
			display: inline-block;
		}

		.projekte_konkret .projekte_slide .projekte_text {
			background-color: #ffffff;
			padding-right: 20px;
			margin-top: -60px;
			padding-top: 80px;
			padding-bottom: 40px;
		}

		.projekte_konkret .projekte_slide .projekte_text h4 {
			font-size: 28px;
			padding: 0 10px;
		}
		.projekte_konkret .projekte_slide .projekte_text h5 {
			font-size: 24px;
			padding: 0 10px;
		}
		.projekte_konkret .projekte_slide .projekte_teaser {
			font-size: 16px;
		}
    }

    @media (min-width: 1921px) {
        footer::before {
            background-size: cover;
            margin-bottom: -1px;
            height: 95px;
        }
    }

    @media (max-width: 460px) {
    	body .owl-carousel .owl-item img {
            max-height: 200px;
            height: 100%;
    		width: inherit;
        }
      /*.header_wrapper .buttons {
                max-width: 100%;
                margin-left: 5%;
            }*/

	}

    @media (min-width: 769px) and (max-width: 1199px) {
		.projekte_konkret .projekte_slide {
			border-radius: 40px;
		}
		.projekte_konkret .projekte_slide .projekte_image img {
			display: inline-block;
			text-align: center;
		}
	}

	@media (min-width: 1200px) and (max-width: 1855px) {
		.projekte_konkret .projekte_slide .projekte_image img {
			width: 22vw;
			height: 22vw;
		}
	}

	@media (min-width: 720px) and (max-width: 768px) {
		body .owl-carousel .owl-item img {
		    width: 100%;
		    height: inherit;
		}
		section .owl-carousel .owl-nav button.owl-prev {
		    left: 20px;
		}
		.owl-carousel .owl-nav button.owl-next {
		    right: 20px;
		}
	}

	@media (max-width: 1280px) and (min-width: 769px) {
		.textbox {
			margin-top: -140px;
		}
		.textbox h2 {
			font-size: 50px;
		}
	}


/* ## Kalender Plugin ## */

.ur-frontend-form {
	border: none;
}

.ur-frontend-form label {
	font-size: 16px;
}

.ur-frontend-form input {
	padding: 0 20px;
	width: 100%;
	border: 1px solid var(--secondary);
	border-radius: 20px !important;
}

.ur-frontend-form input::placeholder {
	text-align: center;
}

.ur-frontend-form input:focus {
	border: 1px solid var(--primary);
}

button.btn.button.ur-submit-button,
input.user-registration-Button.button {
	margin: 0 auto;
	padding: 5px 20px;
	width: auto;
	display: inherit;
	font-size: 12px;
	color: #ffffff;
	background-color: #009ba3;
	border-radius: 20px;
	float: unset;
	text-transform: uppercase;
}
button.btn.button.ur-submit-button:hover,
input.user-registration-Button.button:hover {
	background-color: #1ebac2;
}

.ur-frontend-form.login {
	margin: 0 auto;
	width: 33%;
}

.ur-frontend-form .password-input-group {
	width: 100%;
}

input[type="checkbox"].user-registration-form__input-checkbox {
	width: auto;
}

.user-registration-form__label-for-checkbox {
	margin-top: 20px;
}

#user-registration.horizontal .user-registration-MyAccount-navigation ul {
	background-color: #009aa3;
}

#user-registration .user-registration-MyAccount-navigation ul li.user-registration-MyAccount-navigation-link a {
	padding: 10px !important;
}

#user-registration .user-registration-MyAccount-navigation ul li.user-registration-MyAccount-navigation-link a {
	font-size: 16px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}

#user-registration .user-registration-MyAccount-navigation ul li.user-registration-MyAccount-navigation-link a:hover {
	color: white;
	text-decoration: underline;
}

#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
	background-color: transparent;
	text-decoration: underline;
}


/* kalender */
#tribe-events td.tribe-events-present div[id*="tribe-events-daynum-"], #tribe-events td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
	background-color: #009aa3;
}

#tribe-events .tribe-events-button, .tribe-events-button,
.events-community-submit {
	padding: 6px 9px !important;
	font-weight: bold;
	color: white;
	background-color: #009ba3;
	border: none;
	border-radius: 20px !important;
}

.tribe-is-responsive #tribe-events .tribe-events-button {
	display: block;
}

#tribe-events .tribe-events-button {
	display: none;
}

.events-community-submit:hover {
	background-color: #1ebac2;
	cursor: pointer;
}

.tribe-events-after-html {
	display: inline-block;
	transform: translateY(-30px);
}

@media(max-width: 768px) {
	#tribe-events-footer~a.tribe-events-ical.tribe-events-button {
		padding: 6px 9px;
		height: unset;
		display: inline-block;
		font-size: 11px;
		font-weight: bold;
		line-height: normal;
		border-radius: 20px;
	}
}


/*Sharingbuttons*/


.header_button a i{
  margin-right: 10px;
  margin-top: 2px;
}

.header_button a i.fab.fa-twitter-square.fa-2x{
  margin-right: 25px;
}


/* Ein Euro*/
.form {
	background-color: #cceaeb;
}

.schwein {
	height: 100%;
}