/*
date: 31.01.2018
author: andré eberle
description: style setting for simplisite backend
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
/* css reset (http://meyerweb.com/eric/tools/css/reset/ v2.0 20110126 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
}
ol, ul {
margin: 0 0 0 15px;
padding: 6px 0; 
line-height: 135%;
font-weight: 300;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table{
border-collapse: collapse;
border-spacing: 0;
border-color: #d7d7d7;
}
#page .main table th{
padding: 15px;
font-weight: 300;
text-align: center;
line-height: 135%;
background: #efefef;
border: 1px solid #d5d5d5;
}
#page .main table td{
padding: 15px;
text-align: center;
line-height: 135%;
border: 1px solid #d5d5d5;
}
/* placeholder */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #ccc;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ccc;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #ccc;
}



/* responsive */

iframe, object, embed{
max-width: 100%;
width: 100%;
}


/* OVER ALL SECTIONS */

section.overAllSection{
	position: relative;
	min-height: 100px;
}
section.overAllSection.color0{
	background: rgba(255, 255, 255,1);
}
section.overAllSection.color1{
	background: rgba(250, 247, 239,1);
}
section.overAllSection.color2{
	background: #f6f3e2;
	/*background-image: url(/_simplisite/images/bg_verlauf.png);
	background-size: cover;
	background-repeat: repeat;
	background-position: center;
	background-attachment: fixed;*/
	min-height: 100px;
}
section.overAllSection.color3{
	background: #e8edf6;
	background-image: url(/_simplisite/images/sekt1.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
    background-position: center;
	min-height: 100px;
}
section.overAllSection.color4{
	background: #ffffff;
	background-image: url(/_simplisite/images/sekt2.jpg);
    background-size:12%;
	background-repeat: repeat;
	background-attachment: fixed;
    background-position: center;
	min-height: 100px;
}
section.overAllSection > .wrapperLogin{
	bottom: 44px;
	top: inherit;
	position: absolute;
	right: 0;
}
section.overAllSection > .wrapperLogin.secondLoginWrap{
	top: 0px;
	bottom: inherit;
}
section.overAllSection > .wrapperLogin .eleLogin{
	right: 0;
	width: 190px;
    background-color: #fdd8a4;
	opacity: 0.4;
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding-right: 20px;
	padding-left: 10px;
}
section.overAllSection > .wrapperLogin .eleLogin:hover{
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
section.overAllSection > .wrapperLogin .eleLogin:before{
	content: "Sektion";
	display: inline-block;
	float: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
section.overAllSection > .wrapperLogin .eleLogin .icon.add{
	display:none;
}

section.overAllSection > .showSectionOverAll{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(253,216,164,0.5);
}

/* section color4 */   

section.overAllSection.color4 h1{
	color: #faf7ef;
}
section.overAllSection.color4 h2{
	color: #faf7ef;
}
section.overAllSection.color4 h3{
	color: #faf7ef;
}
section.overAllSection.color4 h4{
	color: #faf7ef;
}
section.overAllSection.color4 a{
	color: #faf7ef;
}
section.overAllSection.color4 a:hover{
	color: #faf7ef;
}
section.overAllSection.color4 hr{
	color: #faf7ef;    
}    
section.overAllSection.color4 p{
      color: #faf7ef;
} 
section.overAllSection.color4 div div.text ul li{
      color: #faf7ef;
} 
section.overAllSection.color4 p.style_box {
    color: #426c0b;
    background: #faf7ef;
}
    
    
section.overAllSection.color4 section.eleTitle div.main h1{
	color: #faf7ef;
}
section.overAllSection.color4 section.eleTitle div.lead{
	color: #faf7ef;
 }   
 
    
section.overAllSection.color4 div.newstitle{
    color: #faf7ef;
}
section.overAllSection.color4 section.eleNews .entry h1.title {
    color: #faf7ef;
}
section.overAllSection.color4 section.eleNews .entry div.lead{
    color: #faf7ef;
}
section.overAllSection.color4 section.eleNews .entry div.lead a{
    color: #faf7ef;
}
section.overAllSection.color4 section.eleNews .entry .text .more {
    color: #426c0b;
    background: #faf7ef;
}

    
section.overAllSection.color4 section.eleForm div.main h1 {
    color: #faf7ef;
}      
section.overAllSection.color4 section.eleForm .main .text{
    color: #faf7ef;
}
section.overAllSection.color4 section.eleForm .main .form input.text, section.eleForm .main .form textarea {
    color: #404040;
}
section.overAllSection.color4 section.eleForm .main .form div .row {
    color: #faf7ef;
}
section.overAllSection.color4 section.eleForm .main .form div .info {
    color: #faf7ef;
}
section.overAllSection.color4 section.eleForm .main .form div .entry {
    color: #faf7ef;
}
section.overAllSection.color4 section.eleForm .main .form div .formtitle {
    color: #faf7ef;
}
section.overAllSection.color4 section.eleForm .main .form div .formdescription {
    color: #faf7ef;
}
section.overAllSection.color4 section.eleForm .main .form div span {
    color: #faf7ef;
}
section.overAllSection.color4 section.eleForm .main .send input.send {
    color: #426c0b;
    background: #faf7ef;
}
section.overAllSection.color4 a.domicon {
    color: #faf7ef;
}  
    

section.overAllSection.color4 section.eleDownload .main div.title {
    color: #faf7ef;
}   
section.overAllSection.color4 section.eleDownload .main div.text{
    color: #faf7ef;
}
section.overAllSection.color4 section.eleDownload .main div.filename{
    color: #faf7ef;
}
    

/* basic */

html, body{
height: 100%;
}
body{
margin: 0;
padding: 0;
color: #404040;
font-size: 15px;
font-family: 'Nunito Sans', sans-serif;
font-weight: 300;
background-color: #faf7ef;
}
h1{
padding: 0 0 15px 0;
color: #404040;
font-weight: 300;
font-size: 34px;
font-family: 'Nunito Sans', sans-serif;
text-align: center;
line-height: 110%;
letter-spacing: 0.03em;
}
h2{
color: #426c0b;
font-weight: 300;
font-size: 26px;
font-family: 'Nunito Sans', sans-serif;
line-height: 135%;
text-align: left;
letter-spacing: 0.06em;
text-transform: uppercase;
}
h3{
padding: 0 0 30px 0;
color: #426c0b;
font-weight: 100;
font-size: 56px;
font-family: 'Nunito Sans', sans-serif;
line-height: 110%;
letter-spacing: 0.0em;
}
h4{
color: #426c0b;
border-top: 1px solid #426c0b;
border-bottom: 1px solid #426c0b;
font-weight: 300;
font-size: 26px;
font-family: 'Nunito Sans', sans-serif;
line-height: 135%;
text-align: left;
letter-spacing: 0.06em;
padding: 15px 0 15px 0;
text-transform: uppercase;
margin: 30px 20px 40px 0;
/*float: left;*/
width: 100%;
}
a{
color: #426c0b;
text-decoration: none;
}
a:hover{
color: #426c0b;
}
a:focus{
outline: 0;
}
b{
}
hr{
height: 1px;
margin: 15px 0 22px 0;
padding: 0;
color: #b9b9b9;
line-height: 100%;
background-color: #b9b9b9;
border: 0;
}
input.text, select, textarea{
padding: 2px 2px 3px 2px;
color: #606060;
font-size: 14px;
background: #f7f7f7;
border: 1px solid #d5d5d5;
}
input:hover, input:active, input:focus{
outline: 0;
}
input::-moz-focus-inner{
border: 0;
}
label{
padding: 0 0 0 3px;
}
tbody, tr, th, td{
font-size: 18px;
line-height: 135%;
}
@media screen and (max-width: 1176px){
    h4{
    color: #426c0b;
    border-top: 1px solid #426c0b;
    border-bottom: 1px solid #426c0b;
    font-weight: 300;
    font-size: 26px;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 135%;
    text-align: left;
    letter-spacing: 0.06em;
    padding: 15px 0 15px 0;
    text-transform: uppercase;
    margin: 30px 5% 40px 0;
    float: left;
    width: 100%;
    }
}


/* formatierungen */
div.text a{
text-decoration: none;
}
p{
padding: 0 0 10px 0;
line-height: 150%;
font-weight: 300;
font-size: 18px;
}
p.style_leadcolor{
color: #426c0b;
font-family: 'Nunito Sans', sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 135%;
}
p.style_lead{
color: #404040;
font-family: 'Nunito Sans', sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 135%;
}
p.style_klein{
color: #404040;
font-size: 15px;
font-weight: 300;
line-height: 135%;
}
p.style_box{
margin: 7px 0 35px 0;
padding: 20px 25px 20px 25px;
color: #faf7ef;
border-radius: 10px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
font-size: 18px;
font-weight: 300;
background: #426c0b;
}
p.style_box:first-child { 
margin-top:0; 
}
a.style_button{
display: block;
padding: 20px 24px 20px 24px;
color: #fff !important;
font-size: 15px;
font-weight: 300;
text-align: center;
width: 150px;
margin: 20px auto 30px auto;
cursor: pointer;
background: #426c0b;
border: 0;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
line-height: 100%;
}
a.style_button:hover {
background: #426c0b;
}
div div.text ul { 
list-style:disc outside;
margin:0 0 0 -8px;
padding:0 0 9px 25px;
overflow:hidden; 
}
div div.text ol {
list-style:decimal outside;
margin:0 0 0 0;
padding:0 0 9px 30px;
overflow:hidden; 
font-weight: 300;
}
div div.text ul li {
margin:0;
padding:6px 0; 
line-height: 135%;
font-size: 18px;
font-weight: 300;
}
div div.text ol li {
margin:0;
padding:2px 0;
line-height: 135%;
font-size: 18px;
}
div div.text strong {
font-weight: bold; 
}
div div.text em { 
font-style:italic; 
}
div div.text code { 
color:#222;
font-family:'Nunito Sans', sans-serif;
}
    @media screen and (max-width: 1176px){
    p{
    padding: 0 0 32px 0;
}
}

/* anker */
.position::before {
display: block;
content: "";
height:120px;
margin-top: -120px;
visibility: hidden;
}


/* id */
.wrapper{
width: 100%;
max-width: 1130px;
height: 100%;
margin: 0 auto;
}
.wrapper:after{
	content: "";
	clear: both;
	display: block;
}
.inner{
padding: 0;
}
.eleNews .inner{
padding: 0 20px;
}
#topline{
position: fixed;
left: 0;
top: 0;
right: 0;
height: 115px;
color: #404040;
background-color: rgba(255, 255, 255,1.0);
z-index: 200;
}
#topline .wrapper{
	max-width: 1400px;
}
@media screen and (max-width: 1400px){
	#topline .wrapper{
		max-width: 100%;
	}
}

