/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://www.webdesign-eckernfoerde.com
Author:       Olaf Hudecek
Author URI: https://www.webdesign-eckernfoerde.com
Template: twentytwentythree
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* source-sans-pro-regular - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-600 - latin */
  @font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	src: url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-600.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-600.woff') format('woff'), /* Modern Browsers */
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-700 - latin */
  @font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src: url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('https://www.psychotherapie-riedel.de/neu/wp23/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }

html {
	scroll-behavior: smooth;
}
body {
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	height: 100%;
	margin: 0px;
	animation:fadein 1.0s;
	-moz-animation:fadein 1.0s;
	-webkit-animation:fadein 1.0s;
}
.wp-site-blocks {
    padding: 0px !important;
}
p,
h2,
h3,
h4,
ul,
.max1200 {
    max-width: 1200px !important;
	margin: 0 auto;
}
	
.entry-content ul {
	padding-left: 55px !important;
}
@media only screen and (max-width: 999px) {
	.entry-content ul {
	padding-left: 25px !important;
	}
}

/*-----   HEADER   -----*/
@media only screen and (orientation: landscape) and (max-width: 999px) {
  header {
    margin-bottom: -35px !important;
  }
}
/*---   Kopfzeile   ---*/
.kopfzeile {
    position: fixed;
	top:0px;
    padding: 0px !important;
    margin: 0px !important;
    height: 110px;
	width: 100%;
	background: transparent url(images/head-transp.png) bottom center no-repeat;
	background-size: 100% 131px;
	backdrop-filter: blur(5px);
	-moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.4); 
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.4); 
	box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.4); 
    z-index: 9800;
}
@media only screen and (max-width: 999px) {
	.kopfzeile  {
    height: 84px;
	}
}
@media only screen and (max-width: 700px) {
	.kopfzeile  {
    height: 77px;
	}
}
/*---   Smart-MENU Kopfzeile   ---*/
.mega-menu-kopfzeile {
    position: fixed;
	top: 20px;
	right: calc(40px + 14vw);
    z-index: 9900;
	display:none;
}
@media only screen and (max-width: 999px) {
	.mega-menu-kopfzeile {
	display:block;
    position: fixed;
	top: 20px;
	right: 27px;
	height: auto;
	margin: -12px 0px 0px 0px !important;
	}
}
/*---   LOGOS   ---*/
.logo-desktop {
    position: fixed;
	top: 22px;
	left: calc(40px + 14vw);
    z-index: 9999;
	/**/
}
.logo-unterzeile {
    position: fixed;
	top: 48px;
	left: calc(40px + 14vw);
    z-index: 9900;
	/**/
}
.logo-smart {
	display: none;
}
@media only screen and (max-width: 999px) {
	.logo-desktop {
	display: none;
	}
	.logo-unterzeile {
	display: none;
	}
	.logo-smart {
	display: block;
	width: 233px !important;
	height: auto;
	margin: 10px 0px 0px 12px !important;
	}
}
/*---   Menuleiste   ---*/
.sticky-menu {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 50px !important;
	margin-top: -24px !important;
	max-width: 100% !important;
	z-index: 9999 !important;
}
.menuleiste {
    height: 29px;
	background: #8B151C !important;
	max-width: 100% !important;
	width: 100% !important;
	margin-bottom: -30px;
    z-index: 9999 !important;
}
@media only screen and (max-width: 999px) {
	.mega-menu-menuleiste,
	.menuleiste  {
    display: none;
	}
	.menuleiste {
	margin-bottom: 0px;
	}
}
/*---   Beitragsbild   ---*/
.beitragsbild {
	display: none;
	width: 0px;
}

/*-----   Headlines   -----*/
h1 {
}
h2 {
	line-height: 1.2 !important;
	font-weight: normal !important;
	margin-bottom: -10px !important;
}
h3 {
	line-height: 1.2 !important;
	font-weight: normal !important;
	margin-bottom: -10px !important;
}
h4 {
	margin-bottom: -10px !important;
}
.wp-block-heading {
	font-weight: 300 !important;
}

