/*
Theme Name:     Layout
Version:        1.0.0
Description:    Theme for hotel-bergfreund.ch
Author:         artesmedia.ch
Author URI:     https://artesmedia.ch/
Template:       enfold
*/

#h1-tb-special-booking h1 {
	font-size:1em;
}

/* FIX CASABLANCE AGB MODAL
==============================================================*/
.page-id-890 #header,
.page-id-890 #main {
	position:static;
}

.page-id-890 .av_minimal_header_shadow {
  box-shadow: 0 0 2px 1px rgba(0,0,0,0);
}
	
.page-id-890 #av_section_1 .container {
	background:#fff;
}
.page-id-890 #header,
.page-id-890 #accordion_slider_1 {
	z-index:0;
}
#casa-agb-modal {
	background:rgba(255,255,255,0.6);
}
.casa-modal {

/*  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999!important;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;*/
}


















.k-picker-wrap.k-state-default::before {
	display:none;
}
#top input[type="text"].k-input {
	margin:0;
	padding:0;
}
#top .casa-wdg-monthCalendar table.casa-month-view tr.casa-day-row td.casa-departureonly {
  background: #FBCC40;
  color:#ffffff;
}
#top .casa-legend-icon.casa-legend-icon-available {
	background:#FBCC40;
	color:#000;
}
#top .casa-legend-icon.casa-legend-icon-notavailable {
	background:#AA8926;
	color:#fff;
}



.mfp-title {
	display:none;
}

.avia-buttonrow-wrap {
	margin-top:30px;
}
.avia-button.avia-size-large {
	font-family:'merriweather', Helvetica, Arial, sans-serif;
}


/* FLAW
==============================================================*/
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header {
    position: absolute;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    min-height: 0;
  }
}
/* END FLAW
==============================================================*/


/* glassy header
==============================================================*/
#header.av_header_glassy {
	background:rgba(255,255,255,0.7);
}

/* END glassy header
==============================================================*/


/* max-width 
==============================================================*/
html.responsive {
	background:#f0f0f0;
}
#top {
	max-width:2600px;
	margin:0 auto;
}
.html_stretched #wrap_all {
	margin:0 auto;
	max-width:2600px;
	width:100%;
}	
#header {
	margin: 0 auto;
  	max-width:2600px;
	width:100%;
}
/* END max-width 
==============================================================*/


/* headings
==============================================================*/
.special-heading-border {
    display: none;
}
.template-page .entry-content-wrapper h1 {
  	text-transform: none;
	font-size:45px;
	letter-spacing:1px;
	font-weight:500;
	padding-bottom:20px;	
}
@media only screen and (max-width: 450px) {
	.template-page .entry-content-wrapper h1 {
		font-size: 35px;
	}	
}

.template-page .entry-content-wrapper h2 {
  	text-transform: none;
	letter-spacing: 1px;
	margin-bottom: 20px;
	margin-top: 0px;
	font-weight:500;
	line-height: 3.5rem;
}
@media only screen and (max-width:565px) {
	.template-page .entry-content-wrapper h2 {
		 line-height:1.3em;
	}	
}
.template-page .entry-content-wrapper h3 {
  	text-transform: none;
	letter-spacing: 1px;
	margin-bottom: 20px;
	font-weight:bold;
}
@media only screen and (max-width: 989px) {
	.responsive #top #wrap_all .flex_column.av-break-at-tablet,
	.responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    	margin: 0;
    	/* margin-bottom: 20px; */
    	width: 100%;
    	display: block;
	}
}
/* END headings
==============================================================*/


/* logo responsive
==============================================================*/
/* #responsive #top #header.av_header_shrinking .logo.avia-standard-logo a:link {
	background-image:url(https://bergfreund.karinsteiner.ch/wp-content/uploads/hotel-bergfreund-logo-600-02.png)!important;
	background-size:cover;
	background-color:green!important;
}
#responsive #top #header .av_header_shrinking div.logo {

}
div.inner-container .logo {


}
.container.av-logo-container {
    background: url(https://bergfreund.karinsteiner.ch/wp-content/uploads/hotel-bergfreund-logo-600-02.png)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
*/


