body{
    font-family: Roboto-Regular,Arial,sans-serif;
  font-size: 1em;
  color: #000;
}

h1, .h1{
  font-family: Roboto-Semibild,Arial,sans-serif;
  font-size: 2.5em;
}
.page_header h1, .page_header .h1{
  font-family: Roboto-Medium,Arial,sans-serif;
  font-size: 4em;
}

h2, .h2{
    font-family: Roboto-Regular,Arial,sans-serif;
  font-size: 2em;
}
.page_header h2, .page_header .h2{
  font-family: Roboto-Regular,Arial,sans-serif;
  font-size: 1.5em;
}

h3, .h3{
    font-family: Roboto-Semibold,Arial,sans-serif;
  font-size: 1.5em;
}

h4, .h4{
    font-family: Roboto-Regular,Arial,sans-serif;
  font-size: 1.5em;
}



.breadcrumb-section{
  /*display: none;*/
  position: fixed;
  top: 0px;
  z-index: 40000;
}

.navbar-brand {
top: 98px;
}

#p647 .navbar-brand {
  top: 80px;
}

.breadcrumb{
    padding: 0;
}

.breadcrumb-link,
.breadcrumb-item.active,
.breadcrumb-item+.breadcrumb-item::before{
  color: #fff;
}

.breadcrumb-item {
font-size: 0.75rem;
}

#page-header {
border-top: 22px solid #49AC33;
}
#p647 #page-header {
  border-top: 4px solid #49AC33;
}

#kontaktlasche {
top: 21px;
}
#p647 #kontaktlasche {
  top: 4px;
}

.frame-backgroundimage-parallax{
  background-size: contain;
    /*background-size: auto;*/
}

.frame-space-after-extra-large {
	padding-bottom: 8rem;
  margin-bottom: 0px;
}

.frame-space-before-extra-large {
	padding-top: 8rem;
    margin-top: 0px;
}

.frame-space-after-extra-large.frame-space-before-extra-large .frame-backgroundimage-parallax{
  background-size: auto;
}

