@import url('https://fonts.googleapis.com/css2?family=Signika:wght@300;400;500;600;700&display=swap');
#accordion a:focus,#accordion a:hover,a{
    text-decoration:none
}
#footer,#footer a{
    color:#004758;
    font-weight:400
}
#panel-a,.links{
    text-align:right
}
body{
    background-color:#79c6c6;
    color:#004758;
    font-weight:300;
    font-size:15px;
    line-height:24px;
      max-width: 100vw;
    overflow-x: hidden;
	margin: 0px;
    padding: 0px;
    width: 100%;
}
.img-resp{
    width:100%
}
#wf-navigation-footer li{
    display:inline-block;
    list-style-type:none
}
#wf-navigation-footer li a:before{
    content:" | "
}
#wf-navigation-footer li:first-child a:before{
    content:""
}
#bodyContainer{
    margin-top:40px!important;
    margin-bottom:40px;
    background:#f1f8f8;
    background:-moz-linear-gradient(top,#f1f8f8 33%,#79c6c6 98%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(33%,#f1f8f8),color-stop(98%,#79c6c6));
    background:-webkit-linear-gradient(top,#f1f8f8 33%,#79c6c6 98%);
    background:-o-linear-gradient(top,#f1f8f8 33%,#79c6c6 98%);
    background:-ms-linear-gradient(top,#f1f8f8 33%,#79c6c6 98%);
    background:linear-gradient(to bottom,#f1f8f8 33%,#79c6c6 98%);
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#f1f8f8', endColorstr='#79c6c6', GradientType=0);
    -webkit-box-shadow:0 0 15px 8px #4d9595;
    -moz-box-shadow:0 0 15px 8px #4d9595;
    box-shadow:0 0 15px 8px #4d9595
    position: relative;
}
.navbar{
    padding-right:45px
}
.navbar,body,button,h1,h2 h3,h4,h5,h6,input,select,textarea{
    font-family:Signika,sans-serif
}
ul{
    padding-left:20px
}
h1,h2,h3,h4,h5,h6{
    margin-bottom:0;
    color:#004758;
    font-weight:600;
    line-height:1.5em
}
h2 {
  font-size: 25px;
}
b{
    font-weight:600
}
p{
    margin:.85em 0
}
a{
    color:#56646F;
    letter-spacing:normal;
    font-weight:700;
    cursor:pointer;
    -webkit-transition:color .15s ease-in-out 0;
    -moz-transition:color .15s ease-in-out 0;
    -o-transition:color .15s ease-in-out 0;
    transition:color .15s ease-in-out 0
}


.shadow-img{
    -webkit-box-shadow:0 8px 6px -6px #cfd6d5,0 -7px 7px -7px #cfd6d5;
    -moz-box-shadow:0 8px 6px -6px #cfd6d5,0 -7px 7px -7px #cfd6d5;
    box-shadow:0 8px 6px -6px #cfd6d5,0 -7px 7px -7px #cfd6d5
}
#panel-a{
    padding-right:100px;
    margin-top:-30px
}
#panel-b{
    min-height:600px;
    margin-bottom:200px;
    padding-left:80px;
    margin-top:-30px
}
#map{
    padding-bottom:30px;
    padding-right:30px
}
.nav>li>a{
    padding:10px 5px
}
#footer{
    min-height:90px;
    padding-top:5px;
    padding-bottom:35px
}
#footer .links ul{
	padding: 0px 25px 0px 0px;
    margin: .85em 0;
    text-align: right;
}
#footer p{
	padding: 0px 0px 0px 25px;
}
#footer .links ul li{
    list-style:none
}
@media (min-width:768px){
    .section{
        padding-top:100px;
        padding-bottom:100px
    }
    .active a{
        color:#004758!important
    }
    .nav>li>a:focus,.nav>li>a:hover{
        text-decoration:none;
        background-color:transparent;
        color:#004758!important
    }
    .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
        background-color:#fff;
        border-color:#fff
    }
    #wf-navigation-main a{
        position:relative;
        display:block;
        color:#19a59e;
        font-weight:600;
        font-size:15px;
        letter-spacing:-1px;
        text-transform:uppercase
    }
    #wf-navigation-main li{
        position:relative;
        float:left;
        z-index:40;
        padding-top:6px
    }
    .navbar-brand{
        display:block;
        color:#56646F;
        letter-spacing:-.6px;
        font-weight:700;
        font-size:28px;
        line-height:120px
    }
    .hideOnPhone{
        display:inline
    }
    .navbar-custom{
        position:relative;
        width:100%;
        height:70px;
        background:0 0
    }
    .dropdown-menu{
        margin-top:4px!important;
        background:#FFF!important;
        border:1px solid #DFDFDF!important;
        border-bottom:none!important;
        box-shadow:0 2px 0 rgba(0,0,0,.1)!important;
        border-radius:0!important;
        padding:0!important;
        width:220px!important
    }
    .dropdown-menu li{
        float:none!important;
        margin:0!important;
        padding:0!important;
        border-top:0!important;
        background:0 0!important;
        line-height:25px!important;
        height:auto!important;
        width:100%!important;
        border-bottom:1px solid #DFDFDF!important
    }
    .dropdown-menu li:last-child{
        border-bottom:0!important
    }
    .dropdown-menu li a{
        color:#B2B2B6!important;
        font-size:14px!important;
        height:40px!important;
        width:auto!important;
        font-weight:400!important;
        text-transform:uppercase!important;
        line-height:40px!important
    }
    .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
        background:#F88A79!important;
        color:#FFF!important;
        border:none!important
    }
}
@media (max-width:767px){
    .icon-bar{
        background-color:#ccc!important;
        width:30px!important;
        height:4px!important
    }
    .navbar-toggle{
        margin-right:30px;
        margin-top:30px;
        border-color:#f1f1f1
    }
    .section-c{
        padding-top:50px;
        padding-bottom:50px
    }
    .about,.section{
        padding-bottom:100px
    }
    .about{
        display:none
    }
    #wf-navigation-main{
        padding-top:6px;
          width: 100vw;
    padding-left: 94px;
    text-align: right;
    position: relative;
    right: 25px;
    }
    .section{
        padding-top:100px
    }
    .active a{
        color:#004758!important
    }
    .nav>li>a:focus,.nav>li>a:hover{
        text-decoration:none;
        background-color:transparent;
        color:#004758!important
    }
    .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
        background-color:#fff;
        border-color:#fff
    }
    #wf-navigation-main a{
    position: relative;
    display: block;
    color: #19a59e;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -1px;
    text-transform: uppercase;
    transform: scaleX(1.15);
    }
    #wf-navigation-main li{
        position:relative;
        float:left;
        margin:0 15px;
        z-index:40;
        padding-top:6px
    }
    .navbar-brand{
        display:block;
        color:#56646F;
        letter-spacing:-.6px;
        font-weight:700;
        font-size:28px;
        line-height:120px
    }
    .hideOnPhone{
        display:inline
    }
    .navbar-custom{
        min-height:80px;
        position:relative;
        width:100%;
        height:70px;
        background:0 0
    }
    .dropdown-menu{
        margin-top:4px!important;
        background:#FFF!important;
        border:1px solid #DFDFDF!important;
        border-bottom:none!important;
        box-shadow:0 2px 0 rgba(0,0,0,.1)!important;
        border-radius:0!important;
        padding:0!important;
        width:220px!important
    }
    .dropdown-menu li{
        float:none!important;
        margin:0!important;
        padding:0!important;
        border-top:0!important;
        background:0 0!important;
        line-height:25px!important;
        height:auto!important;
        width:100%!important;
        border-bottom:1px solid #DFDFDF!important
    }
    .dropdown-menu li:last-child{
        border-bottom:0!important
    }
    .dropdown-menu li a{
        color:#B2B2B6!important;
        font-size:14px!important;
        height:40px!important;
        width:auto!important;
        font-weight:400!important;
        text-transform:uppercase!important;
        line-height:40px!important
    }
    .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
        background:#F88A79!important;
        color:#FFF!important;
        border:none!important
    }
}
@media (max-width:480px){
    #footer{
        min-height:90px;
        background-color:#fff;
        color:#B2B2B6;
        padding-top:17px
    }
    #footer .copyright,#footer .links{
        float:inherit;
        text-align:center
    }
    .section{
        padding-top:100px;
        padding-bottom:100px
    }
    .active a{
        color:#004758!important
    }
    .nav>li>a:focus,.nav>li>a:hover{
        text-decoration:none;
        background-color:transparent;
        color:#004758!important
    }
    .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
        background-color:#fff;
        border-color:#fff
    }
    #wf-navigation-main a{
    position: relative;
    display: block;
    color: #19a59e;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: -1px;
    text-transform: uppercase;
    padding-top: 30px;
    padding-bottom: 30px;
    }
    #wf-navigation-main li{
        position:relative;
        float:left;
        margin:0 15px;
        z-index:40;
        padding-top:6px
    }
    .navbar-brand{
        display:block;
        color:#56646F;
        letter-spacing:-.6px;
        font-weight:700;
        font-size:28px;
        line-height:120px
    }
    .hideOnPhone{
        display:inline
    }
    .navbar-custom{
        position:relative;
        width:100%;
        height:70px;
        background:0 0
    }
    .dropdown-menu{
        margin-top:4px!important;
        background:#FFF!important;
        border:1px solid #DFDFDF!important;
        border-bottom:none!important;
        box-shadow:0 2px 0 rgba(0,0,0,.1)!important;
        border-radius:0!important;
        padding:0!important;
        width:220px!important
    }
    .dropdown-menu li{
        float:none!important;
        margin:0!important;
        padding:0!important;
        border-top:0!important;
        background:0 0!important;
        line-height:25px!important;
        height:auto!important;
        width:100%!important;
        border-bottom:1px solid #DFDFDF!important
    }
    .dropdown-menu li:last-child{
        border-bottom:0!important
    }
    .dropdown-menu li a{
        color:#B2B2B6!important;
        font-size:14px!important;
        height:40px!important;
        width:auto!important;
        font-weight:400!important;
        text-transform:uppercase!important;
        line-height:40px!important
    }
    .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
        background:#F88A79!important;
        color:#FFF!important;
        border:none!important
    }
}
.navbar-header,.navbar-nav>li{
    float:left
}
.navbar-form .control-label,.navbar-form .form-group{
    margin-bottom:0;
    vertical-align:middle
}
#accordion .panel{
    background-color:transparent;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
