/*Kursboxen*/
.eb-event-date-time {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
}
span.eb-time {
    order: 4;
    font-size: 2rem;
    margin-top: 1rem;
    padding-left: 0px;
    display: flex;
    align-items: center;
    flex-direction: row;
    line-height: 2rem;
}
span.eb-event-time {
    order: 5;
    padding-left: 0rem;
    margin-top:0.2rem;
  display:none;
}
span.eb-event-time:before {
	content: "- ";
	padding-left: 0.3rem;
}
.dhc-event-grid-start-date {
    flex: 1;
    text-wrap-mode: nowrap;
}
.dhc-event-grid-end-date {
    flex: 1 0 50%;
	text-wrap-mode: nowrap;
	padding-left: 0.3rem;
}
.eb-events-grid-items .eb-event-title-container {    
    padding: 3rem 2rem 0.2rem 2rem !important;
    margin: 0px !important;
}
.eb-event-id-container {
    font-size: 0.9rem;
    color: #868686;
}
#eb-category-grid .eb-event-date-time span.eb-time:first-of-type:before {
    white-space: normal;
    content: "\e815 \A" !important;
    padding-top: 5px;
}
/*eigene generelle Klassen für Hepcats*/
#back-button {
    margin-bottom: 1rem;
}
.background-box-shadow {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 30px;
    box-shadow: 10px 10px 0px 0px #fff;
    padding: 30px; 
    width: fit-content;
}
/*Anfang Massmail*/
div.sp-column:has(>#massmail-form) {
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin: auto;
}
#massmail-page form#adminForm {
    max-width: 800px;  
    background-color: #ffffff;
    padding: 1rem;
}
form#adminForm .btn-toolbar {
  margin-top: 0.5rem;
  }
form#adminForm .control-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
form#adminForm .control-group .controls {
    margin-left: 0px;
}
form#adminForm .control-label {
    --control-gap: 10px;
    --label-color: #888888;
    --label-size: 15px;
    --label-weight: 600;
    color: #4f4f4f;
    font-size: var(--label-size);
    margin-bottom: .3rem;
    display: block;
    line-height: 1.3;
    font-weight: var(--label-weight);
}
.js-tiny-toggler-button {
  display:none;
}
/*Ende Massmail*/
@keyframes blink-animation {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}
	15% {
		transform: translateX(-10px) rotate(-6deg);
	}
	30% {
		transform: translateX(5px) rotate(6deg);
	}
	45% {
		transform: translateX(-5px) rotate(-3.6deg);
	}
	60% {
		transform: translateX(3px) rotate(2.4deg);
	}
	75% {
		transform: translateX(-2px) rotate(-1.2deg);
	}
}
@-webkit-keyframes blink-animation {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}
	15% {
		transform: translateX(-10px) rotate(-6deg);
	}
	30% {
		transform: translateX(5px) rotate(6deg);
	}
	45% {
		transform: translateX(-5px) rotate(-3.6deg);
	}
	60% {
		transform: translateX(3px) rotate(2.4deg);
	}
	75% {
		transform: translateX(-2px) rotate(-1.2deg);
	}
}
.sppb-section-background-video {/*Video im background mit runden ecken versehen*/
    border-radius: 20px;
}
/*Pagebuilder-Modul mit den tab-reitern drüber sp-workshop_module*/
#sp-workshop_module .sppb-row-container,
#sp-workshop_module .sppb-tab-content,
#sp-workshop_module .sppb-row-column {
    padding: 0;
}
#sp-workshop_module .sp-pagebuilder-row, 
#sp-workshop_module .sppb-row {
    margin-right: 0px; 
    margin-left: 0px; 
}
#sp-workshop_module .sppb-addon-tab ul {
    gap: 10px; 
}
#sp-workshop_module .sppb-addon-tab li,
#sp-workshop_module .sppb-addon-tab li a {
    margin-right: 0 !important; 
}

#sp-workshop_module .sppb-addon-tab ul:before {
    content: none;
}
.btn-primary.eb-individual-registration-button {
    background-color: #d3006b !important;
    color: #ffffff !important;
    font-size: 30px !important;
}
.btn-primary.eb-individual-registration-button:before, .btn-primary.eb-individual-registration-button:after {
    content: "\e810";
    font-family: 'Fontello';
    color: #ffffff;
    font-size: 40px;
    margin: 0px 10px 0px 10px;
    animation: blink-animation 2s ease 0s 5 normal forwards;
    -webkit-animation: blink-animation 2s ease 0s 5 normal forwards;
      display: inline-block;
}
.dhc-tables p:last-of-type {
    margin-bottom: 0;
}


.dhc-tables tr {
  background-color: rgb(255 255 255 / 70%) !important;
  border-bottom: 1px solid rgb(222, 226, 230) !important;
}
.dhc-tables .sppb-addon-table-main td {
  color: #000000;
  font-size: 1.2rem;
  padding: 0.3rem 0.5rem;
  text-align: left !important;
}
.dhc-tables .sppb-addon-table-main td,
.dhc-tables .sppb-addon-table-main td p,
.dhc-tables .sppb-addon-table-main td div {
  text-align: left !important;
}
.dhc-tables td:before {
  background-color: transparent !important;
}
/* 14.09.24 von Anke definiert, rausgenommen von Sascha, da sehr allgemeiner Selektor
p strong {
    font-weight: 400;
}
*/
td[data-th="Uhrzeit"] {
    color: #d3006b !important;
}
@media (max-width:1200px) {
  thead {
    display: none;
  }
  .dhc-tables tr {
      display: flex;
      flex-direction: column;
  }
  .dhc-tables tr td:before {
    content: attr(data-th);
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    font-weight: 700;
  }
}
@media (max-width:568px) {
  	.dhc-tables td {
    	flex-direction: column;
	}
  	.dhc-tables td:before {
    	width: 100% !important;
        color: #000000 !important;
        content: attr(data-th) !important;
	}
  	.dhc-tables td:first-child {
    	padding-top: 0.8rem !important;
	}
  	.dhc-tables td:last-child {
    	padding-bottom: 0.8rem !important;
	}
}
/* Hintergrund Anmeldeseite und Bestätigung der Anmeldung */
.task-individual_registration #sp-main-body,
.task-none #sp-main-body {
  background-image: url(../../../images/05_Backgrounds/hepcats_hg_4.webp);
}
/* Nicht mehr benötigt nach Bereitstellung einheitliche Formatierung für Check-In, ANmelduing und Mass-Mail, Sascha, 09.12.24 */
/*#eb-individual-registration-page {
    margin-top: 2rem;
}
*/
.alert-info {
    color: #ffffff;
    background-color: #d3006b;
    border-color: #ffffff;
}
/*Schließen-Button Mobile Menu*/
.close-offcanvas {
    background-color: #d3006b;
    display: flex;
    justify-content: center;
    align-items: center;
}
.close-offcanvas>span {
    margin-top: unset;
    margin-left: unset;
    margin-right: unset;
}
/*Radiobuttons, Checkboxen*/
label input[type=radio], 
label input[type=checkbox] {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align:top;
}
.form-control-label input[type=checkbox] {
    margin-right: 10px;
    margin-bottom: 20px;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align:top;
}
.form-control-label label {
    margin-bottom: 10px;
}