.frame-layout-230{
  height: calc(100vh - 60px);
  display: flex;
  align-items: center;
  background-image: url('../../user_upload/WoWi-2024/BG-CD-gruen-1920x1080.svg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

.frame-layout-230 > .frame-group-container{
  width: 100%!important;
  max-width: 100%!important;
  padding: 0 50px;
}

.page_header .video:before{
  content: "";
  background-image: none;
  width: auto;
}





/*Videoheader*/
.page_header .videoheader .video:before{
  content: "";
  background-image: url('../../user_upload/WoWi-2024/Videoheader-Silhouette-1920x1080.svg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 900;
}


/*
@media (max-width: 1120px){
.page_header .videoheader .video:before{
    background-image: url('../img/SWDU_Silhouette_1024x768.svg');	
  }
}

@media (max-width: 668px){
.page_header .videoheader .video:before{
    background-image: url('../img/SWDU_Silhouette_414x736.svg');	
  }
}*/


.page_header .carousel .carousel-backgroundimage-container:before{
  content: "";
  /*background-image: url('../img/SWDU_Header_komplett.svg');*/
  background-image: url('../../user_upload/WoWi-2024/Videoheader-Silhouette-1920x1080.svg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 900;
}

/*@media (max-width: 1120px){
  .page_header .carousel .carousel-backgroundimage-container:before{
    background-image: url('../img/SWDU_Silhouette_1024x768.svg');	
  }
}

@media (max-width: 668px){
  .page_header .carousel .carousel-backgroundimage-container:before{
    background-image: url('../img/SWDU_Silhouette_414x736.svg');	
  }
}*/

@media (max-width:960px){
  .page_header {
    margin-top: 74px;
  }
}

a.btn-secondary, .btn-secondary {
  background-color: #000;
  border-color: #000;
}
a.btn-secondary:hover, .btn-secondary:hover {
  border-color: #fad200;
  background-color: #fad200;
  color: #000!important;
}


.frame-layout-217.frame-has-backgroundimage > .frame-group-container{
  border-radius: 25px;
}

.gallery-item img, .gallery-item picture {
  border-radius: 25px;
}
.frame-layout-217 > .frame-container,
.frame-layout-217 > .frame-group-container > .frame-group-inner > .frame-container{
border: 1px solid #f0f0f0;
box-shadow: none;
    border-radius: 25px;
  color: #000;
}
.frame-has-backgroundimage .textpic-text {
color: #000!important;
}

.btn-success { 
  border-radius: 3rem;
  font-size: 1.2em;
  position: relative;
  padding: 0.8rem 1.3rem;
  padding-right: 3.5em; 
  background-color:#fff;
  color: #000;
  border: none;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2); 
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
  
  &::after {
    content: '';
    width: 2.8rem;
    height: 2.8rem;
    background: no-repeat url('data:image/svg+xml,<svg fill="%23fad200" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"/></svg>');
    right: 0.25em;
    top: 0.26em;
    position: absolute;
    }
  &:hover{
    background-color:#000;
    color:#fff;
  }
}  

.btn-info { 
  border-radius: 3rem;
    font-size: 1.2em;
  position: relative;
  padding: 0.8rem 1.3rem;
  padding-right: 3.5em; 
  background-color:#fff;
  color: #000;
  border: none;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2); 
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
  
  &::after {
    content: '';
    width: 5rem;
height: 5rem;
    background: no-repeat url('data:image/svg+xml,<svg fill="%23fad200" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2130 1704"><path d="M1065,291c-327.5,0-593,265.5-593,593s265.5,593,593,593s593-265.5,593-593S1392.5,291,1065,291z M1110.7,681.7c18.6-13.6,41.5-21.7,66.3-21.7c61.9,0,112,50.1,112,112s-50.1,112-112,112c-31,0-59-12.6-79.3-32.9c19.7-26.6,31.3-59.5,31.3-95.1C1129,729.2,1122.4,703.9,1110.7,681.7z M969,628c70.7,0,128,57.3,128,128s-57.3,128-128,128s-128-57.3-128-128S898.3,628,969,628z M1163.3,1140H774.7c-16.4,0-29.7-13.3-29.7-29.7c0-98.5,79.8-178.3,178.3-178.3h91.4c98.5,0,178.3,79.8,178.3,178.3C1193,1126.7,1179.7,1140,1163.3,1140z M1354.3,1140h-137.9c5.4-9.4,8.6-20.3,8.6-32v-8c0-60.7-27.1-115.2-69.8-151.8c2.4-0.1,4.7-0.2,7.1-0.2h61.4c89.1,0,161.3,72.2,161.3,161.3C1385,1126.3,1371.2,1140,1354.3,1140z"/></svg>');
    right: -0.62em;
top: -0.35em;
    position: absolute;
    }
  &:hover{
    background-color:#000!important;
    color:#fff!important;
  }
}  

.btn-warning { 
  border-radius: 3rem;
    font-size: 1.2em;
  position: relative;
  padding: 0.8rem 1.3rem;
  padding-right: 3.5em; 
  background-color:#fff!important;
  color: #000!important;
  border: none;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2); 
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
  
  &::after {
    content: '';
   width: 10.5rem;
height: 10.5rem;
    background: no-repeat url('data:image/svg+xml,<svg fill="%23fad200" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 3336.7 2693.1"><path d="M1571,1447.6c-9.4-9.3-9.3-24.5,0-33.9c9.3-9.4,24.5-9.4,33.9,0l47,47l95-95c9.3-9.4,24.5-9.3,33.9,0c9.4,9.3,9.4,24.5,0,33.9l-111.9,112c-9.3,9.4-24.5,9.4-33.9,0L1571,1447.6z M2131.8,1350.6c0,251.8-204.2,456-456,456s-456-204.2-456-456s204.2-456,456-456S2131.8,1098.8,2131.8,1350.6z M1899.8,1286.6h-448v272c0,26.5,21.5,48,48,48h352c26.5,0,48-21.5,48-48V1286.6z M1899.8,1206.6c0-26.5-21.5-48-48-48h-48v-32c0-17.7-14.3-32-32-32c-17.7,0-32,14.3-32,32v32h-128v-32c0-17.7-14.3-32-32-32c-17.7,0-32,14.3-32,32v32h-48c-26.5,0-48,21.5-48,48v48h448V1206.6z"/></svg>');
    right: -3.5rem;
top: -2.55rem;
    position: absolute;
    }
  &:hover{
    background-color:#000!important;
    color:#fff!important;
  }
}  


.carousel-item-type-call_to_action .btn{
    border-radius: 3rem;
      font-size: 1.2em;
    position: relative;
    padding: 0.8rem 1.3rem;
    padding-right: 3.5em; 
    background-color:#fff!important;
    color: #000!important;
    border: none;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2); 
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    
    &::after {
      content: '';
     width: 10.3rem;
  height: 10.3rem;
      /*background: no-repeat url('data:image/svg+xml,<svg fill="orange" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 3336.7 2693.1"><path d="M1571,1447.6c-9.4-9.3-9.3-24.5,0-33.9c9.3-9.4,24.5-9.4,33.9,0l47,47l95-95c9.3-9.4,24.5-9.3,33.9,0c9.4,9.3,9.4,24.5,0,33.9l-111.9,112c-9.3,9.4-24.5,9.4-33.9,0L1571,1447.6z M2131.8,1350.6c0,251.8-204.2,456-456,456s-456-204.2-456-456s204.2-456,456-456S2131.8,1098.8,2131.8,1350.6z M1899.8,1286.6h-448v272c0,26.5,21.5,48,48,48h352c26.5,0,48-21.5,48-48V1286.6z M1899.8,1206.6c0-26.5-21.5-48-48-48h-48v-32c0-17.7-14.3-32-32-32c-17.7,0-32,14.3-32,32v32h-128v-32c0-17.7-14.3-32-32-32c-17.7,0-32,14.3-32,32v32h-48c-26.5,0-48,21.5-48,48v48h448V1206.6z"/></svg>');*/
      background: no-repeat url('data:image/svg+xml,<svg fill="%23fad200" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="120px" y="120px" viewBox="0 0 220 220"><path d="M0,30.488A30.488,30.488,0,1,0,30.488,0,30.488,30.488,0,0,0,0,30.488ZM33.465,45.851a2.855,2.855,0,1,1-4.037-4.037l8.456-8.456L16.2,33.346a2.858,2.858,0,0,1,0-5.716H37.883l-8.456-8.456a2.855,2.855,0,0,1,4.037-4.037L46.8,28.463a2.846,2.846,0,0,1,0,4.037Z"/></svg>');
      right: -6em;
    top: 0.2em;
      position: absolute;
      }
    &:hover{
      background-color:#000!important;
      color:#fff!important;
    }
  }  