#topline div.inner{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
align-content: flex-start;
justify-content: space-between;
margin: 0;
}
#topline div.inner .logo{
flex: 0 1 auto; /* 0 1 auto [<flex-grow> <flex-shrink>? || <flex-basis> ] */
}
#topline .logo a{
display: block;
font-size: 0;
z-index: 4;
}
#topline .logo img{
width: 100%;
min-width: 160px;
max-width: 180px;
margin: 10px 0 0 30px;
height: auto;
z-index: 4;
}

#toplink,
#toplink a{ 
    padding: 16px 0 0 15px;
    font-size: 13px;
    color: #888888;
    display: none;
 }   
#toplink, #toplink a:hover {
    color: #63971f;
}
    
    /* spezial christen */

#tabelle {
padding: 0 0 50px 0;
display: flex;
}
#tabelleZelle {
padding: 0 40px 0 0;
float: left;
font-size: 18px;
line-height: 135%;
}
@media screen and (max-width: 600px){
    #tabelle {
    display: unset;
    }
}


#visnavbox {
padding: 0 0 50px 0;
display: flex;
justify-content: center;
}
#visnav div.link {
padding: 10px 0 0 8px;
float: left;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
background-color: #f2f2f2;
}
#visnav div.link img {
    width: 300px;
}
#visnav div.link a {
display: block;
width: 158px;
height: 60px;
padding: 20px 0 0 68px;
color: #666;
font-size: 18px;
line-height: 135%;
text-transform: uppercase;
letter-spacing: 0.05em;
}
#visnav div.link:hover {
background-color: #eee;
}
#visnav div.link a span {
display: block;
padding: 5px 10px 0 0;
color: #404040;
font-size: 14px;
font-weight: 300;
line-height: 135%;
text-transform: none;
letter-spacing: 0em;
}
    
    @media screen and (max-width: 1050px){
    #visnavbox {
    padding: 0 0 50px 10%;
    }
    #visnav div.link a {
    width: 180px;
    padding: 20px 0 0 75px;
    height: 72px;
    }
}
    @media screen and (max-width: 600px){
    #visnavbox {
    padding: 0 10% 50px 15%;
    }
    #visnav div.link a {
    width: 238px;
    padding: 10px 0 0 70px;
    height: 65px;
    background-size: 17% !important;
    }
}


    
    
#foot{
background-color: #714b0f;
min-height: 290px;
}
#foot div.inner{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
color: #faf7ef;
font-weight: 300;
line-height: 160%;
padding-top: 50px;
}
#foot a{
color: #faf7ef;
font-weight: 300;
}
#foot div.inner a{
color: #999;
font-weight: normal;

}
#foot div.inner div.foot{
width: 250px;
min-height: 100px;
}
#foot div.inner div.powered{
margin: 0 0 0 auto;
min-height: 170px;
}   
#foot div.inner div.social{
margin: 0 0 0 0;
width: 115px;
}
#foot div.inner div.end{
margin: 0 0 0 0;
width: 220px;
}
#description{
width: 100%;
padding: 50px 3% 20px 3%;
background-color: #714b0f;
max-width: 1130px;
margin: 0 auto;
color: #faf7ef;
}
#description a{
}

#foot a.fbFoot{
	display: inline-block;
	background-image: url(/_simplisite/images/vektor_fb.svg);
	color: #426c0b;
	background-repeat: no-repeat;
	width: 60px;
    height: 60px;
    float: right;
    margin-top: -15px;
}
#foot a.instaFoot{
	display: inline-block;
	background-image: url(/_simplisite/images/vektor_insta.svg);
	color: #426c0b;
	background-repeat: no-repeat;
	width: 60px;
    height: 60px;
    margin: -15px 0 0 25px;
    float: right;
}
#foot a.zewoFoot{
	display: inline-block;
	background-image: url(/_simplisite/images/vektor_zewo.svg);
	color: #426c0b;
	background-repeat: no-repeat;
	width: 70px;
    height: 70px;
    margin: -20px 0 0 0;
    float: right;
}
#foot .bgfoot{
	background: url(/_simplisite/images/footer_bg.png);
	position: absolute;
	right: calc(50% - 700px);
	top: 0;
	bottom: 0;
	width: 100%;
	max-width: 600px;
	background-size: 100%;
	background-position: right top;
	background-repeat: no-repeat;
}
#foot a.newsletter{
    padding: 12px 24px 12px 24px;
    color: #714b0f !important;
    font-size: 15px;
    font-weight: 300;
    cursor: pointer;
    background: #faf7ef;
    border: 0;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    line-height: 100%;
    }
#foot a.newsletter:hover {
    background: #426c0b;
}

@media only screen and (max-width: 1176px){
	#foot div.inner{
    margin: 0 3%;
    padding-left: 0;
    }
    #foot div.inner div.foot{
    width: 250px;
    min-height: 100px;
    }
    #foot div.inner div.social{
    margin: 0 0 0 0;
    width: 110px;
    }
    #foot div.inner div.end{
    margin: 0 0 0 0;
    width: 120px;
	}
    #description{
    
    }
}
@media only screen and (max-width: 1070px){
	#foot div.inner{
    margin: 0 3%;
    padding-left: 0;
    }
    #foot div.inner div.foot{
    width: 250px;
    min-height: 100px;
    }
    #foot div.inner div.social{
    margin: 0 0 0 0;
    width: 90px;
    }
    #foot div.inner div.end{
    margin: 0 0 0 0;
    width: 120px;
	}
    #description{
    
    }
}
@media only screen and (max-width: 950px){
	#foot div.inner{
    margin: 0 3%;
    padding-left: 0;
    }
    #foot div.inner div.foot{
    width: 250px;
    min-height: 100px;
    }
    #foot div.inner div.social{
    margin: 0 0 0 0;
    width: 80px;
    }
    #foot div.inner div.end{
    margin: 0 0 0 0;
    width: 90px;
	}
    #description{
    
    }
}
    @media screen and (max-width: 830px){
	#foot .bgfoot{
    right: 40px;
    left: 40px;
    }
    #foot a.fbFoot{
	margin-top: -20px;
    float: left;
    }
    #foot a.instaFoot{
	margin-top: -20px;
    float: left;
    }
    #foot a.zewoFoot{
	margin-top: -20px;
    float: right;
    }
    #foot a.fbFoot{
    float: left;
    }
    #foot a.instaFoot{
    float: left;
    }
    #foot div.inner div.foot{
    width: 250px;
    min-height: 100px;
    }
    #foot div.inner div.social{
    margin: 0 0 0 0;
    width: 80px;
    padding-top: 0;
    }
    #foot div.inner div.end{
    margin: -5px 0 0 0;
    width: 140px;
    padding-top: 0;
    }
    #description{
    
    }
}
    @media screen and (max-width: 639px){
	#foot div.inner div.foot{
    width: 240px;
    min-height: 100px;
    }
    #foot div.inner div.social{
    margin: 0 0 0 0;
    width: 80px;
    padding-top: 0;
    }
    #foot div.inner div.end{
    margin: -5px 0 0 0;
    width: 200px;
    padding-top: 0;
    }
    #foot div.inner div.powered {
    margin: 0 0 0 0;
    min-height: 170px;
    }
    #description{
    padding: 0 0 20px 3%;
    }
}
    @media screen and (max-width: 524px){
	#foot div.inner div.foot{
    width: 500px;
    min-height: 130px;
    }
    #foot div.inner div.social{
    margin: 0 0 0 0;
    width: 70px;
    padding-top: 0;
    }
    #foot div.inner div.end{
    margin: 0 0 0 0;
    width: 130px;
    padding-top: 0;
    }
    #foot div.inner div.powered {
    margin: 0 0 0 0;
    min-height: 170px;
    }
    #description{
    
    }
}

/* menu */

/* menu-BUTTON */
.menuSmallButton{
	display: block;
	width: 60px;
	height: 60px;
	position: relative;
}
.menuSmallButton > .menuSmallLine{
	width: 40px;
	height: 2px;
	background: #63971f;
	position: absolute;
	top: 10px;
	left: 10px;
}
.menuSmallButton > .menuSmallLine.first{
}
.menuSmallButton > .menuSmallLine.second{
	top: 20px;
}
.menuSmallButton > .menuSmallLine.third{
	top: 30px;
}

@media only screen and (min-width: 800px) and (max-width: 1176px) {
    #topline{
	height: 94px;
	}
	#topline .logo img{
	margin: 8px 0 0 30px;
    width: 100%;
    min-width: 120px;
    max-width: 130px;
	}
}

