body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
:root{--hc-black: black;--hc-black-bis: hsl(0, 0%, 7%);--hc-black-ter: hsl(0, 0%, 14%);--hc-grey-darker: hsl(0, 0%, 21%);--hc-grey-dark: hsl(0, 0%, 29%);--hc-grey: hsl(0, 0%, 48%);--hc-white: white}.wcag-square,.wcag-size{transform:scale(0.4)}.wcag-size:visited{color:var(--hc-black)}.contrast-size-switcher button{background:none;border:none;padding:0;display:flex}.contrast-size-switcher button:focus{background:none}.high-contrast a,.high-contrast a:visited{text-decoration:underline}.high-contrast .hc-invert:not(.hc-greyscale),.high-contrast .hc-invert-pictures:not(.hc-greyscale-pictures) img,.high-contrast .hc-invert-pictures:not(.hc-greyscale-pictures) svg{filter:invert(1)}.high-contrast .hc-greyscale:not(.hc-invert),.high-contrast .hc-greyscale-pictures:not(.hc-invert-pictures) img,.high-contrast .hc-greyscale-pictures:not(.hc-invert-pictures) svg{filter:grayscale(1)}.high-contrast .hc-invert.hc-greyscale,.high-contrast .hc-invert-pictures.hc-greyscale-pictures img,.high-contrast .hc-invert-pictures.hc-greyscale-pictures svg{filter:invert(1) grayscale(1)}.high-contrast .hc-bg-black{background:var(--hc-black) !important}.high-contrast .hc-bg-black,.high-contrast .hc-bg-black *{color:var(--hc-white) !important}.high-contrast .hc-bg-black-bis{background:var(--hc-black-bis) !important}.high-contrast .hc-bg-black-bis,.high-contrast .hc-bg-black-bis *{color:var(--hc-white) !important}.high-contrast .hc-bg-black-ter{background:var(--hc-black-ter) !important}.high-contrast .hc-bg-black-ter,.high-contrast .hc-bg-black-ter *{color:var(--hc-white) !important}.high-contrast .hc-bg-grey-darker{background:var(--hc-grey-darker) !important}.high-contrast .hc-bg-grey-darker,.high-contrast .hc-bg-grey-darker *{color:var(--hc-white) !important}.high-contrast .hc-bg-grey-dark{background:var(--hc-grey-dark) !important}.high-contrast .hc-bg-grey-dark,.high-contrast .hc-bg-grey-dark *{color:var(--hc-white) !important}.high-contrast .hc-bg-grey{background:var(--hc-grey) !important}.high-contrast .hc-bg-grey,.high-contrast .hc-bg-grey *{color:var(--hc-white) !important}.high-contrast .hc-bg-white{background:var(--hc-white) !important}.high-contrast .hc-bg-white,.high-contrast .hc-bg-white *{color:var(--hc-black) !important}.high-contrast .hc-text-white,.high-contrast .hc-text-white *{color:var(--hc-white) !important}.high-contrast .hc-hover-text-white:hover,.high-contrast .hc-hover-text-white:hover *{color:var(--hc-white) !important}.high-contrast .hc-text-black,.high-contrast .hc-text-black *{color:var(--hc-black) !important}.high-contrast .hc-hover-text-black:hover,.high-contrast .hc-hover-text-black:hover *{color:var(--hc-black) !important}.high-contrast .hc-hover-bg-black:hover{background:var(--hc-black) !important}.high-contrast .hc-hover-bg-black-bis:hover{background:var(--hc-black-bis) !important}.high-contrast .hc-hover-bg-black-ter:hover{background:var(--hc-black-ter) !important}.high-contrast .hc-hover-bg-grey-darker:hover{background:var(--hc-grey-darker) !important}.high-contrast .hc-hover-bg-grey-dark:hover{background:var(--hc-grey-dark) !important}.high-contrast .hc-hover-bg-grey:hover{background:var(--hc-grey) !important}.high-contrast .hc-hover-bg-white:hover{background:var(--hc-white) !important}.high-contrast .wcag-square,.high-contrast .wcag-size,.high-contrast .wcag-size:visited{color:#fff;fill:#fff}.high-contrast .text-decoration-none,.high-contrast .text-decoration-none a{text-decoration:none}.first-headline.block,.subheadline{font-size:0.7em;font-weight:300;display:block}.first-headline:not(.block){font-weight:300}.first-headline:not(.block)+.main-headline{font-weight:700}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#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}
/****
 **** Individelle Styles und andere Elemente
 ****
 box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit;
 */
#top{
	max-width:1080px;
        margin-right: auto;
        margin-left:  auto;
        border: none;
	background-color: #dbe8d8;
	color: #6f583f;
        /*background: url("../../files/mate/img/bergehintergrund.jpg");*/
	box-shadow:  rgba(0, 0, 0, 0.25) -3px 0 3px 2px ; 
	background-blend-mode: normal;
}

