@font-face {font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: local('Playfair Display '),
    url(fonts/PlayfairDisplay-Regular.ttf) format('woff');}


    @font-face {font-family: 'Playfair Display'; font-style: italic; font-weight: 400; src: local('Playfair Display italic'),
    url(fonts/PlayfairDisplay-Italic.ttf) format('woff');}






 html {height:100%; scroll-behavior: smooth;}

*, ::before, ::after {box-sizing: border-box;}
* {padding:0; margin:0;}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 7.5px !important;
    padding-left: 7.5px !important;
    float:left;
}

.color {color:#ffffff;}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container-small {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid {}

.text-right {text-align: right;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}

.mt30 {margin-top: 30px;}




.flagge {width: 30px; height: auto;}


.bbox {margin-top: 50px;}
.bbox img {margin-top: 20px;}
.bdu {margin-right: 10px; float:left;}


@media (min-width:1201px) {
.col-lg-4 {width: 33.33%;}
.col-lg-6 {width: 50%;}
}
@media (max-width:1200px) {
.col-md-4 {width: 33.33%;}
.col-md-6 {width: 50%;}
}
@media (max-width:991px) {
.col-sm-4 {width: 33.33%;}
.col-sm-6 {width: 50%;}
}
@media (max-width:576px) {
.col-xs-12 {width: 100%;}
}




@media (min-width:576px) {
 .container {max-width:620px;}
 .container-small {max-width:500px;}
}
@media (min-width:768px) {
 .container {max-width:860px;}
   .container-small {max-width:630px;}
}
@media (min-width:992px) {

 .container {max-width:960px;}
  .container-small {max-width:800px;}
}
@media (min-width:1200px) {
 .container {max-width:1140px;}
 .container-small {max-width:1000px;}
}

body {background:#ffffff; color:#2d2c2d; font-size: 15px; font-family: Arial; letter-spacing: .25px; scroll-behavior: smooth; }
a {color:rgba(255,255,255,1); text-decoration: none; }
a:hover {color:rgba(255,255,255,1); transition: color 1s;}

h1, .h1 {font-family: 'Playfair Display', serif; margin-bottom: 6px;}
h2, .h2 {font-family: 'Playfair Display', serif; }
h3, .h3 {font-family: 'Playfair Display', serif; }

span.fett {font-family: 'PT Sans Caption', sans-serif; letter-spacing: -1px; color: rgba(0,0,0,0.5);}
p {margin-bottom: 10px;}


.img-responsive {height:auto; max-width:100%;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {cursor: pointer; background:#8c959c; color:#fff !important;}


.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt60 {margin-top:60px;}
.mb60 {margin-bottom:60px;}
.mb40 {margin-bottom:40px;}

.mr30 {margin-right: 30px;}


.fl {float:left;}
.hundert {width:100%;}

.flex-container {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}

.flex-item {}

.img-fluid {width:100%; height: auto; margin-bottom: -6px;}
.padding {padding:0 7%;}

.wrapper {
    height: 100vh;
}


.row {margin: 0 -1%; float: left;}
.zelle {width:48%; float: left; margin-bottom: 2%; margin:0 1%;}


footer .container-fluid {
    background: #232323;
    padding: 20px 0;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 1px;
    transition: 1s;
    float: left;
    width: 100%;
    color: rgba(255,255,255,.3);
}
footer a  {color: rgba(255,255,255,.5); transition: 1s;}

.shorttext {width: 100%; float: left; line-height: 28px;}

/*
######################################################################################################
*/

.slide {float:left; width: 100%;}

.logo {width: 300px; height: auto; float: left; margin-bottom: 25px;}

#slide1 {padding:30px;}
#slide1 .flex-container {display: inline;}
#slide1 .flex-item {flex-basis: 50%;}
#slide1 .name {font-family: 'Playfair Display', serif; font-size: 32px; line-height: 32px;}
#slide1 .slogan {font-family: arial; letter-spacing: 2px; text-transform: uppercase; font-size: 11px;}
#slide1 .navigation ul li {list-style: disclosure-closed; list-style-position: inside; display: inline; border-right: 1px solid; padding: 0px 8px 0 6px; }
#slide1 .navigation ul li:last-child  {border:0;}
#slide1 .navigation, #slide1 .navigation a {text-transform: uppercase; color:#947f66; font-size: 12px; letter-spacing: 3px;}
@media screen and (max-width:991px) {
#slide1 .name {font-size: 26px; line-height: 26px;}
#slide1 .slogan {font-size: 8.4px;}
#slide1 .navigation ul li {display: inherit; padding: 8px 0px; border:0px;}
#slide1 .navigation a {font-size: 14px;}
}
@media screen and (max-width:525px) {
.logo {width: 100%; text-align: center;}
#slide1 .navigation {text-align: center;}
  }



.header {padding:13px 20px; background: #3f3d42; text-align: center; text-transform: uppercase; letter-spacing: 4px; line-height: 33px; font-size:12px; color:#a57a74;}
.kontaktbutton {padding: 8px 43px 7px; background: #d1a7a2; color: #ffffff;}
.kontaktbutton:hover {background: #fff; color: #222;}

#slide2 {background: #e5dad8;}
#slide2 h1 {font-size: 25px;line-height: 50px; letter-spacing: 2px;}
#slide2 .welcome {font-family: 'Playfair Display', serif;  font-style: italic; color:#a38987; font-size: 20px; margin-bottom: 11px;}
#slide2 .flex-item {flex-basis: 50%; margin-bottom: -3px;}
#slide2 .flex-item:first-child { padding: 0 50px;}
span.underline {background: url(images/textbg.png)left bottom repeat-x; padding:0 4px;}
span.underline2 {background: url(images/text2bg.png)left bottom repeat-x; padding:0 4px;}
@media screen and (max-width:817px) {
#slide2 {padding: 50px 0 0 0;}
#slide2 .flex-container {flex-direction: column;}
#slide2 .flex-item:first-child {text-align: center;}
         }


#slide3 {padding:60px 0 100px; text-align: center; font-family: 'Playfair Display', serif; line-height: 25px;}
#slide3 h2 {margin-bottom: 50px; font-size: 24px; font-family: 'Playfair Display', serif; color: #BDA7A5; font-style: italic; }
#slide3 .flex-item {padding: 0 20px; text-align: justify; flex-basis: 50%;}
#slide3 .flex-container {align-items: normal;}
@media screen and (max-width:991px) {
#slide3 .flex-container {flex-direction: column;}
}


#slide3_5 {padding:60px 0; background: #3f3d42; color:#fff;}
#slide3_5 h2 {margin-bottom: 40px; font-size: 20px; font-family: 'Playfair Display', serif; color: #fff; font-style: italic; }
#slide3_5 .flex-item {padding:0 5%;}
#slide3_5 .flex-item img {margin-bottom: 10px;}
@media screen and (max-width:500px) {
#slide3_5 .flex-container {flex-direction: column;}
#slide3_5 .flex-item {margin-bottom: 30px;}
#slide3_5 .flex-item:last-child {margin-bottom: 0;}
#slide3_5 .flex-item img {margin-bottom: 5px;}
         }



#slide4 {background: #e5dad8; padding:70px 0 80px; text-align: center; font-family: 'Playfair Display', serif; line-height: 25px;}
#slide4 .flex-item {flex-basis: 50%; margin: 0 30px;}
#slide4 h3 {margin-bottom: 20px;}
#slide4 .shorttext {text-align: left; background: #fff; padding: 20px 31px; box-shadow: 0 14px 6px rgb(0 0 0 / 20%)}
#slide4 .shorttext ul {margin-bottom: 36px; margin-left: 19px;}
#slide4 .tel {font-size: 33px; color:#a57a74; display: block; margin-bottom: 10px;}
#slide4 .mail {font-size: 16.8px; display: block; }
#slide4 span.name {font-size: 26px; margin-bottom: 21px; display: block;}
@media screen and (max-width:874px) {
#slide4 .flex-item img {max-width: 530px;}
#slide4 .flex-container {flex-direction: column;}
#slide4 .shorttext {margin-top: 0; text-align: center; padding: 20px 30px;}
#slide4 .shorttext li {list-style: none;}
#slide4 .mail {font-size: 14px; display: block; }
}
@media screen and (max-width:500px) {
#slide4 .tel {font-size: 27px; }
#slide4 .shorttext {margin-top: 0; text-align: center; padding: 20px 20px;}
}







#slide5 {padding:60px 0 100px; text-align: center; font-family: 'Playfair Display', serif; line-height: 25px; }
#slide5 h2 {margin-bottom: 40px; font-size: 24px; font-family: 'Playfair Display', serif; color: #BDA7A5; font-style: italic; }
#slide5 h3 {margin-bottom: 40px; font-size: 17px; font-family: 'Playfair Display', serif; letter-spacing: 2px; }
#slide5 .flex-container {align-items:normal;}
#slide5 .flex-item {padding: 0 30px; text-align: justify; flex-basis:50%;}
@media screen and (max-width:991px) {
#slide5 .flex-container {flex-direction: column;}
}


#slide6 {padding:0 0 80px; text-align: center; font-family: 'Playfair Display', serif; line-height: 25px;}
#slide6 h3 {font-family: arial; text-transform: uppercase; font-size: 13px; letter-spacing: 3px; color: rgba(0,0,0,.5);}
#slide6 .flex-item {padding: 0 30px; text-align: center;}
#slide6 .flex-item img {margin-bottom: 5px;}
@media screen and (max-width:800px) {
#slide6 .flex-container {flex-direction: column;}
#slide6 h3 {margin-bottom: 40px;}
}


#slide6_5 {padding:60px 0; background: #3f3d42; color:#fff; font-family: 'Playfair Display', serif;}
#slide6_5 h2 {margin-bottom: 20px; font-size: 30px; font-family: 'Playfair Display', serif; color: #9B807C; font-style: italic; }
@media screen and (max-width:800px) {
#slide6_5 span.tel {font-size: 20px;}
}

#slide7 {padding:67px 0; background: #E5DAD3; text-align: center; font-family: 'Playfair Display', serif; line-height: 25px;}
#slide7 h2 {margin-bottom: 40px;font-style: italic; color: #9b807e;}
#slide7 .flex-container {align-items:normal;}
#slide7 .flex-item {text-align: left; padding: 42px 30px; flex-basis: 33.33%; background: #fff; margin: 0 19px; box-shadow: 0 14px 6px rgb(0 0 0 / 20%); color:#666;}
#slide7 h3 {margin-bottom: 20px;}
#slide7 ul {padding-left: 18px;}
@media screen and (max-width:800px) {
#slide7 .flex-container {flex-direction: column;}
#slide7 .flex-item {margin: 13px 6px;}
}


.bildnachweise {border-top: 1px solid #ccc; margin:0 30px 0 0; font-size: 14px;}

#impressum {padding: 100px 0; text-align: left;  font-family: 'Playfair Display', serif;}
#impressum a{color:#000;}
#impressum .flex-container {align-items: normal;}
#impressum .flex-item {flex-basis:50%; text-align: left; padding:20px;}

/* ################# */

@media screen and (min-width:2001px) {
         }

@media screen and (max-width:2000px) {
         }

@media screen and (max-width:1500px) {
         }

@media screen and (max-width:1000px) {
         }

@media screen and (max-width:800px) {
           #impressum .flex-container {flex-direction: column;}
           #impressum .flex-item {width: 100%; padding: 1% 2% 0 3%;}
           #informationen .flex-container {flex-direction: column;}
           #informationen .flex-item {width: 100%; padding:3%;}
           #informationen2 .flex-container {flex-direction: column;}
           #informationen2 .flex-item {width: 100%; padding:3%;}
           #informationen3 .flex-container {flex-direction: column;}
           #informationen3 .flex-item {width: 100%; padding:1%;}
           #galerie1 .flex-item {flex-basis: 30%;}
           #galerie2 .flex-item {flex-basis: 35%;}
         }


         @media screen and (min-width:501px) {
          .desktop-aus {display: none;}
         }
/* Go To Top Button */

#goTopBtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    background: #1c1c1c;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    display: none;
    z-index: 9999;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

#goTopBtn:hover {
    background: #444;
    transform: translateY(-3px);
}

@media (max-width: 768px) {
    #goTopBtn {
        bottom: 20px;
        right: 20px;
    }
}