/*
 Theme Name:     Dreston-Theme
 Theme URI:      http://www.dreston.de
 Description:    Dreston-Theme
 Author:         Dreston
 Author URI:     http://www.dreston.de
 Template:       Divi
 Version:        1.0.0
*/
 
/*------------------------------------------------------- */
 
/*Änderungen am Newsletterformular*/
.et_bloom .et_bloom_optin_1 .et_bloom_form_header p {
    color: #fff !important;
    line-height: 1.6em;
    font-size: 14px;
    margin-top: 0.5em;
    font-weight: 600 !important;
}
.et_bloom .et_bloom_optin_1 .et_bloom_header_text_light p {
    color: #fff !important;
}
.et_bloom .et_bloom_optin_1 .curve_edge .curve {
    fill: #003366;
    margin-top: -1px;
}

/*Änderungen am Kontaktformular*/
textarea { 
	resize: vertical; 
	max-height:480px;
	min-height:240px;
}
.et_pb_contact_field_0.et_pb_contact_field .input{ 
    height: 38px;
}
.et_pb_contact_select {
    padding: 9px;
    font-size: 14px;
}
.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {

    float: left;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 600;
	line-height: 1em;
}
.et_pb_contact .et_pb_contact_field_half {
    float: left;
    width: 100%;
	font-size: 12px;
	font-weight: 600;
	line-height: 1em;
}

#footer-info
{
    float: none;
    padding-bottom: 10px;
    text-align: center;
}



/* mouse over link */
a:hover {
    color:#0066ff;
} 


/*style custom blurb card 2*/