/*iOS Fix Backgroundskalierung*/
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  section {
    background-repeat: repeat !important;
    background-size:250% !important;
    background-position: 50% 0px !important;
  }
}

@media (max-width:768px) {
  .teaser h1 {
      font-size: 35px;
  }
}

/* Remove left padding in category timeline layout for display of events (socials and workshps page, display of events) */
.eb-events-timeline .eb-event-container {
    padding: 0px;
}

/*Nächste Livetanzbars auf der Socials Seite*/
.next-livetanzbars .eb-event-container:not(:last-of-type),
.event-tree-timeline .eb-event-container:not(:last-of-type) {
    border-bottom: 0.25px solid #919191;
}
.next-livetanzbars .eb-event-container:not(:first-of-type),
.event-tree-timeline .eb-event-container:not(:first-of-type) {
    padding-top: 1.5rem !important;
}

/**/
.sppb-panel {
    border: 0px solid transparent;/*seltsamer effekt, mobil, kurssystemaccordeon: weiße Linie*/
}
h2.eb-even-title-container a {    font-size: 30px;
}
.sp-slider {
  border-radius: 17px;
}


@charset "UTF-8";
/* 
 * Dresden Hepcats custom css-file with Custom changes
 * to joomshaper template (overwrites templates.css)
 * 
 */

/* || Main layout */
/* || Main layout || General */

/* Remove article header wrap for agb page */
.view-article #sp-main-body .container .article-details .article-header-wrap {
    padding: 0px 0px 0px 0px;
} 

/*Layout-Korrekturen für Mobile*/
@media (max-width: 990px) {
  .sppb-addon-accordion .sppb-panel-body {/*accordeon: abstand vor erstem bild*/
    padding: 0;
  }
}
@media (max-width: 576px) {
  .sppb-row-container {
      padding-left: 15px;
      padding-right: 15px;
  }
}
/* Inhalte der Top Bar (#sp-top-bar) sind links und rechts bündig mit den Seiteninhalten */
/* Maximale Breite von template auf Bootstrap-Standard zurücksetzen */
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;    
  }
}

/* || Main layout || Top Bar (#sp-top-bar) */

/* Text in Mitte setzen, wenn Module in der Top Bar untereinander umgebrochen werden */
@media (max-width: 576px) {
    #sp-top-bar #sp-top1 {
        text-align: center;    
  }
}

/* Text in Mitte setzen, wenn Module in der Top Bar untereinander umgeborchen werden */
@media (max-width: 576px) {
    #sp-top-bar #sp-top2 {
        text-align: center;    
  }
}





/* || Main layout || Header (#sp-header) */

/* Logo Abstand */

#sp-header .logo-image{
    padding : 8px;
}

/* Korrektur Anzeige des Burger-Menüs im Template, immer links im Flex-Container ausrichten */
@media (max-width: 990px) {
    #sp-header #sp-menu1>.sp-column {
        justify-content: flex-start !important;
    }
    #sp-header #sp-logo>.sp-column {
        justify-content: flex-end !important;
    }
    
    #sp-header .logo .logo-image {
        margin-top: 0px;
    }
}

/* || Main layout || Title (#sp-title) */
/* || Main layout || Main body (#sp-main-body) */
/* || Main layout || Bottom Top (#sp-bottom-top) */

/* Überschreiben Abstand oben und unten für Bottom Top-Section aus Template */
#sp-bottom-top {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* || Main layout || Bottom (#sp-bottom) */
/* || Main layout || Footer (#sp-footer) */

/* Anpassung Text-Alignment */
#sp-footer {
    text-align: center;
}

/* || Main layout || Mobiles Menü (.offcanvas) */
.offcanvas-menu {
    background-image: url(../../../images/05_Backgrounds/hepcats_hg_1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

/* Bis Devicebreite 767px das Menü über die volle Breite ausklappen */
@media (max-width: 767px) {
    /* Breite beim Ausklappen des Menüs */
    .offcanvas-menu {
        width: 100%;
      	background-color: #d3006b;
    }
    /* Verschieben Menü beim Einklappen */
    .offcanvs-position-left .offcanvas-menu {
        left: -100%;
    }

}

/* Ab Devicebreite 768px das Menü auf eine statische Breite setzen und Template-Default von 300px überschreiben */
@media (min-width: 768px) {
    /* Breite beim Ausklappen des Menüs */
    .offcanvas-menu {
        width: 768px;
    }
    /* Verschieben Menü beim Einklappen */
    .offcanvs-position-left .offcanvas-menu {
        left: -768px;
    }
}

/* Setzen eines Flex-Containers für das Layout des Mobilen Menüs */
.offcanvas-menu .offcanvas-inner {
    display: flex;
    flex-direction: column;
    height: 105vh;
    padding: 15px 0px 0px 15px;
}

/* Größe und Ausrichtung des Logos im Flex-Container*/
.offcanvas-menu .offcanvas-inner .sp-module.offcanvas-logo {
    position: static;
    width: 90%;
}

/* Ausrichtung der Shortcuts im Flex-Container, ganz unten im Mbilen Menü ausrichten (Auffüllen freier Platz Viewport) */
.offcanvas-menu .offcanvas-inner .offcanvas-shortcuts {
    margin-top: auto;
}

/* Social Icons nebeneinander, statt untereinander darstellen */
.offcanvas-menu .offcanvas-inner .offcanvas-shortcuts ul {
    flex-direction: row;
}

/* || Colors */

/* || Colors || General */
/*Linkdefinitionen*/
a {    color: #d3006b;
    font-weight: 600;
}

a:hover, a:focus, a:active {    
    color: #ffffff;
}

/*Buttons Definitionen*/

/*Default-Button*/
.sppb-btn.sppb-btn-default {    
    color: #ffffff;
    background-color: #d3006b;
    border-radius: 100px;
    border: 1px solid #eff1f4;
    font-size: 1.4rem !important;
    font-family: 'Oswald';
    font-weight: 300 !important;
    text-transform: uppercase;
    padding: 20px 35px;
}

.sppb-btn.sppb-btn-default:hover {    
    background-color: #ffffff6e;
    color: #555555;
}

/*Primary-Button*/
.sppb-btn.sppb-btn-primary,
.btn-primary{    
    color: #d3006b;
    border: 3px solid #d3006b;
    background-color: transparent;
    border-radius: 100px;
    font-size: 1.4rem !important;
    font-family: 'Oswald';
    font-weight: 300 !important;
    text-transform: uppercase;
}

.sppb-btn.sppb-btn-primary:hover,
.btn-primary:hover{    
    color: #ffffff;
    border-color: #d3006b;
    background-color: #d3006b;
}
/*Submit-Button*/
.btn-submit {    
    font-size: 1.4rem !important;
    font-family: 'Oswald';
    font-weight: 300 !important;
    text-transform: uppercase;
}

/* || Colors || Top Bar (#sp-top-bar) */

/* Überschreiben Hintergrundfarbe aus Template in der Top-Bar  */
#sp-top-bar {
    background-color: #2C2A2F;
    color: #ffffff99;
}

/* Formatierung Farbe der Icons beim Hovern */
#sp-top-bar a {
    color: #ffffff99;
}

/* Formatierung Farbe der Icons beim Hovern */
#sp-top-bar a:hover {
    color: #d3006b;
}