@media only screen and (max-width: 800px){
	/* menu mobile */
	#topline{
	height: 94px;
	}
	.inner{
	padding: 0 3%;
	}
	#topline div.inner .logo{
		z-index: 1;
	}
	#menuWrapper{
	display: none;
	flex: none;
	position: fixed;
	left: 0;
	top: 94px;
	right: 0;
	height: 100%;
	overflow-y: auto;
	}
	#topline div.inner #menuSmall{
	flex: 1 0 auto; /* 0 1 auto [<flex-grow> <flex-shrink>? || <flex-basis> ] */
	}
	#topline div.inner #menuSmall a{
	float: right;
	padding: 18px 0 0 0;
	margin-top: 7px;
	}
	#topline div.inner #menuSmall a img{
		width: 45px !important;
		height: 45px !important;
	}
	#topline .logo img{
        margin: 8px 0 0 3%;
		min-width: 120px;
		max-width: 130px;
	}
	#menu{
	position: relative;
	padding: 0 0 100vh 0;
	background: #fff;
	border-top: 0px solid #eee;
	border-bottom: 1px solid #eee;
	z-index: 1001;
	box-sizing: border-box;
	}
	div.menu span{
	display: block;
	position: static;
	padding: 22px 4% 22px 4%;
	color: #404040;
	font-size: 20px;
	}
	div.menu a{
	display: block;
	position: static;
	margin: 0;
	padding: 22px 4% 22px 4%;
	color: #404040;
	font-size: 20px;
    font-weight: 300;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	z-index: 1001;
	}
	div.menu a:hover{
	background: #f0f0f0;
	}
	div.menu.active a:hover{
	background: #f0f0f0;
	}
	div.menu.active a{
	color: #426c0b;
	}
	div.menu > a > svg{
	display: none;
	}
    
	/* submenu mobile */
	#menu div.pot{
	display: block;
	position: relative;
	left: 0;
	top: 0;
	}
	#menu div.pot div{
	position: absolute;
	left: 100%;
	top: -61px;
	width: 33px;
	height: 33px;
	margin: 0 0 0 -70px;
	padding: 10px;
	cursor: pointer;
	background: #fff url(/_simplisite/images/menu_icon.svg) 19px 19px no-repeat;
    background-size: 15px;
	}
	#menu div.pot div:hover{
	background-color: #ececec;
	}
	#menu div.submenu{
	background: #ececec;
    padding: 10px;
	}
	/*
	#menu div.submenu div.smenu{
	float: left;
	width: 50%;
	}
	*/
	#menu div.submenu div.smenu a{
	padding: 12px 6%;
	color: #404040;
	font-size: 18px;
	}
	#menu div.submenu div.submenuend{
	clear: both;
	}
    div.menu a .svgPfeil, div.menu span .svgPfeil{
    display:none;
    }
}

@media only screen and (min-width: 801px){
	/* menu normal */
	#topline div.inner #menuWrapper{
	flex: 1 0 auto; /* 0 1 auto [<flex-grow> <flex-shrink>? || <flex-basis> ] */
    padding: 32px 0 0 0;
	}
	#topline div.inner #menu{
	float: right;
    padding: 0 30px 0 0;
	}
	#menuSmall{
	display: none;
	}
	#menuWrapper{
	float: right;
	padding: 32px 0 0 0;
	}
	#menu{
	float: left;
	}
	div.menu{
	float: left;
	}
	div.menu a, div.menu span{
	display: block;
	min-width: 10px;
	padding: 15px 8px 12px 8px;
	color: #404040;
	font-size: 14px;
	font-weight: 300;
	font-family: 'Nunito Sans', sans-serif;
    letter-spacing: 0.02em;
	text-decoration: none;
    text-transform: uppercase;
	}
	div.menu a:hover, div.menu.active a{
	color: #63971f;
	}
	div.menu.hassub a{
	padding: 15px 8px 12px 8px;
	}
	div.menu a .svgPfeil, div.menu span .svgPfeil{
		clear:left;
		display:block;
		margin: 5px auto;
		text-align: center;
        width: 12px;
	}
    
@media only screen and (max-width: 1176px){
	#topline div.inner #menuWrapper{
    padding: 20px 0 0 0;
	}
}

	/* submenu normal */
	#menu div.pot{
	display: none;
	}
	#menu div.submenu{
	position: absolute;
	top: 80px;
	padding: 2px 110px 2px 0;
	background-color: #fff;
	z-index: 1000;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	}
	#menu .submenu div.smenu{
	clear: left;
    width: 220px;
	}
	#menu .submenu div.smenu a,
	#menu .submenu div.ssmenu a,
	#menu .submenu div.smenu span,
	#menu .submenu div.ssmenu span{
	display: block;
	box-sizing: border-box;
	padding: 9px 9px 9px 30px;
	border-bottom: 0px solid #faf7ef;
	color: #404040;
	font-size: 14px;
	font-weight: 300;
	font-family: 'Nunito Sans', 'Open Sans', sans-serif;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-align: left;
    line-height: 130%;
	}
	#menu .submenu div.smenu:last-child a,
	#menu .submenu div.ssmenu:last-child a,
	#menu .submenu div.smenu:last-child span,
	#menu .submenu div.ssmenu:last-child span{
		border-bottom: 0;
	}
	#menu .submenu div.smenu a:hover, #menu .submenu div.ssmenu a:hover{
	color: #63971f;
	}
	#menu .submenu div.smenu.active > a{
	color: #63971f;
	}
	#menu .submenu div.smenu.active div.ssmenu.active a{
	color: #63971f;
	}
	#menu .submenu div.ssmenu a, #menu .submenu div.ssmenu span{
	padding: 2px 10px 5px 30px;
	font-size: 13px;
	color: #777;
	}

	.menuSvg{
		display: block !important;
	}
}



/* spezial */



/* anmelden */

form.loginform{
width: 100%;
text-align: center;
}
div.loginbox{
max-width: 300px;
margin: 0 auto;
}
div.loginbox .login{
width: 100%;
padding: 10px 0 0 0;
font-size: 18px;
line-height: 160%;
}
div.loginbox input{
box-sizing: border-box;
width: 100%;
padding: 11px 8px;
font-size: 18px;
font-family: 'Nunito Sans', "PT Sans Narrow",sans-serif;
line-height: 100%;
border: 0;
outline: 2px solid rgba(255,255,255,0);
transition: all 0.3s ease 0s;
}
div.loginbox input:focus{
outline: 2px solid #426c0b;
}
div.loginbox .loginmsg{
color: #ff6d00;
}
div.loginbox .loginbut{
padding: 30px 0 0 0;
}
div.loginbox input[type="submit"]{
padding: 13px 8px;
outline: none;
color: #fff;
background: #426c0b;
}
div.loginbox input[type="submit"]:hover{
background: #f58d16;
}



/* module general */

section.ele{
clear: left;
}
section.ele.eleLig{
}

section.ele.emptyPage{
	background: #faf7ef;
	min-height: 50vh;
}

@media only screen and (max-width: 1176px){
	section.ele.first{
	border-top: 94px solid #fff;
	}
	section.eleLogin{
	margin: 80px 0 0 0;
	}
	section.eleText div.colLeft{
	padding: 0 3% 25px 3%;
	max-width: 700px;
	margin: 0 auto;
	}
	section.eleText div.colRight{
	clear: left;
	max-width: 700px;
	margin: 0 auto;
	padding: 0 3% 25px 3%;
	}
}
@media only screen and (min-width: 1177px){
	section.ele.first{
	border-top: 94px solid #fff;
	}
	section.eleLogin{
	background: #faf7ef;
	margin: 90px 0 0 0;
	}
	section.eleLogin .wrapper .inner{
		min-height: 50vh;
	}
	section.eleLogin .wrapper .inner .eleLogin{
		position: absolute;
		top: 50%;
	}
	section.eleText div.colLeft{
	float: left;
	width: 45%;
	margin: 0;
	padding: 50px 5% 0 0;
	}
	section.eleText div.colRight{
	float: right;
	width: 45%;
	margin: 0;
	padding: 50px 0 0 5%;
	}
}
@media only screen and (max-width: 800px){
	section.eleText div.colLeft{
	padding: 0 3% 15px 3%;
	max-width: 700px;
	margin: 0 auto;
	}
	section.eleText div.colRight{
	clear: left;
	max-width: 700px;
	margin: 0 auto;
	padding: 0 3% 15px 3%;
	}
}

/* domain icons */

a.domicon {
float: left;
min-width: 20px;
min-height: 12px;
padding: 1px 0 6px 24px;
color: #404040;
font-size: 15px;
font-weight: 300;
text-decoration: none;
background: transparent url(/_simplisite/images/icons.png) -100px 0 no-repeat;
}
.domicon.checkbox {
background-position: 0 4px;

}
.domicon.checkbox.active {
background-position: 0 -46px;
}
.domicon.clear {
padding: 2px 0 6px 21px;
background-position: 3px -448px;
}



/* module download */

