@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

*{
	padding:0;
	margin:0;
}

body{
	overflow-x:hidden;
	font-family:"Raleway", sans-serif !important;
	font-weight:300;
}


header li, footer li{
    list-style-type:none;
}


a, em, strong{
    font-size:inherit;
    color:inherit;
    font-weight:500;
}

p, li, option, label{
	font-size:18px;
}

body h1, .h1, h1 *{
	font-size:50px;
	color:#e62a32;
	text-transform:uppercase;
	font-weight:900;
}

body h2, .h2, h2 *{
	font-size:35px;
	color:#e62a32;
	text-transform:uppercase;
	font-weight:900;
}

body h3, .h3, h3 *{
	font-size:28px;
	color:#e62a32;
	text-transform:uppercase;
	font-weight:900;
}

body h4, .h4, h4 *{
	font-size:22px;
	color:#e62a32;
	text-transform:uppercase;
	font-weight:900;
}



.ce_text p a, .beitrag .more a, .ce_text p a:hover, .beitrag .more a:hover{
	color:#e62a32;
	text-transform:uppercase;
	text-decoration:none;
	position:relative;
}

.ce_text p a::after, .beitrag .more a::after{
	content:"\27F6";
	position:absolute;
	font-size:100px;
	font-weight:900;
	color:#eee;
	text-decoration:none;
	right:-40px;
	bottom:40px;
	height: 50px;
	overflow: visible;
}

.ce_text p, .ce_text li{
	color:#165e3b;
}


.paddingTop{
    padding-top:50px;
}

.paddingBottom{
    padding-bottom:50px;
}

.paddingRight{
    padding-right:50px !important;
}

.paddingLeft{
    padding-left:50px !important;
}

.noPadding{
	padding:0px !important;
}

.noPaddingRight{
	padding-right:0px !important;
}

.noPaddingLeft{
	padding-left:0px !important;
}

.marginBottom{
	margin-bottom:15px;
}


.centered{
    margin-left:50% !important;
    transform:translateX(-50%) !important;
}

.floatright{
    float:right !important;
}

.ofv{
    overflow:visible !important;
}

.whiteBG{
    background-color:#fff;
}


.flex{
    display:flex;
    flex-wrap:wrap;
}

.reverseRow{
    flex-direction:row-reverse;
}

.reverseCol{
    flex-direction:column-reverse;
}

.stretch{
	align-items:stretch;
}

.middle{
	align-items:center;
}

.lightgrayBG{
	background-color:#f6f6f6;
}

.lightgreenBG{
	background-color:#accfbf;
	color:#175d3b !important;
	position:relative;
}

.lightgreenBG h1, .lightgreenBG h2, .lightgreenBG h3, .lightgreenBG h4{
	color:#175d3b !important;
}

.lightgreenBG.insetShadow::after{
	content:"";
	position:absolute;
	z-index:0;
	bottom:0;
	left:0;
	width:100%;
	height:calc(50% - 50px);
	background-color:#74a88f;
}

.lightgreenBG.insetShadow::before{
	content:"";
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	width:25%;
	height:calc(80%);
	background-color:rgba(86, 143, 115, 0.8);
	border-top-right-radius:100%;
}

.posRelative{
	position:relative;
}

.ce_text{
	display:block !important;
}

.mod_article .ce_text ul{
	padding-left:20px;
	display:flow-root;
}

/* ############################### Menustyles ################################# */

#menucontainer{
	width:100%;
    position:fixed;
    z-index:100;
    min-height:100px;
    top:0;
	left:0;
    background-color:rgba(255,255,255,0.8);
	padding-top:15px;
	padding-bottom:15px;
}

#menuBox{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

#menuBox nav{
	width:calc(65%);
}

#menuBox ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:nowrap;
	align-items:center;
	padding:20px;
	margin-bottom:unset;
}


#menuBox a, #menuBox a:hover, #menuBox a:active{
	color:#165e3b;
	text-decoration:none;
}

#menuBox li strong.active, #menuBox li:hover{
    color:#e62a32;
    font-weight:900;
}

#logo{
    
}

#mobilLogo{
	
	width:25%;
    height:80px;
	
    background-image:url(../img/endres-logo.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:auto 90% ;
}

