/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com

http://paletton.com/#uid=63M0U0kbnBN33VV6XNag4tHkMot
http://paletton.com/#uid=53H0N0kbmBG32VS6VN5g3tEkLop
*/

/*
ToDo

border-radius prüfen, sollte überall 8px sein

*/

*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}

/* Du musst margin auf 0 für alle Elemente setzen und immer padding statt margin
für vertikale Abstände (top und bottom) verwenden, anderenfalls werden diese margin-
Werte zur Gesamthöhe addiert und der Footer wird zu weit nach unten geschoben, was
vertikale Scrollbalken im Browser erzeugt. */

html, body, #wrap{height:100%;}

body > #wrap{height:auto; min-height:100%;}

nav, main, footer, section {
    display: block;
}

body{font: 15px/1.65em "Arial","Helvetica",sans-serif;letter-spacing:0.0331em;color:#444444;background:#F9F9F9;}

textarea, input, button, select {font-family: inherit; font-size: inherit;} /* Sonst wird die Font vom OS genommen und nicht die von Body */

#wrap{width:100%} /* IE8 hack to get it to apply margin auto centering to element inside this one */




/* CLEAR FIX */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 1px;}
.clearfix{display:inline-block}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* Bereich nicht für IE-mac Ende */

/* CLEAR FIX */
.clf:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clf{display:inline-block}

/* Bereich nicht für IE-mac Anfang \*/
* html .clf{height:1%}
.clf{display:block}
/* Bereich nicht für IE-mac Ende */


