.elementor-kit-5{--e-global-color-primary:#F8B126;--e-global-color-secondary:#C13D4A;--e-global-color-text:#565656;--e-global-color-accent:#484041;--e-global-color-3487304:#484041;--e-global-color-d2203e3:#FFFFFF;--e-global-color-c0747d5:#999999;--e-global-color-20aec9d:#F5F5F5;--e-global-color-d4e96a4:#F8F8F8;--e-global-color-0149a26:#F7A80D;--e-global-color-0f893be:#DFDBDB;--e-global-color-e8acffe:#DCDCDC;--e-global-color-7c3de12:#EEA008;--e-global-typography-primary-font-family:"Hanken Grotesk Static";--e-global-typography-primary-font-size:2.5rem;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.4;--e-global-typography-secondary-font-family:"Hanken Grotesk Static";--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.4;--e-global-typography-text-font-family:"Hanken Grotesk Static";--e-global-typography-text-font-size:1.313rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.8;--e-global-typography-accent-font-family:"Hanken Grotesk Static";--e-global-typography-accent-font-size:1.5rem;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.4;--e-global-typography-79130a4-font-family:"Hanken Grotesk Static";--e-global-typography-79130a4-font-size:1.25rem;--e-global-typography-79130a4-font-weight:600;--e-global-typography-79130a4-line-height:1.4;--e-global-typography-ed57811-font-family:"Hanken Grotesk Static";--e-global-typography-ed57811-font-size:1rem;--e-global-typography-ed57811-font-weight:500;--e-global-typography-ed57811-line-height:1.4;--e-global-typography-d693b6e-font-family:"Hanken Grotesk Static";--e-global-typography-d693b6e-font-size:1.875rem;--e-global-typography-d693b6e-font-weight:600;--e-global-typography-d693b6e-line-height:1.4;--e-global-typography-683553e-font-family:"Hanken Grotesk Static";--e-global-typography-683553e-font-size:1.313rem;--e-global-typography-683553e-font-weight:500;--e-global-typography-683553e-line-height:1.4;--e-global-typography-a55bdb1-font-family:"Hanken Grotesk Static";--e-global-typography-a55bdb1-font-size:1.313rem;--e-global-typography-a55bdb1-font-weight:400;--e-global-typography-a55bdb1-line-height:1.8;--e-global-typography-7c0d8cb-font-family:"Hanken Grotesk Static";--e-global-typography-7c0d8cb-font-size:1.313rem;--e-global-typography-7c0d8cb-font-weight:500;--e-global-typography-7c0d8cb-line-height:1.4;--e-global-typography-332f732-font-family:"Hanken Grotesk Static";--e-global-typography-332f732-font-size:1.125rem;--e-global-typography-332f732-line-height:1.8;--e-global-typography-845c5be-font-family:"Hanken Grotesk Static";--e-global-typography-845c5be-font-size:1rem;--e-global-typography-845c5be-line-height:1.6;--e-global-typography-d79cfd7-font-family:"Hanken Grotesk Static";--e-global-typography-d79cfd7-font-size:1.313rem;--e-global-typography-d79cfd7-font-weight:500;--e-global-typography-d79cfd7-line-height:1.4;--e-global-typography-b32a401-font-family:"Hanken Grotesk Static";--e-global-typography-b32a401-font-size:1.25rem;--e-global-typography-b32a401-font-weight:500;--e-global-typography-b32a401-line-height:1.4;--e-global-typography-10e3211-font-family:"Hanken Grotesk Static";--e-global-typography-10e3211-font-size:1.125rem;--e-global-typography-10e3211-line-height:1.8;background-color:var( --e-global-color-d2203e3 );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), arial, helvetica, sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-a55bdb1-font-family ), arial, helvetica, sans-serif;font-size:var( --e-global-typography-a55bdb1-font-size );font-weight:var( --e-global-typography-a55bdb1-font-weight );line-height:var( --e-global-typography-a55bdb1-line-height );color:var( --e-global-color-d2203e3 );border-radius:4px 4px 4px 4px;padding:20px 60px 20px 60px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-0149a26 );color:var( --e-global-color-d2203e3 );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:1.875rem;}.elementor-kit-5 a{color:var( --e-global-color-primary );}.elementor-kit-5 a:hover{color:var( --e-global-color-7c3de12 );}.elementor-kit-5 h1{color:var( --e-global-color-3487304 );font-family:var( --e-global-typography-primary-font-family ), arial, helvetica, sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 h2{color:var( --e-global-color-3487304 );font-family:var( --e-global-typography-secondary-font-family ), arial, helvetica, sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h3{color:var( --e-global-color-3487304 );font-family:var( --e-global-typography-accent-font-family ), arial, helvetica, sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 h4{color:var( --e-global-color-3487304 );}.elementor-kit-5 h5{color:var( --e-global-color-3487304 );}.elementor-kit-5 h6{color:var( --e-global-color-3487304 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1420px;}.e-con{--container-max-width:1420px;}.elementor-widget:not(:last-child){--kit-widget-spacing:1.875rem;}.elementor-element{--widgets-spacing:1.875rem 1.875rem;--widgets-spacing-row:1.875rem;--widgets-spacing-column:1.875rem;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:2400px){.elementor-kit-5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-a55bdb1-font-size );line-height:var( --e-global-typography-a55bdb1-line-height );}}@media(max-width:1366px){.elementor-kit-5{--e-global-typography-b32a401-font-size:1.125rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-a55bdb1-font-size );line-height:var( --e-global-typography-a55bdb1-line-height );}}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-d693b6e-font-size:1.5rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-a55bdb1-font-size );line-height:var( --e-global-typography-a55bdb1-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-b32a401-font-size:1.25rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-a55bdb1-font-size );line-height:var( --e-global-typography-a55bdb1-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
Sektionsabstand 6.25 rem
Abstand zwischen Elementen/Widgets 3.125rem
Abstand zwischen Absätzen 1.875rem
*/
html { font-size: 100%; }
p:last-child { margin-bottom: 0; }

@media screen and (max-width: 767px) {
    h1, h2, h3 { hyphens: auto; }
    h2, h2 {text-wrap: balance;}
    html { font-size: 90%; }
}

main p a,
main li a,
footer.elementor a { text-decoration: underline; }

/* Unternavigation Mobil */
@media screen and (max-width: 767px) {
    nav.e-n-menu .e-n-menu-content .e-active li.elementor-icon-list-item a {
        font-size: 1.125rem;
        line-height: 2;
        padding-top: 0,694rem;
        padding-bottom: 0,694rem;
    }
    
    /* Wenn Subnav mobil aktiv, Titel hervorheben */
    #mainnav .e-n-menu-item:has(> div.e-active) .e-n-menu-title .e-n-menu-title-text {
        color: var(--n-menu-title-color-hover);
    }
    #mainnav .e-n-menu-item:has(> div.e-active) .e-n-menu-title .e-n-menu-dropdown-icon-opened svg {
        fill: var(--n-menu-title-color-hover);
    }
}

