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


/* h1-element
--------------------------------------------------------------*/
.h1-gitterreihe-medium {
    max-width:1490px;
    margin:0 auto;
	padding:0 0px 0px 0px;
	max-width:1430px;
	width:100%;
}
.h1-gitterreihe-medium {
	margin-top:30px;
}
/* END h1-element
--------------------------------------------------------------*/


/* blog
--------------------------------------------------------------*/
.av-magazine .av-magazine-content-wrap .av-magazine-title {
    font-size: 25px;
    line-height: 1.3em;
    text-transform: none;
    letter-spacing: normal;
    padding: 0;
        padding-bottom: 0px;
    margin: 0;
}
.av-magazine-content-wrap {
    overflow: hidden;
    border-bottom:0px solid;
    border-bottom-color: currentcolor;
    min-height: 61px;
}
.blog-content-farbsektion .av-special-heading,
.blog-content-farbsektion .avia_textblock {
	margin:0px auto;
	max-width:80%;	
	}
@media only screen and (max-width: 767px) {
	.blog-content-farbsektion .av-special-heading,
	.blog-content-farbsektion .avia_textblock {
		max-width:100%;
	}
}
.read-more-link {
	text-align:right;
}
.main_color .container .av-inner-masonry-content, #top .main_color .container .av-masonry-load-more, #top .main_color .container .av-masonry-sort, .main_color .container .av-masonry-entry .avia-arrow {
    background-color:#fff;
}
/* END blog
--------------------------------------------------------------*/





/* booking-buttons -> frontpage, footer
--------------------------------------------------------------*/
.html_av-overlay-side-classic #top .av-burger-overlay li a {
    border-bottom-style: solid;
    border-bottom-width: 0px;
	border:none;
}


/* booking-buttons -> frontpage, footer
--------------------------------------------------------------*/
.booking-buttons-special a.avia-button:last-child {
	display:none;
}
@media only screen and (max-width: 767px) {
.booking-buttons-special a.avia-button:last-child {
	display:inline-block;	
	}
}
/* END booking-buttons -> frontpage, footer
--------------------------------------------------------------*/


/* logo svg -> header
--------------------------------------------------------------*/
.logo a {
    display: flex;
}
.logo img[src$=".svg"] {
    margin-top:20px;
	height: 160px;
}
@media only screen and (max-width: 767px) {
.responsive .logo a {
    display: flex;
    vertical-align: middle;
	}
}
/* END logo svg -> header
--------------------------------------------------------------*/


/* gitterreihe für bilder -> breite content
--------------------------------------------------------------*/
.gitterreihe-bilder-small.av-layout-grid-container {
	margin:0 auto;
	max-width:1290px;
	width:100%;
	padding:0 50px;
	padding-bottom:10px;
}
@media only screen and (max-width:767px){
	.responsive #top .gitterreihe-bilder-small.av-layout-grid-container {
		max-width:85%;
		padding:0px;
		padding-bottom:10px;
	}
}	
.gitterreihe-bilder-small .flex_cell:first-child {
	border-right:5px solid #fff;
}
.gitterreihe-bilder-small .flex_cell:nth-child(2) {
	border-left:5px solid #fff;
}
.gitterreihe-bilder-small .avia-image-container {
    display: block;
    margin: 0 auto 0 auto;
    margin-top: 0px;
    text-align: center;
    clear: both;
}
.gitterreihe-bilder-small .avia-image-container-inner,
.rasterzeile-bilder-small .avia_image,
.rasterzeile-bilder-small .av-image-caption-overlay {
    border-radius: 0px;
    display: block;
    position: relative;
    max-width:100%;
}
.gitterreihe-bilder-small .avia_textblock p {
	font-size:14px;
	margin-top:5px;
	line-height:18px;	
	padding:0 5px 0px 5px;
}
@media only screen and (max-width:767px){
	.responsive #top #wrap_all .gitterreihe-bilder-small.av-flex-cells .no_margin {
		display:inline-block;
		margin:0;
		width:50%;	
	}	
}
/* END gitterreihe für bilder -> breite content
--------------------------------------------------------------*/