section.eleDownload > div{
height: 100%;
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
section.eleDownload div.main{
margin: 0 -15px;
padding: 50px 7%;
}
section.eleDownload.single div.main{
padding: 60px 0;
}
section.eleDownload div.entry.full, section.eleDownload div.entry.odd, section.eleDownload div.entry.even{
box-sizing: border-box;
float: left;
width: 50%;
padding: 0 15px;
line-height: 135%;
}
section.eleDownload div.entry.odd{
clear: left;
margin-bottom: 30px;
}
section.eleDownload div.entry.full{
width: 100%;
}

section.eleDownload .main a.image{
float: left;
width: 72px;
height: 72px;
padding: 0;
}
section.eleDownload .main a.image img{
width: 72px;
height: 72px;
}
section.eleDownload .main div.title{
margin: 0 0 0 110px;
padding: 0 0 2px 0;
color: #426c0b;
}
section.eleDownload .main div.filename, section.eleDownload .main div.text{
margin: 0 0 0 110px;
padding: 0;
font-size: 13px;
color: #404040;
}
section.eleDownload .main div.filename a{
color: #404040;
font-size: 13px;
}
section.eleDownload .main div.filename span{
color: #aaa;
}

section.eleDownload div.box{
margin: 0 15px;
}
section.eleDownload div.box div.res{
float: right;
padding: 8px 0 10px 0;
}
section.eleDownload div.box div.sea{
float: left;
width: 210px;
border: 1px solid #d6d6d6;
border-radius: 3px;
background: #fff;
}
section.eleDownload div.sea input.text{
float: left;
width: 178px;
margin: 0;
padding: 7px 0 8px 7px;
font-size: 13px;
background: #fff;
border: 0;
}
section.eleDownload div.sea input.search{
float: left;
margin: 4px 0 0 0;
background: transparent url(/_simplisite/images/icons.png) 5px -394px no-repeat;
}

section.eleDownload div.box.key{
padding: 8px 0 42px 0;
}
section.eleDownload div.box div.col{
float: left;
width: 25%;
}
section.eleDownload div.key div.col a{
display: block;
padding: 7px 15px 8px 15px;
color: #404040;
font-size: 13px;
font-weight: 300;
text-decoration: none;
}
section.eleDownload div.key div.col a:hover{
background: rgba(253,157,33,0.25);
}
section.eleDownload div.key div.col a.active{
color: #fff;
background: rgba(253,157,33,0.75);
}

section.eleDownload div.box.pagin{
/*width: 1180px;*/
height: 60px;
color: #0d0d0d;
font-size: 13px;
font-weight: 300;
text-align: center;
background: rgba(253,157,33,0.25);
}
section.eleDownload div.box.pagin .pagArr{
position: relative;
top: 0;
left: 0;
}
section.eleDownload div.box.pagin .txt{
position: relative;
padding: 23px 0 0 0;
}
section.eleDownload div.box.pagin .pagArr a{
position: absolute;
top: 4px;
left: 18px;
width: 53px;
height: 53px;
background-image: url(/_simplisite/images/simplisiteArrows.png);
background-position: 0 0;
background-repeat: no-repeat;
z-index: 2;
}
section.eleDownload div.box.pagin .pagArr a.next{
left: auto;
right: 18px;
}
section.eleDownload div.box.pagin .pagArr a.back{background-position:0 0px;cursor:default;}
section.eleDownload div.box.pagin .pagArr a.next{background-position:0 -300px;cursor:default;}
section.eleDownload div.box.pagin .pagArr a.back.active{background-position:0 -100px;cursor:pointer;}
section.eleDownload div.box.pagin .pagArr a.next.active{background-position:0 -400px;cursor:pointer;}
section.eleDownload div.box.pagin .pagArr a.back.active:hover{background-position:0 -200px;cursor:pointer;}
section.eleDownload div.box.pagin .pagArr a.next.active:hover{background-position:0 -500px;cursor:pointer;}
@media only screen and (max-width: 800px){
	section.eleDownload div.entry.odd, section.eleDownload div.entry.even{
	float: none;
	width: 100%;
	margin-bottom: 30px;
	}
	section.eleDownload div.box div.col{
	width: 50%;
	}
}

@media only screen and (max-width: 1176px){
	section.eleDownload div.main{
		max-width: 700px;
		margin: 0 auto;
	}
}



/* module form */

section.eleForm > div{
height: 100%;
width: 100%;
max-width: 900px;
margin: 0 auto;
}
section.eleForm div.main{
padding: 50px 0;
}
section.eleForm div.main h1{
padding: 2px 0;
}
section.eleForm div.main h1{
padding: 0 0 21px 0;
}



section.eleForm .main .text{
padding: 10px 0 10px 0;
color: #404040;
font-size: 18px;
font-weight: 300;
line-height: 135%;
}
section.eleForm .main .form input.text, section.eleForm .main .form textarea {
font-family: 'Nunito Sans', sans-serif;
padding: 12px 10px 12px 10px;
color: #222;
font-size: 15px;
background: #fff;
border: 1px solid #dddddd;
border-radius: 6px;
}
section.eleForm .main .form div .row { padding: 9px 0 5px 0; font-weight: 300; line-height: 150%; }
section.eleForm .main .form div .info { padding: 14px 0 5px 0; font-size: 13px; font-weight: 300; }
section.eleForm .main .form div .entry { padding: 1px 0 5px 0; }
section.eleForm .main .form div .formtitle { padding: 40px 0 20px 0; font-size: 18px; font-weight: 600; }
section.eleForm .main .form div .formdescription { padding: 8px 0 20px 0; font-size: 18px; font-weight: 300; Line-Height: 135%; }
section.eleForm .main .form div span { color: #404040; }


/* module form box */
section.eleForm .main .form .box {
clear: left;
}
section.eleForm .main .form .box textarea { width: 100%; height: 150px; }
section.eleForm .main .form .box input.text { width: 100%; }
/* module form boxLeft */
section.eleForm .main .form .boxLeft {
clear: left;
float: left;
width: 45%;
min-width: 238px;
}
section.eleForm .main .form .boxLeft textarea { width:  100%; }
section.eleForm .main .form .boxLeft input.text { width:  100%; }
/* module form boxRight */
section.eleForm .main .form .boxRight {
float: right;
width: 45%;
min-width: 238px;
}
section.eleForm .main .form .boxRight textarea { width:  100%; }
section.eleForm .main .form .boxRight input.text { width: 100%; }
section.eleForm .main .send{
padding: 8px 0 10px 0;
max-width: 900px;
margin: 0 45%;
}

@media screen and (max-width: 600px){
	section.eleForm .main .form .boxLeft,
	section.eleForm .main .form .boxRight{
		width: 100%;
		float: none;
		min-width: 0;
    }
    section.eleForm .main .send{
    margin: 0 40%;
	}
}

section.eleForm .main .send input.send{
padding: 12px 24px 12px 24px;
margin: 20px 0 0 0;
color: #fff;
font-size: 15px;
font-weight: 300;
cursor: pointer;
background: #426c0b;
border: 0;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
line-height: 100%;
}
section.eleForm .main .send input.send:hover {
background: #426c0b;
}
section.eleForm .main .send .msg{
float: right;
width: 770px;
padding: 10px 0 0 0;
color: #426c0b;
font-size: 18px;
font-weight: 700;
}
   
@media only screen and (max-width: 1076px){   
    section.eleForm div.main{
    padding: 50px 7%;
    }
}    
@media only screen and (max-width: 800px){
	section.eleForm div.main{
	padding: 60px 9% 60px 5%;
	}
	section.eleForm div.main h1{
	font-size: 38px;
	}
	section.eleForm div.lead{
	font-size: 22px;
	}
	section.eleForm .main .send .msg{
	width: 70%;
	}
}



/* module title */

section.eleTitle > div{
height: 100%;


}
section.eleTitle div.main{
padding: 50px 0 50px 0;
}
section.eleTitle div.main h1{
color: #404040;
}
section.eleTitle div.main div.title h1{
padding: 45px 0 10px 0;
max-width: 900px;
margin: 0 auto;
}
section.eleTitle div.main div.image{
position: relative;
overflow: hidden;
font-size: 0;
margin-top: -50px;
}
section.eleTitle div.main div.image img{
display: block;
margin: 0 auto;
max-width: 100%;
}
section.eleTitle div.main div.title{
max-width: 900px;    
margin: 0 auto;
}
section.eleTitle div.lead{
padding: 10px 0 4px 0;
font-size: 20px;
font-family: 'Nunito Sans', sans-serif;
text-align: center;
font-weight: 300;
line-height: 135%;
color: #404040;
max-width: 900px;    
margin: 0 auto;
}
section.eleTitle div.leadimage{
padding: 31px 7% 4px 7%;
}

@media only screen and (max-width: 1176px){
    section.eleTitle > div{
	max-width: 700px;
    margin: 0 auto;
	}
}

@media only screen and (max-width: 800px){
	section.eleTitle div.main h1{
	font-size: 38px;
	}
	section.eleTitle div.lead{
	font-size: 22px;
    padding: 10px 7% 4px 7%;
	}
    section.eleTitle div.main div.image img{
    width: 100%;
    height: auto;
    }
}



/* module text */

section.eleText div.main{
padding: 50px 0 0 0;
}

section.eleText div.image.left{
float: left;
width: 45%;
padding: 5px 70px 10px 0;
}
section.eleText div.colLeft div.image.left,
section.eleText div.colRight div.image.left{
	width: 100%;
}
section.eleText div.image.right{
float: right;
width: 45%;
padding: 5px 0 10px 70px;
}
section.eleText div.colLeft div.image.right,
section.eleText div.colRight div.image.right{
	width: 100%;
}
section.eleText div.image.portrait.left,
section.eleText div.image.portrait.right,
section.eleText div.colLeft div.image.portrait.left,
section.eleText div.colRight div.image.portrait.right{
	width: 270px;
	padding: 5px 30px 10px 0;
}
section.eleText div.image.portrait.right,
section.eleText div.colRight div.image.portrait.right{
	padding: 5px 0 10px 30px;
}
section.eleText div.image.portrait.left img,
section.eleText div.image.portrait.right img,
section.eleText div.colLeft div.image.portrait.left img,
section.eleText div.colRight div.image.portrait.right img{
	max-width: 270px;
	max-height: 100%;
}

section.eleText div.image.portrait.left.smal,
section.eleText div.image.portrait.right.smal,
section.eleText div.colLeft div.image.portrait.smal,
section.eleText div.colRight div.image.portrait.smal{
	width: 190px;
	padding: 5px 30px 10px 0;
}
section.eleText div.image.portrait.right.smal,
section.eleText div.colRight div.image.portrait.right.smal{
	padding: 5px 0 10px 30px !important;
}
section.eleText div.image.portrait.left.smal img,
section.eleText div.image.portrait.right.smal img,
section.eleText div.colLeft div.image.portrait.smal img,
section.eleText div.colRight div.image.portrait.smal img{
	max-width: 190px;
    max-height: 100%;
}

section.eleText div.image.landscape.left.smal,
section.eleText div.image.landscape.right.smal,
section.eleText div.colLeft div.image.landscape.smal,
section.eleText div.colRight div.image.landscape.smal{
	width: 270px;
	padding: 5px 30px 10px 0;
}
section.eleText div.image.landscape.right.smal,
section.eleText div.colRight div.image.landscape.right.smal{
	padding: 5px 0 10px 30px !important;
}

section.eleText div.image.landscape.left.smal img,
section.eleText div.image.landscape.right.smal img,
section.eleText div.colLeft div.image.landscape.smal img,
section.eleText div.colRight div.image.landscape.smal img{
	max-width: 270px;
	max-height: 100%;
}

section.eleText div.image a img{
width: 100% !important;
height: auto !important;
}
section.eleText div.image p.imageText {
padding: 10px 0 0 0;
font-size: 16px;
line-height: 135%;
}
section.eleText div.text{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

@media screen and (max-width: 1176px){
    section.eleText div.text {
    padding: 0 0 20px 0;
    }
    section.eleText div.main{
    max-width: 700px;
    margin: 0 auto;
	}
    section.eleText div.image.left{
    float: left;
    width: 60%;
    padding: 5px 20px 10px 0;
    }
    section.eleText div.image.right{
    float: right;
    width: 60%;
    padding: 5px 0 10px 20px;
    }
}

@media screen and (max-width: 800px){
    section.eleText div.text {
    padding: 0 0 20px 0;
    }
    section.eleText div.image.left{
    float: left;
    width: 100%;
    padding: 5px 20px 10px 0;
    }
    section.eleText div.image.right{
    float: right;
    width: 100%;
    padding: 5px 0 10px 10px;
    }
    section.eleText div.colLeft div.image.left,
    section.eleText div.colRight div.image.left{
	width: 100%;
    }
    section.eleText div.colLeft div.image.right,
    section.eleText div.colRight div.image.right{
	width: 100%;
    }
    section.eleText div.image.portrait.left,
    section.eleText div.image.portrait.right,
    section.eleText div.colLeft div.image.portrait.left,
    section.eleText div.colRight div.image.portrait.right{
	width: 210px;
	padding: 5px 30px 10px 0;
    }
    section.eleText div.image.portrait.left img,
    section.eleText div.image.portrait.right img,
    section.eleText div.colLeft div.image.portrait.left img,
    section.eleText div.colRight div.image.portrait.right img{
	max-width: 210px;
	max-height: 275px;
    }
    section.eleText div.image.portrait.left.smal,
    section.eleText div.image.portrait.right.smal,
    section.eleText div.colLeft div.image.portrait.smal,
    section.eleText div.colRight div.image.portrait.smal{
	width: 168px;
	padding: 5px 30px 10px 0;
    }
    section.eleText div.image.landscape.left.smal,
    section.eleText div.image.landscape.right.smal,
    section.eleText div.colLeft div.image.landscape.smal,
    section.eleText div.colRight div.image.landscape.smal{
	width: 238px;
	padding: 5px 30px 10px 0;
    }
    section.eleText div.image.landscape.right.smal,
    section.eleText div.colRight div.image.landscape.right.smal{
	padding: 5px 0 20px 20px !important;
    }
    section.eleText div.image.portrait.left.smal img,
    section.eleText div.image.portrait.right.smal img,
    section.eleText div.colLeft div.image.portrait.smal img,
    section.eleText div.colRight div.image.portrait.smal img{
	max-width: 168px;
    }
}
@media screen and (max-width: 600px){
	section.eleText div.image.right{
    float: right;
    width: 100%;
    padding: 5px 0 10px 10px;
    }
}
@media screen and (max-width: 480px){
    section.eleText div.text {
    padding: 0 0 20px 0;
    }
    section.eleText div.colLeft {
    padding: 20px 3% 0 3%;
    }
    section.eleText div.colRight {
    padding: 0 3% 20px 3%;
    }
    section.eleText div.image.left{
    float: left;
    width: 100%;
    padding: 5px 20px 10px 0;
    }
    section.eleText div.colLeft div.image.left,
    section.eleText div.colRight div.image.left{
	width: 100%;
    }
    section.eleText div.colLeft div.image.right,
    section.eleText div.colRight div.image.right{
	width: 100%;
    }
    section.eleText div.image.portrait.left,
    section.eleText div.image.portrait.right,
    section.eleText div.colLeft div.image.portrait.left,
    section.eleText div.colRight div.image.portrait.right{
	float: left;
    width: 100%;
    padding: 10px 0 20px 0;
    margin: 0 12%;
    }
    section.eleText div.image.portrait.left img,
    section.eleText div.image.portrait.right img,
    section.eleText div.colLeft div.image.portrait.left img,
    section.eleText div.colRight div.image.portrait.right img{
    max-width: 70%;
    max-height: 70%;
    }
    section.eleText div.image.portrait.left.smal,
    section.eleText div.image.portrait.right.smal,
    section.eleText div.colLeft div.image.portrait.smal,
    section.eleText div.colRight div.image.portrait.smal{
	float: right;
    width: 100%;
    padding: 10px 0 20px 10px;
    
    
    }
    section.eleText div.image.landscape.left.smal,
    section.eleText div.image.landscape.right.smal,
    section.eleText div.colLeft div.image.landscape.smal,
    section.eleText div.colRight div.image.landscape.smal{
    float: right;
    width: 100%;
    padding: 10px 0 20px 10px;
    }
    section.eleText div.image.landscape.right.smal,
    section.eleText div.colRight div.image.landscape.right.smal{
	padding: 5px 0 30px 0;
    margin: 0 20%;
    width: 100%;
    }
    section.eleText div.image.portrait.left.smal img,
    section.eleText div.image.portrait.right.smal img,
    section.eleText div.colLeft div.image.portrait.smal img,
    section.eleText div.colRight div.image.portrait.smal img{
	max-width: 50%;
    max-height: 100%;    
    margin: 0 36%;
    
    }
    section.eleText div.image.landscape.left.smal img,
    section.eleText div.colRight div.image.landscape.smal img{
	max-width: 70%;
    max-height: 100%;
    margin: 0 14%;
    }
    section.eleText div.image.landscape.right.smal img,
    section.eleText div.colLeft div.image.landscape.smal img{
	max-width: 70%;
    max-height: 100%;
    margin: 0 32%;
    }
}


/* module news */

div.newstitle {
    padding: 0 0 60px 0;
    color: #404040;
    font-weight: 300;
    font-size: 34px;
    font-family: 'Nunito Sans', sans-serif;
    text-align: center;
    line-height: 110%;
    letter-spacing: 0.03em;
}
section.eleTitle div.main h1 {
    color: #404040;
}
div.newstitle span {
    background: #fff;
}
section.eleNews > div{
width: 100%;
max-width: 1140px;
height: 100%;
margin: 0 auto;
}
section.eleNews div.main{
margin: 0 -15px;
padding: 60px 0 60px 0;
}
section.eleNews div.main::after{
clear: both;
content: "";
display: block;
}

section.eleNews div.main .line{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: flex-start;
	justify-content: space-between;
	margin-bottom: 60px;
}
section.eleNews div.main .line:last-child{
	margin-bottom: 0;
}

section.eleNews div.main .line:nth-child(odd){
}
section.eleNews div.main .line:nth-child(even){
}

section.eleNews div.main .line .entry{

    /* flex item */
flex: 0 1 1;

    /* more */
display:block;
width: 560px;
height: 280px;
box-sizing: border-box;
}
section.eleNews div.main .line .entry:last-child{
	margin-right: 0;
}
section.eleNews .entry .text{
	width: 265px;
	float: right;
	text-align: center;
	padding: 5px 30px 50px 30px;
	box-sizing: border-box;
}
section.eleNews div.main .line:nth-child(even) .entry .text{
	width: 265px;
	float: left;
}
section.eleNews .entry .text .more{
	display: block;
	clear:both;
	padding: 16px 10px 18px 10px;
	color:#ffffff;
	background: #426c0b;
	margin: 20px 10px 10px 10px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	vertical-align: middle;
	/*border: 1px solid #63971f;*/
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}
section.eleNews .entry:hover .text .more{
	color:#faf7ef;
	background: #63971f;
	/*border: 2px solid #f6f3e2;*/
}
section.eleNews .entry h1.title{
padding: 10px 0 5px 0;
color: #404040;
font-size: 22px;
font-weight: 300;
font-family: 'Nunito Sans', sans-serif;
line-height: 135%;
}
section.eleNews .entry div.image{
	width: 275px;
	height: 275px;
	float: left;
	position: relative;
    transform: scale(1.00, 1.00);
    -moz-transform: scale(1.00, 1.00);
    -webkit-transform: scale(1.00, 1.00);
    -o-transform: scale(1.00, 1.00);
    -ms-transform: scale(1.00, 1.00);
    transition: transform 0.6s;
    -moz-transition: transform 0.6s;
    -webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    -ms-transition: transform 0.6s;
}
section.eleNews .entry div.image:hover{
    transform: scale(1.06, 1.06);
    -moz-transform: scale(1.06, 1.06);
    -webkit-transform: scale(1.06, 1.06);
    -o-transform: scale(1.06, 1.06);
    -ms-transform: scale(1.06, 1.06);
    transition: transform 0.6s;
    -moz-transition: transform 0.6s;
    -webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    -ms-transition: transform 0.6s;
    }
section.eleNews div.main .line:nth-child(even) .entry div.image{
float: left;
}
section.eleNews .entry div.image img{
width: 100%;
height: auto;
border-radius: 10px;
}
section.eleNews .entry div.lead{
font-size: 16px;
font-weight: 300;
line-height: 135%;
color: #404040;
margin-top: 5px;
}
section.eleNews .entry div.lead a{
font-size: 16px;
line-height: 135%;
}

@media only screen and (max-width: 1176px){
	section.eleNews div.main .line{
		max-width: 800px;
		margin: 0 auto;
	}
	section.eleNews div.main .line .entry{
		width: 100%;
		max-width: 695px;
		margin: 0 5% 20px 10%;
		height: auto;
    }
    section.eleNews .entry .text {
        padding: 5px 10px 50px 50px;
    }
    section.eleNews div.main .line:nth-child(even) .entry .text{
	width: 325px;
	float: left;
	}
	section.eleNews div.main .line .entry.even div.image,
	section.eleNews div.main .line:nth-child(even) .entry.even div.image{
		float: left;
		margin-bottom: 3rem;
	}
	section.eleNews div.main .line .entry.even .text,
	section.eleNews div.main .line:nth-child(even) .entry.even .text{
		float: left;
		margin-bottom: 1rem;
	}
	section.eleNews div.main .line .entry.odd div.image,
	section.eleNews div.main .line:nth-child(even) .entry.odd div.image{
		float: left;
		margin-bottom: 3rem;
	}
	section.eleNews div.main .line .entry.odd .text,
	section.eleNews div.main .line:nth-child(even) .entry.odd text{
		float: left;
		margin-bottom: 1rem;
	}
}
@media only screen and (max-width: 800px){
    section.eleNews div.main .line {
    max-width: 800px;
    margin: 0 20% 0 10%;
    }
    section.eleNews div.main .line .entry {
    width: 100%;
    max-width: 695px;
    margin: 0 20% 20px 22%;
    }
    section.eleNews .entry .text {
    padding: 5px 20px 50px 20px;
    }
    
    section.eleNews .entry div.image {
    margin-left: 20px;
    }
    
	section.eleNews div.main .entry,
	section.eleNews div.main .line .entry{
	flex-basis: 33%;
	border-bottom: 0;
	padding-bottom: 0;
	}
	section.eleNews div.main .line .entry.odd div.image, section.eleNews div.main .line:nth-child(even) .entry.odd div.image,
	section.eleNews div.main .line .entry.even div.image, section.eleNews div.main .line:nth-child(even) .entry.even div.image{
		margin-bottom: 0;
	}
	section.eleNews div.main{
		margin: 0;
	}
}
@media only screen and (max-width: 630px){
    section.eleNews div.main .line {
    max-width: 630px;
    margin: 0 20% 0 11%;
    }
	section.eleNews div.main .entry,
	section.eleNews div.main .line .entry{
	flex-basis: 40%;
	}
	section.eleNews .entry div.image{
		width: 200px;
		height: 200px;
		float: none !important;
	}
	section.eleNews .entry .text,
	section.eleNews div.main .line .entry.odd .text,
	section.eleNews div.main .line:nth-child(even) .entry.odd text,
	section.eleNews div.main .line .entry.even .text,
	section.eleNews div.main .line:nth-child(even) .entry.even .text{
		width: 100%;
		max-width: 220px;
        margin-left: 10px;
		float: none !important;
	}
}

@media only screen and (max-width: 480px){
	section.eleNews div.main .entry,
	section.eleNews div.main .line .entry{
	flex-basis: 100%;
	}
	section.eleNews .entry div.image{
		margin: 0 auto;
	}
	section.eleNews .entry .text,
	section.eleNews div.main .line .entry.odd .text,
	section.eleNews div.main .line:nth-child(even) .entry.odd text,
	section.eleNews div.main .line .entry.even .text,
	section.eleNews div.main .line:nth-child(even) .entry.even .text{
		width: 100%;
		max-width: inherit;
        margin-left: 0;
		float: none !important;
	}
	section.eleNews .entry .text .more,
	section.eleNews .entry:hover .text .more{
		margin: 0 auto;
		max-width: 200px;
		box-sizing: border-box;
		margin-top: 1rem;
		padding: 10px 5px;
	}
}


/* module news dialog */
div.newsentry{
margin: 0;
padding: 40px;
width: 790px;
height: 550px;
overflow: auto;
}
div.newsentry div.image{
float: left;
padding: 5px 24px 10px 0;
}
div.newsentry div.image img{
width: 100%;
height: auto;
}
div.newsentry div.lead{
padding: 0 0 20px 0;
font-size: 18px;
font-weight: 300;
line-height: 135%;
}
div.newsentry div.text{
color: #404040;
font-size: 15px;
font-weight: 300;
line-height: 145%;
}
div.newsentryNav {
width: 820px;
height: 40px;
}
div.newsentryNav div.title {
display: none;
}
div.newsentryNav div.nav {
float: right;
width: 50px;
padding: 5px 0 0 0;
}
div.newsentryNav div.nav a, div.newsentryNav span {
float: left;
width: 22px;
height: 20px;
background: url(/_simplisite/images/bgNewsLastNext.png) 0 100px no-repeat;
}
div.newsentryNav div.nav a.newsLast { background-position:left 0;padding-right:1px; }
div.newsentryNav div.nav a.newsNext { background-position:right 0; }
div.newsentryNav div.nav span.newsLast { background-position:left -20px;padding-right:1px; }
div.newsentryNav div.nav span.newsNext { background-position:right -20px; }
div.newsentryNav div.author {
font-size: 12px;
padding: 9px 0 0 30px;
}
div.newsentryNav div.author a {
color: #426c0b;
}
@media only screen and (max-width: 800px){
	div.newsentry{
	margin: 0;
	padding: 20px 15px 20px 15px;
	width: 90%;
	height: 90%;
	overflow: auto;
    }
    div.newsentry div.image{
    float: left;
    width: 50%;
    padding: 5px 20px 10px 0;
	}
    div.newsentry div.image img{
    width: 100%;
    height: auto;
    }
    div.newsentry div.lead{
    padding: 0 0 20px 0;
    font-size: 17px;
    }
	div.newsentryNav{
	width: 90%;
	}
}



/* module gallery - gallery */

section.eleGalleyGallery > div{
height: 100%;
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
section.eleGalleyGallery div.main{
padding: 60px 0 60px 0;
}
section.eleGalleyGallery div.text{
padding: 0 0 15px 0;
font-size: 18px;
line-height: 145%;
}
section.eleGalleyGallery div.galleryRow{
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 10px;
grid-auto-rows: minmax(100px, auto);
}
section.eleGalleyGallery .gallery .image a{
display: block;
font-size: 0;
    
transform: scale(1.00, 1.00);
-moz-transform: scale(1.00, 1.00);
-webkit-transform: scale(1.00, 1.00);
-o-transform: scale(1.00, 1.00);
-ms-transform: scale(1.00, 1.00);
transition: transform 0.6s;
-moz-transition: transform 0.6s;
-webkit-transition: transform 0.6s;
-o-transition: transform 0.6s;
-ms-transition: transform 0.6s;
}
section.eleGalleyGallery .gallery .image a:hover {
transform: scale(1.06, 1.06);
-moz-transform: scale(1.06, 1.06);
-webkit-transform: scale(1.06, 1.06);
-o-transform: scale(1.06, 1.06);
-ms-transform: scale(1.06, 1.06);
transition: transform 0.6s;
-moz-transition: transform 0.6s;
-webkit-transition: transform 0.6s;
-o-transition: transform 0.6s;
-ms-transition: transform 0.6s;
}
section.eleGalleyGallery .gallery .image a img{
width: 100%;
height: auto;
}
    @media only screen and (max-width: 800px){
	section.eleGalleyGallery div.galleryRow{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(100px, auto);
    }
}



/* module gallery diashow */

section.eleGalleyDiashow > div{
height: 100%;
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
section.eleGalleyDiashow div.main{
padding: 60px 0;
}
section.eleGalleyDiashow div.text{
padding: 0 0 15px 0;
font-size: 18px;
line-height: 145%;
}
/* jssor slider bullet navigation */
.diapag{
position: absolute;
    display: none;
}
.diapag div, .diapag div:hover, .diapag .av{
position: absolute;
width: 16px;
height: 16px;
background: url(/_simplisite/images/simplisiteGalleryPagination.png) no-repeat;
overflow: hidden;
cursor: pointer;
}
.diapag div { background-position: -7px -7px; }
.diapag div:hover, .diapag .av:hover { background-position: -37px -7px; }
.diapag .av { background-position: -67px -7px; }
.diapag .dn, .diapag .dn:hover { background-position: -97px -7px; }
/* jssor slider arrow navigator */
.dianav-l, .dianav-r{
display: block;
position: absolute;
width: 30px;
height: 46px;
cursor: pointer;
background: url(/_simplisite/images/simplisiteGalleryArrows.png) no-repeat;
overflow: hidden;
}
.dianav-l { background-position: -16px -37px; }
.dianav-r { background-position: -75px -37px; }
.dianav-l:hover { background-position: -136px -37px; }
.dianav-r:hover { background-position: -195px -37px; }
.dianav-l.dianav-ldn { background-position: -256px -37px; }
.dianav-r.dianav-rdn { background-position: -315px -37px; }
    
    @media only screen and (max-width: 1180px){
    section.eleGalleyDiashow div.text{
    padding: 0 4% 15px 4%;
    }
}

    @media only screen and (max-width: 800px){
	section.eleGalleyGallery .gallery .image a{
    font-size: 0;
    border: 1px solid transparent;
    }
    section.eleGalleyGallery .gallery .image a:hover {
    border: 1px solid #ffffff;
    }
}

/* module gallery banner */
section.eleGalleyBanner div.main div.banner{
height: 70vh;
width: 100%;
overflow: hidden;
visibility:visible !important;
}
section.eleGalleyBanner #eleGallery_2 div.main div.banner{
	height: 35vh;
}

section.eleGalleyBanner div.main div.banner .container > div{
background-position: 50% 50%;
background-attachment: fixed;
background-size: cover;
}
section.eleGalleyBanner div.main.ban{
	position: relative;
}
section.eleGalleyBanner div.main.ban .overBann{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	color: #404040;
	z-index: 4;
	min-height: 44vw;
	background-size: 100%;
	position: relative;
}

section.eleGalleyBanner div.main.ban .overBann > *{
    text-align: center;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	padding: 100px 0 90px 0;
	max-width: 600px;
	box-sizing: border-box;
    text-shadow: 0px 0px 30px rgba(255, 255, 255, 1.0);
}

.overBann h1{
    text-shadow: 0px 0px 30px rgba(255, 255, 255, 1.0);
	color: #404040;
}
.overBann h2{
	text-shadow: 0px 0px 30px rgba(255, 255, 255, 1.0);
	color: #404040;
}
.overBann h3{
    text-shadow: 0px 0px 30px rgba(255, 255, 255, 1.0);
	color: #404040;
}
.overBann h4{
	border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
    text-shadow: 0px 0px 30px rgba(255, 255, 255, 1.0);
	color: #404040;
}
.overBann p.style_lead{
	text-shadow: 0px 0px 30px rgba(255, 255, 255, 1.0);
	color: #404040;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
	line-height: 135%;
    letter-spacing: 0.03em;
    padding: 0 0 10px 0;
}
.overBann p.style_klein{
    text-shadow: 0px 0px 30px rgba(255, 255, 255, 1.0);
	color: #404040;
}
.overBann p.style_box{
    text-shadow: none;
    color: #fff;
}
.overBann p.style_box:first-child { 
    text-shadow: none;
    color: #fff;
}
.overBann p{
	text-shadow: 0px 0px 30px rgba(255, 255, 255, 1.0);
    color: #404040;
}
.overBann a{
	text-shadow: 0px 0px 30px rgba(255, 255, 255, 1.0);
    color: #404040;
    font-weight: normal;
}
section.eleGalleyBanner div.main.ban .overBann > * > span{
	padding: 0.3rem 2rem;
    font-family: 'Nunito Sans', sans-serif;
	font-size: 38px;
	font-weight: 300;
	line-height: 135%;
    letter-spacing: 0.03em;
	display:inline-block;
}
section.eleGalleyBanner div.main.ban .overBann > * > span.overBannText{
	font-size: 17px;
	font-weight: bold;
	clear: left;
}

@media only screen and (max-width: 1600px){
	section.eleGalleyBanner div.main div.banner{
	height: 730px;
	}
}
@media only screen and (max-width: 1400px){
	section.eleGalleyBanner div.main div.banner{
	height: 730px;
	}
}
@media only screen and (max-width: 1200px){
	section.eleGalleyBanner div.main div.banner{
	height: 600px;
	}
}
@media only screen and (max-width: 1000px){
	section.eleGalleyBanner div.main div.banner{
	height: 500px;
	}
	section.eleGalleyBanner div.main.ban .overBann{
		min-height: 36vw;
	}
}
@media only screen and (max-width: 900px){
	section.eleGalleyBanner div.main div.banner{
	height: 500px;
	}
}
@media only screen and (max-width: 800px){
	section.eleGalleyBanner div.main div.banner
	{
	height: 500px;
	}

	section.eleGalleyBanner div.main.ban .overBann{
		font-size: 0.5em;
	}
	section.eleGalleyBanner div.main.ban .overBann > *{
		padding: 90px 0 30px 0;
	}
}
@media only screen and (max-width: 700px){
	section.eleGalleyBanner div.main div.banner{
	height: 500px;
	}
}
@media only screen and (max-width: 600px){
	section.eleGalleyBanner div.main div.banner{
	height: 500px;
	}
}
@media only screen and (max-width: 500px){
	section.eleGalleyBanner div.main div.banner{
	height: 480px;
	}
}


/* module html */
section.eleHtml > div{
height: 100%;
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
section.eleHtml{
padding: 25px 0 0 0;
}

/* modul html calendar */
/* flex parent */
.gcalendar .gcrow{
padding: 0 0 30px 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: flex-start;
}
/* flex child */
.gcalendar .gcrow > div{
width: 20%;
flex-shrink: 2;
flex-grow: 0;
}
.gcalendar .gcrow .gccont{
width: 60%;
flex-grow: 2;
flex-shrink: 1;
}
.gcalendar .gcrow .gcdate .date, .gcalendar .gcrow .gccont .title, .gcalendar .gcrow .gcwhere .wtit{
color: #f68528;
font-family: 'Nunito Sans', "Open Sans",serif;
font-size: 26px;
font-weight: 300;
line-height: 1;
}
.gcalendar .gcrow .gcwhere, .gcalendar .gcrow .gcwhere .wtit{
color: #777;
}

@media only screen and (max-width: 800px){
	.gcalendar .gcrow > div{
	width: 35%;
	}
	.gcalendar .gcrow .gcdate .date, .gcalendar .gcrow .gccont .title, .gcalendar .gcrow .gcwhere .wtit{
	font-size: 22px;
	}
	.gcalendar .gcrow .gcwhere, .gcalendar .gcrow .gcdate .time span{
	display: none;
	}
}




/* module reservation */

div.reservation div.resnav, div.reservation div.resnavMob{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-end;
align-content: flex-start;
}
div.reservation div.resnav > div{
order: 1;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
}
div.reservation div.current{
color: #f58d16;
font-size: 32px;
text-align: center;
line-height: 110%;
}
div.reservation div.prev, div.reservation div.next{
background: #51a4aa;
line-height: 1;
transition: all 0.3s ease 0s;
}
div.reservation div.prev:hover, div.reservation div.next:hover{
background: #368388;
}
div.reservation div.prev a, div.reservation div.next a{
display: block;
padding: 7px 10px;
color: #fff;
font-size: 22px;
line-height: 1;
}

div.reservation div.resvew{
padding: 20px 0 0 0;
}
div.reservation div.resvew table{
width: 100%;
margin: 0;
padding: 0;
background-color: #fff;
line-height: 1;
table-layout: fixed;
}
#page .main div.reservation div.resvew table td{
border: 1px solid #e1e1e1;
line-height: 1;
padding: 0;
text-align: left;
overflow: hidden;
vertical-align: top;
cursor: not-allowed;
outline: 1px solid transparent;
transition: all 0.3s ease 0s;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
}
#page .main div.reservation div.resvew table td:hover{
outline: 1px solid #368388;
}
#page .main div.reservation div.resvew table td.fad{
background-color: rgba(255, 255, 255, .5);
color: rgba(85, 85, 85, .5);
}
#page .main div.reservation div.resvew table td.bok{
cursor: pointer;
}
div.reservation div.resvew td .wd{
padding: 2% 3%;
}
div.reservation div.resvew td .dat{
padding: 3%;
font-size: 22px;
}
div.reservation div.resvew td.hld .dat{
background-color: #e1e1e1;
}
div.reservation div.resvew td.jufer .dat{
background-color: #daf2fe;
}
div.reservation div.resvew td.zimmermann .dat{
background-color: #fbcad1;
}
div.reservation div.resvew td.meister .dat{
background-color: #d1efd4;
}
div.reservation div.resvew td .res{
padding: 1%;
min-height: 45px;
}
div.reservation div.resvew td .con{
padding: 2%;
min-height: 40px;
}
div.reservation div.resvew td .dat.loading{
background-image: url(/_simplisite/images/simplisiteIconLoading.gif);
background-position: 96% 50%;
background-repeat: no-repeat;
}
/* dialog */
#fancybox-wrap div.dialogResCon{
height: 300px;
padding: 3%;
font-size: 18px;
overflow-x: hidden;
overflow-y: auto;
}
#fancybox-wrap div.dialogResCon .diaFie{
padding: 0 0 12px 0;
line-height: 135%;
}
#fancybox-wrap div.dialogResCon .diaFie.diaFieDat{
font-size: 28px;
}
#fancybox-wrap div.dialogResCon .diaFie textarea{
width: 100%;
height: 125px;
box-sizing: border-box;
}
#fancybox-wrap div.dialogResBut{
padding: 7px 10px 0 10px;
text-align: right;
}
#fancybox-wrap div.dialogResBut button{
padding: 4px 10px 5px 10px;
color: #fff;
font-size: 14px;
font-weight: 300;
border: 0;
background-color: #51a4aa;
transition: all 0.3s ease 0s;
cursor: pointer;
}
#fancybox-wrap div.dialogResBut button:hover{
background-color: #368388;
}
#fancybox-wrap div.dialogResBut #butDiaClo{
background-color: #ccc;
}
#fancybox-wrap div.dialogResBut #butDiaClo:hover{
background-color: #aaa;
}