/* Anpassung Farbformatierung der aktive Sprache */
#sp-top1 {
    display: flex;
    align-items: center;
}
#sp-top2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#sp-top2 .sppb-icons-group-list li a {
    height: unset !important;
    padding-top: unset !important;
    padding-right: unset !important;
    padding-bottom: unset !important;
    padding-left: unset !important;
    width: unset !important;
    border-style: unset !important;
}
#sp-top2 .mod-languages li {
    margin: 0 0 0 5px;
}
#sp-top2 .mod-languages a, 
#sp-top2 .mod-languages a {
    font-size: 18px !important;
    font-weight: 600 !important;
    bottom: -1px;
    position: relative;
  }

#sp-top2 .mod-languages .lang-active a, 
.sp-module-content .mod-languages ul.lang-inline li.lang-active a {
    color: #d3006b !important;
}
#sp-top2 > .sp-column {
    justify-content: flex-end !important;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    align-content: center;
    row-gap: 0.2rem;
}
#sp-top2 .sp-module.mod-logged-in-user {
  flex: 1 0 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
#sp-top2 .mod-logged-in-user .sppb-row-column {
    padding-right: 0;
}
#sp-top2 .mod-logged-in-actions, 
#sp-top2 .mod-lang-switch, 
#sp-top2 .mod-logged-in-user {
    max-height: 20px;
    display: flex !important;
    align-items: center;
}
#sp-top2 .mod-logged-in-user .sppb-addon-content > p {
  margin:0;
}
.eb-category-information.clearfix:before, .eb-category-information.clearfix:after {
    line-height: unset !important;
}

/* || Colors || Header (#sp-header) */

/*  Horizontale Linie im Header (Trennlinie unter Menü) entfernen,
        Überschreiben Hintergrundfarbe aus Template
     */
#sp-header {
    border-bottom: 0px none transparent;
    box-shadow: 0px 0px 0px 0px transparent;
    background-color: #3B3940;
    /* color: #4a4a4a; */
    color: #ffffff99;
}

/* Formatierung Farbe der Icons beim Hovern */
#sp-header a {
    color: #ffffff99;
}

/* Sticky Header (mitlaufende Menüzeile) */
#sp-header.header-sticky, header-sticky {
    background-color: #3B3940;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
}

/* || Colors || Title (#sp-title) */
/* || Colors || Main body (#sp-main-body) */

/* Farben für Hintergrund und Text */
#sp-main-body {
    background-color: #f4f2f1;
    color: #4a4a4a;
}

@media (max-width: 1400px) {
  #sp-main-body {
    	padding: 50px 0;
	}
}

/* Farbe "Keine Kurse geplant in de Kategorie Neue Kurse" setzen */
#sp-main-body #eb-category-grid .text-info {
    color: #4a4a4a !important;
    font-weight: 500;
}

/* Farbe für "Keine Events geplant" in Upcoming-TImeline Modulen setzen */
#sp-main-body #eb-upcoming-events-page-timeline .text-info {
    color: #4a4a4a !important;
    font-weight: 500;
}



/* || Colors || Bottom Top (#sp-bottom-top) */

/* Überschreiben Hintergrundfarbe aus Template in der Bottom-Top-Section über dem Footer  */
#sp-bottom-top {
    background-color: #3b3940;
    color: #ffffff99;
}

/* Anpassen der Farbe der Trennlinie zwischen Bottom-Top- und Bottom-Section */
#sp-bottom-top .container-inner {
    /* border-bottom: 1px solid rgba(255, 201, 0, 0.8); */
    border-bottom: none;
}

/* Formatierung Farbe der Icons */
#sp-bottom-top a {
    color: #ffffff99;
}

/* Formatierung Farbe der Icons */
#sp-bottom-top a:hover {
    color: #d3006b;
}

/* || Colors || Bottom (#sp-bottom) */


/* Überschreiben Farben (Hintergrund, Text) aus Template in der Bottom-Top-Section über dem Footer  */
#sp-bottom {
    background: #3B3940;
    color: #ffffff99;
}

/* Formatierung der Überschriften über den Verlinkungen */
#sp-bottom h3 {
    color: #f4f2f1B3;
    font-size: 26px;
}

/* Formatierung Farbe der Icons */
#sp-bottom a,
#sp-bottom .sp-module a {
    color: #ffffff99;
    font-weight:500;
}

/* Formatierung Farbe der Icons */
#sp-bottom a:hover {
    color: #d3006b;
}

/* Überschreiben Linkhervorhebung in rehcter Bottom-Section aus dem Template */
#sp-bottom4 .sppb-addon-text-block .sppb-addon-content a:last-child {
    color: #ffffff99;
    text-decoration: none;
}

/* Überschreiben Linkhervorhebung in rehcter Bottom-Section aus dem Template */
#sp-bottom4 .sppb-addon-text-block .sppb-addon-content a:last-child:hover {
    color: #d3006b;
}

/* || Colors || Bottom (#sp-bottom-mobile) */


/* Überschreiben Farben (Hintergrund, Text) aus Template in der Bottom-Top-Section über dem Footer  */
#sp-bottom-mobile {
    background: #3B3940;
    color: #ffffff99;
}

/* Formatierung Farbe der Icons */
#sp-bottom-mobile a {
    color: #ffffff99;
    font-weight: 400;
}

/* Formatierung Farbe der Icons */
#sp-bottom-mobile a:hover {
    color: #d3006b;
}

/* || Colors  || Footer (#sp-footer) */

/* Anpassung der Hintergrundfarbe des Footers und Farbe der Linie über dem Footer */
#sp-footer {
    background: #2C2A2F;
    color: #515258;
    border-top-color: rgb(211 0 107);
    padding: 0px 80px 0px 80px;
}

#sp-footer .sp-copyright {
    color: #ffffff99;
    font-weight: 600;
}




/* || Typography */
/* || Typography || General */
/* || Typography || Headings */

h1 {    
    font-family: 'Oswald', sans-serif;
    font-size: 48pt;
    line-height: 48pt;
    font-weight: 400;
    margin: 0px 0px 30px 0px;
    text-transform: uppercase;
}

h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 32pt;
    font-weight: 400;
    margin: 0px 0px 20px 0px;
    text-transform: uppercase;
}

h3 {    
    font-family: 'Oswald', sans-serif;
    font-size: 30pt;
    font-weight: 300;
    text-transform: uppercase;
}
@media (max-width: 990px) {
  	h3 {    
    	font-size: 24pt;
	}
}
h4 {    
    font-family: 'Barlow', sans-serif;
    font-size: 2rem;
    margin: 0 0 1.5rem 0;
}

/* || Typography || Body */

body {
    font-family: 'Barlow', sans-serif;
    font-size: 1.2rem;
    line-height: 1.9rem;
}
@media (max-width: 990px) {
	body {
	    font-size: 1.1rem;
	    line-height: 1.5rem;
    }
  body * {
    box-shadow: none !important;
  }
}
/* || Typography || Top Bar (#sp-top-bar) */
/* || Typography || Header (#sp-header) */
/* Formatierung Schrift Menüzeile */
.sp-megamenu-parent,
.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {    
    font-family: 'League Gothic', sans-serif;
    font-size: 16pt;
    text-transform: uppercase;
}

/* Formatierung Schrift Dropdown im Menü */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    font-family: 'League Gothic', sans-serif;
    font-size: 16pt;
}