#menutrigger{
    width:60px;
    height:60px;
    background-color:#172e3d;

    background-image:url(../img/openM.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;

    cursor:pointer;
    float: right;
    right:0;
    margin-right: 15px;
    z-index:3;

    position:absolute;
    top:20px;
}





/* ############################### Footerstyles ################################# */

#footercontainer{
	width:100%;
	color:#fff;
	background-color:#e62a32;
	border-top:10px solid #fff;
}

#innerFooter{
	padding-top:40px;
	padding-bottom:40px;
	align-items:center;
}

.fNav ul, .fInfo ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-left:0;
}

.fInfo a, .fInfo a:hover, .fInfo a:focus, .fInfo a:active, .fInfo *{
	color:#fff !important;
}

.fInfo a::after{
	content:unset !important;
}

#footerNav li{
	
}


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .container, .col-xs-12{
	display:flex;
	flex-wrap:wrap;
	width:inherit;
}








/* ############################### Styles ################################# */


.ce_gallery ul{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content:center;
	padding:5px 5px 5px 5px;
	transition-duration:0.2s;
	align-items:center;
}

.ce_gallery .cols_2 li{
	max-width:49%;
	width:49%;

}

.ce_gallery .cols_3 li{
	max-width:32%;
	width:32%;

}

.ce_gallery .cols_4 li{
	max-width:24%;
	width:24%;

}

.ce_gallery li:hover{
	transform-origin:center center;
	transition-duration:0.2s;
}

.ce_gallery li:hover img{
	transform:scale(1.05);
	transform-origin:center center;
	transition-duration:0.2s;
}


.ce_gallery li{
	transform-origin:center center;
	transition-duration:0.2s;
	overflow:hidden;
	padding:40px;
	display:flex;
	
	align-items:center;
}



.mod_newslist{
	overflow:visible;
}

.pagination{
	margin-bottom:25px;
	width:100%;
	overflow:visible;
	padding-top:25px;
	padding-bottom:25px;
}
.pagination ul{

	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
	overflow:visible;

	margin-left:50%;
	transform:translateX(-50%);
}

.pagination li{
	padding:5px 10px;
	margin-right:2px;
	overflow:visible;
	position:relative;
}

.pagination > p{
	padding:5px 5px;
	width:140px;
	display:none;
}

.pagination li *, .pagination li *:hover{
	color:#e62a32;
	text-decoration:none;
}

.pagination .active{
	font-weight:bolder;
	color: #e62a32;
}

.pagination a.next, .pagination a.previous{
	color:#e62a32;
	position:relative;
}

.pagination a.next::after{
	content:"\27F6";
	position:absolute;
	font-size:100px;
	font-weight:900;
	color:#eee;
	text-decoration:none;
	right:-40px;
	bottom:40px;
	height: 50px;
	overflow: visible;
}

.pagination a.previous::after{
	content:"\27F5";
	position:absolute;
	font-size:100px;
	font-weight:900;
	color:#ccc;
	text-decoration:none;
	right:unset;
	left:-40px;
	bottom:40px;
	height: 50px;
	overflow: visible;
}





.headerbild{
	max-height:850px;
	overflow:hidden;
}

.headerbild figure{
	width:100%;
	max-height:850px;
	height:100%;
	object-fit:cover;
	object-position:center center;
	margin:0;
}

.headerbild figure::after{
	content:"";
	top:0;
	position:absolute;
	left:0;
	z-index:9;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.0);
}

.headerbild figure img{
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	min-height:unset;
	max-height:unset;
	object-fit:cover;
	object-position:center center;
	
}




.downarrow{
	width:80px;
	height:80px;
	margin-left:50%;
	transform:translate(-50%, -50%);
	position:relative;
	margin-top:-100px;
	z-index:10;
	cursor:pointer;
}






.redfiller{
	background-color:rgb(230, 42, 50);
	mix-blend-mode: multiply;
	-webkit-mix-blend-mode: multiply;
	-ms-mix-blend-mode: multiply;
	-moz-mix-blend-mode: multiply;
	-o-mix-blend-mode: multiply;
	height:100%;
}

