/* Global properties ======================================================== */
body { background: #fff; width:100%;  padding:0; margin:0;}

/***********************************************************************/
a {text-decoration:none; cursor:pointer;text-decoration:none; color: #c6b067;}
a:hover {text-decoration:none;}
h1, h2, h3, h4, h5, h6, p {font-weight: normal;}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.last {margin-right:0px !important; padding-right:0px !important;}

a.back-to-top {display: none;width: 50px;height: 50px;text-indent: -9999px;position: fixed;z-index: 999;right: 10px;bottom: 20px;
background: #c6b067 url("../img/site/up-arrow.png") no-repeat center 43%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}


/*********************************header*************************************/
header {text-align: center; padding: 0px; margin: 0; width:100%; background:#fff; box-sizing:border-box;}
header #stickyhead {background: #fff; position:fixed; width:100%; height: 100px; top:0px; z-index: 10000;}
header #stickyhead .col-1-5.box-1 img {padding: 5px 0px 15px 0px;}

.mobnav {display: none;}
.mobnav ul {text-align:center; margin: 0; padding: 0;}
.mobnav ul li {display:inline; padding: 0 5px;}
.mobnav a {font-family: 'Insider-MediumRoman';font-size:9px; font-weight: normal; line-height:8px; text-transform:uppercase; color:#c6b067; letter-spacing: 2px;}

.mainnav ul {margin-top: 40px;}
.mainnav ul li {float:left; margin:0 auto;}
.mainnav ul li a {font-family: 'Insider-MediumRoman';font-size:16px; font-weight: normal; line-height:22px; text-transform:uppercase; color:#c6b067; 
display:inline-block; padding: 0px 15px 0px 15px; letter-spacing: 1px; }
.mainnav ul li a:hover {color:#f28d00;}
.mainnav ul li.current a {color:#f28d00;}
.mainnav ul li.current li a{color:#666;}
.mainnav ul li:hover ul,
.mainnav ul li ul:hover {visibility:visible; opacity: 1; transition-delay:0s; -webkit-transition-delay:0s;}

/*SUBMENU*/
.mainnav ul ul {position: absolute; z-index: 200; margin-top: 0px; text-align:left; padding: 0px 0px; border-radius: 5px; 
background: #fff;
border: 1px solid #c6b067; visibility:hidden; opacity:0; 
transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-moz-box-shadow:1px 1px 2px #ddd;
-webkit-box-shadow:1px 1px 2px #ddd;
box-shadow:1px 1px 2px #ddd;}
.mainnav ul ul li {float: none; padding: 3px 25px 3px 0px;  }
.mainnav ul ul li:hover {background: #c6b067; border-radius: 0px;}
.mainnav ul ul li a {color: #666; font-size:14px;}
.mainnav ul ul li a:hover,
.mainnav ul ul li:hover a{color: #f9f9f9;}

/*********************************content*************************************/ 
#content {margin-top: 101px;}

h1 {font-family:'dearJoe6'; font-size: 42px; color: #9e8e83; text-align:center; letter-spacing:1px; margin: 20px auto;}
.col-1-2.box-1 p,
.col-full.box-8 p,
.col-full.box-1 p  {font-family:'VerbCondRegular'; font-size: 16px; line-height: 24px; color: #4a3e40; letter-spacing: 0px; padding: 0px 50px;}

.borderline {margin: 50px auto; width: 100%; background: url(../img/site/borderline.png) repeat-x; text-align: center;}
h2 {width: 45%; margin: 0 auto; text-align: center; font-family:'VerbCondRegular'; font-size: 23px; line-height: 23px; letter-spacing: 1px;}
.col-full.box-1 h2 {color: rgba(0,0,0,0.4); padding: 0px 10px; background: #fff;}

.row.buttons .col-1-3.box-1{text-align:center; margin:auto;}
.butt, .selbutt {text-align: center; font-family:'VerbCondRegular'; font-size: 20px; line-height: 23px; letter-spacing: 1px; padding: 5px; margin: 0 0 30px 0;
border-radius: 3px; background: #ccc; width: 250px; display:inline-block; color: #f9f9f9;}
.selbutt {background: #c6b067; box-shadow: 1px 1px 4px #ccc;}
a .butt:hover {background: #c6b067; box-shadow: 1px 1px 4px #ccc;}

.smallslider .slide {margin: 45px auto; padding: 0px 32px; height: 240px;}
.smallslider .slide h4 {margin: 20px auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 16px; font-style:italic; color: #777;}

.bggold {width: 100%; background: #d8c9ab; text-align: center;}
.bgblue {width: 100%; background: #456e81; text-align: center;}
.bggold .borderline,
.bgblue .borderline {padding-top: 25px; margin: 50px auto 25px auto; width: 100%; background: url(../img/site/borderlinewhite.png) repeat-x; text-align: center; background-position: 0 22px;}
.bggold h2 {color: rgba(255,255,255,0.95); padding: 0px 10px; background: #d8c9ab;}
.bgblue h2 {color: rgba(255,255,255,0.95); padding: 0px 10px; background: #456e81;}
.bggold p {text-align: left; font-family:'VerbCondRegular'; font-size: 14px; line-height: 22px; letter-spacing: 0px; color: #5c3416; margin: 0 30px 22px 0;}
.bgblue p {text-align: left; font-family:'VerbCondRegular'; font-size: 14px; line-height: 22px; letter-spacing: 0px; color: rgba(255,255,255,0.8);}
.bggold .motiv {width: 489px; float: right; text-align:center; margin: 0 auto 35px auto; border: 4px white solid; -moz-box-shadow:1px 1px 2px #999; 
-webkit-box-shadow:1px 1px 2px #999; box-shadow:1px 1px 2px #999;}
.bggold .hinweise {float: right; width: 489px;}
.bggold .hinweise h3 {color: #f9f9f9;}
.bggold .hinweise a {color: #f9f9f9; letter-spacing: 1px;}
.bggold .borderline-bottom,
.bgblue .borderline-bottom {padding-bottom: 25px; margin: 0px auto 25px auto; width: 100%; background: url(../img/site/borderlinewhite.png) repeat-x;}

h3 {font-family:'dearJoe6'; font-size: 21px; color: #9e8e83; text-align:center; letter-spacing:1px; margin: 20px auto 10px auto;}
.listing ul {margin: 0 0 0 30%; list-style-type:square;}
.listing li {text-align: left; font-family:'VerbCondRegular'; font-size: 14px; line-height: 20px; color: #5c3416;}

.bggrey {width: 100%; background: #f5f5ef; text-align: center;}
.bggrey .borderline {padding-top: 25px; margin: 50px auto 25px auto; width: 100%; text-align: center; background-position: 0 22px;}
.bggrey h2 {color: rgba(0,0,0,0.4); padding: 0px 10px; background: #f5f5ef;}
.bggrey ul {margin: 0 0 0 15%; list-style-type:square;}
.bggrey li,
.bggrey h4,
.bggrey p {text-align: left; font-family:'VerbCondRegular'; font-size: 14px; line-height: 24px; color: #363636;}
.bggrey .map {width: 489px; float: right; text-align:center; margin: 0 auto 20px auto; border: 1px #a7a7a3 solid;}
.bggrey .borderline-bottom {padding-bottom: 25px; margin: 0px auto 25px auto; width: 100%; background: url(../img/site/borderline.png) repeat-x;}
.bggrey h4 {color: #363636;font-weight: bold; letter-spacing: 1px;  text-align:center; border-bottom: 1px solid #ccc;margin: 0px 20px; padding: 5px 5px;}
.bggrey p { text-align:left; margin: 5px 20px; padding: 5px 5px; border-bottom: 1px solid #ccc;}
.bggrey p span {float: right;}
.bggrey li {margin-left: 25px;}

.prices li {font-family: 'Courier New', Courier, monospace; font-size: 14px; line-height: 20px; color: #5c3416;}
.prices p {font-family: 'VerbCondRegular'; font-size: 11px; line-height: 13px; color: #696969; margin: 12px 0 0 0;}

.kontaktform {padding: 30px; float:right;}
.kontaktform .success,
.kontaktform .error { padding: 50px 0px; font-family:'VerbCondRegular'; font-size: 14px; line-height: 20px; color: #fff;}
.bgblue .col-1-2.box-3 {padding-bottom: 50px;}
.bgblue .col-1-2 h5 {font-family:'dearJoe6'; font-size: 17px; color: rgba(255,255,255,0.7); text-align:left; letter-spacing:1px; margin: 0px;}
.bgblue .infotext {margin: 50px 100px 75px 0px; letter-spacing:1px;}
.bgblue img.kontaktlogo {margin-left: -90px;}
p.hinweis {text-align:center; font-size:9px; margin-top: 5px; clear:both;}
.checkbox {width: 20px; margin: 0px;}

.galleryframe {text-align: center;}
.galleryframe > a > div {display: inline;}
.galleryframe > a > div span {display:none;}
.featherlight-inner p {font-family: 'VerbCondRegular'; font-size: 11px; line-height: 11px; color: #696969; padding: 5px 0px;}
.galleryframe .thumbnail img{display: inline; height: auto; height: 122px; width: 150px; padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd;
border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; clear:both; margin:5px;}

body.impressum {text-align:center;}
body.impressum .justify{width: 80%; text-align:justify; padding: 0 10%;}
body.impressum .justify h3 {font-family: 'VerbCondRegular'; font-size: 13px; line-height: 13px; color: #696969; margin: 12px 0 0 0;}
.col-full.box-8 {border: 1px dotted #ccc;}
.col-full.box-8 p {font-size: 13px; line-height: 16px; margin-bottom: 13px;  padding: 10px 50px;}
.col-full.box-8 b {line-height:18px;}

.prices .box-info p {text-align:left; font-size: 11px; margin-top: 0px; padding: 0px 15px;}

#wrapper { margin:0 auto; border-top:none; text-align:left;}
#wrapper a {font-weight:bold; color: #fff;}
#lightbox { position:fixed; top:0;  left:0; width:100%;height:100%; background: rgba(0,0,0,0.8); text-align:center; z-index: 100000;}
#lightbox p {text-align:center; color:#fff;margin:20px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#lightbox img {box-shadow:0 0 25px #111;max-height: 90vh;}
#lightbox #contentLB {margin-top: 0;}

.tmbLB {height: 50px; margin-left: 15px; vertical-align:middle;}

/*********************************footer*************************************/

.copyright {text-align: center; font-family:'VerbCondRegular'; font-size: 10px; line-height: 14px; color: #5c3416; padding: 0 0 25px 0;}
.copyright a {color: #D45F55;}