.kopfzeile {
    padding-left: 10px;
    padding-right: 20px;
}
@media screen and (mavx-width: 767px) {
.kopfzeile {
    padding-left: 20px;
    padding-right: 10px;
}
}


/* Icons auf nicht mobil ausblenden*/
@media screen and (min-width: 768px) {
    .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon { display: none; }
}

/* Navigation: Links */
.navlinklist.col2 {
    column-count: 2;
}
@media screen and (max-width: 767px) {
    .navlinklist.col2 {
        column-count: 1;
    }
}

.navlinklist li {
    border-bottom: 1px var( --e-global-color-e8acffe ) solid;
}
.navlinklist li:last-child {
    padding-bottom: 4px;
}

/* Animation der Links */
@media screen and (min-width: 1025px) {
    .navlinklist a {
        transition: all .3s;
    }
    .navlinklist a:hover {
        padding-left: 1.875rem;
    }
    .navlinklist a:hover:before {
        width: 1.25rem;
    }
    .navlinklist a:before {
        background-color: var( --e-global-color-secondary );
        content: "";
        display: inline-block;
        height: .25rem;
        left: 0;
        position: absolute;
        transition: all .3s;
        width: 0;
    }
}

/* Navigation Linkfarbe Startseite */
#startseite.e-n-menu-title.e-current a {
    color: var(--n-menu-title-color-normal);
}
#startseite.e-n-menu-title.e-current a:hover {
    color: var(--n-menu-title-color-active);
}

/* Externe Links in Navigation */
.navlinklist a.extern:after {
    content: "";
    background-color: var( --e-global-color-e8acffe );
    mask-size: contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z'/%3E%3C/svg%3E");
    width: 1rem;
    height: 1rem;
    position: absolute;
    right:0;
}


/* Navigation positionieren */
.elementor-widget-n-menu {
    display: flex;
}
.elementor-widget-n-menu .e-n-menu {
    flex-direction: row;
    align-self: stretch;
    align-items: stretch;
    flex-wrap: wrap;
}
.elementor-widget-n-menu .e-n-menu-wrapper {
    flex-direction: row;
    align-items: stretch;
}

/* Menu Toggle Tablet */
.elementor.elementor .elementor-widget-n-menu.e-n-menu-tablet .e-n-menu-toggle {
    align-self: center;
}

/* Navigation Hintergrund */
@media screen and (min-width: 1025px) {
    .e-n-menu-content.e-active:after {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0,0,0,0.5);
        position: absolute;
        content: '';
        z-index: -5;
    }
}

/* Navigation Hintergrund Tablet */
@media screen and (max-width: 1024px) {
    .e-n-menu-wrapper {
        min-height: 100vh;
    }
    .e-n-menu-wrapper:after {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0,0,0,0.5);
        position: absolute;
        content: '';
        z-index: -5;
    }
}