.sp-megamenu-parent>li>a:hover,
.sp-megamenu-parent>li>span:hover {    
    color: #d3006b !important;
}

/* || Typography || Title (#sp-title) */

/* || Typography || Main body (#sp-main-body) */

/* Verwendung der FOntello Schriftart für Pfeil-nach-unten, statt Font Awesome */
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
    font-family: "fontello";
    content: "\e812";
    font-size: 60%;
}

/* || Typography || Bottom Top (#sp-bottom-top) */
/* || Typography || Bottom (#sp-bottom) */
/* || Typography || Footer (#sp-footer) */
/* || Typography || Mobiles Menü (.offcanvas) */

.offcanvas-menu .offcanvas-inner .sp-module ul.menu>li>a {
    font-family: 'League Gothic', sans-serif;
    font-size: 24pt;
}
.sppb-addon-module ul>li.active>a {
    color: #d3006b !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu>li.active>a:before, .offcanvas-menu .offcanvas-inner .sp-module ul.menu-child>li.active>a:before {
    width: 0px; /*kleinen strich bei active wegmachen*/
}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu>li>a:hover:before, .offcanvas-menu .offcanvas-inner .sp-module ul.menu-child>li>a:hover:before {
    width: 0px;/*kleinen strich bei active wegmachen*/
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus {
    color: #555555;
  background-color: transparent;
}
/* || Formatting von Add-Ons */

/* || Formatting von Add-Ons || Main body (#sp-main-body) */

/* || Formatting von Add-Ons || Mobile Menu || Tabs */

/* Bug unterschiedliche Menüs auf Kursseiten, explizites Setzen Farbe untere Linie der Tableiste */
.offcanvas-menu .sppb-nav-tabs {
    border-bottom: 1px solid rgba(255, 201, 0, 0.3);
}
.offcanvas-menu .sppb-nav-tabs li {
    background-color: #ffffff;
    margin-right: 0.5rem !important;
    border-radius: 3rem;
    padding: 0.2rem 1rem !important;
}
.offcanvas-menu .sppb-nav-tabs li.active {
    background-color: #d3006b;
    color:#ffffff;
}
/* Bug unterschiedliche Menüs auf Kursseiten, explizites Setzen Farben und Borders der einzelnen Tabs */
.offcanvas-menu .sppb-nav-tabs>li>a {
    border: 0 !important;
    text-indent: 0px;
    background-color: transparent !important;
    margin: 0 auto;
}

/* || Formatting von Add-Ons || Main body (#sp-main-body) || Textbox */

/* Anpassen Formatierung dr Content Truncatuion der Textbox */

/* #sp-main-body .sppb-btn-container .sppb-content-truncation-show { */
#sp-main-body .sppb-btn-container {
    background: none;
    color: #d3006b;
    padding-bottom: 1rem;
}

/* || Formatting von Add-Ons || Main body (#sp-main-body) || Akkordion */

/* Anpassen Hintergrundfarbe des aktiven Reiters im Akkordion */
#sp-main-body .sppb-addon-accordion .sppb-panel-heading {
  	background-color: #d3006b;
    padding: 12px 15px 12px 15px;
  /*
        color: rgba(74, 74, 74, 0.6);
        background-color: rgba(255, 201, 0, 0.5); 
        border-bottom: 1px solid rgba(255, 201, 0, 0.5);*/
}

/* Anpassen Hintergrundfarbe des nicht-aktiven Reiters im Akkordion */
#sp-main-body .sppb-addon-accordion .sppb-panel-heading.active {
    /*color: #4a4a4a;
      background-color: #d3006b; 
      border-bottom-color: #d3006b;*/
}

/* Anpassen Schrift und im Reiter des Akkordions */
#sp-main-body .sppb-addon-accordion .sppb-panel-heading .sppb-panel-title {    font-size: 1.4rem !important;
    font-family: 'Oswald';
    /*font-weight: 300 !important;*/
    text-transform: uppercase;
    color: #ffffff;
}

/* Anpassen Farbe des Pfeils zum Aufklappen im Akkordion der Reiter */
#sp-main-body .sppb-addon-accordion .sppb-panel-heading.active .sppb-toggle-direction,
#sp-main-body .sppb-addon-accordion .sppb-panel-heading .sppb-toggle-direction {
    color: #ffffff;
}

/* || Formatting von Add-Ons || Main body (#sp-main-body) || Tabs */

/* Anpassen Textformatierung der Reiter des Tabs */
#sp-main-body .sppb-nav-pills>li>a {    font-family: 'League Gothic', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}


/* Anpassen Hintergrundfarbe und Abstände Content auf Inhaltsseite des Tabs */
#sp-main-body .sppb-addon-tab .sppb-tab-content {
    padding: 0px 20px 0px 20px;
    /*border-top: 1px solid rgba(255, 201, 0, 0.5);*/
}

/* || Formatting von Add-Ons || Main body (#sp-main-body) || Timeline, Sascha auskommentiert am 26.06, da nicht verwendet */

/* Anpassung Breite Text (Levelbeschreibungen) in Timeline-Add-On */
/*
#sp-main-body .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
    width: 95%;
}
*/

/* || Formatting von Add-Ons || Main body (#sp-main-body) || Modaler Button */

/* Anpassen Hintergrundfarbe Modal-Buttons */
#sp-main-body .sppb-modal-selector {
    color: #ffffff;
    background-color: #d3006b;
}

/* Anpassen Abstand Icon im Modal-Button */
#sp-main-body .sppb-modal-selector>i.fas {
    margin-right: 10px;
}

/* || Formatting von Add-Ons || Bottom (#sp-bottom-mobile) || Akkordion */

/* Entfernen Umrandung Accordion in der mobilen Bottom-Section */
#sp-bottom-mobile .sppb-panel-default {
    border-color: #3B3940;
}

/* Anpassen Farbe der Überschrift im Akkordion in der mobilen Bottom-Section */
#sp-bottom-mobile .sppb-addon-accordion .sppb-panel-heading .sppb-panel-title {
    font-size: 1.2rem;
    font-weight: 600;
}

/* Anpassen Farbe der Überschrift im Akkordion in der mobilen Bottom-Section */
#sp-bottom-mobile .sppb-addon-accordion .sppb-panel-heading {
    color: #f4f2f1B3;
}

/* Anpassen Farbe der Überschrift im Akkordion in der mobilen Bottom-Section */
#sp-bottom-mobile .sppb-addon-accordion .sppb-panel-heading:focus {
    color: #ffffff;
}


/* Bug unterschiedliche Dropdowns auf Kursseiten, explizites Setzen der Hintergrundfarbe des aktiven Reiters im Akkordion */
#sp-bottom-mobile .sppb-addon-accordion .sppb-panel-heading {
    background-color: transparent;
}

.addon-instagram-item-info i {
    font-size: 16px;
}

/* || Custom Elements */
/* || Custom Elements || Main body (#sp-main-body) */
/* || Custom Elements || Main body (#sp-main-body) || Left Border to visually separate objects */

.border-left-only {
    border-left: 1px solid rgba(255, 201, 0, 0.4);
}

@media (max-width: 1199px) {
    .border-left-only {
        border: none;
    }
}

/* || Custom Elements || Main body (#sp-main-body) || Feature list mit Border-Abgrenzungen (Gitter möglich) */

