/*!
 * NOVELEDGE Gestaltung – alle seitenweiten Gestaltungsregeln in einer Datei.
 * Zusammengeführt am 20.10.2026 aus Code-Snippets und dem Zusätzlichen CSS, in derselben
 * Reihenfolge, in der sie bisher im Seitenkopf standen (die Reihenfolge entscheidet bei
 * gleich starken Regeln). Inhalt unverändert übernommen; Aufräumen folgt in eigenen Schritten.
 */

/* ==========================================================================
   Quelle: Snippet 32 „Fachbeitrag: Stand-Angabe“
   ========================================================================== */
.noveledge-stand{margin:0;font-size:.875rem;line-height:1.5;color:#556059;}

/* ==========================================================================
   Quelle: Snippet 34 „Bausteine ausblenden (Hilfsklasse)“
   ========================================================================== */
.noveledge-ausgeblendet{display:none !important;}.noveledge-nur-vorlesen{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}

/* ==========================================================================
   Quelle: Snippet 36 „Resilienzradar: Registerlasche ausblenden“
   ========================================================================== */
.nvlrr-tab{display:none !important;}

/* ==========================================================================
   Quelle: Snippet 35 „Kursseiten: Hinweis-Schaltflaeche“
   ========================================================================== */
.course-btn-extra i,.course-btn-extra em,.course-btn-extra .fas,.course-btn-extra .far{display:none !important;}
	a.lp-button.course-btn-extra:hover,a.lp-button.course-btn-extra:focus,
	.lp-button.course-btn-extra:hover,.lp-button.course-btn-extra:focus{
	background-color:#b49c7f !important;border-color:#b49c7f !important;color:#12211c !important;}
	a.lp-button.course-btn-extra:hover span,.lp-button.course-btn-extra:hover *{color:#12211c !important;}
	

/* ==========================================================================
   Quelle: Snippet 37 „Schwebende Schaltflaechen unten links“
   ========================================================================== */
.cart-preview__button--trigger,.edd-cart-preview__button--trigger{bottom:84px !important;}
	.cart-preview__button--trigger--right,.edd-cart-preview__button--trigger--right{bottom:84px !important;}
	.cky-btn-revisit-wrapper.cky-revisit-bottom-left{bottom:15px !important;left:15px !important;}
	@media (max-width:767px){
	.cart-preview__button--trigger,.edd-cart-preview__button--trigger{bottom:78px !important;}
	}
	

/* ==========================================================================
   Quelle: Snippet 38 „Netzwerkprofile: Schaltflaechen lesbar“ (wirkte nur auf Netzwerkprofilen; Regeln tragen .single-network)
   ========================================================================== */
.single-network .wp-block-button.is-style-outline .wp-block-button__link{color:#12211c !important;border-color:#c6b199 !important;background-color:transparent;}
	.single-network .wp-block-button.is-style-outline .wp-block-button__link:hover,
	.single-network .wp-block-button.is-style-outline .wp-block-button__link:focus{background-color: #F3EEE6 !important;color:#12211c !important;border-color:#c6b199 !important; box-shadow: inset 0 0 0 1px #C6B199 !important;}
	

/* ==========================================================================
   Quelle: Snippet 41 „Verlagsvorschau (Startseite)“ (wirkte nur auf der Startseite; Klassen kommen nur dort vor)
   ========================================================================== */
.noveledge-coverwidget{align-self:stretch;width:100%;}
	.noveledge-coverwidget .elementor-widget-container{width:100%;}
	.noveledge-cover{position:relative;display:block;width:100%;aspect-ratio:1 / 1.4;margin:0 0 16px;border-radius:5px;overflow:hidden;background:#12211c;}
	.noveledge-cover iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block;}
	@supports not (aspect-ratio: 1 / 1){
	.noveledge-cover{height:0;padding-top:140%;}
	}
	

/* ==========================================================================
   Quelle: Snippet 42 „Barrierefreiheit: Fokus sichtbar“
   ========================================================================== */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
	outline:3px solid #404040 !important;outline-offset:2px !important;border-radius:2px;
	}
	

/* ==========================================================================
   Quelle: Snippet 509 „Themenband: Pfeile ueberlagern keine Themen“
   ========================================================================== */
.elementor-element-53e01cd .elementor-loop-container.swiper{overflow:hidden;cursor:grab}.elementor-element-53e01cd .elementor-loop-container.swiper:active{cursor:grabbing}.elementor-element-53e01cd .swiper-wrapper{align-items:center}.elementor-element-53e01cd .swiper-slide{height:auto}.elementor-element-53e01cd .elementor-button{white-space:nowrap}.elementor-element-53e01cd .elementor-swiper-button{z-index:5}.elementor-element-53e01cd .swiper-button-disabled{opacity:.25}@media (max-width:1024px){.elementor-element-53e01cd .elementor-button{white-space:normal;line-height:1.25;text-align:center;font-size:13px;padding:6px 10px;display:block;width:100%;box-sizing:border-box;overflow-wrap:anywhere}.elementor-element-53e01cd .swiper-slide{display:flex;align-items:center;justify-content:center}.elementor-element-53e01cd > .elementor-widget-container{padding-left:0 !important;padding-right:0 !important}.elementor-element-53e01cd .elementor-loop-container.swiper{margin-left:24px !important;margin-right:24px !important}.elementor-element-53e01cd .swiper-slide > .elementor,.elementor-element-53e01cd .swiper-slide .e-con,.elementor-element-53e01cd .swiper-slide .e-con-inner{width:100%}}

/* ==========================================================================
   Quelle: Snippet 1097 „Kopfzeile: Hauptmenü zweizeilig mit engem Zeilenabstand“
   ========================================================================== */
.elementor-element-824edd2 .elementor-nav-menu--main .elementor-nav-menu{row-gap:0}.elementor-element-824edd2 .elementor-nav-menu--main .elementor-item{padding-top:5px !important;padding-bottom:5px !important}

/* ==========================================================================
   Quelle: Design > Customizer > Zusätzliches CSS (Stand 20.10.2026)
   ========================================================================== */
body, html, input, textarea, select, button,
h1, h2, h3, h4, h5, h6,
.gform_wrapper, .gform_body, .gfield_label, .ginput_container,
.elementor, .elementor-widget, .elementor-heading-title, .elementor-text-editor {
    font-family: Helvetica, Arial, sans-serif;
}
.course-detail-info {
    overflow: hidden;
}
.lp-archive-courses {
    background-color: #F5F5F5;
}
ul.learn-press-breadcrumb {
    padding: 8px 1rem;
}
.learn-press-form-login, .learn-press-form-register {
    max-width: 550px !important;
    padding: 30px !important;
    border: unset;
    border-radius: var(--lp-border-radius, 5px);
    box-shadow: unset !important;
    background: #DBDBDB !important;
}
.learn-press-form label, .learn-press-form h3 {
	color: #fff !important;
}
.post-358 h1.entry-title {
    visibility: hidden;
    margin-bottom: -20px;
}
.statistic-box__icon span {
        background: unset !important;
    color: #000 !important;
    border-radius: 4px;
}
span.origin-price {
    margin-right: 8px;
}
.learn-press-form label, .learn-press-form h3 {
    color: #111 !important;
}
/* Fachbeiträge, hervorgehobener Beitrag: „Weiterlesen" ist bewusst kein Knopf, sondern
   reine Schrift auf der dunklen Fläche – weiß, beim Überfahren beige (Christian, 27.10.2026).
   Vorher stand hier eine beige Knopffläche (aus dem früheren Zusätzlichen CSS). */
.blog-slide .elementor-post__read-more,
.blog-slide .elementor-post__read-more:visited {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    padding: 0 !important;
    color: #FFFFFF !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
    transition: color .15s ease;
}
.blog-slide .elementor-post__read-more:hover,
.blog-slide .elementor-post__read-more:focus-visible {
    background: transparent !important;
    color: #C6B199 !important;
}
.statistic-box {
        background: var(--lp-primary-color) !important;
	padding: 10px !important;
}
.statistic-box__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.lp-user-profile .lp-profile-nav-tabs>li,.lp-user-profile .lp-profile-nav-tabs li>ul {
    background: #D7C9BA;
    color: #111;
    border-radius: 4px;
    margin-top: 3px;
}
.lp-user-profile .lp-profile-left .user-avatar img {
    border-radius: 5px;
}
.lp-user-profile .lp-profile-nav-tabs>li a:hover,.lp-user-profile .lp-profile-nav-tabs>li:not(.active):hover {
    color: #000 !important;
	background: #F3EEE6;
	border-radius: 4px; box-shadow: inset 0 0 0 1px #C6B199 !important;
}
.lp-user-profile .lp-profile-nav-tabs>li a:hover i, .lp-user-profile .lp-profile-nav-tabs>li a i  {
	color: #111;
}
.lp-user-profile .lp-profile-nav-tabs>li.active>a, .lp-user-profile .lp-profile-nav-tabs>li.active>a i {
    color: #000;
}

.lp-archive-courses .learn-press-courses-header {
    visibility: hidden;
}
.lp-archive-courses ul.learn-press-breadcrumb {
    background: #DBDBDB;
    width: 100%;
    max-width: 100%;
    padding-left: 10%;
    color: rgb(0, 0, 0);
		padding-top: 18px;
		padding-bottom: 18px;
}
.lp-single-course__header .learn-press-breadcrumb {
	color: #fff;
}
.lp-single-course__header {
    background-color: #404040 !important;
}
.lp-single-course__header .course-title, .lp-single-course__header .course-instructor-category, .lp-single-course__header .lp-single-course-info-one, .lp-single-offline-course__left .course-title,.lp-single-offline-course__left .lp-single-course-offline-info-one {
    color: #fff;
}
.lp-single-offline-course ul.learn-press-breadcrumb:before {
    content: "";
    height: 300px;
    position: absolute !important;
    width: 100%;
    background: #404040;
    left: 0;
    z-index: -1;
    top: 150px;
}
.lp-single-offline-course ul.learn-press-breadcrumb {
    margin-top: 70px;
}
.lp-single-offline-course__right__sticky {
    background: #fff;
    margin-top: 50px;
    border-radius: 4px;
}
.lp-single-offline-course__left .lp-single-course-offline-info-one {
    margin-bottom: 140px;
}
.li_efQ {
    display: none !important;
}
.lp-single-offline-course ul.learn-press-breadcrumb {
    color: #fff;
}
.single-lp_course .lp-co-instructors .lp-co-instructor img {
    border-radius: 4px;
}
span.origin-price {
    text-decoration: line-through;
    font-size: 75%;
}
.lp-rating-reviews-wrapper .lp-courses-rating-reviews-ajax .item-title {
	display: none;
}
.course-section-header {
    background: #fff !important;
}
.lp-ajax-message.error, .learn-press-message.info {
    border: unset;
    background-color: unset;
		color: #000;
}
.lp-button:hover {
    background: #F3EEE6;
    color: #000; box-shadow: inset 0 0 0 1px #C6B199 !important;
}
.lp-courses-bar .search-courses {
    display: none;
}
.acf-authors-list {
  display: flex;
  flex-wrap: wrap; /* رفتن خودکار به خط بعد */
  gap: 15px; /* فاصله بین نویسنده‌ها */
  align-items: center;
  justify-content: flex-start;
}

.acf-author-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.acf-author-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  object-fit: cover;
}

.acf-author-name {
  margin-top: 6px;
  font-weight: 600;
  color: #333;
  font-size: 14px;
}
span.thim-ekit-single-course__meta__duration, .thim-ekit-single-course__meta__level, .thim-ekit-single-course__meta__count-lesson, .thim-ekit-single-course__meta__count-quiz {
    background: #D7C9BA;
    border-radius: 5px;
    padding: 8px 12px;
}
.thim-ekit-single-course__extra__content {
    border-radius: 5px;
}
@media only screen and (max-width: 768px) {
  /* For Mobile: */
  .mob-res .elementor-button-text {
    display: none;
	}
	.blog-slide a.elementor-post__thumbnail__link {
    display: none;
	}
	.edd_purchase_submit_wrapper {
    flex-direction: column;
	}
}
/* details summary {
    background-color: var(--e-global-color-primary);
    align-items: center;
    border-color: rgb(213, 216, 220);
    border-radius: 5px;
    border-style: solid;
    border-width: 0.666667px;
    color: rgb(0, 0, 0);
    cursor: pointer;
    padding: 12px;
		font-size: 16px;
    font-weight: 400 !important;
}
details.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow {
    border: 1px solid rgb(213, 216, 220);
	margin-bottom: 10px;
	border-radius: 5px;
	background: #fff;
}
details.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow p {
    padding: 0 12px;
} */
.lp-single-instructor .ul-instructor-courses .course-item, .course-item {
    border-radius: 3px !important;
    background: #fff !important;
		height: 100%;
		box-shadow: 0px 0px 15px 0px rgba(123, 123, 123, 0.39);
}
.lp-single-instructor .ul-instructor-courses .course:hover {
		box-shadow: 0px 0px 15px 0px rgba(123, 123, 123, 0.39) !important;
}
.lp-single-instructor .ul-instructor-courses .course-content .wap-course-title a, .learn-press-courses .course-content .course-permalink {
    color: #111 !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-decoration: unset !important;
    font-size: 18px !important;
}
.lp-single-instructor .ul-instructor-courses .course-title:hover ,.learn-press-courses .course-content .course-permalink:hover {
    color: #111 !important;
}
.instructor-courses .review-stars-rated, .lp-archive-courses .review-stars-rated {
    display: none !important;
}
.lp-single-instructor .ul-instructor-courses .course-content .course-info .course-readmore, .learn-press-courses[data-layout=grid] .course-content .course-info .course-readmore, .learn-press-courses.lp-courses-related .course-content .course-info .course-readmore {
    display: none !important;
}
.lp-single-instructor .ul-instructor-courses .course-price, .course-price {
    margin: 0 !impo;
    color: var(--e-global-color-text) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}
.course-price .origin-price {
    font-size: 70% !important;
    font-weight: 700 !important;
		color: #000 !important;
	opacity: 1 !important;
}
.lp-single-instructor .ul-instructor-courses {
    gap: 20px !important;
}
.lp-single-instructor .ul-instructor-courses .course-item:hover {
    box-shadow: none !important;
}
.lp-single-instructor .ul-instructor-courses {
    align-items: stretch !important;
}
i.lp-user-ico.lp-icon-linkedin {
    background-color: #0077b5;
    border-radius: .5em !important;
    font-size: 12px;
    justify-content: center;
    display: flex
;
    overflow: hidden;
    transition-duration: .2s;
    transition-property: filter, background-color, border-color;
    color: #fff;
    border: unset;
}
i.lp-user-ico.lp-icon-linkedin:hover {
    filter: saturate(1.5) brightness(1.2);
	    background-color: #0077b5 !important;
	    border-color: unset !important;
}
.lp-single-instructor__info .instructor-avatar img {
    border-radius: 5px !important;
}
.lp-single-instructor .ul-instructor-courses .course-thumbnail img {
    border-radius: 0;
}
.lp-single-instructor .ul-instructor-courses .course-content {
    padding: 2px 18px 0px 18px !important;
}
label.course-faqs-box__title {
    border-radius: 5px;
}
i.lp-user-ico.lp-icon-linkedin {
    height: 40px;
    width: 40px;
    align-items: center;
}
.thim-ekits-course__inner {
    align-items: stretch;
}
.thim-ekits-course.learn-press-courses .course.thim-ekits-course__item .elementor, .thim-ekits-course.learn-press-courses .course.thim-ekits-course__item .thim-courses-loop {
	height: 100%;
}
.lp-single-instructor .ul-instructor-courses .course-thumbnail img, .course-item img {
    height: 250px !important;
    object-fit: cover;
    object-position: center center !important;
    transition-duration: 0.3s;
	border-radius: 0px !important
}
.course-wrap-meta .meta-item>div, .course-wrap-meta span {
    font-size: 14px;
}
.lp-single-instructor .ul-instructor-courses .course-content {
    align-items: stretch;
    display: flex;
    position: relative;
    flex-direction: column;
}
.lp-single-instructor .ul-instructor-courses .course-content .course-instructor-category {
    display: block !important;
}
.course-instructor-category label, .course-instructor-category a, .course-instructor-category a:hover {
        font-size: 12px !important;
    font-weight: 400 !important;
	    color: #000000AB !important;
}
.course-instructor-category label, .course-thumbnail a p, .course-instructor-category div p {
    display: none !important;
}
.learn-press-courses .course-thumbnail img {
    transform: unset !important;
}
.lp-user-profile .lp-profile-nav-tabs>li.active>a, .lp-user-profile .lp-profile-nav-tabs>li.active>a i, .lp-user-profile .lp-profile-nav-tabs li a:hover i  {
    color: #000;
}
.course-price .free {
	color : var( --e-global-color-primary ) !important
}
.course-instructor-category div {
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 10px !important;
}
.course-instructor-category div:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--e-global-color-primary);
    font-size: 14px;
}
.course-instructor-category .course-instructor:before {
    content: "\f007";
}
.course-instructor-category .course-categories:before {
	content: "\f0a3";
}
.lp-user-profile .lp-profile-content .course-categories, .lp-user-profile .lp-profile-content .course-instructor {
    margin-bottom: 0 !important;
}
.course-rate__summary-text {
    display: contents;
}
.lp-single-instructor .ul-instructor-courses .course-content .wap-course-title {
    margin-bottom: 0;
}
span.course-featured {
    width: fit-content;
    padding: 2px 10px;
    border-radius: 5px;
    background: #c6b199;
    margin-bottom: 8px;
}
.learn-press-filters li a:hover {
    color: var(--lp-primary-color, #ffb606) !important;
}
span.featured-review__icon {
    display: none !important;
}
.featured-review__title {
    display: block;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
}
.featured-review__content {
    order: 3;
	margin-top: 10px !important;
}
.featured-review__stars {
    text-align: left !important;
}
.course-featured-review.margin-bottom {
    margin: 0 !important;
}
.course-rate__summary-text {
    line-height: 1 !important;
}
.edd_purchase_submit_wrapper {
    display: flex;
    gap: 5px;
    align-items: center;
}
.edd-cart-added-alert {
    position: relative !important;
}
.learnpress-course-coming-soon .counter-block .counter {
    width: 60px !important;
    height: 32px !important;
}
.learnpress-course-coming-soon .counter-block .counter .number {
    background-color: var(--e-global-color-primary) !important;
    font-size: 22px !important;
    line-height: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.learnpress-course-coming-soon .counter-block {
    float: left;
    margin-right: 5px !important;
}
.learnpress-course-coming-soon .counter-group {
    margin: 0 auto !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
}
.social-share-toggle .share-toggle-icon:hover {
    color: var(--lp-primary-color, #ffb606);
    color: #111;
}
.lp-list-instructors .ul-list-instructors li.item-instructor {
    padding: 0 !important;
}
.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-avatar img {
    border-radius: 0 !important;
	  height: 250px;
    object-fit: cover;
}
.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-avatar {
    margin-bottom: 4px !important;
}
.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-display-name {
    padding: 0 10px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
    font-size: 16px !important;
}
.elementor-360 .elementor-element.elementor-element-71919d2c a {
    text-align: center;
}
.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-info {
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
}
.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-btn-view {
    display: none !important;
}
.lp-list-instructors .ul-list-instructors li.item-instructor:hover {
    border-style: solid;
    border-width: 1px 1px 5px 1px;
    --border-top-width: 1px;
    --border-right-width: 1px;
    --border-bottom-width: 5px;
    --border-left-width: 1px;
    border-color: var(--e-global-color-primary);
    --border-color: var(--e-global-color-primary);
    --border-radius: 5px 5px 5px 5px;
    --border-top-left-radius: 5px;
    --border-top-right-radius: 5px;
    --border-bottom-right-radius: 5px;
    --border-bottom-left-radius: 5px;
}
.lp-list-instructors .ul-list-instructors li.item-instructor:has(:hover) .elementor a, .lp-list-instructors .ul-list-instructors li.item-instructor:has(:focus) .elementor a {
	color: var( --e-global-color-primary ) !important;
}
.lp-list-instructors .ul-list-instructors li.item-instructor {
    --display: flex;
    border-style: solid;
    --border-style: solid;
    border-width: 1px 1px 5px 1px;
    --border-top-width: 1px;
    --border-right-width: 1px;
    --border-bottom-width: 5px;
    --border-left-width: 1px;
    border-color: #D4D4D4;
    --border-color: #D4D4D4;
    --border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 15px 0px rgba(123, 123, 123, 0.39);
    --padding-top: 0px;
    --padding-bottom: 15px;
    --padding-left: 0px;
    --padding-right: 0px;
}
/* NOVELEDGE: Chat-Symbol unten rechts, ueber dem Nach-oben-Knopf.
   21.09.2026, nachgemessen: Der Nach-oben-Knopf steht auf right:2% / bottom:2%
   (Elementor-Element c3142cb), 45x45 Pixel, mobil 40x40. Feste Pixelwerte fuer das
   Chat-Symbol standen deshalb mobil viel weiter innen als der Knopf darunter:
   34px gegen 7,8px. Jetzt dieselbe prozentuale Kante und ein fester Abstand von
   10px zwischen beiden - auf jeder Breite gleich.
   Desktop: Pfeil-Oberkante 64,7 / Chat unten 74,7. Telefon: 56,9 / 66,9. */
#epkb-ai-chat-widget-root,
#epkb-ai-chat-widget-root .epkb-ai-chat-widget {
    position: fixed !important;
    right: 2% !important;
    bottom: calc(2% + 55px) !important;
    top: auto !important;
    left: auto !important;
    z-index: 999999 !important;
}
@media (max-width: 767px) {
    /* Der Nach-oben-Knopf ist hier 40 statt 45 Pixel hoch. */
    #epkb-ai-chat-widget-root,
    #epkb-ai-chat-widget-root .epkb-ai-chat-widget {
        bottom: calc(2% + 50px) !important;
    }
}


/* === NOVELEDGE · AtlasVoice-Abspieler in den Markenfarben =================
   Gemessen am 18.09.2026 auf einer Beitragsseite:
     Ruhezustand   weiss auf #C6B199 = 2,07:1 (Grenze 4,5:1)
     Ueberfahren   --tts-hover-bg stand auf DERSELBEN Farbe wie der Grund,
                   nur die Schrift kippte von Weiss auf Schwarz
   Marke: #0019FC / #12211C / #556059 / #C6B199 · Seitengrund #F5F5F5
   Weiss auf #0019FC = 8,25:1 (auf wp-login.php gemessen).
   ========================================================================= */
.tts__listent_content {
  background-color: #0019FC !important;
  color: #FFFFFF !important;
  border-color: #0019FC !important;
  --tts-color: #FFFFFF;
  --tts-hover-bg: #0011A8;
  --tts-hover-color: #FFFFFF;
  --tts-modal-bg: #F5F5F5;
  --tts-modal-color: #12211C;
}
.tts__listent_content * { color: #FFFFFF !important; }
.tts__listent_content:hover,
.tts__listent_content:focus-visible {
  background-color: #0011A8 !important;
  border-color: #0011A8 !important;
}
.tts__listent_content:hover *,
.tts__listent_content:focus-visible * { color: #FFFFFF !important; }

/* Einstellungsdialog: hell, dunkle Schrift, blauer Akzent */
.tts__settings-modal {
  background: #F5F5F5 !important;
  color: #12211C !important;
  border: 1px solid #DCDCDC !important;
}
.tts__settings-modal * { color: #12211C !important; }
.tts__settings-modal select,
.tts__settings-modal input[type="text"],
.tts__settings-modal input[type="number"] {
  background: #FFFFFF !important; color: #12211C !important; border: 1px solid #C9C9C9 !important;
}
.tts__settings-slider { background: #DCDCDC !important; }
.tts__settings-slider::-webkit-slider-thumb { background: #0019FC !important; }
.tts__settings-slider::-moz-range-thumb { background: #0019FC !important; border: 0 !important; }
.tts__settings-modal-close:hover,
.tts__settings-modal-close:focus-visible { background: rgba(0,25,252,0.10) !important; }


/* ---------------------------------------------------------------
   NOVELEDGE · 19.09.2026 · Bewertungsanzeige der Kurse
   Ausgeblendet, solange keine echten Teilnehmerbewertungen vorliegen.
   „0 Review" ohne Bewertungen wirkt wie ein leeres Versprechen.
   WIEDER EINBLENDEN: diesen Block loeschen.
   --------------------------------------------------------------- */
.thim-ekit-single-course__rating,
.course-rate__summary,
.meta-item-review {
    display: none !important;
}

/* -----------------------------------------------
   NOVELEDGE — Kursschaltflaechen an den Marken-Button angleichen
   Ergaenzt 19.09.2026. Vorbild: .elementor-button auf den Kursseiten
   (Sand #C6B199, schwarze Schrift, 5px Radius).
   ----------------------------------------------- */
.thim-ekit-single-course__buttons .lp-button,
.lp-button.button-purchase-course,
.lp-button.button-enroll-course,
.lp-button.course-btn-extra {
    background-color: #C6B199 !important;
    color: #12211C !important;
    border: 1px solid #C6B199 !important;
    border-radius: 5px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.thim-ekit-single-course__buttons .lp-button:hover,
.lp-button.button-purchase-course:hover,
.lp-button.button-enroll-course:hover,
.lp-button.course-btn-extra:hover {
    background-color: #12211C !important;
    color: #C6B199 !important;
    border-color: #12211C !important;
}

/* Stehen beide Schaltflaechen nebeneinander, wird die Anfrage zweitrangig */
.thim-ekit-single-course__buttons:has(form.purchase-course) .lp-button.course-btn-extra {
    background-color: transparent !important;
    color: #12211C !important;
    border: 1px solid #12211C !important;
}
.thim-ekit-single-course__buttons:has(form.purchase-course) .lp-button.course-btn-extra:hover {
    background-color: #12211C !important;
    color: #C6B199 !important;
}

/* -----------------------------------------------
   NOVELEDGE — Shop-Schaltflaechen (Easy Digital Downloads)
   Ergaenzt 20.09.2026, ueberarbeitet am 20.09.2026: Kauf-Schaltflaechen
   tragen die Handlungsfarbe Blau #0019FC mit weisser Schrift.
   ----------------------------------------------- */
.edd-submit.button,
.edd-submit.button.blue,
a.edd-submit.button,
input.edd-submit.button,
.edd_download_purchase_form .edd-submit,
.edd_go_to_checkout,
.edd-add-to-cart {
    background: #0019FC !important;
    background-color: #0019FC !important;
    color: #FFFFFF !important;
    border: 1px solid #0019FC !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.edd-submit.button:hover,
a.edd-submit.button:hover,
input.edd-submit.button:hover,
.edd_download_purchase_form .edd-submit:hover,
.edd_go_to_checkout:hover,
.edd-add-to-cart:hover {
    background: #0011A8 !important;
    background-color: #FFFFFF !important;
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}


/* ==========================================================================
   NOVELEDGE - Marken-Einheitlichkeit, Durchgang 20.09.2026
   Sammelblock. Grund je Abschnitt im Kommentar.
   ========================================================================== */

/* --- 1 Schaltflaechen tragen nie einen Unterstrich ------------------------
   Ursache der immer wiederkehrenden Unterstriche: die Theme-Regel
   ".comments-area a, .page-content a { text-decoration: underline }".
   Sie trifft jeden Link im Inhaltsbereich, also auch jede Schaltflaeche.
   Statt weiter einzeln nachzubessern steht hier eine Regel fuer alle. */
a.wp-block-button__link, .wp-element-button, .elementor-button, .elementor-button-link,
.lp-button, .edd-add-to-cart, .edd-submit, .edd_go_to_checkout, .edd-apply-discount,
.edd_discount_link, .edd-cart-saving-button, .course-readmore, .tts__listent_content,
.edd_go_to_checkout_wrap a, .edd-blocks-cart__actions a,
a.wp-block-button__link:hover, .wp-element-button:hover, .elementor-button:hover,
.elementor-button-link:hover, .lp-button:hover, .edd-add-to-cart:hover, .edd-submit:hover,
.edd_go_to_checkout:hover, .edd-apply-discount:hover, .edd_discount_link:hover,
.edd-cart-saving-button:hover, .course-readmore:hover,
a.wp-block-button__link:focus, .wp-element-button:focus, .elementor-button:focus {
    text-decoration: none !important;
}

/* --- 2 Zentraler Hover fuer Gutenberg-Schaltflaechen ----------------------
   Ruhe sandfarben mit dunkler Schrift, beim Ueberfahren weisse Schrift -
   dasselbe Verhalten wie bei den Elementor-Schaltflaechen. Betrifft die
   Journals-Seite und die Netzwerkprofile. */
a.wp-block-button__link:hover, a.wp-block-button__link:focus,
.wp-element-button:hover, .wp-element-button:focus {
    color: #000 !important;
}

/* --- 3 LearnPress-Profil und EDD-Kasse: Schrift war in Ruhe weiss --------
   Betroffen: "Teilnehmendenliste anzeigen", "Mehr anzeigen",
   "Einen Rabattcode eingeben", "Anwenden", "Weiter". */
.lp-user-profile .lp-button,
.edd_discount_link, .edd-apply-discount, #edd_next_button {
    background-color: #C6B199 !important;
    color: #12211C !important;
    border: 1px solid #C6B199 !important;
    border-radius: 5px !important;
    text-transform: none !important;
}
.lp-user-profile .lp-button:hover,
.edd_discount_link:hover, .edd-apply-discount:hover, #edd_next_button:hover {
    color: #000 !important;
}

/* --- 4 Dashboard-Navigation ----------------------------------------------
   Der Hover lag auf Dunkelblau #0011A8. Jetzt wie der aktive Eintrag:
   sandfarbene Flaeche, nur Schrift und Zeichen werden weiss. */
.lp-user-profile ul.lp-profile-nav-tabs > li:hover {
    background-color: #F3EEE6 !important; box-shadow: inset 0 0 0 1px #C6B199 !important;
}
.lp-user-profile ul.lp-profile-nav-tabs > li:hover > a,
.lp-user-profile ul.lp-profile-nav-tabs > li > a:hover,
.lp-user-profile ul.lp-profile-nav-tabs > li:hover > a i,
.lp-user-profile ul.lp-profile-nav-tabs > li > a:hover i {
    color: #000 !important;
}

/* --- 5 Kurskacheln im Dashboard ------------------------------------------
   Vorher liefen die Kacheln als umbrechende Flex-Reihen: jede Reihe hatte
   ihre eigene Hoehe, die Schaltflaechen standen auf unterschiedlicher Hoehe.
   Jetzt Raster mit gleich hohen Zeilen, Schaltflaeche immer unten. */
.lp-user-profile .lp-profile-content .profile-courses-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-auto-rows: 1fr;
}
.lp-user-profile .profile-courses-list > .course {
    display: flex !important;
    width: auto !important;
    float: none !important;
}
.lp-user-profile .profile-courses-list .course-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.lp-user-profile .profile-courses-list .course-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.lp-user-profile .profile-courses-list .course-info {
    margin-top: auto;
}

/* --- 6 Journals: Abstand vor den Ausgabe-Schaltflaechen -------------------
   Bei Knowledge Insights folgt die Schaltflaeche einem Absatz (15 px),
   bei den anderen Ausgaben einer Spaltengruppe (24 px). Jetzt ueberall 15 px. */
.page-id-5922 .wp-block-columns + .wp-block-buttons {
    margin-top: 15px !important;
}

/* --- 7 Vorlese-Leiste: Zahnrad -------------------------------------------
   Das Zahnrad bringt im Markup ein festes stroke="#000000" mit und war auf
   dem blauen Balken schwarz, beim Ueberfahren weiss ausgefuellt.
   Jetzt in Ruhe weiss als Umrisszeichnung, beim Ueberfahren sandfarben. */
.tts__listent_content .tts-settings-icon svg,
.tts__listent_content .tts-settings-icon svg * {
    stroke: #FFFFFF !important;
    fill: none !important;
}
.tts__listent_content .tts-settings-icon:hover svg,
.tts__listent_content .tts-settings-icon:hover svg *,
.tts__listent_content .tts-settings-icon:focus-visible svg,
.tts__listent_content .tts-settings-icon:focus-visible svg * {
    stroke: #C6B199 !important;
    fill: none !important;
}

/* --- 9 Warenkorb-Fenster --------------------------------------------------
   Das Fenster ist ein eigenstaendiger Baustein mit abgeschottetem Stil
   (Shadow DOM). Deshalb hat es die frueheren Anpassungen nie erreicht und
   stand weiter auf dem Bootstrap-Blau #428bca. Es laesst sich ueber die
   dokumentierten Variablen steuern - hier auf die Markenfarben gesetzt. */
edd-cart-preview {
    --edd-cart-preview-color-primary: #0019FC;
    --edd-cart-preview-color-primary-hover: #0011A8;
    --edd-cart-preview-color-primary-text: #FFFFFF;
    --edd-cart-preview-color-text: #12211C;
    --edd-cart-preview-color-link: #0019FC;
    --edd-cart-preview-color-link-hover: #0011A8;
    --edd-cart-preview-border-radius: 5px;
    --edd-cart-preview-font-family: Helvetica, Arial, sans-serif;
}

/* --- 10 Warenkorb-Schaltflaeche und Einwilligungs-Symbol ------------------
   Beide standen unten links uebereinander (Einwilligung 15/15 bei 45 px,
   Warenkorb 20/20 bei 80 px). Der Warenkorb rueckt nach oben. */
edd-cart-preview::part(cart-preview-button-trigger) {
    bottom: 76px !important;
}

/* --- 11 Kauf-Schaltflaechen: Hover war unsichtbar -------------------------
   Im bestehenden Block stand beim Hover erst "background: #0011A8", danach
   "background-color: #FFFFFF" - die zweite Zeile gewinnt. Zusammen mit
   "color: #FFFFFF" ergab das weisse Schrift auf weisser Flaeche. Korrigiert. */
.edd-submit.button:hover, a.edd-submit.button:hover, input.edd-submit.button:hover,
.edd_download_purchase_form .edd-submit:hover, .edd_go_to_checkout:hover,
.edd-add-to-cart:hover {
    background: #0011A8 !important;
    background-color: #0011A8 !important;
    color: #FFFFFF !important;
    border-color: #0011A8 !important;
}

/* --- 12 Netzwerkprofile: weisser Hover war blockiert ----------------------
   Die beiden Schaltflaechen tragen die Klasse "is-style-outline", werden
   aber sandfarben gefuellt dargestellt. Eine aeltere Regel dazu haelt die
   Schrift beim Ueberfahren dunkel und gewinnt ueber die zentrale Regel.
   Hier wird sie fuer die Profilseiten aufgehoben. */
body.single-network .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.single-network .wp-block-button.is-style-outline .wp-block-button__link:focus {
    color: #000 !important;
}

/* --- 13 Produkttitel im Shop ----------------------------------------------
   Die Titel der Downloads standen sandfarben auf hellem Grund (Kontrast 2,07:1)
   und waren dadurch kaum zu lesen. Jetzt dunkel wie jede andere Ueberschrift;
   beim Ueberfahren bleibt der Sandton als Hinweis auf den Link. */
.edd_downloads_list .edd_download_title a,
.edd_download_title a,
h3.edd_download_title a,
.edd_download_inner h3 a {
    color: #12211C !important;
}
.edd_downloads_list .edd_download_title a:hover,
.edd_download_title a:hover,
h3.edd_download_title a:hover,
.edd_download_inner h3 a:hover {
    color: #0019FC !important;
}

/* --- 14 Cookie-Hinweis: "Alle ablehnen" wie "Anpassen" (Sand statt Schwarz) --- */
.cky-consent-container .cky-btn.cky-btn-reject,
.cky-modal .cky-btn.cky-btn-reject,
.cky-modal .cky-btn.cky-btn-preferences,
.cky-consent-container .cky-btn.cky-btn-preferences {
  color: #C6B199 !important;
  border-color: #C6B199 !important;
  background-color: transparent !important;
}
.cky-consent-container .cky-btn.cky-btn-reject:hover,
.cky-modal .cky-btn.cky-btn-reject:hover,
.cky-modal .cky-btn.cky-btn-preferences:hover,
.cky-consent-container .cky-btn.cky-btn-preferences:hover {
  color: #000 !important;
  background-color: #F3EEE6 !important;
  border-color: #C6B199 !important; box-shadow: inset 0 0 0 1px #C6B199 !important;
}

/* --- 15 Themenband Weiterbildung -------------------------------------------
   Gemessen am 21.09.2026 auf /media/: .elementor-widget-container trug
   padding-left:35px, aber kein padding-right - deshalb lief die Schrift rechts
   unter dem Pfeil durch statt davor abzuschneiden wie links. Die Pfeile standen
   auf top:27.5px statt mittig (Feldhoehe 41px). */
/* 02.10.2026 ersetzt: statt 35 px Innenabstand (rechts) bzw. Elementor-Innenabstand links rahmt jetzt ein
   gleich schmaler Rand (Pfeilbreite + 8 px) beide Seiten - die Leerflaeche, hinter der die Begriffe
   verschwinden, ist links und rechts gleich und klein. Gilt fuer Desktop und Handy. */
.elementor-element-53e01cd > .elementor-widget-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.elementor-element-53e01cd .elementor-loop-container.swiper {
    margin-left: calc(var(--arrow-size, 24px) + 8px) !important;
    margin-right: calc(var(--arrow-size, 24px) + 8px) !important;
}
.elementor-element-53e01cd .elementor-swiper-button {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
}

/* --- 16 Haeufige Fragen: Fragen als Einklappmenue -------------------------
   Die Frage steht in der Aufklappzeile, im Inhalt daher ausgeblendet -
   sichtbar bleibt sie damit trotzdem, und die Yoast-Auszeichnung bleibt heil. */
.page-id-14812 details.wp-block-details {
    border-bottom: 1px solid #E3DED7;
    margin: 0;
}
.page-id-14812 details.wp-block-details > summary {
    cursor: pointer;
    list-style: none;
    position: relative;
    padding: 14px 40px 14px 0;
    font-weight: 600;
    color: #12211C;
}
.page-id-14812 details.wp-block-details > summary::-webkit-details-marker {
    display: none;
}
.page-id-14812 details.wp-block-details > summary:hover {
    color: #0019FC;
}
.page-id-14812 details.wp-block-details > summary::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
    width: 9px;
    height: 9px;
    border-right: 2px solid #C6B199;
    border-bottom: 2px solid #C6B199;
    transform: rotate(45deg);
    transition: transform .2s ease;
}
.page-id-14812 details.wp-block-details[open] > summary::after {
    transform: rotate(-135deg);
    margin-top: -2px;
}
.page-id-14812 details.wp-block-details .schema-faq-question {
    display: none;
}
.page-id-14812 details.wp-block-details .schema-faq {
    padding: 0 40px 4px 0;
}
.page-id-14812 details.wp-block-details .schema-faq-answer {
    margin: 0 0 16px 0;
}

/* --- 17 Kommentarknopf, ähnliche Artikel, LearnPress ----------------------
   21.09.2026, live gemessen auf einer Beitragsseite und im Dashboard. */

/* 17a „Kommentar abschicken" trug einen pinken Rahmen (#CC3366) und im Ruhe-
   zustand bereits weiße Schrift — also den Hover-Zustand als Dauerzustand. */
#submit, .form-submit input[type="submit"], .form-submit button[type="submit"] {
    background-color: #C6B199 !important;
    border: 1px solid #C6B199 !important;
    color: #12211C !important;
    border-radius: 5px !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
#submit:hover, .form-submit input[type="submit"]:hover, .form-submit button[type="submit"]:hover {
    background-color: #F3EEE6 !important;
    border-color: #C6B199 !important;
    color: #000 !important; box-shadow: inset 0 0 0 1px #C6B199 !important;
}

/* 17b Ähnliche Artikel: „Weiterlesen" stand mitten im Kasten, je nach Textlänge
   auf anderer Höhe. Jetzt unten und linksbündig. Die Titelzeilen standen auf
   37px bei 18px Schrift (Faktor 2,06) — das riss die Karten auseinander. */
.elementor-widget-posts .elementor-post__text {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
}
.elementor-widget-posts .elementor-post__read-more {
    margin-top: auto !important;
    align-self: flex-start;
    text-align: left;
}
.elementor-widget-posts .elementor-post__title,
.elementor-widget-posts .elementor-post__title a {
    line-height: 1.35 !important;
}
/* 17c LearnPress-Profilnavigation: kein Übergang mehr auf der Fläche. Ein
   „transition: all" auf dem Listenpunkt ließ beim Überfahren kurz eine fremde
   Farbe durchscheinen, bevor unsere Regel griff. Fläche und Schrift stehen
   jetzt fest; gewechselt wird nur die Schriftfarbe. */
.lp-user-profile .lp-profile-nav-tabs > li,
.lp-user-profile .lp-profile-nav-tabs > li > a {
    transition: color .15s ease !important;
}
.lp-user-profile .lp-profile-nav-tabs > li:not(.active):hover,
.lp-user-profile .lp-profile-nav-tabs > li:not(.active):focus-within {
    background: #F3EEE6 !important; box-shadow: inset 0 0 0 1px #C6B199 !important;
}
.lp-user-profile .lp-profile-nav-tabs > li:hover > a,
.lp-user-profile .lp-profile-nav-tabs > li:hover > a i,
.lp-user-profile .lp-profile-nav-tabs > li.active:hover > a,
.lp-user-profile .lp-profile-nav-tabs > li.active:hover > a i {
    color: #000 !important;
}

/* 17d Untermenü der Einstellungen (Allgemein · Avatar · Titelbild · Passwort):
   dunkle Schrift auf Sand, beim Überfahren weiß, ohne Unterstrich. */
.lp-user-profile .lp-profile-nav-tabs > li ul li a {
    color: #12211C !important;
    text-decoration: none !important;
}
.lp-user-profile .lp-profile-nav-tabs > li ul li a:hover,
.lp-user-profile .lp-profile-nav-tabs > li ul li.active a {
    color: #000 !important;
    text-decoration: none !important;
}

/* 17e LearnPress-Knöpfe auf die Marke. Grün für „abgeschlossen" und Rot für
   „fehlgeschlagen" bleiben unberührt — sie tragen eine Bedeutung, keine Marke. */
.learnpress .lp-button, .lp-user-profile .lp-button,
.learn-press-message + * .lp-button,
#learn-press-course-curriculum .lp-button,
.lp-quiz-buttons button, .lp-quiz-buttons .lp-button,
button.lp-button, a.lp-button {
    background-color: #C6B199 !important;
    border: 1px solid #C6B199 !important;
    color: #12211C !important;
    border-radius: 5px !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
.learnpress .lp-button:hover, .lp-user-profile .lp-button:hover,
.lp-quiz-buttons button:hover, .lp-quiz-buttons .lp-button:hover,
button.lp-button:hover, a.lp-button:hover {
    background-color: #F3EEE6 !important;
    border-color: #C6B199 !important;
    color: #000 !important; box-shadow: inset 0 0 0 1px #C6B199 !important;
}
/* Bedeutungsfarben behalten ihren Vorrang. */
.lp-button.completed, .lp-button.passed, .lp-label.completed, .lp-label.passed,
.lp-button.failed, .lp-label.failed { }
/* 17f Zentraler Hover, websiteweit nachgezogen: Wo eine Schaltfläche die
   Sandfläche trägt, steht die Schrift im Ruhezustand dunkel und wechselt beim
   Überfahren auf Weiß — die Fläche bleibt. Gemessen fielen auf: Gutenberg-Knöpfe
   in Beiträgen mit blauer statt dunkler Schrift („Zum Netzwerk"), sowie der
   Kommentarknopf (17a). */
a.wp-block-button__link, .wp-block-button__link, .wp-element-button,
.elementor-button, .edd-submit, .edd_go_to_checkout, #edd-purchase-button {
    text-decoration: none !important;
}
.wp-block-button:not(.is-style-outline) > .wp-block-button__link {
    color: #12211C !important;
}
.wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus {
    color: #000 !important;
}

/* --- 18 Profilbereich: kein Blau, keine Unterstriche -----------------------
   21.09.2026 gemessen: Die Reiter Allgemein · Avatar · Titelbild · Passwort
   standen auf #333 statt auf dem Markenschwarz, und beim Überfahren griffen die
   Theme-Regeln für gewöhnliche Verweise — blaue Schrift mit Unterstrich.
   Der aktive Reiter bleibt sandfarben mit sandfarbener Linie darunter. */
.lp-user-profile .learn-press-tabs__item a,
.lp-user-profile .learn-press-tabs a {
    color: #12211C !important;
    text-decoration: none !important;
}
.lp-user-profile .learn-press-tabs__item a:hover,
.lp-user-profile .learn-press-tabs__item a:focus {
    color: #C6B199 !important;
    text-decoration: none !important;
}
.lp-user-profile .learn-press-tabs__item.active a,
.lp-user-profile .learn-press-tabs__item.active a:hover {
    color: #C6B199 !important;
}

/* Im gesamten Profilbereich trägt kein Verweis mehr das Theme-Blau. */
.lp-user-profile a:not(.lp-button):not(.elementor-button) {
    text-decoration: none !important;
}
.lp-user-profile .lp-profile-content a:not(.lp-button):not(.elementor-button):hover {
    text-decoration: none !important;
}

/* --- 19 Kursinneres: Auswahlfelder und Seitenzahlen -----------------------
   21.09.2026 im Test „Einführung & Selbstverständnis" gemessen: Der Punkt im
   gewählten Antwortfeld war hellblau — nicht aus dem Stylesheet, sondern die
   Standardfarbe des Browsers (accent-color: auto). Sie wird jetzt gesetzt.
   Grün für richtig und Rot für falsch bleiben unberührt. */
input[type="radio"], input[type="checkbox"] {
    accent-color: #C6B199;
}

/* Seitenzahlen im Test standen auf #333; die aktuelle Seite war bereits sand. */
.course-item-popup .page-numbers,
.learn-press-pagination .page-numbers,
.lp-user-profile .page-numbers {
    color: #12211C !important;
    text-decoration: none !important;
}
.course-item-popup .page-numbers.current,
.learn-press-pagination .page-numbers.current,
.lp-user-profile .page-numbers.current {
    color: #C6B199 !important;
}
.course-item-popup .page-numbers:hover,
.learn-press-pagination .page-numbers:hover {
    color: #C6B199 !important;
}

/* --- 20 Verfasser verweist auf das Netzwerkprofil -------------------------
   21.09.2026: Der Verfasser-Block führt jetzt zum Netzwerkprofil. Der Verweis
   soll aussehen wie der Name zuvor — dunkle Schrift, kein Unterstrich; beim
   Überfahren wechselt der Name auf Sand als Hinweis, dass er anklickbar ist. */
.acf-author-link {
    display: block;
    color: inherit !important;
    text-decoration: none !important;
}
.acf-author-link .acf-author-name {
    color: #12211C;
    transition: color .15s ease;
}
.acf-author-link:hover .acf-author-name,
.acf-author-link:focus-visible .acf-author-name {
    color: #C6B199;
}
.acf-author-link:focus-visible {
    outline: 2px solid #C6B199;
    outline-offset: 3px;
}


/* ===== NOVELEDGE #S-339 (24.09.2026) Aufklapp-Abschnitte auf den Netzwerkprofilen ===== */
.single-network .wp-block-details {
    border-top: 0;
    padding: 0;
    margin: 0 0 28px;
}
.single-network .wp-block-details:last-of-type {
    border-bottom: 0;
    margin-bottom: 12px;
}
.single-network .wp-block-details > summary {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.4;
    padding: 4px 0;
    cursor: pointer;
    list-style-position: outside;
}
.single-network .wp-block-details[open] > summary {
    margin-bottom: 14px;
}
.single-network .wp-block-details > summary:hover,
.single-network .wp-block-details > summary:focus-visible {
    color: #C6B199;
}
.single-network .wp-block-details p {
    margin: 0 0 12px;
    line-height: 1.6;
}
.single-network .wp-block-details p:last-child {
    margin-bottom: 4px;
}

/* ===== NOVELEDGE #S-340 (24.09.2026) Kursreiter: gleiche Hoehe, kurze FAQ-Beschriftung ===== */
.ekits-course-tabs .tab-item {
    white-space: nowrap;
}
/* Der Uebersetzungseintrag "FAQs" -> "FAQ" greift bei diesem Baustein nicht (Beschriftung
   wird nicht ueber die Uebersetzung ausgegeben). Deshalb hier optisch gesetzt. */
.ekits-course-tabs .tab-item#tab-faqs {
    font-size: 0 !important;
}
.ekits-course-tabs .tab-item#tab-faqs::after {
    content: "FAQ";
    font-size: 16px;
    font-weight: inherit;
    line-height: inherit;
}


/* ===== NOVELEDGE #S-341 (24.09.2026, ueberarbeitet) Kursreiter ===== */
/* Gleichmaessige Breiten, aber niemals schmaler als die Beschriftung:
   min-width max-content verhindert ueberlappende und abgeschnittene Reiter.
   Reicht der Platz nicht, behaelt jeder Reiter seine Textbreite und die
   Leiste scrollt waagerecht — so ist die Vorlage gebaut. */
/* Die Vorlage setzt bewusst flex-wrap: nowrap mit overflow-x: auto —
   die Reiterleiste scrollt auf schmalen Schirmen, statt umzubrechen.
   Das bleibt so; hier wird nur die Aufteilung der Breite geregelt. */
.ekits-course-tabs {
    align-items: stretch;
}
.ekits-course-tabs .tab-item {
    flex: 1 1 140px;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/*===== NOVELEDGE #S-342 (25.09.2026) Fussnoten und Quellenverzeichnis in Fachbeitraegen =====*/
.nvl-fn {
    font-size: .72em;
    line-height: 0;
    vertical-align: super;
    margin-left: 1px;
}
.nvl-fn a {
    text-decoration: none;
    color: #12211C;
}
.nvl-fn a:hover,
.nvl-fn a:focus-visible {
    color: #C6B199;
}
.nvl-quellen {
    font-size: .92em;
    line-height: 1.6;
}
.nvl-quellen li {
    margin-bottom: 14px;
}
.nvl-quellen li:target {
    background: #F5F4F2;
    border-radius: 4px;
    padding: 6px 10px;
}
.nvl-zurueck {
    text-decoration: none;
    margin-left: 4px;
    color: #C6B199;
}

/*===== NOVELEDGE #S-343 (25.09.2026) Platzhalter fuer Canva-Einbettungen =====*/
/* Fuer Besucher unsichtbar, nur fuer angemeldete Redaktion sichtbar. */
.nvl-platzhalter {
    display: none !important;
}
body.logged-in .nvl-platzhalter {
    display: block !important;
    border: 2px dashed #C6B199;
    background: #F5F4F2;
    border-radius: 8px;
    padding: 20px 24px;
    margin: 28px 0;
    line-height: 1.6;
}
.nvl-platzhalter strong {
    display: block;
    margin-bottom: 6px;
    color: #12211C;
}
.nvl-platzhalter span {
    display: block;
    color: #4A5551;
    font-size: .88rem;
}

/*===== NOVELEDGE #S-345 (25.09.2026) Absatzabstand nach Listen, Aufklappbereichen und Bildern =====*/
/* Absaetze im Beitragsinhalt haben 15 px Abstand nach unten, Listen und
   <details> hatten 0. Dadurch klebte die letzte Zeile einer Aufzaehlung am
   folgenden Text. Gleicher Abstand fuer alle Bloecke. */
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.elementor-widget-theme-post-content dl,
.elementor-widget-theme-post-content details,
.elementor-widget-theme-post-content figure,
.elementor-widget-theme-post-content table,
.elementor-widget-theme-post-content blockquote {
    margin-bottom: 15px;
}
/* Verschachtelte Listen bekommen keinen zusaetzlichen Abstand. */
.elementor-widget-theme-post-content li > ul,
.elementor-widget-theme-post-content li > ol {
    margin-bottom: 0;
}

/*===== NOVELEDGE #S-346 (25.09.2026) Abstand der Teilen-Symbole =====*/
/* Die drei Symbole (Facebook, X, LinkedIn) standen mit 8 px Abstand zu dicht
   beieinander. Gilt fuer alle Seiten mit dem Teilen-Baustein. */
/* Aufgeloest am 26.09.2026: die Regeln stehen jetzt gebuendelt in #S-351
   am Ende dieser Datei. */

/* NOVELEDGE #S-347 — Zeilenabstand der Beitragstitel
   Vorher: Karten in der Fachbeitragsuebersicht 18px/37px (Faktor 2,06),
   H1 auf Beitragsseiten 35px/52px (1,49). Zweizeilige Titel wirkten dadurch
   auseinandergerissen. Jetzt einheitlich 1,3.
   Hinweis: 11eb022 ist die Elementor-Kennung des Titel-Widgets in der
   Beitragsschleife. Wird die Schleifenvorlage neu angelegt, aendert sich
   die Kennung und die Regel muss nachgezogen werden. */
.elementor-element-11eb022 .elementor-heading-title { line-height: 1.3; }
body.single-post h1.elementor-heading-title { line-height: 1.3; }
/* NOVELEDGE #S-348 — Zeilenabstand und Rhythmus im Beitragsinhalt
   Befund: Ueberschriften hatten eine feste Zeilenhoehe von 37 px. Bei H2
   (25 px) ergibt das Faktor 1,48, bei H3 (22 px) sogar 1,68 — zweizeilige
   Ueberschriften wirkten dadurch auseinandergerissen, auf schmalen Geraeten
   besonders. Feste Pixelwerte skalieren nicht mit, deshalb jetzt ein
   Verhaeltnis. Zusaetzlich mehr Luft ueber der Ueberschrift als darunter,
   damit sie zum folgenden Text gehoert und nicht zum vorangehenden. */
.elementor-widget-theme-post-content h2,
.elementor-widget-theme-post-content h3,
.elementor-widget-theme-post-content h4,
.elementor-widget-theme-post-content h5 { line-height: 1.3; }
.elementor-widget-theme-post-content h2 { margin-top: 32px; margin-bottom: 12px; }
.elementor-widget-theme-post-content h3 { margin-top: 24px; margin-bottom: 10px; }
.elementor-widget-theme-post-content h4 { margin-top: 20px; margin-bottom: 8px; }
.elementor-widget-theme-post-content figcaption { line-height: 1.45; }

/* Teilen-Symbole: aufgeloest am 26.09.2026, siehe #S-351 am Ende dieser Datei. */

/* Fussmenue: umgebrochene Zeilen buendig links, keine Einrueckung.
   Bei 386 px und 426 px gemessen beginnt jede Zeile bereits bei 20 px;
   die Regel sichert das fuer Breiten ab, die ich nicht messen konnte. */
@media (max-width: 767px) {
  .elementor-location-footer .elementor-nav-menu { justify-content: flex-start; }
  .elementor-location-footer .elementor-nav-menu > li { margin-left: 0; }
}
/* NOVELEDGE #S-349 — Kursliste und Kurssuche
   1. Modul- und Teilnehmerzahl in Kurslisten und Suchergebnissen ausblenden.
      Bei telefonisch oder manuell eingebuchten Teilnehmern steht dort eine 0,
      das wirkt im Schaufenster unguenstig. Die Zahlen bleiben in der
      Kursverwaltung sichtbar, nur die oeffentliche Anzeige entfaellt.
   2. Der blaue Fokusrahmen des Suchfelds trennte Feld und Knopf optisch
      voneinander. Statt ihn ersatzlos zu entfernen — das waere fuer die
      Tastaturbedienung schlecht — liegt der Rahmen jetzt innen und in
      Markenfarbe, die Kante zum Knopf bleibt geschlossen. */
.course-count-item.lp_lesson,
.course-count-student { display: none !important; }
.elementor-icon-list-item:has(.course-count-item.lp_lesson),
.elementor-icon-list-item:has(.course-count-student) { display: none !important; }

.input-group .thim-ekits-search:focus,
.input-group .thim-ekits-search:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px #D8BE86;
    border-color: #D8BE86;
}
/* NOVELEDGE #S-350 — Preisfarbe in Kurslisten vereinheitlichen
   In den Suchergebnissen stand der Preis in Beige (rgb(198,177,153)),
   auf der Weiterbildungsseite dagegen in Schwarz. Gleiches Element,
   zwei Farben — jetzt ueberall schwarz. */
/* Elementor setzt auf der Suchergebnisseite die primaere Markenfarbe (beige).
   Die Regel dort haengt an Seiten- und Element-Kennung und ist damit spezifischer
   als jede eigene Klasse — deshalb hier !important. Der durchgestrichene
   Altpreis behaelt seine eigene Farbe, weil seine Regel direkt am Kind haengt. */
.course-item-price { color: #000 !important; }

/*===== NOVELEDGE #S-351 (26.09.2026) Teilen-Symbole, endgueltig =====*/
/* Vorgeschichte: Der Abstand wurde in #S-346 und #S-348 ueber margin-right am
   Element gesetzt, weil Elementors Raster auf inline-block steht und gap dort
   nicht greift. In Chrome sah das richtig aus, aber nicht ueberall: Elementor
   legt fuer WebKit-Browser (Safari) eine eigene Regel an, die das Raster auf
   flex stellt und justify-content aus der Variablen --justify-content liest.
   Fehlt die Variable, faellt Safari auf space-between zurueck und zieht die
   Symbole ueber die volle Breite auseinander. Genau das war auf den
   Netzwerkprofilen zu sehen, waehrend sie in den Fachbeitraegen eng standen.
   Dazu kommt, dass die beiden Bausteinvorlagen unterschiedliche eigene
   Abstaende mitbringen (Single Blog 8 px am Rechner, 5 px mobil), die von den
   alten Regeln nur ueberdeckt wurden.

   Loesung: Das Raster wird selbst auf flex gestellt, der Abstand kommt aus gap,
   die Element-Margins werden abgeraeumt, und --justify-content wird je nach
   Ausrichtung gesetzt, sodass space-between nie greift. Ergebnis: ueberall
   derselbe Abstand von 12 px, unabhaengig von Browser, Endgeraet und
   Bausteinvorlage. */

/* Nachtrag 26.09.2026: Der erste Ansatz stellte das Raster selbst auf flex.
   Das loeste zwar den Safari-Fall, liess aber den Baustein-Rahmen auf 19,5 px
   zusammenfallen, waehrend die Kacheln 32 px hoch sind. Die Symbole ragten
   dadurch nach unten heraus und lagen auf der Anhoeren-Schaltflaeche. Deshalb
   bleibt das Raster jetzt bei Elementors inline-block, der Abstand kommt wie
   zuvor aus margin-right - und der Safari-Fall wird ueber --justify-content
   und margin-inline entschaerft, ohne die Darstellungsart zu aendern. */
.elementor-widget-share-buttons .elementor-grid {
    display: inline-block !important;
    gap: normal !important;
    margin-inline: 0 !important;
    --grid-column-gap: 12px;
    --grid-row-gap: 12px;
    --justify-content: flex-start;
}
.elementor-share-buttons--align-center .elementor-grid {
    --justify-content: center;
}
.elementor-share-buttons--align-right .elementor-grid {
    --justify-content: flex-end;
}
.elementor-widget-share-buttons .elementor-grid-item {
    margin: 0 12px 0 0 !important;
}
.elementor-widget-share-buttons .elementor-grid-item:last-child {
    margin-right: 0 !important;
}

/* NOVELEDGE #S-353 (26.09.2026) KNOPFBESCHRIFTUNGEN IN DER KOPFZEILE BRECHEN NICHT UM.
 *
 * Beim Verkleinern des Fensters rutschte "Log Out" in zwei Zeilen; der Knopf wuchs
 * dabei in die Hoehe und stand schief neben seinen gleich hohen Nachbarn. Zwei Worte
 * auf zwei Zeilen lesen sich wie zwei Angaben.
 *
 * Bewusst NUR in der Kopfzeile und nur fuer den Knopftext: Ein seitenweites
 * white-space: nowrap wuerde auch laengere Beschriftungen im Inhalt am Umbrechen
 * hindern, und die ragen dann aus ihrem Knopf heraus. Die drei Knoepfe hier heissen
 * "Dashboard", "Log Out" und "WhatsApp" - kurz genug, dass sie nie umbrechen muessen.
 *
 * Damit die Zeile eng bleibt, duerfen die Knoepfe zusaetzlich schrumpfen, statt die
 * Kopfzeile auseinanderzudruecken.
 */
.elementor-location-header .elementor-button,
.elementor-location-header .elementor-button-text,
.elementor-location-header .elementor-button-content-wrapper {
    white-space: nowrap !important;
}
.elementor-location-header .elementor-button {
    min-width: 0;
}

/* Kopfleiste: Breiten Menue / Knoepfe (27.09.2026, korrigiert 28.09.2026)
 * 27.09.: feste Breiten 60 % / 25 %. Der Knopfbereich war damit schmaler als seine drei
 * Knoepfe; Dashboard, Log Out und WhatsApp schoben sich uebereinander.
 * Jetzt: Knopfbereich so breit wie sein Inhalt, das Menue nimmt den Rest. Nur Desktop.
 * Rueckbau: diesen Block entfernen. */
@media (min-width: 1025px) {
  .elementor-16 .elementor-element.elementor-element-7d4ee77 { --width: auto; flex: 1 1 auto; min-width: 0; }
  .elementor-16 .elementor-element.elementor-element-f4e22bd { --width: auto; flex: 0 0 auto; }
  .elementor-16 .elementor-element.elementor-element-f4e22bd > .elementor-widget-button { flex: 0 0 auto; width: auto; }
  .elementor-16 .elementor-element.elementor-element-f4e22bd { --gap: 8px; gap: 8px; }
  /* Menueabstand passt sich dem tatsaechlichen Platz an (21.10.2026, nach Aufnahme von „Journals“).
   * Der Platz haengt nicht nur von der Fensterbreite ab, sondern auch von den Knoepfen rechts
   * (angemeldet: Dashboard/Log Out sind breiter). Daher: kleiner Grundabstand, den Rest verteilt
   * space-between - aber nur, wenn alle Punkte in eine Zeile passen (Container-Abfrage unten).
   * Gemessen: abgemeldet eine Zeile ab ca. 1220 px, angemeldet bei 1440 px. */
  .elementor-16 .elementor-element.elementor-element-824edd2 { container-type: inline-size; }
  .elementor-16 .elementor-element.elementor-element-824edd2 .elementor-nav-menu--main .elementor-item { padding-left: 5px; padding-right: 5px; }
  .elementor-16 .elementor-element.elementor-element-824edd2 .elementor-nav-menu--main > .elementor-nav-menu { flex: 1 1 auto; column-gap: 16px; }
}
/* Alle sieben Punkte brauchen ca. 723 px; ab 730 px Breite des Menues stehen sie in einer Zeile,
 * gleichmaessig verteilt. Darunter umbrechen sie linksbuendig mit 16 px Abstand.
 * Kommt ein Menuepunkt hinzu, diesen Wert neu messen. */
@container (min-width: 730px) {
  .elementor-16 .elementor-element.elementor-element-824edd2 .elementor-nav-menu--main > .elementor-nav-menu { justify-content: space-between; column-gap: 0; }
}
/* Kontoknoepfe in der Kopfzeile nur als Symbol (21.10.2026, nur Desktop).
 * Angemeldet nahmen „Dashboard“ und „Log Out“ dem Menue rund 140 px - die Menuepunkte standen
 * nur noch ca. 10 px auseinander. Die Beschriftung bleibt fuer Screenreader im Link und
 * erscheint beim Ueberfahren/Fokus als kleiner Hinweis unter dem Knopf.
 * 3b14ded = Dashboard, bb5d537 = Log Out (Elementor-Kopfzeile 16). */
@media (min-width: 1025px) {
  .elementor-16 .elementor-element-3b14ded .elementor-button,
  .elementor-16 .elementor-element-bb5d537 .elementor-button { position: relative; }
  .elementor-16 .elementor-element-3b14ded .elementor-button-content-wrapper,
  .elementor-16 .elementor-element-bb5d537 .elementor-button-content-wrapper { gap: 0; }
  /* unsichtbares Zeichen haelt die Knopfhoehe gleich wie bei „WhatsApp“ */
  .elementor-16 .elementor-element-3b14ded .elementor-button-content-wrapper::after,
  .elementor-16 .elementor-element-bb5d537 .elementor-button-content-wrapper::after { content: "\200B"; }
  .elementor-16 .elementor-element-3b14ded .elementor-button-text,
  .elementor-16 .elementor-element-bb5d537 .elementor-button-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .elementor-16 .elementor-element-3b14ded .elementor-button::after,
  .elementor-16 .elementor-element-bb5d537 .elementor-button::after { position: absolute; top: calc(100% + 6px); left: 50%; transform: translateX(-50%); padding: 4px 8px; border-radius: 5px; background: #3f3f3f; color: #fff; font-size: 13px; line-height: 1.3; white-space: nowrap; pointer-events: none; opacity: 0; visibility: hidden; z-index: 100; }
  .elementor-16 .elementor-element-3b14ded .elementor-button::after { content: "Dashboard"; }
  .elementor-16 .elementor-element-bb5d537 .elementor-button::after { content: "Log Out"; }
  .elementor-16 .elementor-element-3b14ded .elementor-button:is(:hover, :focus-visible)::after,
  .elementor-16 .elementor-element-bb5d537 .elementor-button:is(:hover, :focus-visible)::after { opacity: 1; visibility: visible; }
}
/* Hauptmenue ohne Bewegung beim Ueberfahren (28.09.2026): Farbe und Unterstrich
 * wechseln sofort statt animiert - das Menue wirkte beim Darueberfahren wackelig. */
.elementor-location-header .elementor-nav-menu--main .elementor-item,
.elementor-location-header .elementor-nav-menu--main .elementor-item::before,
.elementor-location-header .elementor-nav-menu--main .elementor-item::after { transition: none !important; animation: none !important; }
/* Hauptmenue springt nicht beim Ueberfahren (21.10.2026): Elementor setzt fuer a:hover/a:focus
 * eine Zeilenhoehe von 20 px, im Ruhezustand gelten 26 px aus dem Kit - der Punkt wurde 6 px
 * niedriger und der Unterstrich sprang. Jetzt in allen Zustaenden 26 px. */
.elementor-location-header .elementor-nav-menu a,
.elementor-location-header .elementor-nav-menu a:hover,
.elementor-location-header .elementor-nav-menu a:focus { line-height: 26px; }


/* Ueberschriften: relative Zeilenhoehe (27.09.2026)
 * Die Elementor-Grundeinstellung gibt H1 52 px, H2 und H3 je 37 px als FESTE Zeilenhoehe vor.
 * Wird eine Ueberschrift kleiner gesetzt (z. B. Shop-Titel mobil 25 px) oder bricht sie um,
 * entstehen riesige Zeilenabstaende. Relativ zur Schriftgroesse passt es auf allen Seiten.
 * Ueberschriften mit eigener Zeilenhoehe im Elementor-Widget behalten diese.
 * Rueckbau: diesen Block entfernen. */
.elementor-kit-9 h1, .elementor-kit-9 h2, .elementor-kit-9 h3 { line-height: 1.25; }

/* 01.10.2026 Lange Woerter in Ueberschriften auf dem Handy: Ohne Silbentrennung ragten Titel wie
 * „Veranstaltungsrueckblicke:“ oder „Informationssicherheit:“ ueber den rechten Rand und machten die ganze
 * Seite seitlich verschiebbar. Nur schmale Bildschirme; auf dem Desktop aendert sich nichts.
 * Rueckbau: diesen Block entfernen. */
@media (max-width: 767px) {
  h1, h2, h3, .elementor-heading-title { -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word;
    /* 02.10.2026: Nur lange Woerter trennen (mind. 10 Zeichen, je 4 vor/nach dem Trennstrich) –
       sonst wurde z. B. „Themen:“ in „The-men“ zerlegt. */
    hyphenate-limit-chars: 10 4 4; -webkit-hyphenate-limit-before: 4; -webkit-hyphenate-limit-after: 4; }
}

/* 02.10.2026 Seite Weiterbildung (/media/): Die Beschriftung „Themen:“ neben dem Themen-Karussell wurde auf dem
 * Handy auf rund 50 px zusammengedrückt und mitten im Wort umbrochen. Sie behält jetzt ihre natürliche Breite. */
.elementor-element-63d12e6 { flex-shrink: 0; }
.elementor-element-63d12e6 .elementor-heading-title { white-space: nowrap; -webkit-hyphens: manual; hyphens: manual; }


/* Blaue Handlungsknöpfe im Block-Editor (Klasse nvl-handlung): Markenblau, weiße Schrift, beim Überfahren #0011A8 wie alle blauen Knöpfe (20.10.2026) */
body .wp-block-button.nvl-handlung > .wp-block-button__link{background-color:#0019FC !important;color:#fff !important}
body .wp-block-button.nvl-handlung > .wp-block-button__link:hover,body .wp-block-button.nvl-handlung > .wp-block-button__link:focus{background-color:#0011A8 !important;color:#fff !important}


/* Personenbilder (20.10.2026): kleine Porträts neben einem Namen rund (WordPress-/LearnPress-Profilbilder, Verfasserkästen); große Personenfotos in Karten und auf Netzwerkprofilen mit leicht abgerundeten Ecken wie alle Karten */
img.avatar,.wp-block-post-author__avatar img,.acf-author-avatar img,.lp-profile-left .user-avatar img{border-radius:50% !important;aspect-ratio:1/1;object-fit:cover}
.elementor-image-box-img img,body.single-network .elementor-element-87cb0cc img{border-radius:5px !important}
/* 1.1.5 (24.10.2026, Wunsch Christian): Personenfotos im Netzwerk (Karten der Übersicht, Foto auf dem Profil) mit geraden Ecken; die weiße Karte darum behält ihre abgerundeten Ecken */
.elementor-674 .elementor-image-box-img img,body.single-network .elementor-element-87cb0cc img{border-radius:0 !important}
/* 1.1.6: Foto füllt die Kartenbreite auch auf Tablet und Handy; liegt es oben an der Karte an, schneidet die abgerundete Karte die Ecken sauber ab */
.elementor-674 .elementor-element-4929d60{overflow:hidden}
.elementor-674 .elementor-image-box-img img{width:100% !important;height:auto}

/* ==========================================================================
   Quelle: Snippet 48 „Zentrale Gestaltungswerte“
   ========================================================================== */
:root{--nvlg-radius:5px;--nvlg-radius-pille:999px;--nvlg-radius-kreis:50%;--nvlg-uebergang:.15s;--nvlg-sand:#c6b199;--nvlg-dunkel:#12211c;--nvlg-struktur:#404040;--nvlg-blau:#0019fc;--nvlg-blau-anker:#0011a8;--nvlg-flaeche:#f5f5f5;}body .elementor-button,body .wp-element-button,body .lp-button,body .edd-submit,body .thim-ekits-button a{transition:background-color var(--nvlg-uebergang) ease,color var(--nvlg-uebergang) ease,border-color var(--nvlg-uebergang) ease !important;}

/* ==========================================================================
   Quelle: Snippet 44 „Handlungsfarben (Blau fuer konkrete Aktionen)“
   ========================================================================== */
body .edd-add-to-cart,body .edd_go_to_checkout,body .edd-cart-checkout,body #edd-purchase-button,body .edd_purchase_submit_wrapper .edd-submit,body .lp-button.course-btn-extra,body .lp-button.button-purchase-course,body .lp-button.button-enroll-course,body .lp-button.button-buy-course,body #learn-press-course-buttons button,body .course-buttons .lp-button,body .elementor-field-type-submit button,body .gutena-forms-submit,body #learn-press-checkout-place-order{background-color:#0019fc !important;background-image:none !important;border-color:#0019fc !important;color:#ffffff !important;}body .edd-add-to-cart:hover,body .edd-add-to-cart:focus,body .edd_go_to_checkout:hover,body .edd_go_to_checkout:focus,body .edd-cart-checkout:hover,body .edd-cart-checkout:focus,body #edd-purchase-button:hover,body #edd-purchase-button:focus,body .edd_purchase_submit_wrapper .edd-submit:hover,body .edd_purchase_submit_wrapper .edd-submit:focus,body .lp-button.course-btn-extra:hover,body .lp-button.course-btn-extra:focus,body .lp-button.button-purchase-course:hover,body .lp-button.button-purchase-course:focus,body .lp-button.button-enroll-course:hover,body .lp-button.button-enroll-course:focus,body .lp-button.button-buy-course:hover,body .lp-button.button-buy-course:focus,body #learn-press-course-buttons button:hover,body #learn-press-course-buttons button:focus,body .course-buttons .lp-button:hover,body .course-buttons .lp-button:focus,body .elementor-field-type-submit button:hover,body .elementor-field-type-submit button:focus,body .gutena-forms-submit:hover,body .gutena-forms-submit:focus,body #learn-press-checkout-place-order:hover,body #learn-press-checkout-place-order:focus{background-color:#0011a8 !important;border-color:#0011a8 !important;color:#ffffff !important;}body .edd-add-to-cart span,body .edd_go_to_checkout span,body .edd-cart-checkout span,body #edd-purchase-button span,body .edd_purchase_submit_wrapper .edd-submit span,body .lp-button.course-btn-extra span,body .lp-button.button-purchase-course span,body .lp-button.button-enroll-course span,body .lp-button.button-buy-course span,body #learn-press-course-buttons button span,body .course-buttons .lp-button span,body .elementor-field-type-submit button span,body .gutena-forms-submit span,body #learn-press-checkout-place-order span{color:#ffffff !important;}body .thim-ekit-single-course__buttons:has(form.purchase-course) .lp-button.course-btn-extra.course-btn-extra{background-color:#ffffff !important;background-image:none !important;border:1px solid #0019fc !important;color:#0019fc !important;}body .thim-ekit-single-course__buttons:has(form.purchase-course) .lp-button.course-btn-extra.course-btn-extra span,body .thim-ekit-single-course__buttons:has(form.purchase-course) .lp-button.course-btn-extra.course-btn-extra i{color:#0019fc !important;}body .thim-ekit-single-course__buttons:has(form.purchase-course) .lp-button.course-btn-extra.course-btn-extra:hover,body .thim-ekit-single-course__buttons:has(form.purchase-course) .lp-button.course-btn-extra.course-btn-extra:focus{background-color:#0011a8 !important;border-color:#0011a8 !important;color:#ffffff !important;}body .thim-ekit-single-course__buttons:has(form.purchase-course) .lp-button.course-btn-extra.course-btn-extra:hover span,body .thim-ekit-single-course__buttons:has(form.purchase-course) .lp-button.course-btn-extra.course-btn-extra:focus span{color:#ffffff !important;}.thim-ekit-single-course__buttons{display:flex;flex-direction:column;gap:12px;}.thim-ekit-single-course__buttons > form{margin:0;}

/* ==========================================================================
   Quelle: Snippet 50 „Profil-Dashboard vereinheitlichen“
   ========================================================================== */
/* Profil-Dashboard: Seitenleiste einheitlich */
ul.lp-profile-nav-tabs > li{background-color:#D7C9BA !important;}
ul.lp-profile-nav-tabs > li > a{color:#12211C !important;text-decoration:none !important;transition:background-color .15s ease,color .15s ease;}
ul.lp-profile-nav-tabs > li > a i{color:inherit !important;}
ul.lp-profile-nav-tabs > li:hover{background-color:#0011A8 !important;}
ul.lp-profile-nav-tabs > li:hover > a,
ul.lp-profile-nav-tabs > li > a:hover,
ul.lp-profile-nav-tabs > li:hover > a i{color: #000 !important;text-decoration:none !important;}
ul.lp-profile-nav-tabs > li.active{background-color:#C6B199 !important;}
ul.lp-profile-nav-tabs > li.active > a{color:#12211C !important;font-weight:600;}
ul.lp-profile-nav-tabs > li.active:hover{background-color:#0011A8 !important;}
ul.lp-profile-nav-tabs > li.active:hover > a{color: #000 !important;}
/* Kurskacheln: Kategorien im normalen Textfluss, linksbuendig */
.course-instructor-category .course-categories{display:block !important;gap:0 !important;text-align:left !important;margin-left:6px;}

/* ==========================================================================
   Quelle: Snippet 210 „Shop: Produktbilder gross und unbeschnitten“
   ========================================================================== */
.edd_downloads_list .edd_download_inner{display:flex;flex-direction:column;height:100%;}.edd_downloads_list .edd_download_image{margin:0 0 16px;}.edd_downloads_list .edd_download_image a{display:block;}.edd_downloads_list .edd_download_image img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:10px;}.edd_downloads_list .edd_download_title{margin:0 0 10px;line-height:1.3;}.edd_downloads_list .edd_download_excerpt{margin:0 0 16px;}.edd_downloads_list .edd_download_buy_button{margin-top:auto;}

/* ==========================================================================
   Quelle: Snippet 45 „Blau als Akzent im Text“
   ========================================================================== */
body .elementor-widget-theme-post-content a:not(.elementor-button):hover,body .elementor-widget-text-editor a:not(.elementor-button):hover,body .entry-content a:not(.wp-element-button):hover{color:#0019fc !important;text-decoration:underline;text-underline-offset:3px;}

/* ==========================================================================
   Quelle: Snippet 51 „Netzwerkprofil: Feinschliff“
   ========================================================================== */
/* Beitrags- UND Kursliste gleich behandeln: Blau, Hover Dunkelblau */
.noveledge-person-content .noveledge-person-posts a,
.noveledge-person-content .noveledge-person-courses a,
.noveledge-person-content.noveledge-person-posts a,
.noveledge-person-content.noveledge-person-courses a{color:#0019FC !important;}
.noveledge-person-content .noveledge-person-posts a:hover,
.noveledge-person-content .noveledge-person-courses a:hover,
.noveledge-person-content.noveledge-person-posts a:hover,
.noveledge-person-content.noveledge-person-courses a:hover{color:#0011A8 !important;}
/* Schaltflaechen wie alle uebrigen sandfarbenen: gefuellt, dunkle Schrift, 5px, nie unterstrichen */
body.single-network .wp-block-button .wp-block-button__link{
  border-radius:5px !important;background-color:#C6B199 !important;border:2px solid #C6B199 !important;
  color:#12211C !important;text-decoration:none !important;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;}
body.single-network .wp-block-button .wp-block-button__link:hover,
body.single-network .wp-block-button .wp-block-button__link:focus-visible{
  color: #000 !important;text-decoration:none !important;}

/* ==========================================================================
   Quelle: Snippet 46 „Lesbarkeit: Sprungmarke und Cookie-Schaltflaechen“
   ========================================================================== */
body .skip-link{color:#12211c !important;background:#ffffff !important;}body .cky-btn-reject,body .cky-btn-preferences{color:#12211c !important;border-color:#12211c !important;}

/* ==========================================================================
   Quelle: Snippet 53 „Schaltflaechen: gemeinsame Form und Hover“
   ========================================================================== */
/* Gemeinsame Grundform aller Schaltflaechen - Mass aus dem Kopfbereich */
.elementor-button, .wp-block-button .wp-block-button__link, .thim-ekits-button > a, .button-search{
  border-radius:5px !important;padding:9px 15px !important;
  font-size:15px !important;font-weight:400 !important;line-height:1.5 !important;
  transition:color .15s ease,background-color .15s ease,border-color .15s ease;}
.thim-ekits-button > a .button-content-wrapper{font-weight:400 !important;}
/* Suchschaltflaeche auf den Standard-Sandton mit dunkler Schrift */
.button-search{background-color:#C6B199 !important;color:#12211C !important;border:0 !important;}
/* Hover sandfarbener Schaltflaechen: Sand bleibt, Schrift wird weiss */
.elementor-button:not(.edd-add-to-cart):not(.edd_go_to_checkout):not(.edd-cart-checkout):not(.edd-submit):not(.lp-button):not(.gutena-forms-submit):not([href*='course-category']):hover,
.wp-block-button .wp-block-button__link:hover,
.thim-ekits-button > a:hover,
.button-search:hover,
.elementor-button:not(.edd-add-to-cart):not(.edd_go_to_checkout):not(.edd-cart-checkout):not(.edd-submit):not(.lp-button):not(.gutena-forms-submit):not([href*='course-category']):focus-visible,
.wp-block-button .wp-block-button__link:focus-visible,
.thim-ekits-button > a:focus-visible,
.button-search:focus-visible{
  color: #000 !important;text-decoration:none !important;}
.elementor-button:not(.edd-add-to-cart):not(.edd_go_to_checkout):not(.edd-cart-checkout):not(.edd-submit):not(.lp-button):not(.gutena-forms-submit):not([href*='course-category']):hover .elementor-button-text,
.elementor-button:not(.edd-add-to-cart):not(.edd_go_to_checkout):not(.edd-cart-checkout):not(.edd-submit):not(.lp-button):not(.gutena-forms-submit):not([href*='course-category']):hover i,
.elementor-button:not(.edd-add-to-cart):not(.edd_go_to_checkout):not(.edd-cart-checkout):not(.edd-submit):not(.lp-button):not(.gutena-forms-submit):not([href*='course-category']):hover svg,
.thim-ekits-button > a:hover .button-content-wrapper{color: #000 !important;fill: #000 !important;}
/* Themenleiste: reine Schrift, beim Ueberfahren sandfarben mit Unterstrich */
.elementor-button[href*='course-category']{background:transparent !important;border:0 !important;color:#12211C !important;padding:9px 12px !important;}
.elementor-button[href*='course-category']:hover,
.elementor-button[href*='course-category']:focus-visible{
  background:transparent !important;color:#C6B199 !important;text-decoration:underline !important;text-underline-offset:3px;}
/* Handlungsaufforderungen: Hover in Dunkelblau */
.elementor-field-type-submit .elementor-button:hover,
.elementor-field-type-submit button:hover,
.edd-add-to-cart:hover,.edd_go_to_checkout:hover,.edd-cart-checkout:hover,.edd-submit:hover,
.gutena-forms-submit:hover{
  background-color:#0011A8 !important;border-color:#0011A8 !important;color:#FFFFFF !important;}

/* ==========================================================================
   Quelle: Snippet 49 „Resilienzradar: Filterleiste in der Einbettung“
   ========================================================================== */
.nvlrr-filters.is-collapsible.as-open .nvlrr-frow{display:flex !important;}.nvlrr-filters.is-collapsible.as-open .nvlrr-ftools{display:flex !important;}.nvlrr-filters.is-collapsible.as-open .nvlrr-more.open{display:block !important;}@media (max-width:720px){.nvlrr-embed-ftoggle{display:none !important;}}.nvlrr-embed-ftoggle{margin-top:8px;}.nvlrr-app[data-theme="dark"] .nvlrr-embed-ftoggle:hover,.nvlrr-app[data-theme="dark"] .nvlrr-embed-ftoggle:focus-visible{border-color:#4f6cff !important;color:#4f6cff !important;}

/* ==========================================================================
   1.1.7 (24.10.2026): Gravity-Formulare (Kontakt, Netzwerk-Anfrage, Newsletter)
   ersetzen die Elementor-Pro-Formulare. Aussehen wie bisher: Felder mit grauem
   Rahmen und leicht abgerundeten Ecken, blauer Senden-Knopf über die volle Breite;
   Newsletter im Footer mit dem Knopf im weißen Feld.
   ========================================================================== */
.gform_wrapper form[class*="nvlvt-"] .gform_fields{row-gap:22px !important;column-gap:12px !important}
.gform_wrapper form[class*="nvlvt-"] .gfield_label{font:400 16px/1.4 Helvetica, Arial, sans-serif !important;color:#000 !important;margin:0 0 4px !important;padding:0 !important}
.gform_wrapper form[class*="nvlvt-"] .gfield_required{display:none !important}
.gform_wrapper form[class*="nvlvt-"] input[type=text],.gform_wrapper form[class*="nvlvt-"] input[type=email],
.gform_wrapper form[class*="nvlvt-"] input[type=tel],.gform_wrapper form[class*="nvlvt-"] textarea{
  font:400 15px/21px Helvetica, Arial, sans-serif !important;color:#000 !important;background:#fff !important;border:1px solid #69727d !important;
  border-radius:5px !important;padding:8px 16px !important;height:40px !important;min-height:0 !important;box-shadow:none !important;width:100% !important;box-sizing:border-box !important}
.gform_wrapper form[class*="nvlvt-"] textarea{height:96px !important;min-height:96px !important;resize:vertical}
.gform_wrapper form[class*="nvlvt-"] ::placeholder{color:#000;opacity:.55}
.gform_wrapper form[class*="nvlvt-"] .gform_footer{margin:22px 0 0 !important;padding:0 !important}
.gform_wrapper form[class*="nvlvt-"] .gform_footer [type=submit]{
  width:100% !important;background:#0019FC !important;color:#fff !important;border:0 !important;border-radius:5px !important;
  padding:9px 15px !important;font:400 15px/22.5px Helvetica, Arial, sans-serif !important;cursor:pointer;margin:0 !important;text-decoration:none !important}
.gform_wrapper form[class*="nvlvt-"] .gform_footer [type=submit]:hover,.gform_wrapper form[class*="nvlvt-"] .gform_footer [type=submit]:focus{background:#0011A8 !important}
.gform_wrapper form[class*="nvlvt-"] .gfield_validation_message,.gform_wrapper form[class*="nvlvt-"] .validation_message{font-size:13px !important;padding:4px 0 0 !important;background:none !important;border:0 !important;color:#c0392b !important}
.gform_wrapper form[class*="nvlvt-"] .gfield_error input,.gform_wrapper form[class*="nvlvt-"] .gfield_error textarea{border-color:#c0392b !important}
.gform_wrapper:has(form[class*="nvlvt-"]) .gform_validation_errors{display:none !important}
.gform_confirmation_wrapper[class*="nvlvt-"] .gform_confirmation_message{font:400 16px/1.5 Helvetica, Arial, sans-serif;color:inherit}
/* Newsletter im Footer: Knopf sitzt im weißen Feld */
.gform_wrapper form.nvlvt-newsletter{position:relative}
.gform_wrapper form.nvlvt-newsletter .gform_fields{row-gap:12px !important}
.gform_wrapper form.nvlvt-newsletter input[type=email]{height:46px !important;border:0 !important;color:#12211C !important;padding:0 140px 0 16px !important}
.gform_wrapper form.nvlvt-newsletter .gform_footer{margin:0 !important}
.gform_wrapper form.nvlvt-newsletter .gform_footer [type=submit]{position:absolute !important;top:5px;right:5px;width:auto !important;height:36px !important;padding:0 22px !important;line-height:36px !important}
.gform_wrapper form.nvlvt-newsletter .gfield--type-consent .ginput_container_consent{display:flex;gap:8px;align-items:flex-start}
.gform_wrapper form.nvlvt-newsletter .gfield--type-consent label,.gform_wrapper form.nvlvt-newsletter .gfield_consent_label{font:400 14px/21px Helvetica, Arial, sans-serif !important;color:#fff !important}
.gform_wrapper form.nvlvt-newsletter .gfield--type-consent a{color:#C6B199 !important;text-decoration:none !important}
.gform_wrapper form.nvlvt-newsletter .gfield--type-consent input[type=checkbox]{margin-top:4px}
.gform_wrapper form.nvlvt-newsletter .gfield_validation_message{color:#ffb4a8 !important}
/* 1.1.10: Die Bestätigung steht in .gform_confirmation_wrapper.nvlvt-newsletter (ohne _wrapper) – im dunklen Footer weiß */
.gform_confirmation_wrapper.nvlvt-newsletter .gform_confirmation_message{color:#fff !important;font:400 15px/1.5 Helvetica, Arial, sans-serif}

/* 1.1.8: Knopf ist ein <button>; Pflichtfeld-Hinweis über dem Formular ausblenden (wie bisher bei Elementor) */
/* 1.1.9: Der Hinweis steht über dem <form> im Wrapper, deshalb am Wrapper ansetzen */
.gform_wrapper[class*="nvlvt-"] .gform_required_legend,.gform_wrapper[class*="nvlvt-"] .gform_heading{display:none !important}

/* 1.1.11 (24.10.2026): Seiten aus dem Block-Editor (Journals, Impressum, FAQ, Veranstaltungen, Checks …)
   Elementor markiert diese Seiten als „elementor-page“; damit greift Hellos Seitenbreite nicht mehr und der
   Text lief über die volle Fensterbreite ohne Rand. Jetzt wie Kopfzeile und Radar: höchstens 1360 px,
   seitlich 48 px Rand (Tablet 20 px, Handy 16 px). Eigene Bereiche der Plugins (Radar, Rechner, Checks)
   behalten ihr Layout; Seiten mit Elementor-Inhalt sind nicht betroffen. */
body.page{--nvl-rand:48px}
@media (max-width:1024px){body.page{--nvl-rand:20px}}
@media (max-width:767px){body.page{--nvl-rand:16px}}
body.page .site-main:not(:has(.elementor)) .page-header .entry-title,
body.page .site-main:not(:has(.elementor)) .page-content > :is(p,h1,h2,h3,h4,h5,h6,ul,ol,dl,details,figure,blockquote,table,hr,.wp-block-columns,.wp-block-buttons,.wp-block-group,.wp-block-table,.wp-block-image,.wp-block-embed,.wp-block-separator,.wp-block-quote,.wp-block-details){
	box-sizing:border-box;width:auto;max-width:min(1360px,calc(100% - 2 * var(--nvl-rand)));margin-left:auto;margin-right:auto
}

/* =====================================================================
   LINKS – Hausregel (Christian, 27.10.2026, zweite Fassung)
   Links im Fließtext (Fachbeiträge, Seiten, Textbausteine, Lagebilder):
   beige Schrift, kein Unterstrich, keine Fettschrift, KEIN Hover-Wechsel.
   (Die erste Fassung „schwarz mit beigem Unterstrich“ hat er verworfen.)
   Ausgenommen bleiben Elemente mit eigener Gestaltung: Knöpfe,
   Sprachumschalter, Bildlinks, Fußnotenziffern, Inhaltsverzeichnis, im
   Lagebild „Ereignisakte öffnen“ und die Ereignisliste, Verfassernamen,
   Kurs-/Beitragslisten im Netzwerkprofil, Autorenzeile.
   ===================================================================== */
html body :is(.page-content,.elementor-widget-text-editor,.elementor-widget-theme-post-content)
  :is(p,li,td,dd,figcaption,blockquote) a:not(.elementor-button):not(.button):not(.wp-block-button__link):not([class*="knopf"]):not([class*="button"]):not(.nvlen-k):not(:has(img)):not(sup > a):not(details.wp-block-details a[href^="#"]):not(.nvlb-ev > p:last-child > a):not(.nvlb > ul > li > a):not(.elementor-icon-list-item a):not(.wp-block-post-author a):not(.noveledge-person-content a):not(.nvl-autorzeile a),
html body :is(.page-content,.elementor-widget-text-editor,.elementor-widget-theme-post-content)
  :is(p,li,td,dd,figcaption,blockquote) a:not(.elementor-button):not(.button):not(.wp-block-button__link):not([class*="knopf"]):not([class*="button"]):not(.nvlen-k):not(:has(img)):not(sup > a):not(details.wp-block-details a[href^="#"]):not(.nvlb-ev > p:last-child > a):not(.nvlb > ul > li > a):not(.elementor-icon-list-item a):not(.wp-block-post-author a):not(.noveledge-person-content a):not(.nvl-autorzeile a):is(:visited,:hover,:focus,:focus-visible,:active) {
    color: #C6B199 !important;
    font-weight: inherit !important;
    text-decoration: none !important;
    box-shadow: none !important;
    background: transparent !important;
    transition: none !important;
}
/* „Weiterlesen“ in Beitragslisten („Ähnliche Artikel“ u. a.): reine Schrift,
   schwarz, ohne Unterstrich, beim Überfahren beige. (Im dunklen hervor-
   gehobenen Beitrag weiß – siehe .blog-slide weiter oben.) */
html body .elementor-widget-posts:not(.blog-slide) .elementor-post__read-more {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    color: #000 !important;
    text-decoration: none !important;
    transition: color .15s ease;
}
html body .elementor-widget-posts:not(.blog-slide) .elementor-post__read-more:is(:hover,:focus-visible) {
    color: #C6B199 !important;
}
/* Knöpfe sind nie unterstrichen – auch nicht beim Überfahren. */
html body :is(.elementor-button,.wp-block-button__link,.wp-element-button,.button,.lp-button,.edd-submit):is(:link,:visited,:hover,:focus) {
    text-decoration: none !important;
}

/* 1.1.17 (27.10.2026): Bildformat der Fachbeiträge einheitlich 3:2 (Vorgabe 1800×1200, Schutzzone in der Mitte).
   Highlight-Slider (.blog-slide) bisher quadratisch (schnitt links/rechts ab), Ähnliche Artikel (e299be4)
   bisher 1,43:1 mit „Höhe füllen“ (Bild ragte heraus oder ließ Lücken). Jetzt Feld 3:2, Bild füllt es (cover). */
html body .blog-slide .elementor-post__thumbnail,
html body .elementor-element-e299be4 .elementor-post__thumbnail { padding-bottom: 66.6667% !important; overflow: hidden; }
html body .blog-slide .elementor-post__thumbnail img,
html body .elementor-element-e299be4 .elementor-post__thumbnail img {
	position: absolute !important; top: 0 !important; left: 0 !important; right: auto !important; bottom: auto !important;
	width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important;
	object-fit: cover !important; object-position: center !important; transform: none !important;
}
@media only screen and (min-width: 769px) {
	html body .blog-slide a.elementor-post__thumbnail__link { width: 40% !important; flex: 0 0 40% !important; max-width: none !important; }
}

/* 1.1.18 (27.10.2026) – Christian: Überschrift über den Logos weg (Fläche bleibt frei),
   „Weiterlesen“ nirgends als Knopf, Hinweiskästen mit Markenradius und beigem Randstreifen
   (Blau nur im Knopf), alle Knöpfe gleiche Schrift und Größe wie die Elementor-Knöpfe
   (Inter 15 px, normal, Innenabstand 9/15 px, Radius 5 px ≈ 41 px hoch). Farben bleiben. */

/* Startseite: Überschrift „Kooperationen und Zusammenarbeit“ ausblenden, Platz bleibt */
html body:not(#nvl-x):not(#nvl-y) .elementor-element-2373042 .elementor-heading-title { visibility: hidden !important; }

/* „Weiterlesen“ in den Themenkarten (Knopf-Widget 77c4821): reine Schrift, Hover nur beige Schrift */
html body:not(#nvl-x):not(#nvl-y) .elementor-element-77c4821 a.elementor-button,
html body:not(#nvl-x):not(#nvl-y) .elementor-element-77c4821 a.elementor-button:is(:hover,:focus,:focus-visible,:active,:visited) {
	background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important;
	padding: 0 !important; min-height: 0 !important; color: #000 !important; font-weight: 400 !important; text-decoration: none !important; transition: none !important;
}
html body:not(#nvl-x):not(#nvl-y) .elementor-element-77c4821 a.elementor-button .elementor-button-text { color: inherit !important; text-decoration: none !important; }
html body:not(#nvl-x):not(#nvl-y) .elementor-element-77c4821 a.elementor-button:is(:hover,:focus-visible) { color: #C6B199 !important; }

/* Hinweiskästen (Betroffenheitschecks, Lagebericht-Aufruf): Radius 5 px, Randstreifen beige */
html body:not(#nvl-x):not(#nvl-y) .nvl-check, html body:not(#nvl-x):not(#nvl-y) .nvlb-aufruf { border-radius: 5px !important; border-left: 4px solid #C6B199 !important; }

/* Knöpfe einheitlich */
html body:not(#nvl-x):not(#nvl-y) a.nvl-check-knopf,
html body:not(#nvl-x):not(#nvl-y) a.nvlb-knopf,
html body:not(#nvl-x):not(#nvl-y) a.nvl-vorlage-knopf,
html body:not(#nvl-x):not(#nvl-y) button.nvl-canva-laden,
html body:not(#nvl-x):not(#nvl-y) .nvl-canva-laden,
html body:not(#nvl-x):not(#nvl-y) button.nvlrr-karte-frei-laden,
html body:not(#nvl-x):not(#nvl-y) a.nvlv-btn,
html body:not(#nvl-x):not(#nvl-y) .nvlv-btn,
html body:not(#nvl-x):not(#nvl-y) #respond input#submit,
html body:not(#nvl-x):not(#nvl-y) #respond .form-submit .submit,
html body:not(#nvl-x):not(#nvl-y) a.nvl-check-knopf:is(:hover,:focus,:focus-visible,:active,:visited),
html body:not(#nvl-x):not(#nvl-y) a.nvlb-knopf:is(:hover,:focus,:focus-visible,:active,:visited),
html body:not(#nvl-x):not(#nvl-y) a.nvl-vorlage-knopf:is(:hover,:focus,:focus-visible,:active,:visited),
html body:not(#nvl-x):not(#nvl-y) button.nvl-canva-laden:is(:hover,:focus,:focus-visible,:active,:visited),
html body:not(#nvl-x):not(#nvl-y) .nvl-canva-laden:is(:hover,:focus,:focus-visible,:active,:visited),
html body:not(#nvl-x):not(#nvl-y) button.nvlrr-karte-frei-laden:is(:hover,:focus,:focus-visible,:active,:visited),
html body:not(#nvl-x):not(#nvl-y) a.nvlv-btn:is(:hover,:focus,:focus-visible,:active,:visited),
html body:not(#nvl-x):not(#nvl-y) .nvlv-btn:is(:hover,:focus,:focus-visible,:active,:visited),
html body:not(#nvl-x):not(#nvl-y) #respond input#submit:is(:hover,:focus,:focus-visible,:active,:visited),
html body:not(#nvl-x):not(#nvl-y) #respond .form-submit .submit:is(:hover,:focus,:focus-visible,:active,:visited) {
	font-family: Helvetica, Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important;
	letter-spacing: 0 !important; text-transform: none !important; padding: 9px 15px !important; border-radius: 5px !important; min-height: 0 !important;
}

/* 1.1.19 (27.10.2026) – Christian: „Weiterlesen“ überall beige statt schwarz/weiß, ohne Hover
   (Themenkarten 77c4821, Beitragslisten, hervorgehobener Beitrag im Slider). Reine Schrift, kein Knopf,
   kein Fettdruck. Überstimmt die Regeln aus 1.1.12 und 1.1.18 sowie Snippet 1100. */
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .elementor-element-77c4821 a.elementor-button,
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .elementor-element-77c4821 a.elementor-button:is(:hover,:focus,:focus-visible,:active,:visited),
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .elementor-element-77c4821 a.elementor-button .elementor-button-text,
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .elementor-widget-posts .elementor-post__read-more,
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .elementor-widget-posts .elementor-post__read-more:is(:hover,:focus,:focus-visible,:active,:visited) {
	color: #C6B199 !important; background: transparent !important; background-color: transparent !important;
	border: 0 !important; box-shadow: none !important; font-weight: 400 !important; text-decoration: none !important; transition: none !important;
}

/* 1.1.20 (27.10.2026) – Christian: Eingabefelder ohne blauen/dunklen Fokusrahmen (Radar-Suche,
   Auswahllisten, Formulare). Beim Hineinklicken wird nur der Rahmen beige – Orientierung statt Signal. */
html body:not(#nvl-x):not(#nvl-y) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]), select, textarea):is(:focus, :focus-visible, :active) {
	outline: none !important; outline-offset: 0 !important; box-shadow: none !important; border-color: #C6B199 !important;
}
/* Hausschrift auch für Formularelemente. */
html body:not(#nvl-x):not(#nvl-y) :is(input, select, textarea, optgroup) { font-family: Helvetica, Arial, sans-serif; }

/* 1.1.23 (27.10.2026) – Christian: eine Schrift überall. Hausschrift Helvetica (Mac/iPhone), sonst Arial.
   Eigene Plugins nennen sie direkt; diese Regel erfasst zusätzlich alles von Elementor, Theme und Fremd-Plugins
   (Kit-Schriften, CookieYes, LearnPress, Gravity Forms, Shop). Symbolschriften und Code bleiben unberührt –
   Symbole setzen ihre Schrift am ::before selbst und erben nichts. */
:root { --nvl-schrift: Helvetica, Arial, sans-serif; }
html body:not(#nvl-x):not(#nvl-y) :not(i):not(svg):not(code):not(pre):not(kbd):not(samp):not(.c-kennung):not([class*="icon"]):not([class*="eicon"]):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not([class*="dashicons"]):not([class*="lp-icon"]):not(.ab-item):not(.ab-label) {
	font-family: var(--nvl-schrift) !important;
}
html body:not(#nvl-x):not(#nvl-y) svg text, html body:not(#nvl-x):not(#nvl-y) svg tspan { font-family: var(--nvl-schrift) !important; }
html body:not(#nvl-x):not(#nvl-y) :is([class*="icon-list-text"],[class*="icon-box-title"],[class*="icon-box-description"],[class*="icon-box-content"],[class*="icon-text"]) { font-family: var(--nvl-schrift) !important; }

/* Sprachumschalter des Risikorechners (.nvl-sprache, Snippet 1106) wie in den Fachbeiträgen und Hell/Dunkel im Radar:
   Pille mit dünnem grauem Rahmen, Wahl beige mit schwarzer Schrift, andere dunkelgrau, Überfahren nur schwarze Schrift. */
html body:not(#nvl-x):not(#nvl-y) .nvl-sprache { display: inline-flex !important; align-items: center; gap: 2px; padding: 3px !important; border: 1px solid #DCDAD4 !important; border-radius: 999px !important; background: #fff !important; overflow: visible !important; }
html body:not(#nvl-x):not(#nvl-y) .nvl-sprache button, html body:not(#nvl-x):not(#nvl-y) .nvl-sprache button:is(:hover,:focus,:focus-visible,:active) {
	margin: 0 !important; padding: 5px 14px !important; border: 0 !important; border-radius: 999px !important; background: transparent !important;
	color: #404040 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: 0 !important;
	text-transform: none !important; box-shadow: none !important; outline: none !important; transition: none !important; min-height: 0 !important; cursor: pointer;
}
html body:not(#nvl-x):not(#nvl-y) .nvl-sprache button:is(:hover,:focus-visible) { color: #000 !important; }
html body:not(#nvl-x):not(#nvl-y) .nvl-sprache button[aria-pressed="true"], html body:not(#nvl-x):not(#nvl-y) .nvl-sprache button[aria-pressed="true"]:is(:hover,:focus,:focus-visible,:active) { background: #C6B199 !important; color: #000 !important; cursor: default; }

/* Verfasserzeile (Risikorechner, Fachbeiträge): Name wie alle Links beige, ohne Unterstrich, ohne Hover */
html body:not(#nvl-x):not(#nvl-y) .nvl-autorzeile a, html body:not(#nvl-x):not(#nvl-y) .nvl-autorzeile a:is(:hover,:focus,:focus-visible,:visited) { color: #C6B199 !important; text-decoration: none !important; border: 0 !important; box-shadow: none !important; background: none !important; font-weight: inherit !important; }

/* 1.1.24 (27.10.2026) – Christian: Überschriften in Helvetica etwas enger gesetzt (kompakter, mehr Präsenz). */
html body:not(#nvl-x) h1, html body:not(#nvl-x) h1.elementor-heading-title { letter-spacing: -0.02em !important; }
html body:not(#nvl-x) h2, html body:not(#nvl-x) h2.elementor-heading-title { letter-spacing: -0.01em !important; }

/* =====================================================================
   1.1.25 (27.10.2026) – seitenweite Farbprüfung (alle Seiten, Kurse, Shop, Netzwerk)
   ===================================================================== */
/* Fokusrahmen dunkelgrau statt Blau (Blau nur für Handlungen) – oben in „Snippet 42“ umgestellt. */

/* Links und Knöpfe ohne Fettdruck (Hausregel) – Glossar A–Z bleibt bewusst wie es ist */
html body:not(#nvl-x):not(#nvl-y) :is(.nvl-fn a, .thim-ekit-breadcrumb a, .nvl-org a, .nvl-variante a, .gform-field-label a, .nvlb-haken a,
	.edd-download a, .edd-blocks-orders__order-downloads-link, .nvl-about__button, .lp-button, .button-purchase-course,
	.edd_purchase_submit_wrapper :is(a, button), .nvl-g-searchrow button, .nvlb-knopf, .nvlrk-btn, .nvlrk-knopf,
	.nvlrk-feedback-link, .nvlrk-dbtn, .nvl-sprache-an a) { font-weight: 400 !important; }

/* Beige Links auf hellbeigen Kästen: hier bewusst schwarz (Christian, 27.10.2026) */
html body:not(#nvl-x):not(#nvl-y) :is(.nvl-zusatz, .nvl-zusatz-links) a, html body:not(#nvl-x):not(#nvl-y) :is(.nvl-zusatz, .nvl-zusatz-links) a:is(:hover, :focus, :focus-visible, :visited) {
	color: #000 !important; text-decoration: none !important; box-shadow: none !important; background: none !important;
}

/* Netzwerk-Profil: Berufsbezeichnung im dunklen Kopf war dunkelgrau auf dunkelgrau */
html body:not(#nvl-x):not(#nvl-y) .elementor-717 .elementor-element-c596ba1 .elementor-heading-title { color: #FFFFFF !important; }

/* LearnPress-Profil: aktiver Reiter beige gefüllt → schwarze Schrift */
html body:not(#nvl-x):not(#nvl-y) .lp-profile-nav-tabs :is(li.active, li:hover, .active) > a, html body:not(#nvl-x):not(#nvl-y) .lp-profile-nav-tabs :is(li.active, .active) a { color: #000 !important; }

/* Gravity Forms: Beschriftungen schwarz statt Dunkelblau, „Weiter“ als Handlung im Markenblau, Fortschritt beige */
html body:not(#nvl-x):not(#nvl-y) .gform_wrapper:not(#gform_wrapper_9) :is(.gform-field-label, .gfield_label, legend) { color: #000 !important; }
html body:not(#nvl-x):not(#nvl-y) .gform_wrapper .gform_page_footer :is(.gform_next_button, .gform_button), html body:not(#nvl-x):not(#nvl-y) .gform_wrapper .gform-page-footer :is(.gform_next_button, .gform_button) { background-color: #0019FC !important; border-color: #0019FC !important; color: #fff !important; font-weight: 400 !important; }
html body:not(#nvl-x):not(#nvl-y) .gform_wrapper :is(.gform_page_footer, .gform-page-footer) :is(.gform_next_button, .gform_button):is(:hover, :focus-visible) { background-color: #0011A8 !important; border-color: #0011A8 !important; }
html body:not(#nvl-x):not(#nvl-y) .gform_wrapper .gf_progressbar_percentage { background: #C6B199 !important; color: #000 !important; }

/* Hinweis-Gruppen in Beiträgen (Kette) ohne blauen Streifen */
html body:not(#nvl-x):not(#nvl-y) .nvl-kette-gruppe { border-top-color: #C6B199 !important; }

/* Risikorechner: „Hinweis geben“ ist ein Link → beige wie alle Links */
html body:not(#nvl-x):not(#nvl-y) a.nvlrk-feedback-link, html body:not(#nvl-x):not(#nvl-y) a.nvlrk-feedback-link:is(:hover, :focus, :visited) { color: #C6B199 !important; border-bottom: 0 !important; text-decoration: none !important; }

/* 1.1.26 (27.10.2026): Netzwerk-Profile – „Beiträge von …“ und „Kurse mit …“ wie alle Links: beige, ohne Unterstrich,
   ohne Fettdruck, ohne Hover (vorher schwarz mit beigem Strich bzw. blau und fett) */
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .noveledge-person-content :is(.noveledge-person-posts, .noveledge-person-courses) a,
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .noveledge-person-content:is(.noveledge-person-posts, .noveledge-person-courses) a,
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) :is(.noveledge-person-posts, .noveledge-person-courses) a:is(:hover, :focus, :focus-visible, :visited, :active) {
	color: #C6B199 !important; font-weight: 400 !important; text-decoration: none !important; box-shadow: none !important; background: none !important; transition: none !important;
}

/* 1.1.26: Hover beiger Knöpfe seitenweit: nie weiße Schrift auf Beige, kein Abdunkeln – heller Sandton mit beigem Rand,
   schwarze Schrift (oben in den Einzelregeln umgestellt). Blaue Handlungsknöpfe behalten Weiß auf #0011A8. */
/* Beige Knöpfe aus Theme/LearnPress/Über-uns beim Überfahren: heller Sandton, schwarze Schrift (nie Weiß auf Beige) */
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .thim-ekits-button > a:is(:hover, :focus-visible), html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .button-search:is(:hover, :focus-visible), html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .lp-user-profile .lp-user-profile-socials a:is(:hover, :focus-visible), html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .learn-press-course-builder-link:is(:hover, :focus-visible), html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .nvl-about a.nvl-about__button--ghost:is(:hover, :focus-visible), html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .nvl-about .nvl-about__cta a.nvl-about__button:first-of-type:is(:hover, :focus-visible) { color: #000 !important; background-color: #F3EEE6 !important; box-shadow: inset 0 0 0 1px #C6B199 !important; }
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .thim-ekits-button > a:is(:hover, :focus-visible) *, html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .button-search:is(:hover, :focus-visible) * { color: #000 !important; fill: #000 !important; }
/* Gravity Forms: Schrittnummern schwarz statt Dunkelblau */
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .gform_wrapper .gf_step_number { color: #000 !important; }

/* 1.1.27 (27.10.2026): Restbefunde der Prüfung */
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .wp-element-button:not(.nvl-handlung > *):is(:hover, :focus-visible), html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .wp-element-button:not(.nvl-handlung > *):is(:hover, :focus-visible) * { color: #000 !important; background-color: #F3EEE6 !important; box-shadow: inset 0 0 0 1px #C6B199 !important; }
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .page-id-14812 details.wp-block-details > summary:is(:hover, :focus-visible) { color: #000 !important; }
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .elementor-swiper-button:is(:hover, :focus-visible) { color: #000 !important; }
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) .elementor-swiper-button:is(:hover, :focus-visible) svg { fill: #000 !important; }
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) :is(.thim-ekit-single-course a, .gform_wrapper a) { font-weight: 400 !important; }

/* 1.1.28: Knöpfe mit eigenem beigen Rahmen (Kommentar absenden, LearnPress, Cookie-Banner) beim Überfahren ohne
   zusätzlichen Innenrand – sonst wirkt der Rahmen doppelt so dick. */
html body:not(#nvl-x):not(#nvl-y):not(#nvl-z) :is(#respond #submit, .form-submit .submit, .form-submit [type="submit"], .lp-button, .cky-btn):is(:hover, :focus, :focus-visible) { box-shadow: none !important; }