header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
#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}
/*************************************************************/
/*   Design:   KALBERER-RUNDUM.CH					 	 	 */
/*   File:     screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Reto Bühler, www.traumwerk.ch	                 */
/*   Datum:   Juni 2020					                     */
/*   Site: 	  wwww.kalberer-rundum.ch				         */
/*************************************************************/

/*************************************************************/
/*  LAYOUT													 */
/*************************************************************/

/*  GLOBAL													 */
/*************************************************************/
html, body {height:100%; width:100%;  font: 62.5% 'encode_sansregular', Arial, Verdana, Helvetica, sans-serif; color:#fff; letter-spacing:0.01em;}
body {font-size:16px; font-size:1.6rem; background:#76b729;}




#wrapper {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; background:none; font-size: 1.7rem; line-height: 2.4rem; text-align:center}
* html #wrapper {height:100%;}

#header {height:auto; width:100%; position:relative; z-index:1200; padding:0; margin:0; float:left; overflow:visible; border-bottom:none; text-align:left; transition: all ease 0.5s;}
#header .inside {height:auto; width:100%; transition: all ease 0.5s; position:relative;}
#header .inside .mod_article {position:absolute; bottom:28%; height:auto; width:100%; padding:0; margin:0; transition: all ease 0.5s; text-align:center;}
#header .inside .mod_article .content {height:auto; width:1200px; transition: all ease 0.5s; position:relative; margin:0 auto;}
@media (min-width:1680px){#header .inside {margin: -1% 0 0 0;}}
@media (min-width:1950px){#header .inside {margin: -2% 0 0 0;}}
@media (min-width:2200px){#header .inside {margin: -3% 0 0 0;}}

.background-header {position:absolute; top:0; width:100%; height:auto;}
.background-header img {width:100% !important; height:auto !important;}

#logo {position:absolute; bottom:0; z-index:800; margin:0; padding:0; transition: all ease 0.5s;}
#logo .image_container {height:auto !important; width:250px !important; transition: all ease 0.5s; margin:0; padding:0 0 0 0 !important;}
#logo .image_container img {height:auto !important; width:100% !important; display: block;}

@media (max-width:1460px){#header .inside .mod_article {bottom:24%;}}

@media (max-width:1340px){
	#header .inside .mod_article {bottom:20%;}
	#logo .image_container {width:220px !important;}
	}

#header #logo.mobile {display:none;}
#header #logo.tablet {display:none;}



#cboxCurrent {display:none !important;}




/*  FUSSZEILE												 */
/*************************************************************/

#footer {width:100%; height:160px; padding:0; position:relative; z-index:1200; margin-top: -160px; margin-left:auto; margin-right:auto; font-size:1.7rem; line-height:2.4rem; display:block; clear:both; z-index:600;}
#footer .inside {position:relative; width:100%; height:160px; display:block; margin:0; padding:0; float:left; clear:both;}

#footer .inside .mod_article {position:relative; width:100%; height:160px; display:block; margin:0; padding:0; float:left; clear:both;}
#footer .inside .mod_article .content {width:1180px; height:120px; display:block; margin:0 auto; padding:40px 0 0 0; letter-spacing:0em; text-align:left;}

.endcontent {height:160px; width:100%; display:block; position:relative; z-index:300;}

#footer .ce_image {position:absolute; right: 0; top:-50px; width:300px !important; height:auto !important; float:right; transition: all ease 0.5s;}
#footer .ce_image .image_container {width:300px !important; height:auto !important; float:right; transition: all ease 0.5s;}


/*  CONTAINER (INCLUDING LEFT/MAIN/RIGHT					 */
/*************************************************************/
#container {position:relative; width:100%; margin:20% auto 0 auto; padding:0; display:inline-block; z-index:500; min-height:30px; text-align:left; float:left;}

@media (min-width:1680px){#container {margin:17% auto 0 auto;}}
@media (min-width:2200px){#container {margin:14% auto 0 auto;}}

* html #container {height:30px;}
#main {position:relative; margin:0 auto; padding:0; width:1180px !important; display:block;}
#main .inside {display:block; margin:0; padding:0; width:100%; float:left;}


strong, bold {font-family:'encode_sanssemibold' !important; font-weight:normal !important;}
em {font-family: 'encode_sansregular' !important; font-style:normal;}

bold em, strong em, em bold, em strong {font-family: 'encode_sansregular' !important; font-style:normal !important;}



/*************************************************************/
/*  CONTENT												  	 */
/*************************************************************/
#header p {padding:0; margin:0; display:block;}
#container p {padding:2px 0 14px 0; margin:0; display:block;}
#footer .container p {padding:0 0 0 0; margin:0; display:block;}



#container h1 {padding:16px 0 16px 0; margin:0 0 0 0; font-size:2.2rem; line-height:3.0rem; color:#000; font-family:'encode_sansregular'; text-align:left; letter-spacing:0em; text-transform:none;}
#container h2 {padding:16px 0 16px 0; margin:0 0 0 0; font-size:2.2rem; line-height:3.0rem; color:#000; font-family:'encode_sansregular'; text-align:left; letter-spacing:0em; text-transform:none;}










#container .ce_text, #container .ce_image {clear:both; float:left; width:100%;}

#container a, #container a:link, #container a:visited {color:#fff; text-decoration:none;}
#container a:hover, #container a:active {color:#fff; text-decoration:none;}

#footer a, #footer a:link, #footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover, #footer a:active {color:#fff; text-decoration:underline;}

#container .rechte-spalte a, #container .rechte-spalte a:link, #container .rechte-spalte a:visited {color:#fff; text-decoration:none;}
#container .rechte-spalte a:hover, #container .rechte-spalte a:active {color:#fff; text-decoration:underline;}

#container .navigation a, #container .navigation a:link, #container .navigation a:visited {color:#fff; text-decoration:none;}
#container .navigation a:hover, #container .navigation a:active {color:#fff; text-decoration:underline;}

#header .ce_text {float:left;}
#main .ce_text {position:relative;}



img {vertical-align:bottom;}
table {border-collapse:collapse;}







#main .linke-spalte { width:300px; float:left; clear:none; font-size: 2.2rem; line-height: 3.0rem; font-family: 'Encode Sans';}
#main .rechte-spalte { width:800px; padding: 0; margin:0; float:right;}
#main .rechte-spalte .ce_text { width:500px; padding: 0 250px 0 0; margin:0 0 0 0; float:left; clear:none;}

#main .ce_text.termin {padding:50px 0 20px 0; font-size:2.6rem; line-height:3.6rem; font-family:'encode_sanssemibold'}

#main .ce_text.termin strong, #main .ce_text.termin bold {color:#009338;}
#container .ce_text.termin p {
    padding: 0 0 8px 0;
    margin: 0;
    display: block;
}	



/* TEXT - CE */
#main .ce_text .image_container {padding:8px 0 10px 0; float:left;}
#main .ce_text .image_container.float_left {width:48% !important; height:auto !important; padding:16px 4% 10px 0 !important;}
#main .ce_text .image_container.float_right {width:48% !important; height:auto !important; padding:24px 0 16px 4% !important; float:right;}
#main .ce_text .image_container.float_below {width:100% !important; height:auto !important; padding:8px 0 8px 0 !important; float:left;}
#main .ce_text .image_container.float_above {padding:16px 0 0 0; float:left; width:100% !important; height:auto !important;}
#main .ce_text .image_container img {width:100% !important; height:auto !important; float:left;}

#main .ce_image {padding:0 0 0 0; width:100%; float:left; clear:both;}
#main .ce_image .image_container {padding:16px 0 8px 0;}
#main .ce_image .image_container img {width:100% !important; height:auto !important;}



#main .rechte-spalte .ce_text.portrait .image_container {position:absolute; right: 0; top:-100px; height:auto !important; float:left; width:200px !important;}
#main .rechte-spalte .ce_text.portrait .image_container img {width:100% !important; height:auto !important;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;}




#container .ce_text ul {list-style-type: disc;}
#container .ce_text ol {list-style-type:none; margin:0; padding:0 0 24px 0; width:auto; margin:0; display:inline-block; text-align:left;}
#container .ce_text ul li {margin:0 0 0 26px; padding:0 0 0 0;}

#container ol {margin:0 0 0 0; padding:0;}
#container ol li {margin:0 0 0 16px; padding:16px 0 0 8px; display: list-item;}



#main img {}


/* PAGINATION */
#main .pagination {width:100%; float:left; display:block; padding:9px 0 0 0;}
#main .pagination p {width:30%; float:right; display:block; padding:0; text-align:right;}
#main .pagination ul {width:70%; float:left; display:block; list-style-type:none; padding:0 0 0 0;}
#main .pagination ul li {float:left !important; display:inline; background:none; margin:0 12px 0 0 !important; padding:0 !important;}
#main .pagination .current {color:#636363;}

.ce_dlh_googlemaps {margin:0; padding:0; float:left; width:100%;}
/* .dlh_googlemap {width:100%; height:500px; float:left; display:block; z-index:1200;}*/
.dlh_googlemap {margin:20px 0 12px;}



.invisible {display:none !important;}


#main .linke-spalte .ce_text.termin.desktop {display:block;}
#main .linke-spalte .ce_image.termin.mobile {display:none;}

#footer .ce_text.mobile {display:none;}
#footer .ce_text.tablet {display:none;}
#footer .ce_text.desktop {display:block;}

@media (max-width:1480px){
#footer .ce_image {position:absolute; right: 0; top:-50px; width:300px !important; height:auto !important; float:right;}
#footer .ce_image .image_container {width:300px !important; height:auto !important; float:right;}

}

@media (max-width:1240px){



#header .inside .mod_article .content {height:auto; width:94%; padding:3%; transition: all ease 0.2s; position:relative; margin:0 auto;}

#main {width: 92% !important;}
#main .linke-spalte {width: 28%;}
#main .rechte-spalte {width: 68%;}
#main .rechte-spalte .ce_text {width: 70%; padding: 0 30% 0 0;}

#footer .inside .mod_article .content {width: 92%;}

#footer .ce_image {top: -18px; width: 200px !important;}
#footer .ce_image .image_container {width: 200px !important;}


}

@media (max-width:1160px){
#wrapper {font-size: 1.7rem; line-height: 2.4rem;}

#logo .image_container {width: 190px !important;}

#footer {font-size: 1.7rem; line-height: 2.4rem;}

#main .rechte-spalte .ce_text.portrait .image_container {width: 180px !important;}

#container h1 {font-size: 2.0rem; line-height: 2.8rem; font-family:'encode_sansmedium'}
#container h2 {font-size: 2.0rem; line-height: 2.8rem; font-family:'encode_sansmedium'}

#footer .ce_image {display:none;}

#main .linke-spalte {font-size: 2.0rem; line-height: 2.8rem;}

#main .ce_text.termin {padding: 50px 0 20px 0; font-size: 2.3rem; line-height: 3.3rem;}


#footer {height:120px; padding:0; margin-top: -120px;}
#footer .inside {height:120px;}
#footer .inside .mod_article {height:120px;}
#footer .inside .mod_article .content {height:80px; padding:40px 0 0 0;}
.endcontent {height:120px;}


}

@media (max-width:980px){
#main .linke-spalte {width:100%;}
#main .linke-spalte .ce_text {width:45%; float:left; margin:0 2% 0 0; clear:none;}
#main .linke-spalte .ce_image.termin.mobile {width:180px; height:180px; margin: 20px 140px 0 0; padding: 0; float:right; clear:none;}
#main .linke-spalte .ce_image.termin.mobile .image_container {padding:0; margin:0;}
#main .ce_text.termin.mobile .image_container.float_below {
    width: 40px !important;
    height: auto !important;
    padding: 4px 0 0 0 !important;
    float: none;
	display:inline-block;}
#container .ce_text.termin.mobile p {
    padding: 4px 0 4px 0;
    margin: 0;
    display: block;
	-moz-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg);
}	
		
#main .linke-spalte .ce_image.termin.mobile {display:block;}
#main .linke-spalte .ce_text.termin.desktop {display:none;}


#main .rechte-spalte {width: 100%;}
#main .rechte-spalte .ce_text.portrait .image_container {top: -50px;}

/*.background-header {background:url(../../files/data/graphics/background-header.svg) left top no-repeat; background-size:100% auto; width:100%; height:200px;}*/
.background-header img {display: none;}
#header {width:100%; height:182px; float:left;}
#header .inside {height: 182px; width: 100%;}


.background-header {background:url(../../files/data/graphics/background-header.svg) left top no-repeat; background-size:982px 182px; width:100%; height: 182px;}

#container {margin: 20px auto 0 auto;}

#footer .ce_text.mobile {display:none;}
#footer .ce_text.tablet {display:block;}
#footer .ce_text.desktop {display:none;}

}

@media (max-width:699px){
#main .rechte-spalte .ce_text.portrait .image_container {
    position:relative;
    right:auto;
	left:0;
    top:0;}
#main .ce_text .image_container.float_above {padding: 8px 20px 6px 0;}

#main .rechte-spalte .ce_text {
    width: 100%;
    padding: 0;}
	
#main .linke-spalte .ce_image.termin.mobile {margin: 20px 60px 0 0;}	

#main .linke-spalte .ce_text {width: 52%;}

}

@media (max-width:599px){
#main .linke-spalte .ce_image.termin.mobile {margin: 20px 0 0 0;}

#main .linke-spalte .ce_text {width: 56%;}
}

@media (max-width:579px){
#footer .ce_text.mobile {display:block;}
#footer .ce_text.tablet {display:none;}
#footer .ce_text.desktop {display:none;}

#footer {height:200px; padding:0; margin-top: -200px;}
#footer .inside {height:200px;}
#footer .inside .mod_article {height:200px;}
#footer .inside .mod_article .content {height:160px; padding:40px 0 0 0;}
.endcontent {height:200px;}

}

@media (max-width:549px){
#main .linke-spalte .ce_text {width: 100%; margin: 0 0 0 0;}

#main .linke-spalte .ce_image.termin.mobile {display:none;}
#main .linke-spalte .ce_text.termin.desktop {display:block;}	

#main .ce_text.termin {padding: 20px 0 20px 0;}





#footer .ce_text.mobile {display:block;}
#footer .ce_text.tablet {display:none;}
#footer .ce_text.desktop {display:none;}

#footer {height:200px; padding:0; margin-top: -200px;}
#footer .inside {height:200px;}
#footer .inside .mod_article {height:200px;}
#footer .inside .mod_article .content {height:160px; padding:40px 0 0 0;}
.endcontent {height:200px;}

#main .rechte-spalte .ce_text.portrait .image_container {
    position: absolute;
    right: 0;
	left:auto;
    top: -140px;
    height: auto !important;
    float: left;
    width: 160px !important;
	padding:0;}

}

@media (max-width:479px){

}

@media (max-width:419px){
#main .linke-spalte {font-size: 1.9rem; line-height: 2.6rem;}
#container h1 {font-size: 1.9rem; line-height: 2.6rem; padding: 12px 0 8px 0;}
#container h2 {font-size: 1.9rem; line-height: 2.6rem; padding: 12px 0 8px 0;}
#main .ce_text.termin {padding: 20px 0 20px 0; font-size: 2.1rem; line-height: 2.9rem;}

#main .ce_text .image_container.float_above {
    padding: 0 0 6px 0;
    clear: both;
    float: none;
    display: inline-block;}

#main .rechte-spalte .ce_text.portrait .image_container {
    position: absolute;
    right: 0;
	left:auto;
    top: -120px;
    height: auto !important;
    float: left;
    width: 140px !important;
	padding:0;}

}


