body, html {
  height: 100%;
}

.header_start {
  background-image: url("../uploads/Thassos (Urlaub) am 03.06.2010 um 08.44.28 14842.cr2_compressed.JPEG");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

#portfolio_zitat {
  padding-top: 20px;
}

.contactme {
  padding-top: 60px;
  height: 97vh;
}

.zitat {
  padding-top: 5px;
  padding-left: 5px;
  margin-top: 5px;
  opacity: 0.4;
}

.werbetext1 {
  padding-top: 230px;
  padding-bottom: 10px;
}

.portfolios {
  border-radius: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.porto_bild {
  padding-top: 22px;
  width: 50%;
  height: 500px;
  background-size: cover;
  border-radius: 10px;
}

.porto_landschaft {
  padding-top: 22px;
  width: 50%;
  height: 500px;
  background-size: cover;
  border-radius: 10px;
  background-image: url("../uploads/Thassos (Urlaub) am 03.06.2010 um 08.44.28 14842.cr2_compressed.JPEG");
}

.porto_reisen {
  padding-top: 22px;
  width: 50%;
  height: 500px;
  background-size: cover;
  border-radius: 10px;
  background-image: url("../uploads/portfolio/Venedig am 22.11.2023 um 13.15.31  004753.NEF_compressed.JPEG");
}

.porto_events {
  padding-top: 22px;
  width: 50%;
  height: 500px;
  background-size: cover;
  border-radius: 10px;
  background-image: url("../uploads/portfolio/LNT_Lounge_Augarten-vom-06.-September-2018-19-50_19479-800x576.jpeg");
}

.porto_text {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.portfolio_h1 {
  padding-top: 80px;
}

.undertitle {
  padding-bottom: 10px;
}

.footer {
  padding: 5px;
  width: 100%;
  background-color: black;
}

.stories_h1 {
  padding-top: 80px;
}

.story_box {
  width: 100%;
  height: 200px;
  background-size: cover;
  border-radius: 10px;
}

.story_events {
  background-image: url("../uploads/portfolio/LNT_Lounge_Augarten-vom-06.-September-2018-19-50_19479-800x576.jpeg");
  background-position-y: -300px;
}

.story_reisen {
  background-image: url("../uploads/portfolio/Venedig am 22.11.2023 um 13.15.31  004753.NEF_compressed.JPEG");
  background-position-y: -390px;
  opacity: 0.5;
}

.story_reisen:hover {
  opacity: 1;
}

.overtext {
  text-align: center;
  color: white;
  width: 100px;
  height: 50px;
  background-color: white;
}

.hidden {
  visibility: hidden;
}

.box {
  color: white;
  height: 33%;
}

.text {
  opacity: 0.1;
}

.boxtext {
  margin-top: 5%;
}

.wrapper_stories {
  width: 350px;
  height: 70px;
  background: rgba(7, 16, 7, 0.4);
  padding-top: 15px;
}

.testflight {
  position: relative;
  width: 100%;
  height: 175px;
}
.testflight img {
  position: absolute;
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 25px;
}
.testflight .img_ev {
  -o-object-position: 0px 55%;
     object-position: 0px 55%;
}
.testflight .img_reisen {
  -o-object-position: 0px 35%;
     object-position: 0px 35%;
}
.testflight .img_landschaft {
  -o-object-position: 0px 45%;
     object-position: 0px 45%;
}

.testflight .caption {
  position: absolute;
  padding-top: 5px;
  width: 100%;
  height: 50px;
  bottom: 0px;
  left: 0px;
  color: #ffffff;
  background: black;
  font-weight: bold;
  opacity: 0.7;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.zitatebox {
  position: relative;
  width: 100%;
  min-height: 175px;
  top: 0px;
  bottom: 10px;
}
.zitatebox img {
  position: absolute;
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.zitatebox .img_landschaft {
  -o-object-position: 0px 45%;
     object-position: 0px 45%;
}

.zitatebox .caption_zitate {
  position: absolute;
  padding-top: 5px;
  max-width: -moz-max-content;
  max-width: max-content;
  min-height: -moz-max-content;
  min-height: max-content;
  bottom: 0px;
  padding-right: 10px;
  top: 20px;
  color: black;
  background: white;
  font-weight: bold;
  opacity: 0.7;
  border-radius: 15px;
}

.angebot_card {
  width: 300px;
  height: auto;
  padding: 5px;
  margin: auto;
  background-color: black;
  overflow: hidden;
  border-radius: 10px;
  font-size: 12px;
}
.angebot_card .ang_header {
  height: 200px;
  width: 100%;
}
.angebot_card .ang_header img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  color: blue;
}

.ang_description {
  font-size: 13px;
  color: #7f8c9b;
  line-height: 1.5;
  margin: 20px 0 40px;
}

.ang_card-body {
  padding: 10px 15px;
}

.tag {
  background-color: #47bcd4;
  border: 1px solid #e5eaed;
  border-radius: 50px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 10px;
  text-transform: uppercase;
  cursor: pointer;
}

.article_image {
  width: 50vw;
  height: 400px;
  padding-top: 50px;
}
.article_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  color: blue;
}

.article_title {
  width: 50vw;
  height: 400px;
  position: relative;
}
.article_title .tit1 {
  width: 100%;
  margin-top: 140px;
  min-height: 33%;
  background-color: #7f8c9b;
}
.article_title .tit2 {
  width: 100%;
  align-content: start;
}
.article_title .tit3 {
  width: 100%;
}

.a_title {
  padding-top: 20px;
}

.article_text {
  width: 70vw;
  min-height: 20%;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
}

.article_description {
  width: 30vw;
  min-height: 20%;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
}

.zitat_box {
  padding-top: 40px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
}

.first_title {
  padding-top: 60px;
  padding-left: 10px;
}

.addgallery {
  height: 58vh;
  padding-left: 10px;
}

#nav-tabContent {
  border-bottom: 1px solid #e5eaed;
  border-left: 1px solid #e5eaed;
  border-right: 1px solid #e5eaed;
  padding-bottom: 10px;
}

.storybox {
  width: 100%;
  padding-right: 20px;
}

.picture {
  width: 30vw;
  position: relative;
}
.picture img {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  border-radius: 50%;
}

#biografie {
  background-color: white;
}

