header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
@font-face {
    font-family: 'Michroma';
    src: url('../../files/layout_global/css/fonts/michroma-regular-webfont.woff2') format('woff2'),
         url('../../files/layout_global/css/fonts/michroma-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.container{background-color: transparent}
.innerPushContent{overflow:hidden;}
@media only screen and (min-width: 650px) {
	.innerPushContent{
		position:absolute;
		width:400px !important;
		right:50px;
	}
}
.mainBody{overflow:hidden;}
.kontakt-content{
	width:100%;
	float:left;
}
.ce_text .kontakt-content{border-left:0px solid !important;}

#datenschutzerklaerung .invisibleDS{display:none;}
.kontakt-content .invisibleDS a{color:#34363d !important;}

@media only screen and (min-width: 950px) {
	.kontakt-content .invisibleDS{
		position:absolute;
		bottom:30px;
	}
}
.kontakt-content h2{
	margin-top:0;
	font-size:14px;
	font-weight:bold;
}
.kontakt-content a{color:#fff;font-size:11px;}
.kontakt-content p{line-height:1.3em;font-size:11px;}
label{font-size: 11px;}

.mandatory{color:#34363d;}

@media only screen and (min-width: 650px) {
	.kontakt-content h2{
		font-size:16px;
	}
	.kontakt-content a,.kontakt-content p{
		font-size:13px;
	}
}

*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
html, body, .perspective {
	width: 100%;
	height: 100%;
}
body {
	font-family: 'Michroma', sans-serif;
	font-size:11px;
}
@media only screen and (min-width: 650px) {
	body {font-size:1em;}
}

.container::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0px;
	opacity: 0;
	background: rgba(0,0,0,0.2);
	/* the transition delay of the height needs to be synced with the container transition time */
	-webkit-transition: opacity 0.4s, height 0s 0.4s;
	transition: opacity 0.4s, height 0s 0.4s;
}
.wrapper {position: relative;}

ul,li {margin: 0;padding: 0;}
ul li {list-style: none;}
a {text-decoration: none;}
ol {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
}
ol li {
    display: block;
    margin-bottom: .6em;
    margin-left: 2em;
}
ol li:before {
    display: inline-block;
    content: counter(item) ". ";
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
	color:#3f8621;
}
img {
	display: block;
}
h2{line-height:1em}
.mainBody .ce_text div{
	border-left: 3px solid #999;
	line-height:1.3em;
	padding-left:5px;
}
.mainBody .ce_text a{
	color:#34363d;
}
.mainBody .ce_text ul li{
	list-style-type:square !important;
	list-style-position:inside;
	line-height:0.8em;
	color:#3f8621;
}

.container{width:100% !important;height: 100% !important;
	background: #7d7e80 url("/files/layout_global/images/karte_schmidt_santech.svg") no-repeat fixed center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
#map_container{position: absolute; left: 0px; top: 0px; z-index: 0; width: 100%; height: 100%;}

/* menu */
#showMenu img{
	margin: 0 auto;
}
#menu{box-shadow: -1px 4px 13px -3px rgba(0, 0, 0, 0.75);}
.menu-link{
	display:inline-block;
	margin-top:15px;
	outline:none;
	border:0;
}
.menu-link:link,.menu-link:visited {
	color: #fff;
	background: #073b73;
	padding: .2em .4em;
	padding:0.5em;
	font-size:1.6em;
}
#menu .active{
	color: #fff;
}
@media only screen and (max-width: 650px) {
	#showMenu img{
		width:100px;
		height:56px;
	}
}
.panel {
	background: #073b73;
	z-index: 9999 !important;
	position: fixed;
	left: -180px; /*width of your navigation panel*/
	width: 180px;
}
@media only screen and (min-width: 650px) {
	.panel {
		left: -280px; /*or width of your navigation panel*/
		width: 280px; /*should match the above value*/
	}
}
.panel span{
	display: block;
	width:100%;
}
.panel a {
	color: #999;
	outline:none;
	border:0;
	font-size:1.3em;
}
.panel a:hover {color: #fff;}
.panel span:hover .right{background:#efefef;}

#accordion{padding-top:15px;}
#accordion li:nth-child(1){border-top: 1px dotted #ccc;}
.sublink{display:none;}
.right{
	display: inline-block;
	text-align: center;
	width: 20%;
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0 auto;
	border-left: 1px dotted #ccc !important;
}
.left{
	display: inline-block;
	text-align: left;
	width: 80%;
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
}
.line{
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
}
.down{
	position:absolute;
	bottom:20px;
	left:10px;
	font-size:1.2em;
}
.down ul li{
	float:left;
	padding-right:15px;
}
.panel .level_1>li>span{border-bottom: 1px dotted #ccc;}

.level_2 span{
	background:#efefef;
	border-bottom: 1px dotted #ccc;
}
.level_2 a:hover{color: #3f8621 !important;}


@media only screen and (min-width: 650px) {
	.panel a {font-size:0.9em;}
	.down{font-size:0.9em;}
}
.wrap {position: relative;}

.innerPushContent{
	max-width:100%;
	background:#7d7e80;
	margin-left:40px;
	overflow:hidden;
}
.innerPushContentFull,.innerPushContentFullSub{
	padding-left:35px;
	overflow:hidden;
	line-height:1em;
}
.mainHead{
	width:100%;
	border-bottom: 1px dotted #fff;
	padding-bottom:15px;
}
.mainHead h1{
	color:#fff;
	padding-left:25px;
	text-transform:uppercase;
}
.innerPushContentFullSub h2{
	color:#fff;
	text-transform:uppercase;
	width:100%;
	border-bottom: 1px dotted #fff;
	padding-bottom:15px;
	word-spacing:15px;
}
.innerPushContentFullSub .ce_text>p{
	padding-top:20px;
	padding-bottom:20px;
}
@media only screen and (min-width: 650px) {
	.innerPushContent{
		max-width:750px;
	}
	.mainHead h1, .innerPushContentFullSub h2{
		font-size:24px;
	}
}

.mainBody{
	width:100%;
	color:#fff;
	padding:25px;
	padding-right:35px;
}
.floatBild{
	float:left;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:0px;
}
.textContent{
	clear:both;
	padding-top: 20px;
	line-height:1.4em;
}
.wrap h4{
	border-top: 1px solid #999;
    color: #fff;
    font-weight: 900;
    line-height: 1.3em;
    margin-top: 40px;
}
.wrap h5{
    color: #fff;
	margin-bottom:30px;
}
.wrap h5 strong{
    color: #3f8621;
}
.wrap h6{
    color: #3f8621;
	font-weight:bold;
	border-bottom:1px dotted #3f8621;
}
.innerPushContentFull  a{
    color: #34363d;
}
.innerPushContentFull  p, .innerPushContent p{
    line-height:1.3em;
}

blockquote{
  display:block;
  padding: 22px 20px 15px 60px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
   font-style: italic;
  font-size: 24px;
  line-height: 1.2;
  color: #ccc;
  text-align: justify;
}
blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  font-family: Georgia, serif;
  font-size: 90px;
  font-weight: bold;
  color: #999;
  /*Positioning*/
  position: absolute;
  left: 2px;
  top:5px;
}
blockquote::after{
  /*Reset to make sure*/
  content: "";
}
blockquote a:hover{
 color: #ccc;
}
blockquote em{
  font-style: italic;
}
.responsiveImage{
max-width: 100%;
    height: auto;}
.kontakt-none{
	display:none;
}