/*
Theme Name: Mike
Description: Mike 1
Author: Roland Trebo & Mike Ruh
Author URI: http://projectr.it
Version: 1.0
Tags:
*/
/* cantarell-regular - latin */
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  src: url('../mike/fonts_1/cantarell-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../mike/fonts_1/cantarell-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */           
       url('../mike/fonts_1/cantarell-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../mike/fonts_1/cantarell-v15-latin-regular.svg#Cantarell') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  src: local(''),    
	   url('../mike/fonts_1/cantarell-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../mike/fonts_1/cantarell-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */     
 font-display: swap;
}

/* cantarell-700 - latin */
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 700;
  src: url('../mike/fonts_1/cantarell-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../mike/fonts_1/cantarell-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */     
       url('../mike/fonts_1/cantarell-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../mike/fonts_1/cantarell-v15-latin-700.svg#Cantarell') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 700;
  src: local(''),   
	   url('../mike/fonts_1/cantarell-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../mike/fonts_1/cantarell-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */      
	font-display: swap;
}



html, body {margin:0;padding:0;}
body {background: url('./img/bg101.jpg') top center;margin:0;font-family:verdana,arial,sans-serif;font-size:13px;line-height:1.6em;}
#header {margin-top:0px;z-index:5;}
.headerbar {background: url('./img/bgheaderbar.png') repeat-x;height:45px;z-index:12;position:relative;margin-top:40px;}
.headerimg {width:100%;height:485px;margin:-458px auto 0 auto;z-index:11;max-width:100%;text-align:center;}
.headerimg img {width:100%;}
.slidecontrols {width:1110px;margin:158px auto 0 auto;position:relative;z-index:100;height:242px;}
.slidestyle {position:absolute;top:-2px;left:50%;transform: translate(-50%, 0px);}

.secondnav ul {position:relative;width:100%;margin:0;text-align:right;padding:0;padding-top:15px;margin-top:-87px;}
.secondnav ul li {list-style:none;display:inline;margin-right:20px;}
.secondnav ul li:last-child {margin-right:30px;}
.secondnav ul li a {text-decoration:none;color:#666;}
.secondnav {width:1110px;margin:0 auto;padding:0;}

#hwrap {width:1170px;margin:0 auto;position:relative;z-index:101;}
.logo {position:relative;top:-46px;width:357px;z-index:55;margin:0 auto;margin-right:753px;margin-left:15px;}
#logoimage {width:357px;height:132px;background: url('./img/sprite.png') -3px -5px;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1.0, 1.0);}
#logoimage img {width:357px;height:132px;}

.menu2 {display:none;}
.menu .sub, .menu2 .sub {font-size:10px;margin-top:-19px;display:block;height:0px;}
.menu .sub {margin-top:-27px;font-size:10px;color:#666;}
.menu2 ul ul .sub {margin-top:-10px;}
.menu ul ul .sub {margin-top:-24px;}
.menu, .menu2 {width:1100px;margin:0 auto;background:rgba(255,255,255,0.7);height:80px;margin-top:-141px;z-index:45;position:relative;}
.menu ul, .menu2 ul {list-style:none;right:0;position:relative;padding-top:35px;margin-left:460px;}
.menu ul li, .menu2 ul li {display:block;float:left;line-height:42px;height:42px;padding-bottom:4px;position:relative;}
.menu ul li {text-align:center;white-space:nowrap;font-size:16px;height:41px;}
.menu ul li:hover {border-bottom:5px solid #345199;}
.menu ul li ul li:hover {border-bottom:2px solid #628aec;}
.menu ul li a, .menu2 ul li a {text-decoration:none;color:#000;padding-right:10px;padding-left:10px;display:inline-block;}
.menu ul li:before { background: url('./img/sprite.png') -542px -110px;content:"\00a0";width:30px;line-height:45px;}
.menu ul li ul {padding-top:14px;margin-left:0;display:none;padding-left:0;position: absolute;left:0;width:180px;top:40px;}
.menu ul li ul li {display:block;height:30px;line-height:35px;border-bottom:1px solid #928d89;background:#fff; opacity: .8;background-image:none;min-width:150px;margin-bottom:5px;}
.menu ul li ul li::before {background-image:none;line-height:38px;}
.menu ul li:hover ul {display:block;}
.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {padding:7px;border-radius:0px;border:1px;border-style:solid;border-color:#d9d2cb;}
.wpcf7-text, .wpcf7-textarea {color:#998f83;}
.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form textarea {width:100%;}
form.wpcf7-form {width:50%;float:left;}
.caddress {float:right;width:40%;margin-top:20px;}

.p2 .gallery {width:50%;float:right;margin-left:20px;}
.p2 .gallery-columns-2 .gallery-item {width: 100%;display:none;}
.p2 .gallery-columns-2 .gallery-item:first-child {display:block;}
.subfooter {text-align:left;font-size:11px;margin-top:28px;}

.pwohnungen .gallery-item {display:none;}
.pwohnungen .gallery-item:first-child, .pwohnungen .gallery-item:nth-child(2) {display:block;}

.preisbox {margin-bottom:40px;overflow:hidden;}
.preisbox .preistext {width:49%;float:left;margin-right:1%;}
.preisbox .preistexti {background:#f1ede7;padding:10% 6% 6%;z-index:1}
.preisbox .preistext2 {background:#fff;padding:10px 40px;}
.preisbox .plan {width:50%;text-align:center;margin-left:50%;}
.preisbox .plan img {max-width:70%;height:auto;}
.preisbox .preislogo {width:230px;height:80px;margin:0 auto;background: url('./img/sprite.png') -400px -344px;margin-bottom:-25px;z-index:2;position:relative;}

#main {width:1110px;margin:0 auto;margin-top:98px;padding-left:30px;padding-right:30px;background: url('./img/bgmain.png') 0px 0px repeat-x;background-size:420px;z-index:13;}
h1 {font-family:'Cantarell', arial;text-align:center;margin-top:0;padding-top:40px;margin-bottom:40px;font-weight:normal;font-size:30px;color:#998f83;line-height:34px;margin-left:165px}
h2 {font-family:'Cantarell',arial;font-size:26px;line-height:26px;text-shadow: 4px 3px 3px #dacfc2;font-weight:normal}
h3 {font-family:'Cantarell',arial;font-weight:normal;font-size:21px;line-height:25px;color:#998f83;margin-top:0;margin-bottom:0;}
.fboxtxt {padding:10px;font-size:13px;text-align:center;padding-top:0;}
.fboxtxt p {margin-top:5px;}
#footera {background:#f5f0e9;width:1400px;margin:0 auto;max-width:100%;}
#footer {background: url('./img/bgfooter.png') bottom left repeat-x;height:140px;position:relative;width:1400px;margin:0 auto;max-width:100%;}
.boxen {overflow:hidden;}
.fboximg img {width:100%; height:auto;}
.fboximg a img {transition:transform 0.2s ease-out 0s;}
.fboximg a:hover img {transform:scale(1.05);}
.gmap {margin-left:-30px;overflow:hidden;margin-right:-25px;margin-bottom:50px;background:#fff;padding-top:50px;}
.gmap img {width:100%;height:auto;}
.ftitle {text-align:center;font-size:28px;font-weight:normal;margin-bottom:50px;}
ul.boxen {margin:0;padding:0;list-style:none;}

#post-2 {text-align:center;}
.anfragebox2 {border-bottom:5px solid #345199;padding-bottom:10px;margin-left:25px;padding-top:15px;}
.anfragebox a {color:#000;text-decoration:none;font-size:16px;}
.clear {clear:both;}
.morelink {}
#page {overflow:hidden;position:relative;z-index:10}
.js .nav-collapse.opened {overflow:visible;font-size:28px;padding-bottom:6px;}
.anfragebox:before {background: url('./img/sprite.png') -539px -3px;content:" ";height:96px;width:11px;display:block;float:left;line-height:30px;font-size:20px;}
.anfragebox {width:135px;float:right;padding:25px;padding-left:0;padding-right:0;margin-top:50px;text-align:center;margin-left:25px;margin-bottom:20px;}
.page-id-13 .anfragebox {display:none;} 
.page-id-13 h1{margin-left:0px;}
.page-id-2547 .anfragebox {display:none;} 
.page-id-2547 h1{margin-left:0px;}

blockquote {margin:0;}
.morelink {text-decoration:none;color:#998f83;margin-right:150px;}
#footer {padding:20px 0px;}
#footer #col1, #footer #col2 {float:left;line-height:23px;}
#footer #col0 {display:none;}
#innerfooter {width:1110px;margin:0 auto;}
#footer #col3 img, #footer #col0 img {max-width:100%;}
.gmap {width:1170px;}
.fboximg {background: url('./img/sprite.png') -555px -200px;padding-bottom:21px;overflow:hidden;}
#logofooter {width:357px;height:132px;background: url('./img/sprite.png') -3px -154px;margin-top:-19px;}
.tel {background: url('./img/sprite.png') -553px -108px;width:28px;height:20px;display:block;float:left;margin-right:3px;}
.email {background: url('./img/sprite.png') -553px -70px;width:28px;height:20px;display:block;float:left;margin-right:3px;}
br {clear:both;}
#prev {background: url('./img/sprite.png') -361px -73px;width:36px;height:64px;float:left;}
#next {background: url('./img/sprite.png') -361px -6px;width:36px;height:64px;float:right;}

.schzent .fanfrage, .schzent .fbuchung, .schzent .fmail, .schzent .fphone {width:49%;float:left;height:62px;text-align:center}
.schzent .fanfrage, .schzent .fbuchung {padding-top:20px;}
.schzent .fmaili {width:90px;height:62px;margin:0 auto;background: url('./img/sprite.png') -772px -67px;}
.schzent .fphonei {width:127px;height:62px;margin:0 auto;background: url('./img/sprite.png') -867px -67px;}
.schzent .fmail, .schzent .fphone {}
.schzent {margin-bottom:40px;overflow:hidden;margin-top:40px;display:none;}
.schzent a {text-decoration:none;color:#000;}
.schzent .fanfrage a, .schzent .fbuchung a {padding-bottom:10px;border-bottom: 5px solid #345199;}
.secondnavmobile {display:none;}
.gallery-columns-2 .gallery-item {width:50%;float:left;}
.gallery-columns-2 .gallery-item img {width:98%;height:auto;margin:2%;}
dd {margin-left:0px;}
.gallery-columns-2 .gallery-item img {margin-left:0;margin-right:4%;}
#gallery-4 {width:50%;float:right;}
#gallery-4 .gallery-item {width:100%;margin-left:20px;display:none}
#gallery-4 .gallery-item:first-child {display:block;}
#gallery-4 .gallery-item:nth-child(2) {display:block;}
#gallery-4 br {display:none;}

#col2 .subfooter {display:none;}
.wpcf7-list-item {display:block;}
a {color:#998f83}

.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignright {display: block; margin-left: auto; margin-right: 10px;}
.wp-caption-text {font-size:12px;margin-top:-12px;}
.page-template-front-page h1 {margin-left:0;}

#breadcrumbs {font-size:11px;}
		
@media only screen and (max-width: 1279px) {
	#post-2 {text-align:center;}
	#hwrap {margin-top:143px;width:980px}
	.menu {width:980px;margin-top:-192px;}
	.secondnav {width:900px;margin-bottom:53px;}
	.secondnav ul {margin-top:-232px}
	.logo {width:300px;top:-97px;}
.headerbar {margin-top:50px;}
	.logo img {width:250px;top:-113px}
	#logoimage {background-position:-2px -3px;width:358px;height:134px;}
	.menu ul {margin-left:375px;}
	.headerimg {width:980px;height:340px;margin-top:-315px;}
	#footer{width:100%;margin-bottom:100px;}
	.headerimg img {width:1280px;}
	#main {width:940px;padding-left:20px;padding-right:20px;margin-top:0px;background-position:0 0;}
	#innerfooter {width:940px;}
	.slidecontrols {width:980px;height:200px;margin-top:55px;}
	h1 {padding-top:20px;}
	.gmap {width:980px;margin-left:-20px;margin-right:0;}
	.fboximg {background: url('./img/sprite.png') -478px -171px;background-size:860px;}
	#logofooter {width:301px;background-position:-639px -142px;}
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
	#post-2 {text-align:left;}
	h1 {text-align:left;margin-left:0;padding-top:0;font-size:24px;line-height:29px;}
	#hwrap {margin-top:225px;width:730px}
	#header {height:288px;}
	.anfragebox {margin-top:0;padding-top:5px;padding-bottom:5px;}
	.menu {width:730px;margin-top:-145px;}
	.secondnav {width:730px;font-size:12px;}
	.secondnav ul {margin-top:-320px;}
	.gmap {margin-bottom:0;}
	.menu ul, .menu2 ul {padding-top:35px;}
	.menu ul li, .menu2 ul li {padding-bottom:4px;font-size:14px;}
	.footerclaim h2 {margin-bottom:20px;}
	.logo {width:230px;top:-69px}
	#logoimage {background-size:1000px auto;background-position:-406px -154px;width:225px;height:86px;}
	#logoimage img {width:225px;height:86px;}
	.menu ul {margin-left:184px;}
	.menu ul li:before {line-height:40px;}
	.menu ul li ul li:before {line-height:35px;}
	.headerimg {width:730px;height:252px;margin-top:-262px;}
	#footer{width:100%;height:260px;}
	.headerimg img {width:900px;}
	.gmap {padding-top:30px;}
	#main {width:690px;margin-top:50px;background-position:0 0;padding-top:20px;line-height:22px;}
	#innerfooter {width:690px;}
	.gmap {width:730px;margin-left:-20px;margin-right:0;}
	.fboximg {background: url('./img/sprite.png') -341px -121px;background-size:615px;padding-bottom:13px;}
	.menu ul li a, .menu2 ul li a {padding-left: 8px;padding-right: 8px;}
	.slidecontrols {width:730px;height:155px;}
	#prev, #next {background-size:630px;background-position:-226px -46px;width:24px;height:41px;}
	#next {background-position:-226px -3px;}
	.morelink {margin-right:10px;}
	#logofooter {width:301px;background-position:-639px -154px;height:111px;margin-top:0;margin-left:-2px;}
	#footer #col1, #footer #col2 {width:50%;margin-left:0;}
	#footer #col2 {margin-top:-12px;}
	#footer #col3 {position:absolute;}
	#col1 .subfooter {display:none;}
	#col2 .subfooter {display:block;}
	.preisbox .plan {margin-top:100px;}
}

@media only screen and (max-width: 767px) {
	.menu {display:none;}
	.menu2 {display:block;}
	#post-2 {text-align:left;}
	h1 {text-align:left;margin-left:0;}
	.logo {top:-130px;width:200px;margin-left:25px;}
	#logoimage {background-position:-406px -242px;width:225px;height:84px;}
	#logoimage img {width:190px;height:85px;}
	#logofooter {margin:0 auto;}
	.slidecontrols {display:none;}
	#hwrap {margin-top:27px;width:100%;}
	.nav-toggle {background: url('./img/sprite.png') -715px -72px;display:block;float:right;height:37px;overflow:hidden;text-indent:-9999px;width:38px;margin-top:-157px;z-index:20;position:absolute;border-bottom:5px solid #345199;right:0;}
	/* Left Navi */
	/* .nav-toggle {left:0;} */
	.nav-toggle:hover, .nav-toggle.active {background: url('./img/sprite.png') -667px -72px;}
	#header {height:320px;}
	.headerimg {width:768px;height:auto;max-width:100%;margin-left:0px;display:block;margin-top:-121px;}
	#footer{width:100%;padding-left:0px;padding-right:0px;}
	.headerimg img {min-width:768px;width:768px;min-height:auto;transform: translate(-50%, 0);}
	.headerbar {margin-top:70px;}
	#main {width:94%;padding-left:3%;padding-right:3%;background-image:none;background:#fff;margin-top:-18px;padding-top:20px;}
	#innerfooter {width:94%;}
	
	.menu2 {width:85%;margin-left:15%;margin-top:-100px;position:absolute;height:auto;font-size:15px;line-height:40px;background:url('./img/bgmenu2.png');}
	.menu2 ul li {display:block;background:url('./img/bgnavi.png') no-repeat 10px 4px;}
	/* Left Navi */
	/* .menu2 {margin-left:0;} */
	.js .nav-collapse.opened {font-size:15px}
	.menu2 ul {margin-left:20px;padding-top:10px;}
	.menu2 ul li {display:block;}
	.menu2 ul li ul li:last-child {padding-bottom:0;}
	.nav-collapse.opened.menu2 ul li ul {display:none;}
	.nav-collapse.opened.menu2 ul li:hover ul {display:block;}
	.secondnav {display:none;}
	.fboximg {background:#f3ebe0;}
	.fboximg img{margin: 0 25%;width:50%;display:block;}
	.menu2 ul li {height:auto;line-height:34px;}
	.menu2 ul li {background:url('./img/bgnavi.png') no-repeat 10px 4px;}
	.menu2 ul li a {border:none;}
	.menu2 ul li:hover {border:none;}
	.menu2 ul li:before {content:"\00a0";width:13px;line-height:22px;display:block;float:left;}
	.menu2 ul li.menu-item-has-children::before { background: url('./img/sprite.png') -626px -103px;}
	.menu2 ul li.menu-item-has-children:hover::before { background: url('./img/sprite.png') -626px -70px;}
	.menu2 ul li.menu-item-has-children:hover {background-image:none;}
	.menu2 ul li ul li {background-image: none;line-height:24px;}
	.js .nav-collapse-0.opened {max-height:none;}
	.ftitle {font-size:20px;}
	
	#footer #col2, #footer #col3 {display:none;line-height:22px;}
	#footer #col0 {display:block;}
	#footer #col0 {max-width:90%;margin-left:5%;margin-right:5%;}
	#footer {text-align:center;height:300px;}
	.fboximg {padding-bottom:0;}
	#footer #col1 {width:60%;margin:20px 20%;text-align:center;line-height:22px;}
	.tel, .email {display:none;}
	.schzent {display:block;}
	.secondnavmobile {display:block;margin-bottom:30px;overflow:hidden;}
	.secondnavmobile ul {list-style:none;margin-left:0;padding-left:0;}
	.secondnavmobile ul li {float:left;width:33%;text-align:center;}
	.secondnavmobile img {width:37px;height:auto;}
	.footerclaim {display:none;}
	form.wpcf7-form {width:95%;}
	.gmap {width:108%;}
	.caddress {width:100%;}
	.subfooter .textwidget {text-align:center;}
	#gallery-4 {width:100%;}
	#gallery-4 .gallery-item {margin-left: 0;}
	.subfooter {text-align:center;margin-top:36px;}
	.preisbox .preistext, .preisbox .plan {width:100%;margin-right:0;margin-left:0;float:none;}
	.preisbox .plan {margin-top:40px;}
	
}
@media only screen and (max-width: 480px) {
	.anfragebox {display:none;}
	.schzent .fanfrage, .schzent .fbuchung {width:98%;}
	.fboximg img{margin: 0 10%;width:80%;}
	#footer #col1 {margin: 5px 5%;width: 90%;}
	#logofooter {width:301px;background-position:-639px -154px;height:111px;}
	#footer {height:250px;}
	.subfooter {text-align:center;margin-top:28px;}
	.gallery-columns-2 .gallery-item {width:100%;}
	.gallery-columns-2 .gallery-item img {width:100%;}
}