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:inherit;
	font-size:100%;
	vertical-align:baseline
}

html{
	line-height:1
}

ol,ul{
	list-style:none
}

table{
	border-collapse:collapse;
	border-spacing:0
}

caption,th,td{
	text-align:left;
	font-weight:normal;
	vertical-align:middle
}

q,blockquote{
	quotes:none
}

q:before,q:after,blockquote:before,blockquote:after{
	content:"";
	content:none
}

a img{
	border:none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
	display:block
}

@font-face{
	font-family:'Impact';
	font-style:normal;
	font-weight:normal;
	src:url(/fonts/impact.ttf)
}

@font-face{
	font-family:'Noto Sans';
	font-style:normal;
	font-weight:normal;
	src:url(/fonts/NotoSans-Regular.ttf)
}

@font-face{
	font-family:'Noto Sans';
	font-style:normal;
	font-weight:600;
	src:url(/fonts/NotoSans-Regular.ttf)
}

@font-face{
	font-family:'Noto Sans';
	font-style:normal;
	font-weight:bold;
	src:url(/fonts/NotoSans-Regular.ttf)
}

*[class*='icon-']{
	font-family:'Noto Sans';
	font-style:normal;
	src:url(/fonts/NotoSans-Regular.ttf)
}

.icon-tel:before{
	content:'\f095';
	margin-right:10px
}

.icon-email:before{
	content:'\f0e0';
	margin-right:10px
}

#colorbox,#cboxOverlay{
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden
}

#cboxWrapper{
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
	max-width:none
}

#cboxOverlay{
	position:fixed;
	width:100%;
	height:100%
}

#cboxMiddleLeft,#cboxBottomLeft{
	clear:left
}

#cboxContent{
position:relative
}

#cboxLoadedContent{
overflow:auto;
-webkit-overflow-scrolling:touch
}

#cboxTitle{
margin:0
}

#cboxLoadingOverlay,#cboxLoadingGraphic{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{
cursor:pointer
}

.cboxPhoto{
float:left;
margin:auto;
border:0;
display:block;
max-width:none;
-ms-interpolation-mode:bicubic
}

.cboxIframe{
width:100%;
height:100%;
display:block;
border:0;
padding:0;
margin:0
}

#colorbox,#cboxContent,#cboxLoadedContent{
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box
}

#cboxOverlay{
background:rgba(0,0,0,0.8)
}

#colorbox{
outline:0
}

#cboxContent{
margin-top:20px;
background:#000
}

.cboxIframe{
background:#fff
}

#cboxError{
padding:50px;
border:1px solid #ccc
}

#cboxLoadedContent{
border:5px solid #000;
background:#fff
}

#cboxTitle{
position:absolute;
top:-20px;
left:0;
color:#ccc
}

#cboxCurrent{
position:absolute;
top:-20px;
right:0px;
color:#ccc
}

#cboxLoadingGraphic{
background:url(/img/loading.gif) no-repeat center center
}

#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{
border:0;
padding:0;
margin:0;
overflow:visible;
width:auto;
background:none
}

#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{
outline:0
}

#cboxSlideshow{
position:absolute;
top:-20px;
right:90px;
color:#fff
}

#cboxPrevious{
position:absolute;
top:50%;
left:5px;
margin-top:-32px;
background:url(/img/controls.png) no-repeat top left;
width:28px;
height:65px;
text-indent:-9999px
}

#cboxPrevious:hover{
background-position:bottom left
}

#cboxNext{
position:absolute;
top:50%;
right:5px;
margin-top:-32px;
background:url(/img/controls.png) no-repeat top right;
width:28px;
height:65px;
text-indent:-9999px
}

#cboxNext:hover{
background-position:bottom right
}

#cboxClose{
position:absolute;
top:5px;
right:5px;
display:block;
background:url(/img/controls.png) no-repeat top center;
width:38px;
height:19px;
text-indent:-9999px
}

#cboxClose:hover{
background-position:bottom center
}

*{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

.clearfix{
clear:both
}

body.iframe{
color:#515151;
font-family:'Noto Sans';
font-size:13px;
line-height:17px;
src:url(/fonts/NotoSans-Regular.ttf)
}

body.iframe #wrapper{
padding:30px;
color:#767676
}

body.iframe h1{
font-weight:bold;
font-size:22px;
margin-bottom:17px
}

body.iframe h2{
margin-top:20px;
margin-bottom:10px
}

body.iframe h3{
font-size:15px;
font-weight:bold;
margin-top:10px
}