/* Logo resize on scroll */
@media screen and (min-width: 1367px) {
    .hlslogo {
        width: 160px;
    }
    .hlslogo a img {
        width: 160px;
        transition: 0.2s width ease-in-out;
    }
    
    .elementor-sticky--effects  .hlslogo a img {
        width: 100px !important;
        transition: 0.2s width ease-in-out;
    }
}

@media screen and (max-width: 767px) {
    .elementor-widget-icon-list.teilnehmerbereich .elementor-icon-list-text { display: none; }
}

/* Hauptnavigation - Schriftgröße */
@media only screen and (min-width: 1024px) and (max-width: 1165px) {
    #mainnav ul li .e-n-menu-title-text { font-size: 65%;
    }
}

/* Herobild */
.herobild img { object-fit: cover; height: 66vh; min-height: 31.25rem; }

/* Seitenintrotext, max-breite */
.pageintro p { max-width: 1160px; }

/* rechts spalte bei Rechtsgebiete und Über uns*/
@media screen and (min-width: 768px) {
    .rechts { padding-left: 5rem; }
}

/* Rechtsgebiete Schritte */ 
.vierschritte .xpro-content-toggle-button {
border-radius: 50px;
padding: 0;
}

.vierschritte .xpro-content-toggle-button-wrapper:before {
content: 'In nur 4 Schritten zum Zertifikat';
left: 0;
position: absolute;
color: var( --e-global-color-3487304 );
font-family: var( --e-global-typography-secondary-font-family ), arial, helvetica, sans-serif;
font-size: var( --e-global-typography-secondary-font-size );
font-weight: var( --e-global-typography-secondary-font-weight );
line-height: var( --e-global-typography-secondary-line-height );
}

.vierschritte.fortbildung .xpro-content-toggle-button-wrapper:before {
content: 'In nur 4 Schritten zum Fortbildungsnachweis!';
}

.vierschritte.weiterbildung .xpro-content-toggle-button-wrapper:before {
content: '';
}

@media screen and (max-width:767px) {
.vierschritte .xpro-content-toggle-button-wrapper:before,
.vierschritte.fortbildung .xpro-content-toggle-button-wrapper:before {
content: '';
}
}

.vierschritte .xpro-badge {
aspect-ratio: 1/1;
width: 35px;
height: 35px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}

.vierschritte .xpro-step-flow-icon {
aspect-ratio: 1/1;
height: 200px;
width: 200px;
}

.vierschritte .hls-step1::before {
width: auto;
}

/* Zielgenau auf das Accordion mit spezifischem aria-labelledby */
div[aria-labelledby="e-n-accordion-item-9830"] .elementor-element.e-flex.e-con.e-child {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start; /* Wichtig: Oben ausrichten */
  gap: 0.75em;
}

/* Icon korrekt oben ausrichten */
div[aria-labelledby="e-n-accordion-item-9830"] .elementor-widget-icon {
  display: flex;
  align-items: flex-start; /* SVG oben halten */
  justify-content: center;
  flex: 0 0 auto;
  line-height: 1;
  padding-top: 0.2em; /* optionaler Feinausgleich */
}

/* Überschrift bleibt umbrechbar */
div[aria-labelledby="e-n-accordion-item-9830"] .elementor-widget-heading {
  flex: 1 1 auto;
}

div[aria-labelledby="e-n-accordion-item-9830"] .elementor-heading-title {
  white-space: normal;
  word-break: break-word;
  margin: 0;
}

/* Anmeldeseite BGE - Texte ein/ausblenden */
.hallostandard.bge1 { display: none; }

.hallobge { display: none; }
.hallobge.bge1 { display: flex; }

/* Tariftabelle - Kooperationspartner */
@media screen and (min-width: 1367px) {
.contenttable.sondertarife {
    width: 70%;   
}
}
.contenttable.sondertarife thead {
background-color: #f5f5f5;
}
.contenttable.sondertarife thead th {
text-align: left;
}
table.contenttable.sondertarife tbody tr td {
background-color: #ffffff;
}

/* schlagschatten mobil anpassen dozenten, lehrgangsbesten, partner */
@media screen and (max-width: 468px) {
.dozentimg img { box-shadow: 10px 10px 0px 0px #F8B126 !important }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Hanken Grotesk Static';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.hagen-law-school.de/wp-content/uploads/2025/04/HankenGrotesk-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Hanken Grotesk Static';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.hagen-law-school.de/wp-content/uploads/2025/04/HankenGrotesk-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Hanken Grotesk Static';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.hagen-law-school.de/wp-content/uploads/2025/04/HankenGrotesk-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Hanken Grotesk Static';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.hagen-law-school.de/wp-content/uploads/2025/04/HankenGrotesk-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Hanken Grotesk Static';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.hagen-law-school.de/wp-content/uploads/2025/04/HankenGrotesk-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */