@charset "utf-8";
/** CSS Document
 * @author	Grimm EDV - Systeme Bernburg / Steffen Banse <s.banse@grimmedv.de>
 * @copyright	Copyright (c) 2004-2021, Grimm EDV Systeme
 * @license	http://opensource.org/licenses/GPL-2.0 GNU GPL-2
 * @link	https://www.grimmedv.com
 * @version	1.0010 20211012
 * @stand	developement  
 * @access      public
*/
:root{
    --background-default:#000;
    --background-block:#303030;
    --background-block-right:#5d5b5b;
    --background-block-accent:#232323;
    --background-accent:#a10000;
    --background-accent-price:#940404;
    --background-dropdowns:rgba(55, 55, 57, 0.9);
    --background-form-field: #353334;
    --background-fullyear:#606367;
    --background-fullyear-color:#fff;
    --background-winter: #20bae2;
    --background-winter-color: #173759;
    --background-summer: #28a745;
    --background-summer-color:#232323;
    --color-default:#999;
    --color-accent:#fff;
    --color-link:#888;
    --color-link-hover:#fff;
    --border-default: solid 1px #ccc;
    --border-accent:#999;

    --button-background-succes:#8e8e00;
    --button-text-succes:#fff;
    --button-background-hover: #a10000;
    --button-text-hover: #fff;
    
    --image-overlay-background: rgba(0,0,0,0.2);
    --shadow-default: #8b8b8b;
    
}
body, html{padding:0; margin:0; overflow-x:hidden}
body {font-family: Arial, Verdana, Helvetica,  sans-serif;font-size: 14px;background-color:var(--background-default) !important;color:var(--color-default) !important;width: 100%;overflow-x: hidden;}
form, div, p, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;}
td, th, p, div, span {line-height: 1.5;}
section{padding: 50px 0;}
#leftBlock p{margin-bottom:1em;}
.listEntry {margin-bottom: 10px;}
a, a:link, a:visited, a:active, a:focus {color: var(--color-link);text-decoration: none;}
a:hover {color: #FFF;text-decoration: underline;}
a.btn-default:hover, .button a.btn-default:hover{background-color:var(--background-accent);color:var(--color-accent)!important; text-decoration:none !important;}
button,.btn, input[Type="text"], input[Type="email"], input[Type="submit"], input[Type="reset"], input[Type="password"], select, textarea{padding: 0.5em 0;border:solid 1px;border-color:var(--border-accent);border-radius:4px;background-color:var(--background-form-field);width: 96%;color: inherit;}
button,
input[Type="text"], 
input[Type="email"],
input[Type="submit"], 
input[Type="reset"],
input[Type="password"],
select, 
textarea{padding:0.5em 2%}
section{padding:50px 0;}
section .headline{margin-bottom:30px}
nav{font-size:1.5em;padding-top: 15px !important;}
.card-deck{flex-direction:row;align-content:center;justify-content: space-between;width: 100%;}
.card-deck, .card, .card img{max-width:100%;height:auto;}
.cards .card-deck .card{min-width:25%;margin-bottom: 30px;}
.cards .card img{width:100%; height:auto}
.error{background-color:var(--background-accent-price);color: var(--color-accent);text-align: center;}
.error, .btn, .button .btn{display: block;width: 100%;font-size: 1.5em;}
.btn {transition-duration: 0.5s !important;transition-timing-function: ease;box-shadow: 3px 3px 10px var(--shadow-default);}
.btn:hover{box-shadow:none;}
.btn-success, a.btn-success, .button a.btn-success{color: var(--button-text-succes);background-color:var(--button-background-succes); }
.btn-success:hover, a.btn-success:hover, .button a.btn-success:hover{color: var(--button-text-hover);background-color:var(--button-background-hover)}
.btn-list{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;}
.btn-list a{flex:1 0 0%;white-space:nowrap; margin:6px}
.jumbotron{text-align:center;}
#navbarResponsive{float: right;}
.block_red{background: var(--background-accent-price);color: var(--color-accent);border: 1px solid;}
.dropdown-menu{display:inline-flex;flex-wrap:nowrap}
#mainNav .dropdown-menu{background-color: var(--background-dropdowns);}
.flex-item{flex:1 0 0%;margin: 1em 0.5em;}
.flex-item.qr-code{max-width:200px;background: var(--color-accent);padding: 6px;color: var(--background-default);}
.flex-item.qr-code img{width:100%;height:auto;}
.row  h1, .row  h2, .row  h3, .row  h4, .row  h5, .row  h6 {flex: 4 0 100%;};
.row div{flex:1 0 0%;}
#navID_4.dropdown-menu a{width:200px;}
#submitIt{margin:1em 2%}
.form-type-checkbox label{clear: none !important;margin-left: 1.5em;}
input[type="checkbox"], .form-checkbox {float:left;position: absolute;top:0}
.form-checkbox label{margin:0}
#leftBlock div.contactform, .ftc-col-lg-6{width:48%;float: left;margin-right: 1em;}
.form-field{margin:0 1em;position: relative;}
.form-field .col-lg-12{padding:10px 0;}
.form-type-radio{width: 100%;display: inline-block;}
.form-type-radio label, .form-type-radio input[type="radio"]{float:left;clear: none !important;}
.form-type-radio input[type="radio"]{margin: 0.7em 1em 0 1.5em;}
.form-type-captcha img {float:left; margin:0.2em 0.5em 0.5em 0}
.ftc-headline{margin:0;width: 100%;}
.form-type-breaktext{display:inline-block}
.form-field label{clear:both;display: block;margin-top: 0.5em;}
.form-type-newsletter label{clear:both;position: relative;}
.form-type-newsletter input[type="checkbox"]{float:left;position: relative;}
form .ftc-left, form .ftc-right, form .clearLine .left, .gbInputForm.block input[type="submit"], .float-left{width: 46%; float:left}
form .clearLine input[type="text"]{width: 260px;}
form .ftc-right, .float-right{float:right;margin-left:0}
form .clearLine{clear:both;width: 100%;}
.form-error.error{background-color:red; color:var(--color-accent); } 
.form-error p{margin:3px 12px}
.form-success{padding: 0 15px 15px 15px;}
.form-success .row{display:flex;flex-direction: row;padding: 5px 0;}
.form-success .flex-item{margin: 0 15px;white-space:nowrap}
.form-success .row:nth-child(even){background-color:var(--background-block-accent);}
.form-success .label{font-weight: 600;font-size: 12px;margin-bottom: 0;}
.articleText { margin-bottom: 3px;text-align: justify;}
.articleCode {margin-bottom: 3px;font-family: "Courier New", Courier, monospace;font-size: 1em;}
.closed_res, p.place{background-color:var(--background-accent-price);color: var(--color-accent);}
h1, h2, h3, h4, h5, h6, .date,.place, .headline, .wippertal, #reservation h3, nav  {font-family: plazadregregular, Arial, Helvetica, sans-serif;letter-spacing:0.1em}
.block .closed_res { font-size:12px; padding:6px; border:solid 1px var(--color-accent) }
.block .closed_res, .block .closed_res a{color:var(--color-accent)}
.block .closed_res a{text-decoration:none; display:block}
.block .closed_res:hover{background-color:#bf0707}
.block .calendar, .block .calendar_info .zeitraum{margin: 0.5em 1em;font-size: 12px;}
.wippertal{float:left}
h1, h2, h3, h4, h5, h6, .headline, #reservation h3 {letter-spacing: 0.1em;margin-bottom: 0.5em;}
.space{margin:0 1em}
.articleSummary {font-family: Helvetica, Arial, Verdana, sans-serif;color: var(--background-default);line-height: 135%;}
.nav_table, .nav_table a, .nav_table a:link, .nav_table a:active, .nav_table a:visited, .nav_table a:hover {font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 10px;color: #4A5966;font-weight: normal;text-decoration: none;}
.nav_table a:hover {text-decoration: underline;}
.nav_table_active, .nav_table_active a, .nav_table_active a:link, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover {font-family: Verdana, Helvetica, Arial, sans-serif;
color: #4A5966;font-weight: bold;text-decoration: none;}
.articleList_toptext {font-family: Verdana, Helvetica, Arial, sans-serif;	}
.articleList_listhead {font-family: Verdana, Helvetica, Arial, sans-serif;font-weight: bold;}
/*Background dunkelgrau */
.block, 
#leftBlock img, 
div.gallery{background: rgba(75, 75, 75, 0.60); border-radius:2px; border:solid 1px;}
div.gallery{display:inline-block}
.block{margin-bottom:1em;clear: both;}
.block h3, .open-content .headline, .pakete h3, .card .card-header, .contactform .headline{display:block;background: url(../img/default_detail_background.jpg) repeat-x 0 -30px;color:var(--color-accent);min-height: 70px;font-weight:normal;vertical-align: top;}
.block h3, .headline p, h3{font-size:2em;line-height: 1.7;margin-bottom: .5em;}
.card .card-header{height:65px; background-position: 0 -30px}
.card .table{color:var(--color-accent);}
.card .table .row{margin:0}
.card .table .row .label{width: 100px;}
.block .block-space{margin:12px}
.block h3, .block h4 ,.headline{text-align:center;}
.block h4{font-size: 24px;line-height: 36px;color: var(--color-accent);border-width: 1px 0;}
.block .table{margin:0 1em;width: 20.5em;}
.block .open .col-1{width:50%}
.block .open .col-2{text-align:right}
.block .images{margin-bottom:1em;float:left; width:100%;}
.block, .pakete, .card, #rightBlock .block, .jumbotron{background-color: var(--background-block-right)!important;position:relative;overflow:hidden;color: var(--color-accent);max-width: 100%;}
.block, .pakete, .card, #mainBlock .content table tr:nth-child(even) td{border: 1px solid var(--color-default) !important;}
.block .block-price{bottom:20px;top:auto;right: -90px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);width: 300px;}
.block .block-price, .price, .advanced h4{background-color:var(--background-accent-price);color:var(--color-accent);border-width:1px;font-size:0.8em;border-radius: 3px;text-align: center !important;vertical-align: middle;line-height: 36px;font-size: 1.1em;}
#premiumpaket .block-price p{margin:0.25em 0}
.block .block-price, .pakete h4, .price, .advanced h4, #premiumpaket ul li{-webkit-box-shadow: 5px 5px 5px rgba(70, 70, 70, 0.77); /* webkit browser*/-moz-box-shadow: 5px 5px 5px rgba(70, 70, 70, 0.77);/* firefox */box-shadow: 5px 5px 5px rgba(70, 70, 70, 0.77);}
.block-price .price{font-size:1.5em; clear:both; display:block}
#premiumpaket .price{font-size:2em}
#leftBlock .block{width: 100%;}
#leftBlock .block .block-space{margin:1em}
#rightBlock .block .images .imageEntry{position:relative}
.block .images .imageEntry{float:left;margin:0 6px}
#rightBlock .block{display: block;}
#rightBlock .block .images .imageEntry img{display:block;margin:auto;width: 100%;height: auto;}
.form-success p {margin:0 1em 0.5em 1em}
.spaceBeforeCP{clear:both;width:100%;display: inline-block;}
#open{background-color:#333333;clear:both;position:relative;border:solid 1px; border-color:var(--border-default);border-width:1px 0;margin-top:15px;padding: 15px 0;color:var(--border-default)}
#open .row {display:flex;flex-direction:row;align-items: stretch;justify-content: space-between;}
#open .cols{flex:1 0 30%;margin: 1%;vertical-align:top;}
#open .cols .block{height:100%}
.headline, #reservation h3 {background:#212020}
#open .hinweis{font-weight:normal}
#open table{width:100%}
#open th{width:35%}
#open p, #open li{font-size:0.8em}
.pakete{border-radius:0.25em; background-color:var(--background-block)}
.pakete h4{line-height: 50px;border-top-color:transparent;font-size: 2.2em;}
.pakete, .pakete .block{border:solid 1px; border-color: var(--border-default);}
.pakete .block{color:var(--border-default)}
#standardpaket h4, #standardpaket .block-price{background-color:var(--background-block)}
/* CSS for the top level list */
ul.list_top, ul.list_level {padding: 3px 0;margin-left: 0;border-bottom: 1px solid #5E747F;font: bold 1em Verdana, sans-serif;}
ul.list_top li, ul.list_level li {list-style: none;margin: 0;display: inline;padding: 0;}
ul.list_top li a, ul.list_level li a {padding: 3px 0.5em;margin: 0px;border: 1px solid #778;border-bottom: none;background: #D7DEE5;text-decoration: none;}
ul.list_top li a:link, ul.list_level li a:link { color: #5E747F; }
ul.list_top li a:visited, ul.list_level li a:visited { color: #5E747F; }
ul.list_top li a:hover, ul.list_level li a:hover {color: Black;background: #92A1AF;;border-color: #227;}
ul.list_top li.active a, ul.list_level li.active a {background: white;border-bottom: 1px solid white;}
/** 
 * Sample CSS for DIV pagelayout 
 */
.container, #reservation .contactformular {width: 960px;\width: 980px;w\idth: 960px;margin: 0 auto;display: block;position:relative;}
.left{float:left;}
.right{float:right;}
.right div{float:left; margin-left:0.5em}
.line{clear:both; width:100%; background-color:var(--border-default); float:left; line-height:1.5; margin:0.1em 0 0.6em 0; color:var(--background-default)}
.map{float:left;width:312px; height:312px; margin:0 12px 12px 0}
#headerBlock,
#mainBlock,
#footerBlock {position:relative;text-align: left;width:100%;display: block;}
#headerBlock{border-bottom: solid 3px var(--border-default)}.container.slideshow{width:100%;}
#mainBlock{padding:2em 0 !important;}
.header{height:100px;width:100%;background: url(../img/default_detail_background.jpg) repeat-x 0 -6px;}
.header .container{position: relative;display: block;}
#MainNavi{font-family: plazadregregular, Arial, Verdana, Helvetica,  sans-serif; letter-spacing: 0.1em;font-size: 1.3em;float: right;background:url(../img/default_detail_background.jpg) repeat-x 0 -40px;}
.NavHeader{display:none}
#logo{float: left;}
#logo img{border:none}
.slideshow{position:relative; border:solid 1px; border-color: var(--border-default)}
#mainSlider, #mainSlider img{position: relative;z-index:1; width:100%; height:auto;}
#mainSlider .carousel-caption{text-align:left;right: auto;left: auto;}
#mainSlider .btn{color:var(--color-accent)}
.nivo-controlNav{position:absolute; bottom:0; z-index:200; left:1em}
.slideshow .contact{position:absolute;z-index:2;bottom: 0;right: 0;min-height:100px;background: rgba(255,255,255,0.8) !important;border-radius:2px;box-shadow: 1px 2px 2px var(--shadow-default);}
#trailer{position:relative;}
#trailer .frame{border-radius: 2px 2px 2px 0; overflow:hidden; float:left;border: solid 1px var(--color-default);}
#trailer iframe{width:430px; height:315px}
#trailer-navi{background-color: var(--color-default);float: left;border: solid 1px var(--color-default);border-radius: 0 0 2px 2px;background-color: rgba(153, 153, 153, 0.75);clear:both}
#trailer-navi a{margin:2px}
.contact{color:var(--background-default);padding: 0.5em 1em;}
.contact form{padding:0}
.contact .label{display:none}
.contact .icon, .contact .icon a{width:30px;height:30px;max-width: 40px;}
.contact .phon-icon{background: url(../img/icons/icon_phon_contact.png) no-repeat center left;}
.contact .fax-icon{background: url(../img/icons/icon_fax_contact.png) no-repeat center left;}
.contact .email-icon{background: url(../img/icons/icon_email_contact.png) no-repeat center left;}
.contact .icon-fb{background: url(../img/icons/icon_facebook_contact.png) no-repeat center left;display:block}
.contact .icon-fb a{display:block; width:auto; height:auto;margin: 0;}
.button a{display:block; text-align:center}
.contact .button a{width: 160px;border-radius:2px;line-height: 20px;margin:3px 0;font-size: 1.2em;}
.contact .address{font-size:0.8em; color:#666;margin-bottom: 0.5em;}
.contact .contact-data{float:left; width:100%}
.contact .contact-data div.contact_infos .row {margin: 0;}
.contact .contact-data div.contact_infos .row div{flex: 1 0 0%;line-height:30px;text-align: left;}
.contact .contact-data div.qrcode{position:absolute;right:1em;top: 35px;z-index: 25000;}
.contact .contact-data div.qrcode a{position:relative; z-index:20000}
.contact .contact-data div.qrcode img{width:auto; height:85px; float:right}
.contact .contact-data div.contact_infos{z-index: 2;position: relative;}
.contact .contact-data .button{display:flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.contact .contact-data .button a{font-size:14px;flex: 1 0 0%;}
.contact .contact-data .button a.btn-default{background-color:blue; margin-left:0}
.contact .contact-data .button a.btn-success{margin-left: 1em;}
.contact .contact-data .button a:hover{background-color:var(--button-background-hover); color:var(--button-text-hover);}
.gallerie .images{display:flex;flex-wrap: wrap;justify-content: space-evenly;flex-direction: row;}
.gallerie .images .image-item{flex: 1 0 0%;min-width: 40%;}
.gallerie .images .image-item img{width:100%; height:auto;}
figure{margin: 0 1em;}
figure.first{margin-left:0}
figure.last{margin-right:0;}
figure img{width:248px}
.gallerie{clear:both;margin-left: -15px;margin-right: -15px;}
.gallerie .images figure{flex:1 0 0%; min-width:40%}
.form-type-recaptcha{overflow:hidden; border-radius:3px}
.form-type-break{border-bottom: solid 1px var(--color-default); margin:0.5em 0;clear: both;display: inline-block;width: 100%;}
.container.slideshow, .preistabelle.row{padding-left:0; padding-right:0}
#mainBlock .content{display:flex;flex-wrap: nowrap;flex-direction: row;}
#mainBlock .content table tr td, #mainBlock .content tr th{padding:0.25em 1em}
#mainBlock .content table tr:nth-child(even) td{background: #060606;border-width:1px 0;border-color: #292929;}
#mainBlock .content .cookie-table {border:solid 1px;}
#mainBlock .content table th{border-bottom:1px solid}
#mainBlock .content table.cookie-table tr:nth-child(even) td{border-width:0!important;}
#leftBlock{flex:3 0 100px;} 
#rightBlock{flex:1 0 100px;}
#leftBlock{margin-right: 2%;}
#leftBlock .container{width:auto}
#leftBlock h3,.headline{letter-spacing:0.1em}
#leftBlock img{border: solid 1px var(--color-default);border-radius:2px;}
#leftBlock .block{position:relative;background-color: var(--background-block);}
#leftBlock .pakete .block{width: 96%;margin:2%;}
#leftBlock .pakete h3{text-align:center}
#leftBlock .card{flex:1 0 200px;margin-bottom: 30px;color: var(--color-accent);background-color:var(--background-block);}
.button a{text-decoration:none;}
.button a:hover{color:#666; background-color:var(--border-default)}
.preistabelle .row{width:100%;margin-bottom:1em;flex-direction: row;padding: 0.5em 0;border:solid 1px #333;border-width:0 0 1px 0;vertical-align: top;margin: 0;}
.preistabelle .row.first{border-width:1px 0}
.preistabelle.row{font-size:1.2em;}
.preistabelle .table-head{font-size:0.8em}
.preistabelle .price_ez, .preistabelle .price_dz, .preistabelle .flex-item{text-align:right;padding: 0 6px;min-width: 100px;}
.preistabelle .breakfast{text-align:center;vertical-align:text-top;max-width: 80px;min-width: 60px;}
.preistabelle .price_description{flex: 3 0 300px;font-size: 1em;}
.preistabelle .price_name {flex:1 0 150px;text-transform:uppercase;font-family: plazadregregular, Arial, Helvetica, sans-serif;letter-spacing:0.1em;font-size:2em; font-weight:bold  }
.hinweis{font-size:0.8em;float: left; line-height:1.2em!important}
.preistabelle .mobile{display:none;}
.block .preistabelle{border-color:transparent;padding: 0;margin-bottom: 0;}
.block .preistabelle .flex-item{margin: 0;}
.block .preistabelle .price_name{font-size:1em; font-family:arial;}
.smart-cube-price .preistabelle .price_name, .smart-cube-price .preistabelle .price_description{flex: 1 0 180px;}
.smart-cube-text, .smart-cube-price .preistabelle .price_name{font-family: 'RobotRocNotaTilter', 'Anton', sans-serif;}
.smart-cube-price .preistabelle .price_name{font-size:1.4em;}
.smart-cube-price .price-slogan{font-size:0.8em}
.smart-cube-price .preistabelle .price_description{text-align:center}
.button a,.inkWlan,.preistabelle .table-body .inkWlan{font-size:0.8em;border: solid 1px #333;float:left;border-radius:2px;padding:2px 6px;background-color: #666;color: #CCC;margin:0.2em 0}
.teaser-entry{margin-bottom:1em;border-top: solid 1px #404040; padding:0.5em 0}
.teaser-image, .article-summary-image{float:left}
.teaser-image img, .article-summary-image img{margin:0 1em 1em 0}
.teaser-entry h3{margin-bottom:0}
.profil .teaser-row-space{display:table-row; height:1em}
.profil .teaser{display:table}
.profil .teaser-row{display:table-row}
.profil .teaser-entry, .profil .teaser-space{display:table-cell}
.profil .teaser-entry{width:32%;border: solid 1px var(--color-default);background-color: #4B4B4B;border-radius:2px;padding: 0;}
.profil .teaser-entry h3, .profil .teaser-entry h4, .profil .teaser-subline{padding:0 0.3em;}
.profil .teaser-entry h3 {font-size:1em; background-color: #CCC; box-shadow:0 1px 1px var(--background-default);color: #85759C;font-weight:normal}
.profil .teaser-entry h3 a{display:block; font-size:0.8em;line-height:1.2}
.profil .teaser-subline{font-size:0.9em; line-height:1.3; margin:0.5em 0}
.bd_calendar_all{width:100%; position:relative;}
.bd_calendar_all .calendar{overflow:hidden; position:relative;border: solid 1px var(--color-default);border-radius: 2px;}
.bd_calendar_all .calendar .entry{margin: 0 0 0 1em;overflow: hidden; vertical-align:bottom;position: relative;}
.bd_calendar_all .calendar div.weekday, .bd_calendar_all .calendar div.date{float: left;}
.bd_calendar_all .calendar div.links{float: right;height: 100%;display: block;}
.bd_calendar_all .calendar div.date p{width:auto}
.bd_calendar_all .calendar div.weekday{width:30%}
.bd_calendar_all .calendar div.date{width:50%}
.bd_calendar_all .calendar .closed_res, .block-price{position:absolute;text-align:center;color:var(--color-accent);padding: 2px 6px;top: 0;right: 0;display: block;float: right;border-width: 0 0 1px 1px;margin-bottom: 0.2em;}
.bd_calendar_all .calendar .closed_res, .block-price, .price{border: solid 1px var(--color-default);}
.block-price .price{border:none}
.slogan{font-size: 12px; text-align:right; margin:1em 0 0 0;height: 36px;line-height: 18px;font-weight: bold;position: absolute;bottom: 0;clear: both;}
.slogan div{vertical-align:baseline;margin-top: 6px;float: right;}
.slogan .wippertal{font-size: 16px; font-weight:bold;margin-top: 0;float: left;}
#premiumpaket ul li{background:var(--background-accent); color:var(--color-accent)}
#premiumpaket .flex-item:nth-of-type(odd) ul li{background:var(--background-dropdowns)}
#premiumpaket ul li{flex:1 0 0%;list-style: none;text-align: center;border: solid 1px;margin: 1%;padding:0.25em 1em; border-color:var(--border-default);border-radius:0.2em;}
#rightBlock .advanced{background: #353334;}
#rightBlock .advanced .preistabelle .row{border-color:#616161}
#rightBlock .advanced h3{height:auto;line-height:1.4;background-position: 0 10px;margin-bottom: 0;padding-bottom: .25em;}
#rightBlock div.contactform{}
.hotel-bewertung{background-color:var(--color-accent);position:relative;clear: both;float: none;}
.hotel-bewertung iframe{margin:0 auto;border: none; }
.tel-booking{background-color: #F4EA66;float:left; width:619px}
.tel-booking div{float:left; margin-right:1em}
#footerBlock {background:url(../img/default_detail_background.jpg) repeat-x 0 -76px;padding:0.1em 0 1em;margin-top: 1em;}
#footerBlock, #footerBlock a{color:var(--color-accent);text-decoration:none}
#footerBlock a:hover{color:#666}
#footerBlock .line {font-size:0.8em}
#footerBlock .line p{margin-bottom:0}
#footerBlock {font-size:0.9em; line-height:1}
#footerBlock li{list-style:none;line-height:1.8;padding:0 1em;}
#footerBlock ul{padding:0; margin:0; width:100%;}
#footerBlock .content{width:79%; float:left}
#footerBlock .content ul{display:table}
#footerBlock .content li{border: solid 1px #666; border-width:0 0 0 1px; display:table-row}
#footerBlock .content li a{font-weight:bold;clear: both;}
#footerBlock .content ul li{width:20%; vertical-align:top;display:table-cell}
#footerBlock .content ul li li{width:100%;padding:0; border:none; display:block}
#footerBlock .content li li a{display:block;}
#footerBlock .content li li a{font-weight:normal}
#footerBlock .impressum{width:20%;float: right; vertical-align:top; border: solid 1px #666; border-width: 0 1px;height: 180px;}
.imgDIVinTextLeft {float: left;margin-right: 5px;margin-bottom: 5px;padding: 0;}
.imgDIVinTextRight {float: right;margin-left: 5px;margin-bottom: 5px;padding: 0;} 
.imgDIVtopLeft { margin:8px 10px 5px 20px;padding:0px;border:0;} 
.imgDIVtopCenter {margin:8px -50% 5px -50%;padding:0px;border:0;}
.imgDIVblockImgLeft {margin-right: 10px;}
.imgDIVblockImgRight {margin-left: 10px;}
.phpwcmsImgListRight {text-align: right;margin: 0;padding: 0;}
.phpwcmsImgListLeft {text-align: right;margin: 0;padding: 0;}
.phpwcmsSearchResult {margin: 15px 0 15px 0;}
.phpwcmsSearchResult h3 {margin: 10px 0 1px 0;font-size: 1em;font-weight: bold;}
.phpwcmsSearchResult p {margin: 0;}
.phpwcmsSearchResult em.highlight, em.highlight {background-color: #FFFF00;font-style:inherit;}
.phpwcmsArticleListEntry {clear: both;}
.phpwcmsArticleListImage {float: left;margin-right: 10px;margin-bottom: 10px;padding-top: 3px;}
.phpwcmsArticleListImageCaption {padding-top: 5px;}
div.cpPagination {margin: 10px 0 10px 0;text-align: right;}
a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {padding: 0px 3px 1px 3px;background-color: #FFFFFF;color: #BBBBBB;text-decoration: none;font-weight: bold;border: 1px solid #CBCBCB;}
a.cpPaginateActive {background-color: #CBCBCB;color: #FFFFFF;border: 1px inset #CBCBCB;}
a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {background-color: #DDDDDD;color: #666666;border: 1px inset #CBCBCB;}
.gbInputForm.block{width:100%}
.gbInputForm.block input[type="submit"]{clear:both; margin-bottom:1em}
.gbNav{clear:both;height: 32px;margin-bottom: 0.5em;position: relative;}
.gbNavLeft{position: absolute;bottom: 0;}
.gbNavRight{float: left;position: absolute;right: -3px;}
.gbNavRight form, .gbNavRight select, .gbNavRight input[type="submit"]{float: left; height:32px;}
.gbNavRight select, input[type="submit"],.gbNavRight option{background: url(../img/default_detail_background.jpg);color: #7E9999;}
.gbNavRight select, .gbNavRight input[type="submit"]{margin-left:0.2em}
.gbNavRight select{width:110px}
.gbNavRight input[type="submit"]{width:32px}
.gbEntries h3 .space{position:relative}
.gbEntries h3 a{color:var(--color-accent)}
.gbEntries .entryID{font-size:0.5em; float:left; position:absolute;left:0;bottom:0}
.magnus{float:left;width: 300px;background: url(../img/flyer_background.jpg) no-repeat -50px -40px var(--color-accent);margin-right: 9px;padding-top: 18px;position: relative;height: 700px;}
.magnus img{margin:0 6px}
.magnus .flyer-content{color:var(--background-default); text-align:center;padding: 0.2em 1em 1em 1em;font-size: 0.8em;}
.magnus td, .magnus th{text-align:left; font-size:9px}
.magnus th{width:40px; font-weight:normal}
.tagcloude ul{display:flex;list-style:none;padding:0;margin:0;flex-wrap: wrap;justify-content: space-evenly;}
.tagcloude a{color:inherit;margin: 0;display: block;}
.tagcloude a.btn-primary{background-color:var(--background-block); border-color:var(--background-block-accent); margin:0.25em 0}
.tagcloude ul li{flex: 1 0 0%;text-align:center;border:solid 1px var(--border-accent);margin:6px;border-radius:.25rem;line-height:30px;white-space: nowrap;}
.tagcloude a.dropdown-item{margin-bottom: .1em;}
.fullyear,  .btn.fullyear, .fullyear .dropdown-menu, .nav-pills .fullyear.show>.nav-link, a.fullyear{background-color: var(--background-fullyear)!important;color:var(--background-fullyear-color)}
.winter, .btn.winter, .winter .dropdown-menu, .nav-pills .winter.show>.nav-link, a.winter{background-color:var(--background-winter); color:var(--background-winter-color)}
.summer,  .btn.summer, .summer .dropdown-menu, .nav-pills .summer.show>.nav-link, a.summer{background-color:var(--background-summer); color:var(--background-summer-color)}
.legend{border-top: solid 1px var(--background-accent); margin-top:1rem;width: 100%;}
.legend ul li{font-size:12px;line-height: 20px !important;}
.teaser.sold{overflow:hidden;position:relative;}
.teaser.sold .closed_res{transform:rotate(-45deg); text-align:center;position:absolute;right:-40px;top:15px;width:150px}
#start-gallery{clear:both; display: inline-block}
#leftBlock .magnus img{background:none; border:none;}
.dsgvo ul{width:100%; float:none;list-style:none}
.dsgvo ul ul{list-style:circle;}
#gaOptOut-banner, .cc-window{padding:6px;background-color: var(--background-accent-price);color: var(--color-accent);border:solid 1px #e57e03;text-align: center;position: fixed;width: 320px;bottom: 0;border-radius:3px}
#gaOptOut-banner .container{width:auto}
#gaOptOut-banner{margin: 15px;}
#gaOptOut-banner h3{margin-top:0; text-align:center}
#gaOptOut-banner a{padding:3px 12px;color:var(--color-accent);font-size: 12px;display:block;margin:12px 0}
#gaOptOut-banner a, .cc-btn{border:solid 1px red !important;background:var(--background-accent-price);border-radius:3px;}
#reservation{position: relative;}
#reservation form{display:flex;flex-direction:row; flex-wrap:wrap}
#reservation form .form-field{flex: 1 0 46%;margin:0 2%;float: none !important;width: fit-content;}
#reservation form div label, #reservation form div input[type="text"], #reservation form div input[type="email"], #reservation form div textarea{width:100%;float: left !important;display: block;max-width: 100%;}
#reservation .form-field .col-lg-12,#reservation form .form-type-recaptcha {display:block;width: 96%;flex: 1 0 96%;text-align: center;}
#reservation form .form-type-recaptcha .col-lg-6 {padding-left:0}
#reservation form .form-type-submit {margin:30px 15px}
#images193{position:absolute;width:100%;z-index:-1;height:100%;overflow:hidden;top: 0;}
#images193 img{width:100%; height:auto}
#images193 .indicators, #images193 .controls{display:none;}
#dark-verwoehnarrangement h3.block-header{background-position-y: 0;line-height: 30px;}
.inline-slider{
    display: flex;
    flex-direction: column;
    max-width: 1200px;
}
.inline-slider img{
    max-width:1200px;
    max-height:200px
}

.dine-and-more{
    text-align:center;
    
}
.dine-and-more .row{gap:2em;}
.dine-and-more .row .card .image-behind-text{background:none!important;}
.image-behind-text{display:flex;align-content: center;justify-content: center;align-items: center;flex-direction: column;}
.image-behind-text img{z-index: 1;position: absolute;top: -50%;left: 0;width: 100%;transition: all .5s ease;bottom: 0;right: 0;}
.image-behind-text:hover img{filter: grayscale(50%);}
.image-behind-text .card-body{position:relative; z-index:10; font-size:150%; margin: 1rem 0; padding:0;width:100%}
.image-behind-text .card-body .card-title{font-size:2rem; font-weight:600}
.image-behind-text .card-body .card-subtitle{font-size:1.5rem; font-weight:600;background-color:var(--image-overlay-background); padding:.5rem}
.image-behind-text .card-body .card-subtitle.text-muted{color:#bebebe !important; font-weight:300;}
.overlay{position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--image-overlay-background) ;z-index:2;}
.image-behind-text .btn{max-width:300px}

.grill .carousel-caption{
    display:flex;
    flex-direction:column;
    justify-content:left;
    left: 50px;
    bottom: 10px;
}

.grill .carousel-caption a, .grill .carousel-caption h3 {
    flex:1 0 0%;    
}
.grill .carousel-caption h3 {
    text-align:left;
    font-weight:700;
    font-size: 2rem;
}
.grill .carousel-caption a{
    max-width: 300px;
}

.grill .container{
    width: 100%;
    max-width: 100%;
}

@media all and (min-width:1280px){
    .container,#reservation .contactformular{width:1280px}
    #promotion iframe{height:720px}
}
@media all and (min-width:960px){
    #open-content .container{display:table}
    #open-content .row{margin: 1em 0;}
    #open-content .cols{flex: 1 0 0%;}
    #open-content .block{margin:2%;height: 100%;text-align:left;}
    #open-content .block p, #open-content .block table{margin:6px; }
    #open-content .block p{text-align:center}	
    #leftBlock h3{clear:both}
    #leftBlock .pakete{clear:both}
    #leftBlock .pakete .block{}
    #leftBlock .pakete .block.last{float:right}
    #standardpaket{width: 30% !important;}    
    #premiumpaket.fullbright{width: 96%!important;height: auto !important;}
    #premiumpaket.fullbright li{float:left; width:50%}
    #premiumpaket ul{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;align-items: stretch;padding: 0;margin: 0;}
    #premiumpaket .flex-item{margin-top:0; margin-bottom:0}
    #premiumpaket .flex-item:nth-of-type(odd){max-width: 190px;}
    #premiumpaket .flex-item:nth-of-type(odd) ul{flex-direction:column}    
    #premiumpaket .flex-item:last-child{margin-right: 80px;}
    #premiumpaket.bright-dinner .flex-item:last-child li:first-child{flex:1 0 70%}
    #reservation form div.form-type-break, #reservation .form-type-recaptcha{flex: 1 0 96%;text-align: center;}
    #images138 .image-item{max-width:31%; margin:1%}
    .teaser-two-columns .card{min-width:40%}
}
@media all and (min-width:480px){
     .padding-top-none{padding-top:0;margin-top:0;}
}
@media all and (min-width:769px) and (max-width:1024px){
    #reservation .form-type-break{width:96.8%}
}
/* kleiner als Standard aber groesser als portrait auf Tablet  */
@media all and (max-width:960px){
    .container, #reservation .contactformular{width:100%;}
    #leftBlock,#rightBlock{}
    #rightBlock{padding:0 2% 0 1%}
    #leftBlock{padding:0 1% 0 2%}
    #rightBlock div.contactform{width:100%}
}
/*menu und logo breiter als Bildschirm*/
@media all and (max-width:844px){
    #MainNavi{width:100%; background:none; height:auto;}    
}
@media all and (max-width:798px){    
    .ftc-col-lg-6, .ftc-col-lg-12, #reservation .form-field{width:100%;margin-left: 0;margin-right: 0;}
    .float-right, .float-left{float:none; width:100%}
    #reservation .g-recaptcha{float:left}
    #images193 img{height:100%; width:auto}
    .preistabelle{flex-direction:column;text-align:center !important;flex-wrap: wrap;align-items: center;} 
    .preistabelle div{flex: 1 1 100px !important;}
    .preistabelle .mobile{display:block}    
    .block .preistabelle{display:none;} 
    #mainBlock .content{flex-direction:column}
    #open .cols{flex: 1 0 46%;}
 }
/* Tablet Potrait und Handy landscape*/
@media all and (min-width:480px) and (max-width:798px){ 
    .container, #reservation .contactformular{width:640px;}
    #pmenu a, #pmenu a:visited{font-size:1.4em}    
    div.contact_infos .button{width:79%;}
    #leftBlock .block{width: 47%;clear: none;margin-right: 2%;}
    #leftBlock h3{clear:both}
    #leftBlock #reservation .block{width:100%}
}
/* portrait handy */
@media all  and (max-width:480px){
    body{font-size: 24px;}
    .row h1, .row h2, .row h3, .row h4, .row h5, .row h6{flex:1 0 0%;}
    #headerBlock{height:auto;}
    #headerBlock .header{position:relative}
    #logo{position:relative; margin:auto;bottom: auto;height: 60px;float: none;}
    #logo div{ width:153px;margin:auto}
    #MainNavi{bottom:auto;position: relative;height: auto;float: left;width: 100%;background: none;}
    #mainSlider{display:none}
    #mainBlock img{max-width:100%;}
    .container, #reservation .contactformular{width: 100%;}
    .calendar_info{font-size:0.6em}
    .slideshow{height:290px;position:relative;background:url(../../content/images/d348f49e5c6facf80e1c189ee6ddc4fe.jpg) no-repeat center center;border-width: 1px 0;}
    .slideshow .contact{right: inherit;width: inherit;margin: 0 15px;}
    .slideshow .contact, #footerBlock{font-size:0.8em}
    .block{font-size: 0.8em;width: 100% !important;float: left;display: block !important;}
    .block h3{font-size:1.4em}
    .image-behind-text{min-height: 290px;}
    .hotel-bewertung{float:none !important; margin: 0 auto}
    .contact .contact-data div.qrcode{z-index: 1;opacity: 0.3;}
    .contact .contact-data div.contact_infos{width: 80%;}
    .contact .icon, .contact .icon a{margin-right:0.5em}
    .preistabelle{flex-direction:column;}
    .preistabelle .table-head{font-size: 0.6em;}
    .preistabelle .price_ez, .preistabelle .price_dz{width:150px}
    .preistabelle .hinweis{font-size:0.6em}
    div.contact_infos .button{width:79%;}  
    div.galleries{clear:both;display: inline-block;width: 100%;}
    div.galleries div.gallery{width: 47%; float:left;clear:none;margin: 0 1%;margin-right: 1% !important;}
    div.galleries div.gallery h3{font-size: 0.8em !important;}
    form .ftc-left, form .ftc-right, form .clearLine .left, .gbInputForm.block input[type="submit"]{width: 90%; float:left; margin:0 1em}input[Type="text"], input[Type="email"], input[Type="submit"], input[Type="reset"], input[Type="password"], select, textarea{margin: 0 !important;}form .clearLine input[type="text"]{width:96%}
    #mainBlock .row, #mainBlock .images{flex-direction:column;}
    .flex-item.qr-code{margin:auto}    
    #leftBlock, #rightBlock{width:auto;float:none;clear: both;}
    #rightBlock .block .images .imageEntry{position:relative;clear:both}
    #rightBlock .block .images .imageEntry img{margin:0 auto; float:none;zoom: 110%;clear: none;}
    #footerBlock .content{display:none}
    #footerBlock{text-align:center;}
    #footerBlock .left, #footerBlock .right{float:none}
    #footerBlock .right div, #footerBlock .left {float:none; font-size:0.8em}
    #footerBlock ul{}#footerBlock li{float:left; padding:0}
    #footerBlock .impressum {width:100%; border:none; height:auto;padding:0; }
    #footerBlock .impressum, #footerBlock .impressum a, #footerBlock .impressum li{line-height:1.2em; font-size: 0.9em;	padding:0 0 0 0.5em;}
    #open .row{flex-direction:column}
    #open .cols {margin-left:2% !important; margin-right:2% !important;}
    #trailer iframe{max-width:100%;}
    #leftBlock #reservation .block, #navID_4.dropdown-menu a{width:100%}
    #reservation form{flex-direction:column;}
    #reservation form .form-field {max-width:100%;flex: 1 0 100% !important;width: inherit;}
}
@media all and (min-width:992px){
    /* navigation desktop */
    #images1{position: absolute; top: -29px;}
}
@media all and (max-width:991px){
    /* navigation mobile */
    #headerBlock .header .container{min-height:100px;display:flex;flex-direction:column;}
    #images1, .navbar-toggler, .navbar-collapse {flex:1 0 0%;}
    #images1{height: 55px;}
    #navbarResponsive{position:relative;float:none;}
}