* {font-size:16px; color:#3a3938; line-height:24px; margin:0; font-family:Verdana,sans-serif; } body {background:#ffffff; padding:0; } body.popup {padding:10px;} body.content {} a, img {border-style:none; text-decoration:none;} a {color:#3a3938;text-decoration:underline;} a:hover {color:#3a3938;text-decoration:underline;} a, span {font-size:1.0em;} h1, .titel {color:#3a3938; font-family:Verdana,sans-serif; font-size:32px; line-height:40px; font-weight:400;} h2, .untertitel {color:#3a3938; font-family:Verdana,sans-serif; font-size:24px; line-height:34px; font-weight:400;} h3, .ueberschrift {color:#3a3938; font-family:Verdana,sans-serif; font-size:18px; line-height:26px; font-weight:400;} div {margin:0; padding:0; display:block;} p {margin-top:10px; margin-bottom:10px;} label {vertical-align:middle;} b, strong {font-weight:700;} ol, ul, li {margin:0; padding:0;} ul, ol, form {margin-top:4px; margin-bottom:8px;} form {margin-top:8px;} ul {margin-left:15px;} ol {margin-left:20px;} ul ul, ul.sitemap1 {margin-left:15px;} ul ul {margin-top:1px; margin-bottom:1px;} ol ol {margin-top:1px; margin-bottom:1px;} .clr {clear:both; width:0; height:0; display:block; line-height:0;} #top {position:absolute; top:5px; left:5px; width:920px; height:40px; background:#efefef; border-style:solid; border-color:silver; border-width:1px;} #menu {position:absolute; top:55px; left:5px; width:255px; background:#efefef; border-style:solid; border-color:silver; border-width:1px;} #content {position:absolute; top:55px; left:275px; width:650px;} #balken {height:60px; text-align:center; background:#9f6f6f;} .button-anfrage {height:60px; padding:17px 20px 0; display:inline-block; font-family:Verdana,sans-serif; text-decoration:none; box-sizing:border-box; background:#771b1c; color:#fff; font-weight:600; letter-spacing:2px;} .button-anfrage:hover {color:#fff; background:#6b1e1f; text-decoration:none; text-shadow: 5px 5px 5px #00000050;} /* New Navbutton */ #navbutton {background:#f4c900; width:50px; height:50px; position:fixed; left:5px; top:0; z-index:21;} .navbutton-line {position:absolute; background:#3A3938; height:5px; width:30px; border-radius:2.5px; transition:all 0.5s; transform-origin: 50% 50%;} .navbutton-line:nth-child(1) {left:5px; top:8px;} .navbutton-line:nth-child(2) {left:5px; top:18px;} .navbutton-line:nth-child(3) {left:5px; top:28px;} /* POPUP (extContent 5) */ #reminder {position:fixed; z-index:21; width:100%; height:100vh; top:0; left:0; display:grid; align-items:center; justify-content:center; background-color:rgba(255, 255, 255, 0.75);} #reminder-message {position:relative; width:90vw; max-width:600px; padding:45px 25px 25px; justify-self:center; border:5px solid #771b1c; background:#fff; box-shadow:0 0 70px -20px #000;} #reminder-message h2 {margin:0 0 12px; color:var(--ciFarbe);} #reminder-close {position:absolute; top:00; right:00px; background:#fff; border:20px solid #fff;} /* zusatzleiste_oben (extContent 4) */ #top-innen-ext4 {display:block; margin:30px auto 0; padding:40px 20px; text-align:center; background-color:#FFDD66;} #icons-rechts {display:none;} .subnavholder-links li {display:inline-block;} li.activemenu, li.normalmenu {padding:0 15px; white-space:nowrap; overflow:hidden;} li.activemenu:hover, li.normalmenu:hover {background:#6b1e1f;} li.activemenu {background:#6b1e1f; text-shadow: 5px 5px 10px black;} div.menupadding {height:110px; margin:0; padding:0; display:table; box-sizing:border-box;} ul.menusubpagelist {list-style-type:none; list-style-image:none; margin:0; padding-left:20px; white-space:nowrap; overflow:hidden; background:#ffffff;} ul.submenu, ul.mainmenu {list-style-type:none; list-style-image:none; margin:0; padding:0;} li.activesubmenulayer3 {display:none;} li.normalsubmenulayer3 {display:none;} li.mainitem, h2.mainmenu, li.trenner {display:inline-block; height:30px; vertical-align:middle; padding-bottom:17px;} a.activemenu {padding-top:5px; padding-right:0; display:table-cell; vertical-align:middle; font-family:Heletica,Arial,sans-serif; color:#fff; font-size:16px; font-weight:600; text-transform:uppercase; text-decoration:none; letter-spacing:2px;} a.normalmenu {padding-top:5px; display:table-cell; vertical-align:middle; text-decoration:none; font-family:Heletica,Arial,sans-serif; color:#fff; font-size:16px; font-weight:500; letter-spacing:2px; text-transform:uppercase;} a.activemenu:hover, a.normalmenu:hover {color:#fff;text-decoration:none;} a.activemainmenu {color:#771b1c; font-size:14px; font-weight:700; vertical-align:middle; text-decoration:none;} a.normalmainmenu {color:#771b1c; font-family:Heletica,Arial,sans-serif; font-size:14px; font-weight:400; vertical-align:middle; text-decoration:none;} a.activemainmenu:hover, a.normalmainmenu:hover {color:#000;} #submenu3-wrapper {padding:0 120px; background:#9f6f6f;} .submenu3 {display:inline-block;} li.normalsubmenu3, li.activesubmenu3 {padding:0 10px; display:block; float:left;} .normalsubmenu3, .activesubmenu3 {color:#ffd7d8; text-decoration:none;} .activesubmenu3 {color:#fff} .normalsubmenu3:hover, .activesubmenu3:hover {color:#fff; text-decoration:none;} .myinput, input.text, textarea.text, select {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;} .login_input {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;} input.loginsubmit {margin-top:10px; margin-bottom:10px;} .login_checkbox {vertical-align:middle;} .login_submit_area {padding-top:5px;} select {background:#ffffff;} #thumbnail_layer_2 {text-align:center;} .fwxlightbox-item {margin-right:10px; line-height:0;} .galeriethumb {width:calc(33.33333333% - 7.33333333px); height:auto; margin-bottom:10px;} .fwxlightbox-item:nth-of-type(3n) {margin-right:0px;} .captcha {border:solid silver 1px; width:120px;} img.captcha {margin-top:8px; margin-bottom:1px;} input.captcha {margin-bottom:2px;} /* HEADER */ #outer {width:100%; height:100%;} #inner {max-width:1280px; margin:30px auto 0 auto; box-shadow:0px 0px 40px 0px rgba(0,0,0,0.5);} #inner_top {max-width:1280px; width:100%; height:110px; top:0; margin:0 auto; background:#771b1c; position:-webkit-sticky; position:sticky; z-index:20;} .navholder-wrapper {width:100%; height:30px; top:0; z-index:1; position:fixed;} .navholder {max-width:1280px; width:100%; height:30px; top:0; margin:0 auto; z-index:20; background:#f8efef; text-align:center;} .subnavholder-links {height:110px; display:inline-block; background:#771b1c;} .leer {width:100%; height:40px; display:none; background:#771b1c;} .logo {display:inline-block; padding:0 20px 0 0;} .trennstrich {margin:0 20px;} .subnavholder-links li:first-child {display:none;} /*SLIDER*/ #slider {max-width:1280px; margin:-1px auto 0 auto; position:relative;} .nivo-caption {background:transparent !important; height:100%; text-align:center; opacity:1 !important;} .fwxgalleryslider-caption {display:table !important;} .nivo-caption h3 {display:table-cell; vertical-align:middle; font-size:40px; line-height:40px; font-weight:600; color:#fff; text-shadow: 1px 1px 14px black;} /* INHALTE */ #inhalt {padding:48px 10px; background:#f8efef; text-align:center;} #content0, #content1, #content2 {max-width:30%; width:480px; display:inline-block; vertical-align:top; margin:20px 0;} #t2titel {display: inline-block; max-width: 900px; width: 90%; margin: 0px auto 30px auto; text-align:left;} #t2untertitel {display: inline-block; max-width: 900px; width: 90%; margin: 0px auto 30px auto; text-align:left;} #t2content {display: inline-block; max-width: 900px; width: 90%; margin: 0px auto 30px auto; text-align:left;} .colzwei {text-align:center; display:inline-block; max-width:900px; width:90%; padding:0px 10px 30px 10px;} #t2content1 {width:calc(50% - 20px); padding-right:20px; text-align:left; float:left;} #t2content2 {width:calc(50% - 20px); padding-right:20px; text-align:left; float:left;} #t2content1 img, #t2content2 img {max-width:100%; height:auto;} #logoleiste {text-align:center; padding:20px 20px 10px 20px;} .logo2 {margin:0 10px;} .content-slide {max-width:1180px; width:100%; margin:40px auto 0 auto; padding:0; display:inline-block; line-height:28px; text-align:left;} iframe {max-width:900px; width:100%;} table.preis {width:100%; -webkit-box-shadow:0px 2px 0px -1px rgba(98,42,11,0.25);-moz-box-shadow:0px 2px 0px -1px rgba(98,42,11,0.25);box-shadow:0px 2px 0px -1px rgba(98,42,11,0.25); } table.preis , .preis td, .preis tr, .preis th {border:0px solid #f5f5f5; border-collapse:collapse; text-align:left; box-sizing:border-box;} .preis td, .preis tr, .preis th {padding:5px;} .preis th {background:#9f6f6f; color:#fff; font-weight:bold;} .preis td {} .preis tr:nth-of-type(2n-1) {background:#efe2e2;} /* Blockpage BildText */ .block02-aussen {width:100%; max-width:980px; margin:0 auto 40px auto; background:#fff; box-sizing:border-box;} .block02-innen {margin:0 auto; padding:0; display:table; line-height:26px;} .block02-innen-text {width:100%; padding:40px 40px 40px 0; display:table-cell; vertical-align:middle; text-align:left; font-size:16px; line-height:24px; box-sizing:border-box;} .block02-innen-bild img {width:auto; height:380px; padding:0 40px 0 0;} .block02-innen-text h2 {margin-bottom:10px; font-size:22px; line-height:26px; font-weight:300; color:#444; letter-spacing:1px; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;} .block02-innen-bild {display:table-cell; vertical-align:middle; z-index:1; text-align:center;} /* KWH */ #khw_outer {width:100%; height:290px;} #khw_inner {max-width:1280px; padding:0; margin:0 auto;} #khw_inner img {width:100%; height:290px; object-fit:cover; margin:0px !important; padding:0px !important;} /* FOOTER */ #footer_outer {width:100%; background:#771b1c;} #footer_inner {width:calc(100% - 40px); max-width:1000px; margin:0 auto; padding:60px 20px} #footer_inner * {font-size:15px; line-height:25px; color:#fff;} #footer_inner a {font-weight:400; color:#fff; text-decoration:none;} #footer_inner a:hover {color:#f8efef; text-decoration:underline;} #footer_inner h2 {font-weight:400; color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:2px;font-size:16px;} #footer_inner hr {width:30%; height:5px; margin:20px 0;background:#fff; border:none;} .footer_text_outer {width:33.33333%; margin:0px; padding:0px; float:left;} .footer_text_inner {padding-left:30px; padding-right:30px; text-align:left;} .footer_text_inner .logo {padding:0 10px 20px 10px;} .footer_text_inner iframe {width:100%; height:150px;} .footer_full_outer {width:100%; margin:0px; padding:0px; float:left;} .footer_full_inner {padding-left:30px; padding-right:30px; text-align:center; padding-top:50px;} .cl_cookie_privacy_layer {background:#3a3938 !important;font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer * {font-family:tahoma, arial; font-size:12px !important; color:#ffffff !important;} .cl_cookie_privacy_layer span {font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer a {background:#f2f2f2 !important;color:#666666 !important;} .cl_cookie_privacy_layer a:first-of-type {background:#f4c900 !important; color:#666666 !important;} /* Formulare - Anfang */ .field_string,.field_textarea {width:100%; max-width:100% !important; margin-bottom:10px; padding:5px; font-size:18px; border:0px solid #eee; background:#fff;} .form_string_label label {padding-left:10px;} .submit {padding:6px 15px; border:2px solid #771b1c; font-size:16px; color:#9f040e; background:#fff; transition:color ease 1s, border-radius ease 0.5s, background ease 1s;} .submit:hover {color:#fff; background:#771b1c; border-radius:5px; transition:color ease 0.5s, border-radius ease 0.5s, background ease 0.5s;} .submit2 {padding:0px 15px 4px 15px; border:0px solid #771b1c; border-radius:5px !important; font-size:16px; color:#771b1c;; background:#dad5cb; transition:color ease 1s, border-radius ease 0.5s, background ease 1s;} .submit2:hover {color:#fff; background:#771b1c; border-radius:10px; transition:color ease 0.5s, border-radius ease 0.5s, background ease 0.5s;} #anfrageformular_formular_inner_gasthof h2 {font-size:20px; line-height:28px;} .error {color:red;} /* Safari Style bei Formularelementen entfernen - Start */ textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox {-webkit-appearance:none; border-radius:0;} /* Safari Style bei Formularelementen entfernen - Ende */ div.dsgvo_layer {width:100%; max-width:900px;} div.dsgvo_layer p, div.dsgvo_layer a {font-size:14px;} /* Formulare - Ende */ /* Privacy Layer - customized */ .cl_cookie_privacy_layer {width:100vw !important; height:100vh !important; display:grid; align-content:center; background-color:#666666cc !important; } .cl_cookie_privacy_layer > div {padding:20px !important; box-shadow: 0 0 0 5px #fff,20px 20px 50px 0 rgba(0, 0, 0, 0.5);} .cl_cookie_privacy_layer * {max-width:750px !important; background-color:#353c45 !important; border-radius:20px; color:#fff !important; } .cl_cookie_privacy_layer a {margin:20px 0 0; padding:10px 15px !important; color:#fff; background-color:#999 !important; border-radius:10px;} .cl_cookie_privacy_layer a:last-child {margin-left:0px;} #cl_privacy_link_y {color:#fff !important; background-color:#468b0c !important;} #cl_privacy_link_n {color:#fff !important; background-color:#8b0c36 !important; margin-right:40px !important;} @media screen and (max-width: 1280px){ #inner, #inner_top, #slider, .navholder {max-width:1100px;} #top-innen-ext4 {max-width:1100px; padding:40px 20px;} /* zusatzleiste_oben (extContent 4) */ } @media screen and (max-width: 1100px){ a.activemenu {letter-spacing:1px;} a.normalmenu {letter-spacing:1px;} .logo {padding-right:10px;} #submenu3-wrapper {padding: 0 110px;} } @media screen and (max-width: 1024px){ #inner, #inner_top, #slider, .navholder {max-width:900px;} #t2titel {max-width:800px; width:100%; margin:0px auto 30px auto; display:inline-block; text-align:left;} #t2untertitel {max-width:800px; width:100%; margin:0px auto 30px auto; display:inline-block; text-align:left;} #t2content {max-width:800px; width:100%; margin:0px auto 30px auto; display:inline-block; text-align:left;} li.activemenu, li.normalmenu {padding:0 7px;} #inner {margin-top:0;} #top-innen-ext4 {max-width:900px; padding:40px 20px;} /* zusatzleiste_oben (extContent 4) */ } @media screen and (max-width: 890px){ .galeriethumb:nth-of-type(3n) {margin-right:0px;} .navholder, .subnavholder-links {} .leer {display:inline-block;} .trennstrich {} #content0, #content1, #content2 {max-width:90%;} .footer_text_outer {width:100%; margin-bottom:20px;} .footer_text_inner {padding:0px;} } @media screen and (max-width: 820px){ #submenu3-wrapper {display:none;} .subnavholder-links {display:none;} #navbutton {display:block;} #inner_top {height:60px;} .logo {height:60px; width:auto;} } @media screen and (max-width: 800px){ #content0, #content1, #content2 {max-width:45%;} #t2content1 {width:100%; padding-right:0px; text-align:left; float:left;} #t2content2 {width:100%; padding-right:0px; text-align:left; float:left;} } @media screen and (max-width: 767px){ .galeriethumb {width:calc(50% - 5px); height:auto; margin-bottom:10px;} .fwxlightbox-item:nth-of-type(n) {margin-right:10px;} .fwxlightbox-item:nth-of-type(2n) {margin-right:0px;} .block02-innen-bild img {width:350px; height:auto; padding:0 20px 0 0;} .block02-innen-text {padding:40px 20px 40px 0;} } @media screen and (max-width: 767px){ .block02-aussen {width:100%; margin:0 0 5px 0;} .block02-aussen {padding-bottom:20px;} .block00-innen {padding:40px 10px;} .block02-innen {display:block;} .block02-innen-text {width:100%; margin:auto; padding:20px 30px; display:block;} .block02-innen-bild {width:100%; margin:auto; padding:0 0 10px 0; display:inline-block;} .block02-innen-bild img {width:100%; height:auto; padding:0;} } @media screen and (max-width: 600px){ table.preis {width:100%; margin-left:0px; padding:0; border:none; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0);} .preis table, .preis tr, .preis td {padding:0; border:none; } .preis table {} .preis thead {display:none;} .preis tr {float:left; width:100%; margin-bottom:26px; border:none; -webkit-box-shadow:0px 2px 0px -1px rgba(98,42,11,0.25);-moz-box-shadow:0px 2px 0px -1px rgba(98,42,11,0.25);box-shadow:0px 2px 0px -1px rgba(98,42,11,0.25);} .preis td {display:flex; float:left; width:100%; padding:5px; } .preis td::before {content:attr(data-label); word-wrap:break-word; width:20%; float:left; margin:-5px 5px -5px -5px; padding:5px;} .preis tr td:nth-of-type(2n-1) {background:#efe2e2;} .preis tr td::before {width:80px; color:#771b1c;} .preis tr:nth-of-type(n) {background:none;} #top-innen-ext4 {padding:40px 10px;} /* zusatzleiste_oben (extContent 4) */ } @media screen and (max-width: 400px){ .galeriethumb {width:100%; height:auto; margin-bottom:10px;} .fwxlightbox-item:nth-of-type(n) {margin-right:0px;} }