/**************************************************************************************/
/*
/*		Designed by 'AgITO'
/*		Web: http://www.agito.de
/*		License: GNU/GPL
/*
/*************helles braun**#824C0E*RGB 130 76 14*****dunkles braun #422408  reg 66 36 8****pflaume*R141 G67 B76**#8D434C***************/

@media screen and (max-width: 480px) {  
 #sp-right {
   margin-top:10px;}

  .fll {width:100% !important; padding-bottom:30px; }
  .flr {width:100% !important; }
  .fll_arr {width:100% !important; padding-bottom:30px; }
  .flr_arr {width:100% !important; }
  
#sp-footer1 {width:100% !important;}
#sp-footer2 {width:100% !important;} 
#sp-footer3 {width:100% !important; text-align:left !important; padding-top:30px;} 

  .tab_preise {font-size:12px !important;}  
  .pic21 {margin:0 auto !important; padding-bottom:30px;}
  
}

@media screen and (max-width: 768px) {  
  .preis_arrangement { width: 100% !important; float:none !important; padding:5px !important;}
  .flr_arr, .fll_arr {width: 100% !important; float:none !important; padding:5px !important;}
}


@media (min-width: 768px) and (max-width: 1200px) {
   .sp-megamenu-parent {
        margin-top: -160px !important;
    }
}


@media screen and (max-width: 1200px) and (min-width: 400px) {  

  
}

/****Ende Media********/