@media only screen and (max-width: 800px){
	div.reservation div.resnav{
	display: none;
	}
	div.reservation div.prev2, div.reservation div.prev3, div.reservation div.next2, div.reservation div.next3{
	display: none;
	}
}
@media only screen and (min-width: 801px){
	div.reservation div.resnavMob{
	display: none;
	}
}
@media only screen and (max-width: 999px){
	div.reservation div.current{
	font-size: 22px;
	}
	div.reservation div.prev a, div.reservation div.next a{
	font-size: 18px;
	}
	div.reservation div.resvew td .dat{
	font-size: 15px;
	}
}



/* spezialinhalt randenBelegung */
table.randenBelegungsliste, table.randenAdressliste{
width: 100%;
background: #fff;
}
table.randenBelegungsliste td, table.randenAdressliste td{
padding: 8px 1% 8px 1%;
border-bottom: 1px solid #e1e1e1;
}
table.randenAdressliste td.name{
font-size: 18px;
}




/*
* simplisite (please do not edit)
*/


/* div */
div.error {
padding: 10px;
color: #900;
border: 1px solid #900;
}


/* tooltip (right) */
#ssTooltip {
position: absolute;
margin: -15px 0 0 0;
z-index: 1000000;
}
#ssTooltip div {
position: relative;
}
#ssTooltip .ssTooltipPfeil {
position: absolute;
height: 25px;
width: 20px;
left: 0;
top: 16px;
background: transparent url(/_simplisite/images/simplisiteTooltipL.png) no-repeat scroll 0 0;
z-index: 1000002;
}
#ssTooltip .ssTooltipInhalt {
position: absolute;
min-height: 18px;
min-width: 180px;
left: 19px;
top: 0;
font-family: 'Nunito Sans', Arial, sans-serif;
font-size: 16px;
padding: 16px 18px;
background: #fff;
border: 1px solid #959595;
overflow: visible;
z-index: 1000001;
}
#ssTooltip .ssTooltipInhalt .laden {
width: 16px;
height: 16px;
background: transparent url(/_simplisite/images/simplisiteIconLoading.gif) no-repeat scroll 0 0;
}


