@charset "UTF-8";
/*
Theme Name: Prefix
Theme URI:
Author: The Author is not defined in the style.css header.
Author URI:
Description: The Description is not defined in the style.css header.
Version: 0.0.1
License: The License is not defined in the style.css header.
License URI: The License URI is not defined in the style.css header.
Tags: 
Text Domain: default
Tested up to: 
Requires PHP: 
*/

xbody {
	margin: 0;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	background-color: #FFF;
}

a {
	/* text-decoration: none; */
}

a:hover {
	text-decoration: underline;
}

.wp-site-blocks {
	padding: 0;
}

/* ADMIN */
.is-root-container {max-width: 1020px; margin-left: auto; margin-right: auto;padding-right: 0; padding-left:0;padding-top: 140px;}
.is-root-container > * {max-width: 720px}

/**/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
*{box-sizing:border-box}
p{hyphens:auto}
.wrapper{width:1020px;margin:0 auto;display:table}

/* HEADER */
header{margin-top:30px;display:table}
.brand-header a{display:block}
.brand-header img{width:120px;height:120px}
header input[type=checkbox]{display:none}

/**/
section.main-content{display:table;width:100%}
.container{display:table;position:relative}
.layout-right{width:240px;margin-left:720px}
.layout-left{width:720px;margin-right:240px;text-align:right}

/* Main content */
h1{font-family:'URW Didoni W01 Normal';font-size:4em;line-height:1em;font-weight:500;letter-spacing:-.01em;margin:0 0 20px}
h2{width:100%;font-family:'Helvetica Neue LT W01_85 Heavy';font-size:1.5em;line-height:1.5em;letter-spacing:0;margin:10px 0 5px}
p,ol{font-family:'Helvetica Neue LT W01_35 Thin';font-size:1.05em;line-height:1.4em;letter-spacing:.05em;margin-bottom:1em;text-align:justify}

ul.stelle,
.stelle ul {
  font-family: 'Helvetica Neue LT W01_35 Thin';
  font-size: 1.05em;
  line-height: 1.4em;
  letter-spacing: .05em;
  padding-bottom: 1em;
  text-align: left !important;
}

