/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 22 2026 | 11:01:21 */
body.page-id-24 #header{
	opacity:0;
}
body.page-id-24 #header.menu-visible{
	opacity:1;
}
body.page-id-24 #main {
  padding-top: 0 !important;
}
/* =========================================================
   STARTSEITE: HERO / FULLHEIGHT
   ========================================================= */
.intro-head h1{
	margin-bottom:0px;
}
.intro-head h3{
	font-weight:100;
}
.startseite-fullheight {
  height: 100vh;
}


/* =========================================================
   ANIMATION: SLIDE ARROW
   ========================================================= */

.slidearrow {
  transform: translateY(0);
  animation: sanftesGleiten 2s ease-in-out infinite alternate;
}

@keyframes sanftesGleiten {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(20px);
  }
}


/* =========================================================
   LOGO
   ========================================================= */

.logo img,
.logo svg {
  max-height: 30px !important;
  margin-top: 25px;
}


/* =========================================================
   VIDEO-BEREICHE
   ========================================================= */

.video-wrapper {
  padding: 0;
}

.video-wrapper .flex_cell_inner {
  height: 100% !important;
  overflow: hidden;
}

.video-wrapper .avia-video-html5 {
  height: 100% !important;
}

#top .video-wrapper .avia-video .mejs-container,
#top .avia-video .mejs-container video {
  height: calc(100% + 2px) !important;
  width: auto !important;
  max-width: none !important;
  right: -1px;
  bottom: -2px;
  margin-bottom: 0 !important;
}


/* =========================================================
   HINTERGRÜNDE / DEKO
   ========================================================= */

.rechteck-weiss {
  background-position: 85% 50% !important;
}

.bg-rechteck::before {
content: "";
    width: 360px;
    height: 437px;
    background: transparent url(/wp-content/uploads/bg-rechteck.png) no-repeat center;
    background-size: contain;
    display: block;
    position: absolute;
    bottom: -220px;
    left: 60px;
}


/* =========================================================
   TIMELINE / MILESTONES
   ========================================================= */

.avia-timeline .milestone_inner {
  border: 1px solid #B29063;
}

.avia-timeline .milestone_icon {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 21px;
}

.av-milestone-content-wrap {
  padding: 30px !important;
}

.av-milestone-date {
  display: none !important;
}

.avia-icon-circles-icon {
  border: 2px solid #25646E !important;
}


/* =========================================================
   TOGGLES / AKKORDEON
   ========================================================= */

.av_toggle_section {
  margin-bottom: 70px;
}

.av-elegant-toggle .toggler,
.js_active .av-elegant-toggle .toggler {
  position: relative;
  padding: 25px 25px 50px;
  background: transparent !important;
  overflow: visible;
  transition: all 0.4s ease-in-out;
  border-bottom: 0;
}

#top .togglecontainer h2.toggler {
  width: calc(100% - 80px) !important;
}

.js_active .av-elegant-toggle .toggler::before {
  content: "";
  position: absolute;
  inset: 0 0 30px 0;
  background: rgba(37, 100, 110, 0.2);
  z-index: -1;
  pointer-events: none;
  transition: all 0.4s ease-in-out;
}

.js_active .av-elegant-toggle .toggler.activeTitle {
  color: #ffffff !important;
}

.js_active .av-elegant-toggle .toggler.activeTitle::before,
.js_active .av-elegant-toggle .toggler:hover::before {
  background: rgba(37, 100, 110, 0.6) !important;
}


/* Toggle-Icon */
.av-elegant-toggle .toggle_icon {
  width: 120px;
  height: calc(100% - 30px) !important;
  border-radius: 0;
  left: auto;
  right: -80px;
  top: 15px;
  margin-top: 0;
  border: 0;
  opacity: 0.4;
  background-color: rgba(178, 144, 99, 0.5);
}

.toggle_icon::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  border: 2px solid #25646E;
  position: absolute;
  left: 60%;
  top: 50%;
  transform: translate(-40%, -50%);
  transition: all 0.4s ease-in-out;
}

.toggle_icon > span {
  transition: all 0.4s ease-in-out;
}

.js_active .av-elegant-toggle .toggler:hover .toggle_icon::before,
.js_active .av-elegant-toggle .toggler.activeTitle .toggle_icon::before {
  border-color: #ffffff;
}

.js_active .av-elegant-toggle .toggler:hover .toggle_icon > span,
h2.toggler.activeTitle .toggle_icon > span {
  border-color: #ffffff !important;
}

.av-elegant-toggle .toggle_icon .hor_icon {
  border-width: 2px;
  top: 50%;
  left: 63%;
  transform: translateX(-37%) translateY(-50%);
}

.av-elegant-toggle .toggle_icon .vert_icon {
  border-width: 2px;
  top: 50%;
  left: 64%;
  transform: translateX(-36%) translateY(-50%);
}