.blurb-card-2 .et_pb_main_blurb_image {
    margin-bottom: -250px !important;
}
.blurb-card-2 h4 {
    color: #0066ff;
    margin-bottom: 20px;
    position: absolute;
    bottom: 0;
    width: 85%;
    text-align: center;
}
.blurb-card-2 .et_pb_button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
}
.blurb-card-2 .et_pb_blurb {
    margin-bottom: 0 !important;
}
.blurb-card-2 .et_pb_column {
    position: relative;
}
.blurb-card-2 .et_pb_blurb_container {
    background: #fff;
    padding: 275px 25px 75px 25px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .08) !important;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .08) !important;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .08) !important;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
    margin-top: -50px;
}
.blurb-card-2 .et_pb_column:hover .et_pb_blurb_container {
    -webkit-box-shadow: 5px 15px 15px rgba(0, 0, 0, .2) !important;
    -moz-box-shadow: 5px 15px 15px rgba(0, 0, 0, .2) !important;
    box-shadow: 5px 15px 15px rgba(0, 0, 0, .2) !important;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.blurb-card-2 .et_pb_column .et_pb_main_blurb_image {
    transform: scale(0.9); 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.blurb-card-2 .et_pb_column:hover .et_pb_main_blurb_image {
    transform: scale(1.0);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}



/*style custom blurb card 3*/

.blurb-card-3 .et_pb_main_blurb_image {
    margin-bottom: -190px !important;
}
.blurb-card-3 h4 {
   background-color: #003366;
    margin-left: -25px;
    margin-right: -25px;
    color: #fff;
    vertical-align: middle;
    padding-top: 14px;
    height: 60px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    transition: all 0.5s ease-in-out;
}

.blurb-card-3 .et_pb_column:hover h4 {
     background-color: #8cc63e;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


.blurb-card-3 h6 {
    color: #0066ff;
    margin-bottom: 20px;
    position: absolute;
    bottom: 0;
    width: 85%;
    text-align: center;
}
.blurb-card-3 .et_pb_button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0; 
}
.blurb-card-3 .et_pb_blurb {
    margin-bottom: 0 !important;
}
.blurb-card-3 .et_pb_column {
    position: relative;
}
.blurb-card-3 .et_pb_blurb_container {
    height: 315px;
    background: #f2f6f9;
    padding: 190px 25px 75px 25px;
    border-radius: 10px;
    box-shadow: -10px -10px 19px -10px #333 !important;
    -webkit-box-shadow: -10px -10px 19px -10px #333 !important;
    -moz-box-shadow: -10px -10px 19px -10px #333 !important;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
    margin-top: -190px;
}
@media all and (max-width: 767px) {
.blurb-card-3 .et_pb_main_blurb_image {
    max-width: 75%;
}
}
@media all and (max-width: 767px) and (orientation : landscape) {
.blurb-card-3 .et_pb_main_blurb_image {
    max-width: 42%;
}
}


@media all and (min-width: 768px) and (max-width: 980px) {
.blurb-card-3 .et_pb_main_blurb_image {
    max-width: 40%;
}
}


.blurb-card-3 .et_pb_column .et_pb_main_blurb_image {
    transform: scale(0.8); 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.blurb-card-3 .et_pb_column:hover .et_pb_main_blurb_image {
    transform: scale(0.95);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


/*Breite der Sidebar*/
@media only screen and ( min-width: 1100px ) {
.et_pb_section .et_pb_row .et_pb_column .et_pb_widget_area_right {
    width: 150% 
    }
}



/*Text im Body*/
body {
    color: #666;
    font-family: "Open Sans",Arial,sans-serif;
    font-weight: 500;
    line-height: 1.7em;
}
/*Überschrift*/
.et_pb_blurb h4 {
    font-weight: 500;
}

/*Div Schriftgrößen nicht Fett*/
h1, h2, h3, h4, h5, .et_quote_content blockquote p, .et_pb_slide_description .et_pb_slide_title {
    font-weight: 500;
}

/*Sidebar Suchfeld*/
.widget_search #searchsubmit {
    position: absolute;
    width: 60px;
    background-color: #ddd;
}

/*Sidebar news widget*/
.rpwwt-widget ul li img {
    display: inline;
    float: left;
    margin: 0px 26px 20px 0px;
    border-radius: 10px;
}

/*Startseite zeigt letzten Beitrag in voller Breite mit Sidebar des Beitrags*/
.home-news .et_pb_section_10000.et_pb_section {
    width: 98vw;
    position: relative;
    margin-left: -49vw;
    left: 50%;
    padding-top: 10px;
}

/*Beitragtitel wird nicht mehr angezeigt*/
.entry-title {
    display: none;
}
/*Abstände unter Beiträgen werden entfernt*/
.single .et_pb_post {
    margin-bottom: -20px;
}
.single .post {
    padding-bottom: 0px;
}
.et_pb_post {
    margin-bottom: 0px;
}



/*Carousel Slider*/
.ds-carousel-section {
    overflow: hidden !important;
    height: 300px; 
    max-height: 300px;
}

.ds-carousel-logo {
    width: 20%;
    float: left;
}
.ds-image-carousel {
    float: left;
    position: absolute;
    padding: 0;
    opacity: 0;
    z-index: 0;
}
.ds-image-carousel-first {
    position: relative;
    z-index: 1;
    -webkit-animation: first 30s 1 linear forwards;
    animation: first 30s 1 linear forwards;
}
.ds-image-carousel-second,
.ds-image-carousel-third {
    -webkit-animation: rest 60s infinite linear;
    animation: rest 60s infinite linear;
}
.ds-image-carousel-third {
    -webkit-animation-delay: 30s;
    animation-delay: 30;
}
@keyframes first {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        z-index: 1;
    }
    99.99% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        z-index: 1;
    }
    100% {
        opacity: 0;
        z-index: 0;
    }
}
@keyframes rest {
    0.01% {
        opacity: 0;
        z-index: 0;
    }
    0.011% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 1;
        z-index: 1;
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
    }
}

