/* CSS Grundeinstellungen */
*, *:before, *:after {
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;}

html{
	font-size: 100%;
	overflow:hidden;
  overflow-y: scroll;	}

.sprung{ text-decoration:none;font-size:16px;letter-spacing:.5px;color:#000;padding:2px 5px;}
.sprung:focus,.sprung:hover{ background:#4C9771;color:white;}

.cke_editable, .cke_show_borders {
	height:100% !important;}

html,body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background-color:#FFFFFF;}

body{
	font-family:Assistant;
	font-weight: normal;
	font-size: 1rem;
	color:#111111;}

.text{
	font-family:Assistant;
	font-size:1rem;
	font-weight:bold;
}

/*
body {
	-webkit-animation: fade-in ease-in-out 1.4s;
	animation: fade-in ease-in-out 1.4s; }
*/

.ie7 body{
	overflow:hidden;}

header{
	padding-top:20px;
	height:150px;
	overflow-y:visible;
	background-color:#B1DAC8;}
	
#slider{
	overflow-y:hidden;
	margin-bottom:1rem;
	max-height:450px;}

#slider img{
    width: 100%;
    height: auto;}

@media screen and (min-width: 1050px) {
	#slider img{
		position:relative;top:-10vh;
	}
}

@media screen and (min-width: 1250px) {
	#slider img{
		position:relative;top:-15vh;
	}
}

@media screen and (min-width: 1450px) {
	#slider img{
		position:relative;top:-20vh;
	}
}

@media screen and (min-width: 1650px) {
	#slider img{
		position:relative;top:-25vh;
	}
}

@media screen and (min-width: 1850px) {
	#slider img{
		position:relative;top:-30vh;
	}
}

@media screen and (min-width: 2100px) {
	#slider img{
		position:relative;top:-40vh;
	}
}

content{
	min-height:600px;
	background-color:#FFFFFF;}

content img{
	margin:.5rem 0;
	padding:.5rem;
	box-shadow:1px 1px 4px rgba(0,0,0,.5);
	max-width:100%;}

footer{
	padding-top:40px;
	padding-bottom:20px;
	height:150px;
	background-color:#B1DAC8;}

header, content, footer{
	display:block;
	clear:both;}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;}

ol,ul {
	list-style:none;}

#heading{
	display:block;
	height:50px;
	text-align:center;}

#heading h1{
	font-size:4rem;}

.in{
 display:inline-block;}

nav{
	padding-top:50px;
	margin:auto;
	text-align:center;
	width:100%;
	height:60px;
	display:block;}

header ul li,header ul li strong{
	cursor:pointer !important;}

#nav{
	height:30px;}

#nav li:not(.navmobile){
	margin-right:1.5rem;
	display:inline-block;}

#nav li:last-child{
	margin-right:0;}

.nav,.nava{
	text-decoration:none;}