@media only screen and (max-width:767px) {
  .responsive #top .logo {
    position:static;
    display:table;
    height:60px!important;
    float:none;
    padding:0;
    border:none;
    width:50%;
  }
}
@media only screen and (max-width:565px) {
  .responsive #top .logo {
    position:static;
    display:table;
    height:60px!important;
    float:none;
    padding:0;
    border:none;
    width:50%;
  }
}
@media only screen and (max-width:450px) {
  .responsive #top .logo {
    position:static;
    display:table;
    height:40px!important;
    float:none;
    padding:0;
    border:none;
    width:50%;
  }
}
/* END logo responsive
==============================================================*/


/* hamburger menu
==============================================================*/
#top .all_colors #header_main .av-burger-overlay-scroll {
	background:#fdf4da;
}
#top #av-burger-menu-ul {
    vertical-align:middle;
}
#top #av-burger-menu-ul li {
    background:#fdf4da;/*ecru*/
}
#top #av-burger-menu-ul li:hover {
    background:#4d5155;/*anthrazit*/
	
}
#top #av-burger-menu-ul li.current_page_item {
    color:#4d5155;
	background:#ffcf40;/*gelb*/
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a:hover,
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a:active {
	color:#fdf4da;/*ecru*/
    background:#ff0000;/*anthrazit*/
	transition:color .3s ease-in-out;
	transition:background .3s ease-in-out;	
}
.wpml-ls-slot-25 {
  display: none;
}
/* hamburger menu -> language switcher
--------------------------------------------------------------*/
.wpml-ls-slot-25 {
  display: none;
}
.responsive #top .av-main-nav .wpml-ls-item {
        display: block!important;
}
.responsive #top #wrap_all #header #av-burger-menu-ul .wpml-ls-item.av-active-burger-items {
        opacity: 0;
}
html.responsive #top .av-main-nav .wpml-ls-item a:link,
.responsive #top .av-main-nav .wpml-ls-item a:visited {
	color:#4d5155;
	font-size:20px;
	font-weight:400;
}
html.responsive #top .av-main-nav .wpml-ls-item a:hover,
.responsive #top .av-main-nav .wpml-ls-item a:active {
	color:#4d5155;
	text-decoration:underline;
}
@media only screen and (max-width: 2500px) { 
	.responsive #top .av-main-nav .menu-item.wpml-ls-slot-250 {
		display: block;
	}
	.responsive #top #wrap_all #header #av-burger-menu-ul .wpml-ls-slot-250.av-active-burger-items {
		opacity: 0;
	}
}
@media only screen and (max-width: 450px) {
	.responsive #top .av-main-nav .wpml-ls-native {
		font-size:17px;
	}
}
/* END hamburger menu
==============================================================*/


/* cs-bigpic-top
==============================================================*/
.cs-bigpic-top.avia-section.av-minimum-height .container .content {
  vertical-align:bottom;
  padding-bottom:0px;
}
.cs-bigpic-top .container {
	/*max-width:1600px;*/
	padding:0px;
}
@media only screen and (max-width: 989px) {
  .responsive .cs-bigpic-top. .flex_column.av-break-at-tablet-flextable {
		  
	}
}
/* cs-bigpic-top
==============================================================*/


/* textblock buchen
==============================================================*/
.tb-booking {
	margin-bottom:0px;
	padding:10px;
	max-width:40%;
	text-align:center;
	background:rgba(77,81,85,0.6) /*#FDF4DA*/;
	border-top-left-radius:50px;
	border-top-right-radius:50px;

}
.tb-booking p {
	display:inline-block;
	margin:0;
	padding:5px;
	font-family:'merriweather', Helvetica, Arial, sans-serif;
	font-size:2em;
	line-height:1.0em;
}

