/*
Farben

Dunkelgrau: #373737
Hellgrau: #96999a
Rot: #9b1919

*/


body, html{ min-height:100%; }
body{
         font-family:"Fira Sans";
         font-size:18px;
         line-height:28px;
         font-style: normal;
         font-weight: 300;
         letter-spacing: 0em;
         color: #373737;
         margin:0px;
         padding:0px;
         background:#fff;
}
/* Html Elemente */
h1{
	font-size:38px;
	line-height:normal;
	font-weight:100;
	text-transform:uppercase;
}
/*
.ce_text.willkommen h1{
	font-size:32px;
	line-height:normal;
	font-weight:500;
	text-transform:none;
}
*/
h2{
	font-size:18px;
	line-height:normal;
	font-weight:500;
}
h3{
	font-size:18px;
	line-height:normal;
	font-weight:500;
}
h4{

}
strong,
b{
         font-weight:500;
}
sup{ font-size:12px; }

a:link,
a:visited,
a:hover,
a:active,
a:focus,
div,
button{
         outline: 0px;
}
a{
	color:#373737;
	text-decoration:none;
}
a:hover,
a:focus{
	color:#9b1919;
}
a.weiter{
	color:#96999a;
	text-decoration:none;
	font-style:italic;
}
a.weiter:hover{
	color:#9b1919;
}
a.cboxElement{ cursor:zoom-in; }
strong{

}
hr{
         border:0;
         color: #ccc;
         background-color: #ccc;
         height: 1px;
         margin: 10px 0px 20px 0px;
}
#main .ce_text ul{

}
#main .ce_text ul li{

}
/* Allgemeine Formate */
.clear{clear:both;}
.left{float:left !important;}
.right{float:right !important;}
.textleft{text-align:left !important;}
.textright{text-align:right !important;}
.textcenter{text-align:center !important;}

.error{ color:#ff0000; }
/* Contao-Klassen --------------------------------------------------------------------------------------------------------- */
#wrapper{

}
#header{
	border-bottom:1px solid #ccc;
}
#container{

}
#main{

}
.mod_article{

}
#footer{
	border-top:1px solid #ccc;
	font-size:14px;
	line-height:normal;
	padding-top:20px;
	padding-bottom:12px;
	margin-top:40px;
	color:#96999a;
}
#footer a{
	color:#96999a;
}
#footer a:hover{
	color:#9b1919;
}

.image_container{

}
/* Module ----------------------------------------------------------------------------------------------------------------- */

#hauptnavigation{
	overflow:visible;
	margin-top:121px;
	margin-bottom:20px;
}
#hauptnavigation a.trail{
	font-weight:500;
}

#header .ce_text#logo{
	margin-top:90px;
}
#header .ce_text#logo li{
	display:table-cell;
	vertical-align:middle;
}
#header .ce_text#logo img{
	max-height:62px;
	width:auto;
	margin:10px;
}
#header .ce_text ul{
	margin-bottom:0px;
}

.ce_caroufredsel,
.ce_caroufredsel .ce_image{
	margin-left:0px !important;
	margin-right:0px !important;
}

.mod_newslist .layout_latest{
	border-bottom:1px solid #ccc;
	margin-top:11px;
	padding-bottom:21px;
	margin-bottom:32px;
}
.mod_newslist .layout_latest.last{
	border-bottom:0px solid #ccc;
}
.mod_newslist .layout_latest h2{
	margin-bottom:0px;
}
.mod_newslist .layout_latest p.info{
	font-style:italic;
	font-weight:200;
}
.mod_newslist p.more{
	font-style:italic;
	margin-top:-12px;
}
.mod_newslist p.more a{
	color:#96999a;
}
.mod_newslist p.more a:hover{
	color:#9b1919;
}
.pagination li{
	display:inline-block;
	padding-right:5px;
}