@media (max-width:349px){
#main .ce_text.termin {padding: 20px 0 20px 0; font-size: 1.9rem; line-height: 2.7rem;}
#main .rechte-spalte .ce_text.portrait .image_container {top: -120px; width: 120px !important;}

}

/*  FIXES  													 */
/*************************************************************/
.cleaner {clear:both;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:0px;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {height:1px; font-size:0.1px; line-height:0.1px; clear:both; }
.invisible { display:none;}


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 19, 2020 */



@font-face {
    font-family: 'encode_sansbold';
    src: url('../../files/data/styles/encodesans-bold-webfont.eot');
    src: url('../../files/data/styles/encodesans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/encodesans-bold-webfont.woff2') format('woff2'),
         url('../../files/data/styles/encodesans-bold-webfont.woff') format('woff'),
         url('../../files/data/styles/encodesans-bold-webfont.ttf') format('truetype'),
         url('../../files/data/styles/encodesans-bold-webfont.svg#encode_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'encode_sansmedium';
    src: url('../../files/data/styles/encodesans-medium-webfont.eot');
    src: url('../../files/data/styles/encodesans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/encodesans-medium-webfont.woff2') format('woff2'),
         url('../../files/data/styles/encodesans-medium-webfont.woff') format('woff'),
         url('../../files/data/styles/encodesans-medium-webfont.ttf') format('truetype'),
         url('../../files/data/styles/encodesans-medium-webfont.svg#encode_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'encode_sansregular';
    src: url('../../files/data/styles/encodesans-regular-webfont.eot');
    src: url('../../files/data/styles/encodesans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/encodesans-regular-webfont.woff2') format('woff2'),
         url('../../files/data/styles/encodesans-regular-webfont.woff') format('woff'),
         url('../../files/data/styles/encodesans-regular-webfont.ttf') format('truetype'),
         url('../../files/data/styles/encodesans-regular-webfont.svg#encode_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'encode_sanssemibold';
    src: url('../../files/data/styles/encodesans-semibold-webfont.eot');
    src: url('../../files/data/styles/encodesans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/encodesans-semibold-webfont.woff2') format('woff2'),
         url('../../files/data/styles/encodesans-semibold-webfont.woff') format('woff'),
         url('../../files/data/styles/encodesans-semibold-webfont.ttf') format('truetype'),
         url('../../files/data/styles/encodesans-semibold-webfont.svg#encode_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Encode Sans';
    src: url('../../files/data/styles/EncodeSans-Light.eot');
    src: url('../../files/data/styles/EncodeSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../../files/data/styles/EncodeSans-Light.woff2') format('woff2'),
        url('../../files/data/styles/EncodeSans-Light.woff') format('woff'),
        url('../../files/data/styles/EncodeSans-Light.ttf') format('truetype'),
        url('../../files/data/styles/EncodeSans-Light.svg#EncodeSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}