html,body{font-family:"Open Sans", sans-serif;}

.nticker {
  background: #38506c;
  color: #ecf0f1;
  padding: 1rem 10%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  position: fixed;
  width: 100%;
	z-index: 1;
}
@media (max-width: 32rem) {
  .nticker {
    text-align: center;
  }
}
.nticker .nticker__message {
  padding: 0.2rem 0;
  margin: 0;
  display: inline-block;
}
@media (max-width: 64rem) {
  .nticker .nticker__message {
    width: 100%;
  }
}
.nticker .nticker__accept,
.nticker .nticker__decline,
.nticker .nticker__link {
  padding: 0.2rem 0.8rem;
  border: 0;
  background: white;
  margin: 0 0.5rem;
  -webkit-transition: background 150ms ease;
  transition: background 150ms ease;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
	position:absolute;
	top:10px;
	right:20px;
}
.nticker .nticker__accept:focus,
.nticker .nticker__decline:focus,
.nticker .nticker__link:focus {
  outline: none;
}
@media (max-width: 64rem) {
  .nticker .nticker__accept,
  .nticker .nticker__decline,
  .nticker .nticker__link {
    margin: 0.5rem 1rem 0.5rem 0;
  }
}
@media (max-width: 32rem) {
  .nticker .nticker__accept,
  .nticker .nticker__decline,
  .nticker .nticker__link {
    width: 100%;
  }

}
.nticker .nticker__accept {
  background: #38506c;
  color: #ecf0f1;
}
.nticker .nticker__accept:hover, .nticker .nticker__accept:focus {
  background: #57aae1;
}
.nticker .nticker__accept:active {
  background: #68b2e4;
}
.nticker .nticker__decline {
  background: #38506c;
  color: #ecf0f1;
}
.nticker .nticker__decline:hover, .nticker .nticker__decline:focus {
  background: #38506c;
}
.nticker .nticker__decline:active {
  background: #38506c;
}
.nticker .nticker__link {
  color: #3498db;
  background: none;
  padding: 0.2rem 0;
  margin: 0;
}
@media (max-width: 64rem) {
  .nticker .nticker__link {
    margin: 0.5rem 0;
  }
}
.nticker .nticker__link:hover, .nticker .nticker__link:focus {
  text-decoration: underline;
}
@media (max-width: 32rem) {
  .nticker .nticker__link {
    width: 100%;
    text-align: center;
  }
}

.overlay{background:rgba(1, 1, 1, 0);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;}

a:hover{}

