/* ##############################################################################
          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: #1eb4ff;
}

.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: #1eb4ff;
}


.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;
}

/* BALKEN TRENNER STRICHE */
#header .w-separator.with_line{
  margin-top: 6rem;
}
#header .w-separator.with_line ::before{
  max-width: 200px;
}


.w-separator.with_line{
  margin-top: 2rem;
}

/* .w-separator.size_small.with_line{
  height: 15px;
} */

.w-separator.with_line ::before{
  position: relative;
  margin-top: 3rem;
  margin-bottom: 50%;
  max-width: 120px;
}




/* HEADER */

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

  #header .w-separator:not(.with_line) {
    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: #1eb4ff;
  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
############################################################################## */



/* Font anpassen */
#projekte > div  > .g-cols > div > .vc_column-inner > div p{
  font-size: 0.9rem;
  line-height: 1.6;
}

/* Abstände zwischen den Zeilen*/
#projekte .wpb_row{
  margin-top: 1.5rem;
}

/*Buttonabstände*/
#projekte .w-btn{
  margin-top: 1rem;
}

/*Farbschema*/
#projekte .wpb_row:nth-child(even),
#projekte .wpb_row:nth-child(even) h4,
#projekte .wpb_row:nth-child(even) h5 {
  background: #053a5d;
  color: #fff;
}
#projekte .wpb_row:nth-child(odd),
#projekte .wpb_row:nth-child(odd) h4,
#projekte .wpb_row:nth-child(odd) h5
{
  background: #e3e7f0;
  color: #053a5d !important;
}
/* linkfarben an Farbschema anpassen*/
#projekte .wpb_row a:hover{
  color: inherit;
}

/* Padding für Inhaltsblöcke*/
#projekte .wpb_row .vc_column-inner{
  padding: 3rem;
}
#projekte .wpb_row .vc_column-inner:has(> .w-image){
  padding: 0px;
}

@media only screen and (max-width: 900px) {
  /* auf eine Spalte umstellen*/
  #projekte .wpb_row {
    grid-template-columns: repeat(1,1fr);
  }
  /* Auf Mobile umgekehrt stapeln, damit nicht zwei Textzeilen hintereinander stehen */
  #projekte .wpb_row:nth-child(even) > .wpb_column:nth-child(1){
    order: 1;
  }
  #projekte .wpb_row:nth-child(even) > .wpb_column:nth-child(2){
    order: -1;
  }
  /* Padding reduzieren */
  #projekte .wpb_row .vc_column-inner{
    padding: 2rem;
  }

}

@media only screen and (max-width: 600px) {
  /* Padding reduzieren */
  #projekte .wpb_row .vc_column-inner{
    padding: 1rem;
  }
  #projekte > div > div > div {
    padding-left: 0;
    padding-right: 0;
  }
  #projekte .w-btn-wrapper, #projekte .w-btn {
    width: 100%;
  }
}

/* MITARBEITER */
#projekte.mitarbeiter .ma-icons p{
  text-align: right;
}
#projekte.mitarbeiter .ma-icons a{
  margin-left: 6px;
}

#projekte.mitarbeiter .ma-name p{
  font-size: 20px !important;
}

#projekte.mitarbeiter .w-separator.size_small.with_line{
  margin-top: 0;
}








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

/* Akkordeon accordion styles*/



/* Karte 4 und aufwärts */
.projekt-intro .w-tabs-sections .w-tabs-section{
  background-color: #053a5d;
  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;
}