/* tooltip (left) */
#ssTooltip.left .ssTooltipPfeil{
position: absolute;
left: -12px;
top: 16px;
background: transparent url(/_simplisite/images/simplisiteTooltipR.png) no-repeat scroll 0 0;
z-index: 1000005;
}
#ssTooltip.left .ssTooltipInhalt{
position: absolute;
width: 180px;
left: -229px;
top: 0;
padding: 16px 18px;
overflow: hidden;
}
#ssTooltip div.title{
font-weight: bold;
white-space: nowrap;
}
#ssTooltip div.row{
padding: 0 0 3px 0;
background: none;
}
#ssTooltip div.row.spa{
height: 10px;
}
#ssTooltip .des{
font-size: 12px;
color: #686e72;
}
#ssTooltip .ssTooltipInhalt table td{
padding: 0 5px 0 0;
}


/* button */
a.button, a.buttonM {
cursor: pointer;
float: left;
margin: 0 0 0 10px;
text-decoration: none;
}
.off a.button, .off a.buttonM {
cursor: default;
}
a.button span.a, a.buttonM span.a {
float: left;
height: 24px;
width: 5px;
background: transparent url(/_simplisite/images/simplisiteIcons.png) 0 0 no-repeat;
}
a.button:hover span.a { background-position: 0 -150px; }
.off a.button span.a { background-position: 0 -300px; }
a.buttonM span.a { background-position: 0 -450px; }
a.buttonM:hover span.a, a.buttonM:focus span.a { background-position: 0 -600px; }
.off a.buttonM span.a { background-position: 0 -750px; }
a.button span.b, a.buttonM span.b {
float: left;
min-width: 50px;
height: 18px;
padding: 6px 6px 0 7px;
color: #fff;
font-size: 11px;
line-height: 100%;
text-align: center;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.05em;
background: transparent url(/_simplisite/images/simplisiteIcons.png) 0 -50px repeat-x;
}
a.button:hover span.b { background-position: 0 -200px; }
.off a.button span.b { background-position: 0 -350px; }
a.buttonM span.b { background-position: 0 -500px; }
a.buttonM:hover span.b, a.buttonM:focus span.b { background-position: 0 -650px; }
.off a.buttonM span.b { background-position: 0 -800px; }
a.button span.c, a.buttonM span.c {
float: left;
height: 24px;
width: 7px;
background: transparent url(/_simplisite/images/simplisiteIcons.png) right -100px no-repeat;
}
a.button:hover span.c { background-position: right -250px; }
.off a.button span.c { background-position: right -400px; }
a.buttonM span.c { background-position: right -550px; }
a.buttonM:hover span.c, a.buttonM:focus span.c { background-position: right -700px; }
.off a.buttonM span.c { background-position: right -850px; }
    