body {color:#422408; line-height:1.7em; font-family: 'Questrial', sans-serif; font-size: 16px;font-weight: normal;}

html {overflow-y:scroll;}

a {color:#8D434C;}
a, a:hover, a:focus, a:active {  color:#8D434C;}
b {font-weight:700;}

h1 { font-size: 50px !important; font-weight:bold !important; margin-top:50px; margin-bottom:20px; font-family: 'Great Vibes', sans-serif;}
h2 { font-size: 26px !important;; font-weight:bold !important; color:rgb(141, 67, 76);letter-spacing:0.05em; font-family: Great Vibes, sans-serif; }
h3 { font-size: 24px; font-weight:bold !important; text-align:center; font-family: Great Vibes, sans-serif;}

.font1 { font-family: Great Vibes, sans-serif; letter-spacing:0.1em;
    font-size: 26px; font-weight: bold; color:rgb(141, 67, 76);}

/***neu **/

#sp-hotel .sp-column {background:#fff !important; padding:30px !important;  }
#sp-hotel h1 {font-size: 42px !important;  }
#sp-hotel h2 {  }
#sp-hotel h3 { text-align:left; }


#start h1 { font-size: 50px !important; font-weight:bold !important; margin-top:50px; margin-bottom:20px; color:#422408 !important; }
#start h2 { font-size: 28px !important;letter-spacing:0.1em; font-weight:bold !important; color:rgb(141, 67, 76); }

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    color: #824C0E !important;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #824C0E !important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:hover {
  background: #824C0E !important;}


#sp-slider {  margin-bottom:10px; border-top:10px solid #422408;    }
#sp-right {background:rgb(247, 242, 238); border:1px dotted #ccc; box-shadow: 3px 3px 4px #777;
  margin-top:30px;   font-size:15px;
-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s; }

#sp-footer {  padding-bottom:50px; background:#422408;}
#sp-footer1 {   margin: 0 auto; text-align:left; border-right: 1px dotted #fff;}
#sp-footer2 {   margin: 0 auto; text-align:left;}
#sp-footer3 {   margin: 0 auto; text-align:right;}

#sp-galerie {padding:30px 0px 30px 0px;}
#sp-galerie-ueb {padding:30px 0px 30px 0px; border-top: 0px solid #ccc; text-align:center;    }

#sp-galerie-ueb h5 { font-size: 46px; font-weight:700;    text-transform: none; text-shadow: 3px 3px 4px #777; 
    line-height: 1.4; font-family: Great Vibes, sans-serif; color:#824C0E;}

.sp-module ul > li > a::before {
  display:none;
}


#sp-keywords h1 {font-size:1px; color:transparent;}
#sp-main-body { padding: 40px 0 !important;}

.sp-megamenu-parent > li > a {  font-size: 16px;   }

.sp-module .sp-module-title {  }

.tp-caption a {    color: #fff !important;}


.str2 {
  width: 90%;  margin:0px auto; margin-top:20px;  color: #fff;   height: 1px;  background-color: #ccc;  border: #ccc; 
}

.gold {color:#ffd700 !important;}

.pic1  {display:block; overflow:hidden; float:left; }
.pic11 {display:block; float:left; padding-right:15px; width:35px; }/* iconsxx */
.pic2  {display:block; overflow:hidden; float:right; } 
.pic21  {float:right; padding:1px;  margin: 0px 0px 25px 25px; } /* xx */

.block100 {display:block; overflow:hidden; width:100%;}
.block_aktuelles {display:block; overflow:hidden; width:97%; margin:0px auto; background:#fff; padding:8px;
box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.1);}

.white {color:#fff;}
.preis_arrangement {display:block; overflow:hidden; background:rgb(247, 242, 238); font-weight:bold; font-size:16px; width: 60%; float:right; text-align:left; padding-right:20px;}
.arrangement  {background:rgb(247, 242, 238); font-weight:bold; font-size:16px; padding:10px; }
.fs110 {font-size: 110% !important;}
.fs120 {font-size: 120% !important;}
.gold {color:#c29852 !important;}
.orange {color:#c29852 !important;}

a.anchorPos { display: block; position:relative; top: -50px;  visibility: hidden;}
.vis_mandatory { color:orange !important;}


.tab_preise { display: block; width: 100%;   background-color: #ffffff;
    border-collapse: separate; //padding: 2em;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;    margin-bottom: 20px;}

td {border: 1px dotted #e1e1e1; vertical-align: middle;}

.d2 {width:40%; text-align:right; background:rgb(247, 242, 238); padding:0px 20px 0px 20px; font-weight:bold;}
.d4, .d5 { text-align:center; border-right: 1px dotted #D9B8A9; padding-right:10px;}
.d11 { padding-bottom:20px; font-weight:bold; text-align:center; }
.tac { text-align:center !important; }

.divider {   height: 20px; border-bottom: 1px solid #422408;
    display: block; margin-bottom: 20px; }

.divider::after {
    background: url(../images/divider_hotel-bodolz.png) no-repeat top center;
    background-size: 25px;    height: 40px;    width: 100%;    background-position: 46% 10px;    content: "";
    display: block;    margin: 10px;    padding: 10px;}

.divider1 {   height: 20px; border-bottom: 1px solid #ccc;
    display: block; margin-bottom: 20px; }

.divider1::after {
    background: url(../images/divider_hotel-bodolz.png) no-repeat top center;
    background-size: 25px;    height: 40px;    width: 100%;    background-position: 46% 10px;    content: "";
    display: block;    margin: 10px;    padding: 10px;}



.center {text-align:center;}
.block_100 {width: 100%; overflow:hidden; display: block; margin:0 auto;}


/**Zimmer**/

{width: 90%; display: block; margin:0 auto;}
.flr { display: block; overflow: hidden; width: 49%;float:right; margin:20px 0px 10px 10px;}
.fll { display: block; overflow: hidden; width: 50%;float: left;}
.flr_arr { display: block; overflow: hidden; width: 49%;float:right; margin:0px 0px 10px 10px;}
.fll_arr { display: block; overflow: hidden; width: 48%;float: left;}
.zimmer_text {}
.zimmer_galerie {background:#f0f0f0; padding:20px; }


.sp-module ul > li {     
  border-bottom: 0px solid #e8e8e8 !important;  line-height: 2.4em;}

.captionplus-align { line-height: 1.6em !important;}

.equip-internet {
    padding-left: 40px; background-image: url('../images/koeberle_bodolz_wlan.jpg');
    background-repeat: no-repeat; background-position: left center;}

.equip-bett {
    padding-left: 40px; background-image: url('../images/koeberle_bett.jpg');
    background-repeat: no-repeat; background-position: left center;}

.equip-dusche {
    padding-left: 40px; background-image: url('../images/koeberle_dusche.jpg');
    background-repeat: no-repeat; background-position: left center;}

.equip-tv {
    padding-left: 40px; background-image: url('../images/koeberle_tv.jpg');
    background-repeat: no-repeat; background-position: left center;}

.equip-balkon {
    padding-left: 40px; background-image: url('../images/koeberle_balkon.jpg');
    background-repeat: no-repeat; background-position: left center;}

.equip-minibar {
    padding-left: 40px; background-image: url('../images/koeberle_minibar.jpg');
    background-repeat: no-repeat; background-position: left center;}

.equip-schreibtisch {
    padding-left: 40px; background-image: url('../images/koeberle_schreibtisch.jpg');
    background-repeat: no-repeat; background-position: left center;}

.equip-safe {
    padding-left: 40px; background-image: url('../images/koeberle_safe.jpg');
    background-repeat: no-repeat; background-position: left center;}


/**Events in Lindau**/
.news_lindau {
    width: 90%; display: block; margin:0 auto;
    box-shadow: 7px 0px 7px 0px #cccccc;
    overflow: hidden;
    text-align: left;
    padding: 10px;
        padding-top: 10px;
    background: #fff;
    color: #472D06 !important;
    padding: 25px 25px 5px 10px;
    font-size: 15px;
    margin-bottom: 15px; 
}

.news_lindau img {
    width: 300px;
    display: block;
    float: left;
    overflow: hidden;
    padding-right: 40px;
    background: #fff;
    color: #0864A3;
    padding-bottom: 40px; padding-top:30px; 
}

.news_lindau h4 {
    color: #824C0E;
    font-weight: 300;
    font-size: 20px;
    padding-bottom: 10px; text-shadow: 1px 1px 1px #777;
}

.mehr_info {    
    display: block;    
    overflow: hidden;
    padding-top: 20px;    padding-bottom: 30px;  
}

.news_lindau > ul {
    margin-left: 20px;
    margin-bottom: 0px;
}

/****/
div.cc-window { font-family: Questrial,sans-serif !important;  line-height:1.2em !important;  }

.fa {color:#8D434C; margin-right:10px;}
.fa_w {color:#fff; margin-right:10px;}

.fa-envelope {font-family: FontAwesome;
  content: "\f0e0"; }

.fa-phone {font-family: FontAwesome;
  content: "\f095"; }

.fa-laptop {font-family: FontAwesome;
  content: "\f109"; }

.fa-fax {font-family: FontAwesome;
  content: "\f1ac"; }

/**images left und right**/

#image-left {display:block; overflow:hidden; float:left; width:45%;
    transition: border 0.3s ease-in, box-shadow 0.3s ease-in;
}

.animation-slide-left {
    animation-name: slide-left;
}
[class*="animation-"] {
    animation-duration: 0.9s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;  
} 
.animation1-slide-left {
    animation-name: slide-left;
}
[class*="animation1-"] {
    animation-duration: 0.9s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
  animation-delay: 2s;
}

#image-right {display:block; overflow:hidden; float:right; width:45%;
    transition: border 0.3s ease-in, box-shadow 0.3s ease-in;
}
.animation-slide-right { animation-name: slide-right;}

.animation1-slide-right {animation-name: slide-right;}


/**bueffetvorschlag**/

.bueffetvorschlag {
      position: relative;
    background: #8D434C;
    background: -moz-linear-gradient(top, #8D434C 0%, #cfe7fa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8D434C), color-stop(100%,#824C0E));
    background: -webkit-linear-gradient(top, #8D434C 0%,#824C0E 100%);
    background: -o-linear-gradient(top, #8D434C 0%,#824C0E 100%);
    background: -ms-linear-gradient(top, #8D434C 0%,#824C0E 100%);
    background: linear-gradient(top, #8D434C 0%,#824C0E 100%);
    width: 300px;
    height: 80px;
    margin: 30px auto;
    padding: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    overflow: hidden;
    border: 1px solid #fff;
    -moz-box-shadow: 1px 1px 10px #333;
    -webkit-box-shadow: 1px 1px 10px #333;
    box-shadow: 1px 1px 10px #333;
}


.bueffetvorschlag img {
position: absolute;
left: 100px;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 2s linear;
}

.bueffetvorschlag:hover img {
left: 115px;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}

.bueffetvorschlag h5 {
position: absolute;
top: -5px;
left: 20px;
color:#ffffff;
font-size:20px;
font-weight:bold;
margin: 30px auto;
text-shadow: 1px 1px 10px #333;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
}

.bueffetvorschlag:hover h5 {left: 10px;} 



/***weihnachten***/
.bueffetvorschlag_w {
      position: relative;
    background: #8D434C;
    background: -moz-linear-gradient(top, #8D434C 0%, #cfe7fa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8D434C), color-stop(100%,#824C0E));
    background: -webkit-linear-gradient(top, #8D434C 0%,#824C0E 100%);
    background: -o-linear-gradient(top, #8D434C 0%,#824C0E 100%);
    background: -ms-linear-gradient(top, #8D434C 0%,#824C0E 100%);
    background: linear-gradient(top, #8D434C 0%,#824C0E 100%);
    width: 330px;
    height: 80px;
    margin: 30px auto;
    padding: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    overflow: hidden;
    border: 1px solid #fff;
    -moz-box-shadow: 1px 1px 10px #333;
    -webkit-box-shadow: 1px 1px 10px #333;
    box-shadow: 1px 1px 10px #333;
}


.bueffetvorschlag_w img {
position: absolute;
left: 120px; top:20px;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 2s linear;
}

.bueffetvorschlag_w:hover img {
left: 115px;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}

.bueffetvorschlag_w h5 {
position: absolute;
top: -5px;
left: 20px;
color:#ffffff;
font-size:20px;
font-weight:bold;
margin: 30px auto;
text-shadow: 1px 1px 10px #333;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
}

.bueffetvorschlag_w:hover h5 {
left: 10px;
} 




/**ibelsa*/
.ibelsa-widget-box-container {
    background-color: #38594E !important;    }

div.ibelsa-widget-box-container .ibelsa-colored-btn {
    background-color: #fff !important;
    color: #444 !important;   
}

div.ibelsa-widget-box-container .ibelsa-text-color1 {
    color: #ffffff !important;}
div.ibelsa-widget-box-container .ibelsa-colored-btn {background-color: #fff !important;}
 div.ibelsa-colored-btn {background-color: #fff !important;}




#redim-cookiehint .cookiebuttons .btn 
{ background-color: #A01523 !important;  }

#redim-cookiehint 
{ background: rgba(139,94,59,.7) !important; }

#redim-cookiehint .cookiecontent 
{ font-size:12px !important;}


/******fonts******/

@font-face {
    font-family: 'Questrial';
    src: url('../fonts/Questrial-Regular.ttf') format('opentype');  
}

@font-face {
    font-family: 'Great Vibes';
    src: url('../fonts/GreatVibes-Regular.ttf') format('opentype');  
}

/**transitions*/

@keyframes slide-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}
@keyframes slide-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}


@keyframes slidein {
  from {
    margin-left: 0%;
    width: 100%;
  }

  to {
    margin-left: 0%;
    width: 45%;
  }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




/**notification Bar**/

.SLNotificationBar { 
  padding: 30px 0px !important;  background: transparent !important;}

.SLNotificationBar .SLhelloinner {
    display: block; overflow:hidden;  width: 55%;  background:#fff; padding: 40px 30px !important;
    margin: 0 auto; line-height: 1.6em !important; text-align:center; border-bottom: 3px solid rgb(141, 67, 76);
}

.SLdownarrow {   right: 50%; top:15px;  }

.SLNotificationBar .SLtext a {
    font-weight: 500;  color:#FC41AA !important;
    margin: 0 5px;  padding: 5px 10px; background: #fff !important;
    border-radius: 0px !important;
  -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 0px #fff !important;
}
.SLNotificationBar p.SLtext { margin: 0px;  width: 90%; margin: 0px auto;}
.popup_notification {text-align:center; }
.popup_notification img {display:block;   overflow:hidden; margin:0px auto;}

.SLRibbon {    z-index:9999;}