.features-list div[class*="sppb-col"] div[id*="sppb-addon"] {
    height: 100%;
    border-right: 1px solid rgba(255, 201, 0, 0.4);
    /* Uncomment for 2nd row
          border-bottom: 1px solid rgba(255, 201, 0, 0.4);
        */
}

.features-list div[class*="sppb-col"]:nth-child(4) div[id*="sppb-addon"] {
    border-right: none;
}

.features-list div[class*="sppb-col"]:nth-child(1n+5) div[id*="sppb-addon"] {
    border-bottom: none;
}

.features-list .sppb-row>div:last-child div[id*="sppb-addon"] {
    border-right: none;
}


.features-list div[class*=sppb-col] div[id*=sppb-addon] {
    /* Uncomment for 2nd row
          border-bottom: 1px solid rgba(255, 201, 0, 0.4) !important;
        */
}

.features-list div[class*=sppb-col]:nth-child(2n) div[id*=sppb-addon] {
    border-right: none;
}

@media (max-width: 992px) {
    .features-list div[class*=sppb-col] div[id*=sppb-addon] {
        /* Uncomment for 2nd row
            border-bottom: 1px solid rgba(255, 201, 0, 0.4) !important;
          */
    }

    .features-list div[class*=sppb-col]:nth-child(2n) div[id*=sppb-addon] {
        border-right: none;
    }
}

@media (max-width: 768px) {
    .features-list div[class*=sppb-col] div[id*=sppb-addon] {
        border-right: none !important;
        /* Custom-code: added as bottom-border was uncommented above for 2nd row of features, uncomment when adding second row */
        border-bottom: 1px solid rgba(255, 201, 0, 0.4) !important;
    }
}


/* || Custom Elements || Main body (#sp-main-body) ||  */

.slider-title {    font-size: 9rem;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 9.5rem;
    margin: 0 0 2rem 0;
}

.slider-subtitle {    color: #343434;
    font-size: 2rem;
    line-height: 2.5rem;
    margin: 0 0 2rem 0;
}

.slider-text {    color: white;
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 0 0 2rem 0;
}

@media (max-width: 768px) {    
    .slider-title {        
        font-size: 5rem;
        color: #ffffff;
        text-transform: uppercase;
        line-height: 4.7rem;
        margin: 0 0 2rem 0;    
    }

    .slider-subtitle {        
        color: #343434;
        font-size: 2rem;
        line-height: 2.5rem;
        margin: 0 0 2rem 0;    
    }

    .slider-text {        
        color: white;
        font-size: 1.5rem;
        line-height: 2rem;
        margin: 0 0 2rem 0;    
    }
}


/* || Custom Elements || Main body (#sp-main-body) || Mailchimp Add-On  */

/* Ausblenden leere Zeile für Details der Form (Icon) */

#sp-main-body .sppb-optin-form-details-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Button zum Abbonnieren des Newsletters zentrieren  */
#sp-main-body .sppb-optin-form .button-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* || Custom Elements || Main body (#sp-main-body) || Person Add-On  */

.sppb-addon-person {
  background-color: transparent;
  box-shadow: none;
}

.sppb-addon-person:not(.sppb-text-left):hover {
  box-shadow: none;
}

/* || Custom Elements || Main body (#sp-main-body) || SP Easy Image Gallery Album List Add-On  */

.speasyimagegallery-album-info {
  bottom: unset;
  padding: 15px;
  background: #ffffff;
}

.speasyimagegallery-album-title {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 10px;
  line-height: 1.4;
}

.speasyimagegallery-album-meta > span {
  color: rgba(0,0,0,.6);
  font-size: 14px;
  font-weight: 600;
}

.speasyimagegallery-album-meta p {
  color: #000000;
  font-size: 14px;
  margin-bottom: 0px;
  line-height: 1.4;
}

.speasyimagegallery-album > div > a > img {
  border: 1px solid #ffffff;
}

@media (min-width: 768px) {
  .speasyimagegallery-col-sm-3 {
    width: 33%;
  }
}

@media (max-width: 767px) {
  .speasyimagegallery-col-xs-2 {
    width: 100%;
  }
}

/* || Custom Categories || Custom Categorys  */
/*Home Seite Laufende/Nächste/Vergangene Kurse*/
.home-categories .eb-category-item {    
    background-color: rgb(255 255 255 / 80%);
    --eb-category-box-border-radius: 0px;
    --eb-category-box-hover-color: #000000;
    --eb-category-box-hover-bg-color: rgb(255 255 255 / 65%);
    padding: 1rem;
    font-weight: 500;
}
.home-categories .eb-categories-grid-items .eb-category-link {    
    font-size: 2rem;
    font-weight: 300;
    font-family: 'oswald';
    line-height: 2.5rem;
    text-transform: uppercase;
    color: #555555;
}
.home-categories span.badge.bg-info {    
    display: none;
}
.home-categories .eb-category-item {    
    height: 100%;
    /*Höhen der Boxen angleichen*/
    border: 0;
    box-shadow: 10px 10px 0px #ffffff;
    border-radius: 35px;
}
.home-categories.eb-categories-grid-items .eb-category-item-hover-effect:hover {    
    transform: translateY(-.3rem);
    border-color: transparent;
    background-color: #626262c2;
}

.eb-categories-grid-items>div:first-of-type .eb-category-information:before {
    content: "\e810";
    font-family: 'Fontello';
    color: #ffffff;
    font-size: 50px;
    margin: 0 0 30px 0;
        animation: blink-animation 2s ease 0s 5 normal forwards;
        -webkit-animation: blink-animation 2s ease 0s 5 normal forwards;
}


     
.eb-categories-grid-items>div:nth-of-type(2) .eb-category-information:before {
    content: "\e80f";
    font-family: 'Fontello';
    color: #d3006b;
    font-size: 50px;
    margin: 0 0 30px 0;
}
.eb-categories-grid-items>div:nth-of-type(3) .eb-category-information:before {
    content: "\e811";
    font-family: 'Fontello';
    color: #d3006b;
    font-size: 50px;
    margin: 0 0 30px 0;
}
.eb-categories-grid-items .eb-category-information {    
    text-align: left;
    color: #555555;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Oswald';
    font-weight: 400;
}
.eb-categories-grid-items .eb-category-description {
    padding: 0 10px 10px;
    color: #555555;
    font-family: 'Barlow', sans-serif;
    font-size: 1.2rem;
    line-height: 1.9rem;
}
.eb-categories-grid-items>div:first-of-type a>div {    
    /*kommende Kurse*/
  background-color: #d3006b;
}
.eb-categories-grid-items>div:first-of-type a>div>div {    
  color: #ffffff;
}
.eb-category-item:hover .eb-category-information,
.eb-categories-grid-items>div:first-of-type .eb-category-item:hover .eb-category-information:before  {
    color: #d3006b;
}

@media (max-width: 990px) {
    .eb-categories-grid-items>div:first-of-type,
	.eb-categories-grid-items>div:nth-of-type(2),
	.eb-categories-grid-items>div:nth-of-type(3) {    
        /*kommende Kurse, laufende kurse, vergangene kurse*/
        width: 100%;
    }
    .eb-categories-grid-items {
    	/*gap: 30px;*/
	}
}
/*Event-Einzelseite*/
.view-category section#sp-main-body,
.view-event section#sp-main-body {  
  background-color:#ffffff;
    background-image: url(../../../images/05_Backgrounds/hepcats_hg_4.webp);
}

