html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:before , .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix { zoom:1; }

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

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


body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #4d4d4d;
    position: relative;
    height: 100%;
}
.hide {
    display: none;
}
strong {
    font-weight: bold !important;
    color: #226446;
}
#wrapper {
	width: 800px;
	margin: 0 auto;
	margin-top: 45px;
}
P {
    margin-bottom: 25px;
}
header {
	width: 100%;
	height: 75px;
	background-color: #226446;
}

.logo {
	width: 240px;
	height: 75px;
	float: left;
}

.logo img {
	margin-left: 30px;
	margin-top: 20px;
}
.mobile-nav {
	display: none;
}
/* mobile-menu */
label {
  cursor: pointer;
}
label:focus {
  outline: none;
}



iframe.youtube {text-align: right; right: 0; width: 260px; height: auto; float: right;}



.menu {
  position: absolute;
  top: 75px;
  left: 0;
  background: rgba(34, 100, 70, 0.9);
    -webkit-box-shadow: 1px 1px 3px #226446;
    box-shadow: 1px 1px 3px #226446;
  width: 240px;
  min-height: 100%;
  transform: translate3d(-240px, 0, 0);
  transition: transform 0.35s;
}
.menu label.menu-toggle {
  position: absolute;
  top:-45px;    
  right: -60px;
  width: 60px;
  height: 60px;
  line-height: 0px;
  display: block;
  padding: 0;
  text-indent: -9999px;
  background: rgba(34, 100, 70, 0.9) url(../images/menu-alt-512.png) 50% 50%/25px 25px no-repeat;
}

.menu ul li a, .menu ul li label {
    font-family: "Times New Roman", Georgia, Serif;
	font-size: 18px;
	font-style: italic;
  display: block;
  text-align: center;
  padding: 0 20px;
  line-height: 60px;
  text-decoration: none;
  color: #e9e8ce;
    
}
.menu ul li a:hover, .menu ul li label:hover , .menu ul li.active a {
    background: rgba(233, 232, 206, 0.7);
    -webkit-transition: background-color 0.75s;
-moz-transition: background-color 0.75s;
-o-transition: background-color 0.75s;
-ms-transition: background-color 0.75s;
transition: background-color 0.75s;
  color: #226446;
}

/* hide inputs */
.menu-checkbox {
  display: none;
}

/* hide navigation icon for sublabels */
.menu .menu label.menu-toggle {
  background: none;
}

/* fade in checked menu */
.menu-checkbox:checked + .menu {
  transform: translate3d(0, 0, 0);
}
/* end mobile-menu */
nav {
	height: 75px;
	margin-right: 26px;
	float: right;
}

nav ul {
	margin-top: 35px;
}

nav ul li {
	float: left;
	margin-left: 30px;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 18px;
	font-style: italic;
}

nav ul li a {
	text-decoration: none;
	color: #e9e8ce;
}

nav a:hover {
	text-decoration: underline;
}

.active {
	color: #e9e8ce;
	text-decoration: underline;
}

.headerbild { 
	width: 100%;
	float: left;
}

article {
	width: 100%;
	background-color: #e9e8ce;
	float: left;
}

.content {
	width: 742px;
	margin-left: 30px;
    line-height: 1.56em;
	margin-top: 60px;
}
.content a {
    color: #226446; text-decoration: underline;
}
.fl-r {
    float: right;
}
.content ul {
    margin: 20px 0 20px 0;
}
.content ul li {
        background: url(../images/list-dot.png) center left no-repeat;
        padding-left: 15px;
        margin-bottom: 15px;
    }

.col-1 {
	width: 380px;
	height: auto;
	float: left;
}
.col {
    width: 45%;
    float: left;
    margin-right: 5%;
    margin-bottom: 95px;
}

.col-wide iframe {
    width: 100%;
    height: 260px;
}
.col-wide {
	width: 100%;
    margin-bottom: 35px;
}
.col img {
	float: left;
    margin: 0 5% 4% 0;
}
.col:last-child {
    margin-right: 0;
}
.col-1 p {
	line-height: 150%;
	margin-bottom: 30px;
}

.col-2 {
	width: 350px;
	height: auto;
	margin-left: 12px;
	float: left;
}

.col-2 img {
	border: 3px #c3c2a1 solid;
	float: right;
}
.tooltip-label {
    width: 95%;
    text-align: center;
  font-size: 1em;
  font-family: 'Helvetica' serif;
  background: #c3c2a1;
  padding: 0.6em;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 25px;
}
.tooltip-label:hover {
    color: #fff;
    background: #226446;
-webkit-transition: all 0.75s;
-moz-transition: all 0.75s;
-o-transition: all 0.75s;
-ms-transition: all 0.75s;
transition: all 0.75s;
}
.tooltip-input {
    display: none;
} /*Hide input element*/

.tooltip-content {
    margin-bottom: 55px;
}
.tooltip-input:not(checked) ~ .tooltip-content {
    display: none;
}
.tooltip-input:checked ~ .tooltip-content {       
    display: block;
}
.info {
	font-size: 12px;
	font-style: italic;
	font-family: "Times New Roman", Georgia, Serif;
	margin-top: 3px;
	float: right;
	text-align: right;
}