/* gitterreihe für bilder -> breite bildschirm
--------------------------------------------------------------*/
.gitterreihe-bilder.av-layout-grid-container {
	max-width:2560px;
	margin:0 auto;
	width:100%;
	padding:0;
	border-bottom:10px solid #fff;
	border-right:10px solid #fff;
	border-left:10px solid #fff;
}
@media only screen and (max-width:767px){
	.responsive #top .gitterreihe-bilder.av-layout-grid-container {
		max-width:85%;
		padding:0px;
		padding-bottom:10px;
	}
}
.gitterreihe-bilder .flex_cell {
	border-right:10px solid #fff;
	border-bottom:10px solid #fff;	
}
.gitterreihe-bilder .avia-image-container {
    display: block;
    margin: 0 auto 0 auto;
    margin-top: 0px;
    text-align: center;
    clear: both;
}
.gitterreihe-bilder .avia-image-container-inner,
.rasterzeile-bilder .avia_image,
.rasterzeile-bilder .av-image-caption-overlay {
    border-radius: 0px;
    display: block;
    position: relative;
    max-width:100%;
}
.gitterreihe-bilder .avia_textblock p {
	font-size:14px;
	margin-top:5px;
	line-height:18px;	
	padding:0 5px 0px 5px;
}
@media only screen and (max-width:767px){
	.responsive #top #wrap_all .gitterreihe-bilder.av-flex-cells .no_margin {
		display:inline-block;
		margin:0;
		width:50%;	
	}	
}
/* gitterreihe für bilder -> breite bildschirm
--------------------------------------------------------------*/












/* lightbox -> container, font-color
--------------------------------------------------------------*/
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
    background: rgba(255,255,255,1);
}
div.avia-popup .mfp-close {
    width: 40px;
    height: 40px;
    right: -13px;
    text-align: center;
    border-radius: 100px;
    border: 0px;
    line-height: 38px;
    padding: 0;
    top: -5px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-family: Arial, Baskerville, monospace !important;
    background: transparent;
    opacity: 1;
    color: black;
}
div .mfp-title {
    line-height: 1.4em;
    font-size: 16px;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #000;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
	display:none;
}
div.avia-popup button.mfp-arrow::before {
    opacity: 1;
    color: #000;
}
/* END lightbox -> container, font-color
--------------------------------------------------------------*/



/* max width website
--------------------------------------------------------------*/
#wrap_all,
#header {
	margin:0 auto;
	max-width:2560px;
}

@media only screen and (min-width:1600px) and (max-width:2560px) {
.html_stretched #header,
.html_stretched #main {
	padding-left:50px;
	padding-right:50px;
	background:#fff;
	}
}
/* END max width website
--------------------------------------------------------------*/

/* generalia
--------------------------------------------------------------*/
.avia-image-container-inner, 
.avia_image,
.av-image-caption-overlay {
    border-radius:0px;
}
img,
.team-img-container,
.avia-content-slider .slide-image,
.avia-content-slider .slide-image img,
.avia-image-container-inner,
.avia_image,
.av-image-caption-overlay {
    border-radius:0px;
}
.container_wrap {
    border-top-width:0px;
}
.image-overlay {
    background-color: transparent!important;
}
.image-overlay-inside {
	display:none;
}
.avia-fullwidth-slider.avia-shadow {
    box-shadow:none;
}
/* END generalia
--------------------------------------------------------------*/


/* header
--------------------------------------------------------------*/
#header_main .avia-menu-text {
    font-size: 18px;
	font-weight:bold;
}
#top .main_menu .menu > li > a {
    line-height: 270px;
}
/* END header
--------------------------------------------------------------*/



/* button -> standard
--------------------------------------------------------------*/
#top #main .avia-button.avia-color-theme-color.avia-icon_select-no.avia-size-small {
	border:2px solid #000;
	color:#000;
}
#top #main .avia-button.avia-color-theme-color.avia-icon_select-no.avia-size-small:hover {
	display:block;
	background:rgba(0,0,0,0.7);
	color:#fff;
}
.avia-button.avia-position-left {
    float:none!important;
    display:inline-block;
}
.avia-button.avia-size-small {
    padding:9px;
    font-size:16px;
    min-width:80px;
	background-color:transparent;

}

#top #main .avia-button {
    padding:10px;
    font-size:16px;
	color:#000;
    min-width:90px;
	border:2px solid #000!important;
	border-radius:0px;
	background:transparent;
} 
#top #main .avia-button:hover {
	color:#fff;
	background:#000;
} 
/* END button -> standard
--------------------------------------------------------------*/