.btn-default:hover, .btn-primary:hover{
  color: #fff!important;
  background-color: #000;
  border-color: #000;
}
.btn-default{
  background-color: #fad200;
  color: #000!important;
}

#page-content .carousel{
  border-radius:20px;
}


.frame-layout-231 .frame-backgroundimage, .frame-layout-231 .frame-backgroundimage{
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
}
.frame-layout-232 .frame-backgroundimage-container, .frame-layout-232 .frame-backgroundimage{
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
}

.frame-type-icon_group .frame-header *:last-child {
margin-bottom: 3rem;
}

.btn-default{
  border: none!important;
}

.carousel-item-type-call_to_action .carousel-box{
  margin-bottom: 20px;
}

@media (max-width: 960px){
  .carousel-item-type-call_to_action .carousel-box{
    margin-bottom: 00px;
  }
}


@media (max-width: 960px) {
  #p647 #kontaktlasche {
    top: 44px!important;
  }
  #kontaktlasche {
    top: 61px !important;
  }
  #p647 .page_header {
    margin-top: 43px;
  }
}

@media (max-width:480px){
  .carousel-item-type-call_to_action .carousel-box{
   padding-bottom: 1.5rem; 
  padding-top: 0rem; 
  } 
  .page_header {
    margin-top: 65px;
  }
}

.frame-has-backgroundimage .textpic-text {
  color: #000;
}

.page_header .carousel .carousel-item.carousel-item-type-call_to_action h1,
.videoheader .carousel-item-header{
  font-size: 4.5em!important;
  text-shadow: none;
  font-family: Roboto-Semibold;
  text-shadow: 3px 3px 12px rgba(0,0,0,1);
  box-shadow: none;
  background-color: transparent;
  color: #fff;
  border-radius: 0px;
  max-width: 95%;
}
.page_header .carousel .carousel-item.carousel-item-type-call_to_action h2,
.videoheader .carousel-item-subheader{
 text-shadow: 3px 3px 12px rgba(0,0,0,1);
  box-shadow: none;
  background-color: transparent;
  color: #fff;
  border-radius: 0px;
  max-width: 95%;
}

@media (max-width: 992px) {
  .page_header .carousel .carousel-item.carousel-item-type-call_to_action h1, 
  .videoheader .carousel-item-header{
    font-size: 3.5em!important;
  }
}


@media (max-width: 768px) {
  .page_header .carousel .carousel-item.carousel-item-type-call_to_action h1, 
  .videoheader .carousel-item-header{
    font-size: 2.5em!important;
  }
}


@media (max-width: 575px){
  .page_header .carousel .carousel-item.carousel-item-type-call_to_action h1,
    .videoheader .carousel-item-header{
  	font-size: 2em!important;
    /*font-family: Roboto-Medium, Arial, sans-serif!important;*/
    font-family: Roboto-Semibold!important;
  }
  .page_header .carousel .carousel-item.carousel-item-type-call_to_action h2,
  .videoheader .carousel-item-subheader{
    font-size: 1.3em!important;
    margin: 0px auto;
  }
  .carousel-item-type-call_to_action .btn {
    margin-top: 0px;
  }
  .page_header h1, .page_header .h1 {
    font-size: 2.5em;
  }
}


@media (max-width: 480px){
  .page_header .carousel .carousel-item.carousel-item-type-call_to_action h1,
  .videoheader .carousel-item-header{
  	font-size: 1.7em!important;
    /*font-family: Roboto-Medium, Arial, sans-serif!important;*/
    font-family: Roboto-Semibold!important;
    margin-bottom: 0.3rem;
  }
  .page_header .carousel .carousel-item.carousel-item-type-call_to_action h2,
  .videoheader .carousel-item-subheader{
    font-size: 0.9em!important;
  }
}


@media (max-width:480px){
  h1, .h1{
    font-size: 1.9em;
  }
    h2, .h2{
    font-size: 1.5em;
  }
    h3, .h3{
    font-size: 1.3em;
  }
  h4, .h4{
    font-size: 1.3em;
  }
}
@media (max-width:400px){
  h1, .h1{
    font-size: 1.5em;
  }
    h2, .h2{
    font-size: 1.3em;
  }
    h3, .h3{
    font-size: 1.1em;
  }
  h4, .h4{
    font-size: 1.1em;
  }
}