/* Toggle-Inhalt */
.toggle_wrap {
  display: block;
  width: 60% !important;
  margin: -30px auto 0 !important;
}

.toggle_wrap .toggle_content {
  background-color: rgba(37, 100, 110, 0.08) !important;
}


/* Gerade Toggle-Elemente */
.togglecontainer section:nth-child(even) .toggle_icon {
  right: auto;
  left: -80px;
}

.togglecontainer section:nth-child(even) .toggler {
  margin-left: 80px;
  padding-left: 60px;
}

.togglecontainer section:nth-child(even) .toggle_icon::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  border: 2px solid #25646E;
  position: absolute;
  left: 40%;
  top: 50%;
  transform: translate(-60%, -50%);
  transition: all 0.4s ease-in-out;
}

.togglecontainer section:nth-child(even) .toggle_icon .hor_icon {
  border-width: 2px;
  top: 50%;
  left: 37%;
  transform: translateX(-63%) translateY(-50%);
}

.togglecontainer section:nth-child(even) .toggle_icon .vert_icon {
  border-width: 2px;
  top: 50%;
  left: 36%;
  transform: translateX(-64%) translateY(-50%);
}

/* =========================================================
   MENÜ
   ========================================================= */
.av-hamburger-inner, .av-hamburger-inner::after, .av-hamburger-inner::before{
	height:1px;
}
.av-hamburger-box{
	width:50px;
}
.av-hamburger-inner::after{
	bottom: -12px;
}
.av-hamburger-inner::before {
    top: -12px;
}
.av-burger-overlay-scroll{
	overflow: visible;
}
.av-burger-overlay-scroll::before{
	content:'';
	display:block;
	width:60px;
	height:80%;
	background-color: rgba(0,0,0,0.15);
	position: absolute;
	top: 0;
	left:-60px;
}
.av-burger-overlay-scroll::after{
	content:'';
	display:block;
	width:120px;
	height:80%;
	background-color: rgba(0,0,0,0.15);
	position: absolute;
	top: 20%;
	left:-120px;
}
.av-burger-overlay-bg{
	display:none;
}

/* =========================================================
   FOOTER
   ========================================================= */

.footer-height.avia-section {
  min-height: 5px !important;
}


/* =========================================================
   MOBIL: UNTER 768PX
   ========================================================= */

@media (max-width: 767px) {
  /* Header mobil immer anzeigen */
  body.page-id-24 #header #header_main,
  body.page-id-24 #header .header_bg {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body.page-id-24 #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }

  /* Hintergründe / Sektionen */
  .bg-bild {
    background-image: none !important;
  }

  .avia-section-huge .content,
  .avia-section-huge .sidebar {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .startseite-fullheight,
  .av-minimum-height-75:not(.av-slideshow-section) .container,
  .av-cell-min-height-75 > .flex_cell {
    height: auto !important;
    min-height: 10px !important;
  }

  .bg-rechteck::before {
    content: none;
  }

  /* Text */
  p {
    line-height: 1.2;
  }

  /* Toggle mobil */
  #top .togglecontainer h2.toggler,
  #top .togglecontainer section:nth-child(even) h2.toggler {
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 600;
    margin-left: 0;
    padding: 25px 50px 50px 25px;
  }

  .av-elegant-toggle .toggle_icon,
  .togglecontainer section:nth-child(even) .toggle_icon {
    width: 40px;
    height: 40px !important;
    border-radius: 0;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    margin-top: 0;
    border: 0;
    opacity: 1;
    background-color: rgba(178, 144, 99, 0.7);
  }

  h2.toggler .toggle_icon > span {
    border-color: #ffffff !important;
  }

  .js_active .av-elegant-toggle .toggler::before,
  .togglecontainer section:nth-child(even) .toggler::before {
    content: "";
    position: absolute;
    inset: 0 0 25px 0;
    background: rgba(37, 100, 110, 0.2);
    z-index: -1;
    transition: all 0.4s ease-in-out;
  }

  .toggle_icon::before,
  .togglecontainer section:nth-child(even) .toggle_icon::before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    border: 2px solid #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-in-out;
  }

  .togglecontainer section .toggle_icon .hor_icon,
  .togglecontainer section:nth-child(even) .toggle_icon .hor_icon,
  .togglecontainer section .toggle_icon .vert_icon,
  .togglecontainer section:nth-child(even) .toggle_icon .vert_icon {
    border-width: 2px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

  .toggle_wrap {
    display: block;
    width: 95% !important;
    margin: -30px auto 0 !important;
  }

  /* Timeline mobil */
  .av-no-preview .avia-timeline .milestone_icon {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    font-size: 8px;
  }

  .avia-timeline-vertical.av-milestone-placement-alternate .av-milestone-icon-wrap {
    width: 60px;
  }

  .av-milestone-content-wrap {
    padding: 0 15px 15px 0 !important;
  }

  .av-no-preview ul.avia-timeline-vertical li {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0 0 0 70px;
  }
}