#accordion .pl{
    margin-left:30px
}
#accordion .lborder{
    border-bottom:2px solid #004758
}
#accordion .panel-collapse .panel-body{
    border-top:none
}
.container{
    width:970px!important;
    max-width:none!important
}
.container .navbar-collapse,.container .navbar-header{
    margin-right:0;
    margin-left:0
}
.navbar-toggle{
    display:none
}
.navbar-toggler {
	float: right !important;
    right: 25px;
    position: absolute;
    top: 25px;
    background: #7ac7c7;
    width: 98px;
    height: 98px;
}
.navbar-brand{
    margin-left:-15px
}
.navbar-nav{
    float:left;
    margin:0
}
.navbar-nav>li>a{
    padding:15px
}
.navbar-nav.navbar-right{
    float:right
}
.navbar .navbar-nav .open .dropdown-menu{
    position:absolute;
    float:left;
    background-color:#fff;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,.15);
    border-width:0 1px 1px;
    border-radius:0 0 4px 4px;
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
    box-shadow:0 6px 12px rgba(0,0,0,.175)
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{
    color:#333
}
.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar .navbar-nav .open .dropdown-menu>li>a:focus,.navbar .navbar-nav .open .dropdown-menu>li>a:hover{
    color:#fff!important;
    background-color:#428bca!important
}
.navbar .navbar-nav .open .dropdown-menu>.disabled>a,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover{
    color:#999!important;
    background-color:transparent!important
}
.navbar-form{
    float:left;
    width:auto;
    padding-top:0;
    padding-bottom:0;
    margin-right:0;
    margin-left:0;
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.navbar-form .form-group{
    display:inline-block
}
.navbar-form .form-control{
    display:inline-block;
    width:auto;
    vertical-align:middle
}
.navbar-form .form-control-static{
    display:inline-block
}
.navbar-form .input-group{
    display:inline-table;
    vertical-align:middle
}
.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{
    width:auto
}
.navbar-form .input-group>.form-control{
    width:100%
}
.navbar-form .checkbox,.navbar-form .radio{
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
    vertical-align:middle
}
.navbar-form .checkbox label,.navbar-form .radio label{
    padding-left:0
}
.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{
    position:relative;
    margin-left:0
}
.navbar-form .has-feedback .form-control-feedback{
    top:0
}


.bg-container {
    width: 100%;
    background: url(/img/bild-hintergrund-gross.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding-left: 45px;
    padding-top: 35px;
    padding-right: 45px;
    padding-bottom: 125px;
    background-position: top;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
#banner2 {
    top: 0;
    position: relative;
}
.mob {
    margin-left: 0;
    margin-right: 0;
  	width: 100%;
  	z-index: 2;
  	background: linear-gradient(#fff 0%,#79c6c6 500px,#79c6c6 100%);
}
.banner {
    width: 100%;
    height: 279px;
    background-size: contain;
    background-repeat: no-repeat;
}
.bannerMain {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.logo-wrapper {
	padding-right: 5px;
    text-align: right;
}
.adress-wrapper {
  padding-right: 40px;
  text-align: right;
}
.bg-container h2 {
	font-size: 46px;
    color: #0a576a;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 1px;
    margin-top: -7px;
}
.bg-container h3, .bg-container p, .bg-container a {
    color: #0a576a;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    margin-top: 0;
}
.bg-container h3 {
    font-weight: 400;
    margin-bottom: 2px;
}
.bg-container p {
    font-weight: 300;
}
.bg-container a {
    font-weight: 300;
}


.mt-100 {
  margin-top: 100px;
}
  .mobile {
    display: none;
  }
    .desktop {
    display: block;
  }
  .mob .info h1, .mob .info h2, .mob .info h3, .mob .info p {
    font-size: 15px !important;
}
  .mob .info p {
    margin-top: 0px;
padding-top: 0px;
}
  .mob .info h3 {
    font-weight:300;}
.logoBack {
  z-index: 1;
}
.logoFront {
  z-index: 2;
}
.mainH1 {
    text-align: right;
    font-size: 42px;
    text-transform: uppercase;
    position: absolute;
    top: 41px;
    font-weight: 500;
    line-height: 35px;
}
.mainH1 .h1-1 {
    margin-left: 0px;
    letter-spacing: 5px;
}
.mainH1 .h1-2 {
    margin-left: -3px;
    letter-spacing: 2px;
    color: #4690a5;
    font-weight: 600;
}
.mainH1 .h1-3 {
    margin-left: -21px;
    letter-spacing: 3px;
}
.card {
    background: transparent;
    border: none;
    box-shadow: none;
}
.card-header {
    background: transparent;
    border-bottom: 2px solid #73baba;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link:visited {
    text-decoration: none;
    color: #004758;
    border: none;
    box-shadow: none;
  	text-align: left;
}
.wrapper {
    width:100%;
}



@media (max-width:767px){
  .navbar {
	padding-right: 0;
    width: 100%;
    padding-left: 0;
    min-height: 145px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    
}
  #footer {
	position: fixed;
    bottom: 0;
    background: #79c6c6;
    color: #004758;
    font-size: 30px;
    -webkit-box-shadow: 0px 1px 15px 5px rgba(0,0,0,0.61);
    box-shadow: 0px 1px 15px 5px rgb(125 125 125 / 22%);
}
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link:visited {
    font-size: 30px;
}
  .bg-light {
    background-color: #b4dfdf!important;
}
  
.container .navbar-collapse, .container .navbar-header {
    margin-right: 0;
    margin-left: 0;
    margin-top: 145px;
    width: 100vw;
    position: relative;
    border-top: 2px solid #004758;
    -webkit-box-shadow: 1px 50px 50px 50px rgba(0,0,0,0.75);
    box-shadow: 0 3072px 96px 3000px rgb(53 64 64 / 77%);
}
.wrapper {
    margin-top: 145px;
    height: 100vh;
}
  .mob p {
    font-size: 25px;
    line-height: 30px;
}
.mob #panel-b a, .mob #panel-b ul, .mob #panel-b li {
    font-size: 25px !important;
}
  .h4, h4 {
    font-size: 30px !important;
}
  .mob .info h1, .mob .info h2, .mob .info h3, .mob .info p {
    font-size: 25px !important;
}
    .mob .info h2 {
    padding: 0;
      margin: 0;
}
  #panel-b {
        padding-right: 80px;
  }
 #bodyContainer {
    margin-top: 0px!important;
   	margin-bottom: 0px!important;
} 
  .mobile {
    display: block;
  }
    .desktop {
    display: none;
  }
  .bg-container h3, .bg-container p, .bg-container a {
    font-size: 27px;
  }
.bg-container h2 {
    text-align: right;
}
  .bg-container {
    padding-bottom: 100px;
}
  .adress-wrapper {
    padding-right: 0px;
}
}


@media (max-width:420px){
  .mob p {
    font-size: 30px;
    line-height: 33px;
}
.mob #panel-b a, .mob #panel-b ul, .mob #panel-b li {
    font-size: 33px !important;
  	line-height: 30px;
}
  .h4, h4 {
    font-size: 33px !important;
}
  .mob .info h1, .mob .info h2, .mob .info h3, .mob .info p {
    font-size: 30px !important;
}
  .bg-container h3, .bg-container p, .bg-container a {
    font-size: 30px;
  }
  .bg-container {
    padding-bottom: 70px;
}
}
#banner1, #banner2, #banner3, #banner4, #banner5, #banner6 {
  display: none;
}

/* Policy */

.cc_container {
	background: #79c6c6 !important;
    color: #fff !important;
    border-top: 1px solid #9dd5d5;
    font-size: 17px;
    font-family: 'Poppins', sans-serif !important;
    box-sizing: border-box;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #000 !important;
    background-color: #efefef !important;
    transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    font-family: Signika,sans-serif !important;
}
.cc_container .cc_message {
    transition: font-size 200ms !important;
    font-size: 0.6em;
    display: block !important;
    color: #fff !important;
}
.cc_container a, .cc_container a:visited {
    color: #0086a0 !important;
}
@media (min-width: 769px) {
  .cc_container .cc_btn {
    font-size: 1em;
    padding: 8px 15px;
    min-width: 220px !important;
}
}