/*@import url(https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911);*/
/* ------------------------------------Reset---------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;
}
header .grid{
    background: beige
}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0; width: value; height: value}
input, textarea, select {margin:0; padding:0px;}


*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    }
/* -------------------------------------------------------------- */

html {-webkit-text-size-adjust: none; }
.video embed,.video object,.video iframe {width: 100%;height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

a{
	color: #654e2d;
	font-size: 1em;
	text-decoration: none; 
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
	transition-duration: 0.3s;
}

h1,  	{font-size: 1.5em;line-height: 1.5em;}
h2   	{font-size: 1.4em;line-height: 1.3em;}
h3, h4	{font-size: 1.2em;line-height: 1em;}
h5, h6	{font-size: .3em;line-height: 0em;}

p{margin: 10px 0;}

.t-center{text-align: center!important;}
.t-left{text-align: left!important;}
.t-right{text-align: right!important;}
.f-right{float: right!important;}
.f-left{float: left!important;}

section:after, section:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

/* ------------------------------------Html-Body------------------ */
html, body {width:100%; max-width: 1800px; padding:0; margin:0 auto; font-family: Helvetica;font-size: 1.em}
body {background: #f2f2f2; color: #3F3F3F;font: 1.1em/1.6em Arial, Helvetica, sans-serif;font-family: 'Goudy Bookletter 1911',Georgia,serif;}
body .wrap-body{}

/* --Line-- */
hr.line { margin: 15px auto; padding: 0; max-width: 90%;border: 0; border-top: solid 1px #ddd;text-align: center;}

/* -------------------------------------Header----------------- */



.top { color:#fff;background:#f2f2f2; }
.top a { color:#fff;background:#f2f2f2; }
.top p{display:inline-block;}
.top ul {float: right}
.top li {display: inline-block;padding-right: 44px;vertical-align: baseline}

#navbar {
    background:beige; 
    min-height: 70px;
    padding: 20px 10px;
	margin: 0;
    font-family: "Merriweather Sans",sans-serif;
}
#navbar-left {
    float: left;
    line-height: 40px;
    background: beige;
}
.logo img {
    max-width: 210px;
    text-align: center;
    margin: -17px 5px 0 20px;
}

#navbar-middle {
    background: beige;
	float: right;
	text-align: center;
	line-height: 40px;
    width: auto;
	
}
.nav-top-box {
    float: left;
    min-width: 60px;
    text-align: center;
	margin: 5px 0
}

.nav-top-box a {
    background: beige;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    padding: 0 10px 0 10px;
    color: rgb(31, 29, 29);
}
.nav-top-box.nav-top-border {
    border-right: 1px solid beige
	}

#anfrage-de {
    width: auto;
    height: 950px;
}

#booking { width: auto;}
#booking a { width: auto}
#request a { width: auto}
#hotline { width: auto;}

#navbar-right {
    float: right;
	margin-top: 5px;
    line-height: 22px;
	border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
}

#navbar-right {height: auto; background-color: beige}

#languages {}

#languages a {
    font-size: .7em;
	
	margin: 0;
	background-color: beige
	}

@media only screen and (max-width: 29.625em){
	#navbar {display: inline-block;margin: auto; float: right; height: 75px }
	#navbar-left  {float:none }
	#navbar-left.logo {margin: 0; padding: 0;display:inline-block; float: right}
	#navbar-middle .nav-top-box {display: none}
	
	}


.site-title{background-color:#000; color:#fff;position: relative;padding: 12px;}
.site-title:after{
	content:'';
	background:url(../images/bg-1.png) repeat-x;
	height:12px;
	width:100%;
	left:0;
	bottom:-12px;
	position:absolute;
	z-index: 9999;
}

#hinweis {
    background-color: lightgreen ;     
    text-align: center;
    margin: auto;
    padding: 10px;
  
}
#hinweis h2 {padding: 15px 0}

#g-Regel {
     background-color: beige  
}
#g-Regel h2{
    color: crimson;
    margin-left: 120px;
    padding: 5px;
  }