#top .tb-booking p:first-child {
	padding-right:40px;
	font-family:Lato;
		font-size:1.9em;
}
@media only screen and (max-width:1700px) {
	#top .tb-booking {
		margin-left:50px;
		max-width:40%;
	}	
}
@media only screen and (max-width:1300px) {
	#top .tb-booking {
		margin-left:0px;
		max-width:50%;
		border-top-left-radius:0px;		
	}
	.tb-booking p {

	}
	#top .tb-booking p:first-child {
		padding-right:40px;
	}
}
@media only screen and (max-width:989px) {
	#top .tb-booking {
		margin-left:0px;
		max-width:65%;
	}
	.tb-booking p {

	}
	#top .tb-booking p:first-child {
		padding-right:30px;
	}
}
@media only screen and (max-width:850px) {
	#top .tb-booking {
		margin-left:00px;
		max-width:80%;
	}
	.tb-booking p {

	}
	#top .tb-booking p:first-child {
		padding-right:40px;
	}
}
@media only screen and (max-width:767px) {
	.responsive #top #wrap_all .cs-bigpic-top .container {
		max-width:100%;
		width:100%;
	}
	#top .tb-booking {
		margin-left:0px;
		max-width:88%;
	}
	.tb-booking p {
		font-size:2em;
		line-height:1.2em;
	}
	#top .tb-booking p:first-child {
		padding-right:30px;
	}
}
@media only screen and (max-width:680px) {
	.responsive #top #wrap_all .cs-bigpic-top .container {
		max-width:100%;
		width:100%;
	}	
	#top .tb-booking {
		margin-left:0px;
		max-width:60%;
		text-align:left;		
	}
	.tb-booking p {
		display:block;
		font-size:2em;
		line-height:1.2em;
		padding-left:40px;
	}
	#top .tb-booking p:first-child {
		padding-right:0px;
	}
}
@media only screen and (max-width:565px) {
	.responsive #top #wrap_all .cs-bigpic-top .container {
		max-width:100%;
		width:100%;
	}	
	#top .tb-booking {
		margin-left:0px;
		max-width:70%;
		text-align:left;		
	}
	.tb-booking p {
		display:block;
		font-size:2em;
		line-height:1.2em;
	}
	#top .tb-booking p:first-child {
		padding-right:0px;
	}
}
@media only screen and (max-width:450px) {
	.responsive #top #wrap_all .cs-bigpic-top .container {
		max-width:100%;
		width:100%;
	}	
	#top .tb-booking {
		margin-left:0px;
		max-width:80%;
		text-align:left;		
	}
	.tb-booking p {
		display:block;
		padding-left:20px;
		font-size:2em;
		line-height:1.2em;
	}
	#top .tb-booking p:first-child {
		padding-right:0px;
	}
}
@media only screen and (max-width:380px) {
	.responsive #top #wrap_all .cs-bigpic-top .container {
		max-width:100%;
		width:100%;
	}	
	#top .tb-booking {
		margin-left:0px;
		max-width:85%;
		text-align:left;		
	}
	.tb-booking p {
		display:block;
		padding-left:20px;
		font-size:2em;
		line-height:1.2em;
	}
	#top .tb-booking p:first-child {
		padding-right:0px;
	}
}
#top #main .tb-booking a:after {
	content:'';
  	display:block;
  	width:0;
  	height:3px;
}
#top #main .tb-booking a:link,
#top #main .tb-booking a:visited {
	color:#fff;
	text-decoration:none;
}
#top #main .tb-booking a:hover,
#top #main .tb-booking a:active {
}
#top #main .tb-booking a:hover::after {
    width:100%;
	height:3px;
  	background:#fff;	
	-webkit-transition:width .3s;
    transition:width .3s;
}
/* END textblock buchen
==============================================================*/


/* big link box
==============================================================*/
#top .flexcell-biglink-tb {
		background:#fdf4da url(https://bergfreund.karinsteiner.ch/wp-content/uploads/arrow-right.svg) no-repeat;
		background-size: 50px;
		background-position:bottom 20px right 50px;
	}
@media only screen and (max-width:450px) {
	#top .flexcell-biglink-tb {
		padding:35px;
		background:#fdf4da url(https://bergfreund.karinsteiner.ch/wp-content/uploads/arrow-right.svg) no-repeat;
		background-size: 30px;
		background-position:bottom 20px right 40px;
	}
	.tb-biglink h2 {
		font-size:2em;	
	}	
}
/* END big link box
==============================================================*/


/* grid with accordion slider
==============================================================*/
#top #wrap_all .grid-acc-slider + div.avia-section  {
	padding-top:70px;		
}