.buttonNeu {
padding: 8px 12px 8px 12px;
color: #fff;
font-size: 13px;
letter-spacing: 0.05em;
float: left;
cursor: pointer;
background-color:#2c8fc4;
border: 0;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
a.buttonNeu:hover {
color: #fff;
background-color:#1f75a3;
}
    


/* dialog */
#dialogLogin {
padding: 135px 50px 0 100px;
color: #535353;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: #fff url(/_simplisite/images/simplisiteLogo.png) 180px 25px no-repeat;
}
#dialogLogin div.row {
clear: both;
padding: 5px 0 5px 15px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #898989;
}
#dialogLogin input.text {
width: 155px;
padding: 8px 8px 8px 8px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 13px;
}


/*
fancybox
Version: 1.3.4 (11/11/2010)
Requires: jQuery v1.3+
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url(/_simplisite/images/fancybox.png);
}
#fancybox-overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url(/_simplisite/images/fancybox.png) -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #404040;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url(/_simplisite/images/blank.gif);
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url(/_simplisite/images/fancybox.png);
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url(/_simplisite/images/fancybox.png);
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1010;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url(/_simplisite/images/fancybox-x.png);
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url(/_simplisite/images/fancybox.png);
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url(/_simplisite/images/fancybox-y.png);
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url(/_simplisite/images/fancybox.png);
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url(/_simplisite/images/fancybox-x.png);
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url(/_simplisite/images/fancybox.png);
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url(/_simplisite/images/fancybox-y.png);
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url(/_simplisite/images/fancybox.png);
background-position: -40px -122px;
}
#fancybox-title {
font-family: 'Nunito Sans', Helvetica;
font-size: 12px;
z-index: 1102;
}
#fancybox-title-inside {
display: block;
padding: 5px 0 0 0;
color: #404040555;
font-size: 14px;
line-height: 150%;
text-align: left;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url(/_simplisite/images/fancy_title_over.png);
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url(/_simplisite/images/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url(/_simplisite/images/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url(/_simplisite/images/fancybox.png) -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_title_over.png', sizingMethod='scale'); transform: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_nw.png', sizingMethod='scale'); }


/* HTML FLEX */

