/*
 Theme Name:   Der Socialmediaberater
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme
 Author:       Juliane de Vries
 Author URI:   https://ju-like.de
 Template:     generatepress
 Version:      0.1
*/
:root {
	--joe-blau: #3B5898;
	--joe-tuerkis: #4A9BD5;
	--joe-gelb: #DFB706;
	--joe-mittelgrau:#D1D0CB;
	--joe-hellgrau: #EFEEE8;
	--joe-dunkelgrau: #444444;
	--marquee-runtime: 140s;
	--max-logos: 21;
}
::selection {
	color: #fff;
	background: var(--joe-blau);
}
body .site.grid-container {
    max-width: 100%;
}
body.admin-bar .brex-mobile-menu-container-node {
    padding-top: 0px !important; 
}
body {
	font-family: 'Open Sans';
}
.inline {
	display:inline;
}
/*
.bg-blau {
	background: var(--joe-blau);
}*/
h1, h2, h3, h4 {
	font-family: 'Raleway';
}
h1, h2 {
	line-height: 1.2em;
	color: var(--joe-blau);
	font-weight: 500;
}
h4 {
	font-size: 1rem;
	text-transform: uppercase;
	color: var(--joe-blau);
	font-weight: 700;
}
h2.page-subheadline {
	font-size: 1.4rem;
	color: var(--joe-blau);
	font-weight: 700;
	margin-top: -20px !important;
	
}
.small {
	font-size: 0.8rem;	
}
.mediumsmall {
	font-size: 0.9rem;
}
.top-bar {
	font-size: 13px;
	font-weight: 600;
	color: #fff;
}
.top-bar a, .mmenu-tabs a {
	text-decoration: none;
	color: #fff;
}
.top-bar a:hover, .mmenu-tabs a:hover {
	color: #B9C1D0;
}
.sub-menu {
	margin-left: 0.5em; 
}
/* Button mit runden Ecken auf hover werden Ecken eckig*/
.joebutton a.fl-button:hover {
	border-radius: 0px !important;
}
.flipboxen .pp-more-link {
	border-radius: 25px;
}
.flipboxen .pp-more-link:hover {
	border: 1px solid 
	border-radius: 0px;
}
/* Mega-Menü - verzögerter Hover um Flackern beim versehentlichen Drüberfahren zu verhindern */
.brex-mega-menu>li.mega-menu-saved-row .mega-menu-saved-row-container {
  position:absolute;
  z-index:999;
  left:0;
  margin: 0 auto;
  right: 0;
  display:none;
  width:100%;
  -webkit-animation-name:mega-menu-fade-in;
  animation-name:mega-menu-fade-in;
  -webkit-animation-duration:20ms;
  animation-duration:20ms;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  animation-delay: 0ms;
}
.brex-mega-menu-desktop .mega-menu-saved-row>a.megamenuonmouseover:hover+.mega-menu-saved-row-container {
  display:block!important
	  animation-delay: 100ms;
}
/* little arrow connecting mega menu to trigger item */
ul.brex-mega-menu .mega-menu-saved-row-a {position:relative;}
ul.brex-mega-menu .mega-menu-saved-row-a:hover:after {content:"";
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #2D2D2D;
	position:absolute; left:40%; bottom:0px;
}
/* Hintergrundbilder für die Tabs im MegaMenu Workshops & Seminare*/

