body {
    box-sizing: border-box;
}

html {
    font-size: 1rem;
}


.more{               
        width: 100%;
        text-align: center;        
        margin: 0;
        padding: 0;
     }

     .more a{
         
         display: block;
         width: 100%;
        
         margin: 0 auto;      
         color: red;
         text-decoration: none;
        -moz-border-radius: 120px;
        -webkit-border-radius: 120px;
      }

@include media-breakpoint-up(sm) {
    html {
        font-size: 1.2rem;
    }
}

@include media-breakpoint-up(md) {
    html {
        font-size: 1.4rem;
    }
}

@include media-breakpoint-up(lg) {
    html {
        font-size: 1.6rem;
    }
}

#button_send{
    background-color: red;
}

.logo {

    height: 80px;

}
.navbar-light .navbar-nav .nav-link {
  color:  #00364B; 
}


.blue {
    color: #00364B;
}

.img-2 {
    height: 100%;
    width: 50%;
}

.img-3 {
    height: 20%;

}



@media (min-width: 992px) {
    
    .mark-img {
    width: 20%;
       padding-top:  150px!important;
}
    .text-links{
        text-align: left!important;
    }
  
    .hoch{
    height: 100vh;
}

    
    .margin-l {
    margin-left:  35%;
        margin-top: 15%
}
    
    .spalte {
    margin-right: 75px;
    margin-left: 75px;
}

    a {
        color: #00364B;
    }

    .logo {
        display: flex;
        height: 100px;
        margin-left: 65%;
    }

    .img-2 {
        height: 300px;
        width: 300px;
        margin: 10%;
    }

    .img-4 {
        margin-top: 220px;
    }

    .img-5 {
        width: 100%;
    }



}




.second {
    color: #00364B;
}

.bg-blau {
    background-color: #00364B;

}

.bg-grau {
    background-color: #F2F2F2;
    
}

.experten {
    font-size: 1.5rem;
}

// Kontaktformular

.dis-icon {
    padding: 10px;
    color: #7794FF;
    min-width: 40px;
    text-align: center;
    font-size: 1.33333em;
}

@media print {
    #page_top div[id^='page_'] {
        display: inline !important;
    }
}

.fds-1,
.table *,
.table2 * {
    box-sizing: border-box;
}

a.dwflink:link {
    text-decoration: underline;
    color: #0000FF
}

a.dwflink:visited {
    text-decoration: underline;
    color: #0000FF
}

a.dwflink:hover {
    text-decoration: underline;
    color: #0000FF
}

.tis_width {
    width: 100% !important;
}

.font-big {
    font-family: 'Verdana', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

.font-small {
    font-family: 'Verdana', sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

.lb-1 {
    display: block;
    margin: 0.4rem 0;
}

.table * .align {
    display: table-cell;
}

.col2 {
    width: 30%;
}

.col8 {
    width: 4.998%;
}

.col8_r {
    width: 11.662%;
}

.col10 {
    width: 6%;
}

.col10_r {
    width: 14%;
}

.col12 {
    width: 7.5%;
}

.col12_r {
    width: 17.5%;
}

.col16 {
    width: 9.996%;
}

.col16_r {
    width: 23.334%;
}

.col25 {
    width: 15%;
}

.col25_r {
    width: 35%;
}

.col16fx {
    width: 16.66%;
}

.col20 {
    width: 20%;
}

.col25fx {
    width: 25%;
}

.col33 {
    width: 33.33%;
}

.col50 {
    width: 50%;
}

.table {
    margin-left: auto;
    width: 90%;
    margin-right: auto;
    border-spacing: 1px;
    background-color: transparent;
    letter-spacing: normal;
}

.table2 {
    background-color: transparent;
    width: 100%;
    border-collapse: collapse;
}

.head {
    padding: 3px;
    background-color: transparent;
}

.main {
    padding: 3px;
    background-color: transparent;
    font-family: 'Verdana', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #000000;
}

.foot {
    padding: 3px;
    background-color: transparent;
}

.align {
    text-align: right;
}

.textarea {
    background-color: #FFFFFF;
    color: #000000;
    font-family: 'Verdana', sans-serif;
    font-size: 18px;
    font-weight: normal;
    border: 1px solid #808080;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 3px;
    position: relative;
    letter-spacing: normal;
}

.input {
    background-color: #FFFFFF;
    color: #000000;
    font-family: 'Verdana', sans-serif;
    border: 1px solid #808080;
    font-size: 18px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px;
    position: relative;
    vertical-align: middle;
    letter-spacing: normal;
}

.select {
    background-color: #FFFFFF;
    color: #000000;
    font-family: 'Verdana', sans-serif;
    border: 1px solid #808080;
    font-size: 18px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 3px;
    position: relative;
    vertical-align: middle;
    letter-spacing: normal;
}

.textarea:hover,
.textarea:focus,
.input:hover,
.input:focus,
.select:hover,
.select:focus {
    border-color: #7794FF;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 10px rgba(119, 148, 255, 0.75);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 10px rgba(119, 148, 255, 0.75);
}

.button {
    cursor: pointer;
    padding: 5px 12px;
    margin: 3px 0;
    display: inline;
    text-decoration: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative;
    background-color: #EEEEEE;
    color: #000000;
    font-family: 'Verdana', sans-serif;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #EEEEEE;
    min-width: 200px;
    letter-spacing: normal;
}

.button_send {
    cursor: pointer;
    padding: 5px 12px;
    margin: 3px 0;
    display: inline;
    text-decoration: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative;
    background-color: #7794FF;
    color: #000000;
    font-family: 'Verdana', sans-serif;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #FFFFFF;
    min-width: 200px;
    letter-spacing: normal;
}

.button:hover,
.button:focus {
    border: 1px solid #EEEEEE;
    color: #000000;
    text-decoration: none;
    background: #DEDEDE;
}

.button_send:hover,
.button_send:focus {
    border: 1px solid #FFFFFF;
    color: #000000;
    text-decoration: none;
    background: #708BF0;
}

.radio_v {
    display: block;
    position: relative;
}

.radio_h {
    display: inline;
    position: relative;
    margin-right: 8px;
}



h2.text-nowrap{
    margin-top: 5%;
}

h3 {
font-size: 16px;
}

h2 {
    padding-top: 10%;
}



.abstand {
    margin-bottom: 10%;
}




.top-4 {
    margin-top: 10%;
}


.big {
    font-size: 24px;
}

.blaublau {
    color: #00364B;
}

.bigger {
    font-size: 24px;
}



container-fluid{
    padding: 0;
}


.vorteilehoch {
   margin-bottom: -80%;
}

img {
    
}