/* Logo */  
#article-145 {
/*      border: 1px solid;
 overflow: hidden;*/
  width:118%;
}

/* Videoplayer 
 In contao-themes-net/mate-theme-bundle/public/sass/style.scss bei ".content-player
 iframe, video" video löschen*/
video {
      border-radius:10px;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 90%;
}

.if_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 68%; /* 16:9 Aspect Ratio mit Video-Download Eintrag unter Player */
}
.if_container0 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 62%; /* 16:9 Aspect Ratio ohne Video-Download Eintrag */
}
.if_container1 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 75%; /* 4:3 Aspect Ratio */
}
.if_container2 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 58%; 
}
/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  min-height: 50vh;
  top: -5%;
  width: 100%;
}
.responsive-iframe1 {
  position: absolute;
  min-height: 50vh;
  top: -2.8%;
  width: 98%;
  height: 106%;
}
/*   border-style: solid;
   border-width: 1px; */
.fling-kb {
	transition-duration: 800ms; 
	transition-timing-function: ease-in-out;
}

.fling-kb:hover {
	transform: scale(1.06) perspective(180em) rotateX(20deg);
}

.hvideo_container video {
    position: absolute;
    border-radius: 0px;
    top: 160px;
    left: 0;
    width: 100%;
    height: 324px;
    -o-object-fit: cover;
    object-fit: cover;
}

.bgvideo_container video {
    position: absolute;
    border-radius: 0px;
    top: 170px;
    left: 0;
    display: inline-block;
    width: 100%;
    height:900px;
    -o-object-fit: cover;
    object-fit: cover;
}
.bg_video { 
	animation: op-fade 40s infinite;
}
@keyframes op-fade { 
	      0% {opacity: 0.0;}
	      8% {opacity: 0.6;}
	     92% {opacity: 0.6;}
	    100% {opacity: 0.0;} 
}

.txt_shadow {
	z-index: 1;
	text-shadow: -2px 2px 4px #585858;
}
.txt_shadow1 {
	text-shadow: -2px 2px 5px #000;
}

/* Schrift im Header Bild */
#schrift_h2 {
 	font: normal 1em sans-serif;
 	font-size: 220%;
 	line-height: 0.5em;
}
#schrift_h3 {
 	font: normal 1em sans-serif;
 	font-size: 165%;
 	line-height: 0.4em;
}
#schrift_klein {
 	font: normal 1em sans-serif;
         font-size: 105%;
         text-align: justify;
         line-height: 1.1em;
}

.ce_headline_custom {
    font-family: "Times New Roman", Times, serif;
    font-size: 1.7em;
    font-weight: bold;
    line-height:2.7em;
    margin-top:-0.9em;
    margin-bottom:-0.35em;
    text-align: left;
}

#animation {
	   width:102%;
	   height:70%;
           overflow: hidden;
}
.dia1 img {
	animation: trans1 9s infinite;
}
.dia2 img {
	animation: trans2 9s infinite;
}
.dia3 img {
	animation: trans3 9s infinite;
}
.dia4 img {
	animation: trans3 9s infinite;
}
@keyframes trans1 {
      40% {transform: scale3d(1.06,1.06,1.06) translate3d(20px,-8px,0px);
           animation-timing-function: ease-in-out;
      }
}
@keyframes trans2 {
      50% {transform: scale3d(1.06,1.06,1.06) translate3d(-20px,8px,0px);
           animation-timing-function: ease-in-out;
      }
}
@keyframes trans3 {
      60% {transform: scale3d(1.06,1.06,1.06) translate3d(20px,8px,0px);
           animation-timing-function: ease-in-out;
      }
}
@keyframes trans4 {
      70% {transform: scale3d(1.06,1.06,1.06) translate3d(-20px,-8px,0px);
           animation-timing-function: ease-in-out;
      }
}

