/*
Theme Name: OceanWP Child Theme THK
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: Helga Kröger
Author URI: https://www.helga-kroeger.de
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/** Farbwerte **********

 Lila:      #AE368C
 Rot:       #CF1820
 Grau/blau: #32475B
 Purpur:    #AE368C
 Orange:    #EC6525
 Türkis:    #BFE2E2
 Schwarz:   #000000 

***********************/


/** wp AudioPlayer Praxispartner:innen ***/


.page-id-775 .mejs-container .mejs-controls {
	background: #eee;
	border: 1px solid #ddd;
}
.page-id-775 .elementor-widget-wp-widget-media_audio {
    width: 450px;

}
.page-id-775 .mejs-controls .mejs-time-rail .mejs-time-current,
.page-id-775 .mejs-button > button {
   background: #ae368c;
}
.page-id-775 .mejs-time {
   color: #ae368c;
}



/*** timeline ***/
.twae-wrapper .twae-content {
  overflow: visible!important;
}



.twae-timeline div#story-855d87d.twae-story.twae-repeater-item div,
.twae-timeline div#story-855d87d.twae-story.twae-repeater-item div.twae-content p,
.twae-timeline div#story-b98a2cd.twae-story.twae-repeater-item div,
.twae-timeline div#story-b98a2cd.twae-story.twae-repeater-item div.twae-content p,
.twae-timeline div#story-a965b40.twae-story.twae-repeater-item div,
.twae-timeline div#story-a965b40.twae-story.twae-repeater-item div.twae-content p,
.twae-timeline div#story-58c970e.twae-story.twae-repeater-item div,
.twae-timeline div#story-58c970e.twae-story.twae-repeater-item div.twae-content p,
.twae-timeline div#story-c2ca13e.twae-story.twae-repeater-item div,
.twae-timeline div#story-c2ca13e.twae-story.twae-repeater-item div.twae-content p {
	color: #326b7f!important;
}

/*** Sprachauswahl gTranslate ***/

.translMenu {
	position: fixed;  
	right: 0;  
	top: 180px;  
	padding: 1px 0px 1px 1px;
	z-index: 1100;
}

#toggle_language {
  background: transparent;
 /* color: #112760;
  font-size: 1.125rem;
  font-weight: 600;*/
  transition: all .25s;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "PT Sans",sans-serif;
  cursor: pointer;
}
button#toggle_language {
	background: transparent;
}

#toggle_language img {
/*	width: 29px;
	height: auto;*/
	margin-right: .6rem;
}

#toggle_language span {
}

#toggle_language span:hover {
    cursor: pointer;
}

.gtranslate_wrapper {
	display: flex;
	flex-direction: column;
	gap: 1px;
	text-align: left;
	height: 13em;
	overflow-y: auto;
	width: 250px;
	margin: 5vH auto 0 auto;
	align-items: center;
}

/** modaler Layer START **/
.modalFlex {
	display: flex;
}

.modalFlex > div:first-child {
	min-width: 200px;
	max-width: 200px;
	font-weight: 600;
}
.modalFlex > div {
	margin-bottom: 10px;
}
.modalFlex:last-child {
	margin-bottom: 20px;
 }
 
.modalResultContainer .modalResult {
	transform: translate(-50%, -50%);
	top: 50%;
	left:50%;
 }

.modalResultContainer, .modalResultContainerInfo {
	position: fixed;
	width: 100%;
	height: 100%;
	/* background: rgba(204,204,204,0.5);*/
	background: #62A6A699;
	display: none;
	top: 0;
	left: 0;
	z-index: 1031;
}
.onlineberatung .modalResultContainer, .modalResultContainerInfo {
  	background: #62A6A699;
}

.modalResultContainer .modalResultContent {
	display: inline-block;
	text-align: center;
}

.modalCloseArea {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1500;
}

.modalResult {
	max-width: 90%;
	min-width: 70%; 
	width: 70vH;
	max-height: 500px;
	height: 76vH;
	background: #ffffff;
	overflow-y: auto;
	padding: 50px 30px 30px 30px; 
	box-shadow: -5px 5px 25px 0 rgba(26,46,74,.25);
	z-index: 2000;
	position: relative;
	text-align: center;
}

