body {
    color:#555;
    font-family: 'Verdana';
}


.logo {
    float:left;
    margin-left:50px;
}
.logo img {height:70px; margin-top:30px;}

.col-sm-2 {
    max-width: 6.666667% !important;
}

.headinfo {
    height:120px;
    clear:both;

}
.headinfo ul {
    list-style: none;
    height:150px;
    font-size:16px;
    padding-top:38px;
    width:100%;
}

.headinfo ul li {
    float:left;
    
}
.headinfo ul li.large {
    margin-top:-10px;
    
}
.headinfo ul li.large img {
    width:150px;
}
.headinfo ul li.small{
    float:left;
    width:auto;
    margin-top:15px;
    margin-left:20px;
}

@media screen and (max-width: 1000px) {
    .headinfo ul {
        list-style: none;
        height:10px;
        /* font-size:12px; */
        padding-top:38px;
        margin-left:120px;
        /* margin-left: 230px; */
        height: 200px;
    }
    .headinfo ul li.small{
        float:left;
        /* width:100%;  */
        text-align: left;
    }
    .col-sm-4 {width:100%;  clear: both;}
    .form , .col-sm-8 {width:100%;  max-width:100%; clear:both;}

}


@media screen and (max-width: 700px) {
    .headinfo ul {
        list-style: none;
        height:10px;
        font-size:12px;
        padding-top:20px;
        margin-left:120px;
        margin-left: 230px;
        height: 200px;
        display:none;
    }
    .logo img {
        height: 70px;
        margin-top: 30px;
        margin-left: 50px;
    }
    /* .headinfo ul li.small{
        float:left;
        width:100%; 
        text-align: left; */
    /* } */

    .col-sm-4 {width:100%;     clear: both;}
    .col-sm-2 { max-width:0;} 
}

.col-sm-12 .col-sm-6 {
    padding-left:0px;
}
.col-sm-10 .col-sm-6 {
    padding-left:0px;
}

.col-sm-8 .col-sm-8 {
    padding-left:0px;
}

.container {
    font-family: 'Verdana';
    text-align: left;
    font-size:16px;
}


.vorteile .container {
    font-family: 'Overpass';
}

h4, h1 {
    color:#555;
    font-weight:bold;
}

h1 {
    color:#1C225C;
    font-weight: bold;
    font-size: 25px;
    font-family: 'Open Sans Bold';
    margin-bottom:20px;
}
h4 {
    margin-top:20px;
    font-size:20px;
    font-family: 'Open Sans Bold';
}

.vorteile h1, .vorteile h4 {
    font-family: 'Overpass';
    color:#555;
}
.form input {margin:10px 10px 10px -0px;}
.form input[type=submit] {
    max-width:400px;
    width:80%;
    padding:10px;
    background-color:#3c3c3c;
    color:white;
}
.form input.abmeldung {
    max-width:400px;
    width:80%;
    padding:10px;
    background-color:#555555 !important;
    color:white;
}

.footer {
    font-size:12px;
    margin-top:100px;
}
.footer .col-sm-6 , .footer .col-sm-6  a {
    float: left;
    color:#555555;
    padding:0 5px;
    text-align:left;
}
.footer .col-sm-6:first-child {
    width:30%;
    padding:0;
}

.right {
    float:right;
    width:70%;
    max-width:70%;
}

.button {
    width:400px;
    padding:10px;
    background-color:#e2001a;
    color:white;
    display:block;
    text-align: center;
    margin-left:-15px;
}
 a.button ,  a.button:hover { text-decoration:none !important; color:white !important;}
 .savedsettings .button {
    margin-left: 0px;
}

.savedsettings .button {
    width:100%
}


 /**** Vorteilshop****/

.vheadinfo {
    height:120px;
    background-color: #3c3c3c;
    /* margin-bottom:50px; */
}

.vlogo {
    float:inherit;
    text-align: center;
    margin: auto;
    width:100px;

    }
.vlogo img {
    width:100px; 
    text-align: center;
    padding: 10px 0;
}


.footer a, .footer a:hover {
    text-decoration: underline;
    color:#1c225c;
}
.footer2 a, .footer2 a:hover {
    text-decoration: underline;
    color:#535353;
}

.footer2 .col-sm-6:first-child {
padding-left:5%;
  width:30%;
}


@media screen and (max-width: 600px) {
    .footer {
        padding-left:0%; 
        text-align: left !important;
    }
}


/** einstellungen**/


.man {
    width: 100%;
    
    /* max-width:575px; */
    
}

.vorteile .man {
    width: auto;
    max-width:100%;
} 

@media screen and (max-width: 900px) {
        .col-sm-10 .col-sm-6 {
            max-width:100%;
        }
       
}
a.button_cancel {
    max-width:400px;
    width: 76%;
    background-color:#555555 !important;
    color:white;
    margin:20px 0 0 10px;
}

/* form.hidden_first {
    display:none;
} */


form.twab {
    background-color:#f6f6f6;
    padding:10px 10px 0px 10px;
    border:solid 1px #c6c6c6;
}
form.twab_index {
    padding:10px;
    padding:10px 0px 10px 0px;
}


form.hidden_first {
    background-color:#fff;
    padding:20px 1px 11px 20px;
    border:solid 0px #555555;
    height:auto;
    width:76%;
    max-width:400px;
    margin-left:10px;
    -webkit-box-shadow: -1px -1px 19px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px -1px 19px -1px rgba(0,0,0,0.75);
box-shadow: -1px -1px 19px -1px rgba(0,0,0,0.75);
}

.index a.button_cancel {
    width: 80%;
    margin:20px 0 0 0px;
}
.index form.hidden_first {
    width:80%;
    margin-left: 0px;
}

