/*
Theme Name: hotelgasthofkrone.de
Theme URI: https://www.hotelgasthofkrone.de
Description: Hotel Krone in Niederstetten
Author: Punktplanung
Author URI: https://www.punktplanung.de
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

.white *{
	color:white !important;
}

.block p{
	text-align:justify;
	line-height:40px;
}

#media_image-3 > img{
    max-width: 87%;
    height: auto;
    margin-left: 24px;
}

.p-links p{
	-moz-text-align-last:right;
	     text-align-last:right;
}

.repeating-bg{
	background: -webkit-repeating-linear-gradient(225deg, #d4b45b, #d4b45b 5%, #fff 5%, #fff calc(5% + 2px));
	background: -o-repeating-linear-gradient(225deg, #d4b45b, #d4b45b 5%, #fff 5%, #fff calc(5% + 2px));
	background: repeating-linear-gradient(225deg, #d4b45b, #d4b45b 5%, #fff 5%, #fff calc(5% + 2px));
}

.latest_post_holder.dividers .latest_post_date .latest_post_day {
	font-size: 20px;
}

.latest_post_holder.dividers .boxes_image img {
	width:100%;
}

.latest_post_text_inner{
	padding-right:25px;
}

.latest_post_holder.dividers .latest_post_date {
    border-right: 1px solid #d4b45b;
}

.latest_post_holder.dividers .post_infos {
    border-top: 1px solid #d4b45b;
	padding-top:0px;
}

#circle{
	width:12px;
	height:12px;
	border-radius:50%;
	position:fixed;
	-webkit-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	pointer-events: none;
	background-color: #006e2b;
	opacity: 0.6;
}

#circle.mouse-slider-next{
	width: 50px;
	height: 50px;
	opacity: 1;
	border-right: 2px solid rgb(45, 108, 45);
	border-bottom: 2px solid rgb(45, 108, 45);
	border-radius: 0px 0px 5px;
	-webkit-transform-origin: right top 0px;
	    -ms-transform-origin: right top 0px;
	        transform-origin: right top 0px;
	-webkit-transform: rotateZ(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotateZ(-45deg);
}

#circle.mouse-slider-prev{
	width: 50px;
	height: 50px;
	opacity: 1;
	border-left: 2px solid rgb(45, 108, 45);
	border-bottom: 2px solid rgb(45, 108, 45);
	border-radius: 0px 0px 0px 5px;
	-webkit-transform-origin: right top 0px;
	    -ms-transform-origin: right top 0px;
	        transform-origin: right top 0px;
	-webkit-transform: rotateZ(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotateZ(45deg);
}


.titel-tag .wpb_gallery_slides::after{
	content:"Hotel Gasthof Krone";
	color: #d4b45b;
    top: -75px;
    position: absolute;
    z-index: 2;
    width: 10px;
    font-family: 'Cormorant Garamond', sans-serif;
    font-size: 150px;
    line-height: 140px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -2px;
    text-transform: none;
    left: -190px;	
}



.titel-tag-hotel .wpb_gallery_slides::after{
	content:"Hotel & Zimmer";
	color: #d4b45b;
    top: -75px;
    position: absolute;
    z-index: 2;
    width: 10px;
    font-family: 'Cormorant Garamond', sans-serif;
    font-size: 150px;
    line-height: 140px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -2px;
    text-transform: none;
    left: -190px;	
}

.flex-next i, .flex-prev i{
	display:none;
}

.pfeile .flex-next{
	height: 100%;
	top: 0;
	margin-top: 0;
	right: 0;
	width: 15%;
}

.pfeile .flex-prev{
	height: 100%;
	top: 0;
	margin-top: 0;
	left: 0;
	width: 15%;
}

.pfeile .flexslider:hover .flex-direction-nav a.flex-next:hover, .pfeile .qode_content_slider:hover .flex-direction-nav a.flex-next:hover{
	background-color:unset;
	cursor: url("/wp-content/uploads/2019/05/next.png") 39 37, pointer;
}

.pfeile .flexslider:hover .flex-direction-nav a.flex-prev:hover, .pfeile .qode_content_slider:hover .flex-direction-nav a.flex-prev:hover{
	background-color:unset;
	cursor: url("/wp-content/uploads/2019/05/back.png") 0 37, pointer;
}

.qode_content_slider .flex-direction-nav .flex-next:hover, .qode_content_slider .flex-direction-nav .flex-prev:hover {
    background-color: unset;
}

.pfeil-links p a{
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 400;
    color: #006e2b;
}

.pfeil-links.buchen{
	
}

.preis h6{
	font-size:22px;
}

.preis-hp h6{
	font-size:20px;
}

.radialbg{
	background: -o-radial-gradient(#404040, #1d1d1d 70%);
	background: radial-gradient(#404040, #1d1d1d 70%);
}

.comment_holder, .date.entry_date, .blog_holder article .post_info{
	display:none;
}

.latest_post_holder.dividers .latest_post_date{
	display:none;
}

#tablepress-3 td, #tablepress-3 th, #tablepress-5 td, #tablepress-5 th, 
#tablepress-15 td, #tablepress-15 th, #tablepress-16 td, #tablepress-16 th   {
    text-align: center;
}

.tagungen .tablepress td, .tagungen  .tablepress th {
    text-align: center;
}

#buchungsbox{
    padding: 30px 20px;
    background-color: #e7a80f;
    position: fixed;
    top: calc(50% - 156px);
    -webkit-transition:left 1s ease-in-out;
    -o-transition:left 1s ease-in-out;
    transition:left 1s ease-in-out;
}

#buchungsbox > div{      
    float:left;
}

#dirs-box{
    width: 270px;
    height: 225px;
}

#dirs-box .material-icons {
    line-height: 1.3;
}

#dirs-box form > d21-row{
    margin-bottom:0;
}

#buchungs-titel h4{
    color: white;
    -webkit-writing-mode: vertical-lr;
            writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    clear:right;
    margin-left: 10px;
    cursor:pointer;                            
    width: 32px;
    display:inline-block;
    font-size: 32px;
    line-height: 40px;
}

#d21-quickbook {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#d21-headline-container{
	display:none;
}

#svg{
    display: block;
    padding: 10px 0px 10px 16px;
	-webkit-transition: padding 1s linear, -webkit-transform 1s linear;
	transition: padding 1s linear, -webkit-transform 1s linear;
	-o-transition: transform 1s linear, padding 1s linear;
	transition: transform 1s linear, padding 1s linear;
	transition: transform 1s linear, padding 1s linear, -webkit-transform 1s linear;
}

#svg:hover{
	cursor:pointer;
}

.open #svg{
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
    padding: 10px 16px 10px 0px;
	-webkit-animation:none;
	        animation:none;
}

#buchungsbox:not(.open) #svg{
	-webkit-animation: blow 1.2s linear infinite;
	        animation: blow 1.2s linear infinite;
}

@-webkit-keyframes blow{
	0%, 100%{
		margin-left:-6;
	}
	50%{
		margin-left: 6px;
		margin-right:-6px;
	}
}

@keyframes blow{
	0%, 100%{
		margin-left:-6;
	}
	50%{
		margin-left: 6px;
		margin-right:-6px;
	}
}

footer .four_columns > div:not(:first-child){
	width:20%;
}

footer .four_columns > div:first-child{
	width:40%;
}

footer .four_columns > div:first-child .column_inner{
	display:table;
}

footer .four_columns > div:first-child .widget_media_image{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

footer .four_columns > div:first-child .widget_media_image:nth-child(2) >img{
	margin-left:0;
}

.drop_down .narrow .second .inner ul li.wpml-ls-last-item, .drop_down .narrow .second .inner ul li.wpml-ls-first-item{width:auto;}
.drop_down .narrow .second .inner ul li.wpml-ls-last-item a, .drop_down .narrow .second .inner ul li.wpml-ls-first-item a{height:15px;}

@media(max-width:1650px) and (min-width:1401px){
	.sauna-row.q_elements_holder.two_columns.eh_two_columns_33_66 .q_elements_item:first-child{
		width:40%;
	}
	.sauna-row.q_elements_holder.two_columns.eh_two_columns_33_66 .q_elements_item:last-child{
		width:60%;
	}
}

@media(min-width:1500px){
	h2, .h2, h2 a{
		font-size:70px;
		letter-spacing:1px;
	}
}

@media(max-width:1499px){
	h2, .h2, h2 a{
		font-size: 55px;
		line-height: 55px;
	}
}

@media(max-width:1450px){
	nav.main_menu > ul > li > a {
    	padding: 0 10px;
		font-size:11px;
	}
}

@media(max-width:1400px) and (min-width:1001px){
	.sauna-row.q_elements_holder.two_columns.eh_two_columns_33_66 .q_elements_item:first-child{
		width:35%;
	}
	.sauna-row.q_elements_holder.two_columns.eh_two_columns_33_66 .q_elements_item:last-child{
		width:50%;
	}
}

@media(max-width:1300px){
	div.start-title{
		margin-left: -2px !important;
	}
}

@media(max-width:1250px){
	nav.main_menu > ul > li > a {
    	padding: 0 8px;
		font-size: 10px;
		letter-spacing: 1px;
	}
	header .header_inner_left {
		left: 10px;
	}
	h2, .h2, h2 a{
		font-size: 44px;
		line-height: 48px;
	}
}

@media(max-width:1200px){
	div.start-title {
    	margin-left: -27px !important;
	}
}

@media(max-width:1000px){
	h1, .h1, .title h1 {
		font-size: 120px;
		line-height: 110px;
	}
	.titel-tag .wpb_gallery_slides::after {
		font-size: 120px;
		line-height: 110px;
		left: -160px;
}
	.block p {
		line-height:28px;
	}
	.freizeit{
		display:flex;
		flex-direction:column-reverse;
	}
	h3, .h3, h3 a {
		font-size: 25px;
	}
	.p-links p {
		-moz-text-align-last: right;
		text-align-last: center;
	}
	.column-reverse{
		display:flex;
		flex-direction: column-reverse;
	}
	.center{
		text-align:center;
	}
	.qode-advanced-tabs .qode-advanced-tabs-nav li a {
	    padding: 20px 13px;
	}
}

@media(min-width:769px){
	#tablepress-2, #tablepress-14{
		display: inline-table;
	}
	#tablepress-10, #tablepress-21{
		display: none;
	}
}

@media(max-width:768px){
	div.start-title {
	    margin-left: -55px !important;
	}
	#tablepress-2, #tablepress-14{
		display: none;
	}
	#tablepress-10, #tablepress-21{
		display: inline-table;
	}
}

@media(max-width:600px){
	div.start-title {
    	margin-left: -85px !important;
	}
}

@media(min-width:480px){	
	#tablepress-3,#tablepress-5, #tablepress-15, #tablepress-16{
		display: inline-table;
	}
	
	#tablepress-11, #tablepress-12, #tablepress-22, #tablepress-23{
		display: none;
	}
}

@media(max-width:480px){
	h1, .h1, .title h1 {
		font-size: 80px;
		line-height: 70px;
	}	
	
	#tablepress-11, #tablepress-12, #tablepress-22, #tablepress-23{
		display: inline-table;
	}
	
	#tablepress-3, #tablepress-5, #tablepress-15, #tablepress-16{
		display: none;
	}
	
	#tablepress-10 td{
		font-size:17px;
		line-height: 24px;
	}
	
.titel-tag .wpb_gallery_slides::after {
    font-size: 80px;
    line-height: 70px;
    left: -140px;
	}
}

@media(max-width:400px){
	.titel-tag .wpb_gallery_slides::after {
    	content: "";
	}
	div.start-title{
		display:none;
	}
	.start-row .vc_col-xs-10 {
		width:100%;
	}
}



/***************************************/

/* Punktplanung - Mobile Buchen Leiste */

/***************************************/


@media (min-width: 1001px) {
.buchen-bottom {display: none;}
}

@media (max-width: 1000px) {
.buchen-bottom {text-align: center;position: fixed;bottom: 0px;margin: 0px auto;width: 100%;background-color: #0088cc;padding: 10px 0px;z-index:-1;}
.buchen-bottom a {color: white;font-size: 24px; font-weight: 400; display:block;}
}