/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
	line-height: 1.8rem;
	color: #666666;
	letter-spacing: 0.02rem;
}
/* ----------------------------------------------------
	seiten hintergrund
------------------------------------------------------- */
body {
	background:#ED9D14;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
#all {
	max-width: 1170px;
	margin: auto;
	box-shadow:0 0 8px rgba(44, 44, 44, 0.5);
	background:#fff;
}




/* ----------------------------------------------------
	topheader
------------------------------------------------------- */
#topheader {
	display: flex;
	height: 78px;
	align-items: center;
	padding: 0 18px;
}
/* -------------------------
	topheader spez. moblie
---------------------------- */
@media (max-width:950px) {
	#topheader img {
		height: 65px;
 
	}
}

/* -------------------------
	topheader spez. desktop
---------------------------- */
@media (min-width:951px) {
	#topheader {
		height: 100px;
		padding: 0 70px;
	    justify-content: left;

	}
}

/* ----------------------------------------------------
	navi
------------------------------------------------------- */
input[id*="checker"] {display: none;}

/* -------------------------
	navi fuer moblie
---------------------------- */
@media (max-width:950px) {
	/* Burger-Button -------------------*/

	#burger {
		position: fixed;
		top: 78px;
		right: 0px;
		height: 3.5rem;
		width: 3.5rem;
		background: #ffa800aa;
		display: block;
		z-index: 101;
		transition: 1s;
	}


	/* Linien des Burgermenu ---*/
	#burger .line {
		height: 2px;
		width: 60%;
		position: absolute;
		left: 20%;
		background: #fff;
		transition: 0.5s 0.5s;
	}

	#burger .line:nth-of-type(1) {
		top: 34%;
	}

	#burger .line:nth-of-type(2) {
		top: 49%;
	}

	#burger .line:nth-of-type(3) {
		top: 64%;
	}

	#navchecker:checked+#burger .line:nth-of-type(1) {
		transform: rotate(45deg);
		top: 49%;
	}

	#navchecker:checked+#burger .line:nth-of-type(2) {
		transform: rotate(-135deg);
	}

	#navchecker:checked+#burger .line:nth-of-type(3) {
		transform: rotate(-45deg);
		top: 49%;
	}


	/* navi -----*/

	#navchecker {
		display: none;
	}
	#topnav {
		position: fixed;
		top: 0;
		right: 0;
		transform: translateX(100%);
		max-width: 400px;
		height: 100vh;
		line-height: 40px;
		background: rgba(240, 240, 240, 0.9);
		z-index: 99;
		transition: .5s;
	}

	#navchecker:checked~#topnav {
		transform: translateX(0%);
	}

	#topnav ul {
		list-style: none;
		margin-top: 78px
	}

	#topnav ul a {
		text-decoration: none;
		text-align: left;
		display: block;
		font-size: 1.2rem;
		color: #333;
		margin: 0 22vw 0 6vw;
		transform: scale(1);
		font-weight: 400;
		transition: 0.5s;
	}

	#topnav a:hover,
	#topnav a.akt {
		color: #76b62f;
		transform: scale(1.2) translateX(8px);
	}
	/* Zwischenschicht #backnav ---*/

	#backnav label {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		background: rgba(0,0,0,0.1);
		cursor: pointer;
		transition:0.5s;
	}

	#navchecker:checked~#backnav label {
		z-index: 98;
	}


}

/* -------------------------
	navi fuer desktop
---------------------------- */
@media (min-width:951px) {
	#topnav {
		padding: 0 70px;
		background: #353535;
	}
	#topnav ul {
		list-style: none;
		display: flex;
		justify-content: space-between;
	}
	#topnav li {
		flex-basis:0;
		flex-grow: 0;
	}
	#topnav a {
		color: #ffa800;
		text-decoration: none;
		letter-spacing: 0.03em;
		line-height: 26px;
		white-space: nowrap;
		font-weight: 400;
	}
	#topnav a:hover,
	#topnav a.akt {
		color: #fff;

	}
}

/* ----------------------------------------------------
	main
------------------------------------------------------- */
main {
	margin-top: 36px;
	display: block;
	padding: 0 18px;
}
/* -------------------------
	main fuer desktop
---------------------------- */
@media (min-width:700px) {
	main {
		margin-top: 50px;
		padding: 0 70px;
	}
}

/* ----------------------------------------------------
	text
------------------------------------------------------- */
h1 {
	color: #666666;
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
	font-size: 2.5rem; 
	line-height: 3rem;
	letter-spacing: 0.01rem;
	
}


h2 {
	color: #666666;
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
	font-size: 1.95rem;
	line-height: 2.0rem;
	letter-spacing: 0.01rem;
}

h3 {
	color: #ffa800;
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
	font-size: 1.5rem; 
	letter-spacing: 0.02rem;
	margin-bottom: 0.5rem;
}

h4 {
	color: #666666;
	font: 700 1rem roboto, sans-serif;
	line-height: 1.3rem;
	letter-spacing: 0.01rem;
	padding: 0 0 5px 0;
}
a {
  text-decoration: none;
}
strong {
	color:#666666;
	font: 700 1rem roboto; sans-serif;
}