.modalResult h2 {
	/*font-size: 1.0rem;*/
	padding-top: 20px;
	padding-bottom: 0;
	font-weight: 500;
}

.modalResult h3 {
	/* font-size: 1.5rem;*/
	margin-bottom: 20px;
	font-weight: 400;
}

div.modalResultHead {
	display: flex;
	justify-content: right;
}

div.modalResultHead a,
div.modalResultHead a:hover,
div.modalResultHead a:focus {
	border-bottom: 0px !important;
	color: rgba(150, 27, 128, 0.9);
}

.modalClose {
	cursor: pointer;
	padding-left: 10px;
	font-weight: 900;
}
/** modaler Layer ENDE **/


/*** Sprachauswahl gTranslate ENDE ***/



/** Liste Material ***/
.wpr-grid-filters li {
	color: #000!important;
}

.wpr-grid-filters li > .wpr-active-filter {
  color: #000!important;
  background-color: #BFE2E2!important;
  border-color: #BFE2E2!important;
}

.wpr-grid-filters li > span:hover {
  color: #fff!important;
  background-color: #AE368C!important;
  border-color: #AE368C!important;
}

.imgMat img {
   aspect-ratio: 1/1;
  object-fit: cover;
  outline: none;
}
.elementor-element.imgMat .wpr-grid-image-wrap {
    border-color: #d0d4d5!important;
}

.materialInfo table {
	margin-bottom: 0;
}


.wpr-grid-item-excerpt .inner-block p,
.wpr-grid-extra-text-left,
span.wpr-grid-extra-text-left  {
    color: #000!important;
}


.wpr-grid-item-read-more .inner-block {
   margin-bottom:2rem;
}

.wpr-grid-item-read-more .inner-block a:hover {
	color: #000!important;
}



/** Liste und Single Tags/Cats**/

/** Link in Tag-Listen deaktivieren **/
.not-active {
    pointer-events: none;
    cursor: default;
}


ul.wpr-post-info li.wpr-post-info-date span,
ul.wpr-post-info li.wpr-post-info-taxonomy span {
	font-size: 14px;
	color: #000!important;
	margin-right: .25rem;
}
ul.wpr-post-info li.wpr-post-info-date span:first-child,
ul.wpr-post-info li.wpr-post-info-taxonomy span:first-child {
	width: 140px;
}


ul.wpr-post-info li.wpr-post-info-taxonomy a {
	border-bottom: 1px solid #fff!important;
	font-size: 14px;
	color: #000!important;
}
ul.wpr-post-info li.wpr-post-info-taxonomy a:hover {
	border-bottom: 1px solid #000!important;
    transition: all 1s ease;
}

.premium-tcloud-canvas-container span.premium-tcloud-term {
  background-color: #BFE2E2;
  padding: 5px;
}
.premium-tcloud-canvas-container span.premium-tcloud-term a {
  border-bottom: 1px solid #BFE2E2;
}
.premium-tcloud-canvas-container .premium-tcloud-term-wrap {
  margin: 5px 10px 5px 0;
}

.single-post .premium-tcloud-canvas-container::before {
  content:"Schlagwörter:";
  display: inline-block;
  margin-right: 40px;
}

/** Single Page / Beitragsseite **/

/** Breadcrumb ***/
/*.single-post nav.site-breadcrumbs ol.trail-items li.trail-item.trail-begin,
.single-post nav.site-breadcrumbs ol.trail-items li:nth-child(3),
.single-post nav.site-breadcrumbs ol.trail-items li:nth-child(5) {
  display: inline-block; 
}/* Stil für das 5. Element */

 /*.single-post nav.site-breadcrumbs ol.trail-items li:not(:nth-child(5)) {
  Verstecke alle anderen Elemente
/*  display: none;*/
} 
/** Breadcrumb - ENDE ***/


/** tabelle **/

.wp-block-table.materialInfo {
   padding-top: 40px;
}