.Regel {
    font-style: underline
}
/* ---------------------------Container-----------------  */

#container {
    width: 100%;
    height: auto;
    margin: 0 auto;   
   }
#container.index-page{margin: 0 auto}

.wrap-container{background: #fff; }

/* ---content-box--- */
.content-box {
    padding-bottom: 0px; 
    position: relative;
    }
.content-box .box-item {}
.content-box .header {
    text-align: center;
/*    padding-top: 1.2em; */
/*    padding: 5px 30px; */
    }
.content-box .header h2{
    font-size: 2em;
    letter-spacing: .13em;
    }


@media only screen and (max-width:37.49em) {
	.content-box .header h2{
    font-size: 1.3em;
    }
}


/*
.linie {font-size: 1px;margin-top: -20px;
  -webkit-box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);
    box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);
    padding:20px 0 0 0;}
*/


.content-box.box-1 {text-align: center;}
.content-box.box-1 .box-item{-webkit-box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);-moz-box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);padding:20px 0px;}
.content-box.box-1 .box-item h2{color: #7B0000;text-shadow: 1px 1px 1px #FFBF00; font-size: 2em; font-weight: 500;margin-bottom: 10px;}
.content-box.box-1 .box-item span{color: #7B0000;font-size: .9em;text-transform: uppercase; letter-spacing: 1px; padding: 2%}

#slogan {background-color: beige}

.content-box.box-2 .wrap-box{padding: 4% 2%;}
.content-box.box-2 .box-item{padding: 0 1%; width: 100%} 
.content-box.box-2 img {background: #e9e9e9; padding: 4px; float: left; width: 48em  }
.content-box.box-2 .box-item p {text-align: justify; background: #e9e9e9; padding: 1em;margin: 0 auto;max-width: 48em; float: left}
.content-box.box-2 h2 {color: #FFBF00;}
#box-2 {background: rgb(74, 78, 81)}
/*#box-2 {background: url(../images/hoch-auf-den-gletscher-c-faistauer-photography.jpg) fixed 0 0; height: auto}*/
/*  #box-2 {background: url(../images/view-at-the-region-with-flowers-breitbild-klein.jpg) fixed 0 0; height: auto}   */

.content-box.box-3 .post{background: beige; color: #3F3F3F; padding: 3% 6%; text-align: center; margin:auto }
.content-box.box-3 .post img{max-height: 450px;width: auto; float: none; margin 5%; padding: 6px; 
    border: 1px solid #383838;-webkit-box-shadow:0px 0px 10px 2px #130d0d ; -moz-box-shadow:0px 0px 10px 2px #130d0d ;box-shadow:0px 0px 10px 2px #130d0d ; }
.content-box.box-3 .post .wrapper{ text-align: center;}
.content-box.box-3 .wrapper img{float: right; height:100%; width: auto; padding-left: 7px; border-radius: 50%; border: none; box-shadow: none  }
.content-box.box-3 p{vertical-align: middle; margin: 10px}

@media only screen and (max-width:52.49em) {
	.content-box.box-3 .post .wrapper{ text-align: center;padding: 5px;}
	.content-box.box-3 .post img {float: none; margin: 0; width: 90%; height: auto}
	.content-box.box-3 .wrapper img {height: 50%; width: auto; float: right; padding-top: 10px}
	}
.content-box.box-3a .post{background: #bfe2b7; color: #3F3F3F; padding: 3% 6%}
.content-box.box-3a .post .wrapper{ text-align: center;padding: 10% 3%}
.content-box.box-3a .post img{max-height: 340px;width: auto; border: none; margin: 3%; border: 1px solid #dfeae1;-webkit-box-shadow:0px 0px 5px 2px #dfeae1 ;-moz-box-shadow:0px 0px 10px 2px #dfeae1 ;box-shadow:0px 0px 10px 2px #dfeae1 ; }
.content-box.box-3a p{vertical-align: middle; margin: auto 0}

@media only screen and (max-width:52.49em) {
	.content-box.box-3a .post .wrapper{ text-align: center;padding: 5px;}
	.content-box.box-3a .post img { width: 90%; height: auto; margin-left: }
}

#box4 {background: url(../images/bodybg.png)}
.content-box.box-4 p  {display: inline-block; background: #3F3F3F; color: white; padding: .8em; padding-bottom: 0.2m; margin-top: 0;}       .content-box.box-4 .wrap-box{ padding: 8px}
.content-box.box-4 img { background: #e9e9e9; padding: 4px; }
.content-box.box-4 svg {width: auto}
.content-box.box-4 .box-item{padding: 0 15px;position:relative} 
.content-box.box-4 .post {background: beige; color: #3F3F3F; padding: 3% 6%; text-align: center;}
.content-box.box-4 a {text-decoration: underline; background: #3F3F3F; color: white; padding: .8em; padding-bottom: 6px; margin-top: 0;}
.content-box.box-4 span {display: inline-block; padding-top: 7px; color: crimson}
.content-box.box-4 iframe {width: 50%;}
@media only screen and (max-width:52.49em) {
	.content{"path":"/tauri/E/WEB/HM einspaltig/css/style1.css"}-box.box-4 .post .wrapper{ text-align: center;padding: 5px;}
	.content-box.box-4 .post img {float: none; margin: 0; width: 90%; height: auto}
	.content-box.box-4 .wrapper img {height: 50%; width: auto; float: right; padding-top: 10px}
    .content-box.box-4 span {display: block; padding-top: 7px;color: crimson}
    .content-box.box-4 iframe {width: 100%;}
	}

#box5 {background: url(../images/zeller-see.jpg) fixed 0 0; height: auto}
#box5 header h2 {margin-top: 0; padding-top: 50px}

.content-box.box-5{padding-bottom: 30px;min-height: 480px; }
.content-box.box-5 .grid {width: 80%}
.content-box.box-5 img {background: #e9e9e9;padding: 4px;float: left; width:48em; }


.content-box.box-5 .item .item-content h2 {font-size: 1.1em;color:#000} 

.content-box.box-5 .item .item-content a {color:#e9f0ef}
.content-box.box-5 .item .item-content p {font-size: 1em;color: #000}

.content-box.box-5 .item .item-content {background-color: #e9e9e9; opacity: 1; color: #fff;padding: .5em; } 

.content-box.box-5 .item:hover .item-content{background-color: #00238C; color: #fff;-webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease;}
.content-box.box-5 .item:hover .item-content p {color: #fff}
.content-box.box-5 .item:hover a.btn {border-color: #fff;color: #fff;}
.content-box.box-5 .item:hover h2 {color: #fff;}

.content-box .box-hund .post {background-color: #e9e9e9; opacity: 1; color: #fff; padding: .5em; font-size: 1em; color: #000; text-align: center}
.content-box.box-hund img {margin: 5px 50px; max-width: 60%; padding: 10px; text-align: center}
.content-box.box-hund h2 {font-size: 1.1em
}




.bg-grey {
      background-color: #f6f6f6;
  }
.thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail img {
      width: 100%;
      height: 100%;
      margin-bottom: 10px;
  }

.heading {
    background: #282828 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 2.3em;
    font-weight: normal;
    height: 60px;
/*    line-height: 22px;*/
    padding: 10px 20px;
    margin-top: 10px;
    position: relative;
    text-transform: uppercase;
    transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px);
    transform-style: flat;
}
.heading span {
    display: block;
    transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);
    transform-style: flat;
}

/* ---MainContent-Article--- */

#main-content{margin-top: 40px; height: auto}
#main-content .wrap-content{padding: 0 30px 20px;border-right: 1px solid #ddd;}
#main-content .wrap-content:last-child{padding-bottom: 5px}
#main-content .wrap-content h3{margin-bottom: 20px;color: #B20000;}
#main-content .wrap-map{background: lime;padding: 5px;border: 1px solid #bbb;max-width: 520px;}

@media only screen and (max-width:37.49em) {
	#main-content .wrap-content{padding: 15px;border-right: 0px }
	#main-content {margin-top: 0}
}

article{border-bottom: 1px solid #ddd;padding-bottom: 25px;margin-bottom: 25px; }
article:last-child{border-bottom: 1px;padding-bottom: 0; margin-bottom:10px }
article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
article .art-header h3{font-size: 1.4em;}
article .art-content p {margin: 0 0 0 15px; }
article .art-content a{}
article .art-content p a {text-decoration: underline}
article .art-content a:hover{ color:#FE9B13 ;}
article .art-content blockquote {border-left: 3px solid #1c7791;font-size: 1.1em;margin: 0 50px;font-style: italic;color: #666;padding-left: 20px;}
article .art-content ol {float: left;text-align: justify;margin: 10px 50px;font-size: 1em;list-style-type: circle;}


article .entry-title {margin: 10px 0;}
article .entry-title h2{}
article .info a{ color: #BE0A0A;}
article .info a:hover{ text-decoration: underline;}

article img{display: inline-block;max-width: 350px;float: left;padding-right: 15px;}

article .voll {display: block; max-width: auto}

article .infobox {display: block; min-height: 100px; width: 500px; background: red}
article .infobox .picture img {width: 140px; height: auto; min-height: 100px; margin: 0; float: left; overflow: hidden;margin-right: 0}
article .infobox .p  width: 410px; margin: 10px 0 0 0; padding: 15px 20px 0 20px; overflow: hidden;font-size: 12px;}


.grun {display: inline-block; background: green; font-size: 1em;text-align: center; min-width: 175px; color: black; padding: 5px}
.rot {display: inline-block; background: red;font-size: 1em; text-align: center; min-width: 175px; color: black;padding: 5px }

/* ---Sidebar-Widget--- */
#sidebar{margin-top: 3%;}
#sidebar .wrap-sidebar{margin: 0px 10px; }

.widget {margin-bottom: 10px;padding: 5px 10px 10px;}
.widget ul li { line-height: 2;border-bottom: 2px solid #DDD;}
.widget:after, .widget:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
.widget .wid-header  {}
.widget .wid-header h2 {display: inline-block;padding: 0px 10px 10px 0;margin-bottom:-4px;font-size: 1.4em; color:#FE9B13}
.widget .wid-content{padding: 10px 0;}
.widget .wid-content p a {text-decoration: underline}
.widget.wid-about {}
.widget.wid-tag {}
.widget.wid-post h5 {color:#92907C }
.widget.wid-gallery {}
.widget.wid-gallery img{margin: 0 10px 10px 0; max-width: 150px;}
.widget.wid-archive {}
.widget.wid-archive select {margin: 5px 0;height: 40px;width: 100%;padding-left: 10px;font-family: "Noto Serif",serif;font-size: 1em; background-color: #e9e9e9;color: #777777;border: none;}
.widget.wid-meta {}
.widget.wid-meta ul li{ font-size: 1em;}

.widget.wid-related {background-color: #fff; padding: 0}
.widget.wid-related img{max-width: 243px; width: 100%;border:1px solid #DDD;}
.widget.wid-related h4{margin-top: 10px;}

/* ------------------Footer-------------------- */
footer{margin-top: 20px;background:#a00000 ;} /*  vorh. #f2f2f2  */
footer .wrap-footer{color: #fff;padding: 20px 25px 35px;border-bottom: 1px solid #ddd;position: relative;}
footer .wrap-footer:after{
	content:'';
	background:url(../images/bg-3.png) repeat-x;
	height:12px;
	width:100%;
	left:0;
	top:0;
	position:absolute;}
footer a{color:#fff}
footer .a a {text-decoration: underline}
footer span{font-weight: bold;font-size: 1.13em;}
footer h4{color: #fff;font-size: 1em; text-transform: uppercase;margin: 15px 25px}

footer .map {
	padding: 3px;
    border: 2px solid darkgray;
    max-width: 650px; 
}
footer.map2 ifram {width: 100%; height: auto}

#foot-nav ul  {
    margin: 0 25px;
    padding: 0;
	display: block
}
#foot-nav li {
	list-style: circle;
    margin-left: 20px
}
#foot-nav a link {
    color: #E4000D;
}

.wrap-col.test {display: block; float: right; width: 100%; height: 120px; background-color: aliceblue; margin 20px }

footer  img{border: 1px solid #bbb;display: inline-block;padding: 15px 5px;float:left;margin-right: 10px;}

/*.footer ul.top-social {margin: 8px 7px 0 0;}
.footer ul.top-social li a{padding: 8px 10px;display: block;width: 35px;height: 35px;border-radius: 50%;font-size: 1.06em;line-height: 40px;color: #ffffff;background: #E4000D;}
.footer ul.footer-social li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active{opacity: 0.7;}*/


#footer2 {text-align: center; background-color: darkgray; padding: 10px}
#footer2 img { max-height: 75px; width: auto; margin: 5px 10px 20px 10px}


/* ---------------------Post--------------------- */
.post:after, .post:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
.post img{float: left; margin: 15px 10px; width: 150px;}
.post .wrapper {vertical-align: middle;text-align: left;line-height: 1.4em;padding-bottom: 7px;margin-top: 20px;display: inline-block;}
.post .wrapper span{font-size: 1.063em;}


/* --------------------Ribbon-------------------- */
.ribbon {  
	float: left;
	position: absolute;  
	top: 50px;
    position: relative;
    display: inline-block;
    font-size: 1.13em;
    width: 120px;        
    padding: 6px 0px;
	text-align: center;
    margin-left: -20px;
    color: #fff ;
    background: #D22E3E;
    -webkit-box-shadow: 3px 2px 4px rgba(0,0,0,.5);
    -moz-box-shadow: 3px 2px 4px rgba(0,0,0,.5);
    box-shadow: 3px 2px 4px rgba(0,0,0,.5);}    
.ribbon:before{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    top: 100%;
    border-width: 5px 10px;
    border-style: solid;
    border-color: #470000 #470000 transparent transparent;
}
.ribbon:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -10px;
    top: 0;
    border-width: 10px 5px;
    border-style: solid;
    border-color: #D22E3E transparent transparent #D22E3E  ;
}
.ribbon b {
    position: absolute;
    width: 0;
    height: 0;
    right: -10px;
    bottom: 0;
    border-width: 10px 5px;
    border-style: solid;
	border-color:  transparent transparent #D22E3E #D22E3E ;
}
/* ------------------------Button-------------------- */

a.button{
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	border:1px solid #ffffff; 
	display: inline-block;
	text-decoration: none;
	background: #005580;
	margin: 0;
	padding: 5px 15px;
	color: #fff;
    bottom: 0
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
a.button:hover{opacity: 0.9;color:#FE9B13;}

a.button.bt1 {}
a.button.bt2 {}
.btn {
    border: 3px solid #6A6564;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    cursor: pointer;
    display: inline-block;
/*    font-family: 'Racing Sans One', cursive;*/
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 18px;
    text-align: center;
    transform: rotate(0deg) scale(1.003) skew(-12deg) translate(0px);
    vertical-align: middle;
    }

a.btn {font-family: Arial, Helvetica, sans-serif; color: #FE9B13; font-style: normal; font-size: .9em; text-transform: none; }

details {
    display: block;
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 5px;
    width: 100%;
	height: 100%;
    text-align: left;
    border: none;
	border-bottom: solid 1px;
    outline: none;
	font-size: .9em;
    transition: 0.4s;
    font-family: Arial, Helvetica, sans-serif;
}
details summary h3 {
    font-family: Arial, Helvetica, sans-serif; 
    color: #888; 
    font-style:normal; 
    line-height: 1.5em;
    font-size: 1.1em; 
    text-transform: none; 
    display: block;
    cursor: pointer;
    text-align: center;
    margin: auto;
    }


/*---- Button Accordeon ---*/

/* Style the buttons that are used to open and close the accordion panel */
button.accordion {
	display: block;
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 10px;
    width: 100%;
	height: auto;
    text-align: left;
    border: none;
	border-bottom: solid 1px;
    outline: none;
	font-size: .9em;
    transition: 0.4s;
	}

button.accordion p {
    font-size: 5.em
}

button img {display: inline-block width: 50%; height: 50%}
button p {display: inline-block; color: brown}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

button.accordion.active, button.accordion:hover {background-color: #ccc}

/* Style the accordion panel. Note: hidden by default */

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 25px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

div.panel {
    padding: 0 ;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

button.accordion.wid-header h2{padding: 10px;  }

div.panel p  {color: blue } 

/* -----------------------Contact------------------- */

@media only screen and (min-width: 64em) {
	.formular {width: 60%; margin-left: 20%;}
}

/* --------Crumbs----= Seitenanzeige Wo + Home + Linie----------------- */
.crumbs {-webkit-box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);-moz-box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);padding:10px 0 20px 30px;}

.crumbs h2 {color: #654E2D;}

/* @media only screen and (max-width: 37.49em){
	.crumbs {display: none} */
}
/* ---------------------Zoom-Effect-------------------- */
.zoom-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 1em;
	font-size: 1rem;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .10);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption span {
	display: block;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1em;
	font-weight: 900;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #fff;
	margin: 33% 0 0;
	padding: 10px 0;
	
}
.zoom-container:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container:hover .zoom-caption {background: none;}		


/*-----------MONI-------------*/

.letter-spacing {letter-spacing: .05em;}

.rot_fett {color: #a80329;font-weight: bold;}
.small {font-size: 1px;line-height: 0;margin: 0;padding: 0;}
.small1 {font-size: .7em;}


.video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
	margin-bottom: 10px;
}	
.videoextern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: 0;
}
.videoextern2 { display: inline-block; margin: 5px; height: 150px; width: auto}

.webcam {width: 100%; height: auto; max-width: 100%}

.agb p {font-size: .8em; margin-left: 5px}
.agb h6 {margin: 20px 0 10px 10px; font-size: 1em}


.zimmer .zibi {}
.zimmer .zibi img { height: auto; width: 100%; max-width: 300px margin: 0; padding: 0}
.zili-cont {margin-left: 1em;}
.zimmer .zili {margin: auto; padding-left: 2em;}
.zimmer ul li {list-style: circle; }
.zimmer ul {padding-top: 1em}
.zimmer li { line-height: 2em; }
.zimmer .zili p {margin-left: -1em}



figure  {
	float: left;
	margin: 0 3px 3px 3px;
	border: 1px #a80329 solid;
	padding: 13px;
	padding-top: .6em;
	text-align: center;
	background-color: #fff;
	}
figcaption  {
    font-style: italic;
    font-size: 0.8em;
    line-height: normal;
    margin: 0;
}

figcaption b {
    line-height: 1.5em
}

.btn-to-top {
	display: block;
	position: fixed;
	bottom: 10%;
	right: -5px
		
}
.to-top {
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px ;
    border-radius: 6px ;
    color: #0F0F55;
	background-color: lightgray;
    text-align: center;
    margin: auto 8px 0 0;
	width: 1em;
	height: .7em;
	font-size: 1.8em;
	padding: .2em .3em}

.to-top a {
	line-height: normal
}

.day-pic {margin-top: 1em; border: 1px solid #600000;}

#webcam img {
	border: 1px solid #600000}
 


@media only screen and (min-width: 38em) and (max-width: 48em) {
	figure .zimmer .zibi .zoom-container img {
    height: auto;
    width: 70%;
    margin: 0;
    padding: 0;
}
}