@charset "UTF-8";
@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato-regular-webfont.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'Lato Bold';
    src: url('fonts/lato-bold-webfont.woff2') format('woff2'),
         url('fonts/lato-bold-webfont.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'Lato Italic';
    src: url('fonts/lato-italic-webfont.woff2') format('woff2'),
         url('fonts/lato-italic-webfont.woff') format('woff');
}
@font-face {
  font-family: 'Euphoria Script';
    src: url('fonts/euphoriascript-regular-webfont.woff2') format("woff2"), 
         url('fonts/euphoriascript-regular-webfont.woff') format("woff");
  font-weight: 100;    
  font-style: normal;
}
@keyframes knbs {
  0% { 
        margin-left: -13vw;
        margin-top: -10vw;
    }

 100% {
        margin-left: 0vw;
        margin-top: 0vw;

      }
}
@keyframes flyin-top {
  0% { 
        opacity: 0;
        top: -30px;       
    }
    100% { 
        opacity: 1;
        top: 0px;
    }
}
.kenburns {
    -webkit-animation: kbns 22s 1; 
    -moz-animation: kbns 22s 1; 
    -o-animation: knbs 22s 1; 
    animation: knbs 22s 1; 
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.flnlft {
    position: relative;
   -webkit-animation: flyin-left 2s 1; 
    -moz-animation: flyin-left 2s 1; 
    -o-animation: flyin-left 2s 1; 
    animation: flyin-left 2s 1; 
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; 
}
.flntp {
    position: relative;
   -webkit-animation: flyin-top 0.9s 1; 
    -moz-animation: flyin-top 0.9s 1; 
    -o-animation: flyin-top 0.9s 1; 
    animation: flyin-top 0.9s 1; 
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; 
}
* {
	margin: 0px;
	padding: 0px;
    box-sizing: border-box;
}
body {
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
    color: #484848;
    line-height: 1.7rem;
    hyphens: auto;
}
a:link {
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: #c7721c;
    text-decoration: none;
}
a:visited {
        color: #c7721c;
}
a:hover {
    color: #484848;;
}
b, strong {
    font-family: 'Lato Bold', sans-serif;
}
i {
    font-family: 'Lato Italic', sans-serif;
}
h1, h2, h4, h5 {
    font-family: 'Euphoria Script', sans-serif;
    color: #db7814;
    font-weight: 100;
}
h3 {
    color: #db7814;
    font-weight: 100;
    font-size: 4rem;
    line-height: 2rem;
}
h4 {
    color: #f2d0ae;
    font-weight: 100;
    font-size: 2rem;
    line-height: 2rem;
}
h5 {
    font-size: 5.4vw;
    line-height: 5.4vw;
}
h1 {
    font-size: 7.4vw;
    line-height: 7.4vw;
}
li {
    list-style-position: inside;
}
button {
    border: none;
    background-color: white;
}
header {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    height: 40vw;
    background-color: #fffaf0;  
    overflow: hidden;
}
header img {
    width: 113%;
}
#offcanvas {
	padding: 2em;
	position: relative;
	width: 100%;
    background-image: linear-gradient(to bottom, #fff2e4, #ffffff);    
    display: none;
    color: white;
}
#offcanvas div {
    position: absolute;
    right: 5vw;
    top: 5vw;
    width: 9vw; 
    background-color: rgb(255, 255, 255, 0.9);
    padding: 2.4vw 1.7vw 1.3vw 1.7vw;
}
.hinweis {
    color: #c7721c;
    font-size: 0.975rem;
    line-height: 1.2rem;
}
#offcanvas a:link {
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    font-size: 1.1em;
    line-height: 1.1em;
	display: block;
	text-decoration: none;
	color: #db7814;
    display: inline;
}
#offcanvas a:visited {
	color: #db7814;
}
#offcanvas a:hover {
    color: #847666;
}
#offcanvas a:active {
    color: #847666;
}
#logo {  
    padding: 8px;
    border: 4px solid #fff;
    position: absolute;
    display: table;
    left: 50vw;
    margin-left: -20vw;
    top: 13vw;
    width: 40vw;
    height : 12vw;
    background-color: rgb(255, 255, 255, 0.8);
    text-align: center;
}
#logo h1 {
    display: table-cell;
    vertical-align: middle; 
    font-family: 'Euphoria Script', sans-serif;
    font-size: 7.4vw;
}
#mobilenav {
    display: none;
    position: absolute;
    right: 5vw;
    top: 5vw;
    width: 9vw; 
    background-color: rgb(255, 255, 255, 0.9);
    padding: 2.4vw 1.7vw 1.3vw 1.7vw;
    
}
#mobilenav img {
    width: 100%;
}
nav {
    position:relative;
    top: -2.7rem;
    color: #db7814;
    width: 69%;
    margin: auto;
    text-align: center;
    padding: 0.6rem 0 0.6rem 0;
    background-color: rgb(255, 255, 255, 0.9);

}
nav a:link {
    font-size: 1.2rem;
    line-height: 1.5rem;
    letter-spacing: 0.025rem;
    color: #c7721c;
    padding: 12px 10px 12px 10px;
    text-decoration: none;
}
nav a:visited {
        color: #c7721c;
}
nav a:hover {
    color: #484848;;
}
.abstand {
    min-height: 4rem;
}
main {
    width: 68%;
    margin: auto;
    padding: 4rem 0 10rem 0;
}
main img {
    display: inline;
    width: 98%;
}
footer {
    background-image: linear-gradient(to bottom, #db7814, #9b4e25);    
}
#footeraside a:link {
    border: none;
    text-decoration: none;
    color: #ffcdbe;
    font-size: 1.1em;
    font-weight: 400;
    letter-spacing: 0.8;   
}
#footeraside a:visited {
    color: #ffcdbe;
}
#footeraside a:hover {
    color: white;
}
#footeraside a:active {
    color: #ffcdbe;
}
#footermobile a:link {
    border: none;
    text-decoration: none;
    color: white;
    font-size: 1.1em;
    line-height: 1.7em;
    font-weight: 400;
    letter-spacing: 0.8;   
}
#footermobile a:visited {
    color: white;
}
#footermobile a:hover {
    color: #ffcdbe;
}
#footermobile a:active {
    color: #8de8c7;
}
#footercontent {
    width:94%;
    margin:auto;
    display:grid;
    grid-gap: 10px; 
    grid-template-rows: minmax(min-content, min-content);  
    grid-template-columns: repeat(16, 1fr);
    grid-template-areas: 
        ". . footermain footermain footermain footermain footermain footermain footermain footermain footeraside footeraside footeraside footeraside . .";
}
#footermain {
        grid-area: footermain;
        min-height: 100px;
        color:#fff8dd;
        font-weight:300;
        padding: 20px;
        padding-top: 30px;
        text-align: left;
        font-size: 1.05em;
        line-height: 1.45em;
}
#footeraside {
        grid-area: footeraside;
        font-size: 1.1em;
        min-height: 100px;
        color:#bfcea3;
        font-weight:400;
        padding: 20px;
        padding-top: 150px;
        text-align: left; 
        line-height: 1.6em;
}
#footermain h2 {
            color:#ffffff;
}
#eobjekt {
    width: 90%;
    margin: auto;
}
#eobjekt img {
    width: 100%;
}
#galerie {
    display:grid;
    grid-gap: 0; 
    grid-template-rows: minmax(min-content, min-content);  
    grid-template-columns: 1fr 1fr;
    padding-top: 10vw;
}
.galerietext {
    padding-top: 8vw;
}
.galerietext div.links {
    
}
.galerietext div.rechts {
    
}
.odd {
    background-color: white;
}
.even {
        background-color: #fdf9f6;
}
.galeriebild {
    padding: 50px;
    text-align: right;
}
.galeriebild img {
    width:90%;
}
.centered {
    width: 80%;
    margin: auto;
    text-align: center;
    padding: 4rem 0 1rem 0;    
}
.zwsp {
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    hyphens: auto;
    text-align:left;	
    orphans: 5;
    widows: 5;
}
.wann {
    font-family: 'Lato Italic', sans-serif;
    font-size: 1.1rem;
}
.wo {
    font-family: 'Lato Italic', sans-serif;
    font-size: 1.2rem;
    color: #db7814;
}
.zwheadl {
    font-family: 'Lato Italic', sans-serif;
    font-size: 1.8rem;
    line-height: 2.3rem;    
}
#trmne {
    width: 60%;
    margin: auto;
    text-align: center;
    color: #847666;
    padding: 4vw 0 12vw 0;
}
@media screen and (max-width: 750px) {
     .zwsp {
        -webkit-column-count: 1; 
        -moz-column-count: 1; 
        column-count: 1;
    }
    nav {
        display: none;
    }
    #mobilenav {
        display: block;
    }
    #footercontent {
        width:64%;
        margin:auto;
        grid-template-columns: 1fr;
        grid-template-areas: 
        "footermain"
        "footeraside";
    }
    #footeraside {        
        padding-top: 0;       
    }
    main {
        width: 69%;
        margin: auto;
        padding: 4rem 0 10rem 0;
    }
    #trmne {
        width: 70%;
    }
    h1 {
        font-size: 9.7vw;
        line-height: 9.7vw;
    }
    .galerietext {
        padding-top: 2.2rem;
    }
    .galeriebild {
        padding: 20px;
        text-align: right;
    }
    .galeriebild img {
        width:100%;
    }
    .abstand {
        display: none;
    }
}