#h1-gitterreihe {
	margin:80px 0;
}
@media only screen and (max-width:450px) {
	#h1-gitterreihe {
		margin:20px 0;
	}
}
#top #main .av-special-heading h1 {
	font-size:40px;
	text-transform:none;
}
#top #main .av-special-heading h2 {
	font-size:40px;
	text-transform:none;
}


/* = h1 text rotator -> frontpage
--------------------------------------------------------------*/
.frontpage-headline-rotator .av-rotator-text {
	margin-top:5px;	
}
#top .av-rotator-container-inner {
    font-weight:normal;
	margin-bottom:20px;
}
/* = h1 text rotator
--------------------------------------------------------------*/


/* booking-element -> frontpage
--------------------------------------------------------------*/

#booking-frontpage {
	padding:0px 0 0px 0;
}




/* galerie -> gitterreihe
--------------------------------------------------------------*/
.gitterreihe-galerie {
	display:grid;
	margin:0 auto;
	padding:0 20px 80px 20px;
	max-width:1470px;
	width:100%;
	grid-gap:2% 1%;
	grid-template-columns:auto;
	height:auto;
	align-content:center;
	border:0px solid black;
}
#top .gitterreihe-galerie > div.flex_cell {
	width:100%;
	background:transparent;
}
.bild-01 {
	grid-column-start:1;
	grid-column-end:2;
	margin-top:5%!important;
}
.bild-02 {
	grid-column-start:2;
	grid-column-end:4;
	margin-top:0%!important;		
}
.bild-03 {
	grid-column-start:4;
	grid-column-end:5;
	margin-top:3%!important;
}
.bild-04 {
	grid-column-start:1;
	grid-column-end:3;
	margin-top:-20%!important;
}
.bild-05 {
	grid-column-start:3;
	grid-column-end:5;
	margin-top:-25% !important;
}
.bild-06 {
	
}
@media only screen and (max-width:450px) {
	.gitterreihe-galerie {
		max-width:450px;
		padding:0px 10px;
	}
}
/* END galerie -> gitterreihe
--------------------------------------------------------------*/



/* gitterreihe small
--------------------------------------------------------------*/
.gitterreihe-small {
	margin:0px auto;
	padding:0 0px 50px 0px;
	max-width:1290px;
	width:100%;
}
.gitterreihe-medium {
    max-width:1490px;
    margin:0 auto;
	padding:0 0px 0px 0px;
	max-width:1430px;
	width:100%;
}
@media only screen and (max-width:767px) {
	.gitterreihe-medium {
		display:flex!important;
		flex-wrap:wrap!important;
	}
	.gitterreihe-medium .flexfirst {
		order:2!important;	
	}
	.gitterreihe-medium .flexlast {
		order:1!important;	
	}
}
/* END gitterreihe small
--------------------------------------------------------------*/


/* online buchen -> formular
--------------------------------------------------------------*/
#top #main input.skd-widget-form-control.skd-checkin {
	margin-bottom:0px;
}
#top #main .skd-widget .skd-widget-alert-warning {
    background-color: #fff;
    border-color: #000;
    color: #8a6d3b;
}
.skd-footer,
.skd-footer-hotel,
.skd-footer-seekda {

}
#top #main .skd-widget .skd-widget-btn-default {
    color:#fff;
    background-color:#fff;
    border-color:#ccc;
}
/* END online buchen -> formular
--------------------------------------------------------------*/


/* scroll-top button
--------------------------------------------------------------*/
#scroll-top-link {
    position: fixed;
	border:2px solid black;
    border-radius: 0px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    opacity: 0;
    right: 50px;
    bottom: 150px;
    z-index: 1030;
    visibility: hidden;
}
/* scroll-top button
--------------------------------------------------------------*/


/* footer
--------------------------------------------------------------*/
.page-id-640 #booking-footer {
	display:none;
}
.page-id-1140 #footer-adresse {
	display:none;
}	
#footer-page {
	margin-top:50px;
	}
#booking-footer {
}
#button-row-footer .avia-button {
	display:table;
}
#footer-page {
}
#footer-menu {
	margin:20px 0 0 0;
}
#footer-socket {
	background:#000;
}
#footer-menu a:hover {
	color:#000;
}
#footer-socket .avia_textblock,
#footer-socket .avia_textblock a:link,
#footer-socket .avia_textblock a:visited {
	color:#fff!important;
}
/* END footer
--------------------------------------------------------------*/


.avia-post-nav {
	display:none;
}

.iti-flag ch {
	display: none !important;
}