#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:426 $
 * @lastmodified    $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $
 */

/**
 * Contao Extension
 * @copyright  Felix Pfeiffer : Neue Medien 2007 - 2012
 * @author     Felix Pfeiffer <info@felixpfeiffer.com>
 * @package    Subcolumns
 */

@media screen{.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.c15l,.c15r{width:15%}.c16l,.c16r{width:16.666%}.c30l,.c30r{width:30%}.c45l,.c45r{width:45%}.c55l,.c55r{width:55%}.c70l,.c70r{width:70%}.c85l,.c85r{width:85%}.subc{padding:0 .5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize > div{display:table-cell;float:none;overflow:hidden;vertical-align:top;margin:0}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l,.c15l,.c16l,.c30l,.c45l,.c55l,.c70l,.c85l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r,.c15r,.c16r,.c30r,.c45r,.c55r,.c70r,.c85r{float:right;margin-left:-5px}}@media print{.subcolumns > div{display:table;overflow:visible}}
#slides {margin-bottom:46px !important;}

#cssawards {
    height: 164px;
    position: fixed;
    right: 0;
    top: 210px;
    width: 69px;
    z-index: 9999;
}

/*FONT REPLACEMENT*/
@font-face {
font-family: 'Folksolid';
src: url('../../files/bio_pension_saechsische_schweiz/css/Folksolid-webfont.eot');
src: url('../../files/bio_pension_saechsische_schweiz/css/Folksolid-webfont.eot?#iefix') format('embedded-opentype'),
url('../../files/bio_pension_saechsische_schweiz/css/Folksolid-webfont.woff') format('woff'),
url('../../files/bio_pension_saechsische_schweiz/css/Folksolid-webfont.ttf') format('truetype'),
url('../../files/bio_pension_saechsische_schweiz/css/Folksolid-webfont.svg#Folksolid') format('svg');
font-weight: normal;
font-style: normal;
}