#eb-categories .eb-description,
#eb-event-page .eb-description,
#eb-events .eb-description {    
    background: rgb(255 255 255 / 60%);
    padding: 0 5rem;
  	border-radius: 30px;
    box-shadow: 10px 10px 0 0 #ffffff;
}

.eb-taskbar.eb-register-buttons-top {    
    padding: 1rem 0;
    margin-left: -3rem;
}


.eb-description-details,
div#eb-plugins {   
     margin: 0 0 2rem 0;
}
.eb-box-heading {    
    margin: 0 0 2rem 0;
    background: transparent;
    border: 0;
    color: #555555;
}

.eb-description-details img.eb-event-large-image {    
    margin: 0 -5rem 3rem -5rem;
    width: calc(100% + 10rem);
    max-width: none;
}

.eb-description-details h2 {    
    margin: 2rem 0 1rem 0;
    padding: 0;
}
#eb-event-info {    
  	margin: 0;
}
div#eb-plugins-output,
h3.eb-plugin-speakers {    
    margin: 0 0 2rem 0;
}

#eb-event-info table {    
    margin: 10px 0 2rem 0;
  	padding: 0;
}
#eb-event-info table tr:has(th:nth-child(2)) th {/*tabellenspalten gleichmäßig verteilen in abhängigkeit der anzahl*/
  width: 50%;
}
#eb-event-info table tr:has(th:nth-child(3)) th {
  width: 33%;
}
#eb-event-info table tr:has(th:nth-child(4)) th {
  width: 25%;
}
#eb-event-info h3,
#eb-event-info #eb-event-info-left {
  padding: 0;
}
/*Kursdetailseite: Insert line-breaks for dates in "Termine"*/
#eb-event-custom-field_class_dates td.eb-event-property-value {/*Kursdetailseite: Insert line-breaks for dates in "Termine"*/
    white-space: pre-line;
	display:block;
}
/*Kursdetailseite: Remove first line-break"*/
#eb-event-custom-field_class_dates td.eb-event-property-value::first-line {
    line-height:0;
}
#eb-speakers-list {    
    margin: 0;
    padding: 0;
}

.eb-speaker-avatar, 
.eb-speaker-avatar a {    
    display: flex;
    justify-content: center;
}
.eb-speaker-container {    
    padding: 0;
      display: flex;
    flex-direction: column;
}


@media (max-width: 480px) {
    table.eb-responsive-table td {
        padding: 2px 5px;
    }
  }
@media (max-width: 990px){
  	#eb-categories .eb-description,
	#eb-event-page .eb-description,
	#eb-events .eb-description {    
    	padding: 0 1rem;
	}
  	.eb-description-details img.eb-event-large-image {
    	margin: 0 -1rem 3rem -1rem;
    	width: calc(100% + 2rem);
	}
    .eb-taskbar.eb-register-buttons-top {    
    	padding: 1rem 0;
    	margin-left: unset;
	}
}
/*Workshop-Einzelseite*/
div#eb-event-page {
    margin-top: 1rem;
}
h4.eb-agenda-title {
    margin-bottom: 0;
    color: #d3006b;
  font-size: 20px;
  font-weight: 700;
}
td.eb-agenda-time,
td.eb-event-property-label  {
    width: 30%;
    font-weight: 700;
}
.table>:not(caption)>*>* {
    background-color: #ffffffb0;
    box-shadow: none; 
}
@media (max-width:992px) {
  	td.eb-agenda-time,
	td.eb-event-property-label  {
    	width: 40%;
	}
}
@media (max-width:768px) {
  	td.eb-agenda-time,
	td.eb-event-property-label {
    	width: 50%;
	}

}
@media (max-width:576px) {
  	td.eb-agenda-time,
	td.eb-event-property-label,
  	td.eb-agenda-activity,
  	td.eb-event-property-value  {
    	width: 100% !important;
      	display:block;
	}
  		td.eb-event-property-label,
		td.eb-agenda-time {
    	padding-bottom: 0rem
	}
  	td.eb-event-property-value,
	td.eb-agenda-activity  {
    	padding-top: 0rem
	}
}
p.eb-agenda-description {
    margin-bottom: 0;
}
#eb-individual-registration-page h3.eb-heading {
    margin-top: 2rem;
}
/* Einzelseite Kurs und Einzelseite Workshop: unten Block mit Google Maps-Karte und Teilnehmerliste */
#eb-plugins-output .nav-tabs .nav-link {
    color: #272727;
    background-color: #ffffff;
    border: 0;
  	border-radius: 3rem;
  	margin: 0 0.5rem 0.5rem 0;
}
#eb-plugins-output .nav-tabs .nav-link:hover {
    color: #ffffff;
    background-color: #d3006b;
  transition: all 0.5s ease;
}
#eb-plugins-output .nav-tabs .nav-item.show .nav-link,#eb-plugins-output .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #d3006b;
    border: 0;
  	border-radius: 3rem;
}
td[data-content="Check-In"] img {
    width: 0px;
    height:0px;
}
td[data-content="Check-In"] a:has(img[alt="Check-In"]):before {
    content: "CHECKED-IN";
    background-color: #93ab63;
    color: #ffffff;
    padding: 0.1rem 0.7rem 0.3rem 0.7rem;
    border-radius: 3rem;
}
td[data-content="Check-In"] a:has(img[alt="Not Checked In"]):before {
    content: "CHECK-IN";
    background-color: #d3006b;
    color: #ffffff;
    padding: 0.1rem 0.7rem 0.3rem 0.7rem;
    border-radius: 3rem;
}

/*Anke: diese id kommt auch auf der startseite vor, das zerschiesst das layout*/
/*.sp-column:has(>#system-message-container) {
    width: fit-content;
    margin: auto;
}*/
#massmail-page, #checkin-page, #register-page {
    width: fit-content;
    margin: auto;
}

