/* ##############################################################################
          ALLGEMEINE STYLES
############################################################################## */

h5 + h1, h5 + h2, h5 + h3, h5 + h4{
  margin-top: 0.5rem !important;
  padding-top: 0;
}
h5{margin-bottom: 0;}

/* SVGs mit Klasse full-width auf volle Breite strecken */
.full-width img{
  width: 100%;
}

/* ACCORDEON */

.w-tabs-section{
  margin-bottom: -1px !important;
}
.w-tabs-section-control{
  color: #1d31d7;
}

.w-tabs-section{
  border: 1px solid #053a5d !important;
  border-left: none !important;
  border-right: none !important;
}
.w-tabs-section a:link, .w-tabs-section a:visited{
  color: inherit;
  text-decoration: underline;
}
.w-tabs-section a:hover{
  text-decoration: none;
}

.details .w-tabs[style*="--sections-title-size"]>div>div>.w-tabs-section-header>.w-tabs-section-title{
  font-weight: bold;

  font-size: 1.2rem;
}

.details .active .w-tabs-section-title{
  color: #1d31d7;
}


.w-tabs-section-title{
  transition: all 0.5s ease;
}


/* Aufzählungen Listen */

.wpb_text_column ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.wpb_text_column ul li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 0.5rem;
}

.wpb_text_column ul li:before {
  content: ">";
  padding-right: 5px;
  color: #1eb4ff;
}



/* HEADER */

@media only screen and (max-width: 1200px) {

  #header .w-separator {
    display: none;
  }

}

@media only (pointer: none), (pointer: coarse){
  #header .l-section-img{
    background-size: cover;
    background-position-x: 30% !important;
    background-position-y: center !important;
    width: 100% !important;
    left: 0 !important;
  }
}

/* Linien */

hr{
  display: inline-block;
  border-width: 0 0 3px;
  width: 100%;
  max-width: 100px;
  border-color: #1d31d7;
  margin-top: 30px;
}


/* ##############################################################################
          MENU
############################################################################## */

header img{
  filter: brightness(0%) invert(100%);
  transition: filter 0.5s ease;
}

header.sticky img, header.id_871 img{
  filter: brightness(100%) invert(0%);
}

header .w-image{
  display: flex;
  align-items: center;
}

nav ul .menu-item{
  width: 600px;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

nav .w-nav-close{
  left: 50%;
  margin-left: 500px;
  top: 20px;
}

@media only screen and (max-width: 1160px) {
  nav .w-nav-close{
    left: auto;
    right: 20px;
    margin-left: 0;
    top: 20px;
  }
}


/* ##############################################################################
          STARTSEITE
############################################################################## */

/* ##############################################################################
          Projekte/Mitarbeiter
############################################################################## */

#projekte .g-cols .g-cols{

}

#projekte > div  > .g-cols > div > .vc_column-inner{
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
}

#projekte > div  > .g-cols > div > .vc_column-inner > div{
  width: 33.333333%;
  display: block;
}
#projekte > div  > .g-cols > div > .vc_column-inner > div p{
  font-size: 0.9rem;
  line-height: 1.6;
}

#projekte > div  > .g-cols > div > .vc_column-inner .vc_column-inner,
#projekte > div  > .g-cols > div > .vc_column-inner > div
{
  position: relative;
}
#projekte > div  > .g-cols > div > .vc_column-inner > div > div > .vc_column-inner > .w-vwrapper{
  position: absolute;
  /* width: calc(100% - 30px);
  height: calc(100% - 30px);
  margin: 15px; */
  width: 100%;
  height: 100%;
  padding: 20px;
  top: 0;
  background: rgba(5,58,91,0.9);
  color: #fff;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  overflow: auto;
}

/* #projekte > div  > .g-cols > div > .vc_column-inner > div:nth-child(1) > div > .vc_column-inner > .wpb_text_column,
#projekte > div  > .g-cols > div > .vc_column-inner > div:nth-child(2) > div > .vc_column-inner > .wpb_text_column,
#projekte > div  > .g-cols > div > .vc_column-inner > div:nth-child(3) > div > .vc_column-inner > .wpb_text_column
{
  background: #053a5d;
  background: rgba(5,58,91,0.9)
} */

#projekte > div  > .g-cols > div > .vc_column-inner > div > div > .vc_column-inner:hover > .w-vwrapper{
  opacity: 1;
}