.entry-content a {
	color: #807576;   /*5a5252*/
}

.wp-block-post-content a {
	word-wrap: break-word;  /* Umbrechen zu langer Links */
}


/*-----   FOOTER   -----*/

.footer-hell {
    padding-top: 38px !important;
    margin: 0px !important;
	width: 100%;
	background: transparent url(images/foot-hell-top.png) top center no-repeat;
	background-size: 100% 19px;
}

@media only screen and (max-width: 999px) {
	.footer-hell   {
	background: transparent url(images/foot-hell-top-smart.png) top center no-repeat;
	background-size: 100% 15px;
	}
	.menuleiste {
	margin-bottom: 0px;
	}
}
.footer-hell a {
	text-decoration: none;
	color: rgba(247,246,246,0.7);
}
.footer-hell a:hover {
	color: rgba(247,246,246,1);
	text-decoration: underline;
}


.footer-dunkel {
    padding-top: 38px !important;
    margin: 0px !important;
	width: 100%;
	background: transparent url(images/foot-dunkel-top.png) top center no-repeat;
	background-size: 100% 19px;
}

@media only screen and (max-width: 999px) {
	.footer-dunkel   {
	background: transparent url(images/foot-dunkel-top-smart.png) top center no-repeat;
	background-size: 100% 15px;
	}
	.menuleiste {
	margin-bottom: 0px;
	}
}
.footer-dunkel,
.footer-dunkel a {
	text-decoration: none;
	color: rgba(247,246,246,0.55);
}
.footer-dunkel a:hover {
	color: rgba(247,246,246,0.8);
	text-decoration: underline;
}

/*-----   TOP-Button   -----*/
#myBtn:before {
  content:'\f343'; 
  font-size:20px;
  font-family: dashicons;
}
#myBtn {
  opacity: 0;
  position: fixed;
  bottom: 8px;
  right: 8px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: rgba(0,0,0,0.2);
  color: white;
  cursor: pointer;
  padding: 12px 15px;
  border-radius: 5px;
  transition: all 0.7s;
}

#myBtn:hover {
  opacity: 1;
  background-color: rgba(0,0,0,0.4);
}



/*--------      BOXEN     --------*/
.teaser_spalten {
	max-width: 1600px;
	margin: 0 auto;
}
.teaser_startseite {
	position: relative;
	color: #000000;
	background-color: rgba(237,235,235,1);
	border-radius: 10px;
	clear: both;
}
.teaser_startseite img{
	border-radius: 0px !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	/*margin: -18px 0px 0px 0px !important;
	padding: 0px;
	width: 100%;
	height: auto;*/
	transition: 0.4s;
	filter: brightness(100%);
}
.teaser_startseite img:hover {
	filter: brightness(108%);
	opacity: 0.8;
}
.teaser_startseite h3 {
	line-height: 1.0 !important;
	margin: 12px 15px 0px 15px;
	width: calc(100% - 30px);;
}
.teaser_startseite h3 a {
	line-height: 1.0 !important;
	text-decoration: none !important;
  	color: #86141B !important;
}
.teaser_startseite h3 a:hover {
  	color: #234768 !important;
}
.teaser_startseite p {
	line-height: 1.3 !important;
	margin: 21px 15px 48px 15px;
	width: calc(100% - 30px);;
}

