/* Grundlayout */
@import url('https://fonts.googleapis.com/css?family=IM+Fell+English');

html {
        background: url('../bilder/background.JPG');
        background-size: cover;
	background-position: center;
	background-attachment: fixed;
        width: 100%;
        height: 100%;
}

body {
	margin: 1em auto;
        max-width: 80%;
	font-family: serif;
	
}

img{
        max-width: 100%;
  		border-color: black;
}

h1, main, main svg {
	/*border-radius: 0 .5rem .5rem;*/
	padding: 1rem;
	margin: 1rem;
}

a{
        color: #000066;
}

a:hover, a:focus {
        color: #00001a;
}

header {
        text-align: center;
        font-family: 'IM Fell English', serif;
        max-width: 100%;
        z-index: 1;
       
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'IM Fell English', serif;
}

main {
	display: block;     /* für IE */	
	background: #b3caef;
	border-color: #d5d5d5;
	min-height: 25em;
}
aside img {
        max-width: 200px;
}

.titel{
        width: 90%;
        margin-bottom: 10px;
        padding: 15px;
}

.textfeld{
        margin-bottom: 10px;
        padding: 5px;
        min-width: 200px;
}

.textarea{
        width: 98%;
        height: 50px;
        padding: 5px;
}

.kommentar{
        background: #f7fff7;
        padding: 5px;
        margin-bottom: 5px;
}

.kommentar_admin{
        background-color: f7fff7;
        padding: 5px;
        margin-left: 20px;
        margin-bottom: 5px;
}

.kommentar_field{
        background-color: white;
}

fieldset{
        margin: 0px;
        margin-bottom: 10px;
        border: 1px solid #a7d3a7;
        background: #a8bddd;
}

.datepicker {
        margin: 10px;
        padding: 15px;
}

.button{
        margin-top: 15px;
        padding: 10px 30px;
        border: 1px solid blue;
        background: #ccffcc;
        color: black;
        cursor: pointer;
}

.checkbox{
        padding: 5px;
        
}

#hinweis {                    /* für Container */
	padding: 1em;    
	margin: 2em auto;
	width: 20em;
	height: 10em;
	background-color: #b3caef;
	border-left: 5px solid #c32e04;
}

.hinweis {                    /* für Textzeile */
        color: #c32e04; 
        font-style: italic; 
        border-bottom: 1px dotted; 
        display:inline-block; 
}

.clearing{
        clear: both;
}

/*Slideshows */

.galerie{
        
}

.galerie img{
        width: 230px;
        padding: 5px;
        filter:grayscale(100%);
        transition: 1s;
}

.galerie img:hover{
        filter: grayscale(0);
        transform: scale(1.1);
}

#galerie_admin{
        width: 100%;
        z-index:1;
}

#galerie_admin tr td{
        width: 50%
}

#fotos{
        
}

#fotos tr td{
        width: 33%;
}

select{
        padding: 10px 30px;
        cursor: pointer;
        margin: 10px;
        
}

#ergebnis{
        margin: 0;
        padding: 0;
        border: hidden;
}

#bildvorschau {
        visibility: hidden;
        width: 35%;
        background: red;
        border: 1px solid black;
}

#bildvorschau{
        position: fixed;
        position: -webkit-sticky;
        -webkit-position: sticky;
        justify-self: flex-start;
        top: 20%;
        right: 25%;
        height: auto;
        z-index: 20;
}

#bildvorschau img{
        height: auto;
        width: auto;
        max-width: 300px;
        max-height: 300px;
        visibility: visible;
}

#bildvorschau .zusatz{
        height: auto;
        visibility: visible;
}