extra {
	color:#666666;
	font: 500 0.9rem roboto, sans-serif;
}
.kleiner {
	font-size: 0.9rem;
	line-height: 1.0rem;
	text-indent: 0.1rem;
}
.klein-mobi {
	font-size: 0.9rem;
	line-height: 1.8rem;
	text-indent: 0.1rem;
}


ul.a {
	list-style: none;
    padding: 0 5px 0 12px;
    text-indent: -15px;
	text-decoration: none;
 
}
ul.a li {
    content:"-"; 
	padding-right: 5px;
	font-size: 0.9rem;
	color: #3F58A6;
	line-height: 1rem;
	text-decoration: none;
}

ol {
	list-style: none;
    padding: 0 0 0 15px;
    text-indent: -15px;
	text-decoration: none;
}
ol li::before {
	content:"\25CF"; 
	padding-right: 5px;
	color: #A1A1A1;
	line-height: 1rem;
	font-size: 0.8rem;
} 

p {
	line-height: 1.5rem;
	margin-bottom: 0.5rem;
}
main ul {
	list-style: none;
    padding: 0 0 0 12px;
    text-indent: -12px;
	text-decoration: none;
	font-size: 0.85rem;
	line-height: 1.5rem;
}
main ul li::before {
	content:"–"; 
	padding-right: 5px;
	font-size: 0.9rem;
	color: #666666;
} 
main a {
	text-decoration: none;
	color:#666666;
}
main a:hover {
	color: #ffcc66;
}
.aktiv {
	color:#666666;
}
.button {
	font: 300 1rem roboto300, sans-serif;
	color: #ffffff;
	cursor: pointer;
    padding-right: 5px;
    padding-left: 5px;
	background: #c2c0ba
}
.buttonohne {
	font-family: roboto300, sans-serif;
	font-size: 12px;
	color: #ffffff;
	cursor: pointer;
	padding: 2px;
	padding-right: 5px;
	padding-left: 5px;
	background: #c2c0ba
}
.button:hover {
	color: #ffffff;
	background: #ffcc66;
}
.abstand {
	margin-top: 20px;
	padding-bottom: 40px;
}
.cookie {
	font: 300 0.7rem roboto300, sans-serif;
	letter-spacing: 0.05rem;
	padding-top: 5px;
}
.link {	
	font-family: roboto300, sans-serif;
	text-decoration: none;
	font-size: 14px;
	line-height: 14px;
	color: #666666;
}
.link:hover {
	color: #ffa800;
}
.link:a {
	color: #666666;
}
.test {
    color: #00000;
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
	font-size: 2.5rem;
	line-height: 3rem;

}

/* ----------------------------------------------------
	footer
------------------------------------------------------- */
footer {
	margin-top: 36px;
	color: #000000;
	font-size: 0.938rem;
	line-height: 1.5rem;
	letter-spacing: 0.03rem;
	background: #E9E9E9;
}

footer a {
	text-decoration: none;
	color: #000000;
}
footer a:hover {
	color: #f90;
}


/* -------------------------
	footer spez. desktop
---------------------------- */
@media (min-width:700px) {
	footer {
		height: 250px;
		display: flex;
		justify-content: start;
		margin: 40px 0 0;

	}
	footer > section {
		margin: 0px;
		padding: 0px;
	}
}
/* ----------------------------------------------------
	impressum
------------------------------------------------------- */
.impressum {
	color: #fff;
	font-size: 0.8rem;
	line-height: 0.5rem;
	letter-spacing: 0.03rem;
	background: #B2B3B3;
	padding: 5px 60px 0px;
	text-align: right;
}
.impressum a {
	text-decoration: none;
	color: #fff;
}
.impressum a:hover {
	color: #f90;
}
.impspalten > div {
	margin: 0;
}
@media (min-width:700px) {
	.impspalten {
		display: flex;
		justify-content: space-between;	
	}
	.impspalten > div {
		flex-basis: 0px, 0%;
	}
}
.impressum-mobi {
	color: #fff;
	font-size: 0.8rem;
	line-height: 0.5rem;
	letter-spacing: 0.03rem;
	background: #B2B3B3;
	padding: 15px 20px 20px;
}
.impressum-mobi a {
	text-decoration: none;
	color: #fff;
}
.impressum-mobi a:hover {
	color: #f90;
}

/* ----------------------------------------------------
	frei Klassen
------------------------------------------------------- */
@media (max-width:950px) {
	.nomobile { display: none;}
}
@media (min-width:951px) {
	.nodesk { display: none;}
}

/* -------------------------
	Zweispalter
---------------------------- */
.zweispalter > div {
	margin: 2% 0;
}
@media (min-width:700px) {
	.zweispalter {
		display: flex;
		justify-content: space-between;	
	}
	.zweispalter > div {
		flex-basis: 30%, 10%;
	}
}
/* -------------------------
	Spalten
---------------------------- */
.spalten > div {
	margin: 2% 0;
}
@media (min-width:700px) {
	.spalten {
		display: flex;
		justify-content: space-between;	
	}
	.spalten > div {
		flex-basis: 30%, 10%;
	}
}

/* -------------------------
	Reihe
---------------------------- */

 /* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 33.33%;
  padding: 0px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}