@charset "utf-8";
/* CSS Document */

    @font-face{
        font-family:"FuturaBT W02 Light";
        src:url("Fonts/5574995/d27590b2-856b-496f-bc2f-1a44afac350a.woff2") format("woff2"),url("Fonts/5574995/c62efdd7-b1cf-46e1-81a8-6a9c27dd1b63.woff") format("woff");
    }

/* eb-garamond-regular - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('Fonts/eb-garamond-v15-latin/eb-garamond-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('Fonts/eb-garamond-v15-latin/eb-garamond-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/eb-garamond-v15-latin/eb-garamond-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/eb-garamond-v15-latin/eb-garamond-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('Fonts/eb-garamond-v15-latin/eb-garamond-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Fonts/eb-garamond-v15-latin/eb-garamond-v15-latin-regular.svg#EBGaramond') format('svg'); /* Legacy iOS */
}

/* eb-garamond-italic - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('Fonts/eb-garamond-v15-latin/eb-garamond-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('Fonts/eb-garamond-v15-latin/eb-garamond-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/eb-garamond-v15-latin/eb-garamond-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/eb-garamond-v15-latin/eb-garamond-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('Fonts/eb-garamond-v15-latin/eb-garamond-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Fonts/eb-garamond-v15-latin/eb-garamond-v15-latin-italic.svg#EBGaramond') format('svg'); /* Legacy iOS */
}
	body {
		font-family: 'FuturaBT W02 Light', sans-serif;
		font-size:1.2em;
		color:#8d6d3d;
		margin:0;
		padding:0;
		text-align:center;
		height:100%;
		overflow: hidden;
		padding-top: 4px;
		margin: 12px 0 0 0;
		padding: 0;
    }

.bild{
	flex: 3 1 100%;
    order: 2;
    align-items: center;
    justify-content: center;
}

    .bild img{
	 max-height:80vh;
	 max-width:100%;
 }

.text{	
	position: absolute;
	display: flex;
	padding: 8px 0px;
	bottom: 24px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	align-items: flex-end;
}

.beschreibung{
	flex: 1 1 50%;
	text-align: left;
	margin-right: 1%;
}
.beschreibung a{
	white-space: nowrap;
}
.navigation{
	flex: 1 1 49%;	
	text-align: left;
	padding-left: 1%;
}

ul{
	display: flex;
	list-style: none;
	justify-content: space-around;
	padding: 0;
	margin: 0;
}
li{
	flex: 1 1 1;
}

a{
font-family:"EB Garamond", serif;
	font-style:italic;
	color:#666;
	text-decoration: none;font-size: 120%;
}
a:hover{
	color: #000;
}

@keyframes standardanimation{
    0%{
		 opacity:0;
    }
    100%{
		 opacity:1;
    }
}

    .bild img{
animation: standardanimation 1s;
}

/* Too narrow to support three columns */
    @media all and (orientation:portrait) {
	body {
		font-size:1.1em;
    }
  
    #head > wordmark {
		margin-top: 12px;
    }
		.text{
			flex-direction: column;
			align-items: center;			
    width: 92%;
    margin-left: 4%;
		}
		.bild{
			width: 92%;
			margin-left: 4%;
		}
		.beschreibung{
			flex: 1 1 67%;
			text-align: center;
		}
		.navigation{
			flex:  1 1 30%;
			padding-left: 0;
			line-height: 130%;
			margin-bottom: 8px;
		}
		.navigation ul li{
		padding: 0 12px;
		}
    }

/* Too narrow to support three columns */
    @media all and (max-width: 800px) {
		.text{
			flex-direction: column;
			align-items: center;
		}
		ul{
			flex-direction: column;
		}
		.beschreibung{
			flex: 1 1 67%;
		}
		.navigation{
			flex:  1 1 30%;
			text-align: center;
			margin-top: 12px;
		}		
    }