.flex-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.flex-item {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	max-width: 255px;
	cursor:pointer;
	text-align: center;
	padding: 15px 15px 35px 15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	box-sizing: border-box;
	margin: 0 12px;
	color: #63971f;
	font-weight: normal;
}
.flex-item:hover{
	background: rgba(246,243,226,0.5);
    transition: 1.5s;
}
.flex-item > .text{
	padding-top: 10px;
    font-size: 22px;
	line-height:1.3em;
    letter-spacing: 0.06em;
    font-weight: 300;
    color: #63971f;
}
.flex-item > .textclaim{
	padding-top: 10px;
    font-size: 15px;
	line-height: 1.3em;
    letter-spacing: 0.08em;
    font-weight: 300;
    color: #63971f;
    text-transform: uppercase;
}
.flex-item > .icon{
	display: inline-block;
	float: none;
	width: 145px;
	height: 145px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
    margin-bottom: 20px;
}

.flex-item > .icon.one{
    background-image: url(/_simplisite/images/action1.svg);
 }   
.flex-item > .icon.two{
    background-image: url(/_simplisite/images/action2.svg);
}
.flex-item > .icon.three{
    background-image: url(/_simplisite/images/action3.svg);
}
.flex-item > .icon.four{
	background-image: url(/_simplisite/images/action4.svg);
}

}

@media only screen and (max-width: 1176px){
	.flex-container{
		max-width: 700px;
		margin: 0 auto;
		-webkit-justify-content: space-between;
		-ms-flex-pack: space-between;
		justify-content: center;
	}
	.flex-item{
		max-width: 170px;
		margin: -10px 5px;
        padding: 0 10px;
    }
	.flex-item > .icon{
		width: 80px;
		height: 80px;
        margin: 0 10px;
	}
	.flex-item > .text{
		font-size: 15px;
	}
}
@media only screen and (max-width: 630px){
	.flex-container{
		padding: 0 1rem;
	}
	.flex-item{
		width: 100%;
		max-width: inherit;
		display: table;
        padding: 0 35px 0 20px;
	}
	.flex-item > .icon{
	margin-bottom: 15px;
    }
	.flex-item > .text{
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		margin: 0;
        width: 220px;
		min-height: 100px;
	}
    .flex-item > .textclaim{
	    display: table-cell;
        vertical-align: middle;
        font-size: 15px;
	    line-height: 1.3em;
        letter-spacing: 0.08em;
        font-weight: 300;
        color: #63971f;
        text-transform: uppercase;
    }
	.flex-item > .icon{
		width: 80px;
		height: 80px;
        margin-top: 14px;
	}
	.flex-item > .text{
		padding: 1rem;
	}
}
@media only screen and (max-width: 560px){
	.flex-item{
        max-width: max-content;
    }
    .flex-item > .textclaim{
	    display: none
    }
}
div.puls {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.5);
	display: table;
	background: transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 55px 0 0 -13px;
	-webkit-animation: pulsate 2s ease-out;
	-webkit-animation-iteration-count: infinite; 
	opacity: 0.0;
}
@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
	50% {opacity: 1.0;}
	100% {-webkit-transform: scale(3.2, 3.2); opacity: 0.0;}
}
div.puls-middle {
	width: 30px;
height: 100px;
background-image: url("/_simplisite/images/pfeil_puls.png");
margin: -60px auto 0 auto;
background-size: 100%;
background-repeat: no-repeat;
display: inherit;
}
div.puls-text {
	text-align: center;
    padding: 10px 0;
    height: 100px;
}
@media only screen and (max-width: 800px){
	div.puls {
	margin: 90px 0 0 -13px;
}
@media only screen and (max-width: 500px){
	div.puls {
	margin: 130px 0 0 -13px;
}
@media only screen and (max-width: 320px){
	div.puls {
	margin: 160px 0 0 -13px;
}
}
    
height: 100px;
background-image: url("/_simplisite/images/pfeil_puls.png");
margin: -60px auto 0 auto;
background-size: 100%;
background-repeat: no-repeat;
display: inherit;
}

.wrapperLogin .eleLogin{
	font-family: Arial, sans-serif !important;
}