.greenfiller{
	background-color:rgb(22,94,59);
	mix-blend-mode: multiply;
	-webkit-mix-blend-mode: multiply;
	-ms-mix-blend-mode: multiply;
	-moz-mix-blend-mode: multiply;
	-o-mix-blend-mode: multiply;
	height:100%;
}


.redgreenarea{
	position:absolute;
	bottom:0;
	z-index:2;
	mix-blend-mode: multiply;
	-webkit-mix-blend-mode: multiply;
	-ms-mix-blend-mode: multiply;
	-moz-mix-blend-mode: multiply;
	-o-mix-blend-mode: multiply;
	
	height:100px;
	width:100%;
	display:flex;
}


.headerversatz{
	position:absolute;
	bottom:0;
	z-index:3;

	height:100px;
	width:100%;
	display:flex;
	margin-left:50% !important;
	transform:translateX(-50%);
}

.headertext *{
	color:#fff !important;
	font-weight:900;
	font-size:40px;
	text-transform:uppercase;
	align-self:center;
	padding-top:15px;
	padding-bottom:15px;
}



.fullHeightImg figure{
	margin:0px;
	height:100%;
}

.fullHeightImg img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}


.beitrag{
	margin-bottom:20px;
	background-color:#fff;
	position:relative;
	z-index:2;
}

.beitrag a, .beitrag a:hover{
	color:#e62a32;
}

.layout_latest .imageOnly{
	min-width:30%;
	width:200px;
	height:auto;
}
.layout_latest .imageOnly figure{
	margin:0px;
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	min-height:unset;
	max-height:unset;
	object-fit:cover;
	object-position:center center;
}

.layout_latest .imageOnly img{
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	min-height:unset;
	max-height:unset;
	object-fit:cover;
	object-position:center center;
}

.layout_latest .textOnly{
	max-width:70%;
	width:100%;
	height:100%;
	padding:35px 35px;
}


.mod_rocksolid_slider{
	margin-top:15px;
	margin-bottom:15px;
	position:relative;
}

.mod_rocksolid_slider{

	overflow:visible;
}




.rsts-nav-bullets{
	display:none;
}

a.rsts-prev, a.rsts-next{
	height:50px !important;
	width:100px !important;
	border:0px !important;
	box-shadow:unset !important;
	transition:unset !important;
	opacity:1 !important;
	border-radius:50% !important;
}

a.rsts-prev:hover, a.rsts-next:hover{
	opacity:1 !important;
	background-color:transparent !important;
}

a.rsts-prev{
	position: absolute !important;
	top: calc(50% - 25px);
	left: -50px !important;
	right:unset !important;
	
	background-image:url(../img/arrow-left.png) !important;
	background-size:90% auto !important;
	background-repeat:no-repeat !important;
	background-color:transparent !important;
}

a.rsts-next{
	position: absolute !important;
	top: calc(50% - 25px);
	right: -50px !important;
	left:unset !important;
	
	background-image:url(../img/arrow-right.png) !important;
	background-size:90% auto !important;
	background-repeat:no-repeat !important;
	background-color:transparent !important;
}




.bereich .mod_rocksolid_slider{
	margin:unset;
}

.bereich .mod_rocksolid_slider.big{
	margin-top:15px;
	margin-bottom:15px;
}



#backbutton, .mod_newsreader .back a{
	margin-left:50%;
	transform:translateX(-50%);
	margin-top:25px;
	margin-bottom:25px;
	border:0px;
	background:transparent;
	color:#e62a32;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:500;
	font-size:18px;
	overflow:visible;
}

.back{
	overflow:visible;
	position:relative;
}

.back a{
	display:table;
}

#backbutton::after, .mod_newsreader .back a::after{
	content:"\27F5";
	position:absolute;
	font-size:100px;
	font-weight:900;
	color:#ccc;
	text-decoration:none;
	right:unset;
	left:-40px;
	bottom:40px;
	height: 50px;
	overflow: visible;
}


.formbody .widget{
	padding:0px !important;
	overflow:visible;
}

form, .formbody{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding:0px !important;
	justify-content:space-between;
}

input.formfield, textarea.formfield, .dse{
	width:100% !important;
	max-width:calc(100% - 10px) !important;
	flex:unset;
	padding:15px 15px;
	border:none;
	color:#165e3b;
	margin-bottom:10px;
	
}