.mod_newsreader{

}
.mod_newsreader p.back{
	display:none;
}
.mod_newsreader .ce_image{
	margin-bottom:20px;
}
.mod_newsreader .ce_text{
	padding-top:10px;
}
.news-artikel div.back{
	margin-top:20px;
}


.mod_eventlist .layout_teaser{
	border-bottom:1px solid #ccc;
	margin-top:11px;
	padding-bottom:24px;
	margin-bottom:32px;
}
.mod_eventlist .layout_teaser.last{
	border-bottom:0px solid #ccc;
}
.mod_eventlist .layout_teaser h2{
	margin-bottom:0px;
}
.mod_eventlist .layout_teaser p.info{
	font-style:italic;
	font-weight:200;
}
.mod_eventlist p.more{
	font-style:italic;
	margin-top:-12px;
}
.mod_eventlist p.more a{
	color:#96999a;
}
.mod_eventlist p.more a:hover{
	color:#9b1919;
}

.mod_eventreader{

}
.mod_eventreader p.back{
	display:none;
}
.mod_eventreader .ce_image{
	margin-bottom:20px;
}
.mod_eventreader .ce_text{
	padding-top:10px;
}
.workshop-thema div.back{
	margin-top:20px;
}




.mod_article.bild .ce_image{
	margin-left:0px !important;
	margin-right:0px !important;
}
#footer .ce_text ul{
	display:table-row;
}
#footer .ce_text li{
	display: table-cell;
	padding-left:5px;
	padding-right:5px;
	height:30px;
	vertical-align: middle;
}
#footer .ce_text li a{
	display:inline;
}

#footer .ce_text li.first{
	padding-left:0px;
}


#header a.menu-button{
         background:url(../images/burgermenu.svg) no-repeat center left transparent;
         width:20px;
         height:15px;
         position:absolute;
         top:-10px;
         right:10px;
         text-indent:-10000px;
}
.mod_mmenu ul.level_2{
	top:60px;
}

.cookiebar{
	line-height:normal;
	background:#373737;
}
.cookiebar__button{
	margin-top:10px;
	background:#9b1919;
}
.cookiebar__button:hover{
	background:#9b1919;
	opacity:.8;
}


/* Layout ----------------------------------------------------------------------------------------------------------------- */

/* Startseite */
.ce_text.willkommen{
	padding-top:20px;
}





/* Portfolio */
.portfolio #main{
	padding-top:20px;
}
.ce_hyperlink.cat-pic{
	clear:left;
	margin-top:12px;
	margin-bottom:16px;
}
.portfolio-liste .ce_image.grid4,
.schriftvarianten .ce_image.grid4{
	margin-bottom:12px;
	position:relative;
}




.portfolio-liste .ce_image.grid4 img{
	opacity:1;
}
.portfolio-liste .ce_image.grid4:hover img{
	opacity:.3;
}
.portfolio-liste #container .ce_text{
	margin-top:20px;
}
.portfolio-liste .ce_image.grid4 .caption{
	position:absolute;
	left:16px;
	bottom:16px;
	opacity:0;
	font-weight:400;
}
.portfolio-liste .ce_image.grid4:hover .caption{
	opacity:1;
}

/* Referenz Detail */
.referenz #main{
	padding-top:30px;
}
.referenz .ce_image .image_container{
	margin-bottom:12px;
}
.referenz .ce_metamodel_content .text.beschreibung2{
	margin-left:0px;
	margin-right:0px;
}
.referenz #container .ce_text{
	margin-top:40px;
}

.back a,
.next a{
	color:#96999a;
	font-style:italic;
}
.back a:hover,
.next a:hover{
	color:#9b1919;
}

/* Workshops */
.workshops .mod_article.first{
	margin-bottom:24px;
}
.workshops #container .ce_text{
	margin-top:40px;
}

/* About */
.portrait .mod_article.first{
	margin-bottom:24px;
}
.portrait #main .ce_text{
	margin-top:40px;
}

/* Kontakt */
.kontakt #main{
	padding-top:30px;
}
.kontakt .ce_image{
	margin-bottom:12px;
}