/*
Theme Name: Landgasthof Karner
Theme URI: https://www.landgasthof-karner.com
Description: Castlewood Hotels und Resort Deutschland GmbH
Author: Punktplanung GmbH & Co. KG
Author URI: https://www.punktplanung.de
Template: castlewood
*/
@import url("../castlewood/style.css");

.cmplz-placeholder-1,
.cmplz-placeholder-2 {
	height: inherit !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link {
    color: blue;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://cdn.punktplanung.de/font/roboto/roboto-300.woff2) format('woff2'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-300.woff) format('woff'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-300.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://cdn.punktplanung.de/font/roboto/roboto-300.woff2) format('woff2'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-300.woff) format('woff'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-300.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://cdn.punktplanung.de/font/roboto/roboto-regular.woff2) format('woff2'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-regular.woff) format('woff'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://cdn.punktplanung.de/font/roboto/roboto-500.woff2) format('woff2'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-500.woff) format('woff'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://cdn.punktplanung.de/font/roboto/roboto-500.woff2) format('woff2'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-500.woff) format('woff'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://cdn.punktplanung.de/font/roboto/roboto-700.woff2) format('woff2'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-700.woff) format('woff'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-700.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://cdn.punktplanung.de/font/roboto/roboto-700.woff2) format('woff2'),
      url(https://cdn.punktplanung.de/font/roboto/roboto-700.woff) format('woff'),
      url(https://cdn.punktplanung.de/font/roboto/roboto-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://cdn.punktplanung.de/font/roboto/roboto-900.woff2) format('woff2'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-900.woff) format('woff'),
    url(https://cdn.punktplanung.de/font/roboto/roboto-900.ttf) format('truetype');
}

.element_from_bottom>div, .element_from_fade>div, .element_from_left>div, .element_from_right>div, .element_from_top>div {
	opacity: 1;
}

.karner-deals .type-post {min-height: 400px !important;}
.karner-aktuell .type-post {min-height: 600px !important;}

/* Datum und Infos bei Beiträgen ausblenden*/
.date.entry_date.updated, .post_info
{display: none !important}

#buchungsbox {display: none !important;}

@media all and (-ms-high-contrast:none)
     {
     .page-template .caption .cap-div { outline: none; } /* IE10 */
     *::-ms-backdrop, .caption .cap-div { outline: none; } /* IE11 */
     }

_:-ms-lang(x),
_:-webkit-full-screen,
.caption .cap-div {
    outline: none !important;
}
_:-ms-lang(x),
.caption .cap-div {
    outline: none !important;
}
_::selection,
.caption .cap-div {
    outline: none !important;
}

#buchungsbox {background-color: rgba(13, 13, 13, 0.9) !important}

/* DIRS21 */

#dirs-box .special-deals {position: absolute; bottom: 15px;left: 35%;text-align: center;margin-left: -55px;}
#d21-selected-day-price{display: none;}

/* SLIDER */
#slide-4-layer-4, #slide-7-layer-4{font-family: LinLibertine !important; text-align: center !important; text-shadow: 0px 0px 4px #9E9E9E ;}
#slide-4-layer-3 {text-shadow: 0px 0px 4px #000 !important;}


/* MENÜ*/
#nav-menu-item-307{background-color:#c9ac4a;}
@media(max-width: 1100px){nav.main_menu > ul > li > a{letter-spacing: 0px; padding: 0 11px;}}

/* TEXT */
@media(min-width:1001px){.spalten {
  width: 100%;
	column-count: 2;}}
.content p {text-align: justify; text-justify: inter-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
.schlagschatten h2, .schlagschatten h3, .schlagschatten h4, .schlagschatten p, .icon_text_inner .icon_title, .icon_text_inner p, .q_icon_with_title .qode_icon_font_awesome{
	text-shadow: 0px 0px 8px #000000;
}

.white h2, .white h3, .white h4, .white p{color: #ffffff !important;}
.spalten p{margin: 0px !important;}
.icon_text_inner p{margin: 0px !important;}

/* GOLDHINTERGRUND */
.vc_custom_1556545926306{ background-position: top!important;}

/* BILDERGALERIE */
.flexslider, .portfolio_slider{margin-bottom: 0px !important;}


/* BILDER BESCHREIBUNG */
.wpb_single_image .vc_figure-caption{font-size: 17px !important; text-align: center;}

/* Datum und Infos bei Beiträgen ausblenden */ 
.blog_single.blog_holder.entry_title, .blog_single.blog_holder.date.entry_date.updated, .date.entry_date.updated, .post_info, .blog_single.blog_holder.post_info, #comments {display: none !important;}
.category-jobs .q_masonry_blog_excerpt {display: none !important;}

/*.category-angebote .q_masonry_blog_excerpt{display: none !important;}*/

/* FOOTER */
/*.footer_inner p{text-align: center !important;}*/
@media(max-width: 600px){
	.footer_top .column_inner{text-align: center !important;}}





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

/* Punktplanung Stylings */

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

#wpadminbar {background-color: #9FC204; background-repeat: no-repeat; background-size: 120px; height: 50px; background-position-x: 15px; background-position-y: 12px; }
#wp-admin-bar-top-secondary {}
#wpadminbar #wp-admin-bar-wp-logo>.ab-item {background-image: url('https://www.punktplanung.de/wordpress-branding/wp-pp-logo2.png'); background-size:145px auto; background-position:5px 9px; background-repeat: no-repeat;}
#wpadminbar #wp-toolbar #wp-admin-bar-root-default #wp-admin-bar-wp-logo a.ab-item {width: 182px;}
#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon {display: none;}
#wp-admin-bar-wp-logo .ab-sub-wrapper {display: none !important}
#wp-admin-bar-site-name {}
#collapse-menu {display: none;}
#wpadminbar #wp-toolbar #wp-admin-bar-root-default #wp-admin-bar-wp-logo a.ab-item {height: 50px; }
#wpbody-content #dashboard-widgets .postbox-container {border: none;}
.postbox .hndle, .stuffbox .hndle {border: none;}
#wp-admin-bar-wp-logo a img {padding: 15px 60px 10px 0px;}
#wpadminbar #wp-admin-bar-site-name>.ab-item {color: #9FC204; background-color: #fff;}
#wpadminbar #wp-admin-bar-site-name>.ab-item:before {color: #9FC204;}
#wpadminbar .quicklinks>ul>li>a, #wpadminbar #wp-admin-bar-languages .ab-item {padding: 8px 8px 10px 7px;}
#wp-admin-bar-wpfc-toolbar-parent > .ab-item {padding: 8px 8px 10px 17px !important;}
#wpadminbar #wp-admin-bar-search .ab-item {display: none;}
#wpadminbar #wp-admin-bar-wpfc-toolbar-parent  .ab-submenu {padding: 0px; }
#wp-admin-bar-wpfc-toolbar-parent .ab-submenu .ab-item:hover {background-color: #9FC204;}
#adminmenuback, #adminmenu, #adminmenuwrap {background-color: #f6f6f6; }
#adminmenu, #adminmenu .wp-submenu, #adminmenuback, #adminmenuwrap {width: 196px !important}
#wpwrap {margin-top: 18px;}
#adminmenu .wp-submenu {left: 196px; }
#wpcontent, #wpfooter {margin-left: 203px;}
.wp-toolbar {background-color: #fff;}
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow, #adminmenu .wp-menu-arrow div, #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, .folded #adminmenu li.current.menu-top, .folded #adminmenu li.wp-has-current-submenu {background-color: #9FC204 !important; color: #fff !important;}
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu>li.current>a.current:after {border-right-color: #fff;}
#adminmenu > .wp-submenu {margin-left: 196px;}
#adminmenuwrap #adminmenu a {background-color:  transparent; color: #9FC204; font-size: 12px;}
#adminmenuwrap #adminmenu a:hover {background-color: #9FC204; color: #fff; }
#adminmenu div.wp-menu-image:before {color: #9FC204 }
#adminmenu div.separator {background-color: #9FC204; margin-top: 10px; }
#wp-admin-bar-new-content {display: none;}
.login {background-color: #9FC204 }
.login #backtoblog {text-align: center}
.login #backtoblog  a {color: #fff;}
.wp-core-ui input.button-primary {background-color: #9FC204; border: none;}
.wp-core-ui input.button-primary:hover {background-color: #000;}
#wpbody-content #dashboard-widgets .postbox-container {width: 100%}
/***********************/


/* SCHRIFT */
@font-face {
font-family: "LinLibertine";
src:url(https://www.landgasthof-karner.com/wp-content/fonts/LinLibertine_R.ttf) format("opentype");
}

h1, h2, h5, h6, #slide-4-layer-4{font-family: LinLibertine !important;}
.footer_top h5{font-weight: 400 !important;}

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


/* V4 BUCHUNGSBOX */
/*#sticky{z-index: 101; top:0px;}
#sticky .full_section_inner {overflow: visible;}
#sticky.stick {position: fixed; top: 60px; z-index: 10000; width:110vw;}
#schnellbuchung{z-index:101;}
.white{color:white;}


#d21-quickbook .field, #d21-quickbook .hasDatepicker, #d21-quickbook select{background-color: unset; border: none; font-size: 24px; color: white; font-family: 'Roboto', sans-serif; font-weight: 300;}
#d21-quickbook i:not(.minus):not(.plus):not(.delete):not(.removeText) {font-size: 26px; line-height: 40px; background-color:unset;}
#d21-hotelname-city-container, #d21-quickbook #d21-arrival-container, #d21-quickbook #d21-departure-container, #d21-quickbook #d21-los-container, #d21-quickbook #d21-occupancy-container, #d21-quickbook #d21-submit-container, #d21-radius-container {height: 40px;}
#d21-quickbook #d21-occupancy-container {width: 350px;}
#d21-quickbook #d21-submit-container input {line-height: 40px; max-height: 40px; font-size: 20px; font-weight: 400; font-family: 'Muli', sans-serif;}
#d21-quickbook.d21-isNotGroup {width: 100%; margin-left: 50px;}
#d21-avail-result-container{display:none !important;}
#d21-quickbook {min-height: 40px;}
#d21-quickbook #d21-arrival-container.halfWidth{width: 170px;}
#d21-quickbook #d21-submit-container {line-height: 40px;}

@media(max-width:1150px){#d21-hotelname-city-container, #d21-radius-container, #d21-quickbook #d21-los-container, #d21-quickbook #d21-arrival-container, #d21-quickbook #d21-departure-container, #d21-quickbook #d21-occupancy-container, #d21-quickbook #d21-avail-result-container, #d21-quickbook #d21-submit-container {margin-right: 0px !important;}}
@media(max-width:1100px){#schnellbuchung{display:none;} .abstand-v4{height:100px !important;}}*/

#buchungsbox{
    padding: 30px 20px;
    background-color: #2d2d2ddb;
    position: fixed;
    top: 36vh;
    transition:right 1s ease-in-out;
	-webkit-transition: right 1s ease-in-out;
    -moz-transition: right 1s ease-in-out;
    -o-transition: right 1s ease-in-out;
	width: 312px;
	right:-290px;
}

.home #buchungsbox.top{
    right: 3.5vw !important;
}

#dirs-box{
	display: flex;
    align-items: center;
}

#dirs-box > div{
	float:left;
	
}

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

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

#buchungs-titel h6{
    color: #c9ac4a;
    writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    clear:right;
    margin-right: 10px;
    cursor:pointer;                            
    width: 32px;
    display:inline-block;
	line-height: 26px;
}

.d21-headline h2{color: #c9ac4a !important;}

#d21-quickbook{
    min-height: unset;
}

#d21-headline-container, .d21-headline {             
	text-align: center !important;
}

#d21-headline-container h2{font-size: 27px !important; line-height: 29px !important;}

#dirs-box #d21-quickbook .d21-row .d21-col {
    padding: 5px;
}

/*Hover Bilder*/

.caption > div > .vc_single_image-wrapper{	
	position:relative;	
	overflow:hidden;
}

.caption > div > .vc_single_image-wrapper img{	
	transition:all .35s ease-in-out;
	filter:none;
}

.caption .cap-div{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	outline-offset:-24px;
	outline:7px solid #fff0;
	transition: all .35s ease-in-out;
	display:table;
	opacity:1;
	transform:scale(1.1);
}

.caption .cap-div:hover{
	opacity:1;
	transform:scale(1);
	outline:7px solid white;
}

.caption img{
	filter:blur(2px) brightness(.7) !important;
}

.caption img.hover{
	filter:blur(0px) brightness(.9) !important;
}

.cap-div *{
	color:white;
}

.cap-div > div{	
	text-align:center;
	display: table-cell;
    vertical-align: middle;
}


.cap-div p{	
	display: none;
}


/*RESPONSIVE*/

	/*Alles auf einen Blick*/
	@media (max-width: 768px) and (min-width: 601px)
	{.allesaufeinenblick {margin-left: 20% !important;}}
			

	/*Spalten umkehren*/

		@media (max-width:1000px) 
		{.desktop-ansicht{display:none !important;}} /*Zwischen 0px und 1000px Bildschirmbreite wird diese Klasse ausgeblendet*/		
		@media (min-width:1001px)
		{.mobile-ansicht{display:none !important;}} /*Ab 1000px Bildschirmbreite wird diese Klasse ausgeblendet*/

			/*Bild-Text-Boxen responsiv machen*/
	@media (max-width: 992px)
	{
		.kleiner992ausblenden {display: none !important;}
		.kleiner992text {text-align: center !important;}
	}

	@media (max-width: 768px)
	{
		.kleiner768ausblenden {display: none !important;}
		.kleiner768text {text-align: center !important;}
		.caption {text-align: center !important;}
	}
	@media (min-width: 769px)
	{
		.kleiner768oben {display: none !important;}
	}
			
/*RESPONSIVE ENDE*/