html {
    height: 102%;
}
body{
	color:#000;
	font-family:"Trebuchet MS";
	margin:0;
	padding:0;
	font-size:14px;
}

h1{color:#e10079;font-size:18px;font-weight:normal;padding:0;margin:0;text-transform:uppercase;}
h2{color:#000;font-size:16px;font-weight:normal;padding:0;margin:0;text-transform:uppercase;}

/* Layout */ 
div#page{
	margin:0 auto;
	padding:60px 0 0 0;
	width:865px;
}

div#content_left{
	width:661px;
	float:left;
	clear:left;
	line-height:20px;
}

div#content_right{
	float:right;
	width:204px; /* 204 px */
}

div#logo{
	float:left;
	width:661px;
	height:214px;
}

div#logo a img{border:0px;}

div#footer{clear:both;text-align:right;margin: 0 200px 0 0;padding: 10px 0 10px 0;}


/* Content */

div#content_main p{
	padding: 0 0 0 0;
}

div#content_main a, div#footer a{
	color:#e10079;text-decoration:none;
}
div#content_main a:hover, div#footer a:hover{
	text-decoration:underline;
}

html body div#page div#content_left div#content_main p a img{border:0px;}

div.line {background-image:url(../images/trennlinie.gif);background-repeat:repeat-x;padding:0 0 40px 0;margin:20px 0 0 0;}

/* Navigation */

div#main_navi{padding:0 0 0 64px;margin:0;}

a.neues{display:block;background-image:url(../images/neues_inaktiv.gif);width:85px;height:83px;}
a.neues:hover, a.neues.active {background-image:url(../images/neues_aktiv.gif);}

div#main_navi ul{padding:0;margin:0;list-style-type:none;text-transform:uppercase;}
div#main_navi ul li{}
div#main_navi ul li a{color:#e10079;font-size:22px;text-decoration:none;}
div#main_navi ul li a:hover,div#main_navi ul li.active a{color:#000;}

/* Back Button */
div.backbutton {border:0px solid black;padding:60px 0 0 64px;}
div.backbutton a{color:#e10079;text-decoration:none;}
div.backbutton a:hover{text-decoration:underline;}

/* Referenzen */
div.referenz_line {background-image:url(../images/trennlinie.gif);background-repeat:repeat-x;padding:0 0 30px 0;margin:30px 0 0 0;clear:both;}
div.item_referenz{width:160px;border:0px solid red;float:left;margin: 0 5px 0 0;line-height:20px;color:#000;}
div.item_referenz img{padding:10px 0 10px 0;border:0px;}

html body div#page div#content_left div#content_main div.item_referenz a{color:#000;}
html body div#page div#content_left div#content_main div.item_referenz a:hover{color:#e10079;text-decoration:none;}


/* Links */

/* Footer */
html body div#page div#footer div.line{background-image:url(../images/trennlinie.gif);background-repeat:repeat-x;padding:0 0 10px 0;margin:20px 0 0 0;}
/* Hugo additions */
.primary{color:#e10079;}
.big{font-size:120%;}
.bigger{font-size:140%;}
h1.arbeiten{margin:40px 0 40px 0;}
div#content_main hr{border:0;height:0;background-image:url(../images/trennlinie.gif);background-repeat:repeat-x;padding:0 0 40px 0;margin:20px 0 0 0;}
div#content_main img{max-width:100%;height:auto;}

/* Burger-Button, nur mobil sichtbar */
button#menu_toggle{display:none;}
div.backbutton.mobile{display:none;}

/* Responsive: unterhalb von 900px alles untereinander */
@media (max-width: 900px) {
	div#page{position:relative;width:auto;max-width:661px;padding:20px 16px 0 16px;}
	div#logo{float:none;width:auto;height:auto;margin:0 0 24px 0;}
	div#logo img{max-width:200px;height:auto;display:block;}
	button#menu_toggle{display:block;position:absolute;top:22px;right:16px;width:44px;height:40px;padding:0;border:0;background:none;cursor:pointer;}
	button#menu_toggle span{display:block;width:30px;height:3px;margin:6px auto;background:#e10079;border-radius:2px;transition:transform .2s,opacity .2s;}
	body.menu-open button#menu_toggle span:nth-child(1){transform:translateY(9px) rotate(45deg);}
	body.menu-open button#menu_toggle span:nth-child(2){opacity:0;}
	body.menu-open button#menu_toggle span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}
	div#content_left,div#content_right{float:none;width:auto;clear:none;}
	div#content_right{display:none;margin:0 0 30px 0;padding:0 0 20px 0;background-image:url(../images/trennlinie.gif);background-repeat:repeat-x;background-position:left bottom;}
	body.menu-open div#content_right{display:block;}
	div#main_navi{padding:0;}
	div#main_navi ul li{margin:0 0 6px 0;}
	div#main_navi ul li a{font-size:22px;display:inline-block;padding:4px 0;}
	a.neues{margin:10px 0 0 0;}
	div.backbutton{display:none;}
	div.backbutton.mobile{display:block;padding:0 0 20px 0;}
	div#footer{margin:0;}
	div.item_referenz{width:48%;margin:0 2% 0 0;}
	div.item_referenz img{width:100%;height:auto;}
	div.referenz_line{padding-bottom:20px;margin-top:20px;}
	div#content_main img{max-width:100%;height:auto;}
}