/* noto-sans-regular - latin */
@font-face {
	font-family: 'Montserrat', sans-serif;
  	font-style: normal;
  	font-weight: 400;
 	src: url('fonts/Montserrat-VariableFont_wght.ttf'); /* IE9 Compat Modes */
  	src: local('Montserrat'),
url('fonts/Montserrat-VariableFont_wght.ttf') format('truetype'), 
 
	   
}

@font-face {
  	font-family: 'Noto Sans';
  	font-style: normal;
  	font-weight: 400;
 	src: url('fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  	src: local('Noto Sans'),
url('fonts/noto-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/noto-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
url('fonts/noto-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

body {
    margin:0px;
    padding:0px;
    width:100%;
    height:100%;
    background: rgb(220,220,220);
	}

header {

	background: rgb(255,255,255);
	margin:0 auto;
    width:100%;
    padding:30px 0px 30px 0px;
}

#logowrapper { 
	margin:0 auto;
 	width:80%;}

.logo {
 	width:25%;
}

#main {
  	margin:0 auto;
    width:80%;
    padding:30px 30px 0px 30px;
}

#icons img{
	width: 450px;
	margin-top: 3%;
	margin-right: 37%;
}

.icons-rechts {
float: right;

}

#personen img {
	width: 440px;
	margin-right: 50%;
	margin-top: -4.5%;
}

.peronen-rechts {
float: right;
}

footer {
  	margin:0 auto;
    width: 80%;
	margin-top: 4%;
}

.impressum { color: #b61615;
			 font-size: 0.8em;
}

#impressum {
  	margin:0 auto;
    width:80%;
    padding:30px 30px 0px 30px;
}


/* Type */

html {font-size: 15.5pt;}

@media screen and (max-width: 1680px) {

	html { font-size: 12pt; }
	.logo {width:50%;}
	#icons img {width: 420px;}
	#personen img {width: 300px;}
}

@media screen and (max-width: 820px) {

	html {font-size: 11pt;}
	.logo {width:50%;}
	#icons img {width: 250px;
	margin-right: 0%;
	margin-top: 5%;}
	#personen img {width: 250px;
				margin-right: 25%;}
	footer { margin-top: 8%}
}


@media screen and (max-width: 768px) {

	html {font-size: 11pt;}
	.logo {width:50%;}
	#icons img {width: 250px;
	margin-left: 10%;
	margin-top: 10%;}
	#personen img {width: 250px;
				margin-right: 20%;}
	footer { margin-top: 8%}
}

@media screen and (max-width: 375px) {

	html {font-size: 10pt;}
	.logo {width:100%;}
	#icons img {width: 250px;
			margin-bottom: 5%;
		margin-right: 0.2px;}
	#personen img {width: 300px;
			float: none;
			margin-bottom: 5%;}
}

@media screen and (max-width: 736px) {

h1 {
	font-size: 1.75rem;
	line-height: 1.4;
}

h2 {
	font-size: 0.9rem;
}

	}

body, input, select, textarea, p, a {
	color: #3c3c3b;
	font-family: 'Noto Sans';
	font-weight: 300;
	font-size: 0.9rem;
	line-height: 1.65;
}

strong, b {font-weight: 600;}

em, i {font-style: italic;}

p { margin: 0 0 2rem 0;}

ul { font-size: 0.9rem;}

h1, h2, h3, h4, h5, h6 {
	color: #b61615;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 1rem 0;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
}

h1 {
	font-size: 1.3rem;
	line-height: 1.3;
}

h2 {
	font-size: 1rem;
	line-height: 1.4;
	letter-spacing: 0.rem;
	color: #b61615;
}

h3 {font-size: 1rem;}

h4 {font-size: 0.8rem;}

h5 {font-size: 0.7rem;}

h6 {font-size: 0.6rem;}



/* List */

/* ol {
	list-style: decimal;
	margin: 0 0 2rem 0;
	padding-left: 1.25em; 
}

 ol li { padding-left: 0.25em;} */

ul {
	list-style: disc;
	margin: 0 0 2rem 0;
	padding-left: 1em;
}

/*ul li {padding-left: 0.5em;}*/

ul.alt {
	list-style: none;
	padding-left: 0;
}

ul.alt li {
	border-top: solid 1px #ffffff;
	padding: 0.5em 0;
}

ul.alt li:first-child {
	border-top: 0;
	padding-top: 0;
}