/*--------      BUTTONS     --------*/
.teaser_button {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.teaser_button a {
	padding: 3px 0px 3px 5px;
	width: 108px;
  	color: #ffffff !important;
	text-decoration: none !important;
	letter-spacing: 0.03em;
	display: block;
	position: relative;
	float: right;
	text-align: center;
  	background: #8B151C;
	border-bottom-right-radius: 10px;
  	/* Old browsers */
  	background: linear-gradient(to left, #8B151C 50%, #234768 50%);
  	background-size: 200% 100%;
  	background-position:right bottom;
  	transition:all 0.25s ease;
}
.teaser_button a:after {
	content: "";
	position: absolute;
	margin-left: -84px;
	bottom: 7px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #EDEBEB;
}
.teaser_button a:hover {
	background-position:left bottom;
	color: #fff !important;
	text-decoration: none !important;
	cursor: pointer;
}
/*---*/
.telschalter a:before {
	content: "";
	background: url(images/tel.png) no-repeat;
	background-position: top left;
	width: 47px;
	height: 47px;
	position: absolute;
	left: -10px;
	top: -8px;
}

.telschalter a:hover::before {
	content: "";
	background: url(images/tel-over.png) no-repeat;
	background-position: top left;
	width: 47px;
	height: 47px;
	position: absolute;
	left: -10px;
	top: -8px;
}
.telschalter {
	margin: 42px 0px 42px 12px !important;
}
.telschalter a {
	padding: 5px 35px 7px 44px !important;
	width: auto;
  	color: #ffffff !important;
	text-decoration: none !important;
	letter-spacing: 0.03em;
	text-align: center;
  	background: #8B151C;
	border-radius: 40px;
  	/* Old browsers */
  	background: linear-gradient(to left, #8B151C 50%, #fff 50%);
  	background-size: 200% 100%;
  	background-position:right bottom;
  	transition:all 0.25s ease;
}
.telschalter a:hover {
	background-position:left bottom;
	color: #8B151C !important;
	text-decoration: none !important;
	cursor: pointer;
}
/*---*/
.schalter {
	margin: 30px 0px 0px 0px !important;
}
.schalter a {
	padding: 5px 35px 7px 35px !important;
	width: auto;
  	color: #ffffff !important;
	text-decoration: none !important;
	letter-spacing: 0.03em;
	text-align: center;
  	background: #8B151C;
	border-radius: 40px;
  	/* Old browsers */
  	background: linear-gradient(to left, #8B151C 50%, #234768 50%);
  	background-size: 200% 100%;
  	background-position:right bottom;
  	transition:all 0.25s ease;
}
.schalter a:hover {
	background-position:left bottom;
	color: #fff !important;
	text-decoration: none !important;
	cursor: pointer;
}

/*--------      INHALT     --------*/
.spalte850 {
	max-width: 850px;
	border-radius: 10px;
}

@media only screen and (max-width: 610px) {
.wp-block-media-text__content {
	margin-top: 12px;   /* auf mobil mehr Abstand von Bild zu Text */
}
}

.mittig {
	margin: 0 auto !important;
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

blockquote {
	font-style: italic;
	font-style: oblique !important;
	font-size: 35px;
	color: #A19596;  /*605758*/
}

table {
	border-bottom: 1px dotted #C2BABA !important;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}

caption,
th,
td {
	border-top: 1px solid #C2BABA !important;
}
thead tr th:first-child,
 tbody tr td:first-child {
  width: 80px;
  vertical-align: top;
 }

/*--------      AKKORDEON     --------*/
details {
  	background: #F7F6F6;
  	padding: 8px 25px 12px 25px;
	border-radius: 10px;
}

details summary {
  	cursor: pointer;
  	transition: margin 330ms ease-out;
  	list-style: none;
  	color: #86141b;
    font-family: "Source Sans Pro", sans-serif;
    font-size: clamp(1.5rem, 1.5rem + ((1vw - 0.48rem) * 0.962), 2rem);
    line-height: 1.2 !important;
    font-weight: normal !important;
}
details[open] summary {
  	margin-bottom: 14px;
}

details >  summary:before {
  	margin-right: 12px;
  	content:'\f543';
	position: relative;
	color: white;
	top: 0px;
  	font-size: 16px;
  	font-family: dashicons;
	background: #A19596;  /*  86141B  */
	border-radius: 108px;
}

details[open] > summary:before {
  	content:'\f460'; 
  	font-size: 16px;
  	font-family: dashicons;
}


/*-----   SLIDER   -----*/
.slider-text {
	text-shadow: 8px 8px #000000 !important;  /*rgba(0,0,0,0.6)*/
	color: red !important;
}
@media only screen and (max-width: 999px) {
	.slider-text {
  	font-size: 12px !important;
	}
}


/*-----   Definition FadeIn der Seite   -----*/
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}
}

/*-----   Einfaden von Inhalten   -----*/
  
.vonrechts {
  position: relative;
  transform: translateY(0px) translateX(20px);
  opacity: 0;
  transition: 1.0s all ease-out;
}
.vonrechts.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}

/*----*/
.vonoben {
  transform: translateY(-30px) translateX(0px);
  opacity: 0;
  transition: 1.25s all ease;
}
.vonoben.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}

/*----*/
.vonuntenlangsam {
  transform: translateY(50px) translateX(0px);
  opacity: 0;
  transition: 2.0s all ease-out;
}
.vonuntenlangsam.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}
/*----*/
.vonunten {
  transform: translateY(50px) translateX(0px);
  opacity: 0;
  transition: 1.25s all ease-out;
}
.vonunten.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}
/*----*/
.vonuntenschnell {
  transform: translateY(50px) translateX(0px);
  opacity: 0;
  transition: 0.75s all ease-out;
}
.vonuntenschnell.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}
/*----*/

