@charset "utf-8";
@import url("video-css.css");
body {
    background-image: url("../images/back-images/hintergrundwko.png");
    background-repeat: repeat-x;    
}
.fliestext {background-image: url("../images/back-images/trans.png");
		font-family: sans-serif; 
	color:#303030
	}
.fliestext2 {
		font-family: sans-serif; 
	color:#303030
	}
/* Der Schein trügt! */

.img-milch {filter:grayscale(100%) opacity(30%);
transition: filter 1.5s;
 }

.img-milch:hover {transition: filter 1.5s;
	filter: opacity(100%);
 
}

.slogan {color: #811708; 
	/* capitalize - alle Anfangsbuchstaben von Wörtern werden groß geschrieben.
uppercase - alle Buchstaben werden groß geschrieben.
lowercase - alle Buchstaben werden klein geschrieben.
none - keine Veränderung des Textes.
*/font-variant:small-caps;
	text-shadow: grey 5px 4px 6px;;
	}
.ueberschrift2 {color: #811708; 
		}
.wkgeschichten_liste {color: #811708; margin-bottom:2em;
		font-family: sans-serif; 
	font-family: "Trebuchet MS", Helvetica, sans-serif;
letter-spacing: 0.3px;
font-weight: 125;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
font-size: calc(12px + (25 - 12) * ((50vw - 40px) / (1600 - 640)));}

.active {color: #CCCCCC}

a {color: #811708}
a.anders:link {color: #FFFFFF}

a:link { color: #811708 } /* unbesuchte Links */
a:visited { color: #811708 } /* besuchte Links*/
a:hover { color:#5C5C5C } /* Benutzer fährt mit der Maus darüber */
a:active { color: #811708 } /* aktive Links */

.footer { background-image: url("../images/back-images/hintergrundwko.png");
    background-repeat: repeat-x;
	color: #811708
	
}
.rechts-bildumliestext {
	float:right; margin-bottom: 2em; padding-left: 2em; 
	width: 50%;
	max-width: 100%;
    height: auto;
}
.links-bildumliestextlinks {
	float: left; margin-bottom: 2em; padding-right: 2em;
	width: 50%;
max-width: 100%;
    height: auto;
}

.bildmitte{
    height: 350px;
    width: 100% !important;
	object-fit: cover;
    object-position:bottom;
}
.bildneben {float:left;
margin: 0.5em; }

.box {	display:block;
	float:left;
	height:22em;	}
	
.vorgabebox2 {box-sizing: content-box;  
	height: 20em;
		}
.active2 {color: #811708;
font-family: "sans-serif"; 
 text-decoration-line: underline; }

.videobox {max-height: 50%;
}

.convideo {   max-width: 110%;
  max-height: 30em;
	overflow:hidden;
    object-fit: cover;
	object-position: 100% -25%;
    }
#glass {
    margin-bottom:  -120px;
	
}
.youtube-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.youtube-video-container iframe,
.youtube-video-container object,
.youtube-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.info {
	font-family: sans-serif; 
	font-family: "Trebuchet MS", Helvetica, sans-serif;
letter-spacing: 0.3px;
color: #949494;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
	}
.zeile { line-height: 150%; }
.datum {
	font-family: sans-serif; 
	font-family: "Trebuchet MS", Helvetica, sans-serif;
color: #811708;
font-weight: bolder;
text-decoration: none;
font-style: normal;
font-variant: inherit;
text-transform: none;
	}
.rand {border-color: white;
border-width: 0.20em;
	border-style: solid;}
audio {max-width: 80%; 
	display: box;
justify-content: left;
align-items: left;
}
.a {
}