.ds-carousel-section:hover .ds-image-carousel {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

/*Aufzählung von Vorteilen*/
.enumeration {
    padding: 5px 15px 1px 15px;
    border-bottom: 1px solid #E5E7E7;
    margin-bottom: 0 !important;
}

.enumeration .et_pb_main_blurb_image {
    vertical-align: middle;
}

.enumeration .et_pb_blurb_container {
    height: 72px;
    vertical-align: middle;
}
.enumeration .et_pb_blurb_container h4 {
    font-weight: 600;
}

/*Button im Slider der Startseite Icon ist blau bei hover*/
body #page-container .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_button:hover::before {
    color: #003366;
}

/*syles header*/
#top-header {
	background-color:#003366
}
#top-header {
    border-bottom: solid 6px #8CC63E;
}
#top-header a {
    font-weight: 600 !important;
}

#main-header #top-menu li.current-menu-item > a {
color: #0066ff !important;
}

.nav li li {
    line-height: 1.5em;
}

.nav li li a:hover {
    background-color: #f1f1f1; 
}


/*-------- HomeSlider height adjustment ----------------*/

/*---Will only affect desktop view---*/
@media only screen and ( min-width: 981px ) {
	.homeSlider.et_pb_slider, .homeSlider.et_pb_slider .et_pb_container {
		height: 569px !important; 
		width: 100% !important; 
		max-width: 100% !important;
	}
	.homeSlider.et_pb_slider, .homeSlider.et_pb_slider .et_pb_slide {
		max-height: 569px;
    	overflow: hidden !important;
	}
	.homeSlider.et_pb_slider .et_pb_slide_description {
		position: relative;
		float: right; 
		top: 8px; 
		padding-top: 0 !important;
		padding-bottom:0 !important;
		height:auto !important;
		max-width: 50%;
	}
	}  


/*---Use for tablets----*/
@media only screen 
and ( min-width: 767px ) 
and ( max-width: 980px ) { 
.homeSlider.et_pb_slider, .homeSlider.et_pb_slider .et_pb_container {
	height: 375px !important; 
	width: 100% !important; 
	}
	.homeSlider.et_pb_slider, .homeSlider.et_pb_slider .et_pb_slide {
	max-height: 375px;
    overflow: hidden !important;
	}
.homeSlider.et_pb_slider .et_pb_slide_description {
	position: relative;
	top: -10%; 
	padding-top: 0 !important;
	padding-bottom:0 !important;
	height:auto !important;
    padding-left: 30px;
    padding-right: 30px;
    width: 50%;
	visibility: hidden; 
	}
}

/*---Use for phones----*/
@media only screen and ( max-width:766px ) { 
.homeSlider.et_pb_slider, .homeSlider.et_pb_slider .et_pb_container {
	height: 170px !important; 
	width: 100% !important; 
	}
	.homeSlider.et_pb_slider, .homeSlider.et_pb_slider .et_pb_slide {
	max-height: 170px;
    overflow: hidden !important;
	}
.homeSlider.et_pb_slider .et_pb_slide_description {
	position: relative;
	top: -10%; 
	padding-top: 0 !important;
	padding-bottom:0 !important;
	height:auto !important;
    padding-left: 27px;
    padding-right: 27px;
    width: 100%;
	visibility: hidden; 
	}
.et-pb-controllers {
    position: absolute;
    z-index: 10;
    bottom: 5%;
    left: 0;
    width: 100%;
    height: 30px;
    text-align: center;
    }
.et_pb_slide_title {
    display: none;
    }
}


	/*-------- HomeSlider Height Adjustment End----------------*/

#top-menu a:hover, .fullwidth-menu a:hover {
    color: #003366 !important;
}

/*styles body*/
h4 {
     font-size: 23px;
}

/*footer*/
#footer-widgets .footer-widget li:before {
display: none;
}


html #footer-widgets .footer-widget .et_pb_widget:not(.woocommerce) ul li {
line-height: 10px !important; 
padding-left: 0px;
}
#footer-bottom {
    border-top: solid 6px #8CC63E ;
	padding: 10px 0px 0px;
}

#footer-widgets {
    padding: 4% 0px 0px !important;
}
#main-footer .footer-widget h4 {
    color: #036;
    margin-bottom: 10px;
}
#main-footer {
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1) !important;
}

