@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'work_sanslight';
    src: url('worksans-light-webfont.woff2') format('woff2'),
         url('worksans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'work_sansmedium';
    src: url('worksans-medium-webfont.woff2') format('woff2'),
         url('worksans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
	font-size: 100%;
	line-height: 140%;
	font-weight: lighter;
	color: #036;
	text-decoration: none;
	background-color: #F6F6F6;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	font-family: 'work_sanslight', sans-serif, Arial, Verdana;
}
body {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
a:link {
	color: #036;
	text-decoration: none;
}
a:visited {
	color: #036;
	text-decoration: none;
}
a:hover {
	color: #036;
	text-decoration: underline;
}
p {
	padding: 0px;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}
h1 {
	font-family: 'work_sansmedium', sans-serif, Arial, Verdana;
	font-weight: 500;
	margin: 0px;
	padding: 0px;
	line-height: 130%;
}
h2 {
	font-weight: 300;
	margin: 0px;
	padding: 0px;
	line-height: 130%;
}
h3 {
	font-weight: 500;
	padding: 0px;
	margin-top: 0.5rem;
	margin-right: 0px;
	margin-bottom: 0.5rem;
	margin-left: 0px;
	line-height: 130%;

}
.wrapper header h1 {
	font-size: 5vw;
	line-height: 6vw;
}
.wrapper header h2 {
	font-size: 3.6vw;
	line-height: 4vw;
}
.wrapper {
	background-color: #FFF;
	padding: 3rem;
	margin: 0px;
	box-sizing: border-box;
}
header {
	box-sizing: border-box;
	text-decoration: none;
	display: block;
	margin-bottom: 2rem;
}
.isselhorst_logo {
	width: 71vw;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
nav {
}
main {
	box-sizing: border-box;
	display: block;
	}
.main-content {
	color: #036;
	font-size: 3.9vw;
	line-height: 4.6vw;
	font-weight: 300;
	padding-top: 0rem;
	padding-bottom: 6vw;
	display: block;
}
footer {
	background-color: #86bc25;
	padding: 3rem;
	margin-top: 0px;
	margin-right: -3rem;
	margin-bottom: -3rem;
	margin-left: -3rem;
	box-sizing: border-box;
	display: block;
	font-weight: 300;
	color: #FFF;
	font-size: 1rem;
	padding-bottom: 1.5rem;
}
.footer_subsite {
	box-sizing: border-box;
	display: block;
	padding-bottom: 6vw;
}
.isselhorst_logo_sub {
	width: 90%;
	max-width: 320px;
	margin-top: 2.5rem;
	margin-bottom: 0.5rem;
}

@media only screen and (min-width:440px){

.isselhorst_logo {
	margin-top: 2rem;
}
}

@media only screen and (min-width:600px){
.main-content {
	font-size: 3.1vw;
	line-height: 3.8vw;
}
}
@media only screen and (min-width:800px){
.main-content {
	font-size: 2.6vw;
	line-height: 3.4vw;
}
}

@media only screen and (min-width:992px){

.wrapper header h1 {
	font-size: 50px;
	line-height: 60px;
}
.wrapper header h2 {
	font-size: 34px;
	line-height: 40px;
}

.wrapper {
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
}
.isselhorst_logo {
	max-width: 700px;
}
.main-content {
	font-size: 23px;
	line-height: 28px;
}

body {
	padding: 2rem;
}
}
.footerlink {
	color: #FFF;
	text-decoration: underline;
}
.foto_hartmut-isselhorst {
	width: 50%;
	padding: 0px;
	margin-top: 4rem;
	margin-bottom: 0.5rem;
	border: 1px solid #FFF;
	min-width: 180px;
	max-width: 260px;
}
/*.typomaxsize {
	font-size: 23px;
	line-height: 28px;
}*/