body{
    font-size:14px;
    line-height:1.42857;
    color:#333;
    background-color:#ffffff;
    font-family:'Open Sans',Arial, Helvetica, sans-serif;
    box-sizing: border-box;

}
.row-light{background-color:#FFF}
.row-dark{background-color:#f0f0f0}
#myheadnav{z-index:100001;position:relative;}
@media screen and (min-width: 768px){
    .wrapper{padding:0 50px;z-index:5;}

}
.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    z-index: 25;
}
header{
    position:relative;
    z-index:2
}
main{
    position: relative;
    z-index:1;

}
.navbar{ background-color: #027eba; color:white;}
.navbar-brand{color:#ffffff; margin-left:0 !important; padding: 15px 0 0 0;}
header .contact{text-align:right;padding:10px;font-size:12px;color:#027eba; background-color: #f0f0f0;}
header .contact p{margin:0 10px 0 0;display:block;text-align:center}
@media screen and (min-width: 992px){	header .contact p{display:inline-block}}
header .contact a{margin:0 10px 0 0;display:block;text-align:center}
@media screen and (min-width: 992px){ header .contact a{display:inline-block}}
header .language-selector{list-style-type:none}
header .header{background-color:#15294f}
header .navbar{border-radius:0;background-color:#027eba;margin-bottom:0}
header a.navbar-brand{color:#ffffff;padding:15px 0 0 0;margin-left:0 !important;}
a.navbar-brand img{		display:inline-block;	}
@media screen and (min-width: 992px){	header a.navbar-brand{font-size:25px}}
header .navbar-nav>li>a{color:#000;font-size:18px}
header .navbar-nav>li>a:hover{text-decoration:underline;background-color:transparent;}
.navbar .nav > li >a {padding: 15px 20px 15px 20px;color:white;text-transform: uppercase;}
header .navbar-toggle .icon-bar{background-color:#FFF}
.dropdown-menu{  min-width: 200px;}
.dropdown-menu > li > a{ padding: 3px 10px 3px 10px; color: #333333; font-size: 16px;text-transform: uppercase;}
footer{background-color:#f0f0f0; }
footer .information ul {
    padding-left: 0;
    list-style-type: none;
}
footer .information ul li a::after {
    font-family: FontAwesome;
    content: "\f054";
    font-size: 11px;
    padding-right: 5px;
    float: right;
}
footer .information ul li a {
    display: block;
    text-decoration: none;
}
footer a {
    font-size: 15px;
    opacity: 0.9;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.bildcontent{
   position:relative;
}
.headbildtext{
   position: absolute;
   color: white;
   top: 40%;
   right: 10%;
   font-size: 44px;
}
.rechts{text-align: right;}
.headline{  text-transform: uppercase;border-bottom: 1px solid #e4e9f0;padding:8px 0 2px 0;margin-bottom: 10px;padding-top:15px;}
.headline h2, .headline h3, .headline h4 {
    margin: 0 0 -1px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 1px solid #027eba;
    text-transform: uppercase;
}

.headline h2 {
    font-size: 22px;
    color: #939393;
}
.center{text-align: center;}
.phone{font-size:14px;}
.esmall{font-size: 9px;}
.fremdlinks{ border-top: 2px solid darkgray;}
.promolinks{text-align: right;}
.promolinks img{filter: grayscale(100%); }
.promolinks img:hover{filter: grayscale(0%);}
.socialmediabuttons a{color:#939393;}
.socialmediabuttons a:hover{color:#0273ba;}
.oneoffer{position: relative; overflow:hidden;margin-bottom:20px;background-color:white;border-radius:6px;box-shadow: 1px 1px 3px #eeeeee;}
.oneoffer:hover{background-color: #f2f2f2;}
.oneoffer img{position: relative;height:180px; width:100%;z-index:10;}
.oneoffer .stars{ position: absolute  ; top:10px;left:10px;z-index:12;color:yellow; }
.oneoffer .starsb{ display:block;z-index:12;color: #fbed50; }
.oneoffer .oname{ display:block;height:27px;font-size:18px;color:#027eba;overflow: hidden;margin: 0 15px 15px 10px;}
.oneoffer .land{color:#027eba; height:24px;display:block;text-align: center;}
.oneoffer .land span{font-size:10px;color: dimgray;}
.oneoffer .description{display:block;height:78px; overflow: hidden;padding: 0 5px 0 5px;}
.oneoffer .preis{height: 30px;text-align: right;color:#027eba;padding:0 5px 0 5px;}
.oneoffer .preis span{font-size:24px;}
.oneoffer .weiter{display: block;margin:0;padding: 10px;background-color:#cfcfcf;text-align: center;}
.kopfzeile{padding-top: 20px;font-size: 24px;text-transform: uppercase;}
.kmap{height: 315px; box-shadow: 1px 1px 4px black ;}
.klmap{ height: 280px; box-shadow: 2px 2px 4px #3c8dbc ;}


.map{height:200px;}
.rmap{height:330px;}
dd{margin-left: 30px;}
#back-top{
    position: fixed;
    bottom:40px;
    right: 15px;
    display:block;
    z-index: 5;
}
#back-top span {
    display: inline-block;
    padding: 20px 10px;
    transition: 2s;
}
.fragen i{font-size:40px;}
.picture{
    background-color: white;
    max-width:200px;
}
.isn{ width:90px; display: inline-block;}
.empfehlung{ position: relative;    margin: 10px 10px 10px 10px;    text-align: left; z-index:12;}
.empfehlung .titel{  font-size: 14px;  color: #027eba;text-decoration: dotted;}
.empfehlung .stars{ color: yellow;text-shadow: 0 0 1px #027eba;font-size: larger;}
.empfehlung .rtyp{  position: absolute;  top: 0;  right: 0;}
.empfehlung img{ width:150px;  margin: 0 6px 6px 0; border-radius: 6px; float: right;}
.stadt{position:relative;margin-bottom: 25px;margin-top:5px;}
.stadt .htit{font-size:20px;color:white;position: absolute;top:10px;right:10px;text-shadow: 0 0 4px #aaddff;
 background-color: rgba(50,50,50,0.4);padding:2px 5px 2px 10px;
 border-radius: 10px;
}
.stadt .simg{ width:100%;}
.stadt .fuss{position:absolute; bottom: 2px; width:100%;opacity:0.6;background-color: grey;}
.tab-pane ul{
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
   
}
#beschreib ul,#preise ul,#zusatz ul{
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}
#beschreib li, #preise  li, #zusatz  li{
  display: inline-block;
  width:45%;
  margin-right: 10px;
}
#beschreib  li::before, #preise li::before,#zusatz li::before{
   font-family: FontAwesome;
   content: "\f058";
   color: #027eba;
    padding-right:5px;
}
h3{font-size: 20px;}
#falle{background-color:gray;padding: 5px 10px 5px 10px;margin-top:10px;margin-bottom: 10px;
    text-align: center;}
#anzeigefenster{padding-left: 0;}
.lunten{border-bottom: 1px  dashed #8dbbfd; }
.gewinnkasten{
    box-shadow: 0 0 4px gray;
    border: 1px solid #027eba;
    background-color: #efefef;
}
.card{
    height:360px;
    /* border:1px dotted lightgray; */
}
.card-title{
    margin:0;
    background-color: white;
    padding: 3px 5px 2px 10px;
}
.card-text{padding-left:10px; padding-right: 5px; }
.eingaben .row{
    margin-top: 6px;
    margin-bottom: 15px;
}
.eingaben .input-group{
    margin-bottom: 15px;
}
.eingaben{
   padding:10px 10px 10px 10px;
   background-color: #ccdef0  ;
}
.modal-header{
    color:white;
    background-color: #027eba;
}
.modal-footer{
   background-color: #f0f0f0;
}
.card{
    margin-right: 20px;
}
.card-img-top{
    width:90%;
    box-shadow: 4px 4px 3px gray;
}
.mitbild img{
    margin: 8px 8px 8px 8px;
}
thead{
   background-color:#027eba;
    color: white;
}
.rera{
  border-right: thin solid gray;
}

#beschreib > img ,#zusatz > img,#idBehand >img, #preise > img {
    margin-right: 10px !important;
    margin-bottom: 15px !important;
}
#beschreib ,#zusatz ,#idBehand , #preise {
   margin-top:20px;
}
.login-box,
.register-box {
    width: 360px;
    margin: 7% auto;
}
@media (max-width: 768px) {
    .login-box,
    .register-box {
        width: 90%;
        margin-top: 20px;
    }
}
.login-box-body,
.register-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
    color: #777;
}
.login-box-msg,
.register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px;
}
.noprint{
    display: none;
}