@media screen and (max-width: 900px) {
form.hidden_first {
    margin-left:0px;
}
a.button_cancel{
    margin-left:0px;
} 

.index a.button_cancel {
    width: 100%;
    margin:20px 0 0 0px;
}
}
form.hidden_first input[type=submit] {
    max-width:400px;
    width:107.5%;
    padding:10px;
    background-color:#e2001a;
    color:white;
    margin-left:-20px;
    margin-bottom:-10px;
    
}


a.button_cancel.vorteil {
    max-width:400px;
    width: 80%;
    background-color:#555555 !important;
    color:white;
    margin:20px 0 0 20px;
    margin-left:0px;
}
form.hidden_first.vorteil {
    width:80%;
    margin-left:0px;
}


h6 {
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid #000; 
    line-height: 0.1em;
    margin: 10px 0 20px; 
    text-transform: uppercase;
    color:#555555;
 } 
 
 h6 span { 
     background:#fff; 
     padding:0 10px; 
 }

 form.register input , textarea{
     padding:10px 5px;
     color:#555555;
    /* border-color:#bbbbbb; */
    margin: 10px 0 10px;
    height:48px;
    }


form.register input[type=checkbox] {
    margin:10px 10px 0 0;
}
form.register input[type=submit] {
    width:100%;
    max-width:100%;
}
 span.optional {
     font-size:16px;
     margin: 10px;
 }
.footerimage {
    width:100%; 
    height:100%;
    display:inline-flex;
    margin-top:40px;
}
 .footerimage img.img1 {
     z-index:10;
     position:relative;
     width:100%;
     height:100%;
     /* max-width:1000px; */
 }

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;

}

select {
    /* ... */
    padding:11px;
    width: 100%;
    height: 48px;
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 16px !important;
    margin:10px 0 10px 0;
    background-color:#fff;
    font-size: 12px;
    color: #888;
    border-radius:0px;
    border-color:#ccc;
    border: solid 1px #ccc;
}  
textarea {border-color: #ccc;}
.vorteile select {
    font-family: 'Overpass';
}
.vorteile select option{
    font-family: 'Arial';
}


select option {
    padding:10px;
}
  select:focus::-ms-value {
  background-color: transparent;
}



/*** test radio buttons ***/

input[type=radio]    {
    float:left;
}
form.hidden_first span, form.twab_index span, form.twab span {
    display: block;
    /* border: 1px solid; */
    max-width: 85%;
    float: left;
    margin-top: 8px;  
}
 .twab_index ul li, .twab ul li{
    height:40px;
    list-style-type: none;
}

.hidden_first ul li {
    height:50px;
    list-style-type: none;
}
.hidden_first ul,  .twab_index ul, .twab ul  {
    margin-left:0;
    padding-left:0px;
}


@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 90%;
    }
}





/* ipad view ... */
@media screen and (min-width : 768px)  and (max-width : 1024px)  {
   
    img.img1 {
        content:url('../img/PS_Stimmungsbild_Anmeldung_Ipad_1200px.png') !important;
    }
    .vorsorge img.img1 {
    content:url('../img/VS_Stimmungsbild_Anmeldung_Ipad_1200px.png') !important;
    }

    @-moz-document url-prefix() {
       
        div.img1 {
            content:url('../img/PS_Stimmungsbild_Anmeldung_Ipad_1200px.png') !important;
        }
        .vorsorge div.img1 {
        content:url('../img/VS_Stimmungsbild_Anmeldung_Ipad_1200px.png') !important;
        } 
    } 

}


.abmeldung .button {width:100%; margin-left:0px;}


/* saved settings */



.savedsettings .col-sm-10 .col-sm-6 {
    padding:20px;
}


.vsavedsettings {
    display:flow-root;
}
.vsavedsettings .col-sm-10 .col-sm-6 {
    padding:20px;
}



.vsavedsettings { height:100%; } 
.vsavedsettings .button {
    margin-left:0px;
    width:100%;
}

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

    .vsavedsettings #flex {
        /* display:flow-root; */
        display:grid; 
        flex-direction: column;
    }

    .vsavedsettings #a {
        order:2;
    }
    .vsavedsettings #b {
        order:1;
    }

    .savedsettings #flex {
        /* display:flow-root; */
        display:grid; 
        flex-direction: column;
    }

    .savedsettings #a {
        order:2;
    }
    .savedsettings #b {
        order:1;
    }
}



.wrapper {
    width:85%; 
    margin-left:auto;
    margin-right:auto;
}

.wrapper .row {
    margin-top:20px;
}

.wrappertop {
    border-bottom: solid 2px #555555;
}

label {display:block;}

.col-sm-10 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
} 

.wrapperbottom {
    border-top: solid 2px #555;
    width:100%;
    margin-top:20px;
} 
.wrapperbottom .footer {
    margin: 10px;
    padding-bottom: 100px;
}



/* mozilla hacks */
@media screen and (max-width: 768px) {
  
@-moz-document url-prefix() { 
    .container {
        font-size:13px;
    }
    h6 span {font-size:10px;}
    .container {
        font-size:16px;
    }
    ul.anmeldung li {
        float: left;
        padding: 5px 0px;
    }
    ul.anmeldung {
        padding: 20px 10px 50px 0px;
    }
    form.register input[type="submit"] {
        font-size: 12px;
    }
}
.wrapper {width:100%;}
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity:1;
    color:#555;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    opacity:1;
    color:#555;

  }
  :-ms-input-placeholder { /* IE 10+ */
    opacity:1;
    color:#555;

  }
  :-moz-placeholder { /* Firefox 18- */
    opacity:1;   
    color:#555;

  }

  .col-sm-12 {
    padding-left: 0px;
}

.col-sm-6 {float:left;}
.sent {display:none;}