* {margin:0;padding:0;}
html,body {height:100%;}

@font-face { font-family: 'courier'; src: url('../fonts/courier.ttf') format('truetype'); }


.desktopOnly {display: block;}
.mobileOnly {display: none;}
.tabletOnly {display: none;}
.smartphoneOnly {display: none;}

.contentContainer p {margin:10px 0;}
.contentContainer ul {margin-left: 15px;}

.wysiwygEditable:hover, .wysiwygEditableText:hover {outline:1px dashed red;}
.wysiwygImageUploadMsg {position:fixed;z-index:9999;top:50%;left:50%;width:300px;height:40px;background:rgba(255, 80, 80, 0.8);color:#000;border:2px solid #ff0000;text-align:center;line-height:1.3;font-family: 'Montserrat', sans-serif;font-weight:bold;margin-left:-150px;padding:5px;font-size:16px;}
#wysiwygTools {position:fixed;z-index:9999;bottom:0;right:0;background:#fff;border:1px solid #ff0000;color:#000;line-height:1.3;font-family: 'Montserrat', sans-serif;font-weight:normal;font-size:14px;padding:3px;}

.left{float:left;}
.right{float:right;}

*::-moz-selection {background-color:#ca8b1d;color:#fff;}
*::selection {background-color:#ca8b1d;color:#fff;}

.ofRow {position:absolute;left:0;top:0;width:100%;height:25px;text-align:center;background:transparent url('https://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top;margin:0;padding:0;z-index:50;}

.clearingItem {clear:both;float:none;}
.width_1 {margin:0;}
.width_2 {float:left;width:50%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:33.333%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 10px 0 0;}
.width_2.rightColumn {padding:0 0 0 10px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}


/* ERRORPAGE */
.Success, .success {color:green;}
.error, .Error, .errorText {color:red;}
#errorContainer {width:600px;margin:auto;margin-top:10px;border:0;text-align:center;font-family: 'Montserrat', sans-serif;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center;font-family: 'Montserrat', sans-serif;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;font-family: 'Montserrat', sans-serif;}
#errorContainer .error {color:#142F5D;font-family: 'Montserrat', sans-serif;}

/* BODY-CONTAINERS */
#main {position:relative;width:100%;min-height:100%;margin:0;padding:0; background-image: url("../../images/background.jpg"); background-size: cover; background-attachment: fixed;}
#header {position:relative;width:100%;height:615px;margin:0;padding:0px 0 0 0;box-sizing:border-box;background: transparent;z-index:5;}
#header-content {position:relative;width:100%;max-width:1000px;height:590px;margin:0 auto;padding:0 0px;box-sizing:border-box;}
#header-content #logo {position:relative;max-height:280px;margin:5px 0 0 0;padding:0;}
#content {position:relative;width:100%;max-width:1000px;margin:0 auto;padding: 15px 30px 15px 30px;box-sizing:border-box; margin-top: 65px; line-height: 25px; background: #fff;}
#footer {position:relative;width:100%;height:55px;background:#ca8b1d;margin: 0px 0 0 0;padding:0;z-index:5; padding-top: 45px;}
#footer-content {position:relative;width:1000px;height:50px;margin:0 auto;padding:0 10px;box-sizing:border-box;background:#ca8b1d; color: #fff; font-weight: 700; margin-top: 0px; }

#bookingLine {position: relative; min-width: 1000px; margin: 0 auto; min-height: 60px;  margin-top: 450px; }
.resmio-button {float: left; width: 25%;}
.btn-large {width: calc(100% - 33px);}
.resmio-button strong {font-size: 16px;}


/* NAVIGATIONS */
#menuButton {display:none;position:absolute;left: 320px;top:15px;height:40px;}
#menuimage {width: 50px; height: auto;}
#navigation li .rightColNavi {display:none;}
#navigation li .mobilenavigationitem {display:none;}
#navigation {position: relative; float: left; top:35px;list-style:none;margin:0;padding:0;}
#navigation li {position:relative;float:left;margin:0 0 0 0px;padding:3px 0 3px 5px;box-sizing:border-box;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-weight:700;font-size:13px;text-transform:uppercase;color:#000;padding:0px 10px 15px 10px; font-family: 'Montserrat', sans-serif;}
#navigation li.active > a {border-bottom: solid 8px #ca8b1d; text-decoration: none; padding-bottom: 15px;}
#navigation li:hover > a {border-bottom: solid 8px #ca8b1d; text-decoration: none;  padding-bottom: 15px;}
/* SUBNAVIGATIONS */
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;margin:0;padding:0;background:#ca8b1d;min-width:150px;padding:10px 0 0; z-index: 20;}
#navigation li ul li {float:none;margin:0;padding:0;width:100%;padding:3px 0 3px 5px;}
#navigation li ul li a {font-size:14px;font-weight:normal;text-transform:none;color:#fff;}
#navigation li ul li ul {left:100%;top:0;padding:0;}
#navigation li:hover > ul {display:block; }


#navigation li ul li:hover > a {border-bottom: solid 0px #ca8b1d; text-decoration: none;  padding-bottom: 10px;}
#navigation li ul li.active > a {border-bottom: solid 0px #ca8b1d!important; text-decoration: none;  padding-bottom: 10px!important;}



/* NEWS */
.newsContainer {position:relative;border-top:1px solid #ddd;margin:0;padding:45px 0;}
.newsContainer.first {margin:30px 0 0 0;border-top:0;}
.newsContainer.detailpage {border-top:0;}
.newsContentThumbnail {position:relative;float:left;width:290px;height:196px;overflow:hidden;margin:0 30px 0 0;padding:0;}
.newsContentText {position:relative;float:left;width:calc(100% - 320px);font-size:16px;margin:0;padding:0;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#646464;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#646464;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#646464;}

/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label {position:relative;float:left;width:220px;margin:0;padding:0;}
.formRow input[type=text] {font-family: 'Montserrat';position:relative;float:left;width:280px;color:#646464;background:#fff;border:1px solid #666;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
.formRow textarea {font-family: 'Montserrat';position:relative;float:left;width:280px;height:105px;color:#646464;background:#fff;border:1px solid #666;resize:none;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
/* BUTTONROW */
.buttonRow input   {position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#fff;background:#666;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow a.button{position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#fff;background:#666;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow input:hover, .buttonRow .button:hover {color:#fff;background:#000;text-decoration: none;}
/* RECAPTCHA */
.formRow.reCaptchaRow label {display:none;}
.formRow.reCaptchaRow .formRecaptchaContainer {float:left;margin-bottom:15px;}


/*HEADER*/
#logobox {width: 300px; height: 90px; background: #ca8b1d; color: #000; font-size: 30px; text-align: center; padding-top: 55px; position: relative; float: left; margin-right: 15px; z-index: 5; font-family: 'courier';}
.reservationboxtop { width: 150px; height: 25px; position: absolute;   right: 0; text-align: center; color: #000; padding-top: 8px; font-weight: 700; top: 29px; display: none;}
.reservationbox { width: 150px; height: 25px; position: absolute; border: solid 4px #ca8b1d;  right: 0; text-align: center; color: #000; padding-top: 8px; font-weight: 700; top: 25px; }
.icon {height: 25px; width: auto; position: absolute; margin-top: -5px; }
#head-infoline {width: 700px; height: 42px; position: absolute; right: 0; top: 75px; background-color:rgba(202,139,29,0.3); color: #fff; padding-top: 28px; z-index: 5;}
#head-infoline span {margin-left: 25px; letter-spacing: 1px; font-size: 14px;}
#phone {float: left; margin-left: 30px;}
#street {float: left;  margin-left: 35px;}

#slider {width: 100%; height: 500px!important; float: right; position: absolute; z-index: 1; margin-top: -70px;}
.slide {width: 100%; height: 500px!important;}

#startcontent {background: #fff; width: 1000px; height: 400px; margin: 0 auto; position: relative; margin-top: 65px; line-height: 25px;}
#leftstart {width: 480px; padding: 20px; float: left;}
#rightstart {width: 480px; float: right; height: 100%; position: absolute;  right: 0;}


#midcontent {width: 1000px; height: 350px; margin: 0 auto; margin-top: 50px; position: relative; }
#midcontentimage {width: 430px;  height: 100%; float: left; margin-right: 35px;}
#midcontentcard {width: 220px; height: 320px; background: #fff; float: left; position: relative; text-align: center; padding: 15px 15px; line-height: 25px; }
#midcontentcard h1 {padding-top: 10px;}
.cardbox { width: 150px; height: 25px; position: relative; border: solid 4px #ca8b1d;  text-align: center; color: #000; padding-top: 5px; font-weight: 700;  margin: 0 auto; margin-top: 50px;}
#midcontentlogos {width: 250px; height: 350px; background: #fff; float: right; position: relative; text-align: center;}
.schluessel {margin-top: 25px;}
.radeberger {margin-top: 40px;}


#openings {background: #fff; width: 1000px; height: 400px; margin: 0 auto; position: relative; margin-top: 40px; line-height: 25px; line-height: 30px;}
#leftopenings {width: 480px; padding: 20px; padding-top: 40px; float: left;}
#rightopenings{width: 480px; float: right; height: 100%; position: absolute;  right: 0;}
.days {float: left; width: 250px;}


#maps {width: 100%; height: 400px; margin-top: 50px;   position: relative;}
#maps #mapdetails-content {width: 400px; height: 200px; background: #fff; z-index: 10; position: absolute; margin-top: 100px;}
#maps #mapdetails-content  #phone {float: unset; margin-left: 30px; margin-top: 30px;}
#maps #mapdetails-content  #street {float: unset;  margin-left: 35px; margin-top: 30px;}
#maps #mapdetails-content  #mail {float: unset;  margin-left: 35px; margin-top: 30px;}

#maps icon {height: 40px;}
#maps span {margin-left: 50px;}

#maps #mapdetails {width: 1000px; height: 150px; margin: 0 auto; position: absolute; margin-left: calc(50% - 500px); display: none;}
#maps iframe {z-index: 5; filter: grayscale(100%);}

.place-card  {display: none!important;}
.place-card-large {display: none!important;}
.gm-style {display: none!important;}
.review-box  {display: none!important;}


#backtotop {position: absolute; right: 0; bottom: 30px;}
#backtotop img {width: 40px; height: auto; filter: invert(100%);}


#footernav { float: right; margin-right: 30px;}
#footernav li {float: left; list-style: none; margin-right: 15px;}
#footernav li a {color: #fff; text-transform: uppercase; }


.contentContainer h1 {padding-top: 0px;}
#startcontent  h1 {padding-top: 15px;}

#midcontentcard a:hover {text-decoration: none;}

#midcontentlogos img {width: 75%; height: auto;}




#cmsContactForm{margin-top:15px;}

/* COOKIE BANNER */
#cmsCookieChoiceBannerModal {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.01);opacity:0.01;z-index:9999;}
#cmsCookieChoiceBanner {position:fixed;top:0;left:0;right:0;background:rgba(240,240,240,0.98);color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;z-index:10000;box-shadow:0 0 15px rgba(0,0,0,0.2);max-height:300px;overflow:auto;}
#cmsCookieChoiceBannerInner {position:relative;margin:0 auto;max-width:1500px;padding:20px 10px 10px 10px;box-sizing:border-box;text-align:left;}
#cmsCookieChoiceBannerTitle {font-size:18px;font-weight:bold;margin-bottom:3px;}
#cmsCookieChoiceBannerText {margin-bottom:5px;}
#cmsCookieChoiceBanner  {-webkit-filter:unset;filter:unset;}

.cmsCookieChoiceBannerToolbox {color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;}
.cmsCookieChoiceBannerGroup {float:left;margin:10px 20px 10px 0;width:220px;}
.cmsCookieChoiceBannerGroupTitle {font-weight:bold;margin-bottom:5px;}
.cmsCookieChoiceBannerChoice {margin:5px 0 0;}
.cmsCookieChoiceBannerChoice input[type=checkbox] {margin:0 5px 0 0;background:unset;padding:unset;vertical-align:middle;}
.cmsCookieChoiceBannerChoice label {vertical-align:middle;}
.cmsCookieChoiceBannerChoice label.marked {font-weight:bold;}
.cmsCookieChoiceBannerChoiceInfoIcon {display:inline-block;margin:0 0 0 5px;opacity:0.6;cursor:pointer;padding:0 2px;vertical-align:middle;}
.cmsCookieChoiceBannerChoiceInfo {margin:3px 0 0;font-size:12px;opacity:0.8;}
.cmsCookieChoiceBannerToolboxButtons {margin:10px 0 0;}
.cmsCookieChoiceBannerToolboxButtons button {border:0;background:#999;color:#fff;margin:0 5px 5px 0;padding:5px 10px;font-size:14px;line-height:1.2;border-radius:0;-webkit-appearance:none;cursor:pointer;outline:0;}
.cmsCookieChoiceBannerToolboxButtons button.default {background: #ca8b1d;color: #fff;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #fff;color: #ca8b1d;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton {background: transparent;color:#000000;opacity:0.6;font-size:12px;padding:5px 5px;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton:hover {background: transparent;}

.cmsCookieChoiceBannerGroup {margin: 3px 20px 10px 0!important; width: 150px!important;}
#cmsCookieChoiceBannerTitle {position: absolute;}
#cmsCookieChoiceBannerText {max-width: 450px!important; position: relative; float: left; margin-right: 30px; margin-top: 25px;}
.cmsCookieChoiceBannerToolboxButtons {right: 70px!important; }


@media screen and (max-width: 1550px) {
    #cmsCookieChoiceBannerInner {width: 1250px!important;}
}


@media screen and (max-width: 1280px) {
    .cmsCookieChoiceBannerToolboxButtons {width: 300px; top: 15px!important;}
    #cmsCookieChoiceBannerInner {width: 80%!important;}
    .cmsCookieChoiceBannerToolboxButtons {right: 0!important;}
}
@media screen and (max-width: 1105px) {
    #cmsCookieChoiceBannerInner {width: 90%!important;}
}
@media screen and (max-width: 975px) {
    .cmsCookieChoiceBannerToolboxButtons {right: unset; top: unset; position: unset; }
}