body {font:normal 14px 'open sans',sans-serif;color:#fff;}

.wrapper {margin:0 auto;padding:0 10px 0 63px;max-width:1300px;min-width:300px;}

header {width:100%;height:73px;position:fixed;top:0;z-index:10;}
header .wrapper {height:100%;}
header .logo {float:left;height:100%;font-size:0;}
header .logo:before {display:inline-block;content:'';height:100%;vertical-align:middle;}
header .logo img {display:inline-block;vertical-align:middle;}
header .contacts {float:left;margin:13px 0;margin-left:40px;border-left:1px solid #1b1c1c;padding-left:20px;line-height:23.5px;}
header nav.main {float:right;height:100%;font-size:0;line-height:73px;text-transform:uppercase;white-space:nowrap;}
header nav.main a {display:inline-block;padding:0 12px;height:100%;font-size:16px;color:#fff;}
header nav.main a:hover,header nav.main a.active {background:#332823;}
header nav.sub  {width:100%;height:38px;font-size:0;line-height:38px;text-align:right;background:#332823;background:rgba(51,40,35,.75);position:fixed;top:73px;left:0;z-index:10;}
header nav.sub a {display:inline-block;padding:0 14px;height:100%;font-size:12px;color:#fff;}
header nav.sub a:hover,header nav.sub a.active {background:#332823;}
header a.language {float:right;margin:31px 14px;width:16px;height:11px;font-size:0;background-position:50% 50%;background-repeat:no-repeat;}
header a.language.de {background-image:url(../img/flags/de.png);}
header a.language.en {background-image:url(../img/flags/en.png);}

footer {padding:5px 0;width:100%;color:#fff;line-height:16px;color:rgba(255,255,255,.4);position:fixed;bottom:0;z-index:10;}
body.template-map footer {display:none !important;}
footer nav {float:left;margin:12px 0;font-size:0;line-height:1;}
footer nav a {display:inline-block;margin-right:12px;font-size:12px;color:#fff;color:rgba(255,255,255,.4);}
footer nav a:hover {color:#fff;color:rgba(255,255,255,1);}
footer .contacts {float:right;margin:12px 0;font-size:0;line-height:1;}
footer .contacts > div {display:inline-block;margin-left:10px;border-left:1px solid #fff;border-left:1px solid rgba(255,255,255,.4);padding-left:10px;font-size:12px;}
footer .contacts > div:first-child {margin-left:0;border:0;padding-left:0;}
footer .btn {float:right;margin-left:20px;padding:0 20px;height:40px;line-height:40px;}
footer .social {float:left;margin:7px 0;line-height:1;}
footer .social a {color:#fff;color:rgba(255,255,255,.4);font-size:22px;}
footer .social a:hover {color:#fff;}
footer .contacts a {color:#fff !important;color:rgba(255,255,255,.4) !important;}
footer .contacts a:hover {color:#fff !important;}

.btn {display:inline-block;padding:0 46px;font-weight:bold;font-size:14px;line-height:50px;text-transform:uppercase;background:#9c0;transition:.25s linear;cursor:pointer;}
.btn:hover {box-shadow:0 0 3px rgba(51,51,51,.85);}


/* lists */
ul.check li:before,[class^="icon-"]:before,[class*=" icon-"]:before {font-family:'icons' !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
ul.check,article ul {margin-left:5px;margin-bottom:2em;color:#fff;}
ul.check li,article ul li {list-style:none;margin-bottom:.4em;padding-left:16px;font-size:15px;line-height:1.4;color:rgba(255,255,255,.9);position:relative;}
ul.check li:before,article ul li:before,.icon-check:before {content:'-';margin-right:5px;font-size:11px;color:#aaa;}
ul.check li:before,article ul li:before {margin-right:0;position:absolute;left:0;top:6px;}
article ul li {padding-left:10px;}
article ul li:before {content:'•';top:2px;color:#bbb;}

div.main {padding:120px 206px 0 0;max-width:800px;position:relative;}
div.main > h1 {padding:24px;padding-right:78px;font-weight:300;font-size:30px;line-height:1;color:#fff;position:relative;z-index:2;}
div.main > h1 .close-btn {display:block;width:30px;height:30px;background:#fff url('../img/slider-btn-toggle.png') 50% 50% no-repeat;background-color:rgba(255,255,255,.4);position:absolute;top:24px;right:24px;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;transition:all .4s linear;}
div.main > h1 .close-btn:hover {cursor:pointer;}
div.main > h1.closed .close-btn {transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}

h1, h2, h3, h4, h5 {color:rgba(255,255,255,.95);font-weight:normal;letter-spacing:1px;}
h2 {font-size:25px;margin-bottom:.75em;line-height:1.4;}
h3 {font-size:20px;margin:1.5em 0 .75em 0;}
h4 {font-size:16px;margin-bottom:.75em;}
h5 {font-size:14px;font-weight:bold;}

.units-row .unit-60 {width:100%;}


.content article,.content aside {z-index:1;position:relative;}
.content article {color:#fff;background:#333;padding:6px 20px 20px 20px;margin-bottom:85px;}
.content aside {display:none !important;width:200px;position:absolute;top:194px;right:0;}
.content aside nav a {margin-bottom:2px;}
.content aside nav a {display:block;padding:10px 15px;font-size:16px;letter-spacing:1px;color:#fff;background:#333;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.50);-o-transition:.25s linear;-webkit-transition:.25s linear;-moz-transition:.25s linear;transition:.25s linear;}
.content aside nav a:focus,.content aside nav a:hover {background:rgba(28,20,20,.95);text-decoration:none;margin-left:-5px;}
.content aside nav a.active {cursor:pointer;color:#ffe972;}


article p {font-size:16px;letter-spacing:.5px;line-height:22px;margin-bottom:1em;color:rgba(255,255,255,.9);}
article p a,article h2 a,article h3 a,article h4 a {color:rgba(255,233,116,.9);text-decoration:none;-o-transition:.25s linear;-webkit-transition:.25s linear;-moz-transition:.25s linear;transition:.25s linear;}
article p a:hover {color:#fff !important;}

article ul.col3 {-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-column-gap:10px;-moz-column-column-gap:10px;column-gap:10px;}
ul.col-2,ul.col-3 {margin-left:2px;}
ul .column li {padding-right:7px;}
header nav li.mobile {display:none;}

.widgets {position:fixed;width:200px;right:0;top:120px;z-index:10;}
.widgets.left {left:0;right:auto;}
.widgets .widget {margin-top:10px;text-align:center;}
.widgets .widget:first-child {margin-top:0;}
.widgets .widget > * {max-width:100% !important;}
.widgets .btn {padding:0;width:100%;}

.panel {position:fixed;width:220px;right:-221px;top:120px;z-index:10;}
.panel .tab {padding:14px 40px 16px 40px;font-weight:bold;font-size:16px;text-transform:uppercase;letter-spacing:1px;color:#fff;position:absolute;top:0;left:0;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.50);transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-o-transition:.25s linear;-webkit-transition:.25s linear;-moz-transition:.25s linear;transition:.25s linear;}
.panel .tab:hover {cursor:pointer;}
.panel.closed {box-shadow:1px 0px 3px 0px rgba(0,0,0,0.50);}
.panel.left {left:-221px;right:auto;}
.panel.left .tab {left:auto;right:0;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform-origin:100% 0;-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0;}

.specials article {margin-bottom:3px;background:#333;padding:10px;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.50);}
.specials article:last-child {border-bottom:none;margin-bottom:0;}
.specials article .img-wrp {margin-bottom:3px;position:relative;}
.specials article img {}
.specials article h2 {margin-bottom:3px;font-weight:bold;font-size:14px;text-transform:uppercase;}
.specials article h3 {margin:3px 0;font-weight:normal;font-size:14px;}
.specials article small {display:block;font-size:12px;margin-bottom:3px;}
.specials article .price {float:left;font-weight:bold;}
.specials article .btn {clear:both;float:right;padding:0 20px;height:40px;font-weight:bold;font-size:12px;line-height:40px;text-transform:none;color:#fff !important;}

.controls {margin:20px 0;}
.controls a.btn {display:inline-block;margin-right:10px;border-radius:3px;text-shadow:0px 1px 1px rgba(72,86,87,0.50);}
.controls a.btn:hover {text-shadow:0px 1px 1px rgba(72,86,87,0.80);}

.social-btn {display:block;width:32px;height:32px;position:fixed;left:8px;z-index:9;text-indent:-9999px;background:#333333d9 no-repeat 50% 50% / contain;box-shadow:0px 1px 3px 0px #00000080;}
.social-btn--facebook {background-image:url(../img/facebook.png);top:308px;}
.social-btn--instagram {background-image:url(../img/instagram.png);top:348px;}


/* Campo – Kontaktformulare DE/EN (Update 3.3) */
.content article form {width:100%;max-width:100%;box-sizing:border-box;color:#fff;}
.content article form .form-field {margin:0 0 16px;max-width:100%;}
.content article form .form-label,
.content article form .form-field > label {display:block;color:#fff;font-size:14px;line-height:1.5;margin-bottom:6px;}
.content article form input[type="text"],
.content article form input[type="email"],
.content article form input[type="tel"],
.content article form textarea,
.content article form select {
  display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;
  border:1px solid rgba(255,255,255,.3);border-radius:2px;
  background:rgba(255,255,255,.97);color:#303030;
  padding:10px 12px;font:inherit;font-size:14px;line-height:1.5;
}
.content article form textarea {min-height:145px;resize:vertical;}
.content article form input:focus-visible,
.content article form textarea:focus-visible {outline:2px solid #99cc00;outline-offset:2px;}
.content article form .form-field-checkbox {margin-top:12px;}
.content article form input[type="checkbox"] {width:17px;height:17px;margin:3px 8px 0 0;vertical-align:top;accent-color:#99cc00;}
.content article form .form-field-checkbox label,
.content article form .form-field-checkbox .form-label {display:inline;color:#fff;line-height:1.55;}
.content article form .form-field-checkbox a {color:#c6e87b;text-decoration:underline;}
.content article form button[type="submit"],
.content article form input[type="submit"] {
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;min-height:42px;padding:10px 24px;
  box-sizing:border-box;border:0;border-radius:0;background:#99cc00;
  color:#fff;font:inherit;font-size:13px;font-weight:700;
  line-height:1.4;text-transform:uppercase;cursor:pointer;
}
.content article form button[type="submit"]:hover,
.content article form input[type="submit"]:hover {background:#8fbc00;}
.content article form .form-errors,
.content article form .form-message {line-height:1.5;}
@media (max-width:767px) {
  .content article form input[type="text"],
  .content article form input[type="email"],
  .content article form textarea {font-size:16px;}
}