.nava{
	color:#4C9771;}

.navmobile{
	display:none;}

caption,th {
	text-align:left;}

h1, h2, h3, h4, h5, h6 {
	color:#333333;
	font-family:Yellowtail;
	clear:both;
	font-size:100%;
	font-weight:normal;}

table {
	border-collapse:collapse;
	border-spacing:0;}

a[type="application/pdf"] { }

input[type="submit"],
input[type="text"],
input[type="email"],textarea{
	font-family:Assistant;
	font-size:1rem;
	padding:3px 5px 4px;
	border:1px solid #cccccc;
	padding:3px 5px 4px;
	color:#111111;
	width:98%;}

input[type="submit"]{
	cursor:pointer;}

abbr,acronym { border:0;}

a{
	color:#333333;
	font-weight:400;
	text-decoration: underline;}

a:hover{
	color:#4C9771;}

header a{
 font-weight:700;}

a[href^=tel]:hover{
	cursor:default;
	text-decoration:none;}

hr{
	color:#FFFFFF;
	background:none;
	height:1px;line-height:1px;
	border:none;
	border-bottom:3px dotted #4C9771;
	padding-top:1rem;
	margin-bottom:1rem;}

.clr{
	clear: both;}

.smoothy{
   -webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    transition:width 300ms ease-in-out, height 300ms ease-in-out;}

h1{
	font-size:2.75rem;
	margin-bottom:.5rem;}

h2{
	font-size:2.25rem;
	margin-top:1rem;
	margin-bottom:.3rem;}

h3{
	font-size:1.75rem;
	margin-top:1em;
	margin-bottom:.3em;}

h4{
	font-size:1.5rem;
	margin-top:1em;
	margin-bottom:.3rem;}

h5{
	font-size:1.25rem;
	margin-top:1em;
	margin-bottom:.3rem;}

h6{
	font-size:1rem;
	margin-top:1em;
	margin-bottom:.3rem;}

p{
	margin-bottom:.5rem;}


.left{
	clear:left;
	display:inline-block;float:left;}

.right{
	display:inline;float:left;}

.both{
	clear:both;
	display:block;}

.left,.right,.both{
	margin-bottom:1em;}

.nw{
	white-space:nowrap;}

.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
        -ms-user-select: none;
            user-select: none;}

.row{
	clear:both !important;
	display:block;
	width:100% !important;}

.col-20p{
	display:inline-block;
	float:left;
	width:25%;}

.col-60p{
	display:inline-block;
	float:left;
	width:50%;}

.col-1{
	display:inline-block;
	float:left;
	width:8.3%;}

.col-2{
	display:inline-block;
	float:left;
	width:16.66%;}

.col-3{
	display:inline-block;
	float:left;
	width:25%;}

.col-4{
	display:inline-block;
	float:left;
	width:33.33%;}

.col-5{
	display:inline-block;
	float:left;
	width:42%;}

.col-6{
	display:inline-block;
	float:left;
	width:50%;}

.col-7{
	display:inline-block;
	float:left;
	width:58%;}

.col-8{
	display:inline-block;
	float:left;
	width:66.66%;}

.col-9{
	display:inline-block;
	float:left;
	min-width:75%;
	width:75%;}

.clearfix::before,
.clearfix::after {
  content: " ";
  display:block;} 

.clearfix::after {
  clear:both;}

.clearfix {
  *zoom: 1;}

#emblem{
	pointer-events: none;
	float:left;
	position:relative;
	height:120px;
	margin-left:-2rem;
	margin-top:-120px;
	z-index:99;}

#emblem img{
	width:100%;
	max-width:250px;}
		
li .navmobile{
	display:none;}

/* Media Queries */
@media screen and (max-width: 1350px) {

	.col-20p{
		display:inline-block;
		float:left;
		width:15%;}

	.col-60p{
		display:inline-block;
		float:left;
		width:70%;}

	#emblem{
		margin-left:-1rem;
		margin-top:-130px;}

	#emblem img{
		width:66%;
		min-width:110px;
		max-height:150px;
		max-width:150px;}

}

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

	#nav li{
		margin-right:.5rem;}

	#nav li:last-child{
		margin-right:0;}

	#heading h1{
		font-size:3rem;}

	.nav,.nava{
		font-size:.8rem;}

	footer{
		height:auto;}

	footer p{
		margin-bottom:0;}

	footer .col-20p{
		width:5% !important;}

	footer .col-60p{
		width:90%;}

	footer .col-4{
		width:33%;clear:right;}

}

@media screen and (max-width: 760px) {
	header .col-20p{
		width:0;}

	header .col-60p{
		width:100%;}

	header h1{
		padding-left:20%;}

	nav ul{
		width:100%;
		display:block;}

	#nav{
		display:block;
		position:absolute;z-index:90;height:2rem;overflow:hidden;
			background:#B1DAC8;	}

	#nav li,
	#nav li a:hover{
		width:100%;
		color:#111111;
		background:#4C9771;}
	.nav{
		color:#111111;}

	.nav:hover,.nava,.nava:hover{
		color:#B1DAC8 !important;}

	#nav li{ display:block !important;}
	.nav,.nava{
		font-size:1rem;line-height:2rem;}

	.navmobile{
		display:block !important;}
}

@media screen and (max-width: 600px) {
	#heading h1{
		padding-top:10px;
		font-size:2.5rem !important;}

	#emblem{
		margin-left:-1rem;
		margin-top:-130px;}

	#emblem img{
		width:110px;
		max-height:150px;
		max-width:150px;}

	footer .col-4{
		margin:0 0 1rem 0;
		width:100% !important;
		display:block !important;
		padding-left:30% !important;
		clear:both !important;}
}

@media screen and (max-width: 400px) {
	#heading h1{
		padding-top:15px;
		padding-left:30%;

		font-size:2rem !important;}
}