/*
Theme Name:   Divi Child
Theme URI:    http://www.elegantthemes.com/gallery/divi/
Description:  A Divi Child Theme
Author:       Tramsen Media
Author URI:   https://tramsen.de
Template:     Divi
Version:      1.2.3
*/

/* Zusätzliches CSS hinter dem abschließenden Schrägstrich einfügen
------------------------------------------------------------------- */

/*---Custom Shrink Header CSS is in child themes css folder---*/


/*-----------------------------------------------------------------------------------------*/
/*––––––-––Global-Modifications------------------------------------------------------------*/
/*---------write below css for global changings like navigation or widgets-----------------*/
/*-----------------------------------------------------------------------------------------*/

/*---Hyphenation / Trennung---*/
.hyphen, .trennung {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.hyphen-manual, .trennung-manual /*use "­" in text*/{
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
    hyphens: manual;
}

/*-----------------------------------------------------------------------------------------*/
/*––––––-––Custom-Modifications------------------------------------------------------------*/
/*---------write below css for standard changings like modules or only for special sites---*/
/*-----------------------------------------------------------------------------------------*/

/*--- Start Customize Login Page ---*/
body.login {
    background-color: #005dab !important;
}
.login a {
    color:#c1c1c1 !important;
}
/*--- End Customize Login Page ---*/

.home .el-dbe-blog-extra-slider .el-read-more-btn {
	bottom: 15px;
    position: absolute;
}

.home .el-dbe-blog-extra-slider .et_pb_text_align_left {
    padding-bottom: 35px !important;
}
.el-dbe-blog-extra-slider .swiper-button-next { right: -40px; }
.el-dbe-blog-extra-slider .swiper-button-prev { left: -40px; }

/*––––––––––––––––––––––-–– Menü ––––––-––––––––––––––––-––*/

/* Basis: Top-Level + Mobile (Standardzustand = inaktiv) */
.et_pb_menu_0_tb_header.et_pb_menu .et-menu a,
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a{
/*  color: #383838 !important;*/
  font-weight: 400 !important;
  text-decoration: none !important;
}

/* Sticky: gleiche Farbe wie normal (falls Divi sticky anders färbt) */
.et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu .et-menu a{
  color: #383838 !important;
  font-weight: 400 !important;
}

/* Hover (Desktop + Mobile) */
.et_pb_menu_0_tb_header.et_pb_menu .et-menu a:hover,
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a:hover{
  color: #6a8496 !important;
}

/* Top-Level current: nur für echte Seiten, nicht für Anchor-Links */
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item > a:not([href*="#"]){
  color: #7C98AE !important;
  font-weight: 500 !important;
}

.et-menu .menu-item-has-children>a:first-child:after { 
	font-family: ETmodules; 
	content: "3"; 
	font-size: 1.25rem; 
	position: absolute; 
	right: 0; 
	top: 0; 
	font-weight: 700; 
}

/* Submenü: inaktiv */
.et_pb_menu_0_tb_header.et_pb_menu ul.sub-menu li:not(.current-menu-item) > a,
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li:not(.current-menu-item) > a{
  color: #353535 !important; /* falls du Submenu dunkler willst als Top-Level */
  font-weight: 400 !important;
  text-decoration: none !important;
}

/* Dropdown current: nur echte Seitenlinks -> 500 */
.et_pb_menu_0_tb_header.et_pb_menu ul.sub-menu li.current-menu-item > a:not([href*="#"]),
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li.current-menu-item > a:not([href*="#"]) {
  color: #7C98AE !important;
  font-weight: 500 !important;
}

/* Dropdown current ABER Anchor-Link -> immer 400 (nie 500) */
.et_pb_menu_0_tb_header.et_pb_menu ul.sub-menu li.current-menu-item > a[href*="#"],
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li.current-menu-item > a[href*="#"] {
  font-weight: 400 !important;
}

/* Submenu Typography (dein Wunsch war 1.125rem) */
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a,
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a{
  font-size: 1.125rem;
}

/* Submenu Dropdown-Breite / Layout – einmal sauber (statt mehrfach) */
.et_pb_menu_0_tb_header.et_pb_menu .et-menu .sub-menu{
  width: max-content !important;
  min-width: 14rem;
  max-width: calc(100vw - 3rem);
  white-space: normal;
}

.et_pb_menu_0_tb_header.et_pb_menu .et-menu .sub-menu li{
  display: block;
}

.et_pb_menu_0_tb_header.et_pb_menu .et-menu li li > a{
  display: block;
  padding: 0.6em 1rem;
  line-height: 1.4;
  white-space: nowrap;      /* keine Umbrüche innerhalb */
  overflow-wrap: normal;
}

/* Submenu am rechten Rand nach innen klappen */
.et_pb_menu_0_tb_header.et_pb_menu .et-menu > li.menu-item-has-children:last-child > .sub-menu{
  left: auto;
  right: 0;
}

/* Mehrstufiges Submenu nach rechts */
.et_pb_menu_0_tb_header.et_pb_menu .nav li li ul{
  left: 100% !important;
}

/* Caret-Positionierung (deine bestehenden Pfeil-Regeln behalten wir) */
.et-menu li li.menu-item-has-children>a:first-child:after{
  top: 9px;
}

/* Padding Top-Level */
.et_pb_menu .et-menu>li{
  padding-left: 16px;
  padding-right: 16px;
}

/* Hover-Hintergrund Submenu */
.et_mobile_menu li a:hover,
.nav ul li a:hover{
  background-color: #f9f9f9;
  opacity: 1;
}

/* =========================
   Anchor ScrollSpy – Optik
   Aktiv: blau, 400, keine Underline
   ========================= */

/* Hash-Links nie automatisch current darstellen (Anchor soll NICHT beim Seitenaufruf aktiv wirken) */
.et_pb_menu_0_tb_header.et_pb_menu li.current-menu-item > a[href*="#"],
.et_pb_menu_0_tb_header.et_pb_menu a[href*="#"][aria-current="page"]{
  font-weight: 400 !important;
  text-decoration: none !important;
}

/* Normal-Menü: Hash-Link bleibt weiß */
.et_pb_menu_0_tb_header.et_pb_menu:not(.et_pb_sticky) li.current-menu-item > a[href*="#"],
.et_pb_menu_0_tb_header.et_pb_menu:not(.et_pb_sticky) a[href*="#"][aria-current="page"]{
  color: #383838 !important;
}
/* ScrollSpy Active-State (vom Script gesetzt): Aktiv = blau, aber Gewicht bleibt 400 */
.et_pb_menu_0_tb_header.et_pb_menu a.tm-anchor-active{
  color: #7C98AE !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

/* Sticky-Menü: Hash-Link bleibt grau */
.et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu li.current-menu-item > a[href*="#"],
.et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu a[href*="#"][aria-current="page"]{
  color: #383838 !important;
}

/* A) Normalzustand NICHT anfassen (weiß bleibt weiß) -> KEINE globale a-Farbe hier */

/* B) Sticky: Level-1 aktiv markieren (wie vorher) */
.et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu > .et_pb_menu_inner_container .et-menu > li.current-menu-item > a,
.et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu > .et_pb_menu_inner_container .et-menu > li.current_page_item > a{
  color: #7C98AE !important;
  font-weight: 500 !important;
}
/* Anchor-Link darf NIE durch current-* fett werden (Ruhezustand) */
.et_pb_menu_0_tb_header.et_pb_menu a[href*="#"]{
  font-weight: 400 !important;
  text-decoration: none !important;
}
/* ScrollSpy Active-State: der einzige Fall, wo Anchor blau werden soll */
.et_pb_menu_0_tb_header.et_pb_menu a.tm-anchor-active[href*="#"]{
  color: #7C98AE !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}
/* =========================
   ScrollSpy Anchor – FINAL OVERRIDES (ganz unten)
   ========================= */

/* Anchor-Links im Menü grundsätzlich NICHT fett machen */
.et_pb_menu_0_tb_header.et_pb_menu a[href*="#"]{
  font-weight: 400 !important;
  text-decoration: none !important;
}

/* Anchor-Links NICHT automatisch blau durch current-* */
.et_pb_menu_0_tb_header.et_pb_menu li.current-menu-item > a[href*="#"],
.et_pb_menu_0_tb_header.et_pb_menu li.current-menu-ancestor > a[href*="#"],
.et_pb_menu_0_tb_header.et_pb_menu li.current_page_parent > a[href*="#"],
.et_pb_menu_0_tb_header.et_pb_menu li.current_page_ancestor > a[href*="#"]{
  color: inherit !important;
}

/* WENN ScrollSpy aktiv setzt -> blau (überall: normal, sticky, dropdown, mobile) */
.et_pb_menu_0_tb_header.et_pb_menu a.tm-anchor-active[href*="#"],
.et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu a.tm-anchor-active[href*="#"],
.et_pb_menu_0_tb_header.et_pb_menu ul.sub-menu a.tm-anchor-active[href*="#"],
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a.tm-anchor-active[href*="#"]{
  color: #7C98AE !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}
/* Dropdown-Links: volle Breite + saubere Innenabstände */
.et_pb_menu_0_tb_header.et_pb_menu .et-menu .sub-menu > li > a{
  display: block !important;
  width: 100% !important;      /* nimmt die Breite des Dropdowns ein */
  box-sizing: border-box;
  padding-right: 1.25rem;      /* rechter “Luft”-Abstand für Text */
}

/*-----------------------------------------------------------------------------------------*/
/*–––––––––Media Queries-------------------------------------------------------------------*/
/*---------Use this section for spcial dimension css. Delete what you do not need----------*/
/*-----------------------------------------------------------------------------------------*/

/*---Responsive Styles Large Desktop And Above-*/
@media all and (min-width: 1405px) {
}

/*---Responsive Styles Standard Desktop Only---*/
@media all and (min-width: 981px) and (max-width: 1405px) {
}

/*---Responsive Styles Standard Desktop Only---*/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}

/*---Responsive Styles 981px - 1100px----------*/
@media all and (min-width: 981px) and (max-width: 1100px) {
}

/*---Responsive Styles Tablet Only--------------*/
@media all and (min-width: 768px) and (max-width: 980px) {
}

/*---Responsive Styles Desktop Only------------*/
@media all and (min-width: 981px) {
}

/*---Responsive Styles Tablet And Below--------*/
@media only screen and (max-width: 980px) {
}

/*---Responsive Styles 782px-------------------*/
@media screen and (max-width: 782px) {
}

/*---Responsive Styles Tablet Portrait And Below*/
@media all and (max-width: 768px) {
	
/*---change float on mobile devices---*/
/*---Name the Row class ".custom-flex"---*/
/*---Name each module in that order you want to display them on tablet and below class ".custom-one, .custom-two …" to change the order on mobile devices---*/

	.custom-flex {
    	display: -webkit-box;
    	display: -moz-box;
    	display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: row wrap;
   		flex-flow: row wrap;
	}

	.custom-flex > * {
 	   flex: 1 100%;
	}

	.custom-one {
    	order: 1;
    	flex: 1 100%;
	}

	.custom-two {
   		order: 2;
    	flex: 1 100%;
	}
	
	.custom-three {
    	order: 3;
    	flex: 1 100%;
	}
	
	.custom-four {
    	order: 4;
    	flex: 1 100%;
	}
	
	.custom-five {
    	order: 5;
    	flex: 1 100%;
	}
	
}

/*---Responsive Styles Smartphone Only---------*/
@media all and (max-width: 767px) {
}

/*---Responsive Styles Smartphone Portrait-----*/
@media all and (max-width: 479px) {
}


/*––––––––––--End–Media Queries-----------------------*/