#top.page-id-890 #wrap_all .grid-acc-slider,
#top.page-id-3445 #wrap_all .grid-acc-slider {
	padding:30px 0 0px 0;		
}

@media only screen and (max-width:480px) {
	.responsive #top #wrap_all .grid-acc-slider {

	}
}
/* END grid with accordion slider
==============================================================*/


/* rasterzeile mit grossem bild
==============================================================*/
.rz-image-full {
	margin:0 auto!important;
	float:none
	height:600px;
	border:70px solid #fff!important;
}
@media only screen and (max-width:585px) {
	.rz-image-full {
		margin:0 auto!important;
		float:none
		height:600px;
		border:30px solid #fff!important;
	}	
}
@media only screen and (max-width:480px) {
	.rz-image-full {
		margin:0 auto!important;
		float:none
		height:600px;
		border:30px solid #fff!important;
	}
}
/* END rasterzeile mit grossem bild
==============================================================*/


/* cookie-consent 
==============================================================*/
.avia-cookie-consent a {

}
.avia-cookie-consent p.avia_cookie_text {
	display: block;
  	margin-bottom:20px;
  	font-size:16px;
}
.avia-cookie-consent p.avia_cookie_text {
	text-align:center;
}
.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-consent-button-1 {
	background:#ffcf40!important;
	color:#4d5155;

}
.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-consent-button-1,
.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-consent-button-2,
.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-consent-button-3 {
	margin-bottom:10px;
	width:200px;
	max-width:200px;
	font-size:13px;
}
/* END cookie-consent 
==============================================================*/


/* scroll-top link
==============================================================*/
#top #scroll-top-link {
	opacity:1;
	color:#fdf4da;
	background:#4d5155;
	border: 3px solid #fdf4da;	
	border-radius:50px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.5);
}
#top #scroll-top-link:hover {
	background:#ffbf00;
	color:#000;
	border: 3px solid #ffbf00;
}
/* END scroll-top link
==============================================================*/


/* toggle
==============================================================*/
.toggle_icon {
	position: absolute;
  	width: 15px;
  	height: 15px;
  	border-style: solid;
  	border-width: 1px;
  	top: 50%;
	left:95%;
  	right: 10px!important;
  	margin-top: -8px; float:right;
}
.toggle_icon .vert_icon {
  	border-left-style: solid;
  	border-left-width: 3px;
  	position: absolute;
  	left: 5px;
  	top: 1px;
  	height: 11px;
	border-color:#cd003b;
}
.toggle_icon .hor_icon {
  	border-top-style: solid;
  	border-top-width: 3px;
  	position: absolute;
  	top: 5px;
  	left: 1px;
  	width: 11px;
	border-color:#cd003b;
}
.js_active .toggler {
	padding:9px 20px 0px 0;
}
.js_active h2.toggler {
	font-size:1em;
	letter-spacing:0px;
	margin-bottom:0px;
}	
.js_active .toggler:hover {
	color:#cd003b;
	background:transparent;	
}
.toggler.activeTitle {
	background:none;
	color:#cd003b;
	font-weight:bold;
}
.toggler.activeTitle:hover {
	background:none;
	color:#cd003b!important;
	font-weight:bold;
}
.toggle_content {
  	margin:0;
	padding: 10px 50px 11px 25px;
	border:0px;
}
.toogle_content h3 {
	font-size:1em!important;
	letter-spacing:0px;
	margin-bottom:0px;
}
.toggle_content h4 {
	padding-bottom:10px;
	font-size:1em;
}
.toggle_content h5 {
	font-weight:normal;
	text-decoration:underline;
}
.toggle_content a:link,
.toggle_content a:visited {
	color:blue;
}
.toggle_content a:hover,
.toggle_content a:active {
	color:#cd003b;
}
.toggle_content p:first-child {
  	margin-top:0px;
}
.toggle_content.invers-color {
	background:transparent;
}
/* END toggle
==============================================================*/


