/* ================================== FONTS ================================== */
/*
@font-face {
    font-family: "English111 Vivace BT";
    src:url("../fonts/OpenSans-Light.eot?")format("eot"),
    url("../fonts/OpenSans-Light.woff")format("woff"),
    url("../fonts/OpenSans-Light.ttf")format("truetype"),
    url("../fonts/OpenSans-Light.svg#OpenSans-Light")format("svg");
    font-weight:normal;font-style:normal;
}

/* ================================== GLOBAL ================================== */
* {margin: 0;}
html, body {height: 100%;}
body {
    background: transparent;
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: sans-serif;
    color: #333;
    font-size: 14px;
}
header {
    border-bottom: 1px solid #d0d0d0;
}
form {
    width: auto;
    padding: 25px 0;
}
input, select, textarea, button {
    font-size: 100%;
    padding: 7px;
    margin: 5px 0;
    outline: 0;
    border: 0;
    width: 97%;
    background: #fff;
    border: 1px solid rgb(213, 213, 213);
    border-radius: 5px;
} 
input {
    width: 98.4%;
}
select {
    height: 33px;
    width: 100%;
}
textarea {
    min-height: 150px;
}
input:focus, textarea:focus {
    border: 1px solid #2882FF;
    box-shadow: 0 0 2px #2882FF;
}
input[type="radio"], input[type="checkbox"] {
    width: auto;
}
input[type="radio"]:focus, input[type="checkbox"]:focus {
    border: 0px solid blue;
    box-shadow: 0 0 0 #2882FF;
}
input[type="submit"], button {
    width: auto;
    padding: 5px 18px;
    line-height: 25px;
    text-shadow: none;
    cursor: pointer;
    box-shadow: none;
    /*background: #333; */
    color: #FFF;
}
input[type=color] {
    width: 100px;
}
/*input[type=submit]:hover, button:hover {background: #3F3F3F;}*/
h1 {font-size: 200%;font-weight: 500;padding: 20px 0;}
h2 {font-size: 170%;font-weight: 500;padding: 20px 0;}
h3 {font-size: 150%;font-weight: 500;padding: 20px 0;}
h4 {font-size: 140%;font-weight: 500;padding: 20px 0;}
h5 {font-size: 130%;font-weight: 500;padding: 20px 0;}
h6 {font-size: 120%;font-weight: 500;padding: 20px 0;}

p {margin: 10px 0;line-height: 25px;}
a {
    text-decoration: none;
    color: blue;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
a:hover {text-decoration: underline;}
ul {}
li {}

thead {font-weight: bold;}
td {padding: 1px 5px;}

strong, b, .bold {font-weight: bold;}
i {font-style: italic;}

.button {
    background: rgb(95, 95, 95);
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    -moz-transition: all 0s ease;
    -webkit-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
    background: #6e8ac5;
}
.btn-default {
    background: rgb(95, 95, 95);
}
.btn-default:hover {
    background: #4e4d4d;
}
.btn-send {
    background: #2b71b5;
}
.btn-send:hover {
    background: #3686d3;
}
.button:hover {text-decoration: none;}

.seperator {border-top: 1px solid #cecece;
    margin: 30px 0;
    line-height: 1px;
    border-bottom: 0;
}


/* Wrapper */
.wrapper {
    max-width: 1000px;
    margin: auto;
    padding: 0 20px;
}






/* ================================== BODY ================================== */
#page {
   min-height: 100%;
   background: #fff;/*rgb(95, 95, 95);*/
   margin-bottom: -50px;
}
#page:after {
    content: "";
    display: block;
}
#page:after, footer {
    height: 50px;
}
#content {
   background: #fff;
   padding-bottom: 40px;
}





#logo a {
    color: #000;
}
#logo a:hover {
    text-decoration: none;
}


.umfrageform thead {
  font-weight: normal;
}
.umfrageform .td2, .umfrageform .td3, .umfrageform .td4, .umfrageform .td5 {
    width: 60px;
    text-align: center;
}
.umfrageform .bgcolor {
    background: #BAD0FF;
}



/* ================================== FOOTER ================================== */
footer {
    color: #EDEDED;
    background: rgb(61, 61, 61);    
    background-repeat: no-repeat;
    background-size: cover;
}
footer a {color: #EDEDED;}
footer #copyright {padding-top: 18px;}
footer #copyright #webdesign {float: right;}



/* ================================== GERNERAL ================================== */
.align-center, .center {text-align: center;}
.text-align-left {text-align: left;}
.text-align-right {text-align: right;}
.text-align-justify {text-align: justify;}

.float-left {float: left;}
.float-right {float: right;}

.margin-center {margin-left: auto; margin-right: auto;}

.display-none {display: none;}
.pflichtfeld {background: #FAD9D9;}
.clear {clear: both;}
.clear-right {clear: right;}
.clear-left {clear: left;}
.hidden {
  position: absolute;
  clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* ================================== RESPONSIVE ================================== */
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {

}
/* =========== Tablets =========== */
@media(max-width: 980px) {
   
}
/* =========== Smarphones =========== */
@media(max-width: 760px) {

}
@media(max-width: 480px) {

}
@media(max-width: 320px) {

}