/*Start left or right mobil navigation*/
.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 256px;
  min-height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
}

.slideout-menu-left {
  left: 0;
}

.slideout-menu-right {
  right: 0;
}

.slideout-panel {
  position: relative;
  z-index: 1;
  background-color: transparent; /* A background-color is required */
  min-height: 100vh;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
	 background-color: #f4f4f4; /* A background-color is required */
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.4);
	
}
.slideout-open .slideout-panel[style*='transform: translateX(-256px);']{
	
}

.slideout-open .slideout-menu {
  display: block;
}

/*end mobil navigation*/


.mobile-menu-list{
	display: none;    
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	padding: 15px 15px 15px 15px;
	margin: 0px; 
}



li.over>a+.dropdown-wrapper{
    display: block;
}
ul.mobile-menu-list>li{
    position: relative;
}

ul.mobile-menu-list>li>a{
   display: table;
    width: 100%;
    padding: 15px 5px;
    color: #414141;
    border-top: 1px solid rgba(98, 72, 47, 0.2);
    font-weight: 300;
    text-decoration: none !important;

}
ul.mobile-menu-list>li i{
    float: right;
    font-size: 22px;
    cursor: pointer;
    z-index: 10;
    color: #414141 !important;
}
ul.mobile-menu-list>li .close-menu{
    color: #414141 !important;
}
ul.mobile-menu-list>li .navi-link-forward{
    position: absolute;
    right: 5px;
    top: 20px;
    font-size: 16px;
}
ul.mobile-menu-list>li.over>a{
    font-weight: bold;
    color: #00697b !important;
}
ul.mobile-menu-list>li:first-child>a{
    border-top: 1px solid transparent;
}
.dropdown-menu-mobile ,.dropdown-menu-mobile:hover,.dropdown-menu-mobile:focus{
    margin: 0px;
    padding: 0px;
}
.dropdown-wrapper{
    display: none;
}

.dropdown-wrapper ul>li>a{
	background-color: rgba(222, 222, 222, 0.7);
	text-decoration: none !important;
	display: table;
	width: 100%;
	padding: 10px 20px;
	color: #777;
	font-size: 15px;
	word-break: initial !important;
}

.dropdown-wrapper ul>li.over>a{
    color: #00697b;
    font-weight: bold;
}
.type-icon{       
    font-family: "typicons";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    height: 1em;
    font-size: 1.3em;
    text-align: center;
    text-rendering: optimizelegibility;
    color: #62482f;
}
.type-icon.icon-home::before{
    content: '\e08a';
}
.dropdown-menu-mobile>.type-icon-down::before{
    content: "\e01d";
}
.dropdown-menu-mobile>.type-icon-up::before{
    content: "\e01e";
}
.icon-times::before{ 
    content: "\e122";
}
.mobil-times-icon{
    text-align: right;
    margin-bottom: 15px;
}

	
.mobile-menu{
	display: none;
	position: absolute;
                top: 20px;
                right: 18px;
                width: 25px;
                height: 25px;
                background-color:#00697b;
                border-radius: 50%;
}

	.mobile-menu i.fa::before {
                        font-size: 15px;
                        color:#ffffff;
                        left: 6px;
                        position: relative;
                        top: 3px;

	}	


ul.mobile-menu-list>li>a>.fa:before {color:#00697b;}


@media (max-width: 767px) {

	.mobile-menu{
		display: block;
	}
    
}


/* Kontaktdaten im Backend */
#kontaktdaten {
	padding:0 0 0 10px;
	margin:30px 0 30px 0;
	border-left:5px solid #990000;
}
#kontaktdaten textarea{
	height: 35px;
	padding: 5px 10px;
}
.farbig div[id^="text_text"]{
	font-weight: bold;
}
.alert {
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.alert-info {
	color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
	.alert-info ul{
		margin-bottom:10px;
	}
		.alert-info ul li{
			color: #31708f;
		}
.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
	.alert-danger ul{
		margin-bottom:0px;
	}
		.alert-danger ul li{
			color: #a94442;
		}
/* allgemein Kontaktformular Ajax */
#kontaktformular, #box_ok {
	width:100%;
	margin-bottom:25px;
	}

#kontaktformular h2 {margin-top:30px;}	
	
#kontaktformular input {
    width:100%;
    padding:5px 10px 5px 10px;
    line-height:1.25em;
    border:1px solid #cdcdcd;
    background:#ffffff;
    display:block;
    margin:0 0 10px 0;
    -webkit-border-radius:3px; /* Standard */ /* Firefox */
    -moz-border-radius:3px; /* Standard */ /* WebKit */
    border-radius:3px; /* Standard */
	}

