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


html {
-webkit-text-size-adjust: 100%;
}

#wrapper{
width: auto;
max-width: 960px;
}


header{
	/*
height: 0;
padding-bottom: 22.1875%;
padding-bottom: 38.54166666666667%;
*/
overflow: hidden;
width: 100%;
}

header h1 {
left: 70.41666666666667%;
position: absolute;
padding-top: 9.89583333333333%;
top: 0;

width: 24.58333333333333%;
height: 0;
padding-bottom: 8.02083333333333%;
margin: 0;
}
header h1 img {
display: block;
width: 100%;
}

#nav1{
display: none;
}

#content {
padding:  5.20833333333333%  2.08333333333333%;
margin: 2% 0 0 0;
}


.col1_3{
float: left;
display: inline;

padding: 0;
margin: 0 2.46913580246914% 10px 2.46913580246914%;

width: 28.39506172839506%;
position: relative;
}

.col1-5_3{
float: left;
display: inline;

padding: 0;
margin: 0 2.46913580246914% 10px 2.46913580246914%;

width: 45.06172839506172%;
position: relative;
}

.col1_3.box,
.col1-5_3.box{
background: #efefef;
padding: 2.46913580246914%;
padding: 1.23456790123457%;
padding-bottom: 2px;
box-sizing: border-box;

font-size: 0.9em;
line-height: 1.2em;
}

.col2_3{
float: left;
display: inline;

padding: 0;
margin: 0 2.46913580246914% 10px 2.46913580246914%;

width: 61.7283950617284%;
position: relative;
}

.col3_3{
clear: both;
float: none;
display: block;
width: auto;
padding: 0;
margin: 0 2.46913580246914% 10px 2.46913580246914%;
position: relative;
}

form.kform{
margin: 1em -2.5974025974026% 1em -2.5974025974026%;
width: auto !important;
}

form.kform h3{
width: auto !important;
margin: 0 2.46913580246914% 10px 2.46913580246914% !important;
padding-top: 0;
}

.kform p{
width: auto !important;
margin: 0 2.46913580246914% 10px 2.46913580246914% !important;
}

.kform div.frm_cnt1{
overflow: hidden;
margin: 0 2.46913580246914% 10px 2.46913580246914% !important;
width: 28.39506172839506%;
height: 4.6em;

float: left;
display: inline;

position: relative;
}

.kform div.frm_cnt2{
overflow: hidden;
margin: 0 2.46913580246914% 10px 2.46913580246914%;
width: auto;
clear: both;

position: relative;
}

.kform div.frm_cnt4{
overflow: visible;
margin: 0 2.46913580246914% 10px 2.46913580246914%;
width: auto;
clear: both;

position: relative;
}

.kform input,
.kform select,
.kform textarea{
-moz-box-sizing: border-box;  
-webkit-box-sizing: border-box;  
box-sizing: border-box; 
width: 100% !important;
}

.kform label.error {
position: absolute;
right: 0px;
top: 6px;
width: auto;
}
.kform input.error,
.kform select.error {
background: #FFE5E5;
}

.kform div.c_button{
padding-top: 1em;
margin: 0em 2.46913580246914% 2.5em 2.46913580246914%;

}

.kform #ergebnis_box{
margin: 1em 2.46913580246914% 1em 2.46913580246914%;
}
.kform #ergebnis_box p{
padding: 10px;
margin: 0;
background: #ffffff;
}
/*
.kform #ergebnis_box p:empty{
display: none;
}
*/


.col1_3 .kform div.frm_cnt1,
.col1-5_3 .kform div.frm_cnt1{
width: auto;
height: auto;

float: none;
display: block;
clear: both;

position: relative;
}

.col1_3 .kform{
margin-top: 0;
}


@media (max-width: 1000px) {
p.koop span:first-child{
display: block;
vertical-align: baseline;
line-height: 1.2em;
margin-right: 0;
margin-bottom: 0.5em;
}

}



@media (max-width: 800px) {



ul.anwendungen{
overflow: visible;
margin-bottom: 2em;
}
/*
ul.anwendungen li{
float: none;
width: auto;
margin-left: 1em !important;
}
*/
}


@media (max-width: 700px) {

#wrapper{
width: 100%;
font-size: 0.83333333333333em;
line-height: 1.3333em;
}


header img{
width: 140%;
margin-left: 0%;
margin-right: -40%;
}

h2{
font-size: 140%;
}

/**/
#content{

padding-right: 31%;
}
.backgroundsize #content:before{
top: 0;
right: 2%;
width: 26%;
margin-top: 4%;
}

.col1_3,
.col1-5_3,
.col2_3,
.col3_3{
clear: both;
float: none;
display: block;
width: auto;
padding: 0;
margin: 0 2.46913580246914% 10px 2.46913580246914%;
position: relative;
}

.kform div.frm_cnt1{
width: auto;
height: auto;

float: none;
display: block;
clear: both;

position: relative;
}

.kform input,
.kform select,
.kform textarea{
font-size: 1.14285714285714em;
}

}


@media (max-width: 450px) {


#content{

padding:  5.20833333333333%  2.08333333333333%;
padding-bottom: 0px;
}
.backgroundsize #content:before{
top: auto;
bottom: 0;
width: 60%;
margin-bottom: -70%;

width: 150px;
padding-bottom: 460px;
margin-top: 0;
margin-bottom: -210px;
margin-right: 5%;
}

p.koop{
width: 50%;
}

p.koop span:first-child{
margin-bottom: 20px;
}
p.koop span,
p.koop a{
display: block;
float: none;
clear: both;
}


}