#main-footer a:hover {
    color: #0066ff !important;
}

.et_pb_gutters3 .footer-widget {
    margin: 0px 5.5% 2.5% 0px;
}
.et-waypoint {
    opacity: 1!important;
}

/*style custom blurb card*/
.blurb-card .et_pb_main_blurb_image {
    margin-bottom: 0 !important;
}
.blurb-card h6 {
    color: #0066ff;
    margin-bottom: 20px;
    position: absolute;
    bottom: 0;
    width: 85%;
    text-align: center;
}
.blurb-card .et_pb_button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
}
.blurb-card .et_pb_blurb {
    margin-bottom: 0 !important;
}
.blurb-card .et_pb_column {
    position: relative;
}
.blurb-card .et_pb_blurb_container {
    background: #f2f6f9;
    padding: 75px 25px 25px 25px;
    border-radius: 50px 1px 50px 1px;
    background: #f2f6f9; 
    box-shadow: 0px -10px 20px -10px #333 !important;
    -webkit-box-shadow: 0px -10px 20px -10px #333 !important;
    -moz-box-shadow: 0px -10px 20px -10px #333 !important;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin-top: -50px;
}
.blurb-card .et_pb_column:hover .et_pb_blurb_container {
    -webkit-box-shadow: 5px 15px 15px #333 !important;
    -moz-box-shadow: 5px 15px 15px #333 !important;
    box-shadow: 5px 15px 15px #333 !important;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


/* Effect 8 */
.blurb-card .et-pb-icon {
    padding: 33px;
    font-size: 35px;
    position: relative;
    z-index: 1;
    color: #8cc63e !important;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
}
.blurb-card .et-pb-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.blurb-card .et-pb-icon:before {
    content: '';
    display: block;
}
.blurb-card .et-pb-icon {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}
.blurb-card .et-pb-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.blurb-card .et_pb_column:hover .et-pb-icon {
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
}
.blurb-card .et_pb_column:hover .et-pb-icon:after {
    -webkit-animation: sonarEffect 0.5s ease-out 50ms;
    -moz-animation: sonarEffect 0.5s ease-out 75ms;
    animation: sonarEffect 0.5s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px #8cc63e, 0 0 10px 10px #8cc63e, 0 0 0 10px #8cc63e;
    }
    100% {
        box-shadow: 0 0 0 2px #8cc63e, 0 0 10px 10px #8cc63e, 0 0 0 10px #8cc63e;
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px #8cc63e, 0 0 10px 10px #8cc63e, 0 0 0 10px #8cc63e;
    }
    100% {
        box-shadow: 0 0 0 2px #8cc63e, 0 0 10px 10px #8cc63e, 0 0 0 10px #8cc63e;
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px #8cc63e, 0 0 10px 10px #8cc63e, 0 0 0 10px #8cc63e;
    }
    100% {
        box-shadow: 0 0 0 2px #8cc63e, 0 0 10px 10px #8cc63e, 0 0 0 10px #8cc63e;
        transform: scale(1.5);
        opacity: 0;
    }
}