.graphics figure {
  padding: 8px;
  float: right;
 /* border: 1px solid #cccccc;
  border-radius: 3px;*/ 
}

.graphics figure img {
  border-radius: 3px 3px 0 0;
}

.graphics figure figcaption {
  padding: 2px 4px 2px 4px;
  background-color: #dbedd8;
  color: #000;
  font-style: normal;
  border-radius: 0 0 3px 3px;
}
.td-0 td {
   background-color: #dbedd8;
   color: #000;
   font-style: normal;
  }

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio,
canvas,
video {
        display: inline-block;
        /*display: inline;
        zoom: 1;*/
}

/* Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices */
audio:not([controls]) {
        display: none;
        height: 0;
}

img {
	border-style: none;
        border: 0px;
	margin: 0;
        /* 1 */
        -ms-interpolation-mode: bicubic;
        /* 2 */
}

#mateNavbar276 {
	max-width:1100px;
        margin-right: auto;
        margin-left:  auto;
        border: none;
}
#background-image1 {
    background: url("../../files/mate/images/Alpen/background_piz_roseg.jpg") fixed no-repeat;
    position: absolute;
    top:  160px;
    width:  100%;
    height: 100%;
    display: inline-block;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
}


main {
  display: block;
}
/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/*-- Gallery --*/
.ce_gallery ul {display: block; overflow: hidden}
.ce_gallery ul li {float: left; list-style-type: none}
.ce_gallery .image_container{position: relative; margin: 0}
.ce_gallery .col_first {clear: both}
.ce_gallery img {display: block;
	         border: 1px solid;
 		 border-color: #663300;
                 border-radius: 3px 3px 3px 3px;
	 }
.ce_image img figure figcaption {
  background-color: #dbedd8;
  color: #000;
  font-style: normal;
}
#ce_image {
	padding:1%;
  background-color: #dbedd8;
  color: #000;
  font-style: normal;
 /* border: thin black solid;*/
}

#tabelle       {background-color: #e8e8d9; width: 100%;}
#zeilengruppe  {background-color: #8db243; color: #ffffff; padding: 2%;}
#zeilengruppe1  {background-color:#fceacc; color: #6f583f; 
	         font-family: serif;
	         padding: 1%; line-height: 120%; font-size: 90%;
	         border-color: #663300; border: 1px solid;
		 border-radius: 3px 3px 3px 3px;
	        }
#zeilengruppe2  {background-color:#fffadc; color: #6f583f; 
	         font-family: serif; width: 150px;
	         padding: 2%; line-height: 125%; font-size: 115%;
	         border-color: #663300; border: 1px solid;
		 border-radius: 3px 3px 3px 3px;
	        }
#zeilengruppe3 {background-color: #6f583f; color: #ffffff; padding: 1%;
                font-family: serif; line-height: 105%;
	       }