h1 {
	width: 742px;
	margin-bottom: 35px;
	font-size: 35px;
	font-family: "Times New Roman", Georgia, Serif;
	font-style: italic;
	font-weight: 700;
    line-height: 39px;
	color: #226446;
	border-bottom: 1px #c3c2a1 solid;
	
}

h2 {
    font-family: "Times New Roman", Georgia, Serif;
    font-size: 20px;
	font-style: italic;
	font-weight: 700;
	color: #226446;
    margin-bottom: 15px;
}

.clear {
	clear: both;
}

footer {
	width: 100%;
	height: 35px;
	font-size: 10px;
}

footer ul {
	width: 720px;
	margin: 0 auto;
	margin-top: 10px;
}

footer ul li {
	float: left;
	border-right: 1px #ccc solid;
}

footer ul li:last-child {
	border-right: 0px #ccc solid;
}


footer ul li a {
	display: block;
	color: #a4a4a4;
	text-decoration: none;
	padding: 0 5px;
}

footer ul li:last-child {
	border-right: 0px;
}
/* Form style */

label {
    display: block;
    font-weight: bold;
    margin-top: 40px;
    font-size: 14px;
}
a.submit {
    width: 87%;
    font: 14px 'Open Sans', sans-serif;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
.submit {
    width: 100%;
    font-size: 14px;
    background: #444;
    padding: 10px 20px;
    margin-top: 20px;
    cursor: pointer;
    border: none;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.submit:hover {
    background: #226446;
}

#capticha_img {
    padding-top: 10px;
    max-width: 200px;
}

#capticha {
    max-width: 200px;
}

#form1 div { position: relative;}


#form1 .text-input, #form1 textarea {
    font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid;
    border-left: none;
    border-right: none;
    border-top: none;
    border-color: #ddd;
    margin-bottom: 5px;
    display: block;
    width: 96%;
    padding: 2%;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#form1 select {
    width: 100%;
    border: none;
    background: none;
}

.selectbox {
    width: 96%;
    padding: 1% 2%;
    background: #F0F0F0;
}

#form1 .text-input:hover, #form1 textarea:hover {
    border-color: #226446;
}

#form1 textarea {
    min-height: 100px;
    max-height: 350px;
    margin-top: 10px;
    resize: none;
}

#status_message_ok, #status_message_error {
    background: #DCEBD0;
    border: 1px solid #B2C0A2;
    display: none;
    height: auto;
    margin-bottom: 45px;
}

#status_message_ok strong, #status_message_error strong {
    font-size: 15px;
    display: inline-block;
    margin-bottom: 5px;
}

#status_message_ok span, #status_message_error span {
    display: block;
    font-size: 13px;
    padding: 15px;
}

label.error {
    font-size: 10px;
    margin: 0;
    font-style: italic;
    padding: 4px 12px;
    display: block;
    background: rgb(228, 19, 19);
    color: #fff;
    position: absolute; right: 0; bottom: 0;
}

input.error, textarea.error {
    border-color: rgb(228, 19, 19) !important;
}


span.info {
    font-size: 10px;
    color: #9E9E9E;
    display: inline-block;
    margin: 20px 0
}


.data { position: fixed; right: 0; top: 0%; display: inline-block; text-align:right; width:50%;line-height: 30px;}
.data a {padding: 1% 2%; background: #226446; color: #e9e8ce; text-decoration: none}
.data a:hover {background: #e9e8ce; color: #226446;}
.contactform {width: 100%; height: 750px;}

/* tabletts */



@media only screen and (max-width: 815px) {
	iframe.youtube {text-align: left; width: 260px; height: auto; float:none; display: block;}
	
	
	
    #wrapper , body , html , footer ul , .headerbild img {
        max-width: 100%;
    }
    .data {top: 10%; right:0; display: block;}
    .col img {
	width: 80%;
}
    #wrapper {
	    margin: 0;
        padding: 0;
    }
    nav ul {
        max-width: 100%;
    }
    .content {
        width: 90%;
    }
    
    h1 {
        width: 90%;
    }
    .col-1 {
	    width: 90%;
        float: none;
        margin: 0;
    }
    .col-2 {
        width: 90%;
        margin-left: 20px;
        margin-bottom: 30px;
    }
    .col-2 img {
	    float: left;
    }
    .info {
	    float: left;
    }
    .col-wide {
	    width: 90%;
    }
}
/* mobile */
@media only screen and (max-width: 632px) {
    html {
        background: #e9e8ce;
    }
    
    .data {bottom: 0; right: 0; position: relative; WIDTH: 100%;}
    .logo {
	    float: right;
        margin-right: 20px;
    }
    .mobile-nav {
	    display: block;
    }
    nav , footer {
        display: none;
    }
    .col {
        width: 90%;
        float: none;
    }
    .hide {
	    display: block;
    }
    .hide-mobile {
        display: none;
    }
}