@font-face {
  font-family: D-DIN;
  src: url('../fonts/D-DIN.otf');
}
body {
  font-family: "D-DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color";
}
html, body {
  height: 100%;
}
body.dark {
  background: #000000;
  color: #ffffff;
}
.container {
  height: 100%;
  position: relative;
}
.r1 {
  height: 20%;
}
.r2 {
  height: 60%;
}
.r3 {
  height: 20%;
  position: relative;
  z-index: 100;
}
#logo {
  width: 36%;
  display: block;
}
.logo {
  padding-left: 7%;
}
.info {
  padding-right: 3%;
  position:relative;
}
.burgermenu {
	position: absolute;
	top:2px;
	left:48px;
}
label.hamburg { 
   display: block;
   background: transparent; width: 50px; height: 50px; 
   position: relative; 
   margin-left: auto; margin-right: auto;
   border-radius: 4px; 
}

label.hamburg:hover {
	cursor: pointer;
}

input#hamburg {display:none}

.line { 
   position: absolute; 
   left:10px;
   height: 2px; width: 24px;  /*height: 4px; width: 35px;*/
   background: #000; border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

body.dark .line {
	background: #fff;
}

.line:nth-child(1) { top: 8px; /*top: 12px;*/ }
.line:nth-child(2) { top: 16px; /*24*/}
.line:nth-child(3) { top: 24px; /*36*/}

#hamburg:checked + .hamburg .line:nth-child(1){
   transform: translateY(8px) rotate(-45deg);
   /*transform: translateY(12px) rotate(-45deg);*/
}

#hamburg:checked + .hamburg .line:nth-child(2){
   opacity:0;
}

#hamburg:checked + .hamburg .line:nth-child(3){
   transform: translateY(-8px) rotate(45deg);
   /*transform: translateY(-12px) rotate(45deg);*/
}

#impressum {
	position: absolute;
	left:12px;
	top:60px;
	font-style: normal;
	font-size: 15px;
	text-align: left;
	white-space: nowrap;
	display:none;
	line-height: 142%;
	padding-right:20px;
	padding-bottom:20px;
	background-color: rgba(255,255,255,0.9);
	z-index: 1000;
}

body.dark #impressum {
    background-color: rgba(0,0,0,0.9);
}
#hamburg:checked ~ #impressum {
	display:block;
}


address a {
  color: #212529;
}
body.dark address a {
  color: #fff;
}
div.text {
  display: block;
  width: 162px;
  margin: 0px auto;
  white-space: nowrap;	
}
div.text.t1 span:first-child {
  letter-spacing: 5.85px;
}
div.text.t1 span:last-child {
  letter-spacing: 6.15px;
}
div.text.t2 span:first-child {
  letter-spacing: 1.4px;
}
div.text.t2 span:last-child {
  letter-spacing: 4.45px;
}
div.text.t3 span:first-child {
  letter-spacing: 1.05px;
  ;
}
div.text.t3 span:last-child {
  letter-spacing: 3.3px;
}
div.text.t4 span:first-child {
  letter-spacing: 1.858px;
}
div.text.t4 span:last-child {
  letter-spacing: -0.5px;
}
.info {
  text-align: center;
  font-size: 25px;
  font-style: italic;
  letter-spacing: 2px;
  position: relative;
  z-index: 20;
}
#wrapper_lampe {
  position: absolute;
  right: -16px;
  top: 0px;
  height: 200px;
  width: 200px;
  z-index: 10;
}

@media only screen and (max-width: 1200px) {
	#impressum {
		left:10px;
	}
	.burgermenu {
	  left: 30px;
	}
}

@media only screen and (max-width: 992px) {
  #wrapper_lampe {
    right: -50px;
  }
  #logo {
    width: 42%;
  }
  	#impressum {
		left:10px;
	}
	.burgermenu {
	  left: 6px;
	}	
}
@media only screen and (max-width: 768px) {
  html, body {
    height: auto;
  }
  .r1 {
    height: 150px;
  }
  .r2 {
    height: 350px;
  }
  .r3 {
    height: 20%;
  }
  .info {
    font-size: 20px;
  }
  #logo {
    width: 60%;
  }
  .info {
    padding-right: 10%;
  }
  #wrapper_lampe {
    right: 0px;
    width: 150px;
	z-index:150;  
  }
  div.text {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 10%;
    font-size: 15px;
  }
  #impressum {
		left:10px;
	    width:700px;
	    line-height: 100%;
	}
	.burgermenu {
	  left: 30px;
    top:-2px;
	}		
}
@media only screen and (max-width: 575px) {

  div.text {
    width: 288px;
    margin-bottom: 20px;
    padding-left: 0%;
    font-size: 27px;
  }
  div.text.t1 span:first-child {
    letter-spacing: 11.8px;
  }
  div.text.t1 span:last-child {
    letter-spacing: 12.4px;
  }
  div.text.t2 span:first-child {
    letter-spacing: 3.5px;
  }
  div.text.t2 span:last-child {
    letter-spacing: 9.1px;
  }
  div.text.t3 span:first-child {
    letter-spacing: 2.65px;
    ;
  }
  div.text.t3 span:last-child {
    letter-spacing: 6.6px;
  }
  div.text.t4 span:first-child {
    letter-spacing: 3.5px;
  }
  div.text.t4 span:last-child {
    letter-spacing: -0.4px;
  }
  .logo {
    padding-left: 0%;
  }
  #logo {
    width: 286px;
  }
  .info {
  font-size: 15px;
  z-index:200;	
	  position: inherit;
}
	#wrapper_lampe {
      right: 20px;
	}
	.burgermenu {
       top: 11px;
	   left:11px;
	   width:100%;	
	   
	}
	label.hamburg {
       margin-left: 0;
       margin-right: 0;
	   z-index:1250;		
	}
	#impressum {
		box-sizing: content-box;
		top:-10px;
		padding:70px 50px 20px 50px;
		/*width:290px;
		left:50%;
		margin-left:-195px;
		*/
		width:100%;
		font-size:25px;
		height: 800px;
		left:0;
		
	}
}