.wp-block-table.materialInfo table tbody tr td  {
	color:#000!important;
}
.wp-block-table.materialInfo table tbody tr td:first-child {
       width: 140px; /* erste Spalte 130 Pixel */
}

.wp-block-table.materialInfo td, 
.wp-block-table.materialInfo th {
  border: none;
  padding: .25em 0;
  font-size: 14px;
  font-weight: 500;
}

.single-post div.con_bottom a {
	font-size: 14px;
	color: #fff;
    background: #AE368C;
    text-shadow: none;
    padding: 10px 20px;
    border-radius: 2px 2px 2px 2px;
}
.single-post div.con_bottom a:hover {
	border-bottom: none!important;
	color: #E7E5E5;

}


.single-post .elementor-widget-image img {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #ddd;
  border-radius: 2px;
}

/** Single Page / Beitragsseite ENDE **/


/** Archiv Seiten **/

.elementor-location-archive {
  width: 1330px;
  max-width: 90%;
  margin: 0 auto;
}
.elementor-posts-container .elementor-post__thumbnail img {
	border: 1px solid #32475B;
}

  
/** Archiv Seiten ENDE **/


/** General **/
body, html, p {
  font-family: "Montserrat",sans-serif !important;
  font-style: normal;
  font-weight: 500; 
  font-size: 19px;
}

body h3 {
	font-size: 19px;
}

#main li {
   font-size: 1rem;
   font-weight: 500;
}


#outer-wrap.site {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
 /* outline: 5px solid green;*/
}

#site-header {
	border-bottom: 1px solid transparent;
}


#top-bar-wrap {
  position: relative;
  background-color: #fff;
  font-size: 12px;
  border-bottom: none;
  z-index: 101;
}

#icons_rechts {
	position:fixed;
	top: 50%;
	right: 0;
	z-index: 100;
	display: none !important;
}

#icons_rechts a {
	display: block;
	border-width: 3px 0 3px 3px;
	border-style: solid;
	border-color: #000;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	margin-bottom: 10px;
	padding: 10px 8px 10px 20px;
	
}

#main a {
   border-bottom: 1px solid transparent;
}


#main a:hover,
#footer a:hover {
  border-bottom: 1px solid #000;
  transition: all 1s ease;
}

/*** promobox startseite button outline statt border ***/
.page-id-16 #main .flipBox .wpr-promo-box-btn {
  border: none;
  outline: 2px solid #fff;
  border-radius: 2px 2px 2px 2px;
}

.elementor .altlink a {
	color: #cf1820;
}

.elementor-widget-heading h2 {
  color: #000000;
  font-size: 35px;
  padding: 80px 0 80px 0;
  /*outline: 1px solid red;*/
}
.elementor-widget-heading div.elementor-widget-container h3 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 40px;
}

.e-con > .e-con-inner,
#main .elementor-element.e-flex {
    gap: 40px!important;
	justify-content: flex-end;
}


.page-id-775 #main .elementor-element.e-flex {
    gap: 40px!important;
	justify-content: center;
}

#main .elementor-element.e-flex > div.elementor-widget-text-editor {
	padding-bottom: 20px;
}

.page-header .page-header-title {
	padding: 0 32px; 
	color: #000000;
	font-weight: 600;
	order: 2;
 }
 
 #main #content-wrap {
	padding: 0 35px; 
 }
 

#site-navigation-wrap .dropdown-menu.sf-menu > li > a {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 74px;
  color: #000;
  padding: 0 15px;
  letter-spacing: 0;
  margin-left: 20px;
  text-transform: uppercase;
}

.container {
  width: 1400px;
  max-width: 90%;
  margin: 0 auto;
}


#site-logo {
  float: unset;
}
#site-logo #site-logo-inner a:hover img {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1 /*.6*/;
}

#menu-top-navi {
	position: relative;
}
#top-bar-nav #menu-top-navi > li {
	position: static;
}

#top-bar-nav.navigation ul {
    padding-right: 40px;
	display: flex;
} 
#top-bar-nav.navigation ul li {
	font-size: 16px;
	font-weight: 600;
	display: flex;
	margin-right: 0;
}

