/* CSS Document */

@import url(reset.css);
@import url(grid.css);
@import url(text.css);
body,html {font-size:1em;}
.container {max-width:960px; min-width:auto; width:100%; overflow-x:hidden;}
h1 {color:#0072b6; font-size:2em; font-weight: bold; float:left; width:100%; margin-top:30px;}
h2 {padding-bottom:0px; color:#868889; font-size:1.2em; float:left; width:100%;}
h3 {color:#0072b6;font-size:1.5em; float:left; width:100%; margin-top:0px; margin-bottom:0; padding-bottom:30px; float:left; width:100%;}
h4 {color:#0072b6;font-size:1.25em; text-align: center; width:100%;margin-bottom:30px; float:left; width:100%;}
.blueTextColor {color:#0072b6; font-weight: bold;}
.orangeBox {background: #f26833; text-align: center; color:#fff; padding: 10px 30px;font-size:1.5em; line-height: 1.5em; margin:30px auto; }
small {font-size: 0.75em;}
ul, p  {margin-bottom:10px;}
.container .g960 {max-width:960px; min-width:auto; width:100%;}
.container .g960 img {width:100%;}

div#page { height:auto; min-height: 630px; margin: 0px auto; background: #FFF; margin-bottom:0px; } 

div#headRow { height:auto; margin-top:0px; margin-bottom:20px; }

div#mainRow { height:auto; min-height:550px;  }

div#content {  height: auto; padding: 32px 0 10px 0; max-width:960px; width:auto; margin:auto; }
.max760 {max-width: 760px; margin: 0 auto;}

.place_and_time { background:#f0f0f0; border:2px solid #CCC; font-size:1.5em; line-height:2em; padding:20px 10px 20px 10px; text-align:center; color:#0072b6; margin:40px auto;}
.place_and_time small {font-size:0.6em; line-height:1em;}

div.text_large { padding-bottom:20px; font-size:1.5em}

div.formular{ padding-bottom:0px; text-align:center; margin: 30px auto 30px auto; position:relative;}
div.formular input {font-size:1em; padding:5px; width:100%; margin-bottom:10px; float:left;width:98%;}
div.formular h3 {text-align:left; margin:0;padding:0; font-size:1em; margin-bottom:10px; margin-top:5px;}
.anmeldung_infotext {text-align:left; margin-bottom:10px;}
.tableText {width:250px; padding-right:35px; height:50px;}
.noticeText {font-weight: bold; text-align: left; float: left; width:100%; margin:20px 0px;}
.noticeText span {color:#000;}

.center { text-align:center; margin-top:10px; }
#senden_button {
    background-color: #363636;
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 2px solid black;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 5px #999999;
    color: white;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 65px;
    text-decoration: none;
}

.pic_div_text { text-align: center; font-size:16px; line-height:200%; margin:30px auto 0px; position:relative; float:left; width:100%;}
.pic_div_text img {margin:00px auto 0px auto; max-width:306px;}
.personen_form { width:30px; margin-left:5px; margin-right:5px; }

.textarea_container {margin:auto; text-align:center; width:100%;}
textarea {width:98%; height:100px; float:left; position:relative; margin:auto; padding:5px; font-size:1em; border: 2px solid black;}
#button_submit {text-align:center;}
#button_submit input {margin:30px auto; background-color:none; background:transparent; border:none; background-image:url("images/button_daten_senden.png"); width:251px; height:46px;}

#footer {font-size:0.8em;}
#footer img {max-width:16px;}

span {
    color: red;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    opacity: 1;
}
.imgContainer {width:100%; float:left; margin-bottom:25px;}
.img_referent_container {
    width:50%; float:left; display: flex; align-items: flex-start; justify-content: center;
    margin:20px auto;
}
.img_referent_container .picPerson {
    width:46% !important; padding-right:4%; float:left;
}
.img_referent_container .logo_small {
    max-height: 35px;
    width:auto !important;
    margin-top:15px;
}
.img_referent_container p {
    width:60%; float:left; margin-top:15px;
    padding-right:2%;
}

@media screen and (max-width: 680px) {
    .img_referent_container {
        width:100%;
    }
}