/*RESET CSS*/
@media all{
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;vertical-align:baseline;border:0;font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;}
body{margin:0;line-height:1.5;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;color:#726756;}
input,textarea{margin:0;}
a{outline:none;text-decoration:none;}
.wrapper{display:inline-block;}
.wrapper:after{height:0;clear:both;display:block;content:".";visibility:hidden;}
* html .wrapper{height:1%;}
.wrapper{display:block;}
.hidden,.invisible{display:none !important;}
body{font-size:75%;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea{font-family:Helvetica, Arial,serif;font-weight:normal;color:#726756;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-family:'Folksolid',Helvetica, Arial,serif;text-transform:uppercase;}
ol{list-style-type:decimal;}
dl{margin:0 0 1.5em;}
dl dt{font-weight:bold;}
dl dd{margin-left:1.5em;}
abbr,acronym{border-bottom:1px dotted #000;}
address{margin-top:1.5em;font-style:italic;}
del{color:#726756;}
blockquote{margin:1.5em;}
strong{font-weight:bold;}
em,dfn{font-style:italic;}
dfn{font-weight:bold;}
pre,code{margin:1.5em 0;}
pre,code,tt{line-height:1.5;font:1em monospace;}
tt{display:block;margin:1.5em 0;line-height:1.5;}
span.amp{font-family:'Folksolid',Helvetica, Arial,serif;font-style:italic;}
img{display:block;}
label,.label{color:#726756;}}

/*CSS ALLGEMEIN*/

#footer .ce_colsetStart, #header .inside, .huelle .ce_colsetStart, .huelle .ce_text, .mod_newslist, .ce_slider, #kartenklicker, .ce_colsetStart, .ce_form, .ce_image, .huelle .ce_gallery, .mod_eventlist{width:90%; max-width: 1200px; margin: 0 auto;display: block;}
.ce_colsetStart img, .ce_text img, .ce_slider img, #ce_slider_itemsholder, #ce_slider_itemsholder .ce_slider_item, .ce_image img, .ce_gallery img, .ce_gallery table{width:100%; height:auto; text-align:center;}

::-moz-selection{
background: #D9C284;
color: #5a5043;
}

::selection {
background: #D9C284;
color: #5a5043;
}

.clear{
	clear: both;
}

/*TEXT*/

p {
    color: #5A5043;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 12px;
}

.huelle p, .huelle address {
    color: #5A5043;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 12px;
}

.huelle p+p{
	text-indent: 12px;
}

address{
	margin:0;
	font-style: normal;
	color: #897F71;
    font-size: 14px;
    line-height: 22px;
}

.error{
	color: red;
}

a{color: #5a5043;}
* a:hover, a:hover, .mod_customnav li a:hover,.mod_customnav li strong:hover{color: #D9C284;}

h1 {
    font-size: 28px;
    line-height: 28px;
    margin-top: 6px;
    word-break: inherit;
    word-wrap: break-word;
}
h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 18px;
    -moz-text-shadow: 0 1px 1px #FFFFFF;
    -webkit-text-shadow: 0 1px 1px #FFFFFF;
    text-shadow: 0 1px 1px #FFFFFF;
    word-break: inherit;
    word-wrap: break-word;
}

.layout_latest h2{
	margin:6px 0;
}

.huelle .information, .information {
    font-family: 'Folksolid',Helvetica,Arial,serif;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.polaroid:hover .image_container {
-webkit-transform: rotate(-1deg) scale(1.00);
-moz-transform: rotate(-1deg) scale(1.00);
position: relative;
z-index: 5;
}

.polaroid .image_container {
-webkit-transform: rotate(-2deg) scale(0.85);
-moz-transform: rotate(-2deg) scale(0.85);
}

.polaroid .image_container {
-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
}
 
/* On hover, darken the shadows a bit */
.polaroid:hover .image_container {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
}

/*HEADER*/
#header{
	clear: both;
}
.mod_changelanguage {
    float: none;
    text-align: right;
}
.mod_changelanguage .active {
    opacity: 0.7;
}
.mod_zw_image_logo {
    float: left;
    width: 23.6%;
}
.mod_zw_image_logo .image_container {
    margin: 24px 0;
    padding: 0;
}
.image_container {
    margin: 0;
    padding: 0;
}
.mod_zw_image_logo img {
	margin: 0 auto;
	text-align: center;
}
.mod_customnav {
    float: left;
    width: 38.2%;
}
.mod_customnav li {
    display: block;
    float: left;
    text-align: center;
    width: 50%;
}
.mod_customnav li a,.mod_customnav li strong{
    display: block;
    width:100%;
    color: #5a5043;
    font-family: 'Folksolid',Helvetica,Arial,serif;
    font-size: 20px;
    text-transform: uppercase;
    margin: 80px 0;
    line-height: 20px;
}
.mod_changelanguage {
    background: none repeat scroll 0 0 #F2F2F2;
    padding: 3px 12px;
    position: absolute;
    right: 0;
    top: 0;
}
.mod_changelanguage ul, mod_changelanguage li{
	list-style-type: none;
}
.mod_changelanguage a, .mod_changelanguage span {
    color: #726756;
    font-size: 11px;
    margin: 0 6px;
    font-family: 'Folksolid',Helvetica,Arial,serif;
    text-transform: uppercase;
}
.mod_changelanguage li {
    float: left;
}

/*CONTENT*/
.huelle{
	background:url("../../files/bio_pension_saechsische_schweiz/img/wavecut.png") repeat scroll center top #DDDDDD;
	padding:24px 0;
	margin:0 0 24px 0;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	outline: 1px solid #f3f3f3;
	-webkit-box-shadow: inset 0px 0px 7px 0px #d9d9d9;
	-moz-box-shadow: inset 0px 0px 7px 0px #d9d9d9;
	box-shadow: inset 0px 0px 7px 0px #d9d9d9;  
}
.image_container {
    margin: 0 0 24px;
    padding: 0;
}

.mod_newslist, .mod_eventlist{
	margin:24px auto;
}
.layout_latest {
    float: left;
    padding-left: 0;
    padding-right: 1%;
    width: 32%;
}
/*
.mod_newslist .first, .mod_eventlist .first {
	padding: 0 1% 0 0;
}
.mod_newslist .last, .mod_eventlist .last {
    padding: 0 0 0 1%;
}
*/

#slides{
	text-align:center;
	position: relative;
  	list-style: none;
  	overflow: hidden;
  	padding: 0;
  	margin: 0 auto;
}

#slides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

.einleitung{
	margin:24px auto;
}

.tags p {
    background: url("../../files/bio_pension_saechsische_schweiz/img/Pfeil_Link.png") no-repeat scroll left 6px transparent;
    display: block;
    float: left;
    font-size: 10px;
    margin-right: 12px;
    padding-left: 16px;
    text-transform: uppercase;
}

.huelle a, .more a {
    background: url("../../files/bio_pension_saechsische_schweiz/img/pfiel_in_gross.png") no-repeat scroll left 5px transparent;
    color: #726756;
    display: block;
    margin-top: 6px;
    padding-left: 13px;
    text-transform: uppercase;
}

.more a {
    background: url("../../files/bio_pension_saechsische_schweiz/img/pfiel_in_gross.png") no-repeat scroll left 3px transparent;
    color: #726756;
    display: block;
    margin-top: 6px;
    padding-left: 24px;
    text-transform: uppercase;
}

.huelle h2 a{
	background: none;
	padding: 0;	
}

.image_container a{
	padding-left: 0;
	background: none;
}

/*.c75r{
	background: url("../../files/bio_pension_saechsische_schweiz/img/strich.gif") repeat-y scroll left top transparent;
}*/

.cols_8 li {
    width: 12%;
    float: left;
    list-style: none;
}

.ce_colsetStart .neunzigprozent{
	width:95% !important;
	padding: 18px 0;
}

.ce_colsetStart .ce_text{
	width:100%;
}

.zitat {
    background: none repeat scroll 0 0 white;
    border-top: 3px solid #D9C284;
    margin: 24px 5% 0 0 !important;
    padding: 5%;
    width: 85% !important;
}

.zitat *, .zitat p {
    font-family: 'Folksolid',Helvetica,Arial,serif;
    font-size: 18px;
    font-style: italic;
    line-height: 26px;
    margin: 0;
    padding-right: 5%;
    text-transform: uppercase;
}

.ce_gallery .image_container {
    border-color: white;
    border-style: solid;
    border-width: 5px 5px 25px;
    margin-right: 5px;
}

.ce_gallery .image_container a{
    margin-top:0;
}

/*FOOTER*/
#footer a, #footer p, #footer address{
	font-size: 13px;line-height: 18px;
}

#map_canvas{
	height: 300px !important;
	width: 100% !important;
	margin-top: 12px;
	border-top: 1px solid #d4d4d4;
	outline: 1px solid #f3f3f3;
	-webkit-box-shadow: inset 0px 0px 7px 0px #d9d9d9;
	-moz-box-shadow: inset 0px 0px 7px 0px #d9d9d9;
	box-shadow: inset 0px 0px 7px 0px #d9d9d9;  
}

#kartenklicker {
	margin-bottom: -12px;
}

#kartenklicker img {
    left: 100%;
    margin-left: -138px;
    margin-top: -80px;
    position: relative;
}

/*BUCHUNGSANFRAGE*/


form .kurz {
    width: 90%;
}

.ce_form .subcolumns{
	margin-bottom: 24px;
}

form label {
    display: block;
    font-family: 'Folksolid',Helvetica,Arial,serif;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 6px;
    text-transform: uppercase;
}

form .checkbox_container label{
	display: inline;
}

form input {
    border: medium none;
    height: 16px;
    padding: 10px;
    width: 95%;
    font-size: 16px;
}

form input.checkbox{
	width: auto;
}

form .submit {
    background: none repeat scroll 0 0 #726756;
    color: #D9C284;
    font-family: 'Folksolid',Helvetica,Arial,serif;
    font-size: 18px;
    height: 45px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    cursor: pointer;
}

.ui-datepicker-trigger {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    left: 275px;
    position: relative;
    top: -28px;
}

.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
    padding: 0 2px 0 0;
}


.covid{
	width: 100%;
	text-align: center;
	padding: 10px;
	padding-bottom: 0;
	margin: 0 auto;
	
}

.ce_text ul{
	margin: 3%;
}

.ce_text ul li{
	color: #5a5043;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 6px;
}


@media screen and (max-width:1024px) {
	h2 {
    	font-size: 20px;
    	line-height: 20px;
    	margin-bottom: 16px;
	}
	.mod_customnav li a,.mod_customnav li strong{
	    font-size: 16px;
	    line-height: 16px;
	}
	#footer .ce_colsetStart{
		margin:0 auto 24px auto;
	}
	
	p {
    	font-size: 12px;
    	line-height: 18px;
	}

	.huelle p {
    	font-size: 14px;
    	line-height: 22px;
	}
	.tags p {
    	float: none;
    	margin: 0;
	}
	
	.huelle a, .more a {
    	background: url("../../files/bio_pension_saechsische_schweiz/img/Pfeil_Link.png") no-repeat scroll left 6px transparent;
    	color: #726756;
    	display: block;
    	margin-top: 6px;
    	padding-left: 20px;
   		text-transform: uppercase;
	}
	
	.more a {
    	background: url("../../files/bio_pension_saechsische_schweiz/img/Pfeil_Link.png") no-repeat scroll left 5px transparent;
    	color: #726756;
    	display: block;
    	margin-top: 6px;
    	padding-left: 16px;
    	text-transform: uppercase;
	}
	
	.image_container a{
		padding-left: 0;
		background: none;
	}
	form label {
	    height: 50px;
	}
	#footer .ce_colsetStart {
    	margin: 0 auto 60px;
	}
}

