/*-------------------- Aktuelle Hinweis-Box --------------------*/
.corona 
{border: 1px solid #C00;background-color: #FEF8F1; padding: 5px; margin-bottom: 5px;margin-top:5px}

.aktuell p
{color:#c00;font-size:14px;text-align: center;line-height: 20px}
/*-------------------- Kategorie-Boxen --------------------*/

.wrap 
{border: 1px solid #cdccc8;	padding: 5px; margin-bottom: 30px;}

.wrap:hover
{border: 1px solid #C00;cursor:pointer;}

.wrap a {text-decoration: none;}

.wrap h4, .wrap h3 
{font-weight: bold;font-size:18px;margin-top:10px;line-height:1.3em}

/*-------------------- Startseite- / Themen-Boxen ------------------*/

.thema 
{margin-top:40px;margin-bottom:0;background-color: #FEF8F1; border: 1px solid #FCC;}

.thema h3 
{font-size:16px !important}

.wirueberuns
{background-color: #FEF8F1;border: 1px solid #FCC;padding:0 8px 0 8px;margin-bottom:15px}

.wirueberuns h4
{margin-bottom:5px;background:url(../../../images/gruener-haken-h4.gif) no-repeat left;padding-left:20px;color:#C00}

/*-------------------- Orte-Links --------------------*/

.ortelinks a 
{border-radius: 4px; padding: 4px 12px;	display: block;	float: left; background: #fff; text-decoration: none; margin:0;	font-size:1.3em;border: 1px solid #990000;}

.ortelinks ul 
{display: inline-block;	text-align:center;padding:0; margin:25px 0 35px 0;}

.ortelinks ul li
{padding:0; margin:3px; box-sizing: border-box;display: inline-block;list-style: none;}

/*-------------------- zusätzlich hotel1 Boxen --------------------*/

.hotel3 
{margin-bottom:40px;background-color: #FEF8F1; border: 1px solid #FCC;padding: 5px;}

.hotel3 p
{margin:0;}

.hotel3 h3
{font-weight: normal;font-size:20px !important;margin:4px 0;text-transform:uppercase}


.hotel3 .hotelbild 
{text-align:center}

.hotel3 .beschreibung 
{margin: 0;color:#333}

.hotel3 .col-xs-8 
{padding-left: 0;}

.hotel3 .ort
{color:#093;margin-bottom:10px}

.hotel3 .hotelrating 
{margin-top: 10px;font-size:11px;color: #003366;margin-bottom:0}

.bwtg {
color: #C60;font-weight: bold;
}

/*-------------------- Angebotsboxen --------------------*/

.angebot 
{padding: 10px 10px 40px 10px;margin-bottom: 50px;border: 1px solid #C5C5C5;border-radius: 5px;background:#F6F6F6;}

.angebot:hover
{cursor:auto;border: 1px solid #C5C5C5}

.angebot p
{margin:0;line-height:18px}

.angebot h3
{font-weight: normal;font-size:24px !important;margin:4px 0;}

.angebot p
{margin:0;line-height:18px}

.angebot .hotelbild
{margin-bottom:10px;}

.angebot .angebotsnummer
{font-size: 11px;margin:10px 0;color:#666} 

.angebot .nr-mobile
{display:none} 

.angebot .hotelname
{color:#AD7B48!important;margin-bottom:15px;font-size: 14px!important}

.angebot li
{line-height:18px;color: #036;}

.angebot .angebotspreis 
{font-size:18px!important;margin:30px 0 40px 0}

.angebot .preis
{font-size:20px;color:#C00;font-weight:bold}

/*-------------------- Regionen-Seiten --------------------*/

#regionenangebote .aufz
{font-size:14px;line-height:22px}

#regionentext
{max-height: 290px;overflow: auto;margin-top: 10px;padding: 0 10px 10px 0;}

#regionentext h2
{padding-top:30px; margin-bottom:30px;margin-top:50px;border-top:#4B8D11 solid 1px}

#regionentext h4
{font-family:Verdana, Arial, Helvetica;font-size:12px;font-weight:normal;color:#000}

/*-------------------- Hotelseite --------------------*/

.hotelbild
{margin: 10px 0 30px 0; padding:0}
.ortname
{font-size:16px;font-weight:normal!important;}
.scrollhinweis
{visibility:hidden;height:0;margin:0;padding:0}
.hotelbilder
{-webkit-appearance: none;max-width: 100%;height: 150px;overflow-x: scroll;overflow-y: no;margin: 20px 0 0 0; padding:0; white-space: nowrap;}
.hotelbilder img
{margin: 0 6px 0 6px}
.hotelbeschreibung H3, .sub h3, .hotelbeschreibung H4
{font-size:18px !important}
.bonus
{background-color:#F1F1F1;margin-top:40px;padding:0 10px 10px 10px}
.zusatzinfos
{min-width:320px;margin-top:10px;margin-bottom:10px}

#hotelseite h2.border
{text-transform:uppercase}

#hotelseite .btn-primary
{background-color: #990000;border-color: #990000;}

#hotelseite .btn-primary:hover
{background-color:#FF8000;border-color: #FF8000;}

/*Angebote*/
.angebotstabelle td
{font-size:16px}
.angebotstabelle a
{color:#CC0000}
.buchungsbutton{border: none !important;background: #990000 !important;color: #ffffff !important;font-size: 16px;padding: 7px !important;text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin: 10px 0 0 0 !important;line-height: 20px;}
.buchungsbutton:hover{background-color:#FF8000 !important;cursor:pointer}
.buchungsbutton a {color: #FFF;text-decoration: none;}

.angebotslisteneu
{margin-top:20px}

.angebotslisteneu .row
{padding:5px 0 3px 0;background:#FAFAFA;border-top:1px dotted #999}

.angebotslisteneu div
{margin:10px 0 10px 0;}

.angebotslisteneu p
{margin:0}

.angebotslisteneu .angebotsname
{margin-bottom: 15px;margin-top: 8px}

.angebotslisteneu .angebotsname a
{font-size:18px;font-weight:bold;line-height:22px}

.angebotslisteneu .angebotsname a:hover
{color:#FF8000 !important}

.angebotslisteneu .angebotsnummer
{font-size:11px;color:#999}

.angebotslisteneu .angebotsbeschreibung
{font-size:12px;line-height:18px;text-align:left!important;color:#666;display:none}

.angebotslisteneu .angebotsbeschreibung ul
{}

.fadeout-box .fadeout {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 20px 0;
    background-image: linear-gradient(to bottom, rgba(250, 250, 250, 0), rgba(250, 250, 250, 1));
}

.fadeout-box {
    max-height: 580px;
    position: relative;
    overflow: hidden;
}

.angebotslisteneu table
{margin-top:10px;}


.angebotslisteneu .naechte, .angebotslisteneu .abpreis, .angebotslisteneu .properson
{font-size:12px}

.angebotslisteneu .preis
{color:#069; font-weight:bold}

.angebotslisteneu .ueb
{}

/*Hotelbewertung*/
.bewertungstabelle
{min-width:40%}
.bewertungstabelle td, .bewertungstabelle
{background-color:#F1F1F1; padding:0 5px;}
.bewertungstabelle p
{margin: 2px;padding:0; color:#036}
.bewertungstabelle .wertung, .bewertungstabelle .wertung
{font-size:1.4em !important; font-weight:bold !important}
.bewertungstabelle .btn
{padding: 3px 10px 3px 10px !important; margin:20px 0;}
.bewertungstabelle p.pkommentare
{margin-top: 15px;margin-bottom: 15px;}



div.rating { width:65px;height:13px;margin:0;padding:0;overflow:hidden;}
div.star {width:13px;height:13px;float:left;background:url(//www.wellnessurlaub-exklusiv.de/bewertungen/punkte_css.gif) no-repeat 0 0px;}
div.rating1 {background-position:0 -130px;}
div.rating0,div.rating10 {background-position:0 0px;}
div.rating11 {background-position:0 -13px;}
div.rating12 {background-position:0 -26px;}
div.rating13 {background-position:0 -39px;}
div.rating14 {background-position:0 -52px;}
div.rating15 {background-position:0 -65px;}
div.rating16 {background-position:0 -78px;}
div.rating17 {background-position:0 -91px;}
div.rating18 {background-position:0 -104px;}
div.rating19 {background-position:0 -117px;}

/*Holidaycheck*/
div.hc-widget.hc-widget-large, div.hc-widget.hc-widget-medium
{width:auto !important; max-width: 800px !important;}
.hc-widget-quote-body
{color:#003366 !important;font-size:11px !important}
.hc-widget-default-link
{color:#003366 !important}
div.hc-widget div.hc-widget-body
{background:#CCC !important}
.hc-widget-default-link, div.hc-widget.hc-widget-grey div.hc-widget-body {
color: #003366 !important;
}


/*Googlekarte*/
.googlekarte1
{width:100%;height:300px;overflow:hidden}
.googlekarte2
{width:100%;height:300px}

.hoteladresse
{font-size:18px;color:#990000;line-height:24px;margin-top:40px}

.sprungbuttonbuchung
{margin-top:30px;width:220px}


@media (min-width: 992px) and (max-width: 1199px) {
.thema h3 
{font-size:14px !important}

.wirueberuns
{height:100px}
}

@media (max-width: 991px) {
.angebotslisteneu .row
{text-align:center}	

.angebotslisteneu table
{text-align:center;margin-left:auto;margin-right:auto}

.angebotslisteneu .buchungsbutton {
    text-align: center;
    margin: auto !important;
        margin-bottom: auto;
    margin-bottom: 15px !important;
	margin-top: 15px !important;
    max-width: 200px;
    font-size: 16px;
}
}

@media (max-width: 767px) {
.scrollhinweis
{visibility:visible;height:auto;margin-top:-20px}

.angebotslisteneu .buchungsbutton
{text-align:center;margin:auto!important;margin-bottom:15px!important;max-width:200px;font-size:16px}

.thema
{margin-left:10%;margin-right:10%;padding:10px}

.thema h3
{font-size:20px !important}

.hotel3
{max-width: 490px; margin-left: auto; margin-right: auto;}

.angebot
{max-width: 490px; margin-left: auto; margin-right: auto;padding:5px 5px 20px 5px}

.angebot .nr-mobile
{display:block;background-color:#F6F6F6;padding:3px;border: 1px solid #F6F6F6;border-radius: 5px;position:absolute;top:5px;right:20px;opacity: 0.8;} 

.angebot .h3, .angebot .angebotspreis
{text-align:center}

.angebot .angebotsnummer
{display:none}

.angebot .hotelname
{font-size:14px;margin-top:10px}

.buttonset
{text-align:center}

p.sterne {margin-top: 5px;}

}

@media (max-width: 487px) {
.thema h3
{font-size:20px !important}

.angebot
{width: 90%;}

}