.bio_box {
  height: 100vh;
}

#bio_test {
  height: 100vh;
}

.bio_zitat_box {
  margin-top: 150px;
  padding: 5px;
}

.bio_texture {
  padding-top: 50px;
}
.bio_texture .bio_texture_text {
  font-style: italic;
}
.bio_texture .bio_texture_text p {
  font-family: "Montserrat Medium";
  max-width: 700ch;
  text-align: center;
  transform: scale(0.98);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}
@keyframes scale {
  100% {
    transform: scale(1);
  }
}
.bio_texture .bio_texture_text span {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
}
.bio_texture .bio_texture_text span:nth-child(1) {
  animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(2) {
  animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(3) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(4) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(5) {
  animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(6) {
  animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(7) {
  animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(8) {
  animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(9) {
  animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(10) {
  animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(11) {
  animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(12) {
  animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(13) {
  animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(14) {
  animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(15) {
  animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(16) {
  animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(17) {
  animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(18) {
  animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(19) {
  animation: fade-in 0.8s 1.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(20) {
  animation: fade-in 0.8s 2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(21) {
  animation: fade-in 0.8s 2.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(22) {
  animation: fade-in 0.8s 2.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(23) {
  animation: fade-in 0.8s 2.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(24) {
  animation: fade-in 0.8s 2.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(25) {
  animation: fade-in 0.8s 2.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(26) {
  animation: fade-in 0.8s 2.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(27) {
  animation: fade-in 0.8s 2.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(28) {
  animation: fade-in 0.8s 2.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(29) {
  animation: fade-in 0.8s 2.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(30) {
  animation: fade-in 0.8s 3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(31) {
  animation: fade-in 0.8s 3.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(32) {
  animation: fade-in 0.8s 3.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(33) {
  animation: fade-in 0.8s 3.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(34) {
  animation: fade-in 0.8s 3.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(35) {
  animation: fade-in 0.8s 3.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(36) {
  animation: fade-in 0.8s 3.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(37) {
  animation: fade-in 0.8s 3.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(38) {
  animation: fade-in 0.8s 4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(39) {
  animation: fade-in 0.8s 4.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(40) {
  animation: fade-in 0.8s 4.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(41) {
  animation: fade-in 0.8s 4.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(42) {
  animation: fade-in 0.8s 4.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(43) {
  animation: fade-in 0.8s 4.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(44) {
  animation: fade-in 0.8s 4.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(45) {
  animation: fade-in 0.8s 4.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(46) {
  animation: fade-in 0.8s 4.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(47) {
  animation: fade-in 0.8s 4.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_texture .bio_texture_text span:nth-child(48) {
  animation: fade-in 0.8s 5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

.mybiography {
  padding-top: 200px;
}

.bio_pic {
  padding-top: 20px;
  padding-left: 20px;
}
.bio_pic img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.bio_zitat_text {
  padding-left: 10px;
  padding-right: 10px;
}
.bio_zitat_text p {
  font-family: "Montserrat Medium";
  max-width: 700ch;
  text-align: center;
  transform: scale(0.98);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}
@keyframes scale {
  100% {
    transform: scale(1);
  }
}
.bio_zitat_text span {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
}
.bio_zitat_text span:nth-child(1) {
  animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(2) {
  animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(3) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(4) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(5) {
  animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(6) {
  animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(7) {
  animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(8) {
  animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(9) {
  animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(10) {
  animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(11) {
  animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(12) {
  animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(13) {
  animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(14) {
  animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(15) {
  animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(16) {
  animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(17) {
  animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(18) {
  animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(19) {
  animation: fade-in 0.8s 1.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(20) {
  animation: fade-in 0.8s 2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(21) {
  animation: fade-in 0.8s 2.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(22) {
  animation: fade-in 0.8s 2.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.bio_zitat_text span:nth-child(23) {
  animation: fade-in 0.8s 2.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

.highlight {
  font-family: "Bebas Neue", cursive;
  font-size: 3em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(gold, gold);
  background-size: 1090% 10px;
  background-repeat: no-repeat;
  background-position: 90% 70%;
  transition: background-size 0.7s, background-position 0.5s ease-in-out;
}

.highlight:hover {
  background-size: 100% 30%;
  background-position: 20% 100%;
  transition: background-position 0.7s, background-size 0.5s ease-in-out;
}

#hauptschirm {
  height: 70vh;
  padding-top: 70px;
}

#impressum {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 60px;
}
#impressum p {
  padding-left: 15px;
}

#datenschutz {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 60px;
}
#datenschutz p {
  padding-left: 15px;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
  .article_text {
    min-width: 100%;
    padding: 15px;
  }
  .zitatebox {
    font-size: smaller;
  }
  .picture {
    padding-right: 30px;
  }
  .picture img {
    width: 50vw;
    padding-left: 30px;
    border-radius: 50%;
  }
  .footer {
    bottom: 0;
    position: fixed;
  }
}/*# sourceMappingURL=sfr_styles.css.map */