body { font-family: Open Sans; background: #FFFFFF !important; color: #000000 !important; }
main a:link:not(.btn):not(.active).not(.dropdown-item):not(.list-group-item-action), main a:visited:not(.btn):not(.active).not(.dropdown-item):not(.list-group-item-action) { color: #2071b5 !important; }
main a:hover:not(.btn):not(.active).not(.dropdown-item):not(.list-group-item-action), main a:active:not(.btn):not(.active).not(.dropdown-item):not(.list-group-item-action) { color: #2071b5 !important; }
#nav-bar { background-color: #1f3150; }
#menu-bar { background-color: #ffffff; }
#menu-bar a.nav-link:link, #menu-bar a.nav-link:visited { color: #333333; }
.body-content .hUnderline:before { color: #f6d84d; }
.body-content .ap-frontend-paginator > .page-item.active .page-link { background-color: #f6d84d; border-color: #f6d84d; }
.body-content a:not(.btn):not(.search-item), .body-content a.nav-link:link.text-primary:not(.btn):not(.active):not(.search-item), .body-content a.nav-link:visited.text-primary:not(.btn):not(.active):not(.search-item) { color: #2071b5; }
.body-content main a:link:not(.btn):not(.list-group-item):not(.search-item), .body-content main a:visited:not(.btn):not(.list-group-item):not(.search-item) { color: #2071b5; }
.body-content main a:hover:not(.btn):not(.list-group-item):not(.search-item), .body-content main a:active:not(.btn):not(.list-group-item):not(.search-item) { color: #2071b5; }
.footer { background-color: #1f314f; color: #ffffff; }
.footer a:link, .footer a:visited { color: #ffffff; } .footer a:hover, .footer a:active { color: #F98C14; }
/* No glocal colors */
.modules-lesson-media iframe { width: 100% !important; }
/* Custom CSS */
/********************** Formatierung der Angaben im "Deine Käufe"-Bereich ***********************/
.quiz-correct-score { display: none !important; }
.access-expires-info { display: none !important; }
.course-runtime { display: none !important; }
.course-progress { display: none !important; }
.course-progress-text { display: none !important; }
.course-stats { display: none !important; }
/** Page Globals **/
/**************************** FARBEN ADMIN / KURS-BUILDER ***************************/
.bg-orange {background-color: #F09415!important;}
.tabs-options ul li a:link.active {background-color: #F09415!important; color: #fff!important;}
.list-group-item-orange {background-color: #F09415!important; color: #fff;}
/**************************** FARBEN TRUSTPILOT BOX DANKESEITE ***************************/
.alert-primary {background-color: #F0F2F5; border-color: #F0F2F5; color: #073984;}
/********************** VOLLTEXTSUCHE STARTSEITE ***********************/
/** 100% Breite ausfüllen bei den Card Decks */
@media (min-width: 1200px) {
.card-deck .card { margin-right: 10px; flex: 0 0 calc(33.33333% - 11px) !important; border: 1px solid transparent; border-radius: 2px; box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f; }
.card-deck .card:hover { border: 1px solid #3988E3; text-decoration: none !important; }
main.action-search-index .card-deck .card { margin-right: 0px; flex: 0 0 calc(30% - 1px) !important; }
main.action-search-index .card-deck .card .search-item-image { margin-bottom: 30px; }
/** Überschrift & Text */
div.card-deck.articles-list.articles-list-tiles h5 { margin-bottom: 15px !important; font-size: 1.2rem !important; font-size: 19.2px !important; line-height: 1.5rem !important; color: #000 !important; }
div.card-deck.articles-list.articles-list-tiles p { font-size: 0.875rem; font-size: 14px; line-height: 1rem !important; color: #6B7280 !important; }
main.action-search-index a.search-item:link, main.action-search-index a.search-item:visited { text-decoration: none !important; color: #222 !important; }
main.action-search-index a.search-item:hover { text-decoration: none !important; }
}
@media (max-width: 1199px) {
.card-deck .card { margin-right: 10px; flex: 0 0 calc(33.33333% - 11px) !important; border: 1px solid transparent; border-radius: 2px; box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f; }
.card-deck .card:hover { border: 1px solid #3988E3; text-decoration: none !important; }
/** Überschrift & Text */
div.card-deck.articles-list.articles-list-tiles h5 { margin-top: 15px !important; margin-bottom: 15px !important; font-size: 1.25rem !important; font-size: 20px !important; line-height: 1.5rem !important; color: #000 !important; }
div.card-deck.articles-list.articles-list-tiles p { font-size: 0.875rem; font-size: 14px; line-height: 1rem !important; color: #6B7280 !important; text-decoration: none !important; }
}
@media (max-width: 992px) {
.card-deck .card { margin-right: 10px; flex: 0 0 calc(33.33333% - 11px) !important; border: 1px solid transparent; border-radius: 2px; box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f; }
.card-deck .card:hover { border: 1px solid #3988E3; text-decoration: none !important; }
/** Überschrift & Text */
div.card-deck.articles-list.articles-list-tiles h5 { margin-top: 15px !important; margin-bottom: 15px !important; font-size: 1.25rem !important; font-size: 20px !important; line-height: 1.5rem !important; color: #000 !important; }
div.card-deck.articles-list.articles-list-tiles p { font-size: 0.875rem; font-size: 14px; line-height: 1rem !important; color: #6B7280 !important; text-decoration: none !important; }
}
/*************************************************************************************************/
/**************************** APPREX BEWERTUNGSMODUL - GESAMTBEWRTUNG ***************************/
.rating-container.stars-wrapper {color: #F6993F;}
@media (min-width: 1200px) {
.col-sm-4.col-lg-3.text-center {text-align: left!important;}
}
@media (max-width: 992px) {
.col-sm-4.col-lg-3.text-center {text-align: center!important;}
}
/****************************************************************/
/**************************** SUCHE ***************************/
small.search-item-updated_at {display: none; }
small.search-item-model {display: none; }
.search-item-content_description { }
.search-item-content_excerpt { }
/****************************************************************/
/**************************** SCHRIFTEN *************************/
.body-content { font-family: 'Nunito', Sans-Serif !important; font-size: 100% !important; line-height: 1.25rem !important; line-height: 20px !important; color: #2E384D !important;}
.body-content p { font-family: 'Nunito', Sans-Serif; }
.body-content span { font-family: 'Nunito', Sans-Serif; }
.body-content b { font-family: 'Nunito', Sans-Serif; color: #2E384D !important; font-weight: 700; !important;}
.body-content h1 {font-size: 32px; font-size: 2rem; color: #2E384D;font-weight: 600; line-height: 2.5rem !important; line-height: 40px !important; margin-top: 1.5rem; margin-bottom: 1.5rem;}
.body-content h2 {font-size: 26px; font-size: 1.625rem; color: #2E384D; font-weight: 600; line-height: 2rem !important; line-height: 32px !important; margin-top: 1.25rem; margin-bottom: 1.25rem;}
.body-content h3 {font-size: 24px; font-size: 1.5rem; color: #2E384D; font-weight: 600; line-height: 2rem !important; line-height: 32px !important; margin-top: 1.25rem; margin-bottom: 1.25rem;}
.body-content h4 {font-size: 22px; font-size: 1.375rem; color: #2E384D; font-weight: 600; line-height: 1.5rem !important; line-height: 24px !important; margin-top: 1.25rem; margin-bottom: 1.25rem;}
.body-content h5 {font-size: 20px; font-size: 1.25rem; color: #2E384D; font-weight: 600; margin-top: 1.25rem; margin-bottom: 1.25rem;}
.body-content h6 {font-size: 18px; font-size: 1.125rem; color: #2E384D; font-weight: 600; margin-top: 1.25rem; margin-bottom: 1.25rem;}
.autor-beruf {font-size: 0.875rem; font-size: 14px; font-style: italic; line-height: 0.9rem; }
.text12 {font-size: 0.75rem; font-size: 12px; line-height: 0.5 !important; }
.text14 {font-size: 0.875rem; font-size: 14px; line-height: 0.75rem !important; line-height: 12px; }
.text14_w {font-size: 0.875rem; font-size: 14px; color: #fff; line-height: 0.875rem !important; line-height: 14px; }
.text14_grau {font-size: 0.875rem; font-size: 14px; color: #C2C2C2; line-height: 0.75rem !important; line-height: 12px; text-align: left; }
.text18_blau {font-size: 1.125rem; font-size: 18px; color: #2071B5; margin-bottom: 1rem; }
.text_w_bold { color: #fff; font-weight: 900; line-height: 1.25rem; line-hight: 20px; !important; line-height: 10px; }
.text14_gold {font-size: 0.875rem; font-size: 14px; color: #EFB467; line-height: 0.625rem !important; line-height: 10px; }
.text14_gelb {font-size: 0.875rem; font-size: 14px; color: #F6D84C; line-height: 0.625rem !important; line-height: 10px; }
.text14_italic {font-size: 0.875rem; font-size: 14px; line-height: 0.625rem !important; line-height: 10px; font-style: italic;}
.text16_w {font-size: 16px; font-size: 1rem; color: #fff; }
/******************* BLOCKQUOTE FINE ART - BEGIN ********************/
blockquote { background-color: #F9FAFB; border-left: 10px solid #2071B5; padding: 30px; margin: 50px 0; font-size: 1 em; font-style: italic; color: #555; position: relative; }
blockquote::after { content: '\201D'; /* Closing quotation mark */ font-size: 7em; color: #E1E0E1; position: absolute; right: 25px; bottom: -5px; }
/******************* BLOCKQUOTE FINE ART - END ********************/}
/***** Überschrift im Content unterstrichen *****/
.heading { font-weight: 600; margin-top: 1.25rem; margin-bottom: 1.25rem; text-transform: uppercase; }
.heading::after { content: ""; display: block; width: 70px; padding-top: 3px; margin-bottom: 20px; border-bottom: 2px solid #FFB606; }
/***** Buttons *********************************/
.kiport_btn_blau { color: #ffffff !important; background-color: #1f72b5 !important; font-size: 19px !important; border: 1px solid #2d63c8 !important; border-radius: 30px !important; padding: 15px 50px !important; cursor: pointer }
.kiport_btn_blau:hover { color: #6B7280 !important; background-color: #F7F9FA !important; }
.kiport_btn_blau_inv { color: #6B7280 !important; background-color: #F7F9FA !important; !important; font-size: 19px !important; border: 1px solid #2d63c8 !important; border-radius: 30px !important; padding: 15px 50px !important; cursor: pointer }
.kiport_btn_blau_inv:hover { color: #ffffff !important; background-color: #1f72b5 }
/** Logo als svg sichtbar **/
img#apprex-academy-logo { height: 70px; max-width: 250px; max-height: 70px; }
/** Course sidebar left */
.body-content main.course .left { }
.body-content main.course .expand-sidebar-toggle-btn:focus { outline: none; box-shadow: none; } /* that was the outline after clicking the button */
.lesson-status-icon { margin-left: 5px; }
.lesson-media-runtime { padding-left: 5px; padding-top: 3px; }
/** Course LANDINGPAGE Oben **/
/***** Kurs Kaufen Buttons oben *****/
/****** ERSTER BUTTON jetzt kaufen ODER jetzt starten *****/
.course .modules-course-buy a.btn:first-of-type { color: #fff !important; background-color: #2071B5 !important; border: 1px solid #DCDCE6; }
.course .modules-course-buy a.btn:first-of-type:hover { color: #000 !important; border: 1px solid #2071B5; background-color: #F7F9FA !important; }
/****** ZWEITER BUTTON warenkorb *****/
.course .modules-course-buy a.btn:last-of-type { color: #fff !important; background-color: #2071B5 !important; border: 1px solid #DCDCE6; }
.course .modules-course-buy a.btn:last-of-type:hover { color: #000 !important; border: 1px solid #2071B5; background-color: #F7F9FA !important; }
/****************************************************************/
/*********************** Course LP Curriculum *******************/
/***** Header ********/
.course .modules-course-content .card header { font-size: 14px; font-weight: 900; }
.course .modules-course-content .card header span { color: #6B7280 !important }
.course-content-module-single.module-is-not-public { color: #f00 !important; pointer-events: none; cursor: default; }
.course .modules-course-content .card header h3 { margin-top: 4px; margin-bottom: 0; font-size: 16px; line-height: 1.25rem !important; color: #2E384D; font-weight: 900; }
.pt-3, .py-3 { padding-top: 4px !important; }
.float-right { float: right!important; }
/***** Lektionsliste ********/
.course .modules-course-content .list-group { }
/***** Einzelne Lektion ********/
.course .modules-course-content .list-group-item { font-size: 1rem; font-size: 16px; color: #6B7280; !important; }
.course .modules-course-content .list-group-item .mb-1 { font-size: 16px !important; color: #6B7280; !important; margin-bottom: 0px !important; }
.course .modules-course-content .list-group-item div { color: #6B7280 !important; }
/** Reihenfolge der "VORSCHAU" und "Laufzeit" Badges ändern **/
.course .modules-course-content .list-group-item div span { display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; flex-direction: row; gap: 10px; }
.course .modules-course-content .list-group-item div span small { padding-top: 3px; }
.course .modules-course-content .list-group-item div span span.badge { display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; flex-direction: row; gap: 10px; order: -1; }
.course .modules-course-content .list-group-item div span span.runtime-caption {display: none !important; }
/***** Badge Vorschau ********/
.badge { font-weight: 600 !important; font-size: 85% !important }
/***** FÜR MEGAKURSE: Leere Kapitel anders darstellen *****/
.course .modules-course-content .chapter-empty.card .card-header { background-color: #2070B6 !important; }
.course .modules-course-content .chapter-empty.card .card-header h3 { color: #fff !important; }
.course .modules-course-content .chapter-empty.card .modules-count { display: none !important; }
/** KURÜBERSICHTSSEITE (KURS DETAILSEITE) **/
/***** Dropdown *****/
.dropdown-item.active, .dropdown-item:active { color: #fff !important; }
.scrollable-menu > ul { height: auto; max-height: 300px; overflow-x: hidden; }
#dropdown-category > ul { transform: translate3d(-204px, 40px, 0px) !important; }
/***** Preis / Streichpreis *****/
.preis {font-size: 24px; font-size: 1.5rem; color: #2E384D; font-weight: 600; line-height: 1.5rem !important; line-height: 24px !important; margin-top: 1.25rem; margin-bottom: 1.25rem; }
.streichpreis {font-size: 0.875rem; font-size: 14px; margin-left: 10px; text-decoration:line-through; color: red; }
/*** ANPASSUNGEN KIPORT ***/
/***** Höhe der Navbar *****/
.navbar-brand {padding-top: 1.32rem; padding-bottom: 1.32rem;}
/* Menü ANMELDUNG Button farbig */
a.login-link, a.login-link:link, a.login-visited { background-color: #2071B5; border: 1px solid #2071B5; color: #fff !important; border-radius: 3px; padding: 7px 16px 7px 16px !important; transition: 0.2s all ease; }
a.login-link:hover, a.login-link:active { color: #6B7280 !important; background-color: #F9FAFB; }
/* Menü HILFE Button farbig */
a.help-link, a.help-link:link, a.login-visited { background-color: #00B67A; border: 1px solid #00B67A; color: #fff !important; border-radius: 3px; padding: 7px 16px 7px 16px !important; transition: 0.2s all ease; }
a.help-link:hover, a.help-link:active { background-color: #F9FAFB; color: #000 !important; }
/** Suchmaske Abstand oben **/
.pt-5, .py-5 { padding-top: 1rem !important;}
/** Abstand Menü links zum Logo **/
.navbar-nav { padding-left: 2rem; padding-left: 4rem; padding-top: 2rem; }
a.nav-link.custom-nav-link:hover { color: #497FBB !important; }
/** Menü Suchlupe und Sucheintrag ausblenden */
.nav-search-icon { display: none; }
.nav-search { display: none; }
/** Abstand Listen auf Home **/
ul, ol { padding-left: 1em; }
ul li, ol li { margin: 0.5em; }
/** Abstand Listen auf Kurslandingpage **/
.course ul, .course ol { padding-left: 0.5em; }
.course ul li, .course ol li { margin: 0.5em; }
/** Abstand Listen auf Blog Post (single) **/
.post ul, .post ol { padding-left: 1.5em; }
.post ul li, .post ol li { margin: 0.5em; margin-bottom: 0.5em; }
/****** Vorstellung Experten "Bubble-Style" Landingpage *****/
.bubble-style { display: grid; grid-template-columns: 15% 85% ; grid-template-rows: 1fr; grid-column-gap: 10px; grid-row-gap: 0px;}
.bubble-style .div-image { grid-area: 1 / 1 / 2 / 2; }
.bubble-style .div-text { grid-area: 1 / 2 / 2 / 3; }
.bubble-style .div-text .avatar-beruf { color: inherit; }
.bubble-style .div-image .avatar-bild { width: 50px; height: 50px; border-radius: 50%; float: right; }
.bubble-style .div-image #avatar-bild { border-radius: 50%; width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }
.bubble-style .div-text .avatar-name {font-family: 'Nunito', Sans-Serif; color: #6B7280 !important; font-weight: 600; !important; }
.bubble-style .div-text .avatar-beruf { display: block; font-size: 0.75rem; font-size: 12px; line-height: 14px !important; font-style: italic; }
/* Eigenes Design für einzelne Seiten */
.referierende { }
/** Page Buil **/
.body-content .video {}
/************************* IN COURSE / IM KURS **/
/** Kiport **/
/** Verteilung der Klassenzimmer */
@media (min-width: 992px) and (max-width: 1200px) {
main.classroom div.classroom-container {
display: flex !important;
flex-direction: row !important;
width: 100%;
}
form.quiz-form { margin-bottom: 200px; }
main.classroom div.classroom-container div.classroom-content {
width:66% !important;
}
}
@media (min-width: 992px) {
main.classroom div.classroom-container div.classroom-sidebar { width: 35%; }
}
/** Footer Stage (Nav Leiste im Kurs unten) **/
.footer-stage { background-color: #5556791; }
.footer-stage-left { background-color: #293043; }
.footer-stage-right { background-color: #5556791; }
.btn-to-next, .btn-to-previous { text-decoration: none !important; }
.footer-stage-left a.btn-to-overview span { margin-left: 10px; }
.footer-stage .btn-footer-stage-ready span { text-transform: capitalize; } /** anfangsbuchstabe button groß */
.footer-stage-right div:nth-of-type(1) a span { margin-left: 10px; }
.footer-stage-right div:nth-of-type(3) a span { margin-right: 10px; }
/** Bei Quiz Result und IM Quiz selbst bisschen Luft lassen unten **/
main.action-modules-show-quiz-results { padding-bottom: 80px; }
form.quiz-form { margin-bottom: 200px; }
/** Formatierung Buttons Footer Stage (Nav Leiste im Kurs unten) **/
.btn-to-overview { color: #fff !important; text-decoration: none !important; }
.btn-to-overview:hover, .btn-to-overview:active { color: #3490dc !important; }
.btn-to-previous { color: #3490dc !important; }
.btn-to-previous:hover, .btn-to-previous:active { color:#000 !important; }
.btn-to-next { color: #3490dc !important; }
.btn-to-next:hover, .btn-to-next:active { color:#000 !important; }
/**************** Schriften, Abstände & Co *************/
/** Seitenleiste komplett **/
.course-sidebar { padding-left: 10px; padding-right: 10px; padding-bottom: 70px; }
/** Seitenleiste jeweils Kapitelblock **/
.monochrom-sidebar-chapter { }
/** Seitenleiste jeweils Kapitelblock Überschrift **/
.monochrom-sidebar-chapter h4 { font-size: 20px !important; font-weight: 600; font-size: 1.125rem !important; color: #000 !important; border-bottom: 1px solid #E1E0E1; }
/** Seitenleiste jeweils einzelne Lektion **/
.course-sidebar .chapter-list .collapse h5 { margin-top: 2px !important; margin-bottom: 2px !important; font-size: 0.875rem !important; font-size: 14px !important; }
/* Titel einrücken neben dem Icon */
.lesson-head-title, .quiz-head-title, .challenge-head-title { display: block; margin-top: -20px; margin-left: 25px !important; }
.course-sidebar .chapter-list { margin-bottom: 10px; }
h4.chapter-head { margin:0 !important; }
div.chapter-caption { margin-top: 15px; color: #2071B5 !important; }
/* Design kiport Backlog Page 5 */
/** Main Background **/
main.classroom, body.action-body-modules-show { background: #F9FAFB !important; }
/** Remove Digistore24 Cart Bar And Top Navi Bar in Course **/
body.action-body-modules-show #ds24cart_added_container, body.action-body-modules-show #nav-bar { display: none !important; }
#s3_tdlpupkif { background: transparent; }
/** Footer raus im Kurs **/
body.action-body-modules-show .footer { display: none; }
.classroom-content.right h1 { font-size: 20px !important; font-size: 1.25rem !important; line-height: 1.5rem !important; font-weight: 600 !important; margin-bottom: 30px !important; }
/*** Formatierung der Downloads im Kurs ***/
.downloads-list-item { background: #F5F5F5 !important; margin: 7px 0px 7px 0px; border: 1px solid #2071B5 !important; border-radius: 3px !important;}
.downloads-item-caption { color: #000 !important; padding-top: 5px; }
.btn-downloads { color: #fff !important; background-color: #2071B5 !important; border: 1px solid #DCDCE6; }
.btn-downloads:hover { color: #000 !important; border: 1px solid #2071B5; background-color: #F7F9FA !important; }
/**********************************************************************/
/********************** PC & TABLET, iPad >992px **********************/
@media (min-width: 1248px) {
main.classroom .modules-lesson-media {
margin-bottom: 4em !important;
}
}
@media (min-width: 992px) {
/******** CONTENT AREA **********/
main.classroom div.classroom-container div.classroom-content {
border-left: 0px;
padding-top: 50px;
padding-left: 40px;
}
/******** VIMEO CONTAINER *********/
main.classroom .modules-lesson-media {
padding: 0 !important;
box-shadow: 0 10px 30px 11px rgb(0 0 0 / 25%); !important;
/*box-shadow: 1px 1px 29px 3px rgba(135,135,135,0.4); */
}
main.classroom .modules-lesson-media div:first-of-type {
padding: 0 !important;
}
/******** ALLWAYS HIDE COMMENT ****/
main.classroom .modules-lesson-comments { display: none; }
/******** SIDEBAR AREA **********/
main.classroom div.classroom-container div.classroom-sidebar {
margin-top: 20px; /* Sidebar margin to very top */
margin-right: 10px; /* To the content */
height: 80vh; /* Limit the height */
box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
background: #fff;
direction: rtl; /* to place scrollbarleft */
}
main.classroom div.classroom-container div.classroom-sidebar .course-sidebar {
direction: ltr; /* to place scrollbar left */
}
div.classroom-sidebar.course-sidebar-collapsed { /** Fix ltr for collapse button **/
direction: ltr !important; /* to place button in collapsed right again */
}
}
/****************************************************************/
/********************** SMARTPHONE, iPHONE <992px **********************/
@media (max-width: 992px) {
/******** SIDEBAR AREA **********/
main.classroom, body.action-body-modules-show { background: #fff !important; } /* Hintergrund weiß machen auf Smartphones */
body.action-body-modules-show { overflow: vertical; } /** Scrollen NICHT MEHR deaktivieren auf Mobil, wegen der Seitenleiste in der nächsten Zeile */
main.classroom div.classroom-container div.left { max-height: 75vh; overflow: auto; padding-bottom: 27vh; }
main.classroom. modules-lesson-media { padding-top: 0px !important; padding-bottom: 0px !important; backgound: #000 !important; }
form.quiz-form .form-control { height: auto !important; }
body.action-body-modules-show #menu-bar { display: none; }
body.action-body-modules-show main { padding-top: 0px; }
body.action-body-modules-show h1.modules-title { display: none; /*margin-bottom: 7px !important;*/ }
body.action-body-modules-show .course-sidebar { background: #fff; }
/*** Tabs im Quizmodul ausblenden ***/
.nav-tabs {display: none; }
}
/****************************************************************/
/**************************** FOOTER ***************************/
footer.footer { padding-top: 0em; margin-top: 0em;color: #ffffff !important; }
.footer a:link, .footer a:visited { font-size: 14px; font-size: 0.875rem; color: #C2C2C2 !important; line-height: 1rem; margin: 10px; }
.footer a:hover { color: #F6D84C !important; }
.footer h2 { font-size: 14px; font-size: 0.875rem; font-weight: 100; text-transform: uppercase; color: #F6D84C !important; margin-top: 30px; margin-bottom: 10px; }
.footer b { color: #C2C2C2 !important; }
@media (max-width: 770px) {
.footer .col { flex-basis: auto !important; }
}
/****************************************************************/
/********************** PAGINATOR Circle ***********************/
.body-content .ap-frontend-paginator > .page-item.active .page-link { background-color: #f6d84d !important; border-color: #f6d84d; color: #000; }
/***************************************************************/
/******************* Profil Bereich ********************/
.profile-sidebar-sub { display: none; }
.body-content h4 { margin-top: 10px !important; }
/** .body-content p {display: none; } **/
.mb-3, .my-3 {gap: 1rem; }
.body-content h5 {: font-size: 18px; font-size: 1.125rem; color: #2071B5; font-weight: 600; margin-top: 1.25rem; margin-bottom: 1.25rem;}
/** .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; padding: 15px 20px 20px 15px; width: 100%; } **/
/******************* ActiveCampaign Branding entfernen ********************/
#_form_5_._dark ._form-branding { display: none; color: #333; }
#_form_7_._dark ._form-branding { display: none; color: #333; }
/***************************************************************************/
.course-content-module-single:hover{text-decoration:none}.action-login{}.action-login .login-card-header a{display:none}.action-login .btn-login-as-admin{display:none}body.body-leiten-mit-herz-und-verstand .chapter-caption,body.body-zertifizierte-fachkraft-kitaleitung .chapter-caption,body.body-fachkraft-gesundheitsfoerderung-kita .chapter-caption,body.body-fachkraft-fuer-bueromanagement .chapter-caption,body.body-fachkraft-fuer-eltern-und-oeffentlichkeitsarbeit .chapter-caption,body.body-microsoft-office-produktivitat-im-kita-buro .chapter-caption{justify-content:end !important}.chapter-empty{cursor:default}.chapter-empty .chapter-head{color:#2071B5 !important;text-transform:uppercase !important;font-weight:bold !important;padding:0px !important;border-bottom:1px solid silver}.chapter-empty .chapter-head .modules-count-caption{display:none !important}.chapter-empty .open-close-caret{display:none !important}.popover{max-width:600px !important;width:400px !important;box-shadow:0 10px 30px 11px rgba(0, 0, 0, 0.25) !important}.article-index-bottom-section .col{width:100%;flex:1;margin-left:auto;margin-right:auto}.article-index-bottom-section-col-left,.article-index-bottom-section-col-right{display:none}main.impulse-rund-um-kita-und-tagespflege,main.action-index{}main.impulse-rund-um-kita-und-tagespflege .ap-frontend-paginator-top,main.action-index .ap-frontend-paginator-top{display:none}main.impulse-rund-um-kita-und-tagespflege div.articles-list div.card,main.action-index div.articles-list div.card{border:1px solid transparent;border-radius:2px;box-shadow:0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f}main.impulse-rund-um-kita-und-tagespflege div.articles-list div.card:hover,main.action-index div.articles-list div.card:hover{border:1px solid #3988E3}main.impulse-rund-um-kita-und-tagespflege div.articles-list div.card div.card-body,main.action-index div.articles-list div.card div.card-body{padding-top:15px !important}main.impulse-rund-um-kita-und-tagespflege div.articles-list div.card div.card-body h2,main.action-index div.articles-list div.card div.card-body h2{margin-top:4px;margin-bottom:10px !important;font-size:1.2rem !important;line-height:1.5rem !important;color:#000 !important}main.impulse-rund-um-kita-und-tagespflege div.articles-list div.card div.card-body .content-excerpt,main.action-index div.articles-list div.card div.card-body .content-excerpt{font-size:0.875rem;font-size:14px;height:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box !important;-webkit-line-clamp:4;-webkit-box-orient:vertical;white-space:normal}main.impulse-rund-um-kita-und-tagespflege div.articles-list div.card div.card-body .author-container,main.action-index div.articles-list div.card div.card-body .author-container{padding-top:20px}main.impulse-rund-um-kita-und-tagespflege div.articles-list div.card div.card-body .author-info .author-name,main.action-index div.articles-list div.card div.card-body .author-info .author-name{font-weight:800 !important;color:#222}main.impulse-rund-um-kita-und-tagespflege div.articles-list div.card div.card-body .author-info .author-bio,main.action-index div.articles-list div.card div.card-body .author-info .author-bio{font-size:0.875rem;font-size:12px;line-height:16px;color:#888 !important}main.impulse-rund-um-kita-und-tagespflege div.articles-list div.card div.subline-bar,main.action-index div.articles-list div.card div.subline-bar{background:#2071B5 !important;color:#fff !important;padding:7px 7px 7px 20px !important}main.impulse-rund-um-kita-und-tagespflege div.articles-list div.card div.subline-caption,main.action-index div.articles-list div.card div.subline-caption{font-size:0.875rem;font-size:14px;color:#fff;background:#2071B5 !important}main.impulse-rund-um-kita-und-tagespflege div.articles-list div.card div.featured-caption,main.action-index div.articles-list div.card div.featured-caption{text-transform:uppercase !important;font-size:0.75rem;font-size:12px;background:#F6D84D;color:#000;margin-right:10px;padding:2px 0px;left:7px;box-shadow:7px 0px 0px #F6D84D, -7px 0px 0px #F6D84D}main.kurse,main.action-courses-index,main.courses-show,main.course,main.fortbildung-fuer-kitaleitungen,main.fortbildung-kindertagespflege,main.fortbildung-zur-fachkraft,main.action-index,main.post,main.pages{}main.kurse .articles-list div.card div.subline-bar,main.action-courses-index .articles-list div.card div.subline-bar,main.courses-show .articles-list div.card div.subline-bar,main.course .articles-list div.card div.subline-bar,main.fortbildung-fuer-kitaleitungen .articles-list div.card div.subline-bar,main.fortbildung-kindertagespflege .articles-list div.card div.subline-bar,main.fortbildung-zur-fachkraft .articles-list div.card div.subline-bar,main.action-index .articles-list div.card div.subline-bar,main.post .articles-list div.card div.subline-bar,main.pages .articles-list div.card div.subline-bar{padding:7px 7px 7px 20px !important;background-color:#2071B5}main.kurse .articles-list div.card div.subline-caption,main.action-courses-index .articles-list div.card div.subline-caption,main.courses-show .articles-list div.card div.subline-caption,main.course .articles-list div.card div.subline-caption,main.fortbildung-fuer-kitaleitungen .articles-list div.card div.subline-caption,main.fortbildung-kindertagespflege .articles-list div.card div.subline-caption,main.fortbildung-zur-fachkraft .articles-list div.card div.subline-caption,main.action-index .articles-list div.card div.subline-caption,main.post .articles-list div.card div.subline-caption,main.pages .articles-list div.card div.subline-caption{font-size:0.75rem;font-size:12px;color:#fff;text-transform:uppercase;padding:2px 0px}main.kurse .articles-list div.card div.featured-caption,main.action-courses-index .articles-list div.card div.featured-caption,main.courses-show .articles-list div.card div.featured-caption,main.course .articles-list div.card div.featured-caption,main.fortbildung-fuer-kitaleitungen .articles-list div.card div.featured-caption,main.fortbildung-kindertagespflege .articles-list div.card div.featured-caption,main.fortbildung-zur-fachkraft .articles-list div.card div.featured-caption,main.action-index .articles-list div.card div.featured-caption,main.post .articles-list div.card div.featured-caption,main.pages .articles-list div.card div.featured-caption{text-transform:uppercase !important;font-size:0.75rem;font-size:12px;background:#F6D84D;color:#000;margin-right:10px;padding:2px 0px;left:7px;box-shadow:7px 0px 0px #F6D84D, -7px 0px 0px #F6D84D}main.kurse .articles-list div.card div.offer-caption,main.action-courses-index .articles-list div.card div.offer-caption,main.courses-show .articles-list div.card div.offer-caption,main.course .articles-list div.card div.offer-caption,main.fortbildung-fuer-kitaleitungen .articles-list div.card div.offer-caption,main.fortbildung-kindertagespflege .articles-list div.card div.offer-caption,main.fortbildung-zur-fachkraft .articles-list div.card div.offer-caption,main.action-index .articles-list div.card div.offer-caption,main.post .articles-list div.card div.offer-caption,main.pages .articles-list div.card div.offer-caption{order:2;text-transform:uppercase !important;font-size:0.75rem;font-size:12px;background:#00B67A;color:#000;margin-right:10px;padding:2px 0px;left:7px;box-shadow:7px 0px 0px #00B67A, -7px 0px 0px #00B67A}main.kurse .card-footer .strike-price,main.action-courses-index .card-footer .strike-price,main.courses-show .card-footer .strike-price,main.course .card-footer .strike-price,main.fortbildung-fuer-kitaleitungen .card-footer .strike-price,main.fortbildung-kindertagespflege .card-footer .strike-price,main.fortbildung-zur-fachkraft .card-footer .strike-price,main.action-index .card-footer .strike-price,main.post .card-footer .strike-price,main.pages .card-footer .strike-price{margin-right:5px}main.kurse .ap-frontend-paginator-top,main.action-courses-index .ap-frontend-paginator-top,main.courses-show .ap-frontend-paginator-top,main.course .ap-frontend-paginator-top,main.fortbildung-fuer-kitaleitungen .ap-frontend-paginator-top,main.fortbildung-kindertagespflege .ap-frontend-paginator-top,main.fortbildung-zur-fachkraft .ap-frontend-paginator-top,main.action-index .ap-frontend-paginator-top,main.post .ap-frontend-paginator-top,main.pages .ap-frontend-paginator-top{display:none}main.kurse .articles-list div.card div.offer-caption,main.action-courses-index .articles-list div.card div.offer-caption,main.courses-show .articles-list div.card div.offer-caption,main.course .articles-list div.card div.offer-caption,main.fortbildung-fuer-kitaleitungen .articles-list div.card div.offer-caption,main.fortbildung-kindertagespflege .articles-list div.card div.offer-caption,main.fortbildung-zur-fachkraft .articles-list div.card div.offer-caption,main.action-index .articles-list div.card div.offer-caption,main.post .articles-list div.card div.offer-caption,main.pages .articles-list div.card div.offer-caption{color:#fff;background:#18B974 !important}main.kurse .articles-list div.card div.card-footer,main.action-courses-index .articles-list div.card div.card-footer,main.courses-show .articles-list div.card div.card-footer,main.course .articles-list div.card div.card-footer,main.fortbildung-fuer-kitaleitungen .articles-list div.card div.card-footer,main.fortbildung-kindertagespflege .articles-list div.card div.card-footer,main.fortbildung-zur-fachkraft .articles-list div.card div.card-footer,main.action-index .articles-list div.card div.card-footer,main.post .articles-list div.card div.card-footer,main.pages .articles-list div.card div.card-footer{background:transparent !important}main.kurse .articles-list div.card,main.action-courses-index .articles-list div.card,main.courses-show .articles-list div.card,main.course .articles-list div.card,main.fortbildung-fuer-kitaleitungen .articles-list div.card,main.fortbildung-kindertagespflege .articles-list div.card,main.fortbildung-zur-fachkraft .articles-list div.card,main.action-index .articles-list div.card,main.post .articles-list div.card,main.pages .articles-list div.card{border:1px solid transparent;border-radius:2px;box-shadow:0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f}main.kurse .articles-list div.card:hover,main.action-courses-index .articles-list div.card:hover,main.courses-show .articles-list div.card:hover,main.course .articles-list div.card:hover,main.fortbildung-fuer-kitaleitungen .articles-list div.card:hover,main.fortbildung-kindertagespflege .articles-list div.card:hover,main.fortbildung-zur-fachkraft .articles-list div.card:hover,main.action-index .articles-list div.card:hover,main.post .articles-list div.card:hover,main.pages .articles-list div.card:hover{border:1px solid #3988E3}main.kurse .articles-list div.card div.card-body,main.action-courses-index .articles-list div.card div.card-body,main.courses-show .articles-list div.card div.card-body,main.course .articles-list div.card div.card-body,main.fortbildung-fuer-kitaleitungen .articles-list div.card div.card-body,main.fortbildung-kindertagespflege .articles-list div.card div.card-body,main.fortbildung-zur-fachkraft .articles-list div.card div.card-body,main.action-index .articles-list div.card div.card-body,main.post .articles-list div.card div.card-body,main.pages .articles-list div.card div.card-body{padding-top:0px !important}main.kurse .articles-list div.card div.card-body h2,main.action-courses-index .articles-list div.card div.card-body h2,main.courses-show .articles-list div.card div.card-body h2,main.course .articles-list div.card div.card-body h2,main.fortbildung-fuer-kitaleitungen .articles-list div.card div.card-body h2,main.fortbildung-kindertagespflege .articles-list div.card div.card-body h2,main.fortbildung-zur-fachkraft .articles-list div.card div.card-body h2,main.action-index .articles-list div.card div.card-body h2,main.post .articles-list div.card div.card-body h2,main.pages .articles-list div.card div.card-body h2{margin-top:15px;font-size:1.2rem !important;line-height:1.5rem !important}main.kurse .articles-list div.card div.card-body .content-excerpt,main.action-courses-index .articles-list div.card div.card-body .content-excerpt,main.courses-show .articles-list div.card div.card-body .content-excerpt,main.course .articles-list div.card div.card-body .content-excerpt,main.fortbildung-fuer-kitaleitungen .articles-list div.card div.card-body .content-excerpt,main.fortbildung-kindertagespflege .articles-list div.card div.card-body .content-excerpt,main.fortbildung-zur-fachkraft .articles-list div.card div.card-body .content-excerpt,main.action-index .articles-list div.card div.card-body .content-excerpt,main.post .articles-list div.card div.card-body .content-excerpt,main.pages .articles-list div.card div.card-body .content-excerpt{font-size:14px}main.kurse .articles-list div.card div.card-body .author-container,main.action-courses-index .articles-list div.card div.card-body .author-container,main.courses-show .articles-list div.card div.card-body .author-container,main.course .articles-list div.card div.card-body .author-container,main.fortbildung-fuer-kitaleitungen .articles-list div.card div.card-body .author-container,main.fortbildung-kindertagespflege .articles-list div.card div.card-body .author-container,main.fortbildung-zur-fachkraft .articles-list div.card div.card-body .author-container,main.action-index .articles-list div.card div.card-body .author-container,main.post .articles-list div.card div.card-body .author-container,main.pages .articles-list div.card div.card-body .author-container{display:none !important;padding-top:20px}main.kurse .articles-list div.card div.card-body .author-info .author-name,main.action-courses-index .articles-list div.card div.card-body .author-info .author-name,main.courses-show .articles-list div.card div.card-body .author-info .author-name,main.course .articles-list div.card div.card-body .author-info .author-name,main.fortbildung-fuer-kitaleitungen .articles-list div.card div.card-body .author-info .author-name,main.fortbildung-kindertagespflege .articles-list div.card div.card-body .author-info .author-name,main.fortbildung-zur-fachkraft .articles-list div.card div.card-body .author-info .author-name,main.action-index .articles-list div.card div.card-body .author-info .author-name,main.post .articles-list div.card div.card-body .author-info .author-name,main.pages .articles-list div.card div.card-body .author-info .author-name{font-weight:800 !important;color:#222}main.kurse .articles-list div.card div.card-body .author-info .author-bio,main.action-courses-index .articles-list div.card div.card-body .author-info .author-bio,main.courses-show .articles-list div.card div.card-body .author-info .author-bio,main.course .articles-list div.card div.card-body .author-info .author-bio,main.fortbildung-fuer-kitaleitungen .articles-list div.card div.card-body .author-info .author-bio,main.fortbildung-kindertagespflege .articles-list div.card div.card-body .author-info .author-bio,main.fortbildung-zur-fachkraft .articles-list div.card div.card-body .author-info .author-bio,main.action-index .articles-list div.card div.card-body .author-info .author-bio,main.post .articles-list div.card div.card-body .author-info .author-bio,main.pages .articles-list div.card div.card-body .author-info .author-bio{font-size:12px;color:#888 !important}main.kurse .card-footer .payment-info,main.action-courses-index .card-footer .payment-info,main.courses-show .card-footer .payment-info,main.course .card-footer .payment-info,main.fortbildung-fuer-kitaleitungen .card-footer .payment-info,main.fortbildung-kindertagespflege .card-footer .payment-info,main.fortbildung-zur-fachkraft .card-footer .payment-info,main.action-index .card-footer .payment-info,main.post .card-footer .payment-info,main.pages .card-footer .payment-info{font-size:12px;color:#888;position:absolute;bottom:11px}main.kurse .card-footer .strike-price,main.action-courses-index .card-footer .strike-price,main.courses-show .card-footer .strike-price,main.course .card-footer .strike-price,main.fortbildung-fuer-kitaleitungen .card-footer .strike-price,main.fortbildung-kindertagespflege .card-footer .strike-price,main.fortbildung-zur-fachkraft .card-footer .strike-price,main.action-index .card-footer .strike-price,main.post .card-footer .strike-price,main.pages .card-footer .strike-price{color:#E0797F !important;text-decoration:line-through}main.kurse .card-footer .norm-price,main.action-courses-index .card-footer .norm-price,main.courses-show .card-footer .norm-price,main.course .card-footer .norm-price,main.fortbildung-fuer-kitaleitungen .card-footer .norm-price,main.fortbildung-kindertagespflege .card-footer .norm-price,main.fortbildung-zur-fachkraft .card-footer .norm-price,main.action-index .card-footer .norm-price,main.post .card-footer .norm-price,main.pages .card-footer .norm-price{color:#000 !important;font-size:18px;font-size:1.125rem;font-weight:600}.btn-add-to-cart{background-color:#2071B5;margin-top:0px !important}.article-bubble-or{display:none}.article-bubble{width:300px}.popover-body{padding:30px 30px 30px 30px}.popover-header{display:none !important;margin-top:0 !important;background:transparent !important}.article-bubble .hover-bubble-author{margin-bottom:0px}.article-bubble .hover-bubble-author .bubble-top-author-avatar{margin-left:-5px;margin-top:-5px;width:4em;height:4em}.article-bubble .hover-bubble-author .bubble-top-author-name{padding-left:10px;font-size:14px;line-height:0.75rem}.article-bubble .hover-bubble-author .bubble-top-author-name .author-name{color:#2E384D;font-weight:900 !important}.article-bubble .hover-bubble-author .bubble-top-author-name .author-company{margin-top:5px;font-size:12px;line-height:0.75rem}.article-bubble .articles-single-tooltip .author-bio{display:none}.article-bubble .articles-subline-container .articles-subline{margin-top:30px;margin-bottom:5px;color:#2071B5;text-transform:uppercase !important;font-size:12px}.article-bubble .articles-subline-container .articles-title{margin-top:10px;margin-bottom:20px;color:#000;font-size:20px;line-height:1.3 !important;font-weight:bold !important}.article-bubble .articles-subline-container .articles-content-excerpt{margin-top:10px;margin-bottom:30px;color:#6B7280;font-weight:600;font-size:14px;line-height:1.3 !important}.article-bubble .articles-meta .articles-meta-detach{font-size:11px}.article-bubble .articles-meta .articles-meta-modules-count{font-size:11px}.article-bubble .articles-bubble-btn-container{display:flex;flex-direction:column}.article-bubble .articles-bubble-btn-container :nth-child(1){order:3}.article-bubble .articles-bubble-btn-container :nth-child(3){order:1}.col-moreinfo{padding-right:0px !important;padding-left:0 !important}.col-buy-or-start{padding-left:0 !important}.btn-bubble-moreinfo{background-color:#00B67A !important;border:1px solid #00B67A !important;color:#fff !important;border-radius:3px;padding:6px 16px 6px 16px !important;transition:0.2s all ease}a.btn-bubble-moreinfo:visited,a.btn-bubble-moreinfo:link{background-color:#00B67A !important;border:1px solid #00B67A !important;color:#fff !important;border-radius:3px;padding:6px 16px 6px 16px !important;transition:0.2s all ease}a.btn-bubble-moreinfo:hover{background-color:#FFF !important;color:#000 !important}.article-bubble .articles-bubble-btn-container a.btn,.article-bubble .btn{width:100%;margin-top:10px;margin-bottom:10px;border-radius:3px}.article-bubble .articles-bubble-btn-container a.btn:link,.article-bubble .articles-bubble-btn-container a.btn:visited,.article-bubble button{background-color:#2071B5;color:#fff;border:1px solid #496599}.article-bubble .articles-bubble-btn-container a.btn:hover,.article-bubble button.btn:hover{background-color:#fff;color:#496599}.articles-bubble-price .article-bubble-price-text{color:#888;float:left;font-size:12px !important;position:relative;bottom:-7px}.articles-bubble-price .article-bubble-price-price{font-size:18px;font-size:1.125rem;color:#000;font-weight:900 !important}.articles-bubble-price .article-bubble-strike-price{font-size:12px;text-decoration:line-through;color:#E0797F;padding-right:5px}
/* Custom CSS End */