#top-bar-nav.navigation ul li::after {
    content: "|";
	margin: 0 10px;
}
#top-bar-nav.navigation ul li:last-child::after {
	display:none;
}

#top-bar-nav a.menu-link {
    color: #000;
	border-bottom: 1px solid #fff;
}
#top-bar-nav a.menu-link:hover {
    border-bottom: 1px solid #000;
	transition: all 1s ease;
}

#top-bar-nav ul.sub-menu {
	display: block;
	min-width: inherit;
	width: 100%;
	left: 0px !important;
	border-top: none!important;
}

#top-bar-nav ul.sub-menu li a {
	font-size: 14px;
}
#top-bar-nav ul.sub-menu li::after {
	display: none;
}

.page-template-default #top-bar-inner {
  position: relative;
}

.page-template-default #site-navigation-wrap {
  margin-left: 0px;
  /*outline: 1px solid green;*/
}


.page-header {
   background-color: #fff;
	padding-top: 0;
}

body.home .page-header-inner { /***startseite **/
   text-align: left;  
   display: none;
}


body .page-header-inner {
  padding-top: 20px;
	display: flex;
	flex-direction: column;
}

.textBox {
	padding: 36px 28px 40px 28px;
}
.textBox .elementor-widget-container h3 {
	color: #fff;
	font-size: 46px;
	line-height: 54px;
	text-transform: uppercase;
}

.textBox .elementor-widget-container h4 {
	color: #fff;
	font-size: 46px;
	line-height: 54px;
	font-weight: 500;
}

#main .elementor-divider-separator {
	border-color: transparent;
}

#main .trennerL.elementor-widget-divider .elementor-divider,
#main .trennerL .elementor-element .elementor-divider {
	padding-block-start: 10px;
    padding-block-end: 10px; 
	background: #AE368C;
}

#main .trennerL75.elementor-widget-divider .elementor-divider,
#main .trennerL75 .elementor-element .elementor-divider {
	padding-block-start: 7px;
    padding-block-end: 7px; 
	background: #AE368C;
}



#main .trennerR .elementor-element .elementor-divider {
	padding-block-start: 7px;
    padding-block-end: 7px; 
	background: #CF1820;
}
#main .trennerG .elementor-element .elementor-divider {
	padding-block-start: 7px;
    padding-block-end: 7px; 
	background: #32475B;
}


#main .raisonFlipBox .wpr-flip-box .wpr-flip-box-front .wpr-flip-box-content,
#main .raisonFlipBox .wpr-flip-box .wpr-flip-box-back .wpr-flip-box-content {
	background: #32475B;
	color: #fff!important;
}
#main .raisonFlipBox .wpr-flip-box-description p {
   color: #ffffff
}

.elementor-widget-heading .elementor-heading-title {
	color: #000;
}

/*** AKKORDEON **/
#main .wpr-toggle-icon svg {
   fill: #AE368C;
   width: 15px;
}





/*** Main-NAVI START ***/

#site-navigation .dropdown-menu ul li a.menu-link {
   text-transform: none;	
}
#site-navigation a.menu-link:hover {
  text-decoration: none;
}

/*** Main-NAVI Ende ***/


.page-header .site-breadcrumbs {
	font-size: 13px;
	color: #c6c6c6;
	position: relative;
	padding: 0 32px;
	z-index: 50;
	max-width: 90%;
	margin-top: 0;
	height: fit-content;
	margin-bottom: 20px;
	white-space: normal;

}


/** Sub-NAVI Start **/

body .dropdown-menu .sub-menu {
  min-width: 680px;
}

.sf-menu ul.sub-menu  {
	left: 30px !important;
}

.dropdown-menu .sub-menu {
	box-shadow:none !important;
}

.dropdown-menu ul li.menu-item {
	border-bottom: transparent;
	padding-left: 5px;
}

body .dropdown-menu ul li a.menu-link  {
   background-image: url("/wp-content/uploads/2024/11/pfeil-rechts.jpg");
   background-repeat: no-repeat;
   background-position: left 12px;
   background-size: 20px;
   padding-left: 25px;
   font-size: 16px;
   color: #000;
   font-weight: 600;
   letter-spacing: 0;
}