.vonlinkslangsam {
  transform: translateY(0px) translateX(-20px);
  opacity: 0;
  transition: 1.85s all ease-out;
}
.vonlinkslangsam.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}
/*----*/
.vonlinks {
  transform: translateY(0px) translateX(-20px);
  opacity: 0;
  transition: 0.85s all ease-out;
}
.vonlinks.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}
/*----*/

.einfaden {
  transform: translateY(0px) translateX(0px);
  opacity: 0;
  transition: 1.7s all ease-out;
}
.einfaden.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}


/*-----   PARALLAX   -----*/
 .nk-awb-fullheight {
	min-height: auto !important;
	height: calc(55px + 20vw + 10vh) !important;
}
.jarallax-img {
	height:55% !important;
}

/* -------- Portrait ------- */
@media (min-aspect-ratio: 3/8) {
   .nk-awb-fullheight {
	height: calc(40px + 20vw + 10vh) !important;
	}
	.jarallax-img {
	height:30% !important;
	}
}
/* --- */
@media (min-aspect-ratio: 4/8) {
   .nk-awb-fullheight {
	height: calc(40px + 20vw + 10vh) !important;
	}
	.jarallax-img {
	height:35% !important;
	}
}
/* --- */
@media (min-aspect-ratio: 5/8) {
   .nk-awb-fullheight {
	height: calc(40px + 20vw + 10vh) !important;
	}
	.jarallax-img {
	height:35% !important;
	}
}

/* -------- Mobile ------- */
@media only screen and (max-width: 999px) {
   .nk-awb-fullheight {
	height: calc(75px + 20vw + 10vh) !important;
	}
	.jarallax-img {
	height:128% !important;
	}
}
/* --- */
@media only screen and (max-width: 666px) {
   .nk-awb-fullheight {
	height: calc(55px + 20vw + 10vh) !important;
	}
	.jarallax-img {
	height:108% !important;
	}
}


/* -------- Landscape ------- */
/* schmaler */
@media (min-aspect-ratio: 8/7) {
   .nk-awb-fullheight {
	height: calc(55px + 20vw + 10vh) !important;
	}
	.jarallax-img {
	height:60% !important;
	}
}
/* schmales Landscape */
@media (min-aspect-ratio: 8/6) {
	.jarallax-img {
	height:65% !important;
	}
}
/* normale Landscape */
@media (min-aspect-ratio: 8/5) {
	.jarallax-img {
	height:74% !important;
	}
}
/* breit */
@media (min-aspect-ratio: 8/4) {
	.jarallax-img {
	height:88% !important;
	}
}
/* breiter */
@media (min-aspect-ratio: 7/3) {
	.jarallax-img {
	height:82% !important;
	}
}
/* sehr breit */
@media (min-aspect-ratio: 8/3) {
	.jarallax-img {
	height:88% !important;
	}
}

/*--------------------------------*/
/*-------- Max Menu -----------*/
/*--------------------------------*/