/*Divi-Image-Module-Hover-Effect*/
.border-hover .et_pb_column {
	overflow: hidden;
	position: relative;
    border-radius: 6px;
    box-shadow: 0px -10px 20px -10px #333;
    -webkit-box-shadow: 0px -10px 20px -10px #333 !important;
    -moz-box-shadow: 0px -10px 20px -10px #333 !important;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.border-hover .et_pb_column img {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.border-hover .et_pb_column:hover img {
	transform: scale(1.1);
}
.border-hover .et_pb_column:hover .et_pb_image:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	content: '';
}
.border-hover .et_pb_column .et_pb_promo_description:before {
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	position: absolute;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s,
	-webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.border-hover .et_pb_column .et_pb_promo_description:after {
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	position: absolute;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s,
	-webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.border-hover .et_pb_column:hover .et_pb_promo_description:before, .border-hover .et_pb_column:hover .et_pb_promo_description:after {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.border-hover .et_pb_column .et_pb_promo_description h2 {
	opacity: 0;
	color: #fff;
	position: absolute;
	top: 37%;
	width: 50%;
	text-align: center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	margin: 0;
	padding: 0;
}
.border-hover .et_pb_column .et_pb_promo_description div {
	opacity: 0;
	color: #fff;
	position: absolute;
	top: 42%;
	width: 75%;
	text-align: center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.border-hover .et_pb_column:hover .et_pb_promo_description h2 {
	opacity: 1;
	position: absolute;
	top: 40%;
	width: 100%;
	text-align: center;
	color: #fff;
}
.border-hover .et_pb_column:hover .et_pb_promo_description div {
	opacity: 1;
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #fff;
}
@media only screen 
and ( min-width: 601px ) 
and ( max-width: 980px ) { 
.border-hover .et_pb_column:hover .et_pb_promo_description h2 {
	width: 85%;
	font-size: 22px !important;
}
.border-hover .et_pb_column:hover .et_pb_promo_description div {
	width: 85%;
	font-size: 18px !important;
}
}
@media only screen and ( max-width:600px ) { 
.border-hover .et_pb_column:hover .et_pb_promo_description h2 {
	width: 65%;
}
.border-hover .et_pb_column:hover .et_pb_promo_description div {
	width: 65%;
}
}
.border-hover .et_pb_promo {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.border-hover .et_pb_promo_button {
	opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.border-hover .et_pb_promo_description {
 position: static !important;
}


/* Vertikales Zentrieren von Elementen */
.vertikal-zentrieren {
display: flex;
flex-direction: column;
justify-content: center;
}

/* behebt ein Problem mit dem blurb content element */
.et_pb_blurb_content {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
}


/*breadcrumbs, außerdem gibt es noch in headerphp einen code*/
#breadcrumbs{ 
    float: left; 
    width: 100%; 
    margin-bottom: 1em; 
    margin-top: 1em; 
    position:relative; 
    z-index:2; 
    font-size: small;
    opacity: 0.5;
	color: #003366;
}
@media screen and (max-width: 980px){
 #breadcrumbs{ width: 100%; }
}


/*------[Shadow Diagonal Lines]-------*/ 
    #et-main-area { overflow: hidden;}
 
    .diagonal-shadow::before,
    .diagonal-shadow::after {
        position: absolute;
        content: '';
        pointer-events: none;}
 
    .diagonal-shadow {
        z-index: 11;
        padding-top: 1em !important;
        padding-bottom: 75px !important;
        }
 
    .diagonal-shadow::before, 
        .diagonal-shadow::after {
        top: 0;
        left: -25%;
        z-index: -1;
        width: 150%;
        height: 75%;
        background: inherit;
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;}
 
    .diagonal-shadow::before {
        height: 50%;
        background: #8cc63e;
        -webkit-transform: rotate(-4.5deg);
        transform: rotate(-4.5deg);
        -webkit-transform-origin: 0% 0;
        transform-origin: 0% 0%;}



/*------[Shadow Diagonal Lines2]-------*/
    #et-main-area { overflow: hidden;}
 
    .diagonal-shadow2::before,
    .diagonal-shadow2::after {
        position: absolute;
        content: '';
        pointer-events: none;}
 
    .diagonal-shadow2 {
        z-index: 10;
        padding-top: 1em !important;
        }
 
    .diagonal-shadow2::before, 
        .diagonal-shadow2::after {
        top: 0;
        left: -25%;
        z-index: -1;
        width: 150%;
        height: 52%;
        background: #fff !important;
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;}
 
    .diagonal-shadow2::before {
        height: 59%;
        background: #8cc63e !important;
        -webkit-transform: rotate(-4.5deg);
        transform: rotate(-4.5deg);
        -webkit-transform-origin: 0% 0;
        transform-origin: 0% 0%;}


 /* Nav border color/size/*style */
.right-sidebar .et_pb_widget.widget_nav_menu {
    border-bottom: 1px solid rgba(0,0,0,.1);
	margin-bottom:	70px;
	line-height: initial !important;
}
.right-sidebar .et_pb_widget li a {
    color: #666;
    font-weight: 600 !important;
}
.right-sidebar .et_pb_widget.widget_nav_menu ul li {
    border-top: 1px solid rgba(0,0,0,.1);
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-left: 7px;
}
.right-sidebar .et_pb_widget ul li {
    margin-bottom: 0;
}
.right-sidebar .et_pb_widget li a:hover {
    color: #0066ff;
}
.right-sidebar .widget_nav_menu ul li.current-menu-item a {
    color: #0066ff;
}
.right-sidebar .widget_nav_menu ul li.current-menu-item a:before {
    font-family: Font Awesome\ 5 Free;
    content: "\f35a";
    color: #0066ff;
    margin-left: -1.5em;
    margin-right: 7px;
    right: auto; 
    display: inline-block;
}
.right-sidebar .et_pb_widget li a:hover::before {
    font-family: Font Awesome\ 5 Free;
    content: "\f35a";
    color: #0066ff;
    right: auto; 
    margin-left: -1.5em; 
    margin-right: 7px; 
}
.right-sidebar .widgettitle {
    font-family: Trebuchet;
    font-size: 15px;
}
/* End sidebar menu styles */


 /*  Nav border color/size/*style  */
#main-footer .et_pb_widget li a {
    color: #666 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
#main-footer .et_pb_widget.widget_nav_menu ul li {
    padding-bottom:0.5em;
    padding-top: 0.5em;
    padding-left: 7px;
}
#main-footer .et_pb_widget ul li {
    margin-bottom: 0;
}
#main-footer .et_pb_widget li a:hover {
    color: #0066ff !important;
}
#main-footer .widget_nav_menu ul li.current-menu-item a {
    color: #0066ff !important;
}
#main-footer .widget_nav_menu ul li.current-menu-item a:before {
    font-family: Font Awesome\ 5 Free;
    content: "\f35a";
    color: #0066ff;
    margin-left: -1.5em;
    margin-right: 7px;
    right: auto; 
    display: inline-block;
}
#main-footer .et_pb_widget li a:hover::before {
    font-family: Font Awesome\ 5 Free;
    content: "\f35a";
    color: #0066ff;
    right: auto; 
    margin-left: -1.5em; 
    margin-right: 7px; 
}
#main-footer .widgettitle {
    font-family: Trebuchet;
    font-size: 15px !important;
}
/* End sidebar menu styles */


/* cookie notice Anpassung */
.cookie-notice-container{
    background-color: #8cc63e !important;
}
.cn-button.wp-default {
    color: #000 !important;
    background: #fff !important;
}

#cookie-notice .cn-text-container	{
	color: #fff !important;
}
	
/*—- DIVI TIMELINE / DOTS LIST —–*/
.dots-list {
width: 100%;
}
.dots-list ol {
padding-left: 150px;
position: relative;
margin-bottom: 20px;
list-style: none !important;
}
.dots-list ol li {
position: relative;
margin-top: 0em;
margin-bottom: 20px;
}
.dots-list ol li .date {
position: absolute;
left: -115px;
font-weight: bold;
font-size: 1em;
top: -2px;
}
.dots-list ol li:before {
content: "";
background: #003366; /*edit line colour*/
position: absolute;
width: 2px;
top: 5px;
bottom: -25px;
left: -24px;
}
.dots-list ol li:after {
content: "";
background: #8cc63e;  /*edit circle colour*/
position: absolute;
width: 13px;
height: 13px;
border-radius: 100%;
border:2px solid #003366; /*edit circle border colour*/
top: 5px;
left: -31px;
}
.dots-list ol li:last-child:before {
content: "";
background: rgba(0, 0, 0, 0);
}