h1, h1 a,h1 a:hover{color:#38506c;} /* Blau */
a, a:hover{color:#3F95E5;}

h1{font-size:26px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}

hr{border-color:#333;}
hr.brd-dottet{border-style:dotted;}

.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}

.fc-white{color:#fff;}
.fc-blue{color:#38506c;}
.fc-green{color:#889c1d;}

.fw-bold{font-weight:bold;}

#header-fluid{color:#fff;padding-top:1em;padding-bottom:1em;background:#889c1d;}
#header-fluid #header-left {padding-top:15px;}
#header-fluid #header-left a{line-height:18px;}
#header-fluid #header-left a span.lsp7{letter-spacing:.22em; font-size:12px;}
#header-fluid #header-right a{color:#fff;}

#header-fluid-advantages{padding-top:.2em;padding-bottom:.2em;background:#38506c;}
#header-fluid-advantages a{color:#fff;}
#header-fluid-advantages .fa-check{color:#fff;}

#nav-fluid{color:#fff;border-bottom:1px solid #fff;background:#38506c;}
#nav-fluid ul{position:relative;list-style:none;margin:0;padding:0;}
#nav-fluid ul li{float:left;font-size:18px;line-height:50px;margin-bottom:-1px;}
#nav-fluid ul li span{padding:0 30px;cursor:pointer;}
#nav-fluid ul li span a{color:#fff;text-decoration:none;}
#nav-fluid ul li:hover,
#nav-fluid ul li.active{color:#fff;background:#9eb42b;}
#nav-fluid ul li a span,
#nav-fluid ul li.active a span,
#nav-fluid ul li ul li.active a {color:#fff;}
#nav-fluid ul li ul{position:absolute;top:50px;left:0;display:none;border:2px solid #889c1d;background:rgba(255,255,255,.98);z-index:9999;}
#nav-fluid ul li ul.row{padding:15px;margin-left:0px;margin-right:0px;width:100%;}
#nav-fluid ul li ul li{line-height:normal;}
#nav-fluid ul li ul li a{font-size:14px;color:#889c1d;display:block;padding:10px 0;}
#nav-fluid ul li ul li a span{padding:0;}
#nav-fluid ul li ul li:hover a,
#nav-fluid ul li ul li a:hover,
#nav-fluid ul li ul li a:focus{color:#fff;text-decoration:none;}

#container-fluid-teaser{border-top:2px solid #889c1d;}

#container-fluid-main{
background:url(../images/bg-pattern.jpg) repeat;
padding-bottom:6em;padding-top:2em;
}

#container-fluid-main .quest.affix{position:fixed;top:10px;width:262px;}
#container-fluid-main .quest.affix-top{position:static;}
#container-fluid-main .quest.affix-bottom{position:absolute;width:262px;}

#container-fluid-teaser{background:#dfe4e7;}
#container-fluid-teaser .container{height:350px;background:url(../images/bg-teaser.jpg) no-repeat left center #dfe4e7; background-size:cover;}
#container-fluid-teaser #teaser-box{margin-top:10%;}
#container-fluid-teaser #teaser-box li{font-size:18px;margin-bottom:10px;}

#container-fluid-info{background:#607895;}
#container-fluid-info,
#container-fluid-info a{color:#fff; padding:8px 0px;}
#container-fluid-info p{font-size:14px;line-height:26px; margin:0;}

#main-left{text-align:justify;margin-right:30px;}
#main-left h1,
#main-left h2,
#main-left h3,
#main-left h4{text-align:left;}
#main-left ul,
#main-left ol{display:inline-block;margin-bottom:20px;}
#main-left p,
#main-left ul li,
#main-left ol li{line-height:26px;}
#main-left img{float:left!important;margin:5px 20px 20px 0!important;border:1px solid #ccc;border-radius:0!important;}

.box{margin-bottom:20px;}
.box h4{color:#fff;font-size:16px;padding:5px 0 5px 10px;margin:0;wdth:100%;background:#38506c;}
.box p{padding:10px;box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.2);background:#fff;}
.box a{font-weight:bold;font-size:18px;}

#container-fluid-footer{color:#fff;padding-top:2em;padding-bottom:2em;background:#4b6482;}
#container-fluid-footer a{color:#fff;}

#container-fluid-footer-sub{color:#fff;font-size:12px;padding-top:5px;padding-bottom:5px;background:#333;}

/* jotform */

ul.form-section{list-style:none;padding:0;margin:0;}
ul.form-section li,
ul.form-section li textarea{margin-bottom:10px;}
ul.form-section li span.form-required{color:#f00;font-weight:bold;}
.submit-button input.btn{color:#fff;font-size:20px;font-weight:bold;background:#889c1d;}

/* modal */

#ModalChat .modal-dialog{width:800px;}

#ModalTelefon .modal-dialog,
#ModalTelefax .modal-dialog,
#ModalPost .modal-dialog{margin:200px auto;}


#chat-iframe .HelpOnClick-AvatarView img{width:150px;height:150px;}

.modal-content{border:0;background:none;}
.modal-header{text-align:center;border-radius:6px 6px 0 0;background:#889c1d;}
.modal-header h4{font-size:24px;}
.modal-body{padding:50px 15px;background:url(../images/bg-pattern.jpg) repeat;}
.modal-body p{text-align:center;}
.modal-footer{text-align:center;border-radius:0 0 6px 6px;background:#38506c;}
.modal-header,
.modal-header a,
.modal-footer,
.modal-footer a{color:#fff;}

/* */
.back-to-top{color:#fff;position:fixed;padding:5px 10px 7px;bottom:10%;right:2%;display:none;z-index:10;background:#38506c;}
.back-to-top:hover,
.back-to-top:focus{color:#fff;}


@media only screen and (min-device-width:320px) and (max-width:768px){
.container-fluid{padding-left:0; padding-right:0;}
#nav-mobil-select{width:100%; overflow:hidden-x;}
#main-left{margin-right:0;}
#main-left p{display:inherit!important;margin-bottom:15px;line-height:22px;}
#container-fluid-main .quest.affix{width:100%;top:0;left:0;padding:10px 10px 0;background:rgba(255,255,255,.95);}
#container-fluid-main .quest .box{margin-bottom:0px;}
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait){
}
@media only screen and (min-device-width:320px) and (max-device-width:568px){
}
@media only screen and (min-device-width:320px) and (max-device-width:667px){
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
ul{padding-left:20px;margin:0;}
#main-left ul li, #main-left ol li{text-align:left;margin-bottom:10px;line-height:18px;}
#main-left img{width:100%;height:auto;}

#header-fluid{padding-top:.5em;padding-bottom:.5em;}
#header-fluid #header-left{padding-top:0;}
#header-fluid #header-left .fs26{font-size:20px;}
#header-fluid #header-left .fs16{font-size:12px;}
#header-fluid #header-left a span.lsp7{letter-spacing:.47em;}
#icon-mobil{font-size:26px;padding-top:0px;}
#icon-mobil a{color:#fff;}

#header-fluid-advantages{color:#fff;padding:10px 0 15px;}
#top-affix-mobil p a,
#header-fluid-advantages a{text-decoration:underline;}
#top-affix-mobil p,
#top-affix-mobil p a{color:#889c1d;font-size:20px!important;}

#container-fluid-teaser{border-top:0;}
#container-fluid-teaser .container{height:160px;background-position:40% center;}
#container-fluid-teaser #teaser-box li{font-size:10px;margin-bottom:5px;}

#container-fluid-info p{font-size:10px;text-align:center;line-height:12px;padding:3px 0;}

#container-fluid-main{padding-top:.5em;padding-bottom:3em;}
#container-fluid-main .quest .box h4{font-size:14px;text-align:center;padding:5px 0;}
#container-fluid-main .quest .box img{display:none;}
#container-fluid-main .quest .box p{font-size:16px;padding:5px;text-align:center;}
#container-fluid-main .quest .box p a{font-size:16px;}

.modal-body .fs24{font-size:20px;}

#container-fluid-nav-mobil{color:#38506c;padding-top:5px;padding-bottom:5px;background:#38506c;}

}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){
#container-fluid-teaser #teaser-box li{margin-bottom:5px;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
#ModalTelefon .modal-dialog,
#ModalTelefax .modal-dialog,
#ModalPost .modal-dialog{margin:100px auto;}
#nav-fluid ul li ul li a{font-size:12px;}
#container-fluid-main .quest.affix,
#container-fluid-main .quest.affix-bottom{width:212px;}
#container-fluid-teaser .container{height:370px;background-position:5% center;}
.box a{font-size:14px;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
.container,
#ModalChat .modal-dialog{width:738px;}
#nav-fluid ul li{line-height:40px;}
#nav-fluid ul li span{padding:0 15px;}
#nav-fluid ul li ul{top:40px;}

#main-left{margin-right:0;}

#container-fluid-main .quest.affix{width:768px;top:0;left:0;padding:15px 15px 0;background:rgba(255,255,255,.95);}
#container-fluid-main .quest .box{margin-bottom:5px;}
.box a{font-size:16px;}

#container-fluid-teaser .container{height:300px;background-position:5% center;}
#container-fluid-teaser #teaser-box li{font-size:14px;}

#container-fluid-info p{font-size:12px;}

}