@font-face {
  font-family: 'Arima Madurai';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/arima-madurai-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Arima Madurai'), local('ArimaMadurai-Regular'),
       url('../fonts/arima-madurai-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/arima-madurai-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/arima-madurai-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/arima-madurai-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/arima-madurai-v3-latin-regular.svg#ArimaMadurai') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Montez';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montez-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montez Regular'), local('Montez-Regular'),
       url('../fonts/montez-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montez-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montez-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montez-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montez-v8-latin-regular.svg#Montez') format('svg'); /* Legacy iOS */
}
html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  /*font-family: 'Didact Gothic', sans-serif;*/
  font-family: 'Arima Madurai', cursive;
  font-size: 18px;
  position: relative;
  margin: 0;
  min-height: 100%;
  background-color:#F1DABF;
}

.cc_container {
    background-color: #743a51;
}

.header {
    background-color: #fff;
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:100px;
    z-index:1;
}

#willkommen {
    margin-top:-110px;
    font-size: 40px;
}

#willkommen img {
    width:20%;
}

#navbar a {
    font-size:20px;
    margin-top:20px;
}

.navbar-brand img {
    margin-top:-20px;
}

#piccontainer {
     width:100%;
     max-height:600px;
     margin:0px auto;
     margin-bottom:100px;
}

.pics {  
    display:inherit;
    width:  100%; 
    height: 300px; 
    padding: 0;  
    margin:  0;  
    position:relative;
    z-index:0;
    
} 
 
.pics img {  
    max-width:  1173px; 
    max-height: 800px; 
     position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
} 
/*
#piccontainer {
     width:1200px;
     height:400px;
     margin:0px auto;
     margin-bottom:100px;
     padding-top:100px;
}

.pics {  
    display:inherit;
    width:  100%; 
    height: 350px; 
    padding: 0;  
    margin:  0;  
    position:relative;
    z-index:0;
    
} 
 
.pics img {  
    width:  100%; 
    height: auto; 
} 
*/  
/*
.ownnav {
    position:fixed;
    right: 0;
    top: 10;
    left: 0;
 }
*/

/* Cookie */
.om-cookie-panel {
    background-color: #F1DABF;
  }
  
  .om-cookie-panel .cookie-panel__button--color--green {
    background-color: #743a51;
  }


.container {
    padding-bottom: 100px;
    padding-top:50px;
}

footer {
    background-color: #743a51;
    color: #fff;
    height:100px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    max-width:100%;
    margin:auto;
    padding:1rem;
    text-align:right;
}

footer ul {
    padding-top:20px;
}

footer li {
    list-style:none;
    display:inline;
    margin-right:20px;
}

footer ul li a {
    color: #777;
    font-size:18px;
}

footer ul li a:hover, a:focus{
    color: #fff;
}

footer ul li strong a {
    color: #fff;
}

figure,
figcaption {
	margin: 0;
	padding: 0;
        padding-top:5px;
}

figure.einzel {
	position: relative;
	display: inline-block;
	width: 49.5%;
}

figure img {
	width: 99%;
	display: block;
}

figcaption {
	position: absolute;
	bottom: 0;
	width: 99%;
	text-align: center;
	line-height: 3em;
	color: white;
	background: rgba(0, 0, 0, 0.5);
}

.gesamt {
	position: relative;
	color: black;
	background: transparent;
}

#iframe {
    width:300px;
    min-height:225px;
}

@media (min-width: 400px) {
#iframe {
    width:400px;
    height:300px;
}

#willkommen {
    margin-top:-90px;
 }
}

@media (min-width: 450px) {
 #willkommen {
    margin-top:-60px;
    font-size:50px;
 }
}

@media (min-width: 500px) {
 #willkommen {
    margin-top:-40px;
    font-size:60px;
 }
 #willkommen img {
     max-width:100px;
 }
}

@media (min-width: 600px) {
#iframe {
    width:600px;
    height:450px;
}

.pics {
    height: 500px; 
}
 #willkommen {
    margin-top:-50px;
    font-size:75px;
 }
}

@media (min-width: 768px) {
.pics {
    height: 600px; 
}
.container {
    padding-top:0px;
}
#willkommen {
    margin-top:0px;
 }
}

@media (min-width: 767px) and (max-width:810px) {
     .navbar-brand img {
      display:none;
  }

}