@media only screen and (max-width: 1300px) {
  #projekte > div  > .g-cols > div > .vc_column-inner > div{
    width: 50%;
  }
}

@media only screen and (max-width: 860px) {
  #projekte > div  > .g-cols > div > .vc_column-inner > div{
    width: 100%;
  }
  #projekte .w-btn{
    width: 100%;
    padding: 1em !important;
  }


}

@media only (pointer: none), (pointer: coarse){

  #projekte > div  > .g-cols > div > .vc_column-inner > div::after{
    content: "Mehr erfahren";
    content: "";
    position: absolute;
    color: #fff;
    /* background: #1d31d7; */
    padding: 5px 10px;
    pointer-events: none;
    top: 15px;
    right: 15px;
    height: 20px;
    width: 20px;
    /* padding-right: 42px; */
    background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-info-white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
  }

  #projekte > div  > .g-cols > div > .vc_column-inner:hover > div:hover::after{
    display: none;
  }
}

/* #projekte .g-cols > div > .vc_column-inner .wpb_text_column{
  position: absolute;
} */



/* ##############################################################################
          PROJEKTSEITE
############################################################################## */

/* Akkordeon accordion styles*/



/* Karte 4 und aufwärts */
.projekt-intro .w-tabs-sections .w-tabs-section{
  background-image: url("http://wl.ymnky.space/wp-content/uploads/2024/01/background-accordion-04@2x.png") !important;
  background-size: cover;
  background-position: center;
}
.projekt-intro .w-tabs-sections .w-tabs-section:nth-child(1){
  background-image: url("http://wl.ymnky.space/wp-content/uploads/2024/01/background-accordion-01@2x.png") !important;
}
.projekt-intro .w-tabs-sections .w-tabs-section:nth-child(2){
  background-image: url("http://wl.ymnky.space/wp-content/uploads/2024/01/background-accordion-02@2x.png") !important;
}
.projekt-intro .w-tabs-sections .w-tabs-section:nth-child(3){
  background-image: url("http://wl.ymnky.space/wp-content/uploads/2024/01/background-accordion-03@2x.png") !important;
}

.projekt-intro .w-tabs-sections, .projekt-intro .w-tabs-section-control{
  color: #fff;
}

.projekt-intro .w-tabs-section-title{
  padding-left: 30px !important;
  position: relative;
}

.projekt-intro .w-tabs-section-title::before{
  content: "";
  display: block;
  position: absolute;
  height: 32px;
  width: 32px;
  top: 50%;
  left: 0;
  background-position: center;
  background-size: cover;
  transform: translate(-35%, -20%);
  margin-top: -10px;
}

.w-tabs.accordion>div>.w-tabs-section{
  transition: all 0.5s ease;
  border-style: none;
}

.projekt-intro .w-tabs-section{
  border: none !important;
}

/* offene Akkordeons */
.projekt-intro .w-tabs-section.active{
  scale: 1.04;
  /* border-radius: 10px; */
  box-shadow: 0 10px 30px rgba(0,0,0,0.7);
}

.w-tabs-section.active:not(.has_text_color)>.w-tabs-section-header{
  color: inherit;
}

.no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus{
  background: transparent;
}


/* Projekte Icons */
#projekt-khsuche .w-tabs-section:nth-child(1) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-kh-grundlage.svg");
}

#projekt-khsuche .w-tabs-section:nth-child(2) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-kh-ergebnis.svg");
}

#projekt-khsuche .w-tabs-section:nth-child(3) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-kh-befragung.svg");
}

#projekt-khsuche .w-tabs-section:nth-child(4) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-kh-unterstuetzung.svg");
}



#projekt-weissbuch .w-tabs-section:nth-child(1) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-patient-file.svg");
}

#projekt-weissbuch .w-tabs-section:nth-child(2) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-stars.svg");
}


#projekt-reformkonzept .w-tabs-section:nth-child(1) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-question.svg");
}

#projekt-reformkonzept .w-tabs-section:nth-child(2) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-clock.svg");
}


#projekt-composite-measure .w-tabs-section:nth-child(1) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-summary.svg");
}
#projekt-composite-measure .w-tabs-section:nth-child(2) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-kh-befragung.svg");
}
#projekt-composite-measure .w-tabs-section:nth-child(3) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-kh-ergebnis.svg");
}

