/* 
Theme Name: Di-Basis Child
Description: Ein schoenes Childtheme 
Author: Designers Inn 
Template: Divi 
Version: 1.0 
Tags: 
#E75151
#a5d4aa
#f5f4f1
*/


/* H1/H2-Hierarchie (21.09.2026, Marco + Claude): Klassen di-h1-look*, di-h2-look; siehe functions.php und Doku */
body #page-container h2.di-h1-look{font-size:40px !important;line-height:52px !important;font-weight:500 !important;letter-spacing:normal !important;text-transform:none !important;margin:0 !important;padding-top:0 !important;padding-bottom:10px !important}
@media(max-width:980px){body #page-container h2.di-h1-look{font-size:36px !important;line-height:46.8px !important}}
@media(max-width:767px){body #page-container h2.di-h1-look{font-size:32px !important;line-height:41.6px !important}}
body #page-container h2.di-h1-look-fix{font-size:40px !important;line-height:52px !important;font-weight:500 !important;letter-spacing:normal !important;text-transform:none !important;margin:0 !important;padding-top:0 !important;padding-bottom:10px !important}
body #page-container h2.di-h1-look-chat{font-size:50px !important;line-height:75px !important;font-weight:300 !important;letter-spacing:1px !important;text-transform:uppercase !important;margin:0 !important;padding-top:0 !important;padding-bottom:10px !important}
@media(max-width:980px){body #page-container h2.di-h1-look-chat{font-size:40px !important;line-height:60px !important}}
@media(max-width:767px){body #page-container h2.di-h1-look-chat{font-size:32px !important;line-height:48px !important}}
body #page-container h1.di-h2-look{font-size:34px !important;line-height:44.2px !important;font-weight:500 !important;letter-spacing:normal !important;text-transform:none !important;margin:0 !important;padding-top:34px !important;padding-bottom:17px !important}
body #page-container h2.di-h1-look-fix.di-h1-pb30{padding-bottom:30px !important}

/* Menüpunkt-Beschreibung im Frontend anzeigen (28.09.2026, Marco + Claude) - z.B. "Businesserfolg App" */
.menu-item-description{display:block;font-size:11px;line-height:1.3;opacity:.8;font-weight:normal;text-transform:none;padding-top:3px;}

#page-container {padding-top: 94px !important;}
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {padding-top: 111px !important;}
#et-top-navigation {padding-left: 194px !important;}
#et-main-area {margin-top: -17px !important;}

h2 {padding: 1em 0px 0.5em 0px !important;}

/****** MENÜ ******/
.et-menu li li a {
    padding: 6px 20px;
    width: 290px;
}

#top-menu li {
    padding-right: 20px !important;
}
/* Breite mobilen Breakpoint setzen */
@media only screen and ( max-width: 1150px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}

/*MENÜLINK */
.menulink a{
	border-radius: 50px;
	background: #E75151 !important;
	color: #ffffff !important;
	padding: 7px 20px !important;
	display: inline-block;
}
li.current-menu-item>a .menulink {
	color: #ffffff !important;
}
.et-fixed-header .menulink a{
	color: #ffffff !important;
}

/* Submenü vergrößert */
#top-menu li li a {
	min-width: 300px; padding: 0px 10px 20px 0px; line-height: 1.5em;
}
.et_mobile_menu li ul {
	display: none !important;
}
.nav li ul {
	width: 330px;}
.nav li.et-reverse-direction-nav li ul {
    right: 330px;
}

/* BLOG INFOBOX */
.infobox {
	background-color: #f5f4f1;
    padding: 50px;
    margin: 30px 0px;
}
.wp-caption {
    border: 1px solid #f4f4f4 !important;
    background-color: #f4f4f4 !important;
    padding-top: 5px !important;
    margin-bottom: 25px !important;
    margin-top: 20px !important;
   max-width: 100% !important;
}

/* STORYCHIEF EMBED CONTAINER */
article.post .embed-container > div {
  position: initial !important;
  padding: 10px 10px 30px 10px !important;
}
figure .embed-container > div {padding-top: 0 !important;
}

/* KOMMENTAR OHNE DATUM */
.nodate .comment_date {
	display:none;
}

/* Modul Member zentriert */
.et_pb_team_member_description {display: block; text-align: center;}

/* Modul Social zentriert */
.et_pb_social_media_follow li {display: inline-block!important;float: none!important;}
ul.et_pb_social_media_follow {text-align: center!important;}

/* Modul Toggle */
ul.et_pb_tabs_controls:after {
    border-top: 0px solid #d9d9d9 !important;
}


/*PRE CODE*/
pre {
	padding: 20px;
    margin: 30px 0px;
	background-color: #f9f9f9; 
	display: block !important; 
	color: #000; 
	font-family: Courier New, monospace; 
	border-left: solid #E75151;
	overflow: auto;
	font-size: 15px;
	line-height: 1.3em;
}
.EnlighterJSRAW {
	display: block !important; 
	overflow: auto;
}

/* BUTTONS */

.buttonlink {
    background-color: #e75151;
    border: 1px solid #ffffff;
    color: #ffffff !important;
    display: inline-block;
    font-size: 16px;
    margin: 10px 10px 10px 0;
    min-width: 150px;
    padding: 8px 20px;
    text-align: center;
    text-shadow: none;
    transition: all 0.2s ease 0s;
	border-radius: 50px;
}
.buttonlink:hover {background-color: #ffffff; color: #e75151 !important; border: 1px solid #e75151;}

.buttonlinkweiss {
    background-color: #ffffff;
    border: 1px solid #e75151 !important;
    color: #e75151 !important;
    display: inline-block;
    font-size: 16px;
    margin: 10px 10px 10px 0;
    min-width: 150px;
    padding: 8px 20px;
    text-align: center;
    text-shadow: none;
    transition: all 0.2s ease 0s;
	border-radius: 50px;
}
.buttonlinkweiss:hover {background-color: #e75151; color: #ffffff !important; border: 1px solid #ffffff !important;}

.buttonlinkfull {
    background-color: #e75151;
    border: 1px solid #ffffff;
    color: #ffffff !important;
    display: inline-block;
    font-size: 16px;
	text-transform:uppercase;
    margin: 10px 10px 10px 0;
    padding: 10px 20px;
    text-align: center;
    text-shadow: none;
    transition: all 0.2s ease 0s;
	width:100%;
	border-radius: 50px;
}
.buttonlinkfull:hover {background-color: #ffffff; color: #e75151 !important; border: 1px solid #e75151;}

.buttontrans {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff !important;
    display: inline-block;
    font-size: 16px;
    margin: 10px 10px 10px 0;
    min-width: 150px;
    padding: 10px 20px;
    text-align: center;
    text-shadow: none;
    transition: all 0.2s ease 0s;
	border-radius: 50px;
}
.buttontrans:hover {background-color: rgba(255,255,255,0.1); }

.button_grey {
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    color: #000000 !important;
    display: inline-block;
    font-size: 16px;
    margin: 10px 10px 10px 0;
    min-width: 150px;
    padding: 10px 20px;
    text-align: center;
    text-shadow: none;
    transition: all 0.2s ease 0s;
	border-radius: 50px;
}
.button_grey:hover {    
	background-color: #e75151;
    border: 1px solid #ffffff;
    color: #ffffff !important;}

a#demo
{display:block;width:100px;height:100px; float:left; 
margin-left: -7px;background: transparent url(https://designersinnde718cf.zapwp.com/wp-content/uploads/IconDemo.webp) 0px 0px no-repeat;text-indent:-9000%;transition: all 0.3s ease 0s;}
a:hover#demo{background: transparent url(https://designersinnde718cf.zapwp.com/wp-content/uploads/IconDemo.webp) 0px -100px no-repeat;}

a#kaufen
{display:block; width:100px; height:100px;  float:left; 
margin-left:-7px;background: transparent url(https://designersinnde718cf.zapwp.com/wp-content/uploads/IconKaufen.webp) 0px 0px no-repeat;text-indent:-9000%; transition: all 0.3s ease 0s;}
a:hover#kaufen{background: transparent url(https://designersinnde718cf.zapwp.com/wp-content/uploads/IconKaufen.webp) 0px -100px no-repeat;}


/* ArpReach-Formular */
.arp-label {font-size:1em; line-height: 2em; padding: 20px 10px 20px 0px !important; width:100%; }
.arp-input {font-size:1em; line-height: 2em; padding: 3px 5px 3px 10px !important; width:100%; }
.arp-button {font-size:1em; line-height: 2em; width:100%; background-color: #e75151; color: #ffffff !important; border: 1px solid #ffffff; padding: 10px 20px; display:block; margin-bottom: 10px; text-align: center; transition: all 0.2s ease 0s;}
.arp-button:hover {background-color: #ffffff;  color: #e75151 !important; border: 1px solid #e75151; }

/*Swarmify*/
.vjs-swarmify-play-button .swarmify-play-button #hex {
    fill: #ffffff !important;
    stroke: #E75151 !important;
}
.vjs-swarmify-play-button .swarmify-play-button #tri {
    fill: #E75151 !important;
    stroke: #E75151 !important;
}
.vjs-menu-content {
	display:none !important;
}

.g-ytsubscribe {
	margin: 0px auto 0px auto;
	padding: 0px;
}

._brlbs-fluid-width-video-wrapper {
    margin: 10px 0px 30px 0px;
}
.et_pb_post_content_0_tb_body ol li {
    padding-bottom: 0.8em;
}
.et_pb_post_content_0_tb_body ul li {
    padding-bottom: 0.8em;
}
.strchf-type-image {
	padding: 20px 0px;
}
#top-header a {
    color: #5f5f5f;
}


#productstash .public-subscribe {
	width:fit-content !important;
}

/* Tooltip */
.et-tooltip {
	cursor:help;
}
.et-tooltip:after {
	content: "?";
	font-family: 'Open Sans',"Open Sans Fallback";
	color: #ffffff;
	padding-left: 5px;
	font-size: 80%;
	}
.et-tooltip-box { 
	background: #ffffff !important;
	border: #ffffff solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.8;
	left: 0;
	bottom: calc(100% + 25px);
	font-size: 13px;
	padding: 15px;
	box-shadow: 2px 2px 10px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 2px 2px 10px 2px rgba(0,0,0,.5);
	-webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,.5);
}
.et-tooltip-arrow {
	display: block;
	bottom: -12px;
	left: 25px;
	width: 20px;
	height: 13px;
	background: none;
	border-top: 13px solid #ffffff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

/* === WordPress-Mega-Menü Saeule 1: Spalte "WordPress Themes" gleichwertig, flush, mit roten Icons (2026-09-24) === */
#top-menu li.mega-menu > ul > li.di-mega-flat > a:first-child {
  font-weight: 400 !important;
  border-bottom: none !important;
  padding-top: 0 !important;
}
#top-menu li.mega-menu li.di-mega-flat > a {
  padding: 0px 20px 0px 26px !important;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px;
}
#top-menu li.mega-menu li.di-mega-flat > ul.sub-menu {
  margin-top: 20px !important;
}
#top-menu li.mega-menu li.di-mega-flat + li.di-mega-flat {
  margin-top: 20px !important;
}
#top-menu li.mega-menu li.di-mega-icon-rocket > a { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22%23c0392b%22%3E%3Cpolygon%20points%3D%228%2C1%2010.6%2C8.2%208%2C6.4%205.4%2C8.2%22%2F%3E%3Cpolygon%20points%3D%226.2%2C8%209.8%2C8%208%2C13.5%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%225.3%22%20r%3D%221%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
#top-menu li.mega-menu li.di-mega-icon-gallery > a { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22%23c0392b%22%3E%3Crect%20x%3D%221%22%20y%3D%222.5%22%20width%3D%229.5%22%20height%3D%227.5%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%224.2%22%20y%3D%225.2%22%20width%3D%2210.8%22%20height%3D%228.3%22%20rx%3D%221%22%20fill-opacity%3D%220.55%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
#top-menu li.mega-menu li.di-mega-icon-star > a { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22%23c0392b%22%3E%3Cpolygon%20points%3D%228.00%2C1.00%209.70%2C5.65%2014.66%2C5.84%2010.76%2C8.90%2012.11%2C13.66%208.00%2C10.90%203.89%2C13.66%205.24%2C8.90%201.34%2C5.84%206.30%2C5.65%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
#top-menu li.mega-menu li.di-mega-icon-tag > a { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22%23c0392b%22%3E%3Cpolygon%20points%3D%221%2C3%208.5%2C3%2015%2C8.5%208.5%2C14%201%2C14%22%2F%3E%3Ccircle%20cx%3D%224.3%22%20cy%3D%226.3%22%20r%3D%221.3%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

/* Ressourcen-Spalte: Punkte linksbuendig unter der (bereits fetten) Ueberschrift, kein Extra-Einzug */
#top-menu li.mega-menu li li > a {
  padding-left: 20px !important;
}

/* WordPress-Mega-Menü: schmaleres, zentriertes Dropdown (Desktop), Spalten 40/60 (2026-09-28) */
@media only screen and (min-width: 1151px) {
  #top-menu li.mega-menu.mega-menu-narrow {
    position: relative !important;
  }
  #top-menu li.mega-menu.mega-menu-narrow > ul {
    width: 760px !important;
    max-width: 760px !important;
    left: 50% !important;
    margin-left: -380px !important;
    transition: opacity 0.25s ease !important;
  }
  /* Spalte 1 (Angebote/Verkauf): 40% */
  #top-menu li.mega-menu.mega-menu-narrow > ul > li:nth-child(1) {
    width: 40% !important;
  }
  /* Spalte 2 (Hilfreiche Ressourcen): 60% - mehr Platz fuer lange Titel */
  #top-menu li.mega-menu.mega-menu-narrow > ul > li:nth-child(2) {
    width: 60% !important;
  }
  /* Links in beiden Spalten nutzen die volle Spaltenbreite statt der festen 290px aus der allgemeinen Submenue-Regel, damit Titel moeglichst in einer Zeile passen */
  #top-menu li.mega-menu.mega-menu-narrow li li a {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-right: 16px !important;
  }
}