@charset "utf-8";

@font-face {font-family: 'WeeklyAlt-Thin'; src: url(font/WeeklyAlt-Thin.ttf) format('truetype'), 
	url(font/WeeklyAlt-Thin.woff) format('woff'), 
	url(font/WeeklyAlt-Thin.eot) format('embedded-opentype'), 
	url(font/WeeklyAlt-Thin.svg) format('svg');}
@font-face {font-family: 'WeeklyAlt-Light'; src: url(font/WeeklyAlt-Light.ttf) format('truetype'), 
	url(font/WeeklyAlt-Light.woff) format('woff'), 
	url(font/WeeklyAlt-Light.eot) format('embedded-opentype'), 
	url(font/WeeklyAlt-Light.svg) format('svg');}
@font-face {font-family: 'WeeklyAlt-Regular'; src: url(font/WeeklyAlt-Regular.ttf) format('truetype'), 
	url(font/WeeklyAlt-Regular.woff) format('woff'), 
	url(font/WeeklyAlt-Regular.eot) format('embedded-opentype'), 
	url(font/WeeklyAlt-Regular.svg) format('svg');}
@font-face {font-family: 'WeeklyAlt-SemiBold'; src: url(font/WeeklyAlt-SemiBold.ttf) format('truetype'), 
	url(font/WeeklyAlt-SemiBold.woff) format('woff'), 
	url(font/WeeklyAlt-SemiBold.eot) format('embedded-opentype'), 
	url(font/WeeklyAlt-SemiBold.svg) format('svg');}
@font-face {font-family: 'WeeklyAlt-Bold'; src: url(font/WeeklyAlt-Bold.ttf) format('truetype'), 
	url(font/WeeklyAlt-Bold.woff) format('woff'), 
	url(font/WeeklyAlt-Bold.eot) format('embedded-opentype'), 
	url(font/WeeklyAlt-Bold.svg) format('svg');}

u {text-decoration: none; border-bottom: 1px solid black;}

body {background-color: #015466; margin: 0px; font-family: 'WeeklyAlt-Regular','Gill Sans','Gill Sans MT',sans-serif;}

.header {margin: auto; margin-top: 20px; margin-bottom: 0px; text-align: center; width: 760px; height: 40px;
}
.main {margin: auto; padding: 40px; margin-top: 0px; margin-bottom: 0px; width: 720px; height: auto; background-color: #FFFFFF;
}
.schoenundgut {margin: auto; margin-top: 0px; margin-bottom: 50px; width: 720px; height: 100px;
}
.container {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;
}
.clear {clear: both;
}
.gifoliotext {margin-top: 50px; margin-bottom: 10px; width: 720px; height: auto; text-align: center; font-family: 'WeeklyAlt-SemiBold'; font-size: 16px; line-height: 32px;
}
.gifolio {margin-top: 40px; margin-bottom: 60px; width: 720px; height: 220px; text-align: center;
}
.punktlinie {margin: auto; margin-top: 10px; margin-bottom: 10px; width: 720px; height: 20px;
}
.abouttext {margin: auto; margin-top: 20px; margin-bottom: 20px; width: 700px; height: auto; font-family: 'WeeklyAlt-SemiBold'; font-size: 21px; line-height: 35px; text-align: center;
}
.birne {float: left; margin-top: 0px; margin-bottom: 10px; margin-left: 80px; width: auto; height: auto;
}
.pdfdownload {float: right; margin-top: 50px; margin-bottom: 10px; margin-left: 0px; width: 490px; height: auto; font-family: 'WeeklyAlt-Thin'; font-size: 33px; font-weight: 100;
}
.pdfdownload a:link {color: #000000; text-decoration: none;}
.pdfdownload a:visited {color: #000000;text-decoration: none;}
.pdfdownload a:hover {color: #0692d0;text-decoration: none;}
.pdfdownload a:active {color: #000000;text-decoration: none;}


.kontakt p{font-family: 'WeeklyAlt-Light'; font-size: 17px; line-height: 33px;}       
.kontakt a{color: #000000; text-decoration: underline;}            
.kontakt a:hover{color: #0692d0; text-decoration: underline;}    
.kontakt{width: 55%; display: block; float:left;}
.kontakt_inner{ padding: 20px 10px 10px 80px;}
.foto{width: 45%; float:right; display: block;}
.foto_inner{padding: 20px 10px 10px 30px;}   


.containerreferenzen {margin: auto; margin-top: 20px; margin-bottom: 0px; width: 640px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; font-family: 'WeeklyAlt-Light'; font-size: 14px; line-height: 18px;
}
.referenzenlinks {float: left; width: 200px; height: auto;
}
.referenzenmitte {float: left; width: 200px; height: auto;
}
.referenzenrechts {float: left; width: 200px; height: auto;
}

.footer {margin: auto; margin-top: 5px; margin-bottom: 80px; width: 800px; height: 20px; text-align: right; font-size: 11px; color: #FFFFFF;
}
.footer a:link {color: #ffffff; text-decoration: none;}
.footer a:visited {color: #ffffff;text-decoration: none;}
.footer a:hover {color: #ffffff;text-decoration: underline;}
.footer a:active {color: #ffffff;text-decoration: none;}

.impressum {margin: auto; margin-top: 20px; margin-bottom: 20px; width: 680px; height: auto; color: #5C5C5C; font-family: 'WeeklyAlt-Regular'; font-size: 15px; line-height: 23px;
}
.h1,h2,h3 {margin: 0px 0px 0px 0px;}
.h1 {font-size: 50px; font-weight: normal; font-family: 'WeeklyAlt-SemiBold'; }
.h2 {font-size: 33px; font-weight: normal; font-family: 'WeeklyAlt-SemiBold'; }
.h3 {font-size: 21px; font-weight: normal; font-family: 'WeeklyAlt-Regular'; line-height: 35px; }
.h4 {font-size: 14px; line-height: 18px; font-weight: normal;}
.kontakt {font-size: 21px; line-height: 35px; font-weight: normal;}




.uc-header {margin: auto; margin-top: 50px; margin-bottom: 20px; width: 800px; height: 40px;
}
.uc-logoheader {margin: auto; margin-top: 10px; margin-bottom: 0px; margin-left: 40px; width: 720px; height: 60px;
}
.uc-kontakt p{font-family: 'WeeklyAlt-Light'; font-size: 18px; line-height: 30px;}       
.uc-kontakt a{color: #000000; text-decoration: underline;}            
.uc-kontakt a:hover{color: #0692d0; text-decoration: underline;}    
.uc-kontakt{width: 55%; display: block; float:left;}
.uc-kontakt_inner{ padding: 20px 10px 10px 40px;}
.uc-foto{width: 45%; float:right; display: block;}
.uc-foto_inner{padding: 20px 10px 10px 30px;}

.uc-gifolio {float: left; margin-top: 15px; margin-bottom: 0px; width: 340px; height: 220px;
}
.uc-gifoliotext {float: right; margin-top: 0px; margin-bottom: 0px; margin-right: 80px; width: 280px; height: auto; text-align: left; font-family: 'WeeklyAlt-Bold'; font-size: 15px; line-height: 25px;
}