@media (max-width:576px) {
  	#eb-plugins-output .table.eb-responsive-table td:before {
    	width: 35%;
	}
  	#eb-plugins-output .table.eb-responsive-table td:first-child {
    	padding-top: 0.5rem !important;
	}
  	#eb-plugins-output .table.eb-responsive-table td:last-child {
    	padding-bottom: 0.5rem !important;
	}
    #eb-plugins-output .eb-registrants-list-table {
        font-size: 1rem;
        line-height: 1.4rem;
  	}
  	#eb-plugins-output .table>:not(caption)>*>* {
    	background-color: transparent;
	}
  	#eb-plugins-output tr {
    	border: 0;
        border-top: 2px dotted #555555;
    	margin: 0;
	}
  	#eb-plugins-output td {
    	padding: 0;
	}
}
/* QR-Code Scanseite */
#reader__scan_region img {
    margin: 0 auto 2rem auto; 
}
#reader>div:first-child {
    display: none;
}
#reader button, a#reader__dashboard_section_swaplink {
    background-color: #d3006b;
    border: none;
    border-radius: 3rem;
    padding: 1rem;
    color: #ffffff;
    text-decoration: unset !important;
    font-weight: 300;
  	font-size: 1.4rem;
    font-family: "Oswald";
    text-transform: uppercase;
      width: 100%;
      max-width: 350px;
    display: block;
  margin: 0 auto;
}
#reader__camera_selection {
    max-width: 300px;
    max-width: 350px;
    display: block;
    margin: 0 auto;
}
#reader__dashboard_section > div {
    margin-bottom: 1rem;
}
#reader__dashboard_section_csr > span {
    display: block;
    margin-right: 0 !important;
  margin-bottom: 1rem;
}
/*Registrierungsseite*/
#eb-individual-registration-page label,
#eb-individual-registration-page .form-control-label {
    font-family: 'Oswald';
    text-transform: uppercase;
}
#eb-individual-registration-page label.checkbox,
#eb-individual-registration-page label.radio {
    font-family: 'Oswald';
    text-transform: unset;
}
.eb-container input.input-large,
.eb-container select.input-large {
    width: 100% !important;
}
p.eb-ticket-type-description {
    line-height: 1.5rem;
  color: #272727;
}
td.eb-ticket-type-title {
    color: #d3006b;
}
/* Nächste / Laufende Kurse */
.eb-event-item-grid-default-layout {
    box-shadow: 10px 10px 0px 0 rgba(255 255 255);
    padding: 0;
    background-color: #ffffff63;
}
.eb-event-item-grid-default-layout:hover {
    box-shadow: 10px 10px 0px 0 rgba(255 255 255);
    background-color: #ffffffb3;
    cursor: pointer;
}
.eb-event-item-grid-default-layout .eb-event-main-category {
position: absolute;
    left: 0px;
    top: 100%;
    z-index: 11;
    background-color: #d3006b;
    padding: 3px 10px;
    color: #fff;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0;
}
.eb-event-item-grid-default-layout .eb-event-thumb-container {
    overflow: visible;
}
.eb-columns-layout-container .eb-event-wrapper {    
    background-color: rgb(255 255 255 / 50%);
    border: 1px solid #c4c4c4;
    border-radius: 30px;
    box-shadow: 10px 10px 0 0 #ffffff;
}
.eb-event-item-grid-default-layout .eb-event-thumb-container img {
    border-radius: 12px 12px 0 0;
}
.eb-columns-layout-container .eb-event-wrapper>h2.eb-event-title-container {    
    padding: 3rem 2rem 1.5rem 2rem !important;
    margin: 0px !important;
}

.eb-columns-layout-container .eb-event-wrapper .eb-event-date-time,
.eb-columns-layout-container .eb-event-wrapper .eb-event-location-price,
.eb-events-grid-items .eb-event-id-container,
.eb-events-grid-items .eb-event-date-time, 
.eb-events-grid-items .eb-event-location-price {    
    font-weight: 500;
    padding: 0rem 2rem 0.5rem 2rem !important;
    margin: 0px !important;
}