.dropdown-menu ul li.menu-item:last-child {
   padding-bottom: 20px;
}  
  
/** Sub-NAVI Ende **/
 
 
/** INHALTE Unterseiten - Start ***/
/* Seite Vorkommen Diagramme */
.textBild80 div.e-con-inner {
    margin: 0 ;
	max-width: 80%;
}				
.single-page-article{
	/*max-width: 1040px;
	outline: 2px solid green;*/
}


/** INHALTE Unterseiten - Ende ***/


/*** Beitrag > Detailseite Start ***/


.single-post .entry-title { /*** titel wird als h1 oberhalb ausgegeben, h2 ausgeblendet***/
	display: none;
}


.single.single-post .thumbnail img {
  width: 100%;
  max-width: fit-content!important;
}

#content .post-navigation a span,
#content .theme-heading .text::before {
   color: #AE368C;
}


body .backbutton {
   cursor: pointer;
   margin-bottom: 1.5rem;
   display: inline-block;
   padding: 10px 20px 10px 20px;
   background: #AE368C;
   color: #fff;
}

#content article .backbutton:hover {
   color: #E7E5E5;
}

/*** Beitrag > Detailseite Ende ***/


/*** Akkordeon ***/

#content-wrap .e-n-accordion .e-n-accordion-item .e-con-inner .elementor-widget-container {
	margin: 6px 32px 0px 34px !important;
}

#content-wrap .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-toggle {
  height: 20px;
  width: 20px;
  line-height: 16px;
  fill: #FFFFFF;
}

/*** Akkordeon Ende ***/


/*** Footer ***/
#footer {
   width: 1400px;
   max-width: 90%;
   margin: 0 auto;
}

#footer .container {
	max-width: 100%;
}


body #footer-widgets {
	background-color: #fff;
	padding: 0 20px 0px 20px;
}

body .footer-widget h2 {
  font-size: 35px;
  padding: 35px 0 0px 0;
  /*outline: 1px solid red;*/
}

body #footer-bottom {
	background-color: #fff;
	color: #000;
	font-size: 35px;
	padding: 0 35px 20px 35px;
}
div.footer-widget-border {
	border-top: 17px solid #32475B;
	padding-bottom: 10px;	
}
div.footer-border {
	margin-top: 20px;
	border-top: 17px solid #CF1820;
	padding-bottom: 40px;
}

body #footer-bottom h2 {
	display: inline-block;
	font-size: 26px;
	
}

body #footer-bottom #footer-bottom-menu {
	float: none;
	text-align: left;
	padding-left: 0;
}

body #footer-bottom #footer-bottom-menu a {
	color: #000000;
	font-size: 26px;
	font-weight: 600;
}

body #footer-bottom #footer-bottom-menu a:hover,
body #footer-bottom #footer-bottom-menu a:focus {
	color: #ae368c;
}

body #footer-bottom #footer-bottom-menu li::after {
	font-size: 35px;
	margin-left: 10px;
	margin-right: 10px;
}

/** Förderlogo **/
.footer-widget .wp-block-image img {
   min-width: 240px;
   max-width: 300px;
}


/*** Audio Player - START Seite praxispartner:innen ***/
.page-id-775 #main .elementor-element.e-flex > div.elementor-widget-text-editor {
  padding-bottom: 0px;
}

#main .plyr--audio .plyr__controls {
	padding: 0;
	border: 1px solid #eee;
}
#main .plyr--audio .plyr__control:hover {
	background: #AE368C;
}



/*** Glossar - Start ***/

#content .glossary-link.tooltip::after {
  background: #383838;
  color: #fff;
  padding: 8px 10px;
  font-size: 1rem;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 1.5;
  transform: translateX(-50%) translateY(-8px);
  width: 300px;
}

.glossary-index-letters ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

#content .glossary-index-letters li a:hover {
  background: #AE368C;
}
#content .glossary-index-letters li a,
#content .glossary-index-letters li a:hover {
  transition: all .3s ease;
}

