html,
body {
    margin: auto;
    background-color: #f5f5f5;
    /*  background: url('../images/bg.jpg');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;

    width: 100%;
   */
}

ul {
    padding: 0px;
}

.site_center {
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    width: 100%;
}


}
#website {}

/* header */
#head {
    /* background: url('../images/bg.jpg');
    background-attachment: fixed;
    background-position: center;
    background-size: cover; */
    background:#fff;
    height: auto;
    width: 100%;
    z-index: 1;
}
.head_middle_headline_first {
    text-align: center;
    font-family: '500';
    font-size: 40px;
    color: #000;
    padding-top: 65px;
}
.header {
    padding-top: 50px;
    width: 100%;
}

/* logo */
.logo {
    text-align: center;
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
}
.logo img {
    max-width: 250px;
    width: 100%;
}

/* header content */
.header_content {
    margin-top: 100px;
    padding: 0px 20px 0px 20px;
}
.header_headline_small {
    font-family: '500';
    color: #fff;
    font-size: 23px;
    padding-bottom: 15px;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.86);
}
.header_headline {
    font-family: '500';
    color: #000;
    font-size: 40px;
    padding-bottom: 45px;
    text-align: center;
}
.site_headline_second {
    font-family: '500';
    padding: 30px;
    background: #0063a6;
    margin: 30px;
    color: #fff;
    font-size: 30px;
    line-height: 47px;
    ;
    text-align: center;
    vertical-align: middle;
}
.spacer {
    padding-top: 150px;
}
a.header {
    text-decoration: none;
    cursor: pointer;
}
a.header i {
    font-size: 100px;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.86);
    color: #fff;
}
a.header i:hover {
    font-size: 110px;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.86);
    color: #fff;
}

a.header_second {
    text-decoration: none;
    cursor: pointer;
    padding-top: 25px;
}
a.header_second i {
    font-size: 70px;

    color: #c6ad6b;
}
a.header_second i:hover {
    font-size: 75px;

    color: #c6ad6b;
}


a.header span {
    font-family: '500';
}
.center {
    text-align: center;
}

/*  content */
#content {
    background: url('../images/bg_2.jpg');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100%;
    z-index: 1;
}

#content_second{
    height:auto;
      background: url('../images/bg_light.jpg');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

#content_drei{
    background:#fff;
}

/* - First Section: News - */
#white_content {
    background: #fff;
    max-width: 1100px;
    width: 100%;
    margin-top: 25px;
    display: inline-flex;
}
.divTable{
	display: table;
	width: 100%;

}
.divTableRow {
	display: table-row;
    
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
    
}
.divTableCell, .divTableHead {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	display: table-cell;
	padding: 3px 13px;
     font-family: 'Source Sans Pro';
    font-size:17px;
    line-height: 40px;

}
.divTableCell{
        text-align: center;
}
.divTableCell span{
         font-family: 'Source Sans Pro';
    font-weight: 400;
        color:#0063a6;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.fett{
         font-family: 'Source Sans Pro';
    font-weight: 500;
      text-align: left;
   /* background:#0063a6;
    color:#fff; */
    
}

.grey{
    background:#eee;
}

.lightgrey{
    background:#f5f5f5;
}

.klein{
         font-family: 'Source Sans Pro';
    font-weight: 400;
}

/* FRAGEN */ 
.fragen_container{
    background:#fff;
    padding:50px;
}
.help-container{
    padding:25px;
}

.linie{
    background:#c6ad6b;
    height:3px;
    margin-bottom: 20px;
    width:20%;
}

.linie_second{
    background:#c6ad6b;
    height:3px;
    margin-bottom: 20px;
  max-width:150px;
        margin: 0 auto;
}
.headline{
        font-family: '500';
  
    font-size:24px;
    padding-bottom: 30px;
}

.headline span{
       font-family: '600';
    font-size:30px;
    color:#fff;
    float:right;
    padding:15px;
    background:#c6ad6b;
}

.text-small{
    font-size:15px;
}

.headline_small{
      font-family: '500';
      color:#0063a6;
    font-size:18px;
    padding-bottom: 20px;
}

.fragen_top {
    padding-top: 10px;
    padding-bottom: 10px;
}

input.fragen{
      width: 15px;

    height: 16px;
}
label.fragen{
    font-family: 'Source Sans Pro';
    font-style: italic;
       font-size:17px;
}

.text{
    padding:50px;
    font-family: 'Source Sans Pro';
    text-align:center;
    line-height: 47px;
    font-size:21px;
}

.text span {
     font-family: 'Source Sans Pro';
    font-weight: 400;
}
.vorteile{
 padding:0px 30px 0px 30px;

}
.vorteil{
    padding:20px;
    
     font-size:21px;
    font-family: 'Source Sans Pro';
   
    font-weight: 400;
    line-height: 35px;
     box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin:20px;
}
.vorteil i{
    padding-right:15px;
    color:#c6ad6b;
     
    font-size:25px;
}
.vorteil span{
    font-family: '500';
     font-style: normal;
text-transform: uppercase;
  font-size:18px;
     color:#0063a6;
}



.vorteile_s{
 padding:0px 30px 0px 30px;
display:inline-flex;

    width: 100%;
}
.vorteil_s{
    padding:20px;
      width:50%;
     font-size:16px;
    font-family: 'Source Sans Pro';
margin:10px;
    border-radius: 10px;

    font-weight: 400;
    line-height: 35px;
border-bottom:2px solid #eee;
    border-left:2px solid #eee;

 
}
i.vorteil_t{
    padding-right:15px;
    color:#c6ad6b;
    float:left;
         font-family: '500';
    font-size:27px;
}
.vorteil_s span{
    font-family: '500';
     font-style: normal;
text-transform: uppercase;
  font-size:16px;
     color:#0063a6;
}

.tabs{
    display:inline-flex;
    width: 100%;
}
.tab-left{
width: 50%;
text-align: center;
padding-right: 15px;
    border-right:1px solid #eee;
}

.tab-right{
    width:50%;
    font-weight:400;
    padding-left:15px;
}

.blue{
      background:#0063a6;
  
}

.blue:hover{
    background:#006db6;
}

.weitergehts{

    text-align:center;
 
padding-top:50px;
}

.weitergehts a{
    color:#fff;
       font-family: '500';
      font-size:18px;
    padding:15px;
    text-decoration: none;
}


.ablaufe{
    display:inline;
}

.ablauf{
display:inline-flex;
    margin-bottom:15px;
}

.ablauf_nummer{
       font-family: '600';
  width:20px;
    font-size:20px;
    padding:15px;
text-align: center;
    color:#fff;
    margin-right:20px;
  background:#0063a6;
       border-radius: 10px;

}

.ablauf_headline{
       font-family: '500';
   
padding-right:10px;
        font-size:18px;

}

.button{
     background:#0063a6;
    padding:15px;
    color:#fff;
    font-size:20px;
       font-family: '500';
    max-width:300px;
    margin:0 auto;
    text-align: center;
}

.button a{
    color:#fff;
    text-decoration:none;
}