/***************************************/
/*      Kontakt           */
/***************************************/
form {
margin-top:30px;
}
form span{
color:#000;
font-weight:400;
font-size:18px;
text-align:left!important;
}
.form-group label{
color:#000;
font-weight:400;
font-size:18px;
text-align:left!important;
}
.form-group .little{
color:#000;
font-weight:400;
font-size:16px;
line-height:1.2;
text-align:left!important;
}
.infoform {
background-color:#f5f5f5;
padding:15px 10px 15px 10px;
}
1.form-group i{
font-size:12px;
font-style:normal;
}
.form-group p{
color:#000;
font-size:16px;
text-align:left!important;
}
.form-group small{
color:#660000;
font-size:16px;
font-weight:600;
text-align:left!important;
}
.btn-visible {
border: 1px solid #660000;
color:#000;
width:100%;
font-size:16px;
background:#f5f5f5;
white-space: normal;
}
.btn-refresh {
border: 1px solid #f5f5f5;
margin:20px 0 0px 0;
font-size:16px;
color:#000;
background:#f5f5f5;
}
#btn_senden_ess,
#btn_senden_wm {
padding:5px 10px;
margin:20px 0 0px 0;
}
#btn_senden_wm {
background-color: #600;
border: 1px solid #600;
color:#fff;
}
#btn_senden_ess {
background-color: #dbb770;
border: 1px solid #dbb770;
}











1.infos {
background-color:#f5f5f5;
padding:15px 15px;
margin:40px 0 40px 0;
font-size: 16px;
}
1.infos ul{
padding-left:15px;
}
1.infos hr {
margin-top: 10px;
margin-bottom: 10px;
margin-left:0;
border: 0;
border-top: 2px solid #660000;
}
1.infos img{
margin: 10px auto;
}

1.sh-con{
min-height: 800px;
}

1.smaller {
font-size: 0.75em;
}
1.img-def {
max-height:150px;
margin: 0 auto;
margin-top: 20px;
}
1.klein{
font-size: 14px;
}
1.fa-fb {
font-size:24px;
margin-left:40px;
position: fixed;
bottom: 15px;
right: 45px;
padding-left:5px;
}
1.modaltext {
font-size:16px;
}

/***************************************/
/*      Button      */
/***************************************/
1.btn-gold {
color: #000;
background-color: #cc9933;
border-color: #cc9933;
margin:20px 0 20px 0;
}
1.btn-gold:focus,
1.btn-gold.focus {
color: #000;
background-color: #cc9933;
border-color: #cc9933;
}
1.btn-gold:hover {
color: #000;
background-color: #cc9933;
border-color: #cc9933;
}
/***************************************/
/*    dl-horizontal info  */
/***************************************/
1dl {
margin-top: 0;
margin-bottom: 5px;
}
1dt,
1dd {
1line-height: 1.15;
}
1dt {
font-weight:400;
}
1dd {
margin-left: 0;
}
/***************************************/
/*     panel Zimmercheck fa-check      */
/***************************************/
1.panel-sh {
font-size:16px;
margin: 0 0px 5px 0px;
padding: 15px 5px;
background-color: #eee;
color: #000;
}
/***************************************/
/*        Carousel Unterseiten                     */
/***************************************/
1#carousel-sh {
margin-top:  20px;
width: 100%;
}
1#carousel-sh .carousel-indicators {
margin: 10px 0 0;
overflow: auto;
position: static;
text-align: left;
white-space: nowrap;
width: 100%;
}
1#carousel-sh .carousel-indicators li {
background-color: transparent;
-webkit-border-radius: 0;
border-radius: 0;
display: inline-block;
height: auto;
margin: 0 !important;
width: 100px;
}
1#carousel-sh .carousel-indicators li img {
display: block;
opacity: 0.5;
}
1#carousel-sh .carousel-indicators li.active img {
opacity: 1;
}
1#carousel-sh .carousel-indicators li:hover img {
opacity: 0.75;
}
1#carousel-sh .carousel-outer {
position: relative;
}
/******************************************************************************/
/******************************************************************************/
1@media only screen and (min-width: 480px) and (max-width: 767px) {
.col-xsl-4 {
width: 33.33333333%;
}
.col-xsl-6{
width: 50%;
}
.col-xsl-7{
width: 58.33333333%;
}
.col-xsl-5{
width: 41.66666666%;
}
.col-xsl-8 {
width: 66.66666667%;
}
.col-xsl-9 {
width: 75%;
}
.col-xsl-3 {
width: 25%;
}
}

1@media only screen
and (max-width: 991px) {
.after::after {
content: "\A";
white-space: pre;
}
}
/******************************************************************************/
/******************************************************************************/
@media only screen
and (min-width: 992px) {
1.flag {
position:absolute;
right:35px;
top:2px;
1display:none;
}
1.equal{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
1.nav-top {
padding:12px 0px 0px 0;
}
}
/***************************************/
/*        social-icon                   */
/***************************************/
1.social-icon-bar {
position: fixed;
bottom:0px;
1top:310px;
right:0;
1-webkit-transform: translateY(-50%);
1-ms-transform: translateY(-50%);
1transform: translateY(-50%);
}
1.social-icon-bar a {
display: block;
text-align: center;
padding: 8px 12px;
transition: all 0.3s ease;
font-size: 24px;
margin-bottom:1px;
}
1.social-icon-bar a:hover,
1.social-icon-bar a:focus,
1.social-icon-bar a:visited {
color: #fff;
opacity: 1;
}
1.envelope {
background: rgba(102,0,0,1);
color: #fff;
}
1.cutlery {
background: rgba(102,0,0,1);
color: #fff;
1margin-bottom:10px;
}
1.facebook {
background: rgba(102,0,0,1);
color: #fff;
}
1.instagram {
background: rgba(102,0,0,1);
color: #fff;
}
/***************************************/
/*        Cookie                       */
/***************************************/
1#cookiehinweis div {
padding:20px 0 20px 0;
}
1#cookiehinweis {
position:fixed;
z-index:10000;
font-size:14px;
color: #fff;
text-align:center;
background: rgba(102,0,0,0.7);
bottom:50px;
width:340px;
left: 50%;
transform: translateX(-50%);
}
1#cookiehinweisCloser {
color: #eee;
font-size:14px;
text-decoration: none;
cursor:pointer;
padding:7px 10px;
margin-left:10px;
border:1px solid #eee;
}
/***************************************/
/*      Button to top           */
/***************************************/
1#toTop,
.btntotop{
display:none;
}
1@media (min-width: 1200px) {
#toTop{
1display:block;
position: fixed;
bottom: 0px;
right: 0px;
cursor: pointer;
}
1.btntotop {
background-color: #222;
color:#fff;
border-radius:0;
font-size:24px;
margin:0;
border:1px solid transparent;
}
1.btntotop:focus,
1.btntotop.focus,
1.btntotop:hover {
background-color: #222;
color:#eee;
border:1px solid #fff;
}
}