/* textblock centered and responsive 
==============================================================*/
@media only screen and (max-width:767px) {
	.textblock-morph-responsive {
		width:100%;
	}
}
@media only screen and (min-width:767px) {
	.textblock-morph-responsive {
		width:80%;
	}
}
.textblock-morph-responsive h1 {
	
	padding-bottom:30px;
	font-weight:300;
	letter-spacing:0px!important;
}
.textblock-morph-responsive h2 {

	font-size:25px;
	letter-spacing:0px;
	letter-spacing:0px!important;
}
.textblock-morph-responsive h3 {

	font-size:20px;
	letter-spacing:0px!important;
}
/* END textblock centered and responsive 
==============================================================*/


/* footerpage
==============================================================*/
.page-id-3445 #myfooter,
.page-id-890 #myfooter {
	padding-top:0px;
	background-color:#fcfcfc;
}
#myfooter {
	padding-top:0px;
	background-color:#fcfcfc;
}

#myfooter .flex_cell.avia-builder-el-first {
	padding: 30px 30px 30px 90px;
}
#myfooter .flex_cell.avia-builder-el-last {
	padding:0px;
}
#myfooter .flex_cell.avia-builder-el-last p {
	margin:0;
	padding:0;
}
.footer_color .footer-tb-contactdata {
	font-size:1em;
	color:#fff;
	line-height:1.7em;
}
.footer-tb-standardlinks p {
	display:inline;	
	margin:0;
	padding-right:20px;
}
.footer_color .footer-tb-standardlinks  a:link,
.footer-tb-standardlinks a:visited {
	color:#656565!important;
	text-decoration:none;
}
.footer_color .footer-tb-standardlinks .widget_nav_menu .current-menu-item > a,
vstandardlinks .widget_nav_menu .current_page_item > a {
  	font-weight: bold;
	text-decoration:underline;	
}
#top .footer_color .footer-tb-standardlinks a:hover,
#top .footer_color .footer-tb-standardlinks a:active {
	text-decoration:underline;	
}
#top #body .footer-logo img .size-medium {
	float:none;
	width:200px!important;
}
#myfooterpage h3.widgettitle {
	display:none;
}
#top ul#menu-de-footer,
#top ul#menu-en-footer,
#top ul#menu-fr-footer {
	margin: 0.85em 0;	
}
#top #menu-de-footer li,
#top #menu-en-footer li,
#top #menu-fr-footer li {
	padding-bottom:0.21em;
	border:none;
}

#top #menu-de-footer li a,
#top #menu-en-footer li a,
#top #menu-fr-footer li a {
	display:block;
	font-size:17px;	
	color:#a21300;
	padding:0px;
	border-bottom:2px solid #fdf4da;	
}
#top #menu-de-footer li a:link,
#top #menu-de-footer li a:visited,
#top #menu-en-footer li a:link,
#top #menu-en-footer li a:visited,
#top #menu-fr-footer li a:link,
#top #menu-fr-footer li a:visited {
	border:0px;
	text-decoration:none;		
}
#top #menu-de-footer li a:hover,
#top #menu-de-footer li a:active,
#top #menu-en-footer li a:hover,
#top #menu-en-footer li a:active,
#top #menu-fr-footer li a:hover,
#top #menu-fr-footer li a:active {
	border:0px;
	text-decoration:underline;
}
#top .footer-tb-contactdata a:link,
#top .footer-tb-contactdata a:visited {
	text-decoration:none;
}
#top .footer-tb-contactdata a:hover,
#top .footer-tb-contactdata a:active {
		text-decoration:underline;
}
#top .txt-link-anreise {
	margin-bottom:40px;
}

#top .txt-link-anreise a:link {
	display:block;
	max-width:100px;
	text-decoration:none;
	font-weight:bold;
	padding:0px 0 0px 0;
	line-height:20px;	
}
#top .txt-link-anreise a:hover {
	text-decoration:underline;
}
#top .footer-tb-contactdata img {
	width:20px;
	margin:15px 0;
}
@media only screen and (max-width:450px) {
	#top .footer-tb-standardlinks p {
		padding-right:10px;	
	}	
}
@media only screen and (max-width:360px) {
	#top .footer-tb-standardlinks p {
		padding-right:7px;	
	}	
}
/* END footerpage
==============================================================*/