.formbody ::placeholder{
	color:#165e3b;
	font-weight:500 !important;
	opacity:1 !important;
}

.widget.sender{
	margin-top:-20px;
}

button.sender{
	border:0px;
	background-color:#175d3b;
	color:#fff;
	text-align:center !important;
	padding:15px 20px;
	display:block !important;
}

.dse *{
	color:inherit;
}


.contact-info{
	color:#fff !important;
	background-color:#175d3b;
	
}

.contact-info *{
	color:#fff !important;
}

.contact-info figure{
	width:calc(100% + 100px);
	position:relative;
	margin-left:-50px;
}


.unterseite #container{
	padding-top:120px;
}

.ds ul ul{
	color:inherit;
	padding-left:20px !important;
	padding-bottom:15px;
	list-style-type:square !important;
}


#vorstellung h1{
	padding-left:15px;
}








@media (max-width:1200px){
	
	.headertext *{
		font-size:30px !important;
		line-height:1;
	}
	
}


@media (max-width:992px){
	
	div#menutrigger{
		display:table !important;
		background-color:#175d3b ;
	}
	
	div#menuBox{
		width:100%;
		max-width:unset;
	}
	
	div#menuBox nav{
		margin-top:-120VH;
	}
	
	#menuBox ul{
		flex-direction:column;
		width:100%;
	}
	
	#menuBox #mobilLogo{
		width:100% !important;
		background-position:left center;
	}
	
	#menuBox nav{
		width:100% !important;
	}
	
	.headertext *{
		padding-top:20px;
	}
	
	.redfiller{
		width:140% !important;
		max-width:unset !important;
	}
	
	.leistungen .lightgreenBG h1{
		padding-left:15px;
	}
	
	body #container{
		padding-top:110px;
	}
}









@media (max-width:768px){
	
	.layout_latest .textOnly{
		width:100%;
		max-width:unset;
	}
	
	div.layout_latest .imageOnly{
		width:100%;
	}
	
	body h1{
		font-size:35px;
	}
	
	form{
		margin-bottom:20px;
	}
	
	
	.darkgreenBG{
		padding:0px !important;
	}
	
	.mod_rocksolid_slider a.rsts-next{
		right:0px !important;
	}
	
	.mod_rocksolid_slider a.rsts-prev{
		left:0px !important;
	}
	
	
	.mod_rocksolid_slider, .rsts-slides, .rsts-slide, .rsts-slide img{
		max-height:350px !important;
	}
	
	.headertext *{
		font-size:18px !important;
		padding-top:10px !important;
	}
	
	.headertext{
		
	}
	
	.redgreenarea{
		height:40px;
	}
	
	.headerversatz{
		height:40px;
	}
	
	
	.lightgrayBG .flex{
		padding-right:15px;
	}
	
	.centered{
		width:100%;
		overflow:visible;
	}
	
	
	.ce_gallery ul {
		flex-direction:row;
		flex-wrap:wrap;
	}
	
	.ce_gallery li {
		padding:10px !important;
		width: 100% !important;
		max-width: 48% !important;
	}
	
}








@media (max-width:550px){
	
	div.paddingLeft{
		padding-left:15px !important;
	}
	
	div.paddingRight{
		padding-right:15px !important;
	}
	
	.widget > input.formfield, .widget > textarea.formfield{
		width:100% !important;
		max-width:unset !important;
	}

	
	.redfiller{
		width:90% !important;
	}
	
	.greenfiller{
		width:10% !important;
	}
	
	
	#article-23 .whiteBG, .noPaddingLeft.noPaddingRight, .noPadding{
		padding-left:15px !important;
		padding-right:15px !important;
	}
	
	.whiteBG, .lightgreenBG{
		padding:15px 15px 15px 15px !important;
	}
	
	.beitrag{
		padding-right:0px !important;
	}
	
	.dse span{
		display:flex;
		flex-direction:column;
		align-items:center;
		text-align:center;
	}
	
	.dse span input{
		width:25px;
		height:25px;
	}
	
	.ce_text p a::after, .beitrag .more a::after, #backbutton::after, .back a::after {
		bottom:33px;
	}
	
}