#kontaktformular input#captcha_code {float:left; margin:9px 12px 0px 0px; width:115px;}
#kontaktformular div.kontaktformular_sicherheitsabfrage p {font-size:12px;}

    #kontaktformular input.defaultTextActive {color:#aaaaaa;}

    #kontaktformular label {display:block;}

    #kontaktformular input[type=checkbox], #kontaktformular input[type=radio] {
		display:inline;
		width:auto;
		margin-right:10px;
		position:relative;
		top:1px;
		}

	#kontaktformular input#datenschutz_checkbox {
		top:5px;
		width: 15px;
	}

#kontaktformular textarea {

    width:100%;
	height:20em;
	padding:5px 10px 5px 10px;
	line-height:18px;
	border:1px solid #cdcdcd;
	background:#ffffff;
	display:block;
	margin:0 0 40px 0;
	-webkit-border-radius:3px; /* Standard */ /* Firefox */
	-moz-border-radius:3px; /* Standard */ /* WebKit */
	border-radius:3px; /* Standard */
	}

    #kontaktformular textarea.defaultTextActive {color:#aaaaaa;}

#kontaktformular #datenschutz {
    width:100%;
	border:1px solid transparent;
	padding:5px;
	}

#kontaktformular #datenschutz_checkbox {
	display:block;
	float:left;  
	margin:0 10px 10px 0;
	max-width:20px;  
	}

#kontaktformular #datenschutz_text {
	display:block;
	float:left;
	width:-moz-calc(100% - 25px);
    width:-webkit-calc(100% - 25px);
    width:calc(100% - 25px);      
}

#kontaktformular #datenschutz_text a,
#kontaktformular #datenschutz_text {font-size:inherit;}


#senden {
	display:inline-block;
	margin-top:25px;
	position:relative;
                padding:7px 20px 7px 27px;
                color:#ffffff;
                line-height:26px;
                text-decoration:none;
                cursor:pointer;
                border:none;
                background-color:#192c4b;
                -webkit-border-radius:3px; /* Standard */ /* Firefox */
                -moz-border-radius:3px; /* Standard */ /* WebKit */
                border-radius:3px; /* Standard */	
	}

	#senden:hover {
		text-decoration:none;
		background-color:#00697b;
		color:#ffffff;
		}
	
	#senden:before {
		position:relative;
		top:1px;
		left:-7px;
		margin:0px 0px 0px 0px;
		padding-right:0px;						
		content:"\f003";
		font-family:'FontAwesome';
		font-size:22px;
		font-weight:normal;
		line-height:22px;
		color:#ffffff;
		}	

		#senden:hover:before  {color:#ffffff;}
		
	
.eingabefehler {border:1px solid #de2922!important;}

#box_ok {
	display:none;
    width:100%;
	margin:20px 0px 30px 0px;
	padding:15px 15px 15px 15px;
	color:#FFFFFF;
    -webkit-border-radius:3px; /* Standard */ /* Firefox */
    -moz-border-radius:3px; /* Standard */ /* WebKit */
    border-radius:3px; /* Standard */
	background-color:#9CC031;
	}

	#box_ok .fa::before {
		display:inline-block;
		font-family:'FontAwesome';
		font-feature-settings:normal;
		font-kerning:auto;
		font-language-override:normal;
		font-size:150%;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-synthesis:weight style;
		font-variant:normal;
		font-weight:normal;
		line-height:1;
		text-rendering:auto;
		padding-left:0px;
		padding-right:8px;
		text-decoration:none;
		color:#ffffff;
		}
		
    #box_ok p {margin:0px 0px 12px 0px; color:#ffffff;}