.wrapper.right .main-content p,ol{text-align:right}
.main-content a{font-family:'Helvetica Neue LT W01_35 Thin';color:#000;text-decoration:underline}
.main-content a:hover{text-decoration:none}
.main-content em{font-style:italic}
.main-content strong{font-family:'Helvetica Neue LT W01_85 Heavy'}

.main-content ul.flatdata{display:table;width:100%;padding-right:15px;margin:30px 0 20px;border-right:1px dotted #000}
.main-content ul.flatdata li{font-family:'Helvetica Neue LT W01_35 Thin';font-size:1em;text-align:right;line-height:1.8em;display:block;width:30%;float:right}
.main-content ul.flatdata li span{font-family:'Helvetica Neue LT W01_65 Md'}

.footer{margin-top:7%;margin-bottom:10%}

.navbar-default{font-family:'Helvetica Neue LT W01_85 Heavy';font-size:1.2em;line-height:1.5em;letter-spacing:.02em;margin-top:15px;margin-bottom:15px}
.navbar-footer{width:60%;font-family:'Helvetica Neue LT W01_35 Thin';font-size:1em;line-height:1.4em;border-top:1px solid #000;letter-spacing:.07em;padding-top:15px}

.nav {
	list-style-type: none;
	padding: 0;
}

.nav li a {
	padding: 2px 4px;
	color: #000;
	text-decoration: none;
}

.nav li a:hover{
	text-decoration: underline;
}

body.page-id-2 a[data-id="2"],
body.page-id-15 a[data-id="15"],
li.current-menu-item a {
	color: #fff !important;
	background-color: #000;
}

body.page-id-2 a[data-id="2"]:hover,
body.page-id-15 a[data-id="15"]:hover,
li.current-menu-item a:hover {
	text-decoration: none;
}

/* flatnav */
div.flatnav{width:40px;display:table;position:absolute;top:90px;right:-80px;margin:10px 0 5px}
div.flatnav ul li{width:40px;height:40px;background-color:#fff;display:block;float:none;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}
div.flatnav ul li:hover{box-shadow:0 5px 10px rgba(0,0,0,.25),0 2px 5px rgba(0,0,0,.22);transform:scale(1.06)}
div.flatnav ul li.current-menu-item{background-color:#000;box-shadow:0 5px 10px rgba(0,0,0,.25),0 2px 5px rgba(0,0,0,.22);transform:scale(1.15)}
div.flatnav ul li a{display:block;width:100%;height:100%;font-family:'URW Didoni W01 Normal';font-size:1.1em;color:#000;text-align:left;text-decoration:none;padding:5px}
div.flatnav ul li.current-menu-item a{color:#fff}

/*
.teaser-collection a.teaser-wrapper{display:table;color:#000;text-decoration:none;margin:0 0 30px}
.teaser-collection .teaser{float:right;position:relative;overflow:hidden;padding:20px 20px 30px;border:none;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}
.teaser-collection .teaser.main{padding:0}
.teaser-collection .teaser.main div.teaser-content{padding:20px;padding:20px 20px 30px 20px}
.teaser-collection .teaser h1{font-size:3em}
.teaser-collection .teaser h2{font-size:1.8em;margin-bottom:10px}
.teaser-collection .teaser p{padding-bottom:15px;letter-spacing:.06em}
.teaser-collection .teaser span.morelink{font-family:'Helvetica Neue LT W01_36 Th It';text-decoration:none;color:#000}
.teaser-collection .teaser:hover{box-shadow:0 10px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);transform:scale(1.02)}
.teaser-collection .teaser span.morelink:hover{text-decoration:underline}
*/

/* kachel */
.kachel {position:relative;color:#000;margin-bottom:30px;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.kachel:hover{box-shadow:0 10px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);transform:scale(1.02)}
.kachel h1{font-size:3em;margin-top:0; padding-top: 20px; padding-right: 20px; padding-left: 20px;}
.kachel h2{font-family:'Helvetica Neue LT W01_85 Heavy';font-size:1.8em;margin-top:0;margin-bottom:10px;padding-top: 20px; padding-right: 20px; padding-left: 20px;}
.kachel h2 > a{font-family: inherit !important;}
.kachel a{text-decoration:none !important}
.kachel h1 a::after,
.kachel h2 a::after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0,0,0,0);
}
.kachel p{padding-bottom:15px;letter-spacing:.06em;padding-right: 20px; padding-left: 20px; }
.kachel p:last-of-type{font-family:'Helvetica Neue LT W01_36 Th It';font-style:italic;padding-bottom:30px;text-align:right;text-decoration:none;color:#000}

/* Pagination */
section.page-links{border-top:1px dotted #000;margin-top:50px}
section.page-links h2{margin-top:25px}
section.page-links ul{margin-top:5px}
section.page-links ul li a{font-family:'Helvetica Neue LT W01_35 Thin';font-size:1.1em;color:#000;text-decoration:none;line-height:1.5em}
section.page-links ul li a:hover{color:#000;text-decoration:underline!important}

/* */
form#contact{font-family:'Helvetica Neue LT W01_35 Thin';font-size:1em;line-height:1.4em;letter-spacing:.03em;padding-top:0;margin-top:0;padding-bottom:1em}
form#contact input,textarea{font-family:'Helvetica Neue LT W01_35 Thin';font-size:.8em;line-height:1.4em;letter-spacing:.03em;background-color:rgba(204,204,204,.3);padding:10px;border:0;min-height:40px;width:100%;text-align:left;outline:none}
form#contact textarea{min-height:12em}
form#contact button{float:right;font-family:'Helvetica Neue LT W01_65 Md';font-size:.8em;line-height:1.4em;letter-spacing:.03em;background-color:#000;color:#fff;padding:10px;border:none;cursor:pointer;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all .1s ease}
form#contact button:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
form#contact .form-label{margin:0 0 .3em}
form#contact .form-field{margin:0 0 1em;padding:0 0 0 1.5%;text-align:left}
form#contact .form-field:nth-of-type(1),.form-field:nth-of-type(2){width:30%;float:left}
form#contact .form-field:nth-of-type(3){width:40%;float:left}

/* Map */
#map{height:450px;margin-top:10px;margin-bottom:50px}
.maps-infowindow{padding:4% 4% 4% 0;display:table}
.maps-infowindow a{text-decoration:none;color:#000;display:block}
.map-infowindow-img{padding-right:2%;float:left}
.maps-link{line-height:3em}
.maps-link:hover{text-decoration:underline}

/* Notices */
.notices{padding:1px 1px 1px 30px;margin:15px 0}
.notices.yellow{border-left:10px solid #f0ad4e;background:#fcf8f2;color:#df8a13}
.notices.red{border-left:10px solid #d9534f;background:#fdf7f7;color:#b52b27}
.notices.blue{border-left:10px solid #5bc0de;background:#f4f8fa;color:#28a1c5}
.notices.green{border-left:10px solid #5cb85c;background:#f1f9f1;color:#3d8b3d}

div.blog-teaser{margin-bottom:30px}
div.blog-teaser a.teaser-wrapper{margin-bottom:0}

div.blog-details-wrapper{display:table;width:100%;font-family:'Helvetica Neue LT W01_35 Thin';font-size:.9em;line-height:1.4em;padding:10px 20px 20px;border-top:1px dotted #999}
div.blog-details-wrapper ul.blog-details-tags{display:block;float:left}
div.blog-details-wrapper ul.blog-details-tags li{display:inline;letter-spacing:.03em;text-align:left;color:#000}
div.blog-details-wrapper ul.blog-details-tags li a{text-decoration:none;color:#000}
div.blog-details-wrapper ul.blog-details-tags li a:hover{text-decoration:underline}
div.blog-details-wrapper ul.blog-details-tags li a:visited{text-decoration:none}
div.blog-details-wrapper span.blog-details-date{display:block;float:right}
div.blog-details-wrapper.single{padding:15px 0 5px;margin-bottom:30px;border-top:none;border-bottom:1px dotted #666}
div.tags-nav{display:table;position:absolute;width:150px;top:90px;right:-170px;z-index:100;font-family:'Helvetica Neue LT W01_35 Thin';font-size:1em;line-height:1.4em;letter-spacing:.03em;text-align:left}
div.tags-nav ul li a{text-decoration:none;color:#000}

ul.pagination li,
ul.pagination li a,
ul.pagination li a:visited{font-family:'Helvetica Neue LT W01_35 Thin';font-size:1.05em;line-height:1.4em;letter-spacing:.05em;text-decoration:none;color:#000;border:0}
ul.pagination a,
ul.pagination span{padding:4px 5px}
ul.pagination li a:hover{text-decoration:underline}
ul.pagination li.active span{font-family:'Helvetica Neue LT W01_85 Heavy';font-size:1.1em}

div.tags-nav ul li a:hover{text-decoration:underline}
div.tags-nav ul li a.active{font-family:'Helvetica Neue LT W01_65 Md'}

.booking .container{display:block;position:static}
.booking .container .main-content{min-height:600px}
.booking .container .panel-collapse{text-align:left}

@media print {
	.wrapper{width:700px}
	.layout-right{display:none}
	.layout-left{padding-right:20%;text-align:justify}
	.main-content p,ol{font-size:.8em;line-height:1.3em;letter-spacing:.04em;padding-bottom:1.3em}
	h2:nth-of-type(12){page-break-before:always}
}

@media only screen and (min-width:320px) and (max-width:1024px) {
	div.tags-nav{position:relative;right:0;top:0;width:100%;padding-left:21%;text-align:left}
	div.tags-nav a{line-height:1.7em;text-align:left;float:left;width:50%}

	span.blog-detail{text-align:right;width:10%}
	span.blog-detail-tag{width:50%;float:left;text-align:left}
	span.blog-detail-tag a{text-align:left}

	#map{height:350px}
	.maps-infowindow{margin:0 auto;width:170px;line-height:1em}
	.map-infowindow-img{width:100%;float:none}
	div.maps-infowindow h2{margin:0;padding-top:10px}

	/* BOOKING */
	#protelAirWbeLoader img{width:36px;height:36px;margin:20px}

	.wrapper,
	.layout-left,
	.layout-right,
	.main-content,
	.main-content p,
	.wrapper.right .main-content p,
	.main-content ul.img-gallery,
	header,
	footer,
	img,
	a,
	article{width:100%;margin:0;padding:0;text-align:center}
	
	p img{width:30%;margin:0 0 15px 5px}
	.main-content p,ol{padding-bottom:1em}
	.main-content h1{font-size:2.5em;padding:30px 0 0}

	div.wrapper.teaser-collection.flats h1{font-size:2.3em}
	.main-content h2{line-height:1.2em;font-size:1.2em;margin:15px 0 20px}
	.layout-left{padding:3% 3% 0}
	div.wrapper.flats section.page-links ul li a{font-size:1em}

	section.page-links ul li{line-height:40px}

	.main-content .teaser h1{font-size:2.5em}
	.main-content .teaser h2{font-size:1.3em}

	.main-content ul.img-gallery{padding-left:5px;margin-top:25px}
	.main-content ul.img-gallery li.visible:nth-of-type(1){width:100%}
	.main-content ul.img-gallery li.visible{width:50%;padding:0 5px 5px 0;margin:0}
	.main-content ul.img-gallery li div.image-wrapper{margin:0 auto}

	div.news-section p img{float:none;padding:0}
	.main-content ul.flatdata li{width:50%}

	header{text-align:center;margin:0 auto;border-bottom:1px #000 solid}
	.navbar .container{margin:0 auto;display:table}

	.brand-header img{width:60px;height:60px;float:right;margin:3%}
	.navbar{display:none;z-index:100}
	.container{width:100%}

	input.mobilenav{display:none}
	label.menu-icon-label{display:block;width:40px;height:60px;background-color:transparent;background-image:url(https://block-library.org/wp-content/uploads/2023/06/menu-icon-sb.svg);background-repeat:no-repeat;background-position:center center;position:absolute;left:1em;top:0;margin:3%;z-index:5}
	input[type=checkbox]{display:none;background:transparent}
	input[type=checkbox]:checked~.navbar{display:block;height:auto}

	.navbar-nav.navbar-right li{height:2em;text-align:center}
	.navbar-nav.navbar-right{padding:0}

	div.flatnav{position:relative;width:100%;left:0;top:0;float:left;margin-bottom:20px}
	div.flatnav ul li{float:left;margin-left:10px}

	.navbar-footer{float:right;margin-top:10%;width:100%}
	.navbar-footer li{height:40px;text-align:center}

	.nav.navbar-right{text-align:right;padding:30px 0}

	form#contact .form-field,
	form#contact .form-field:nth-of-type(1),
	form#contact .form-field:nth-of-type(2),
	form#contact .form-field:nth-of-type(3){width:100%}

	article.main.agb .main-content{text-align:right}
}
@media only screen and (min-width:320px) and (max-width:1024px) and (orientation:landscape) {
	div.tags-nav{position:relative;margin:0 auto;left:0;right:0;padding-left:14%;text-align:center}
	div.tags-nav a{float:left;width:25%;text-align:left}

	.main-content ul.flatdata li{width:30%}
	
	.main-content ul.img-gallery li div.image-wrapper{margin:0 auto;display:block}
	.main-content ul.img-gallery li.visible{width:33.2%}
	.main-content ul.img-gallery li.visible:nth-of-type(1){padding-right:8px}
}
@media only screen and (min-width:768px) and (orientation:portrait) {
	.main-content ul.img-gallery li.visible:nth-of-type(1){padding-right:8px}
	.main-content ul.img-gallery li.visible{width:33.2%}
	.main-content ul.flatdata li{width:30%}
}
@media only screen and (min-width:320px) and (orientation:portrait) {
	.main-content h2{margin-bottom:10px}
}
/**/