@media screen and (max-width:768px) {
	.equalize .c25l, .equalize .c25r{
		float:left;
		display: block;
	}
	.c25l, .c25r {
		width: 50%;
		margin-top: 12px !important;
		float: left;
	}
	.c25l .subc, .c25r .subc, .c25r .subcr{
		padding:0 18px 0 0 !important;
	}
	#kartenklicker, #map_canvas{
		display:none !important;
	}
	.vierteldreiviertel .c25l, .vierteldreiviertel .c25r{
		width:25%;
	}
	form label {
	    font-size:14px;
	}
	.covid{
		width: 60%;
	}
}

@media screen and (max-width:480px) {
	.equalize .c25l, .equalize .c25r, .c33l, .c33r, .vierteldreiviertel .c25l, .vierteldreiviertel .c25r, .c75l, .c75r {
    	display: block;
    	float: none;
    	margin: 0;
    	padding: 0;
    	width: 100%;
	}	
	.layout_latest {
    	float: none;
    	padding:0;
    	width: 100%;
	}
	.mod_zw_image_logo {
    	display: block;
    	float: none;
    	height: 200px;
    	left: 50%;
    	margin: 0 0 0 -50%;
    	position: absolute;
    	top: 50px;
    	width: 100%;
	}
	.mod_customnav {
    	float: left;
    	width: 100%;
	}
	.mod_customnav li {
    	margin-right: 0;
    	text-align: center;
    	width: 100%;
	}
	.mod_customnav li a, .mod_customnav li strong {
    	font-size: 24px;
    	margin: 0 0 12px !important;
    	line-height: 24px;
	}
	.navilinks {
    	margin-top: 200px;
	}
	#kartenklicker, #map_canvas{
		display:none !important;
	}
	.tags{
		margin-top:12px;
	}
	.tags p {
    	float: none;
    	margin: 0;
	}
	.ce_colsetStart .neunzigprozent {
    	width: 85% !important;
	}
	.zitat {
    	margin: 24px 0 0 0 !important;
    	padding: 5%;
    	width: 100% !important;
	}
	.ce_colsetStart .neunzigprozent {
    	width: 100% !important;
	}
	.ce_form .subc, .ce_form .subcr, .ce_form .subcl{
		padding: 0 !important;
		margin-bottom: 24px;
	}
	.ce_form .subcolumns {
    	margin-bottom: 0px;
	}
	
	p, h1, h2, a, address, label, span {
    	color: #302B26 !important;
    }
    	form label {
	    height: auto;
	    font-size: 20px;
	}
}