.eb-columns-layout-container .eb-event-wrapper .eb-taskbar,
.eb-events-grid-items .eb-taskbar {    
    padding: 0rem 2rem 1.5rem 2rem !important;
    margin: 0px !important;
}
.eb-events-grid-items .eb-event-location {    
    padding: 0rem 2rem 1.5rem 2rem !important;
    margin: 0px !important;
}
.eb-events-grid-items .eb-event-price {    
    margin: 0rem 2rem 1.5rem 2rem !important;
}
@media (max-width: 576px) { 
.eb-columns-layout-container .eb-event-wrapper>h2.eb-event-title-container,
.eb-events-grid-items .eb-event-title-container,
.eb-columns-layout-container .eb-event-wrapper .eb-event-date-time,
.eb-columns-layout-container .eb-event-wrapper .eb-event-location-price,
.eb-events-grid-items .eb-event-id-container,
.eb-events-grid-items .eb-event-date-time,
.eb-events-grid-items .eb-event-location-price,
.eb-columns-layout-container .eb-event-wrapper .eb-taskbar,
.eb-events-grid-items .eb-taskbar,
.eb-events-grid-items .eb-event-location,
.eb-events-grid-items .eb-event-price {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
.eb-event-location .fa-map-marker {    
    padding: 0 0.7rem 0 0;
}

.eb-event-location-price {    
    flex-direction: column;
    margin: 0;
}

.eb-event-location-price .eb-event-price {    
    padding: 0;
    font-weight: 700;
    width: 100%;
    background-color: transparent;
    color: #555555;
    font-weight: 400;
}
.eb-event-location-price .btn-primary {    
    border: 0px;
    background-color: transparent;
}

.eb-event-price::before {    
    font-weight: 700;
    content: "\e816";
    font-family: 'Fontello';
    padding: 0 0.4rem 0 0;
}

a.eb-event-title {    
    font-size: 2.5rem;
    font-weight: 400;
    font-family: 'oswald';
    line-height: 2.5rem;
    text-transform: uppercase;
    color: #555555;
    display: block;
}

.eb-event-box .eb-event-date-time,
.eb-event-box .eb-event-location,
.eb-event-box .eb-event-price {    
    margin-top: 0;
    font-size: 130%;
    font-weight: 500;
}

.eb-event-date-time .fa-calendar,
.eb-event-id-container .fa-key {    
    padding: 0 0.5rem 0 0;
}

.eb-event-location {    
    padding: 0 0 0.5rem 0;
    flex: 1;
}

.eb-event-short-description {    
    display: none;
}
/* Home Seite Instagram */
.addon-instagram-caption p strong{
    display:none;
}
/*Leerzeichen nach dem Namen des Insta-Accounts, nicht benötigt, da nicht angezeigt */
/*
.addon-instagram-caption p strong:after{ 
    content: "\00a0 ";
}
*/
/*Home Seite Social-Slider*/
.home-socials .eb-event-wrapper {    
    background-color: rgb(255 255 255 / 60%);
    border: 0;
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    margin: 0;
    height: calc(100% - 10px);
    box-shadow: 10px 10px 0 0 #ffffff;
    margin-right: 10px;
}

.home-socials .eb-slider-container .eb-event-wrapper>h2,
.eb-slider-container .eb-event-wrapper>div {    
    padding: 0 2rem !important;
}

.home-socials h2.eb-event-title-container {    
    padding: 0.5rem 2rem !important;
    flex: 1;
    margin: 0;
}

.home-socials .splide__slide img {
    vertical-align: bottom;
    width: 100%;
}

.home-socials .eb-event-date-time {    
    font-weight: 500;
}

.home-socials .eb-event-location-price {    
    flex-direction: column;
    margin: 0 0 2rem 0;
}
@media (max-width: 576px) { 
	.home-socials h2.eb-event-title-container {    
    	padding: 0.5rem 1rem !important;
	}
    .home-socials .eb-slider-container .eb-event-wrapper>h2, .eb-slider-container .eb-event-wrapper>div {
        padding: 0 1rem !important;
    }
}
.home-socials .eb-slider-container .eb-event-price {    
    padding: 0;
    font-weight: 700;
    width: 100%;
    background-color: transparent;
    color: #555555;
    font-weight: 400;
}

.home-socials a.eb-event-title {    
    font-size: 2rem;
    font-weight: 300;
    font-family: 'oswald';
    line-height: 2.5rem;
    text-transform: uppercase;
    color: #555555;
    display: block;
}

.home-socials .eb-event-location {    
    padding: 0;
    flex: 1;
  	width: 100%;
  line-height: 22px;
}
.eb-event-date-time span.eb-time:first-of-type:before {    
    white-space: pre;
    font-weight: 700;
    content: "\A \e815";
    font-family: 'Fontello';
    margin: 0 10px 0 0;
      font-size: 1.1rem;
}
/*diverse stellen: spalten auf gleiche höhe bringen*/
.columns_about-us .sppb-column-addons,
.columns_our-classes .sppb-column-addons,
.columns_class-description .sppb-column-addons {
    display: flex;
    flex-direction: column;
}
.columns_about-us .sppb-column-addons .addon-root-text-block,
.columns_our-classes .sppb-column-addons .addon-root-text-block,
.columns_class-description .sppb-column-addons .addon-root-text-block {
  flex: 1;
}
.columns_about-us .sppb-column-addons .addon-root-text-block > div,
.columns_our-classes .sppb-column-addons .addon-root-text-block > div,
.columns_class-description .sppb-column-addons .addon-root-text-block > div {
  height: 100%;
}
/* || Typography || Local fonts */
/* Begin Barlow Font */
/* barlow-100 - latin */
@font-face {    
    font-display: swap;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/barlow-v12-latin-100.woff2') format('woff2'),
         url('../fonts/barlow-v12-latin-100.woff') format('woff');
}

/* barlow-200 - latin */
@font-face {    
    font-display: swap;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/barlow-v12-latin-200.woff2') format('woff2'),
         url('../fonts/barlow-v12-latin-200.woff') format('woff');
}

/* barlow-300 - latin */
@font-face {    
    font-display: swap;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/barlow-v12-latin-300.woff2') format('woff2'),
         url('../fonts/barlow-v12-latin-300.woff') format('woff');
}

/* barlow-regular - latin */
@font-face {    
    font-display: swap;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/barlow-v12-latin-regular.woff2') format('woff2'),
        url('../fonts/barlow-v12-latin-regular.woff') format('woff');
}

/* barlow-500 - latin */
@font-face {    
    font-display: swap;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/barlow-v12-latin-500.woff2') format('woff2'),
         url('../fonts/barlow-v12-latin-500.woff') format('woff');
 }

/* barlow-600 - latin */
@font-face {    
    font-display: swap;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/barlow-v12-latin-600.woff2') format('woff2'),
         url('../fonts/barlow-v12-latin-600.woff') format('woff');
}

/* barlow-700 - latin */
@font-face {    
    font-display: swap;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/barlow-v12-latin-700.woff2') format('woff2'),
         url('../fonts/barlow-v12-latin-700.woff') format('woff');
}

/* barlow-800 - latin */
@font-face {
    font-display: swap;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/barlow-v12-latin-800.woff2') format('woff2'),
         url('../fonts/barlow-v12-latin-800.woff') format('woff');
}

/* barlow-900 - latin */
@font-face {  
    font-display: swap;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/barlow-v12-latin-900.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/barlow-v12-latin-900.woff') format('woff');
}

/* End Barlow Font */

/* Begin League Gothic Font */

/* league-gothic-regular - latin */
@font-face {    
    font-display: swap;
    font-family: 'League Gothic';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/league-gothic-v6-latin-regular.woff2') format('woff2'),
         url('../fonts/league-gothic-v6-latin-regular.woff') format('woff');
}

/* End League Gothic Font */

/* Begin Oswald Font */

/* oswald-200 - latin */
@font-face {
    font-display: swap;
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/oswald-v49-latin-200.woff2') format('woff2'),
         url('../fonts/oswald-v49-latin-200.woff') format('woff');
}

/* oswald-300 - latin */
@font-face {
    font-display: swap;
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/oswald-v49-latin-300.woff2') format('woff2'),
         url('../fonts/oswald-v49-latin-300.woff') format('woff');
}

/* oswald-regular - latin */
@font-face {    
    font-display: swap;
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/oswald-v49-latin-regular.woff2') format('woff2'),
         url('../fonts/oswald-v49-latin-regular.woff') format('woff');
}

/* oswald-500 - latin */
@font-face {    
    font-display: swap;
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/oswald-v49-latin-500.woff2') format('woff2'),
         url('../fonts/oswald-v49-latin-500.woff') format('woff');
}

/* oswald-600 - latin */
@font-face {
    font-display: swap;
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/oswald-v49-latin-600.woff2') format('woff2'),
         url('../fonts/oswald-v49-latin-600.woff') format('woff');
}

/* oswald-700 - latin */
@font-face {    
    font-display: swap;
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/oswald-v49-latin-700.woff2') format('woff2'),
         url('../fonts/oswald-v49-latin-700.woff') format('woff');
}

/* End Oswald Font */

/* Begin  Custom Fontello Font Awesome Icons */ 

@font-face {
  font-family: 'Fontello';
  src: url('../fonts/fontello.woff2?99480845') format('woff2'),
       url('../fonts/fontello.woff?99480845') format('woff');
  font-weight: normal;
  font-style: normal;
}

[class^="fa-"]:before, [class*=" fa-"]:before {

  font-family: "Fontello";
  font-style: normal;
  font-weight: normal;

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;


  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.fa-remove-2:before { content: '\e800'; }
.fa-map-marker:before { content: '\e801'; }
.fa-facebook:before { content: '\e802'; }
.fa-facebook-square:before { content: '\e803'; }
.fa-calendar:before { content: '\e804'; }
.fa-arrow-right:before { content: '\e805'; }
.fa-user-lock:before { content: '\e806'; }
.fa-chevron-up:before { content: '\e807'; }
.fa-user-times:before { content: '\e808'; }
.fa-tools:before { content: '\e809'; }
.fa-qrcode:before { content: '\e80a'; }
.fa-instagram:before { content: '\e80b'; }
.fa-youtube:before { content: '\e80c'; }
.fa-remove:before { content: '\e80d'; }
.fa-running:before { content: '\e80e'; }
.fa-clock:before { content: '\e80f'; }
.fa-star:before { content: '\e810'; }
.fa-calendar-xmark:before { content: '\e811'; }
.fa-chevron-down:before { content: '\e812'; }
.fa-chevron-right:before { content: '\e813'; }
.fa-chevron-left:before { content: '\e814'; }
.fa-clock-1:before { content: '\e815'; }
.fa-tag:before { content: '\e816'; }
.fa-quote-left:before { content: '\e817'; }
.fa-people-arrows:before { content: '\e818'; }
.fa-user-graduate:before { content: '\e819'; }
.fa-snowplow:before { content: '\e81a'; }
.fa-sun:before { content: '\e81b'; }
.fa-puzzle-piece:before { content: '\e81c'; }
.fa-bahai:before { content: '\e81d'; }
.fa-users:before { content: '\e81e'; }
.fa-laugh-beam:before { content: '\e81f'; }
.fa-money-bill-alt:before { content: '\e820'; }
.fa-hands-helping:before { content: '\e821'; }
.fa-key:before { content: '\e822'; }
.fa-cocktail:before { content: '\e823'; }
.fa-building:before { content: '\e824'; }
.fa-dizzy:before { content: '\e825'; }
.fa-money-bill:before { content: '\e826'; }
.fa-home:before { content: '\e827'; } 
.fa-envelope:before { content: '\e828'; }
.fa-bullhorn:before { content: '\e829'; }
.fa-comment-o:before { content: '\e82a'; }
.fa-heart-o:before { content: '\e82b'; }
.fa-hourglass-half:before { content: '\e82c'; }

/* End Custom Fontello Font Awesome Icons */