/* 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-size:100.01%;
    line-height:1.5em;
    width:100%;
    height:100%;
    color:#000000;
    margin:0;
    padding:0;
}
#wrapper
{
	min-height:100%;
	position:relative;
}
#header-logo 
{
    position:fixed;
    top:14px;
    left:5%;
    z-index:99;
}
#header
{
    width:100%;
    height:70px;
    top:0;
    position:fixed;
    background-color:#000000;
    z-index:99;
}
.div_dummy
{
	height:70px;
	width:100%;
}
#container
{
   /*padding:10px;*/
   /*width:100%*/;
   padding-bottom:70px;   /* Height of the footer */
}
#main
{
    width:100%;
    min-height:100%;
    /* abstand zum footer */
    /*margin-bottom:17%;*/
}
.content_text
{
	width:80%;
	margin-top:3%;
	margin-left:8%;
	margin-right:8%;
/* abstand zum footer im main*/
	/*margin-bottom:7%;*/
/* padding % abziehen */
	padding-left:2%;
	padding-right:2%;
	padding-bottom:2%;
	background-color:#FFFFFF;
	opacity:0.9;
}
#footer
{
    min-height:90px;
    margin-top:10px;
    text-align:center;
    background-color:#000000;
}
#footer-text
{
    margin-right:auto;
    margin-left:auto;
    padding-top:35px;
    text-align:center;
    color:#FFFFFF;
}
p a
{
    color:#000000;
}

#footer a
{
    color:#FFFFFF;
}
#main h1, h2, h3
{
    margin-top:0;
}
#main h1
{
    font-size:1.8em;
    margin-top:5%;
}
.ueb_h1
{
    width:100%;
    /*margin-left:10%;*/
    text-align:center;
}
#main h2
{
    font-size:1.2em;
}

.flex-container-2
{
    margin-top:20px;
    margin-left:10%;
    margin-right:10%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.flex-item-2
{
    flex:0 1 90%;
    padding:1em;
}
.flex-item-2-projekt
{
    flex:0 1 90%;
    padding-left:1em;
    padding-right:1em;
    padding-bottom:1em;
    padding-top:0;
}

.projekt_text
{ 
    width:100%;
}

@media all and (min-width:480px)
{
}
@media all and (min-width:560px)
{
	#main
	{
	    /* abstand zum footer */
	    margin-bottom:10%;
	}
	#main h1
	{
	    font-size:2.5em;
	    margin-top:5%;
	}
}
@media all and (min-width:801px)
{
	.flex-item-2
	{
	    flex:0 1 40%;
	    padding:2em;
	}
}
@media all and (min-width:1400px)
{
}