body.iframe p{
margin-bottom:10px
}

body.iframe strong{
font-weight:bold
}

body.no-iframe{
background-image:-webkit-linear-gradient(top, #000000, #a0a0a0);
background-image:-moz-linear-gradient(top, #000000, #a0a0a0);
background-image:-ms-linear-gradient(top, #000000, #a0a0a0);
background-image:-o-linear-gradient(top, #000000, #a0a0a0);
background-image:linear-gradient(to bottom, #000000,#a0a0a0);
color:#515151;
font-family:'Noto Sans';
src:url(/fonts/NotoSans-Regular.ttf);
font-size:13px;
min-height:2000px
}

/*
body.no-iframe:before{
position:absolute;
top:0;
left:0;
z-index:-1;
width:144px;
height:904px;
background:no-repeat url("/img/page-header-left.png");
content:''
}
*/

/*
body.no-iframe:after{
position:absolute;
top:0;
right:0;
z-index:-1;
width:144px;
height:904px;
background:no-repeat url("/img/page-header-right.png");
content:''
}
*/

body.no-iframe #wrapper{
margin:0 auto;
padding:30px;
background-color:white;
border-radius:6px;
-webkit-box-shadow:0 0 10px #999;
-moz-box-shadow:0 0 10px #999;
box-shadow:0 0 10px #999;
width:850px;
margin-bottom:30px
}

a{
color:#767676
}

a:hover{
text-decoration:none
}

header{
width:850px;
margin:45px auto;
text-align:center;
}

header div p.title{
	font-family:"Impact";
	font-size:35px;
	line-height:40px;
	color:#d2b01f;
	z-index:1;
}

header div p.subtitle{
	font-family:"Impact";
	font-size:25px;
	line-height:28px;
	color:#d2b01f;
	z-index:1;
}

nav ul {
text-align:center;
}

nav ul li{
display:inline-block;
padding:0 22px
}

nav ul li a{
color:#767676;
font-family:"Impact";
font-size:16px;
font-weight:normal;
text-decoration:none
}

nav ul li a.active{
border-bottom:2px solid #d2b01f;
padding-bottom:5px;
box-shadow:0px 5px 5px -5px black;
}

nav ul li a:hover{
border-bottom:2px solid #555555;
padding-bottom:5px
}

nav ul li:first-child{
padding-left:0
}

nav ul li:last-child{
padding-right:0
}

nav.fixed{
display:none;
position:fixed;
left:0;
top:0;
width:100%
}

nav.fixed ul{
width:850px;
margin:0 auto;
background-color:white;
padding:0 30px;
border-bottom:2px solid #555555
}

nav.fixed ul li{
line-height:40px
}

.container{
color:#767676;
font-size:13px;
line-height:20px
}

.container:after{
border-bottom: 1px solid;
content:'';
display:block;
height:4px;
margin:30px 0
}

.container strong{
font-weight:bold
}

.container p{
margin-bottom:10px
}

#willkommen{
margin-top:40px
}

#beispiel2 img{
float:left;
margin-right:28px
}

#beispiel2 ul li:before{
content:'\f0a9';
font-family:'Noto sans';
src:url(/fonts/NotoSans-Regular.ttf);
margin-right:8px
}

#beispiel1 h3{
cursor:pointer;
font-weight:600
}

#beispiel1 h3:before{
content:'\f0da';
font-family:'Noto Sans';
padding-right:10px;
font-size:15px
src:url(/fonts/NotoSans-Regular.ttf);
}

#beispiel1 h3.trigger_active:before{
content:'\f0dd'
}

#beispiel1 .toggle_container{
margin:14px 0;
border-radius:10px;
border:1px solid #828282;
background-color:#fefdeb;
padding:18px
}

#beispiel1 .toggle_container ul li{
padding-left:30px;
margin-bottom:5px
}

#beispiel1 .toggle_container ul li:before{
content:'\f0a9\ ';
font-family:"Noto Sans";
src:url(/fonts/NotoSans-Regular.ttf);
margin-left:-30px;
padding-right:15px
}

#kontakt .left{
float:left;
margin-right:60px
}

#footer{
font-size:12px;
color:#767676
}

#footer .right{
float:right
}

#footer .right a{
margin-left:10px
}

#footer .right a:hover{
text-decoration:none
}

#footer .left{
float:left
}

h2{
font-weight:bold;
font-size:17px;
margin-bottom:17px
}

@media only screen and (max-width: 320px){
body{
zoom:0.5
}


}