#projekt-befragung .w-tabs-section:nth-child(1) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-summary.svg");
}
#projekt-befragung .w-tabs-section:nth-child(2) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-reload.svg");
}
#projekt-befragung .w-tabs-section:nth-child(3) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-kh-befragung.svg");
}
#projekt-befragung .w-tabs-section:nth-child(4) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-hamburg.svg");
}
#projekt-befragung .w-tabs-section:nth-child(5) .w-tabs-section-title::before{
  background-image: url("http://bstg.ymnky.space/wp-content/uploads/2024/01/icon-tuev.svg");
}

.details .w-tabs-section{
  background-color: transparent !important;
}





/* --------- YOUTUBE PLAYER EMBED ------- */

#loesung.l-section {
    padding-bottom: 50px;
}

#player_responsive{
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 56.25%;
	/*opacity: 0.2;*/
}

#yt_container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ccc;
}

#yt_container{
	position: relative;
	margin: auto auto;
	padding: 5px 5px 0 5px;
	/* border: 1px solid #d0d0ca; */
	background: #fff;
	width: 100%;
	/* max-width: 860px; */
	text-align: center;
  box-shadow: 0px 2px 57px 0px rgba(0, 0, 0, 0.36);

}



#yt_container a:link, #yt_container a:visited{
	display: inline-block;
	padding: 5px 10px;
	text-transform: uppercase;
	margin: 10px 2px;
	color: #323232;
	text-decoration: none;
	font-size: 14px;
}

#yt_container a::before {
    color: #1c30d6;
    content: "▸";
    margin-right: 5px;
    position: relative;
    top: -1px;
}

#yt_container a:hover{
	background: #f1f1ef;
}

#yt_container_shadow{
	position: relative;
	margin: auto auto;
	width: 90%;
	max-width: 740px;
	padding-bottom: 56.25%;
	margin-bottom: -60%;
	background: red;
}

/*SCHATTEN EFFEKT*/

#yt_container:before
{
	content:"";
    position:absolute;
    z-index:-1;
    box-shadow: 0px 2px 57px 0px rgba(0, 0, 0, 0.36);
    top:3%;
    bottom:0px;
    left:4%;
    right:4%;
}


/* ##############################################################################
          Tabs Projektseiten
############################################################################## */

.w-tabs-section-content .w-hwrapper {
  color: #868686;
  margin: 20px 0;
}

.w-tabs-section-content .w-image.style_circle{
  max-width: 70px;
}

.w-tabs-section-content .slick-slide{
  padding: 0 20px;
}

@media only screen and (max-width: 800px) {
  .ult-carousel-wrapper {
    display: none;
  }
}
.w-tabs.layout_hor:not(.accordion) .w-tabs-section{
  /* border-left: 1px solid #053a5d !important;
  border-right: 1px solid #053a5d !important; */
  border: none !important;
  padding: 4rem;
}

.w-tabs .ult-carousel-wrapper{
  margin-bottom: 6rem;
  margin-top: 1rem;
}

.w-tabs.layout_hor {
  box-shadow: 0px 2px 57px 0px rgba(0, 0, 0, 0.36);
}

.w-tabs.style_default.layout_hor>.w-tabs-list .w-tabs-item{
  border-width: 0 0 2px 0;
  text-align: left;
}


.w-tabs-list-h button{
  flex-grow: 1
}

/*  ---- SOCIAL SHARING ---- */

#social-sharing .w-sharing i{
  color: #fff;
  font-size: 30px;
}

#social-sharing .w-sharing a{
  border-width: 0;
}



/* ##############################################################################
          CHARTS
############################################################################## */

.highcharts-title {
    display: none;
}
.m-chart-container {
    margin-top: -20px;
}
.highcharts-label text {
    fill: #1c30d6 !important;
}
.highcharts-point.highcharts-color-0, .highcharts-color-0 rect { fill: #1c30d6; }
.highcharts-point.highcharts-color-1, .highcharts-color-1 rect { fill: #053a5d; }
.highcharts-point.highcharts-color-2, .highcharts-color-2 rect { fill: #0c55a6; }
.highcharts-point.highcharts-color-3, .highcharts-color-3 rect { fill: #1eb4ff; }
.highcharts-point.highcharts-color-4, .highcharts-color-4 rect { fill: #f0980a; }
.highcharts-point.highcharts-color-5, .highcharts-color-5 rect { fill: #b9073c; }


.highcharts-background{
  display: none;
}