#box_eingabefehler {
	display:none;
    width:100%;
	margin:20px 0px 30px 0px;
	padding:15px 15px 15px 15px;
    -webkit-border-radius:3px; /* Standard */ /* Firefox */
    -moz-border-radius:3px; /* Standard */ /* WebKit */
    border-radius:3px; /* Standard */
	background-color:#C03131;	
	}

	#box_eingabefehler .fa::before {
		display:inline-block;
		font-family:'FontAwesome';
		font-feature-settings:normal;
		font-kerning:auto;
		font-language-override:normal;
		font-size:180%;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-synthesis:weight style;
		font-variant:normal;
		font-weight:normal;
		line-height:1;
		text-rendering:auto;
		padding-left:0px;
		padding-right:8px;
		text-decoration:none;
		color:#ffffff;
		}

    #box_eingabefehler p {margin:0px 0px 0px 0px; color:#ffffff;}

	
/* Kontaktformular in Abhänigkeit von der Content-Breite anpassen */	
div#kontaktformular.big div.block1 {
	float: left;
	/*width: calc(50% - 30px);*/
	width: 50%;
	padding: 0px 30px 0px 0px;
}

div#kontaktformular.small div.block1 {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

div#kontaktformular.big textarea {height: 16em;}
div#kontaktformular.small textarea {height: 20em;}

div#kontaktformular.big div.block2 {
	float: left;
	width: 50%;
	padding: 0px 0px 0px 30px;
}

div#kontaktformular.small div.block2 {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

div#kontaktformular div.block3 {
	float: left;
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	

/* CSS3 Loader IMG optional */
#loadingscreen {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:22000;
	background:rgba(170, 170, 170, 0.85);
	display:none;
	}
#loadingscreen .text{
	position: absolute;
	top: calc(50% + 60px);
	left: 0;
	margin: 0 auto;
	color: #ffffff;
	display: inline;
	width: 100%;
	text-align: center;
	right: 0;
	font-size: 20px;
	font-weight: normal;
}

.cssload-loader {
	position: absolute;
	top: calc(50% - 48px);
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	perspective: 1200px;
	}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;	
	}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 2.2s linear infinite;
	-o-animation: cssload-rotate-one 2.2s linear infinite;
	-ms-animation: cssload-rotate-one 2.2s linear infinite;
	-webkit-animation: cssload-rotate-one 2.2s linear infinite;
	-moz-animation: cssload-rotate-one 2.2s linear infinite;
	border-bottom: 5px solid #008d36;
	}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 2.2s linear infinite;
	-o-animation: cssload-rotate-two 2.2s linear infinite;
	-ms-animation: cssload-rotate-two 2.2s linear infinite;
	-webkit-animation: cssload-rotate-two 2.2s linear infinite;
	-moz-animation: cssload-rotate-two 2.2s linear infinite;
	border-right: 5px solid #00697b;
	}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 2.2s linear infinite;
	-o-animation: cssload-rotate-three 2.2s linear infinite;
	-ms-animation: cssload-rotate-three 2.2s linear infinite;
	-webkit-animation: cssload-rotate-three 2.2s linear infinite;
	-moz-animation: cssload-rotate-three 2.2s linear infinite;
	border-top: 5px solid #00468e;
	}




@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}
/* Back to Top */
#back_to_top {
	width: 50px;
                height: 50px;
                position: absolute;
                right: 200px;
                padding: 0px 0px 0px 0px;
                cursor: pointer;
                border-radius: 50%;
                background-color: #00697b;
                top: 5px;
                -webkit-transition: background-color275ms linear;
	-moz-transition: background-color 275ms linear;
	-ms-transition: background-color 275ms linear;
	-o-transition: background-colorr 275ms linear;
	transition: background-color 275ms linear;	
        }		

        #back_to_top:hover{
              background-color:#192c4b;
        }
        
	#back_to_top i.fa:before {
		position: relative;
                                top: 12px;
                                left: 15px;
                                font-size: 30px;
                                line-height: 23px;
                                color: #ffffff;
                                -webkit-transition: color 275ms linear;
                                -moz-transition: color 275ms linear;
                                -ms-transition: color 275ms linear;
                                -o-transition: color 275ms linear;
                                transition: color 275ms linear;
                                font-weight: 900;		
                        }

	#back_to_top:hover i.fa:before {color: #ffffff;}
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}