/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
html,body
{
    font-family:'Roboto Condensed',sans-serif;
    font-weight:300;
    line-height:1.5em;
    width:100%;
    height:100%;
    color:#000000;
    margin:0;
    padding:0;
}
p a
{
    color:#000000;
}
a:link.blue_a, a:hover.blue_a, a:visited.blue_a
{
	color:#363636;
}
#main
{
    width:100%;
}
#main p
{
    font-size:1.0em;
    line-height:1.5em;
    margin:0;
}
#header-logo 
{
    position:fixed;
    top:14px;
    left:3%;
    z-index:99;
}
.header-banner 
{
    margin-bottom:3%;
}
#header
{
    width:100%;
    height:70px;
    top:0;
    position:fixed;
    background-color:#000000;
    z-index:99;
}
.div_dummy
{
	height:70px;
	width:100%;
}

.ce_accordion .toggler
{
    background:url("../../files/images/arrow_right.png") no-repeat;
    padding:0 10%;
}

.toggler
{
    position:relative;
    cursor:pointer;
    font-size:1.2em;
    font-weight:bold;
    margin-top:2%;
    /*margin-bottom:10px;*/
}
.ce_accordion .toggler:hover
{
    color:#363636;
    outline:none;
}
.ce_accordion .active
{
    color:#363636;
    background:url("../../files/images/arrow_down.png") no-repeat;
    outline:none;
}

.accordion
{
    margin-top:2%;
    margin-left:9%;
}

.pfeil_mittig
{
	margin-top:1%;
	margin-bottom:3%;
	text-align:center;
}
.pfeil_links
{
	margin-top:1%;
	margin-bottom:3%;
	margin-left:11%;
}

.ueb_black
{
	font-size:1.7em;
	font-weight:700;
	margin-bottom:2%;
	letter-spacing:0.1em;
	color:#000000;
	text-align:center;
}
.ueb_black_links
{
	margin-left:11%;
	margin-bottom:2%;
	font-size:1.7em;
	font-weight:700;
	letter-spacing:0.1em;
	color:#000000;
}
.ueb_big_black
{
	font-size:3.2em;
	font-weight:700;
	color:#000000;
	text-align:center;
	margin-top:2.5%;
	margin-bottom:2%;
}