#textklein     {color: #6b4d38; font-size: 70%;}
#center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}
#slidesgalerie1 a {
	float: left;
	background-color: #6581ab; color: #fff;
	font-family: serif; 
	height: 160px; width: 550px;
        padding: 10px; font-size: 105%;
	border: thin black solid;
	border-radius: 3px 3px 3px 3px;
}
#slidesgalerie2 a {
        float: left;
        background-color: #6ca564; color: #fff;
        font-family: serif;
        height: 160px; width: 550px;
        padding: 10px; font-size: 105%;
        border: thin black solid;
        border-radius: 3px 3px 3px 3px;
}
#slidesgalerie3 a {
        float: left;
        background-color: #d86a3f; color: #fff;
        font-family: serif;
        height: 160px; width: 550px;
        padding: 10px; font-size: 105%;
        border: thin black solid;
        border-radius: 3px 3px 3px 3px;
}
#ce_image1 {
  color: #6f583f;
  background-color: #dbedd8;
  font-style: normal;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid;
}
iframe {
	width: 800px;
	border: 0px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.dropdown-content {
            width: 20%;
            left:  -1% ;
}

@media only screen and (min-width: 701px) {
.bild_beschriftung {
	width: 100%;
	height: 450px;
	text-align: left;
	position: relative;
 }

.bild_beschriftung1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 1.7em;
    font-weight: bold;
    line-height:2.7em;
    margin-bottom:-0.1em;
    text-align: center;
    white-space: nowrap;
}

.bild_beschriftung h1 {
        color: #fff;
        bottom: 400px;
        left: 30px;
        background: #404040; /* Fallback IE 6-8 */
        background-color: rgba(40, 40, 40, 0);
 }

.bild_beschriftung h3 {
        color: #fff;
        bottom: 435px;
        left: 30px;
        background: #404040; /* Fallback IE 6-8 */
        background-color: rgba(40, 40, 40, 0);
 }
.bild_beschriftung h5 {
        color: #fff;
        bottom: 382px;
        left: 28px;
 }
.bild_beschriftung h6 {
        color: #fff;
        width: 65%;
        text-align: justify;
	left: 30px;
        bottom: 400px;
        line-height: 1.2em;
        background: #404040; /* Fallback IE 6-8 */
        background-color: rgba(40, 40, 40, 0);
 }
#zeile {
    display: table-cell;
    position: relative;
    left: 20px;
    top: 30px;
    box-shadow: -1px 1px 2px #aaa;
    padding-top: 4.2%;
    background-color: #e8e8d9;
    font-family: sans-serif;
    line-height: 200%;
    text-align: left;
  }
}
@media only screen and (min-width: 501px) and (max-width: 700px) {
.bild_beschriftung {
	width: 100%;
	height: 300px;
	text-align: left;
	position: relative;
 }
.bild_beschriftung h1 {
        color: #fff;
        bottom: 355px;
        left: 140px;
        background: #404040; /* Fallback IE 6-8 */
        background-color: rgba(40, 40, 40, 0);
 }
.bild_beschriftung h3 {
        color: #fff;
        bottom: 395px;
        left: 140px;
        background: #404040; /* Fallback IE 6-8 */
        background-color: rgba(40, 40, 40, 0);
 }
.bild_beschriftung h5 {
        color: #fff;
        bottom: 250px;
        left: 15px;
 }
.bild_beschriftung h6 {
        color: #fff;
        width: 65%;
        text-align: justify;
	left: 140px;
        bottom: 400px;
        line-height: 1.2em;
        background: #404040; /* Fallback IE 6-8 */
        background-color: rgba(40, 40, 40, 0);
 }
#zeile {
    display: table-cell;
    position: relative;
    left: 20px;
    top: 38px;
    box-shadow: -1px 1px 2px #aaa;
    padding-top: 4.2%;
    background-color: #e8e8d9;
    font-family: sans-serif;
    line-height: 200%;
    text-align: left;
  }
}
@media only screen and (max-width: 500px) {
.bild_beschriftung {
	width: 450px;
	height: 250px;
	text-align: left;
	position: relative;
 }
.bild_beschriftung h1 {
        color: #fff;
        bottom: 5px;
        left: 20px;
 }
.bild_beschriftung h3 {
        color: #fff;
        bottom: 5px;
        left: 20px;
 }
.bild_beschriftung h5 {
        color: #fff;
        bottom: 205px;
        left: 4px;
 }
.bild_beschriftung h6 {
        color: #fff;
        width: 50%;
        text-align: justify;
	left: 94px;
        bottom: 420px;
        line-height: 1.1em;
	font-size: 0.9em;
 }
 #zeile {
    display: table-cell;
    position: relative;
    left: 20px;
    top: 45px;
    box-shadow: -1px 1px 2px #aaa;
    padding-top: 4.2%;
    background-color: #e8e8d9;
    font-family: sans-serif;
    line-height: 200%;
    text-align: left;
  }
}