header h2.entry-title, 
.single.single-glossary .entry-title  {
	display: none;
}


#content .entry-content {
    max-width: 1260px;
}

#content .index-item-preview ul > li {
	float: none;
	width: fit-content;
}
/*** Glossar - ENDE ***/



/************************************************/
/************* MEDIA QUERIES START **************/
/************************************************/

@media screen and (max-width: 1280px) {
	
	body, html, p, li {
  		font-size: 19px;
	}
	
	.container,
	#footer {
		max-width: 100%;	
	}
	
	.oceanwp-mobile-menu-icon.mobile-right {
  		padding: 0 35px;
	}
	
	.page-header h1.page-header-title {
		font-size: 28px;
	}
	
	div.elementor-element h2.elementor-heading-title {
	  	font-size: 22px !important;
	}
	
	body .footer-widget h2,
	body #footer-bottom h2 {
	  	font-size: 22px!important;
	}
  
	.textBox .elementor-widget-container h3 {
		font-size: 19px!important;
	}
	
	/* 
	.textBox .elementor-widget-container h4 {
	  font-size: 24px!important;
	  line-height: 34px!important;
	}
	*/
	
	#content .elementor-16 .elementor-element.elementor-element-ffa1b87 {
	  font-size: 19px;
	}
	#content .elementor-16 .elementor-element.elementor-element-4c46adb .eael-grid-post {
	  padding: 60px 0px 0px 80px;
	}
	.elementor-widget-heading div.elementor-widget-container h3 {
 	 font-size: 18px!important;
	}
	
	.elementor-widget-wpr-flip-box .wpr-flip-box-front .wpr-flip-box-content .wpr-flip-box-title, 
	.elementor-widget-wpr-flip-box .wpr-flip-box-back .wpr-flip-box-content .wpr-flip-box-title {
		font-size: 22px!important;
	}
}

/* Tablet */
@media screen and (max-width: 1124px) {
	.translMenu {
		top: 40px;  
	}
	.oceanwp-mobile-menu-icon.mobile-right {
		margin-top: 20px;
	}	
	
	#site-header-inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	#site-header-inner:after {
		display: none;
	}
	
	.oceanwp-mobile-menu-icon i {
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 1080px) {
	#footer .footer-box.col-2,
	#footer .footer-box.col-3,
	#footer .footer-box.col-4 {
		display: none !important;
	}
}

/* Mobile Portrait */
@media screen and (max-width: 768px) {
	.translMenu {
		top: 40px;  
	}
	.oceanwp-mobile-menu-icon.mobile-right {
		margin-top: 0px;
	}	
	
	#toggle_language img {
		width: 50px;
	}
				 
 	body, html, p, li {
  		font-size: 16px;
	} 
	.page-header h1.page-header-title {
		font-size: 26px;
	}
	
	div.elementor-element h2.elementor-heading-title {
	  	font-size: 20px !important;
	}
	
	body .footer-widget h2,
	body #footer-bottom h2 {
	  	font-size: 20px!important;
	}
  
	.textBox .elementor-widget-container h3 {
		font-size: 16px!important;
	}
	
	body .footer-widget h2,
	body #footer-bottom h2 {
	  	font-size: 20px!important;
	}
	
	#content .index-item-preview ul > li {
		hyphens: none !important;
	}
	
	body #footer-bottom #footer-bottom-menu a {
		font-size: 20px;
	}
	
	body #footer-bottom #footer-bottom-menu li::after {
		font-size: 29px;
	}
	.elementor-location-single.has-media .e-con-inner > div:first-child {
	   order: 2;
	}
}

/* Phone */
@media screen and (max-width: 600px) {
	.page-header .site-breadcrumbs,
  	.page-header .page-header-title,
	#main #content-wrap,
	body #footer-bottom {
  		padding: 0 15px;
	}
	
	body #footer-widgets {
		padding: 0;
	}

}

/* Phone */
@media screen and (max-width: 480px) {
	.translMenu {
		top: 70px;  
	}
	
	#site-logo #site-logo-inner a img {
		margin-left: 5px !important;
	}
}