.content_text
{
	margin-top:2%;
	margin-left:15%;
	margin-right:15%;
	padding:5%;
   	background:#FFFFFF;
   	opacity:0.8;
}
.content_text_home
{
	margin-top:2%;
	margin-left:10%;
	margin-right:10%;
	padding:3%;
   	background:#FFFFFF;
        border:1px solid #000000;
}
.content_text_kontakt
{
	margin-top:0%;
	margin-left:11%;
	margin-right:11%;
	margin-bottom:1.5em;
	padding:3%;
   	background:#FFFFFF;
        border:1px solid #000000;
}
.content_text_impressum
{
	margin-top:0%;
	margin-left:11%;
	margin-right:11%;
	padding:3%;
   	background:#FFFFFF;
        border:1px solid #000000;
}
.content_text_leistungen
{
	margin-top:0%;
	margin-left:15%;
	margin-right:15%;
	padding:5%;
   	background:#FFFFFF;
   	opacity:0.8;
}
#footer
{
    min-height:90px;
    margin-top:20px;
    text-align:center;
    background-color:#000000;
}
#footer-text
{
    margin-right:auto;
    margin-left:auto;
    padding-top:2em;
    padding-bottom:2em;
    text-align:center;
    color:#FFFFFF;
}
#footer a
{
    color:#FFFFFF;
}
#footer_buttons
{
    margin-top:3em;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.footer-item
{
    margin-left:10px;
    margin-right:10px;
    background-color:#FFFFFF;
}

#main ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
#navigation-main
{
    display:block;
}

#burger
{
	position:fixed;
	top:22px;
	right:2.3%;
	cursor:pointer;
}

input#off-canvas-menu_mf
{
  	display:none;
}

input#off-canvas-menu_mf[type=checkbox]:checked ~ #navigation-main
{
  transform:translateX(0);
}

#navigation-main
{
	position:absolute;
	top:150px;
	transform:translateX(-100%); 
	transition:0.5s;
	left:0;
	width:265px;
	height:auto;
	background-color:#000000;
	z-index:99;
}
#navigation-main li a
{
  color:#FFFFFF;
  text-decoration:none;
}
#navigation-main li
{
  margin-bottom:20px;
  list-style-type:none;
  text-decoration:none;
}

#navigation-main li a:hover,
#navigation-main li a:focus
{
  font-weight:600;
}

#main h1, h2, h3
{
    margin-top:0;
}
#main h1
{
    font-size:1.2em;
}
#main h2
{
    font-size:1.2em;
    font-weight:700;
}

.flex-container-3
{
    display:flex;
    flex-wrap:wrap;
}
.flex-container-4
{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    color:#FFFFFF;
}
.flex-container-projekte
{
    display:flex;
    flex-wrap:wrap;
    padding-top:10%;
    padding-bottom:10%;
    padding-left:10%;
    padding-right:10%;
    margin-bottom:1.5em;
    justify-content:center;
    color:#FFFFFF;
    background-color:#363636;
}
.flex-item-3
{
    flex:0 1 100%;
    padding:2%;
    text-align:center;
}
.flex-item-4
{
   flex:0 1 90%;
   padding-top:2em;
   padding-left:1em;
   padding-right:1em;
   padding-bottom:2em;
   margin-left:1.5em;
   margin-right:1.5em;
   margin-bottom:1.5em;
   background-color:#363636;
}
.flex-item-projekte
{
   position:relative;
   flex:0 1 80%;
   margin:1em;
   overflow:hidden;
}
figure, .image_container, img
{
	overflow:hidden;
}
.scale img:hover
{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	/*transition-delay:0.5s;*/
	opacity:0.3;
}
.scale img
{
	display:block;
	opacity:1;
	transition:all 0.3s ease 0s;
	cursor:pointer;
	/*z-index:1;*/
}
.flex-item-projekte .caption
{
	position:absolute;
	/*display:none;*/
	visibility:hidden;
	text-align:center;
	width:0%;
	height:0%;
	bottom:0%;
	margin-left:8%;
	margin-right:8%;
	transition: width .5s, height .5s;
	pointer-events:none;
}
.flex-item-projekte:hover .caption
{
	visibility:visible;
	width:90%;
	height:30%;
	transform:translateY(-80%);
}

@media all and (min-width:480px)
{
	.content_text_home
	{
		margin-left:20%;
		margin-right:20%;
	}
}
@media all and (min-width:560px)
{
	.flex-item-projekte
	{
	   flex:0 1 40%;
	}
	.flex-item-4
	{
	    flex:0 1 40%;
	    margin:0.5em;
	}
	.ce_accordion .toggler
	{
	    padding:0 5%;
	}
}

@media all and (min-width:801px)
{
	#main h1
	{
	    font-size:1.8em;
	}
	.flex-item-3
	{
	    flex:0 1 46%;
	}
}
@media all and (min-width:1200px)
{
	#main h1
	{
	    font-size:2.5em;
	}
	.flex-item-3
	{
	    flex:0 1 29.33%;
	}
	.flex-item-4
	{
	    flex:0 1 20%;
	}
	.flex-item-projekte
	{
	   flex:0 1 20%;
	}
}

.rsts-skin-default .rsts-prev
{
	position: absolute;
	top: 48.5%;
	left: 1.5% !important;
}

.rsts-skin-default .rsts-next
{
	position: absolute;
	top: 48.5%;
	right: 1.5% !important;
}
.rsts-skin-default .rsts-nav {
  position: absolute;
  right: 0px;
  bottom: 12px;
  left: 0px;
  text-align: center;
}
.rsts-skin-default .rsts-nav-bullets a {
  display: inline-block;
  width: 6px;
  height: 6px;
  overflow: hidden;
  margin: 12px 4px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  outline: none;
  text-align: left;
  text-indent: -999px;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #777777;
  -moz-box-shadow: 0 0 2px #777777;
  box-shadow: 0 0 2px #777777;
}