/*a img{border:none}*/
a{text-decoration:none;color:#0066ff;}
/*a:link{color:#0066ff;}*/
a:hover{color:#7A0A17;}
/*a:visited{color:#0066ff;}*/

.dynlink{cursor:pointer;color:#0066ff;}
.dynlink:hover{color:#7A0A17;}
.dynlink-footer{color:#fff;text-decoration:underline;}
.dynlink-footer:hover{color:#804249;}

p{margin:10px 0 5px 0}
/*span.strike{text-decoration:line-through}*/
form{margin:25px 0 5px 0}


/* Header */
/* position: relative; braucht der Menue-Button wegen der G-Werbung oben */
#logo-header{height:100px;max-width:1340px;margin:0 auto;position: relative;}
.logo{max-width:45%;border:none;padding:0;border-radius:0;background:transparent;margin-top: 20px;}


#header{padding:5px 0 15px 0;height:240px;background:#4A69AD url("/bilder/webseite/ferienunterkunft-berlin-header-1.jpg");background-size: cover;background-position:center center;}
#header #header_text{max-width:1340px;margin:0 auto;padding:0 10px 0 10px;height:110px;position:relative;}



/* Content Area */
#main{
padding-bottom:120px;/* Muss genau so hoch sein wie der Footer */
max-width:1340px;
margin:0 auto;
clear:both;

display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex; /* new */
flex-direction: row; /* new */
flex-flow: nowrap;
}


#content{width: 100%;max-width:100%;padding:30px 10px 25px 0;}

.sidebar2{float:right;width:302px;height:auto;}
.content_wrap2{margin-right:-320px;width:100%;float:left;}
.content2{max-width:100%;margin-right:320px;}

#content h1{font-size:1.5em;margin:0;line-height:1.1em;color:#4A69AD;font-weight:normal;}
#content h2{font-size:1.2em;color:#36648B;margin:15px 0 10px 0;}
#content h3{font-size:1.1em;}
#content h3, #content h4,#content h5{margin:15px 0 10px 0;color:#000;font-weight:bold;}
#content h4,#content h5{font-size:1.0em;}

/* Alles im Contentbereich links und rechts einrücken */
#content h1, #content h2, #content h3, #content h4, #content h5, #content iframe, #content .startseite_empfehlung, #content .adresse, #content fieldset, #content hr, #content p, #content .ukcount, #content .spr, #content blockquote, #content .framediv, #content #kalenderdiv, #content #gmapbox, #content .box, #content .ukbox, #content .thumbnail-line, #content .cont, #content .bg_cont, #content .bilderbox, #content .nzg, #content .box_filter, #content .box_option, #content .pagebar, #content #kalenderbox, #content address{margin-left:10px;margin-right:10px;}

#content .adresse address{margin:0;}

#content .sidebar2 iframe{margin:0;}

#content ul,ol{margin:10px 0 10px 20px;padding-left:10px;}
#content li{line-height:20px;}

#content #iframepiwik{width:100%;border:1px solid #000;background-color:#eee;}

#sidebar,.sidebar{
padding:30px 0 25px 0;float:right;width:340px;}

#inner_wrap{padding-top:0;width:100%;}

/* Für Ausrichtung per negativen Margin
Braucht der IE 9 und 10 */
#inner_wrap{padding-left:235px\9;margin-left:-230px\9;}

/*Für FLEX*/
#inner_wrap{}

#content_wrap{width:100%;}



/* Footer */
#footer{position:relative;/*margin-top:-120px; Negativer Wert der Footer-Höhe */clear:both;background-color:#444;color:#ffffff;font-size:11px;}
#footer a{color:#ffffff;text-decoration:underline;}
#footer a:hover{color:#804249;}
#footer a:visited{color:#ffffff;}
#foot{max-width:1340px;margin:0 auto;line-height:2.1em;padding:45px 10px 0 10px;display: -ms-flexbox;-ms-flex-wrap: wrap;display:flex;flex-flow: row wrap;}
#foot .col_3{-ms-flex: 0 0 33.33333333%;flex: 0 0 33.33333333%;}



/* navigation */
.menu_button{display:none;}
.menu_button::after{content:"\2630\0020MENÜ";}
.menu_open{position:fixed;}
.menu_open::after{content:"\X\0020MENÜ";color:#fff;}

#navigation{-webkit-flex: 0 0 230px;-ms-flex: 0 0 230px;flex: 0 0 230px;width:230px;padding:30px 0 25px 10px;margin-right: 15px;}
.nav-box{border:1px solid #D1D7DB;margin-bottom: 20px;background-color: #fff;}
.nav-box li{margin:0 0 7px 0;display:block;}
.nav-box li > a{padding:3px 3px 3px 0;text-decoration:none;line-height:100%;}
.nav-box li > a:hover{color:#000;}
.nav-box li > span{font-size:.8em;color:#666;}
.nav-title{background-color:#5571af;padding: 5px 2px 5px 5px;color:#fff;}
.nav-list, #navigation ul.nav2, #navigation ul.nav3, #navigation ul.nav4 {background-color: #fff;border: none;margin-bottom: 0;padding-left:5px;}

#navigation ul.nav2{margin-left:10px;margin-top:5px;line-height:1.2em;}
#navigation ul.nav2 li{margin: 0 0 7px 0;color:#333;}
#navigation ul.nav2 li a{padding:0;}

#navigation ul.nav2inline{margin-left:10px;line-height:1.2em;}
#navigation ul.nav2inline li{display:inline;margin:0;color:#333;font-size:.85em;}
#navigation ul.nav2inline li span{display:none;}
#navigation ul.nav2inline li a{color:#333;padding:0;}
#navigation ul.nav2inline li:after{content:",";}
#navigation ul.nav2inline li:last-child:after{content:"";}

#navigation ul.nav3{margin-left:14px;margin-top: 5px;}
#navigation ul.nav4{margin-left:14px;margin-top: 5px;}






img{max-width:100%;}
img:not(.b-lazy){height:auto;}
img.b-loaded{height:auto;}

ins{text-decoration:none;}

/*
.footer_left{float:left;}
.footer_right{float:right;}
*/

.hauptbild{margin:5px 30px 0 10px;float:left;max-width:50%;}

.mini{margin: 2px;}

/* Float und Clear */
.f_left,.f_links{float:left;margin-right:10px; margin-bottom:10px;}
.f_right,.f_rechts{float:right;margin-left:10px; margin-bottom:10px;}
.c_left{clear:left;}
.c_right{clear:right;}


.obj_img{float:right;}

.headerautoc{position:relative;display:inline;}

#content h3.detail.bew {margin:0;}

.nowrap{white-space:nowrap;}
.social_header{position:absolute;height:60px;top:25px;right:15px}
.adbox1{padding-top:50px;}

span.error{color:#f00}
/*.errorbox{font-weight:700;color:red}*/
.msg{text-align:left;margin:10px;padding:10px}
.msg.fehler{background-color:#FCC;border:1px solid #f00}


/*.socialbox_detail{margin-left:10px;padding-top:10px;}*/

.cont,.cont_bg,.ukextra{background-color:#fff;}
.cont,.ukextra{border:1px solid #D1D7DB;}


/* Unterkünfte */
.ukbox{margin-bottom:25px;}
.ukliste img{/*float:left;*/margin:0px 15px 5px 0;background-color:#fff;border:none;padding:0;position:relative;max-width:100%;object-position: center;
object-fit: cover;
height: 150px;
width: 200px;}
#content .ukliste h3{padding:0;margin:-4px 0 0 0;font-size:1em;font-weight:bold;}
#content .ukliste h3 a{color:#111;text-decoration:none;font-size: 11.5pt;}
#content .ukliste p{padding:0;margin:4px 0 5px 0;}
#content .ukliste .regular-desc:after {
 content:"\002026"
}
.ukliste{cursor: pointer;/*line-height:18px;*/position:relative;background-color:#fff;transition:border 0.2s ease-in-out 0s;margin: 0;padding:10px;border:1px solid #D1D7DB;box-shadow: 5px 8px 35px -20px rgba(0,0,0,0.75);}
/*.ukliste:hover{border:1px solid #52822C;}*/
#content .ukliste .shortinfo {
    clear: left;
    padding: 3px;
    background-color: #eaf1fb;
    margin-bottom: 0;
    margin-top: 14px;
    position: relative;
    display:flex;
}
#content .ukliste .shortinfobox {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
#content .ukliste .preis {
    text-align: right;
    }

#content .uk_list_adress {
    display: inline-block;
}

.reg{color: #999;font-size: 0.9em;}

/*.mylink{z-index:2;position:relative;}*/

.highlight{background-color:#ebf1dd!important;}

.ukliste p.ukldetail{color:#666;margin-top:20px;}

.ukextra_outer{float:left;width:50%;min-width:245px;padding-right:10px;height:130px;}
.ukextra_outer:nth-child(2n){padding-right:0;}
.ukextra{font-size:0.9em;height:120px;line-height:1.3em;line-height:18px;position:relative;padding:5px;}
.ukextra img{float:left;margin:0px 10px 5px 0px;position:relative;max-width:40%;padding:0;background-color:#FFF;border:none;}

.imgbox{margin:0 15px 5px 0;float:left;height:125px;width:216px;max-width:50%;height:auto;}

/*.ukbreak{clear:left;}*/

/* UK-Liste Regionen im Umkreis*/
#content .umkreis_regionen {margin:0 10px 0 10px;padding:0;}
#content .umkreis_regionen li {display: inline-block;}
#content .umkreis_regionen li:after {content:"\00a0-\00a0";}
#content .umkreis_regionen li:last-child:after {content:"";}

.red{color:red;}
.gruen{color:#008000;}
.grey{color:#808080;}
.darkgreen{color:#01AD46 !important;}
.underline{text-decoration:underline;}
.i, .italic{font-style:italic;}

.box_filter{background:#d1e0f3;padding:5px;margin-top:10px;}
.box_option{margin:20px 0 20px 0;text-align:right;}

.order_option {
    /*float: right;*/
}


#content .reg, .reg {
    margin: 0;
    padding: 0;
}

.reg li {
    display: inline;
}

.reg li::after {
    content: "\00a0\2022\00a0";
}

.reg li:last-child::after {
    content: "";
}


#content .box_filter > p{margin-left:0;margin-right:0;}
#content .box_bew p{margin-left:0;margin-right:0;}
#content .box_bew ul{list-style-type: none;
margin: 0px;
padding: 0px;}
#content .box_bew ul li{border-top: 1px solid #c5c58b;
padding: 10px 0px;}

/* Werbeboxen */
.wbox,.wbox2,.wbox3,.wbox4,.box_bew,.wbox200,.wbox300{background-color:#DAEAF7;border:1px solid #36648B;padding:3px;margin:0 0 15px 0;position:relative;}

.gbox300{width:300px;background-color:#fafaf5;margin:0 0 15px 0;position:relative;text-align: right;}
.wbox,.wbox2,.wbox3,.wbox4,.wbox200,.wbox300{width:300px;}
.unterkunft_eintragen{background-color:#AFBFDA;}
.wbox300 img{padding:3px;border:none;background-color:#fff;border-radius:0;}
#content .wbox300 p{margin-left:0;margin-right:0;}
.gad{border:1px solid #36648B;margin: 0 0 15px 0;}

.box_bew > img{float:left;margin-right:5px;}
.bew_label{font-size:0.9em;}

#content h2.detail{color:#000;}
#content h4.detail{margin:0;padding:0;}
.uk_detail_aussen{position:relative;
/*border:1px solid #fff;  fuer opera - sonst zucken */
margin-left:10px;
margin-right:10px;}
.uk_detail_innen_50{width:49%;float:left;}.uk_detail_aussen h3{margin:12px 0 6px 0;}
.flexbox{display:flex;}
.flex-2{width:50%;}
.uk_detail_aussen ul{margin:0;padding:0 0 10px 15px;list-style-type:circle;text-indent:0;line-height:1.3em;}
.uk_detail_aussen li.dlist{float:left;width:49%;}

/* Anfragelink */
.anfragelink, .anfragelink_detail{text-decoration:none;border:1px solid #9D7F21;background-color:#FFE79C;padding:3px 6px 3px 6px;color:#000;display: inline-block;}
a.anfragelink, a.anfragelink_detai{color:#000;white-space:nowrap;}

/*.float_rechts{position:relative;float:right;margin-left:10px;margin-bottom:10px;}
.float_rechts img{padding:3px;border:1px solid #c5c58b;margin-bottom:2px;}*/

/* keine Ahnung, für was das ist */
#content ul.uk_umgebung{list-style:none;margin:0;}
.uk_umgebung li {margin-bottom: 10px;}

/* Weitere Objekte auf Detailseiten - Textliste */
#content ul.uk_umgebung_text{list-style:none;margin:0;}
.uk_umgebung_text li {margin-bottom: 10px;}

/* UK in der Umgebung - Extra-Box */
.uk_umgebung {
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; /* new */
	flex-wrap:wrap;
	margin-left:10px;
	margin-right:10px;
	gap:10px;
}
.uk_umgebung_item {
	flex:1 0 34%;
	font-size:0.9em;
	line-height:18px;
	border: 1px solid #D1D7DB;
	padding:5px;
}
.uk_umgebung_item img{float:left;margin:0px 10px 5px 0px;position:relative;max-width:40%;padding:0;background-color:#FFF;border:none;}

/*
.ukextra_outer{float:left;width:50%;min-width:245px;padding-right:10px;height:130px;}
.ukextra_outer:nth-child(2n){padding-right:0;}
.ukextra{font-size:0.9em;height:120px;line-height:1.3em;line-height:18px;position:relative;padding:5px;}
.ukextra img{float:left;margin:0px 10px 5px 0px;position:relative;max-width:40%;padding:0;background-color:#FFF;border:none;}
*/

/*img{padding:2px;border:1px solid #D1D7DB;background-color:#fff;}*/

img.borderfree{padding:0;border:none !important;background:none !important;}

hr{border:0;border-bottom:1px solid #355181;border-top:none;padding-top:5px;margin-bottom:5px;clear:left;}

.map_anreise{padding:0 !important;width:auto;height:500px;margin-bottom:10px;}
.map_anreise img{border-radius:0 !important;padding:0 !important;border:none !important;background-color: transparent;}

/*.neuzugaenge ul{list-style:none;}*/
.nostyle{list-style:none;}

#content ul.detail_nav{
margin:0 10px 0 10px;padding:20px 0 0 0;list-style-type:none;}

#content ul.detail_nav li{
line-height:1.5em;}

#content li.anfrage{
padding-bottom:20px;}

#content li.portfolio{
padding-top:20px;}

/* Header-Suche */
#headersuche {margin-top:100px;text-align:center;}
#headersuche .submit{background-color:#c5c58b;margin:10px 0 10px 0;padding:6px 10px;font-size: inherit;width: 140px;}
#headersuche .submit.disabled{background: #dddddd;pointer-events:none;}
#headersuche .suchdiv{width:86px;max-width:100%;height:26px;background-color:#fafaf5;border:1px solid #c5c58b;display:inline-block;cursor:text;margin-bottom:-7px;line-height:25px;}

#div{position:relative;}
#searchresult{position:absolute;top:25px;left:0;z-index:100;background-color:#fff;border:1px solid #aaa;list-style:none;font-size:12px;max-height:350px;overflow:auto;width:100%;max-width:300px;box-shadow: 0 6px 12px rgba(0,0,0,.175);}
#searchresult li{cursor:pointer;line-height:38px;}
#searchresult li:not(.ligruppe):hover{background-color:#eee;}
#searchresult li.ligruppe{border-bottom:1px solid #aaa;font-weight: bold;cursor:inherit;background-color: #EFF4E6;}
#searchresult.hidden{display:none;}



/* Rating-Sterne */
.sternebox{float:right;height:35px;position:relative;right:-6px;top:-6px;}
.sterne{width:80px;height:16px;margin:5px 0 5px 0;padding:0;position:relative;background:url(/bilder/webseite/star-matrix.png) no-repeat 0 0;}
.sternerating{width:85px;height:16px;margin:0;padding:0;position:relative;background:url(/bilder/webseite/star-matrix.png) no-repeat 0 0;}
.star0{background-position:0 0}
.star1{background-position:0 -16px}
.star2{background-position:0 -32px}
.star3{background-position:0 -48px}
.star4{background-position:0 -64px}
.star5{background-position:0 -80px}
.sterne_count{font-size:9px;position:absolute;top:10px;}




/*
.box_ag_lm{margin:20px 0;text-align:center;color:#f93;}
.box_ag_lm a{color:#f93;}
*/



.star_label_ges{padding-left:85px;margin:0 0 10px 0;width:110px;}
.star_box{width:240px;float:left;}
.star_label{padding-left:85px;margin:0;width:220px;}


footer ul
{
	list-style-type:none;
}

footer ul li {
    padding: 10px 0 0 0;
}


.flex{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* Hack IE 7, 8 und 9 */
/* achtung, wirkt auch bei 10 und 11 !*/
.flex{display:block\9;}
/* Hack IE 8 und 9 Ende */


/*.bilderbox img{padding:3px;background-color:#fff;}*/
.bold{font-weight:bold;}

#krumen{padding:0 10px 0 10px;font-size:0.8em;max-width:1340px;margin:0 auto 0 auto;}

/* Bildboxen */
dl.image{width:200px;float:left;clear:both;border:1px solid #ebedef;}
dl.left{float:left;text-align:center;margin:5px 15px 5px 10px;color:inherit;padding:2px 2px;width:210px;box-shadow:4px 4px 5px #999999;}
dl.left dt, dl.left dd{margin:0;padding:0;text-align:center;}
dl.right{float:right;text-align:left;margin:12px 10px 5px 15px;color:inherit;padding:2px 2px;box-shadow:4px 4px 5px #999999;}
dl.right dt, dl.right dd{margin:0;padding:0;text-align:center;}
dd{width:200px;line-height:12px;font-size:0.85em;}
dl span.cr{display:block;font-size:0.85em;color:#999;padding:0 3px;}

/* Imagebox */
.imagebox{padding:0;text-align:center;position:relative;line-height:12px;font-size:0.85em;}
.imagebox.left, .imagebox.right{margin:3px 10px 10px 10px;max-width:40%;}
.imagebox.left{float:left;}
.imagebox.right{float:right;}
.imagebox img{margin:0;}
.imagebox h6{font-size:0.85em;padding:0 3px;font-weight:normal;}
.imagebox .desc{display:block;color:#000;padding:0 3px;}
.imagebox span.cr, .imagebox small.cr{display:block;font-size:0.85em;color:#999;padding:0 3px;}
.imagebox span.cr a, .imagebox small.cr a{color:#999;}
.imagebox span.lupe{position:absolute;background-image:url('/bilder/webseite/magnifier.png');background-repeat:no-repeat;background-position:right center;top:140px;left:190px;width:10px;height:10px;}

figure, figcaption { display:block; clear:both;}
figcaption{font-size:0.85em;padding:0 3px;font-weight:normal;}

/* Lastminute */
.lastminute{cursor: pointer;/*padding:1em;*/margin-bottom:1.5em;transition:border 0.2s ease-in-out 0s;}
.lastminute:hover{border:1px solid #E6E6E6;}
.lastminute h3{padding:0;margin:0;}
.lastminute img{float:left;margin:2px 10px 5px 0;position:relative;}

/* Lastminute Neu */
.uk-lastminute{padding:10px;background-color:#fff;border:1px solid #D1D7DB;cursor: pointer;/*padding:1em;*/margin:0 10px 20px 10px;transition:border 0.2s ease-in-out 0s;}
.uk-lastminute:hover{border:1px solid #E6E6E6;}
/*.uk-lastminute h3{padding:0;margin:0;}*/
.uk-lastminute img{float:left;margin:2px 10px 5px 0;position:relative;}
#content .uk-lastminute h3, #content .uk-lastminute p {margin:0;}


div.box{padding:10px;}

#content .box h3, #content .box h4, #content .box p{margin-left:0;margin-right:0;}


.bewertung{margin-bottom:10px;}
.bew_kommentar{border:1px solid rgb(204, 204, 204);background-color:rgb(238, 238, 238);margin-left:20px;margin-top:10px;margin-bottom:10px;padding:10px;}
.bew_info{clear:left;text-align:right;}

.t_right{text-align:right;}

/* Pagebar */
.pagebar{text-align:center;padding:20px 0 20px 0;margin:0px;}
.pagebar a, .pagebar a:visited{padding:1px 3px;text-decoration:none;display:block;height:100%;}
.pagebar .break{}
.pagebar a.prev-page, .pagebar a.next-page{font-weight:bold;}
.pagebar .this-page{padding:1px 3px;border-color:#999;font-weight:bold;display:block;background:#72A2C9;line-height:26px;}
.pagebar a:hover{background:#d1e0f3;border-color:#333;text-decoration:none;}
#content .pagebar ul{margin:0;padding:0;}
#content .pagebar ul li{display:inline-block;width:35px;height:30px;margin-right:3px;border:solid 1px #ddd;background:#fff;line-height:26px;}

/*a.itemtitle{color:#76be8b;}*/

/* Formularfelder */
input[type=submit]{margin:10px 0 0 0;min-width:140px;border:1px solid #36648B;background-color:#d1e0f3;padding: 10px 16px;border-radius: 4px;font-size: 16px;cursor: pointer;}
input,textarea,select{font-size:1em;color:#333;border:1px solid #36648B;max-width:100%;padding:6px 10px;border-radius:4px;outline:0;}
input[type=number]{padding-right:0;}
.input_50{width:50px;max-width:100%;}
.input_70{width:70px;max-width:100%;}
.input_80{width:80px;max-width:100%;}
.input_85{width:85px;max-width:100%;}
.input_90{width:90px;max-width:100%;}
.input_120{width:120px;max-width:100%;}
.input_200{width:200px;max-width:100%;}
.input_270{width:270px;max-width:100%;}
.input_300{font-size:1em;width:300px;}
.txt_270_140{width:100%;max-width:470px;height:140px;}
.txt_320_180{width:320px;height:180px;background:#FFF;}
.txt_300_180{width:300px;height:180px;background:#FFF;}
label.w120{float:left;width:120px;}
.label_120{float:left;width:140px;}
.label_200{float:left;width:150px;}
label.w140{float:left;width:140px;}
label.w150{float:left;width:150px;}
label.w160{float:left;width:160px;}
label.w170{float:left;width:170px;}
label.w180{float:left;width:180px;}
label.w260{float:left;width:260px;}

.pflicht{background-color:#d1e0f3 !important}
fieldset{padding:10px;margin-bottom:10px;}
legend{padding:0 10px;font-weight:bold;}
.sortselect {padding: 0;}



/* Suche */
#suche_flexbox {
    display: flex;
    flex-wrap: wrap;
}
#suche_flex_1 {
    order: 1;
}
#suche_flex_2 {
    order: 2;
}




/* Weitere Regionen Orte etc */
.weitere_liste{width:50%;float:left;}


/* Bewertungsformular Anfang */
.ratingform{width:80px;height:16px;position:relative;background:url(/bilder/webseite/star-matrix.png) no-repeat 0 0;}

div .ratingform div{float:left;}
div .ratingform div a{position:absolute;left:0;top:0;width:16px;height:16px;text-decoration:none;z-index:200;}

div .ratingform div.s1 a{left:0}
div .ratingform div.s2 a{left:16px;}
div .ratingform div.s3 a{left:32px;}
div .ratingform div.s4 a{left:48px;}
div .ratingform div.s5 a{left:64px;}
div .ratingform div a:hover{z-index:2;width:80px;height:16px;overflow:hidden;left:0;background:url(/bilder/webseite/star-matrix.png) no-repeat 0 0}
div .ratingform div.s1 a:hover{background-position:0 -96px;}
div .ratingform div.s2 a:hover{background-position:0 -112px;}
div .ratingform div.s3 a:hover{background-position:0 -128px}
div .ratingform div.s4 a:hover{background-position:0 -144px}
div .ratingform div.s5 a:hover{background-position:0 -160px}

div.rating-cancel{float:left;margin-right:5px;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel a{background:url(/bilder/webseite/delete.gif) no-repeat 0 0;display:block;width:16px;height:100%;border:0;}
div.rating-cancel a:hover{background-position:0 -16px;}

.bw_select_hide{display:none;}
/* Bewertungsformular Ende */


.javascript-enabled #suche_flexbox{display:none;}

/* Bildergalerie */
/*
.foto_box{text-align:center;padding-bottom:4px;margin-top:5px;}
.foto_box_thumb{float:left;margin:0px 5px 5px 0;padding-top:6px;width:176px;height:164px;text-align:center;}
.foto_box_thumb span{display:block;margin:0px 5px 0 5px;}
.foto_box_thumb img{padding:2px;}
*/

/* Google Map und InfoWindow */
#gmapbox{position:relative;margin-top:10px;z-index:1;}
#mapclickstop{position:absolute;z-index:999;width:100%;height:100%;}
#mapdiv{padding:0;text-align:center;height:180px;/*z-index: 1;*/}
#mapdiv img{background-color:transparent;padding:0;border:none;border-radius:0 !important;}
#mapdiv.gmaplarge{height:400px}
#gmapbox .mapcontrolbutton{z-index:1000;width:115px;height:20px;background-color:#7794D5;border:1px solid #000;cursor:pointer;text-align:center;}
#gmapbox .controlbuttontext{font-family:'Arial',sans-serif;font-size:12px;color:#fff;}
.leaflet-popup-content{width:300px;height:140px;font-size:10px;line-height:12px;text-align:left;}
.leaflet-popup-content img{float:left;margin:12px 5px 0 0;}
.leaflet-popup-content a{color:red;}
.giwtab{border-right:1px solid black;text-align:center;padding:3px 7px;}
.off{font-size:10px;background-color:#dddddd;border-bottom:1px solid black;cursor:pointer;}
.on{font-size:11px;font-weight:bold;}
.processimg{margin:auto auto;text-align:center;width:150px;}

/* Slideshow */
/*#slideshow{width:308px;}
#slideshow img{margin:0 auto;display:block;border-radius:15px;}*/
#thumbbox{text-align:center;padding-top:10px;}
/*.be_slide_1{font-size:0;margin:0;padding:0;text-align:center;position:absolute;left:0;top:0;background-color:#edf7f7;}
.be_slide_img{max-height:225px;max-width:300px;}
.slidediv{font-size:0;margin:0;padding:0;text-align:right;position:absolute;left:0;top:0;background-color:#fff;}
.slidediv img{max-height:225px;max-width:300px;}
.fader{position:relative;display:inline-block;}*/

/* Neuzugänge */
.neuzu{margin-top:10px;}

/* LM-Logo */
.lm_button{background:url("/bilder/webseite/web20-logo-3-blank-w50.jpg") no-repeat;width:50px;height:50px;padding-top:14px;text-align:center;font-weight:bold;color:#008000;float:right;margin:0;}
.lm_button_bg{background:url("/bilder/webseite/web20-logo-3-blank-w50-bg-farbig.jpg") no-repeat;width:50px;height:50px;padding-top:14px;text-align:center;font-weight:bold;color:#008000;float:right;margin:0;}

/*#iframepiwik{border:1px solid #000;background-color:#eee;width:550px;height:200px;}*/

/* Breadcrumb */
.breadcrumb{display:block;list-style:outside none none;margin:0;padding:0;}
.breadcrumb li{display:inline-block;}
.breadcrumb li:not(:last-child):after{content:"\00a0\00203A\00a0";display:inline-block;color:#333;}
/*.breadcrumb li:last-child:after{content:"";}*/

/* Preise */
.spr div.timeline{  float:left; position:relative;border:none; }
.spr div.timeline:hover{ background-color:#eee;}
.spr div.timeline span{ display:none; }
.spr div.timeline:hover span{display:block;position:absolute;top:20px;left:0;width:110px;z-index:100;color:#2f2f2f;padding:2px 10px;background-color:#ebebeb;text-align:left;border-color:#780303;border-style:solid;border-width:1px 4px;font-weight:normal;}
.spr table{font:12px Verdana,Arial,Helvetica,sans-serif;}
.spr table{color:#333;margin:8px 0 0 0;border:0px solid #555;border-collapse:collapse;}
.spr table.color1,div.color1{background-color:#fff8dc;}
.spr table.color2,div.color2{background-color:#f5f5dc;}
.spr table.color3,div.color3{background-color:#ffebcd;}
.spr table.color4,div.color4{background-color:#fffff0;}
.spr table.color5,div.color5{background-color:#f0fff0;}
.spr table.color6,div.color6{background-color:#faf0e6;}
.spr table.color7,div.color7{background-color:#f0f8ff;}
.spr table.color8,div.color8{background-color:#f0ffff;}
.spr table.color9,div.color9{background-color:#ffffe0;}
.spr table.color10,div.color10{background-color:#f5fffa;}
.spr table.color11,div.color11{background-color:#fdf5e6;}
.spr table.color12,div.color12{background-color:#fff5ee;}
.spr .cl_color1{background-color:#BCAA61;}
.spr .cl_color2{background-color:#898989;}
.spr .cl_color3{background-color:#B88F54;}
.spr .cl_color4{background-color:#C4C46C;}
.spr .cl_color5{background-color:#6DC26D;}
.spr .cl_color6{background-color:#D8B089;}
.spr .cl_color7{background-color:#6C9AC4;}
.spr .cl_color8{background-color:#6CC4C4;}
.spr .cl_color9{background-color:#BDBD62;}
.spr .cl_color10{background-color:#9A9187;}
.spr .cl_color11{background-color:#AE9A75;}
.spr .cl_color12{background-color:#C48E6A;}
.spr td.color1{color:#BCAA61;}
.spr td.color2{color:#898989;}
.spr td.color3{color:#B88F54;}
.spr td.color4{color:#C4C46C;}
.spr td.color5{color:#6DC26D;}
.spr td.color6{color:#D8B089;}
.spr td.color7{color:#6C9AC4;}
.spr td.color8{color:#6CC4C4;}
.spr td.color9{color:#BDBD62;}
.spr td.color10{color:#9A9187;}
.spr td.color11{color:#AE9A75;}
.spr td.color12{color:#C48E6A;}
.spr td{border:0px solid #666;}
.spr td.txt_saison{width:160px;font-weight:bold;padding-left:3px;}
.spr td.txt_mindestaufenthalt{width:235px;}
.spr td.txt_jede_weitere{/*width:75px;*/text-align:right;}
.spr td.txt_belegung{width:70px;text-align:right;padding-right:3px;}
.spr td.val_zeitraum{width:139px;padding-left:1px;}
.spr td.val_zeitraum_empty{width:139px;padding-left:3px;}
.spr td.img_spacer_del_zeitraum{width:21px;text-align:left;}
.spr td.txt_staffelung{width:110px;}
.spr td.txt_preis{width:165px;text-align:right;}
.spr td.txt_person{width:55px;text-align:right;}
.spr td.txt_maximal{width:70px;text-align:right;padding-right:3px;}
.spr td.val_staffelung{width:110px;}
.spr td.val_preis{width:70px;text-align:right;}
.spr td.txt_fuer{width:30px;text-align:right;}
.spr td.val_personen{width:25px;text-align:right;padding-right:3px;}
.spr td.txt_pers{width:37px;text-align:left;}
.spr td.val_person{width:58px;text-align:right;}
.spr td.val_maximal{width:70px;text-align:right;padding-right:3px;}
.spr td.txt_zimmertyp{text-align:right;}
.spr td.txt_aufenthaltsdauer{width:110px;}
.spr td.right{text-align:right;}
.spr td.center{text-align:center;}
.spr td.color_line{width:2px;}
.spr td.borderfree{ border:none; }
.spr .zeitblock{border-left:1px dotted #999;color:#999;float:left;text-align:center;font-size:0.8em;}
.zeitblock.d27{width:28px;}
.zeitblock.d28{width:29px;}
.zeitblock.d29{width:30px;}
.zeitblock.d30{width:31px;}


/* Thumbnails */
#thumbnails{display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 30px 10px 0 10px;
gap: 15px;}
.thumbnail_inner_box{margin: 0 auto;}
.thumbnail{text-align:center;
	display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex:1 0 40%;
padding: 15px;
border: 1px solid #aaa;
background-color: #fff;
	}
#content .thumbnail h3{margin:2px 0 5px 0;line-height:1.2em;font-size:1em;}
.thumbnail img{margin:0 0 5px 0;width: 300px;max-height:300px;object-fit: cover;}
.thumbnail .desc{display:block;margin:0 10px 0 10px;color:#000;}
.thumbnail-line{border-bottom:0px solid #666;}

.thumbnail .desc,.desc:link,.desc:visited,.desc:active{color:#616161;text-decoration:none;}
.thumbnail .desc:hover{background:transparent;z-index:100;}
.thumbnail .desc span{display:none;text-decoration:none;}
.thumbnail .desc:hover span{display:inline;position:relative;z-index:100;color:#2f2f2f;text-align:center;border-color:#c5c58b;border-style:solid;border-width:0px;font-weight:normal;}


/* lightbox */
.lb-overlay{display:none;}
.lb-overlay.lb-overlay-open{display:block;position:fixed;top:0;left:0;opacity:0.95;z-index:100;background-color:#131313;height:100%;width:100%;}
.lb-lightbox{position:fixed;left:0;width:100%;z-index:101;text-align:center;top:50%;transform:translateY(-50%);}
.lb-lightbox img{}

.lb-outerImageContainer{position:relative;width:250px;height:auto;margin:0 auto;transition:all 0.2s ease;}
.lb-lightboxImage{width:auto;height:auto;display:block;cursor:move;cursor:grab;margin: 0 auto;border:1px solid #eee;}


.lb-loading {
	position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);
  display: inline-block;
  width: 64px;
  height: 64px;
}
.lb-loading:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 0;
  border-radius: 50%;
  border: 2px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lb-loading-ring 1.4s linear infinite;
}
@keyframes lb-loading-ring {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

.lb-imageDataContainer{font:12px Verdana, Helvetica, sans-serif;color:#f9f9f9;margin:0 auto;overflow:auto;width:100%;max-width:100%;}
.lb-imageData h1{font-size:1.4em;font-weight:normal;margin:0 0 3px 0;position:relative;color:#93DF57;}

.lb-imageData .lb-cr{margin:5px 0 0 0;font-size:0.9em;}

.lb-prevLink, .lb-nextLink {
    width: 50px;
    height: 50px;
    position: fixed;
    top: 50%;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #717171;
    border-radius: 50%;
    opacity: 0.6;
    transform: translateY(-50%);
}

.lb-prevLink{left:2vw;}
.lb-nextLink{right:2vw;}

.lb-prevLink:after, .lb-nextLink:after {
position: absolute;
top: 15px;
color: #717171;
font-size: 30px;
border: solid currentColor;
border-width: 0 0.1em .1em 0;
display: inline-block;
padding: 0.25em;
}

.lb-prevLink:after {
content:"";
left: 18px;
transform: rotate(135deg);
}

.lb-nextLink:after {
content:"";
right: 18px;
transform:rotate(-45deg);
}

.lb-close {
	/*background-color: #000;*/
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	/*border: 1px solid #fff;*/
	text-align: center;
	border-radius: 50%;
	color: #fff;
	font-weight:bold;
	cursor: pointer;
	z-index:103;
}

.lb-close:after{content:"\2573";font-size: 30px;}
.lb-noscroll {
	height:100vh;
	overflow:hidden;
}
/* Lightbox Ende */



/* To-Top */
#to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
	width: 50px;
	height: 50px;
	color: #fff;
	border-radius: 50%;
	opacity:0;
}

#to-top::after {
	font-size: 35px;
	position: relative;
	top: 18px;
	left: 15px;
	border: solid currentColor;
	border-width: 0 0.1em .1em 0;
	display: inline-block;
	padding: 0.25em;
	content: "";
	transform: rotate(-135deg);
}

#to-top.fadein
{
    opacity:1;
    cursor:pointer;
}

#to-top.fadeout
{
	opacity:0;
}
/* To-Top Ende */



/* Lastminut-Sterne */
.twelve-point-star {
   height: 35px;
   width: 35px;
   background: #FECD5B;
   position: absolute;
	top: 0;
	right: 0;
}

.twelve-point-star:before {
   height: 35px;
   width: 35px;
   background: #FECD5B;
   content:"";
   position: absolute;
   /* Rotate */
   -moz-transform: rotate(30deg);
   -webkit-transform: rotate(30deg);
   -ms-transform: rotate(30deg);
   -o-transform: rotate(30deg);
   transform: rotate(30deg);
}

.twelve-point-star:after {
   height: 35px;
   width: 35px;
   background: #FECD5B;
   content:"";
   position: absolute;
   /* Rotate */
   -moz-transform: rotate(-30deg);
   -webkit-transform: rotate(-30deg);
   -ms-transform: rotate(-30deg);
   -o-transform: rotate(-30deg);
   transform: rotate(-30deg);
}

.twelve-point-star-container
{
	position: relative;
	float:right;
	width: 65px;
	height: 65px;
}

/*
.uk-lastminute .twelve-point-star-container
	{
		position: relative;
		width: 65px;
		height: 65px;
	}
*/

.twelve-point-star-text
{
	position: absolute;
	top: 5px;
	right: 0;
}



/* 3-Spalten-Layout beibehalten, Sidebar verkleinern */
@media screen and (max-width:1200px)
{
	#sidebar{width:200px;}
	.sidebar2{width:200px;}

	#navigation{width:190px;
		-webkit-flex: 0 0 190px;
		-ms-flex: 0 0 190px;
		flex: 0 0 190px;
	}

	#content_wrap{margin-right:-210px;}
	.content2{margin-right:210px;}
	.wbox, .wbox2, .wbox3, .wbox4, .wbox200, .wbox300, .gbox300{width:200px;}
}

/* 2 Spalten, Navi und Content, Sidebar einrücken */
@media screen and (max-width:1023px)
{
	#content,.content2{margin-right:0;}

	.nav-box li{margin:0 0 9px 0;}


	.sidebar2{float:none;clear:both;margin:0;padding-top:0;padding-bottom:0;width:100%;}
	.sidebar2{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction: row; flex-wrap:wrap; flex-flow:row wrap;}

	.content_wrap2{border-left: none;}

	.wb1{order:3;}
	.wb2{order:2;}
	.wbox300{width:50%;flex:1 0 34%;margin-left: 10px;margin-right: 10px;text-align: center;}


	.g1{width:100%;}
	.box_bew{width:auto;margin-right:10px;margin-left:10px;}
	.gbox300{width:100%;margin-right:10px;margin-left:10px;}
	#content .box_bew ul li{display:inline-block;width:50%;vertical-align: top;padding:6px;}

	.uk_umgebung {
		margin-bottom:20px;
	}
}

/* 1 Spalten */
@media screen and (max-width:767px){

	/*.nomobile{display:none;}*/
	.regio{display:none;}
	#content{padding:0 0 25px 0;}

	body{background:#fff;}
	#content h3.detail {margin: 30px 0 0 0;padding: 10px;background-color: #ebf1dd;border-top: 1px solid #D1D7DB;border-bottom: 1px solid #D1D7DB;}
	#content .cont{margin:0;border:none;}

	#content h3.detail.bew {width: 100%;}
	.box_bew{width:100%;}

	#main {
	flex-direction: column;
	}

	#inner_wrap{padding-left:0;padding-top: 0;}
	/*Für FLEX hier ändern*/
	#inner_wrap {
    float: none;
    margin-left: 0;
    width: 100%;
	}

	#sidebar{margin-left:0;}

	.menu_button{position:absolute;top:20px;right:20px;display:inline;font-size:1.3em;text-align:right;color:#000;z-index: 250;cursor: pointer;}
	.menu_open{position: fixed;}

	#navigation {width:100%;-webkit-flex:none;-ms-flex:none;flex:none;padding: 10px 0 0 0;}
	#nav{display:none;margin-right:0;padding-left:0;margin-bottom:0;}
	#nav.expanded{display:block;}
	.nav-title{cursor: pointer;}
	.nav-list li{display:block;margin:0;cursor:pointer;}
	.nav-title{padding:0 20px;line-height:33px;font-size:20px;}

	.nav-box li.spacer{display:none;}
	.nav-box li > a{display:block;}

	.nav-box{display:inline-block;/*text-align:center*/}

	.nav-list{display:none;position:absolute;padding-left:0;z-index:99;max-height:250px;overflow:auto;-webkit-overflow-scrolling:touch;}
	.nav-list.expanded{display:block;}
	.nav-box ul li{margin:0;font-size:12px;}
	.nav-box ul li span{display:none;}

	.nav-list li a{color:#000;line-height:33px;padding:0 15px;border-top:1px solid #ddd;}

	.nav_over {
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    right: 0;
	    z-index: 100;
	    display: none;
	    overflow: hidden;
	    opacity: 0.93;
	    background-color: #6a5f5f;
	    padding: 50px 30px 0 30px;
	}


	.nav_over_inner {
	    overflow: auto;
	    height: 100%;
	    width: 100%;
	}


	.notab{display:none !important;}

	.wbox300{margin-left:10px;margin-right:10px;}

	.gad{margin:10px 0;padding:10px ;border-top:1px dashed #97979f;border-bottom:1px dashed #97979f;}
	.gad:before{content:"Werbung:";color:#97979f;margin-left:10px;font-size:0.9em;}

/*
	.footer_left{float:none;}
	.footer_right{float:none;}
	*/

	.content_wrap2 {float:none;margin:0;}

	#suche_flex_1 {
		order: 2;
	}
	#suche_flex_2 {
		order: 1;
	}
}

/* 1 Spalte */
@media screen and (max-width:600px)
{
	/*#content,.content2{margin-right:0;}*/

	.box1{	-webkit-order:2;	-moz-order:2;	-ms-order:2;	order:2;	padding-top:20px;	padding-bottom:20px;}
	.adbox1{	-webkit-order:1;	-moz-order:1;	-ms-order:1;	order:1;	padding-top:20px;	padding-bottom:20px;}
	.wbox300{flex: 1 0 auto;}

/*
	#content .ukliste .shortinfobox {
    width: 33%;
	}
	*/

	#content .ukliste .nosmart {
    display:none;
	}

	#headersuche {
    margin: 0;
	}

	.thumbnail{flex: 1 1 auto;}

	.thumbnail .desc span {
		display: inline;
	}


	/* Bewertungsformular */
	label.w260.bwt-lable {float: none;}
	.bwt-sterne-container {margin: 10px 0 10px 10px;}
}


@media screen and (max-width:540px)
{
	.ukextra {
    	height: auto;
    	}

    .ukextra_outer {
    	float: none;
    	width: auto;
    	padding-right: 0;
    	height: auto;
    	padding-bottom: 15px;
	}

	.uk_umgebung {
		flex-direction: column;
	}

	#foot .col_3{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;}



	.timegraph{display:none;}

	/*ehemals aus 1200px*/
	.spr table{width:100%;}
	.spr td{display:inline-block;}
	.spr td.val_zeitraum{display:block;padding-bottom:3px;font-weight: bold;width:auto;}
	.spr td.txt_jede_weitere{display:none;}
	.spr td.txt_belegung{display:none;}
	.spr td.color_line{display:none;}
	.spr td.saisonname{width:189px;padding-left:3px;}
	.spr td.val_zeitraum_empty{display:none;}
	.spr td.val_staffelung{padding-left:3px;}
	.spr td.txt_person:before{content: attr(data-label) " ";}
	.spr td.txt_maximal:before{content: attr(data-label) " ";}
	.spr td.txt_zimmertyp{width:180px;padding-left:3px;}
	.spr tr.empty_col{display:none;}
	.spr td.txt_mindestaufenthalt{width:auto;}
	.spr td.val_person_empty{width:180px;}


	.spr td.txt_saisonname{width:100%;background-color: #e4e4c9;}
	.spr td.txt_mindestaufenthalt{text-align:right;display:block;width:100%;}
	.spr td.val_staffelung{display:block;padding-top:10px;width:auto;}
	.spr td.val_preis{width:auto;padding-left:15px;text-align:left;}
	/*.spr td.val_preis:before{content: attr(data-label) " ";}*/
	.spr td.css_pro_Nacht:before{content:"Preis pro Nacht: ";}
	.spr td.css_pro_Woche:before{content:"Preis pro Woche: ";}
	.spr td.css_pro_Monat:before{content:"Preis pro Monat: ";}
	.spr td.val_person{width:auto;display:block;padding-left:15px;text-align:left;}
	.spr td.val_person:before{content:"jede weitere Person: ";}
	.spr td.val_maximal{width:100%;padding-left:15px;text-align:left;}
	.spr td.val_maximal:before{content:"Belegung maximal: ";}
	.spr td.txt_preis{display:none;}
	.spr td.txt_person{display:none;}
	.spr td.txt_maximal{display:none;}
	.spr td.txt_zimmertyp{width:100%;display:block;text-align:left;padding-top:5px;}
	.spr td.txt_fuer{width:auto;padding-left:4px;}
	.spr td.val_personen{width:auto;padding-left:4px;padding-right:0;}
	.spr td.txt_pers{width:auto;padding-left:4px;}
	.spr td.empty_cell{display:none;}

	.spr table.color1,div.color1{background-color:#fafaf5;}
	.spr table.color2,div.color2{background-color:#fafaf5;}
	.spr table.color3,div.color3{background-color:#fafaf5;}
	.spr table.color4,div.color4{background-color:#fafaf5;}
	.spr table.color5,div.color5{background-color:#fafaf5;}
	.spr table.color6,div.color6{background-color:#fafaf5;}
	.spr table.color7,div.color7{background-color:#fafaf5;}
	.spr table.color8,div.color8{background-color:#fafaf5;}
	.spr table.color9,div.color9{background-color:#fafaf5;}
	.spr table.color10,div.color10{background-color:#fafaf5;}
	.spr table.color11,div.color11{background-color:#fafaf5;}
	.spr table.color12,div.color12{background-color:#fafaf5;}


}

/* iphone landscape */
@media screen and (max-width:480px)
{
	/*#header{height:140px;}*/

	#headersuchform {margin:0;text-align:center;}

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


	#nav.expanded{display:block;display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
	/*
	#nav #arten{-webkit-order:1;-ms-order:1;order:1;}
	#nav #laender{-webkit-order:1;-ms-order:1;order:1;}
	#nav #bundeslaender{-webkit-order:1;-ms-order:1;order:1;}
	#nav #regionen{-webkit-order:2;-ms-order:2;order:2;}
	#nav #orte{-webkit-order:3;-ms-order:3;order:3;}
	#nav #themen{-webkit-order:3;-ms-order:3;order:3;}
	*/
	.nav-box{margin-bottom: 10px;}
	.nav-title{line-height:33px;}
	.nav-list{position:relative;}
	#navigation ul.nav2 {margin-left: 20px;}

	.sidebar2{width:100%;}
	#content .ukdetailnav li{line-height:2em;}

	.featured_links_regionen{float:none;height:auto;width:auto;}
	.reg_left{margin:0 0 4px 0;}
	.uk_detail_aussen{border:none;}
	.uk_detail_innen_50{width:100%;float:none;}

	.flexbox {flex-direction: column;}
	.flex-2{width:100%;}

	#content .box_bew ul li {
    display: block;
    width: 100%;
    vertical-align: top;
    padding: 6px;
	}

	#content .ukliste h3 {
    display: inline;
	}

	#content .ukliste .shortinfo {
		flex-direction: column;
	}

	#content .ukliste .shortinfobox {
    width: 100%;
	}

	#content .ukliste .nosmart {
    display:none;
	}

	#content .ukliste .preis {
    position: absolute;
    /*bottom: 32px;*/
    top: 0;
	right: 14px;
	}

	.order_option {
    float: none;
    margin-left: 0;
	}

	.count_option {display: block;}


	.hauptbild{float:none;
		max-width: 100%;
		margin-right:10px;}

	#thumbbox{text-align:left;}
}

@media screen and (max-width:420px)
{
	.no_smart, .no-small-mobile {display:none;}
	.hauptbild{float:none;max-width: none;}
	.bss-box{width: auto;}

	#header {height:120px;}



	.imgbox.imgbox_portrait {
    		height: 225px;
    		overflow: hidden;
	}

	.obj_img {
		float: none;
		margin-left: 10px;
	}

	#thumbbox {
    		text-align: left;
    	}

    	#content {
		padding: 0 0 25px 0;
	}

	.label_info{display:none;}

	.lastminute img{float:none;}
	.uk-lastminute img{float:none;}






/*
	.ukliste {
    padding: 5px;
    }
*/




	#content .ukbox {margin:0;margin-bottom: 30px;/*padding:20px 0 20px 0;*/box-shadow: 0 8px 6px -6px rgba(33,33,33,0.14);}
	#content .ukliste {border:none;padding:0;}
	#content .ukliste:hover {border:none;}
	#content .reg{margin: 0 10px 0 10px;display: inline-block;}
	#content .ukliste h3{margin: 0 10px 0 10px;display: inline-block;}
	#content .ukliste p{margin-left: 10px;margin-right: 10px;display: inline-block;}
	#content .ukliste p.shortinfo{display:block;margin-bottom: 20px;}

    #content .ukliste .preis {
    position: absolute;
    /*bottom: 27px;*/
    top: 0;
	right: 9px;
	}

	#content .ukliste .sternebox {
    float: none;
    display: block;
position: absolute;
z-index: 2;
right: 0;
top: 0;
padding: 5px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
border-radius: 0 0 0 10px;
    }

    .sterne_count {
    right: 10px;
}

	#content .ukliste .uk_list_adress {
    display: block;
	}

	.anfragelink {
    margin-top: 5px;
    display: inline-block;
	}

	.reg {
    font-size: 0.79em;
	}

	.imgbox{margin:0 0 5px 0;/*max-width:45%;*/max-width:100%;width:100%;float:none;}

	.ukliste img {
		width: 100%;height: auto;
	margin: 0 0 5px 0;
	border: none;
	padding: 0;
	max-height: 270px;
	}

	.ukliste img.img_portrait {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

	.nosmart{display:none !important;}

	/* Weitere Regionen Orte etc */
	.weitere_liste{width:100%;float:none;}

	.lm_button{float:none;position:absolute;top:0;right:0;}

	/* Lastminut-Sterne */
	.twelve-point-star-container
	{
		position: absolute;
		top: 0;
		right: 0;
	}

	.uk-lastminute .twelve-point-star-container
	{
		position: relative;
		width: 65px;
		height: 65px;
	}

	.twelve-point-star {
	   position: absolute;
	   right:15px;
	   top:15px;
	   float:none;
	}

	.twelve-point-star-text
	{
		position: absolute;
		top: 21px;
		right: 14px;
	}


	.star_label_ges, .star_box {margin-left:10px;}
	.bew_info{margin-right:10px;}
}


@media screen and (max-width:360px)
{
	.gbox300 {
		margin-right: 0;
		margin-left: 0;
	}
}



/* iphone portrait */
@media screen and (max-width:320px)
{
	.nzg img {
		width: 100%;
	}

	#content ul{margin:10px 5px 10px 20px;}
	.sidebar2{width:100%;margin:0;}

	#foot .col_3{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;}
}


@media
/* WebKit based browsers (Chrome, Safari, latest Opera) */
only screen and (-webkit-min-device-pixel-ratio:1.5),
/* Older Firefox browsers (prior to Firefox 16) */
only screen and (-moz-device-pixel-ratio:2),
/* Opera Mini & Opera Mobile */
only screen and (-o-min-device-pixel-ratio:3/2),
/* Kindle Fire, Kindle HD */
only screen and (min-device-pixel-ratio:1.5),
/* The standard way:dots-per-physical-inch 1.5 */
only screen and (min-resolution:1.5dppx),
/* dppx-Fallback:dots-per-CSS-inch 144.00*/
only screen and (min-resolution:192dpi)
{
}



/* Datepicker CSS */
.kalenderdiv {
position:absolute;
width:402px;
z-index:200;
}

.kalleft{right:0;top:20px;}
.kalright{left:0;top:20px;}
.kalcenter{width:100%;}
.kaldivone{width:270px !important;}

.kalposrel{position:relative;}
.kalpossta{position:static;}

#datepicker {
font-family: "Lucida Grande", "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
font-size: 0.8em;
width: 100%;
margin: 0 auto;
padding: 4px;
/*width: 480px;*/
text-align: center;
background-color: #e3e3e3;
border: 1px solid #a9a9a9;
position: relative;
}

#datepicker div.kalendermonat {
float: left;
margin: 0 3px 2px 0;
padding: 0;
line-height: 25px;
background-color: #eee;
border: 1px solid #a9a9a9;
/*position: relative;*/
}

#datepicker div.kalendermonat-zwei {
    margin-right: 0;
}


#datepicker table {
border: none;
padding: 0;
margin: 0;
font-size: 11px;
font-weight: normal;
color: #222;
background: #ffffff;
}


#datepicker td {
width: 25px;
height: 25px;
border: none;
padding: 0;
margin: 0;
}

#datepicker .we{
background-color: #EEEEEE;
color: #666666;
}

#datepicker .wo{
background-color: #bbbbbb;
color: #666666;
}

#datepicker .we.nohover{
background-color: #EEEEEE;
color: #999;
text-decoration: line-through;
}

#datepicker .wo.nohover{
background-color: #bbbbbb;
color: #999;
text-decoration: line-through;
}

#datepicker .we:hover, #datepicker .wo:hover {
background: #3366CC;
color: #ffffff;
}

#datepicker .we.nohover:hover {
background-color: #EEEEEE;
color: #999;
}

#datepicker .wo.nohover:hover {
background-color: #bbbbbb;
color: #999;
}

#datepicker td.s1, #legende td.s1{background-color:#95dc94;}
#datepicker td.s2, #legende td.s2{background-color:#FF8080;}
#datepicker td.s3, #legende td.s3{background-color:#FFFF80;}
#datepicker td.s4, #legende td.s4{background-color:#777777;}


/* Bei background-image anstelle von background braucht man bei "position" kein !important */
/*
#datepicker td.bg {background-image: url('/bilder/webseite/belegungskalender/belegungskalender-sprite-25px.png')}
#datepicker .s22{background-position: 0 0;}
#datepicker .s21{background-position: 0 -30px;}
#datepicker .s24{background-position: 0 -60px;}
#datepicker .s23{background-position: 0 -90px;}
#datepicker .s12{background-position: 0 -120px;}
#datepicker .s14{background-position: 0 -150px;}
#datepicker .s13{background-position: 0 -180px;}
#datepicker .s42{background-position: 0 -210px;}
#datepicker .s41{background-position: 0 -240px;}
#datepicker .s44{background-position: 0 -270px;}
#datepicker .s43{background-position: 0 -300px;}
#datepicker .s32{background-position: 0 -330px;}
#datepicker .s31{background-position: 0 -360px;}
#datepicker .s34{background-position: 0 -390px;}
#datepicker .s33{background-position: 0 -420px;}
*/


/* belegt-belegt */
#datepicker .s22{background: linear-gradient(135deg, #FF8080 47%, #fff 47%, #fff 53%, #FF8080 53%);background-color:#FF8080;}

/* belegt-frei */
#datepicker .s21{background: linear-gradient(135deg, #FF8080 47%, #fff 47%, #fff 53%, #95dc94 53%);background-color:#95dc94;}

/* belegt-reserviert */
#datepicker .s23{background: linear-gradient(135deg, #FF8080 47%, #fff 47%, #fff 53%, #FFFF80 53%);background-color:#FFFF80;}

/* belegt-geschlossen */
#datepicker .s24{background: linear-gradient(135deg, #FF8080 47%, #fff 47%, #fff 53%, #777777 53%);background-color:#777777;}


/* frei-belegt */
#datepicker .s12{background: linear-gradient(135deg, #95dc94 47%, #fff 47%, #fff 53%, #FF8080 53%);background-color:#FF8080;}

/* frei-reserviert */
#datepicker .s13{background: linear-gradient(135deg, #95dc94 47%, #fff 47%, #fff 53%, #FFFF80 53%);background-color:#FFFF80;}

/* frei-geschlossen */
#datepicker .s14{background: linear-gradient(135deg, #95dc94 47%, #fff 47%, #fff 53%, #777777 53%);background-color:#777777;}


/* reserviert-belegt */
#datepicker .s32{background: linear-gradient(135deg, #FFFF80 47%, #fff 47%, #fff 53%, #FF8080 53%);background-color:#FF8080;}

/* reserviert-frei */
#datepicker .s31{background: linear-gradient(135deg, #FFFF80 47%, #fff 47%, #fff 53%, #95dc94 53%);background-color:#95dc94;}

/* reserviert-reserviert */
#datepicker .s33{background: linear-gradient(135deg, #FFFF80 47%, #fff 47%, #fff 53%, #FFFF80 53%);background-color:#FFFF80;}

/* reserviert-geschlossen */
#datepicker .s34{background: linear-gradient(135deg, #FFFF80 47%, #fff 47%, #fff 53%, #777777 53%);background-color:#777777;}


/* geschlossen-belegt */
#datepicker .s42{background: linear-gradient(135deg, #777777 47%, #fff 47%, #fff 53%, #FF8080 53%);background-color:#FF8080;}

/* geschlossen-frei */
#datepicker .s41{background: linear-gradient(135deg, #777777 47%, #fff 47%, #fff 53%, #95dc94 53%);background-color:#95dc94;}

/* geschlossen-reserviert */
#datepicker .s43{background: linear-gradient(135deg, #777777 47%, #fff 47%, #fff 53%, #FFFF80 53%);background-color:#FFFF80;}

/* geschlossen-geschlossen */
#datepicker .s44{background: linear-gradient(135deg, #777777 47%, #fff 47%, #fff 53%, #777777 53%);background-color:#777777;}


#datepicker a:hover {
color: #ffffff;
}

#datepicker .monat_jahr{
color: #528cbc;
font-size: 16px;
}

#datepicker a {
text-decoration: none;
color: #222;
}

#datepicker td a {
display: block;
width: 100%;
}

#datepicker .nav a {
padding: 4px;
font-weight: bold;
}

#datepicker .nav a:hover {
color: #3366CC;
}

#datepicker #datepickerclose {
position:absolute;
top:5px;
right:5px;
}

#datepicker #datepickerclose > a, #datepicker #close > a:hover {
color: #FF0000;
}



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

	/* Die Box um die die Kalender herum*/
	.kalenderdiv{width:542px;}

	#datepicker .nav {padding-bottom: 10px;font-size: 1.3em;}

	#datepicker td {width:35px;height:35px;}

	/* Bei background-image anstelle von background braucht man bei "position" kein !important */
	/*
	#datepicker td.bg {background-image: url('/bilder/webseite/belegungskalender/belegungskalender-sprite-35px.png')}

	#datepicker .s22{background-position: 0 0;}
	#datepicker .s21{background-position: 0 -40px;}
	#datepicker .s24{background-position: 0 -80px;}
	#datepicker .s23{background-position: 0 -120px;}
	#datepicker .s12{background-position: 0 -160px;}
	#datepicker .s14{background-position: 0 -200px;}
	#datepicker .s13{background-position: 0 -240px;}
	#datepicker .s42{background-position: 0 -280px;}
	#datepicker .s41{background-position: 0 -320px;}
	#datepicker .s44{background-position: 0 -360px;}
	#datepicker .s43{background-position: 0 -400px;}
	#datepicker .s32{background-position: 0 -440px;}
	#datepicker .s31{background-position: 0 -480px;}
	#datepicker .s34{background-position: 0 -520px;}
	#datepicker .s33{background-position: 0 -560px;}
	*/
}

/* 2 column (ehemals 760) */
@media screen and (max-width: 767px) {
	#datepicker .nav {padding-bottom: 10px;font-size: 1.3em;}
}





/* Cookieconsent Anfang */
/* Hauptfenster */
.cc-root {position: fixed;top:0;left:0;overflow-x: auto;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font:13px/1.3em -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#2b2929;z-index: 2147483644;}
.cc-root p {margin: 10px 0 5px 0;text-align:left;}
.cc-root a {color: #2b2929;}
.cc-overlay {position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#000;opacity:.6;}
.cc-window{display:flex;max-width:550px;width:95%;}
.cc-window-inner{display:flex;flex-direction:column;width:100%;max-height: 80vh;background-color: rgb(255, 255, 255);border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.16) 0 4px 8px;}

.cc-window-inner a.cc-link {color: #000;}
.cc-window-inner a.cc-settings {color: #000;}

.cc-content {flex: 1 1 auto;overflow-y: auto;overflow-y: overlay;display: block;scrollbar-color: transparent transparent;}
.cc-content:hover{scrollbar-color: rgb(218, 220, 224) transparent;}
.cc-content-scrollable {display: flex;flex-direction: column;justify-content: center;width: 100%;padding:25px 25px 0 25px;}

.cc-header{font-size:18px;font-weight:700;margin-bottom:1em;}
.cc-message {flex: 1 1 auto;overflow-y: auto;}

.cc-message-ul{margin:5px 5px 5px 15px;padding:0;font-size:13px;font-weight: 600}
.cc-message-ul li {padding: 5px;}
.cc-message-extra-content{color: rgb(95, 99, 104);}
.cc-link{text-decoration:underline}
.cc-link:active,.cc-link:visited{color:initial}
.cc-settings{text-decoration:underline;}
.cc-deny{text-decoration:underline;}
.cc-deny{color:#f1d600}
.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;align-content:space-between;width: 100%;margin-top:2em;padding: 0 25px 8px;font-size: 14px;}
.cc-btn-style{display:flex;justify-content:center;align-items:center;height:38px;border-radius:20px;background-color:#f1d600;color:#000;font-size:.9em;font-weight:700;white-space:nowrap;width: 100%;}
.cc-btn-style+.cc-btn-style{margin-left:.5em}
.cc-btn-deny {width: 25%;margin-right:10px;color: inherit;text-decoration:none;}
.cc-btn-deny{order:1}
.cc-btn-allow{order:2}
.cc-revoke{position:fixed;overflow:hidden;box-sizing:border-box;font:15px/1.3em -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;z-index:9999}
.cc-revoke{bottom:0;left:1em;border-top-left-radius:.5em;border-top-right-radius:.5em;padding:.3em;color: #fff;background-color:#000;}
.cc-revoke:hover{text-decoration:underline}
.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}
.cc-close:focus,.cc-close:hover{opacity:1}
.cc-btn,.cc-btn-style,.cc-link,.cc-settings,.cc-close,.cc-revoke,.cc-text-revoke{cursor:pointer}
.cc-text-revoke::before {content: "\2699\00A0";}
.cc-vendor-root{margin-top:15px;}
.cc-vendors-get{cursor:pointer;color:blue;}
.cc-vendorlist {list-style: none;padding: 0;}
.cc-vendorlist li {margin-top: 10px;}

.cc-content::-webkit-scrollbar-thumb {background-color: rgb(218, 220, 224);background-clip: padding-box;border: 2px solid rgb(255, 255, 255);border-radius: 8px;min-height: 48px;}
.cc-content::-webkit-scrollbar {display: none;}
.cc-content:hover::-webkit-scrollbar {display: inherit;width: 12px;}

/* CC-Einstellungen */
.cc-settings-overlay{position:fixed;z-index:199999;display:flex;align-items:center;justify-content: center;top:0;left:0;height:100%;width:100%;padding:20px 0;background-color: #000;background-color: rgba(0, 0, 0, 0.6);}
.cc-settings-outer{position:relative;display:flex;flex-direction:column;width:95%;max-width:550px;height: 100%;max-height: 450px;;background-color:#fff;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 8px;}
.cc-settings-title{font-size:18px;font-weight:700;padding: 15px 16px 0;}
.cc-settings-close{right:10px;top:10px;font-size:20px;line-height: 25px;position: absolute;z-index:999999;cursor: pointer}

.cc-settings-inner{display:flex;overflow:hidden;flex:1;flex-direction:row;margin-top:10px;margin-bottom:10px;padding: 0px 16px;}

.cc-settings-nav{flex: 1 0 25%;overflow:auto;border-right: 1px #ebebeb solid;z-index: 99999999;padding-right: 15px;}
.cc-settings-nav-items{width: 100%;list-style:none;margin:10px 0 0 0;padding: 0;}
.cc-settings-nav-item{padding: 10px 5%;margin-top: 10px;margin-bottom: 5px;cursor: pointer;word-break: normal;word-wrap: break-word;background-color: #f1f1f1;border: 1px solid #f1f1f1;border-radius: 5px;transition:all .3s ease;}
.cc-settings-nav-item-selected{font-weight: 700;;background-color: #fff;border-color:#f1f1f1;}
.cc-settings-content{overflow-y:auto;overflow-y:overlay;padding:0 10px;scrollbar-color: transparent transparent;}
.cc-settings-content:hover {scrollbar-color: rgb(218, 220, 224) transparent;}

.cc-cookie-slider {position: relative;display: inline-block;width: 60px;height: 24px;padding: 0;margin-top: 10px;}
.cc-cookie-checkbox-slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #d72b2b;transition: .4s;margin: 0;padding: 0;overflow: visible;box-shadow: 1px 1px transparent;border-radius: 34px;}
.cc-cookie-slider input:checked + .cc-cookie-checkbox-slider {background-color: #2e9935;}
.cc-cookie-slider input:disabled + .cc-cookie-checkbox-slider {background-color: #474747;}
.cc-cookie-checkbox-slider::before {position: absolute;content: "";height: 20px;width: 20px;left: 1px;bottom: 1px;transition: .4s;border: 1px solid #f2f2f2;border-radius: 50%;background-color: #fff;box-shadow: 0 5px 15px 0 rgb(0 0 0 / 25%);display: block;box-sizing: content-box;}
.cc-cookie-slider > input {display:none;}
.cc-cookie-slider input:checked + .cc-cookie-checkbox-slider::before {transform: translateX(36px);}
.cc-cookie-checkbox-slider::after {content: attr(data-text-disabled);position: absolute;top: 0;left: 70px;font-weight: 700;line-height: 24px;color: #d72b2b;display: block;white-space: nowrap;}
.cc-cookie-slider input:checked + .cc-cookie-checkbox-slider::after {content: attr(data-text-enable);color: #2e9935;white-space: nowrap;}

.cc-settings-content::-webkit-scrollbar-thumb {background-color: rgb(218, 220, 224);background-clip: padding-box;border: 2px solid rgb(255, 255, 255);border-radius: 8px;min-height: 48px;}
.cc-settings-content::-webkit-scrollbar {display: none;}
.cc-settings-content:hover::-webkit-scrollbar {display: inherit;width: 12px;}

/* Helper */
.cc-help-root {position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;overflow-x: auto;z-index: 1;}
.cc-help-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.6;z-index: -1;}
.cc-help-dialog {position: relative;display: flex;flex-direction: column;justify-content: center;width: 90%;max-width: 416px;max-height: calc(80vh - 32px);background-color: rgb(255, 255, 255);border-radius: 8px;}
.cc-help-titel {font-size: 18px;font-weight: 700;padding: 25px 25px 0;}
.cc-help-content {overflow-y: auto;overflow-y: overlay;padding-bottom: 62px;padding: 0 25px 0;scrollbar-color: transparent transparent;}
.cc-help-content:hover {scrollbar-color: rgb(218, 220, 224) transparent;}
.cc-help-close {position: absolute;left: 0px;bottom: 0px;display: flex;justify-content: center;flex: 1 1 auto;width: 100%;background-color: rgba(255, 255, 255, 0.9);border-radius: 0px 0px 8px 8px;}
.cc-help-close-button {cursor: pointer;flex: 1 1 auto;margin: 8px 12px;color: rgb(25, 103, 210);font-size: 14px;font-weight: bold;line-height: 20px;padding: 6px 0px;text-align: center;}

.cc-help-content::-webkit-scrollbar-thumb {background-color: rgb(218, 220, 224);background-clip: padding-box;border: 2px solid rgb(255, 255, 255);border-radius: 8px;min-height: 48px;}
.cc-help-content::-webkit-scrollbar {display: none;}
.cc-help-content:hover::-webkit-scrollbar {display: inherit;width: 12px;}


@media print{
	.cc-revoke,.cc-root{display:none}
}

@media screen and (max-width:900px){
	.cc-btn-style{white-space:normal}
}

@media screen and (max-width: 480px) {
	.cc-settings-outer {max-height: 600px;}
	.cc-settings-inner {overflow:auto;flex-direction:column;margin-top:0;}
	.cc-settings-nav {flex: 0 0 auto;width: 100%;border:none;}
	.cc-settings-nav-items {margin: 0;}
	.cc-settings-nav-item{padding:4px 3%;width:90%;}
	.cc-settings-content {width: auto;padding: 0 3% 0 0;}
}

@media screen and (max-width: 360px) {
	.cc-allow {width: 100%;}
}
/* Cookieconsent Ende */