/*-----   NUR im Desktop Menü   -----*/
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"] li.mega-menu-item > ul.mega-sub-menu,
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade"] li.mega-menu-item > ul.mega-sub-menu {
    opacity: 0;       /*-----  Einblenden Untermenüs  ------*/
    transition: opacity 330ms ease-in, visibility 330ms ease-in !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu,
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    opacity: 1;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu,
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    opacity: 0;       /*-----  VON UNTEN Einblenden Untermenüs  ------*/
    transform: translate(0, 5px);
    transition: opacity 330ms ease-in-out, transform 430ms ease-in-out, visibility 200ms ease-in;
	transition-delay: 0s !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu,
   #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    opacity: 1;
    transform: translate(0, 0);
  }
  
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: none;       /*-----  Pfeile im Desktop-Menü ausgeblendet   ------*/
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link > span.mega-indicator,
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link > span.mega-indicator {
  display: block;       /*-----  Pfeile im Desktop-Menü bei Untermenüs wieder eingeblendet   ------*/
}
}  

/*-----   NUR im Mobilen Menü   -----*/
@media only screen and (max-width: 769px) {
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    padding: 0px 15px 0px 15px;       /*-----  Pfeile im Menü  ------*/
	vertical-align: middle !important;vertical-align: top !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 10px 0px 24px;       /*-----  mehr Abstand rechts  ------*/
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    padding-left: 35px;       /*-----  mehr Abstand rechts  ------*/
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
    padding-left: 44px;       /*-----  mehr Abstand rechts  ------*/
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    /*-----background: transparent !important;         auf Focus keine neue Hintergrundfarbe  ------*/
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    background: #786C6C;        /*----- auf Focus keine neue Hintergrundfarbe  ------*/
	color: #fff;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu,
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;        /*----- Kein Schatten des Untermenüs im mobilen Menü  ------*/
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
  border-bottom: 1px solid #665A5A;        /*----- Farbe Trennlinie Untermenü  ------*/
  }
} 

/*-----   Mobiles Menü im Header   -----*/
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    padding: 0px 15px 0px 15px;       /*-----  Pfeile im Menü  ------*/
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 12px 10px 12px 24px;       /*-----  mehr Abstand rechts  ------*/
  display: block;
  height: auto !important;
  line-height: 25px !important;
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    padding-left: 35px;       /*-----  mehr Abstand rechts  ------*/
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
    padding-left: 44px;       /*-----  mehr Abstand rechts  ------*/
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link, {
    /*-----background: transparent !important;         auf Focus keine neue Hintergrundfarbe  ------*/
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    background: #786C6C;        /*----- auf Focus keine neue Hintergrundfarbe  ------*/
	color: #fff;
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu,
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;        /*----- Kein Schatten des Untermenüs im mobilen Menü  ------*/
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
  border-bottom: 1px solid #665A5A;        /*----- Farbe Trennlinie Untermenü  ------*/
} 
#mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu {
	padding: 30px 0px 300px 0px !important;
}

/*-----   Generell   -----*/
@media only screen and (max-width: 1200px) {
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
  	padding: 0px 12px 39px 12px !important;    /*----  Menüleiste gerigere Breiten  ------*/
	}
}
@media only screen and (max-width: 1040px) {
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item,
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-item-align-right {
  	margin: 0px !important;    /*----  Menüleiste gerigere Abstände  ------*/
	}
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
  /*font-size: 18px;       -----  ggfs. Schriftgröße oberste Nav-Ebene  ------*/
  transition: all 0.35s;       /*-----  Überblenden auf Over oberste Nav-Ebene  ------*/
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
  transition: all 0.3s;       /*-----  Überblenden auf Over zweite Nav-Ebene  ------*/
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item	 > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item	 > a.mega-menu-link {
  line-height: 25px;       /*-----  Menü 2te Ebene Zeilenhöhe  ------*/
  padding-top: 5px;       /*-----  Menü 2te Ebene Padding  ------*/
  padding-bottom: 5px;       /*-----  Menü 2te Ebene Padding  ------*/
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
  line-height: 25px;       /*-----  Menü 3te Ebene Zeilenhöhe  ------*/
  padding-top: 5px;       /*-----  Menü 3te Ebene Padding  ------*/
  padding-bottom: 5px;       /*-----  Menü 3te Ebene Padding  ------*/
}