@font-face {
    font-family: 'latobold';
    src: url('assets/fonts/lato-bold-webfont.woff2') format('woff2'),
         url('assets/fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight';
    src: url('assets/fonts/lato-light-webfont.woff2') format('woff2'),
         url('assets/fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('assets/fonts/lato-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, input, textarea{font-family: 'latoregular';font-size:17px;line-height:1.7em;color:#1d1d1b;}
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li{padding:0;margin:0;}body,html{overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}a{outline:none !important;text-decoration:none;}ol,ul,li{list-style:none;}.clear{clear:both;line-height:0;font-size:0;height:0;width:0;overflow:hidden;visibility:hidden;display:block;}p{cursor:text;}b,strong{font-weight:bold;}input{-webkit-appearance:none;border-radius:0;border:1px solid #ddd;}img{-ms-interpolation-mode:bicubic;}li{display:list-item;}.cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.cf{display:inline-block;}* html .cf{height:1%;}.cf{display:block;}
 
.wrapper{width:90%;max-width:1200px;margin:auto;position:relative;box-sizing:border-box;}

p {margin-bottom:15px;}
a {color:#c99e67;transition:all .5s ease-in-out;}
a:hover {color:#1d1d1b;}
h1 {color:#1d1d1b;font-size:20px;font-family:'latoregular';font-weight: normal;margin-bottom:50px;position:relative;font-family:'latobold';}
h1 span {font-size:50px;color:#c99e67;margin-bottom:0;padding:10px 0;box-sizing:border-box;margin-top:10px;display:block;padding:0;font-family:'latoregular';}
h2 {color:#c99e67;margin-bottom:15px;font-family: 'latolight';font-size:22px;} 
h3 {color:#1d1d1b;margin-bottom:20px;font-family: 'latoregular'; font-size: 18px;} 

.datenschutz p:not(.dsgvo) strong {color: #ca9e65;}
.flex {display:flex;}
.flex.white {background:#fff;padding:50px;box-sizing:border-box;}

@media(max-width:590px){
    h1 span {font-size:40px;}
}
@media(max-width:520px){
    h1 span {font-size:35px;}
    .flex.white {padding:35px;}
}

header {padding:30px 0;box-sizing:border-box;border-top:7px solid #1d1d1d;}
header .logo {max-width:200px;display:block;float:left;} 
header .logo img {width:100%;} 
header .contact {display:flex;float:right;margin-left:80px;padding-top: 41px;box-sizing:border-box;}
header .contact .icon {width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-right:15px;float:left;background:#c99e67;}
header .contact .tel, header .contact .mail {display:flex;align-items:center;}
header .contact .mail {margin-left:30px;}
header .contact .tel p {margin-bottom:0;}
header .contact img {max-height:18px;max-width:18px;}
header .tel, header .mail {margin-bottom:0;}

@media(max-width:900px){
    header .logo {float:none;margin:0 auto;} 
    header .contact {float:none;margin:0 auto;width:524px;}
}
@media(max-width:590px){
    header .logo {float:none;margin:0 auto;} 
    header .contact {flex-direction:column;align-items:center;width:100%;}
    header .contact .mail {margin-left:0;}
    header .contact .tel {margin-bottom:10px;}
}

main{padding:80px 0;box-sizing:border-box;background:#f2f2f2;font-family:'latolight';min-height:calc(100vh - 266px);}
main strong{font-family:'latobold';}
main .contentbox {padding:0 60px 0 0;box-sizing:border-box;width:50%;}
main .mapbox {width:50%;}
main .mapbox iframe {border:none;width:100%;height:100%;}
main .contact {margin-top:50px;}
main .contact .headline {font-size:25px;color:#c99e67;font-family:'latobold';}
main .impressum .mapbox {margin-top:50px;width:100%;} 
main .impressum .mapbox iframe {width:100%;height:400px;} 

@media(max-width:1024px){
    main {height:auto;}
    main .flex {display:block;}
    main .contentbox {width:100%;margin-bottom:50px;}
    main .mapbox {width:100%;}
    main .mapbox iframe {height:300px;}
}


footer {background:#1d1d1b;padding:30px 0;color:#fff;font-size:16px;border-bottom:7px solid #c99e67;}
footer .flex {align-items:flex-end;justify-content:space-between;}
footer p.headline {margin-bottom:0;float:left;}
footer .footer-wrp {float:right;display:flex;}
footer .footer-wrp p {margin-bottom:0;margin-left:30px;}
footer a {color:#c99e67;transition:all .5s ease-in-out;}
footer a:last-child {margin-left:25px;}
footer a:hover {color:#fff;}

@media(max-width:590px){
    footer .flex {flex-direction:column;justify-content:flex-start;align-items:flex-start;}
    footer .footer-wrp {margin-top:20px;}
}