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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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}
@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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{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:#000;opacity:.9;filter:alpha(opacity = 90)}#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:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#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(../../assets/colorbox/images/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(../../assets/colorbox/images/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(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/private/fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/private/fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/private/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/private/fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/private/fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/private/fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}


body {background-color: black;}

#wrapper {
	margin: 0 auto;
	padding: 0 4vw;
	
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 17px;
	line-height: 1.4em;
	
	-moz-osx-font-smoothing: grayscale;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url("../../files/hg-fotos/hg.jpg");
    background-color: #ddd1cc;
    background-repeat: no-repeat;
}
body.index #wrapper		{background-image: url("../../files/hg-fotos/hg_index.jpg");}
body.vita #wrapper		{background-image: url("../../files/hg-fotos/hg_vita.jpg");}
body.projekte #wrapper	{background-image: url("../../files/hg-fotos/hg_projekte.jpg");}
body.kontakt #wrapper	{background-image: url("../../files/hg-fotos/hg_kontakt.jpg");}


@media (min-aspect-ratio: 3/2) {
	#wrapper {
		max-width: calc(200vh - 80px);
		padding: 0 40px;
		background-size: auto 100vh;
		background-image: url("../../files/hg-fotos/hg_wide.jpg");
	}
	body.index #wrapper		{background-image: url("../../files/hg-fotos/hg_index_wide.jpg");}
	body.vita #wrapper		{background-image: url("../../files/hg-fotos/hg_vita_wide.jpg");}
	body.projekte #wrapper	{background-image: url("../../files/hg-fotos/hg_projekte_wide.jpg");}
	body.kontakt #wrapper	{background-image: url("../../files/hg-fotos/hg_kontakt_wide.jpg");}
}






/* ALLGEMEIN */
p {margin: 0.6em 0;}
strong {font-weight: bold;}
a {color: #8f1e03; text-decoration: none;}
a:hover {color: black;}
ul {margin: 0; padding: 0; overflow: auto;}
h1 {
	font-family: LunchBox;
	font-weight: normal;
	font-size: 32px;
	line-height: 32px;
}
h2 {
	font-family: LunchBox;
	font-weight: bold;
	font-size: 32px;
	line-height: 32px;
}

.kasten {
	background-color: rgba(120,20,20,0.4);
	width: 50%;
	max-width: 400px;
	position: absolute;
	top: 12vh;
	padding: 24px;
}
.kasten h2 {
	margin: 0;
	font-size: 25px;
}

/* HEADER */
#header {min-height: 120px;}
.logo {padding-top: 30px; float: left;}
.logo_titel {margin: 0; font-size: 75px; line-height: 50px; font-family: LunchBox; text-transform: uppercase;}
.logo_ut {font-size: 20px; padding: 0.5vw 0 0;}
.logo p {margin: 0;}

/* Navigation */
.menu-icon {display: none;}
.mod_navigation {
	text-align: right;
	padding-top: 26px;
}
.mod_navigation ul {list-style-type: none;}
.mod_navigation li {display: inline-block; margin-left: 3vw;}
.mod_navigation li.first {margin-left: 0;}
.mod_navigation li a {color: black;}
.mod_navigation li a:hover {color: #8f1e03;}
.mod_navigation li.active {color: #8f1e03;}
.mod_navigation li strong {font-weight: normal;}

/* INHALT */

#container {min-height: calc(100vh - 160px);}

#container h2 {padding-top: 1vw;}
#container li {
	margin: 0 0 10px 17px;
	padding: 0 0 0 5px;
}
#container figure.float_left {margin-right: 5vw; max-width: 50%;}
#container figure.float_right {margin-left: 5vw; max-width: 50%;}

#unterricht {max-width: 1100px; margin: 0 auto;}
#unterricht .ce_text {margin-bottom: 20px;}
.vita .ce_text {width: 55%;}

/* FOOTER */
#footer {
	text-align: right;
	font-size: 12px;
	height: 40px;
}


/* Für Seiten mit rotem Hintergrund */
body.rot #wrapper {color: white; background-color: #9f2d1a;}
body.rot a {color: #91b1e1;}
body.rot a:hover {color: white;}
body.rot a .logo_titel {color: #7697cb;}

body.rot .logo_ut,
body.rot .mod_navigation li a,
body.rot #footer a {color: white;}

body.rot .mod_navigation li a:hover,
body.rot .mod_navigation li.active,
body.rot #footer a:hover {color: #91b1e1;}




/*********** RESPONSIV ***********/

/* TABLET */

@media (max-width:900px) {

.logo_titel {font-size: 8vw; line-height: 5vw;}
.logo_ut {font-size: 1.9vw;}

.mod_navigation li {max-width: 19vw; margin-left: 1.4vw; text-align: center;}

}


/* MOBIL */

@media (max-width:600px) {

.logo_titel {font-size: 43px; line-height: 20px;}
.logo_ut {font-size: 12px;}

.menu-icon {
	width: 30px;
	height: 30px;
	right: 5vw;
	top: 25px;
	display: block;
	position: absolute;
	background-image: url("../../files/private/img/menu_hamburger_schwarz.png");
	background-size:30px 30px;
	color: rgba(1,179,72,.01);
	cursor: pointer;
}
body.rot .menu-icon {background-image: url("../../files/private/img/menu_hamburger.png");}

.mod_navigation {clear: both;}
.mod_navigation ul {display: none; margin: 10px 0 20px; padding: 10px; background: #711717b3;}
.mod_navigation li {display: block; max-width: unset; margin: 20px 0;}
.mod_navigation li a {color: white;}
.mod_navigation li.active,
.mod_navigation li a:hover {color: #91b1e1;}

.kasten {width: 92%; padding: 4%; top: 24vh;}
.kasten h2 {font-size: 20px;}

#container figure {max-width: 100%;}
#container figure.float_left {margin-right: 0; float: none;}
#container figure.float_right {margin-left: 0; float: none;}

#vita .ce_text {width: 70%;}

}
/**
 * @license
 * MyFonts Webfont Build ID 3496851, 2017-12-13T03:51:24-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: LunchBox by Kimmy Design
 * URL: https://www.myfonts.com/fonts/kimmy/lunch-box/regular/
 * Copyright: Copyright (c) 2014 by Kimmy Design. All rights reserved.
 * Licensed pageviews: 20,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3496851
 * 
 * © 2017 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/355b93");

  
@font-face {font-family: 'LunchBox';src: url('../../files/private/fonts/lunchbox/webfonts/355B93_0_0.eot');src: url('../../files/private/fonts/lunchbox/webfonts/355B93_0_0.eot?#iefix') format('embedded-opentype'),url('../../files/private/fonts/lunchbox/webfonts/355B93_0_0.woff2') format('woff2'),url('../../files/private/fonts/lunchbox/webfonts/355B93_0_0.woff') format('woff'),url('../../files/private/fonts/lunchbox/webfonts/355B93_0_0.ttf') format('truetype');}