/*
Theme Name: Mike
Description: Mike 1
Author: Roland Trebo & Mike Ruh
Author URI: http://projectr.it
Version: 1.17
Tags:
*/

/* kalam-regular - latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: url('../mike/fonts_1/kalam-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
        url('../mike/fonts_1/kalam-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../mike/fonts_1/kalam-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../mike/fonts_1/kalam-v16-latin-regular.svg#Kalam') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: local(''),    
       url('../mike/fonts_1/kalam-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../mike/fonts_1/kalam-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
 font-display: swap;
}

html, body {margin:0;padding:0;}
body {background: url('./img/bg101.gif') top center;margin:0;font-family:arial;font-size:14px;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:80px;}
.headerimg {width:1920px;max-width:100%;height:485px;margin:0 auto;margin-top:-458px;z-index:11;text-align:center;position: relative;}
.headerimg img {width:1920px;}
.slidecontrols {width:1110px;margin:158px auto 0 auto;position:relative;z-index:100;height:242px;}
.overlay {margin-top:40px;background:url('./img/bgmenu.png');z-index:12;position:relative;height:35px;}
.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;margin:0 auto;z-index:55;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;}

html #mega-menu-wrap-primary, 
html #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, 
html #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, 
html #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {}

html #mega-menu-wrap-primary {background:url('./img/bgmenu.png');margin: -127px auto 0;height:80px;}
html #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {color:#000;height:41px;line-height:41px;font-size:18px;padding-left: 10px;padding-right: 10px;}
html #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item::before {background: #fff url("/wp-content/themes/mike/img/sprite.png") repeat scroll -542px -110px;content: " ";line-height: 45px;width: 30px;}
html #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover {border-bottom:6px solid #345199;padding-bottom:4px;}
html #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, 
html #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 
html #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {background:none;color:#000;}
html #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item {height: 50px;}
	
html #mega-menu-primary {width:11/0px;margin:0 auto;background:url('./img/bgmenu.png');height:80px;margin-top:-141px;z-index:45;position:relative;}

html #mega-menu-wrap-primary {list-style:none;right:0;position:relative;padding-top:35px;padding-left:460px;}


html #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description {color: #666;font-size: 10px;display: block;height: 0;text-align:center;font-style:normal;margin-bottom:10px;margin-top:-5px;}

.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:0px;padding-left:30px;padding-right:30px;background: url('./img/bgmain.png') 0px 0px repeat-x;z-index:13;}
h1 {font-family:'Kalam',arial;text-align:center;margin-top:0;padding-top:40px;margin-bottom:40px;font-weight:normal;font-size:35px;color:#2865a3;line-height:38px;margin-left:164px}
h2 {font-family:'Kalam',arial;color:#518dcb;font-size:28px;line-height:32px;font-weight:normal}
h3 {font-family:'Kalam',arial;font-weight:normal;font-size:23px;color:#537ca6;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: url('./img/bgf1.png');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;}
.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;}

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:26px;display:block;float:left;margin-right:3px;}
.email {background: url('./img/sprite.png') -553px -70px;width:28px;height:26px;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:7px;border-bottom: 8px 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:#546e88} 
.list-style li {list-style-image: url(/wp-content/themes/mike/img/poi.png);} 

.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;}
html #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::before, 
html #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::after {color:#000;}

html #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item::before {
    background: transparent url("/wp-content/themes/mike/img/sprite.png") repeat scroll -541px -101px;
    content: " ";
    display: block;
    height: 38px;
    margin-top: 2px;
    position: absolute;
    width: 7px;
}
 html #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {color:rgba(254,254,255,0.01);}	
@media only screen and (max-width: 1279px) {
	#post-2 {text-align:center;}
	#hwrap {margin-top:143px;width:980px}
	.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;}
	.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;}
	.overlay {display:none;}
	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;}
	html #mega-menu-wrap-primary {margin-top:-178px;padding-left:400px;}
}

@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;}
	.secondnav {width:730px;font-size:12px;}
	.secondnav ul {margin-top:-320px;}
	.gmap {margin-bottom:0;}
	.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;}
	.headerimg {width:730px;height:252px;margin-top:-262px;}
	#footer{width:100%;height:260px;}
	.headerimg img {width:730px;}
	.gmap {padding-top:30px;}
	#main {width:690px;margin-top:0;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;}
	.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:10px;}
	#footer #col3 {position:absolute;}
	#col1 .subfooter {display:none;}
	#col2 .subfooter {display:block;}
	.preisbox .plan {margin-top:100px;}
	html #mega-menu-wrap-primary {padding-left:250px;margin-top:-132px;}
}

@media only screen and (max-width: 767px) {
	#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:130px;height:100px;}
	#logofooter {margin:0 auto;}
	.slidecontrols {display:none;}
	#hwrap {margin-top:27px;width:100%;}
	.overlay {display:none;}
	/* Left Navi */
	#header {height:320px;}
	.headerimg {width:768px;height:auto;max-width:100%;margin-left:0px;display:block;margin-top:-44px;}
	.nav-toggle:hover, .nav-toggle.active {background: url('./img/sprite.png') -667px -72px;}
	#footer{width:100%;padding-left:0px;padding-right:0px;}
	.headerimg img {min-width:768px;min-height:auto;}
	.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%;}
	.overlay {margin-top:-41px;}
	/* Left Navi */
	.secondnav {display:none;}
	.fboximg {background:#f3ebe0;}
	.fboximg img{margin: 0 25%;width:50%;display:block;}
	.ftitle {font-size:20px;}
	html #mega-menu-wrap-primary {background:transparent;}
	#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:70%;margin:20px 15%;text-align:center;line-height:22px;}
	.tel, .email {display:none;}
	.schzent {display:block;}
	.secondnavmobile {display:block;}
	.secondnavmobile ul {list-style:none;margin-left:0;padding-left:0;}
	.secondnavmobile ul li {float:left;width:33%;text-align:center;}
	.secondnavmobile img {width:50px;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;}
	html #mega-menu-wrap-primary {padding-left:0px;margin-top:-191px;}
	html #mega-menu-wrap-primary .mega-menu-toggle {width:100px;float:right;}
	html #mega-menu-wrap-primary .mega-menu-toggle:hover {background:url("./img/sprite.png") repeat scroll -667px -72px;}
	html #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::after {display:none;}
	html #mega-menu-wrap-primary .mega-menu-toggle {display:block;height:37px;width:38px;background: rgba(0, 0, 0, 0) url("./img/sprite.png") repeat scroll -715px -72px;}
	html #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::before {display:none;}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {margin-top: 45px;position: absolute;right: 0;width: 200px;background: url("./img/bgmenu2.png")}
	html #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item::before {display:none;}
	html #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {background:url("./img/bgnavi.png") no-repeat scroll 10px 4px}
	html #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover {border-bottom:none;}
	html #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
	html #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item
	html #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {background:#fff;}

}
@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: 20px 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%;}
}