#fl-tabs-e1t5so9dg6yu-panel-0 {
	min-height: 350px !important;
	background-image: linear-gradient(90deg,rgba(59, 89, 152, 1) 13%, rgba(59, 89, 152, 0) 99%), url("/wp-content/uploads/JoeRankl-57.jpg");
	background-size: cover;
	background-repeat: no-repeat;	
}
#fl-tabs-e1t5so9dg6yu-panel-1 {
	min-height: 350px !important;
	background-image: linear-gradient(90deg,rgba(59, 89, 152, 1) 13%, rgba(59, 89, 152, 0) 99%), url("/wp-content/uploads/2025/06/LEG-Thueringen-1-scaled-1.jpg");
	background-size: cover;
	background-repeat: no-repeat;	
}
#fl-tabs-e1t5so9dg6yu-panel-2 {
	min-height: 350px !important;
	background-image: linear-gradient(90deg,rgba(59, 89, 152, 1) 13%, rgba(59, 89, 152, 0) 99%), url("/wp-content/uploads/2024_06_29_mathis_beutel_0389-scaled.jpg");
	background-size: cover;
	background-repeat: no-repeat;	
}
#fl-tabs-e1t5so9dg6yu-panel-3 {
	min-height: 350px !important;
	background-image: linear-gradient(90deg,rgba(59, 89, 152, 1) 13%, rgba(59, 89, 152, 0) 99%), url("/wp-content/uploads/Social-Media-Einzelcoaching-scaled.jpg");
	background-size: cover;
	background-repeat: no-repeat;	
}
.mmenu-tabs .fl-tabs-label {
	padding: 20px;
}
.mmenu-tabs h4 {
	color: #fff !important;
}
/* Startseite Hero-Section Icons*/
@media screen and (min-width: 769px) {
.hero-icon .fl-icon i {
	height: 120px;
	width: 120px;
	border-radius: 15px;
	line-height: 100px !important;
}
.hero-icon .fl-icon i::before {
    line-height: 110px !important;
	font-size: 80px !important;
}
}
.hero-icon {
	transform: scale(1.0);
	transition: transform .3s;
}
.hero-icon:hover {
	transform: scale(1.2);
	transition: transform .3s;
}
/* Startseite Flipboxen*/
.start-flip .pp-flip-box .pp-flip-type-bottom .pp-flipbox-front, .start-flip .pp-flip-box .pp-flip-type-bottom .pp-flipbox-back {
	border-radius: 15px;
}
/* Startseite beliebteste Seminare */
.start-seminar {	
	color: #fff;
	border-radius: 15px;
	padding: 10px;
	font-weight: 500;
	
}
.seminar-weekday, .seminar-month-year {
	text-transform: uppercase;
}
.seminar-date-day {
	font-size: 2rem;
}
.online-seminar {
	background: var(--joe-tuerkis);
	max-width: 100px;
	margin: 0 auto;
}
.online-seminar:before {
	content: url(/wp-content/uploads/online-seminar-80.png);
	display: inline;
	position: relative;
}
.vorort-seminar {
	background: var(--joe-blau);
	max-width: 100px;
	margin: 0 auto;
}
.vorort-seminar:before {
	content: url(/wp-content/uploads/vorort-seminar-80.png);
	display: inline;
	position: relative;
}
/* Startseite Slider Kundenstimmen */
.start-rezensionen .pp-testimonials-content:before {
	content: url(/wp-content/uploads/quote-icon-42.png);
}
.start-rezensionen .owl-dots {
	margin-top: 20px;	
}
/* Startseite Slider mit neuesten Blogposts*/
.start-beitraege .fl-post-carousel-post {
	border: none !important;
	border-radius: 15px !important;
}
.start-beitraege img {
	border-radius: 15px 15px 0 0;
}
.start-beitraege .read-more{
	display:none !important;
}
.start-beitraege .fl-post-carousel-more {
	background: var(--joe-gelb);
	color: #fff !important;
	display: inline-block;
	margin-top: 30px;
	padding: 10px 30px 10px 30px;
	border-radius: 25px;
}
.start-beitraege .fl-post-carousel-more:hover {
	background: #F6F6F6;
	color: var(--joe-gelb) !important;
	border: 1px solid var(--joe-gelb);
	border-radius: 0px;
}
/* Auf los gehts los! */
.auf-los {
	font-size: 7rem;
}
/* Ninja Forms*/
.nf-form-fields-required {
	display:none !important;
}
.ninja-forms-req-symbol {
	color: var(--joe-gelb) !important;
}
.weissaufblau-formular .html input[type="button"]:hover {
	background-color: var(--joe-tuerkis) !important;
}
.weissaufblau-formular .nf-field-label, .weissaufblau-formular .nf-field-element, .weissaufblau-formular input[type="text"], .weissaufblau-formular input[type="email"], .weissaufblau-formular input[type="url"], .weissaufblau-formular input[type="password"], .weissaufblau-formular input[type="search"], .weissaufblau-formular input[type="tel"], .weissaufblau-formular input[type="number"], .weissaufblau-formular textarea, .weissaufblau-formular select  {
	color: #fff !important;
	background-color: var(--joe-blau) !important;
    border-color: var(--joe-blau) !important;
	border-bottom-color: #fff !important;
}
.blauaufgrau-formular input[type="text"], .blauaufgrau-formular input[type="email"], .blauaufgrau-formular input[type="url"], .blauaufgrau-formular input[type="password"], .blauaufgrau-formular input[type="search"], .blauaufgrau-formular input[type="tel"], .blauaufgrau-formular input[type="number"], .blauaufgrau-formular textarea, .blauaufgrau-formular select  {
	color: var(--joe-blau) !important;
	background-color: var(--joe-hellgrau) !important;
    border-color: var(--joe-hellgrau) !important;
	border-bottom-color: var(--joe-blau) !important;
}
#nf-field-21, #nf-field-21_1, #nf-field-13, #nf-field-30, #nf-field-52, #nf-field-47, #nf-field-89, #nf-field-97, #nf-field-100, #nf-field-111, #nf-field-124  {
	background: var(--joe-gelb) !important;
	color: #fff !important;
	display: inline-block;
	margin-top: 30px;
	padding: 10px 30px 10px 30px !important;
	border-radius: 25px !important;
}
#nf-field-21:hover, #nf-field-21_1:hover, #nf-field-13:hover, #nf-field-30:hover, #nf-field-52:hover, #nf-field-47:hover, #nf-field-89:hover, #nf-field-97:hover, #nf-field-100:hover, #nf-field-111:hover, #nf-field-124:hover, .nf-next-item:hover  {
	background: var(--joe-blau);
	border: 1px solid #fff;
	border-radius: 0px;
}
.pp-content-grid-content .pp-post-content .content-type-excerpt p {
	font-size: 14px !important;
}
/* BAFA Fördercheck*/
#nf-form-5-cont .nf-error-msg {
	display: none !important;
	color: #fff !important;
}
/* Seminare Einzelseiten*/
.price {
	font-size: 1.4rem;
	text-transform: uppercase;
	color: var(--joe-tuerkis);
	font-weight: 700;
	line-height: 30px;
    position: relative;
    bottom: 10px;
}
/* Blog Einzelseiten*/
.blue-sidebar ul {
	list-style: none;
	margin: 0;
}
.blue-sidebar ul a {
	display: inline-block;
	text-decoration: none;
	padding: 5px 10px;
	margin-bottom: 10px;
	border: 1px solid white;
	border-radius: 25px;
	background-color: #fff;
	color: var(--joe-blau) !important;
}
.blue-sidebar ul a:hover {
	display: inline-block;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 0px;
	background-color:  var(--joe-blau) !important;
	color: #fff !important;
}
.fl-post-grid-text {
	padding: 10px 0px 0px 0px !important;
}
.related-post .headline {
	font-size: 24px;
	font-family: 'Raleway';
	color: var(--joe-blau);
}
/* Blog archiv - die related posts wieder ausblenden */
.blog .related-post .grid {
	display: none !important;
	
}
.sticky-blog {
	position: -webkit-sticky;
  position: sticky;
  top: 0;
}
/* Socket & Footer*/
.joe-socket p {
	margin-bottom: 0px;
}
.joe-socket a {
	text-decoration: none;
}
a.generate-back-to-top {
	background-color:rgb(239,238,232);
	border-radius: 5px;
  	position: fixed;
  	bottom: 20px;
  	right: 10px;
}
a.generate-back-to-top:hover {
background-color: var(--joe-gelb);
}
/* 2025-07-21 custom marquee css only */
.jdev-marquee1-wrapper {
width: 100%;
max-width: 2560px;
margin-inline: auto;
position: relative;
height: 80px;
overflow: hidden;
}
@keyframes slideleft {
	to {
	left: -260px;
	}
}
.logo {
width: 160px;
height: 80px;
	
background-color: white;
position: absolute;
left: max(calc(260px * 21), 100%);
animation-name: slideleft;
animation-duration: var(--marquee-runtime);
animation-timing-function: linear;
animation-iteration-count: infinite;		
}
.logo1 {
background-image: url("/wp-content/uploads/Logo-LEG.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 1) * -1);
}
.logo2 {
background-image: url("/wp-content/uploads/Logo-Bayern.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 2) * -1);
}
.logo3 {
background-image: url("/wp-content/uploads/Logo-Allen-Carr.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 3) * -1);
}
.logo4 {
background-image: url("/wp-content/uploads/Logo-Gluecksspielsucht.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 4) * -1);
}
.logo5 {
background-image: url("/wp-content/uploads/Logo-House-of-Rohl.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 5) * -1);
}
.logo6 {
background-image: url("/wp-content/uploads/Logo-Radermacher.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 6) * -1);
}
.logo7 {
background-image: url("/wp-content/uploads/Logo-Korian.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 7) * -1);
}
.logo8 {
background-image: url("/wp-content/uploads/Logo-Segosoft.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 8) * -1);
}
.logo9 {
background-image: url("/wp-content/uploads/Logo-Sainer.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 9) * -1);
}
.logo10 {
background-image: url("/wp-content/uploads/Logo-Abitima-Clinic.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 10) * -1);
}
.logo11 {
background-image: url("/wp-content/uploads/Logo-Bayrische-Vermoegen.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 11) * -1);
}
.logo12 {
background-image: url("/wp-content/uploads/Logo-lebenshilfe.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 12) * -1);
}
.logo13 {
background-image: url("/wp-content/uploads/Logo-Wifo-Freilassing.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 13) * -1);
}
.logo14 {
background-image: url("/wp-content/uploads/Logo-Transport-Logistica.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 14) * -1);
}
.logo15 {
background-image: url("/wp-content/uploads/Logo-Lichtblick-Seniorenhilfe.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 15) * -1);
}
.logo16 {
background-image: url("/wp-content/uploads/Logo-Varta.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 16) * -1);
}
.logo17 {
background-image: url("/wp-content/uploads/Logo-SONOS.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 17) * -1);
}
.logo18 {
background-image: url("/wp-content/uploads/Logo-IHK.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 18) * -1);
}
.logo19 {
background-image: url("/wp-content/uploads/Logo-Lichtenburg.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 19) * -1);
}
.logo20 {
background-image: url("/wp-content/uploads/Logo-xpecto.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 20) * -1);
}
.logo21 {
background-image: url("/wp-content/uploads/Logo-Fraenkische-scaled.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(var(--marquee-runtime) / var(--max-logos) * (var(--max-logos) - 21) * -1);
}