/*
Theme Name: saninord
Text Domain: saninord
Author: Sanitätsschule Nord
Description: Das Theme für die SanitaetsschuleNord-Homepage
Version: 1.0
*/

/*
TODO TC
css Definitionen

:root {
    --blue: #007bff;
    --primary: #23ff34;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    usw.

    nutzen mit var(--blue)
}
*/
/*
*, *::before, *::after {
    box-sizing: border-box;
}*/

:root {

    /* Colors: */
    --unnamed-color-ef4854: #EF4854;
    --unnamed-color-2b231c: #2B231C;
    --unnamed-color-2b231cd9: #2B231CD9;
    --sn-color-red-inverse: #F4EEE9;
    --sn-color-button-red-inverse: #2b231c;
    --sn-bg-color-button-red-inverse: #F4EEE9;

    --sn-bg-color-button-brown: #2b231c;
    --sn-color-button-brown: #F4EEE9;
    --sn-color-footer: #2b231c;

    --sn-bg-color-blue: #D5E4F8;

    /* Font/text values */
    --sn-font-style-normal: normal;
    --sn-font-size-txt-block: 18px;
    --sn-line-spacing-txt-block: 25px;
    --sn-font-size-txt-block-head: 1.5em;
    --sn-font-size-txt-block-subhead: 1.5em;

    --unnamed-font-family-epilogue: Epilogue;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-weight-bold: bold;
    --unnamed-font-size-18: 18px;
    --unnamed-font-size-25: 25px;
    --unnamed-font-size-30: 30px;
    --unnamed-font-size-40: 40px;
    --unnamed-font-size-60: 60px;
    --unnamed-font-size-100: 100px;
    --unnamed-font-size-main: 4.5em;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-25: 25px;
    --unnamed-line-spacing-32: 32px;
    --unnamed-line-spacing-35: 35px;
    --unnamed-line-spacing-50: 50px;
    --unnamed-line-spacing-70: 70px;
    --unnamed-line-spacing-103: 103px;
    --unnamed-line-spacing-main: 10px;
}

/* Character Styles */
.h1-epilogue-–-100pt {
    font-family: var(--unnamed-font-family-epilogue);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-100);
    line-height: var(--unnamed-line-spacing-103);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ef4854);
}
.h1-thin-epilogue-–-100pt {
    font-family: var(--unnamed-font-family-epilogue);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-100);
    line-height: var(--unnamed-line-spacing-103);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ef4854);
}
.subhead-epilogue-–-25pt {
    font-family: var(--unnamed-font-family-epilogue);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-25);
    line-height: var(--unnamed-line-spacing-35);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ef4854);
}
.h2-epilogue-–-60pt {
    font-family: var(--unnamed-font-family-epilogue);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-60);
    line-height: var(--unnamed-line-spacing-70);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-2b231c);
}
.h3-epilogue-–-30pt {
    font-family: var(--unnamed-font-family-epilogue);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-30);
    line-height: var(--unnamed-line-spacing-35);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-2b231c);
}
.h4-epilogue-–-25pt {
    font-family: var(--unnamed-font-family-epilogue);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-25);
    line-height: var(--unnamed-line-spacing-32);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-2b231c);
}
.lead-text-epilogue-–-40pt {
    font-family: var(--unnamed-font-family-epilogue);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-40);
    line-height: var(--unnamed-line-spacing-50);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-2b231c);
}
.body-epilogue-–-18pt {
    font-family: var(--unnamed-font-family-epilogue);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-18);
    line-height: var(--unnamed-line-spacing-25);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-2b231cd9);
}

.epilogue-uniquifier {
   font-family: "Epilogue", sans-serif;
   font-optical-sizing: auto;
   font-weight: weight;
   font-style: normal;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Epilogue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 1.5em;
}

@media (max-width: 768px) {
    div#content {
        padding: 20px;
    }
}

.btabs {
    padding: 0 !important;
}

.btabs .tab-main-container {
    font-family: "Epilogue", "Helvetica", "Arial", sans-serif !important;
}

h1 span, h2 span, h3 span, h4 span, h5 span {
    font-weight: normal;
}

h2 {
    line-height: 1.3em;
}

h3 span {
    font-weight: normal;
}

.sn-schmaler-1 {
    width: 80%;
}

.sn-schmaler-2 {
    width: 70%;
}

.sn-schmaler-3 {
    width: 60%;
}

.sn-schmaler-4 {
    width: 50%;
}

.img-placeholder-big {
    border: 1px solir red;
    height: 400px;
    background-color: #F1F1F1;
    margin: 3em 0 3em 0;
}
.no-margin { margin: 0; }

h3 { font-size: var(--sn-font-size-txt-block-head); }

h3.wp-block-heading {
    margin: 3em 0 2em 0;
}

h2.content-title {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: -30px;
    font-size: 2em;
}

h2.content-title-single {
    margin-bottom: 2em;
}

h5 {
    margin-bottom: 1.2em;
}

h2.content-subtitle {
    margin-top: 30px;
    margin-bottom: -30px;
    font-size: 2em;
    font-weight: normal;
}
/*
h3.content-title {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: -30px;
    font-size: 1.5em;
}

h3.content-title-single {
    margin-bottom: 1.5em;
}

h3.content-subtitle {
    margin-top: 30px;
    margin-bottom: -30px;
    font-size: 1.5em;
    font-weight: normal;
}*/

.content-motto {
    /*margin-top: 50px;*/
}

.content-motto-50 {
    width: 50%;
}

div#content {
    width: 1100px;
    margin: 0 auto;
    padding-top: 2.5em;
    max-width: 100%;
}

div.error-404 {
    text-align: center;
    padding: 80px;
}

div.top-bar {
    position:sticky;
    background: #F4EEE9 0% 0% no-repeat padding-box;
    top: 0px;
    left: 0px;
    width: 100%;
    opacity: 1;
    font-size: 0.8em;
    color: #2b231c;
    height: 40px;
    display: flex;
    align-items: center;
    z-index: 1000;
}

div.top-bar div {
    width: 1100px;
    margin: 0 auto;
}

div.top-bar span {
    display: inline-block;
    padding-top: 2px;
    margin-left: 0.3em;
    margin-right: 0.2em;
}

div.top-bar span.info {
    float: right;
}

div.top-bar svg {
    float: right;
    width: 22px;
    height: 22px;
    margin-left: 1.5em;
}

div.top-bar svg.left {
    float: left;
    margin-left: 0;
    margin-right: 0.2em;
}


.sn-header {
    /*border-bottom: 1px solid black;*/
}

.sn-header a {
    text-decoration: none;
    color: #2b231c;
}

.sn-header ul {

}

/*.sn-header h1 {
    float: left;
}*/

.sn-header div {
    /*padding-left: 200px;*/
    /*display: inline-flex;*/
    /*margin-left: auto;
    margin-right: 0;*/
}

.sn-header ul {
    /*list-style: none;*/
    /*display: contents;*/
}

/*.sn-header ul.sub-menu {
    visibility: hidden;
    display: none;
}*/

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus
{
    text-decoration: underline !important;
}

ul.mega-sub-menu {

}

div.menu-hauptmenue-container {
    vertical-align: 0.7em;
}

.sn-header ul#menu-hauptmenue {
    /*margin-top: -22px;*/
}
/*
.sn-header ul li {
    float: left;
    font-size: 0.8em;
    margin-right: 20px;
}*/

.topmenu-txt-action {
    font-size: 1.1em;
    text-align: center;
}

div.topmenu_action_box {
    /*width: 215px;*/
    text-align: center;
    position: relative;
    margin-left: -60px;
    background-color: #F4EEE9;
    padding: 30px 10px 10px 10px;
}

div.topmenu_action_box img {
    width: 70px;
}

h1 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-60)/var(--unnamed-line-spacing-70) var(--unnamed-font-family-epilogue);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-2b231c);
    text-align: left;
    letter-spacing: 0px;
    color: #2B231C;
    opacity: 1;
}


main.wrap {
    clear: both;
    padding-top: 50px;
}

.main-title {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-main)/var(--unnamed-line-spacing-main) var(--unnamed-font-family-epilogue);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ef4854);
    text-align: left;
    opacity: 1;
    line-height: 1.1em;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    overflow-wrap: break-word;
}

.main-subtitle {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-main)/var(--unnamed-line-spacing-main) var(--unnamed-font-family-epilogue);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ef4854);
    text-align: left;
    opacity: 1;
    line-height: 1.0em;
}

.main-motto {
    min-width: 600px;
    width: 50%;
    color: var(--unnamed-color-ef4854);
    margin-bottom: 10px;
}
.main-motto p {
    margin: 0; padding: 2px 0;
}

.kachel_1, .kachel_2, .kachel_3, .kachel_4 {
}

.kachel_1 h4, .kachel_2 h4, .kachel_3 h4, .kachel_4 h4 {
    padding: 2em 2em 0 2em;
}
div.c-frontpage-kacheln div.kachel p {
    padding: 0 2em 0 2em;
    margin-top: -20px;
}

div.c-frontpage-kacheln div.kachel div.kachel-blau p {
    padding: 0;
    margin: 40px 40px 0 40px;
}

div.c-frontpage-kacheln div.scroll-kachel div.kachel .c-img {
    display: flex;
    overflow: hidden;
    height: 200px;
}

div.c-frontpage-kacheln div.scroll-kachel div.kachel .c-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.kachel_1 a, .kachel_2 a, .kachel_3 a, .kachel_4 a {
    padding: 1em 2em 2em 2em;
}

/*.kachel_1 img.arrow, .kachel_2 img.arrow, .kachel_3 img.arrow, .kachel_4 img.arrow {
    height: 15px;
}*/
/*div.c-frontpage-kacheln svg.arrow {
    color: var(--unnamed-color-2b231c);
    width: 50px;
    height: 30px;
}*/

.kachel_1 {
    color: white;
    background-color: #EF4854;
}

.kachel_2 {
    background-color: #00000029;
}
.kachel_3 {
    background-color: #D5E4F8;
}
.kachel_4 {
    color: white;
    background-color: #2B231C;
}

.sn-eh-filiale-badsegeberg div.c-img {
    background-image: url("assets/images/eh_kachel_dummy.png");
}


div.c-frontpage-kacheln {
   /*overflow: scroll;*/
    width: 100%;
    margin: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    display: inline-flex;
}

/*div.c-frontpage-kacheln .wp-block-group {*/
div.c-frontpage-kacheln div.kachel {
    min-width: 270px;
    margin: -2px;
    display: inline-block;
    width: 270px;
    /*text-align: center;*/
}

div.c-frontpage-kacheln div.kachel:not(:first-child) {
    margin-left: 30px;
}

div.c-frontpage-kacheln figure {
    margin: 0;
}

.sn-txt-block {
    /*margin-top: 3em;*/
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-2b231c);
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    /*margin-bottom: 5em;*/
}

.sn-txt-block h3 {
    font-size: var(--sn-font-size-txt-block-head);
    margin-bottom: 0;
}


.sn-txt-block p {
    font: var(--sn-font-style-normal) normal var(--unnamed-font-weight-normal) var(--sn-font-size-txt-block)/var(--sn-line-spacing-txt-block) var(--unnamed-font-family-epilogue);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-2b231c);
    text-align: left;
    opacity: 1;
}

.sn-txt-block p.subhead {
    font-size: var(--sn-font-size-txt-block-subhead);
    margin-bottom: 1em;
}

.sn-txt-block-red {
    background-image: url("assets/images/lebenslinie_weiss_rot.png");
    background-position: right bottom 30px;
    background-repeat: no-repeat;
    padding-bottom: 10em !important;
}

.sn-txt-block-red , .sn-txt-block-red p {
    background-color: var(--unnamed-color-ef4854);
    color: var(--sn-color-red-inverse);
    text-align: center;
}
.sn-txt-block-red h3, .sn-txt-block-red p.rote-box-subtitle {
    font-size: 1.7em;
}

.sn-txt-block-red a img.arrow {
    margin-left: 15px;
    margin-bottom: -2px;
}

.sn-txt-block-centered {
    /*padding: 4em 10em;*/
    padding: 1.3em 16em;
    text-align: center;
    background-color: var(--unnamed-color-ef4854);
    color: var(--sn-color-red-inverse);
}

.sn-txt-block-centered h3 {
    width: 100%;
    margin-bottom: 1.5em;
}

.sn-txt-block-centered .wp-block-buttons {
    width: 100%;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 1.5em;
}

.wp-block-buttons .wp-block-button a.wp-block-button__link {
    /*padding: 1.5em 1em 1.5em 1em;*/
    border-radius: 0;
    font-size: 0.9em;
}

.sn-txt-block-red .wp-block-buttons .wp-block-button a.wp-block-button__link {
    background-color: var(--sn-bg-color-button-red-inverse);
    color: var(--sn-color-button-red-inverse);
}

.bildungstraeger {
    margin-top: 4em;
    margin-bottom: 4em;
}

.bildungstraeger p {
    margin-right: 50px;
    /*padding-right: 7em;*/
}

.bildungstraeger img {
    /*max-width: 70px;*/
}

.copyright-footer {
    font-size: 0.7em;
    margin-bottom: 1em;
}

footer {
    margin-bottom: 3em;
}
footer div {
 /*   display: inline-block;*/
}

footer .motto {
    margin: 0;
    padding: 15px 0;
    font-size: 1em;
    font-weight: bold;
    color: var(--unnamed-color-ef4854);
}

div.kommende_lehrgaenge, div.offene_stellen {
    /*margin-top: 2em;*/
}

div.kommende_lehrgaenge div.lehrgang, div.offene_stellen div.offene_stelle {
    background-color: #F4EEE9;
    margin-bottom: 1.5em;
    width: 100%;
}

.lehrgang {
    /*
    float: left;
    width: 100%;*/
    display: flex;
    /*align-items: stretch;*/
    /*height: 170px;*/
    min-height: 195px;
    gap: 20px;
    /*align-items: flex-start;*/
}

/* Optional: if you want vertical stacking instead of side-by-side */
/*.parent {
    display: flex;
    flex-direction: column;
}*/

.c_lehrgang_bild, .c_lehrgang_info {
    float: left;
}

.c_lehrgang_bild {
    width: 20%;
    display: flex;
    overflow: hidden;
}

.c_lehrgang_bild img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.c_lehrgang_bild_gr {
    width: 20%;
    max-width: 20%;
    overflow: hidden;
}
/*
.c_lehrgang_bild_gr img {
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    object-position: center;
    display: block;
}*/

.with-bg-image {
    height: auto; /* Let height be determined by content or aspect ratio */
    background-size: cover;      /* Fill container, crop if needed */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent tiling */
}


.c_lehrgang_info {
    width: 55%;
    padding-top: 1.1em;
    padding-bottom: 1.3em;
    padding-left: 1.3em;
}

.c_lehrgang_info_gr {
    width: 55%;
    padding-top: 1.1em;
    padding-bottom: 1.1em;
    padding-left: 1.3em;
    /*padding: 1.3em;
    padding-left: 2.5em;*/
}

p.lehrgang_titel {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 7px;
}

p.lehrgang_typ {
    font-size: 0.7em;
    margin-top: 0;
    margin-bottom: 20px;
}

div.lehrgang_details span {
    width: 33%;
    display: inline-block;
}

div.lehrgang_details_gr {
    /*margin-bottom: 10px;*/
}
div.lehrgang_details_gr span {
    width: 33%;
    display: inline-block;
}

div.lehrgang_details p.val,
div.lehrgang_details_gr p.val {
    margin-bottom: 0.15em;
}

div.lehrgang_details p.lbl,
div.lehrgang_details_gr p.lbl {
    margin-top: -5px;
    margin-bottom: 0;
    font-size: 0.8em;
}

.val-with-left-space {
    padding-left: 30px;
}

div.lehrgang_details span.btn_c {
    position: relative;
    top: -16px;
}

div.lehrgang span.btn_c_gr {
    position: relative;
    top: 25px;
}

div.offene_stellen div.offene_stelle {
    padding: 1.3em;
}

div.offene_stellen div.offene_stelle h4 {
    margin-bottom: 0;
}

div.offene_stellen div.offene_stelle p {
    margin-top: 0.3em;
    /*font-size: 0.8em;*/
}

div.offene_stellen div.offene_stelle span.c-action-button {
    display: inline-block;
    float: right;
    margin-top: -55px;
}


div.c_neuigkeiten {
    background-color: var(--sn-bg-color-blue);
    display: flex;
    padding: 2em;
}

div.c_neuigkeiten .c_neuigkeit {
    width: 100%;
}

div.c_neuigkeiten .neuigkeit_bild {
    float: left;
    width: 40%;
    /*text-align: center;*/
    /*margin: 0; padding: 0;*/
    display: flex;
    overflow: hidden;
}
div.c_neuigkeiten .neuigkeit_info {
    float: left;
    width: 40%;
    /*padding-left: 2em;*/
}

div.c_neuigkeiten .neuigkeit_info .neuigkeit_titel {
    font-weight: bold;
    font-size: 1.0em;
    line-height: 1.4em;
    /*padding: 3em 2em 0 2em;*/
}

div.c_neuigkeiten .neuigkeit_info .neuigkeit_text {
    /*font-size: 0.8em;*/
    line-height: 1.3em;
    /*padding: 0 2em 0 2em;*/
}

div.c_neuigkeiten .neuigkeit_info .neuigkeit_titel span.sub {
    display: block;
    font-weight: normal;
}


div.c_neuigkeiten .neuigkeit_info {
    padding: 2.5em 6em 0 6em;
}

button.sn-bt-brown {
    margin-top: 1em;
    background-color: var(--sn-bg-color-button-brown);
    padding: 1em 1.5em 1em 1.5em;
    border-radius: 0;
}
button.sn-bt-brown a {
    color: var(--sn-color-button-brown);
    /*font-size: 0.8em;*/
    text-decoration: none;
}

footer {
    margin-top: 100px;
}

footer ul {
    list-style: none;
    margin-top: 0;
}
footer ul li {
    padding: 0.2em;
}

footer ul li a {
    text-decoration: none;
    color: var(--sn-color-footer);
}

footer div.menu-footer_menu_2-container {
    padding-right: 15px;
}


footer div.is-layout-flex {
    align-items: flex-start;
    justify-content: space-between;
}

footer p {
    margin: 0;
    padding: 0.2em;
}

footer div.adresse {
    margin-bottom: 1.5em;
}

footer div.logo img {
    width: 80px;
}

footer div.social {
    margin-top: 0.4em;
}

footer div.social img {
    margin-right: 0.6em;
    width: 15px;
}

footer div.social img.facebook {
    width: 10px;
}

footer div.social img.instagram {
    width: 19px;
}

footer div.social img.youtube {
    width: 24px;
}

p.c_ticker {
    display: inline-block;
    padding: 0; margin: 0;
}

hr.spacer-line {
    border: none;
    border-top: 1px solid #F4EEE9;
    margin: 60px 0;
}

button.scroll-next, button.scroll-next-2 {
    width: 70px;
    height: 50px;
    border: none;
    background-image: url("assets/images/feather-arrow-left-short.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    cursor: pointer;
}

button.scroll-prev, button.scroll-next-2 {
    width: 70px;
    height: 50px;
    border: none;
    background-image: url("assets/images/feather-arrow-right.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    cursor: pointer;
}

span.action a,
.btabs .tab-main-container a,
.btabs .tab-main-container a:focus,
.btabs .tab-main-container a:hover {
    text-decoration: none !important;
}

a.action-button-dark,
div.action-button-dark a {
    cursor: pointer;
    align-content: center;
    padding-right: 75px;
    padding-left: 25px;
    color: #F4EEE9;
    min-height: 45px;
    display: inline-block;
    border: none;
    background-color: var(--unnamed-color-2b231c);
    background-image: url("assets/images/feather-arrow-left-short-white.svg");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center right 25px;
    text-decoration: none;
    font-size: 0.9em;
    line-height: 1.0em;
}

.action-button-dark-disabled {
    background-color: gray;
}

.action-button-dark p {
    margin: 0;
}

a.action-button-dark,
div.action-button-dark a {
    font-size: 0.9em;
    line-height: 1.0em;
    text-decoration: none;
    color: #F4EEE9;
    background-color: var(--unnamed-color-2b231c);
}

.action-button-dark-disabled a {
    background-color: gray;
}

a.action-button-light,
div.action-button-light a {
    cursor: pointer;
    /*font-size: 0.8em;*/
    font-size: 0.9em;
    line-height: 1.0em;
    padding-right: 75px;
    padding-left: 25px;
    color: #2B231C;
    height: 45px;
    border: none;
    background-color: #F4EEE9;
    background-image: url("assets/images/feather-arrow-left-short.svg");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center right 25px;
}

a.action-button-light,
div.action-button-light a {
    text-decoration: none;
    color: #2B231C;
    background-color: #F4EEE9;
}

.action-button-long a.wp-block-button__link {
    /*width: 220px;*/
}

a.action-link-arrow {
    font-size: 0.9em;
    text-decoration: none;
    padding-right: 75px;
    color: #7e7770;
    background-image: url("assets/images/feather-arrow-left-short.svg");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center right 25px;

}
.c_leistungen {
    width: 100%;
}

.c_leistung {
    width: 100%;
    display: inline-flex;
    vertical-align: top;
    margin-top: 6em;
}

.leistung_bild {
    width: 60%;
}
.leistung_bild_odd {
    text-align: right;
}
.leistung_info {
    width: 39%;
    vertical-align: top;
    padding-top: 3em;
}
.leistung_info_odd {
    padding-left: 3em;
}

.leistung_bild, .leistung_info {
    display: inline-block;
}

.leistung_text {
    /*font-size: 0.8em;*/
    /*line-height: 1.3em;*/
    width: 100%;
}

/*div.c_leistungen .leistung_info .leistung_titel h2, div.c_leistungen .leistung_info .leistung_titel h4 {
    margin: 0; padding: 0;
    font-weight: bold;
    line-height: 1.4em;
    font-size: 2.5em;
}*/

div.c_leistungen .leistung_info .leistung_titel h2 {
    /*font-weight: bold;*/
}
/*
div.c_leistungen .leistung_info .leistung_titel h4 {
    font-weight: normal;
}*/





div.c-scroll-kacheln {
    width: 100%;
    margin: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
}

div.c-scroll-kacheln div.scroll-kachel {
    margin: -2px;
    display: inline-block;
    width: 270px;
}

div.c-scroll-kacheln div.scroll-kachel:not(:first-child) {
    margin-left: 30px;
}

div.kachel-rot,
div.kachel-blau,
div.kachel-grau,
div.scroll-kachel div.kachel {
    padding: 0;
    width: 30%;
    max-width: 400px;
    min-width: 270px;
    display: inline-block;
    margin-right: 3%;
}

div.kachel-rot {
    background-color: var(--unnamed-color-ef4854);
    color: white;
}

div.kachel-blau {
    background-color: var(--sn-bg-color-blue);
    color: #2B231C;
}

div.kachel-grau {
    background-color: #F4EEE9;
    color: #2B231C;
}

div.kachel-rot .arrow,
div.kachel-blau .arrow,
div.kachel-grau .arrow,
div.scroll-kachel div.kachel .arrow {
    margin-left: 40px;
    margin-top: 10px;
    margin-bottom: 35px;
}

div.kachel-rot p,
div.kachel-blau p,
div.kachel-grau p,
div.scroll-kachel div.kachel p.first {
    margin: 40px 40px 0 40px;
    padding: 0;
    font-size: 0.9em;
}

div.scroll-kachel div.kachel p.second {
    margin: 0 0 20px 40px;
    padding: 0;
}

div.kachel-rot h4,
div.kachel-blau h4,
div.kachel-grau h4,
div.scroll-kachel div.kachel h4.second {
    margin: 5px 40px 20px 40px;
    padding: 0;
}

div.scroll-kachel div.kachel h4.first {
    margin: 40px 0 0 40px;
    padding: 0;
}

div.scroll-kachel div.kachel a {
   /* padding: 1em 2em 2em 2em;*/
}

.sn-eh-klassisch div.c-img,
.sn-eh-kind div.c-img,
.sn-eh-hund div.c-img,
.sn-fortbildung-kachel div.c-img,
.sn-eh-filiale-kachel div.c-img {
    height: 170px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
}

.sn-eh-klassisch div.c-img {
    background-image: url("assets/images/eh_kachel_dummy.png");
    background-repeat: no-repeat;
}

.sn-eh-kind div.c-img {
    background-image: url("assets/images/eh_kachel_dummy.png");
    background-repeat: no-repeat;
}

.sn-eh-hund div.c-img {
    background-image: url("assets/images/eh_kachel_dummy.png");
    background-repeat: no-repeat;
}

.sn-fortbildung-kachel div.c-img {
    background-image: url("assets/images/eh_kachel_dummy.png");
    background-repeat: no-repeat;
}

.c-team-mitglieder img {
    width: 100%;
}

.c-team-mitglieder .scroll-kachel h4 {
    padding: 0em 2em 0 0em;
}
.c-team-mitglieder .scroll-kachel p {
    padding: 0 2em 0 0em;
    margin-top: -20px;
}

.sn_team_mitglied {
    padding-left: 5px;
}

/*.icon {
    background-color: #F4EEE9;
    text-align: center;
    margin: 15px;
}*/

.c-sn-icon-img {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    background-color: #F4EEE9;
}

.c-icon-texte-vertical .icon-text {
    margin-top: 25px;
    text-align: center;
    width: 80%;
    font-size: 0.9em;
}

.c-icon-texte-vertical .icon-text:not(:first-child) {
    margin-top: 4em;
}
/*
.c-icon-texte-float {
    display: grid;
    grid-template-columns: auto auto auto;
    width: 100%;
    margin: auto;
}

.c-icon-texte-float .icon-text {
    margin-bottom: 4em;
    padding-right: 3.5em;
}

*/


.wp-block-columns.c-icon-texte-float,
.wp-block-columns.c-icon-texte-float-eh-kurse {
    display: flex;
    flex-wrap: wrap !important;
    gap: 80px; /* spacing between columns */
    row-gap: 40px;
    margin: 0 auto;
    max-width: 1200px; /* optional: constrain width */
}

.wp-block-columns.c-icon-texte-float > .wp-block-column.icon-text {
    flex: 1 1 calc(50% - 45px) !important;
    flex-basis: calc(50% - 45px) !important;
    flex-grow: 0 !important;
}

.wp-block-columns.c-icon-texte-float-eh-kurse > .wp-block-column.icon-text {
    flex: 1 1 calc(30% - 25px) !important;
    flex-basis: calc(30% - 25px) !important;
    flex-grow: 0 !important;
}

/* Column styling */
.wp-block-column.icon-text {
    flex: 1 1 calc(50% - 45px); /* 2 columns on desktop */
    min-width: 0; /* prevents overflow */
}

.c-icon-texte-ablauf-float {
    display: grid;
    grid-template-columns: auto auto auto;
    width: 100%;
    margin: auto;
    margin-top: 30px;
}

.c-icon-texte-ablauf-float .icon-text {
    margin-bottom: 4em;
    padding-right: 3.5em;
}


/* Mobile: 1 column */
@media (max-width: 768px) {
    .wp-block-columns.c-icon-texte-float > .wp-block-column.icon-text {
        flex: 1 1 100% !important;
    }
}

/* Optional: 3 columns on large screens */
@media (min-width: 1200px) {
    .wp-block-column.icon-text {
        flex: 1 1 calc(33.333% - 20px);
    }
}


div.bordered-tab-contents div.c-icon-texte-float {
    margin-top: 60px;
}

div.c-schulungsraeume-kacheln h4, div.c-unterkuenfte-kacheln h4 {
    margin-top: 1em;
    padding: 0 2em 0 1.6em;
    font-size: 1.2em;
}

div.c-schulungsraeume-kacheln div.kachel p, div.c-unterkuenfte-kacheln div.kachel p {
    margin-top: 3em;
}

.c-scroll-img {
    overflow: hidden;
    width: 100%;
    height: 170px;
}

div.c-unterkuenfte-kacheln {
    margin-top: 2.5em;
}

div.c-unterkuenfte-kacheln div.kachel {
    width: 50%;
}

p.rote-box-subtitle {
    margin-top: -35px;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
    font-size: 1.4em;
}

.article-full .main-title, .content-area .main-title {
    margin-bottom: 0.05em;
    margin-top: 20px;
}

.article-full .main-subtitle, .content-area .main-subtitle {
    margin-top: 0;
    margin-bottom: 0.5em;
}

.backlink {
    margin-bottom: -20px;
    position: relative;
}
.backlink a {
    font-size: 0.9em;
    text-decoration: none;
    padding-left: 55px;
    color: #2B231C;
    background-image: url(assets/images/feather-arrow-right.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center left;
}

.full-width {
    width: 100%;
    margin: 0;
}

.kontakt_und_map {
    margin-top: 5em;
    background-color: #D5E4F8;
    padding: 3em;
}
.kontakt_und_map p {
    line-height: 1.7em;
    font-size: 1.2em;
}

.wp-block-sn-schwarzer-header-block {
    font-size: 1.3em;
}
.wp-block-sn-schwarzer-header-block h2 {
    margin-bottom: 1.2em;
}

.wp-block-sn-schwarzes-motto-block p {
    font-size: 1.2em;
    line-height: 1.4em;
}

.c-lehrgangsinhalte {
    /*display: flex;*/
}

div.c-lehrgangsinhalte div.scroll-kachel {
    width: auto;
    display: table-cell;
}

.sn_lehrgangsinhalt {
    margin-right: 15px;
}
.sn_lehrgangsinhalt .sn-popup-title {
    /*font-size: 0.8em;*/
    background-color: var(--unnamed-color-2b231c);
    padding: 25px 25px;
    color: #F4EEE9;
    line-height: 1.8em;
    text-align: center;
    cursor: pointer;
}

.sn_lehrgangsinhalt .sn-popup-content {
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: var(--unnamed-color-2b231c);
    color: #F4EEE9;
    padding: 6px 12px;
    white-space: normal;
    width: 300px;
}

.sn_lehrgangsinhalt .sn-popup-content p {
    width: 300px;
}

.sn-nummerierung {
    background-color: #F4EEE9;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2B231C;
    font-size: 16px;
    margin: 0;
}

.sn_ablauf_weiter {
    background-image: url("assets/images/feather-arrow-left.png");
    background-position: right top 15px;
    background-repeat: no-repeat;
    margin-right: 25px !important;
}




.sn-blaue-box {
    width: 90%;
    /*font-size: 0.8em;*/
    padding: 25px 30px;
    background-color: #D5E4F8;
    align-self: flex-start;
}

.sn-blaue-box-breit {
    width: 100%;
}

.sn-blaue-box-breit .wp-block-column {
    padding: 20px;
}

.sn-blaue-box-breit .wp-block-table {
    margin: 0;
}

.sn-blaue-box-breit .sn-h-blaue-box-bewertungen {
    padding-top: 0px;
}

.sn-eh-anmeldung .sn-blaue-box {
    margin-top: 110px;
}

p.sn-h-blaue-box {
    font-size: 1.4em;
}


.table-no-border, .table-no-border tr, .table-no-border tr td {
    border: none;
}

.table-no-border tr, .table-no-border tr td {
    padding-bottom: 0;
    padding-top: 20px;
}

.table-no-border tr:first-child td {
    padding-top: 0;
}

.table-70-30 tr td:first-child {
    padding-left: 0;
    width: 70%;
}

.table-dotted-bottom-border tr {
    border-bottom: 1px dotted #666;
}

.resptabs li.active {
    border-bottom: 5px solid var(--unnamed-color-ef4854);
}

.btabs .tab-main-container li a {
    font-size: 1.2em;
    padding: 0;
    margin: 0;
}

.tab_set1  .nav-tabs >li.LiTab a:hover {

}

.btabs .nav > li {
    margin-right: 25px !important;
}

.btabs .nav > li > a:hover {
    margin-left: -1px;
}

.btabs .nav-tabs {
    border-bottom: 1px solid var(--unnamed-color-ef4854) !important;
}

.btabs .nav > li > a {
    top: 4px;
    padding: 0 0 5px 0 !important;
    color: #2B231C80;
}

.btabs  .bordered-tab-contents > .tab-content > .tab-pane {
    padding: 0 !important;
}

.btab .nav-tabs > li.active > a, .btab .nav-tabs > li.active > a:hover, .btab .nav-tabs > li.active > a:focus{
    margin-top: 2px;
    border-bottom: 0px;
}

.btab .nav-tabs > li > a, .btab .nav-tabs > li > a:hover, .btab .nav-tabs > li > a:focus{
    margin-top: 2px;
}
/*
div.tab-main-container {
    padding-right: 30px;
}*/

.achtung-box {
    background-color: #F4EEE9;
    padding: 65px 30px 30px 30px;
    background-image: url("assets/images/feather/alert-circle.svg");
    background-position: left 25px top 30px;
    background-repeat: no-repeat;
    /*margin-right: 25px !important;*/
}

.resp-easy-accordion .resp-tab-content {
    border: none !important;
}

.resp-tab-content {
    /*font-size: 0.8em;*/
}

.resp-arrow {
    display: none;
}

.resp-accordion {

}

h2.resp-accordion,
h2heading.resp-accordion
{
    background-image: url("assets/images/feather/arrow-down.svg") !important;
    background-position: right 15px top 5px !important;
    background-repeat: no-repeat !important;
}


div.sn-accordion-blue h2.resp-accordion,
div.sn-accordion-blue h2heading.resp-accordion
{
    padding: 30px 40px;
    background-image: url("assets/images/feather/arrow-down.svg") !important;
    background-position: right 15px top 25px !important;
    background-repeat: no-repeat !important;
    margin-bottom: 10px;
    font-weight: normal;
}


h2.resp-tab-active,
h2heading.resp-tab-active
{
    background-image: url("assets/images/feather/arrow-up.svg") !important;
    background-position: right 15px top 5px !important;
    background-repeat: no-repeat !important;
}

div.sn-accordion-faq h2.resp-accordion,
div.sn-accordion-faq h2heading.resp-accordion
{
    font-weight: normal;
    padding-left: 0;
}

div.sn-accordion-faq .resp-tab-content,
div.sn-accordion-faq .resp-tab-content p {
    /*padding-left: 5px; padding-top:0;*/
}

div.sn-accordion-blue h2.resp-tab-active,
div.sn-accordion-blue h2heading.resp-tab-active
{
    padding: 30px 40px;
    background-image: url("assets/images/feather/arrow-up.svg") !important;
    background-position: right 15px top 25px !important;
    background-repeat: no-repeat !important;
}

.resp-accordion.resp-tab-active {
    border-top: none !important;
}

div.sn-accordion-blue h2,
div.sn-accordion-blue h2heading {
    background-color: #d5e4f8;
}

div.sn-accordion-blue .resp-tab-content {
    padding: 30px 40px;
    margin-bottom: 25px;
    background-color: #d5e4f8;
}

div.sn-accordion-faq .resp-tab-content {
    font-weight: normal;
}

.sn-right-space-30 {
    padding-right: 30px;
}

ul.sn-liste-pfeil-rot {
    list-style: none;
    padding-left: 0;
}

ul.sn-liste-pfeil-rot li {
    background-image: url("assets/images/feather-red/arrow-right-long.svg");
    background-repeat: no-repeat;
    background-position: -10px 0;
    background-size: 44px 16px;
    padding-left: 40px;
    margin-bottom: 8px;
}

.scroll-arrow-right {
    text-align: right;
    margin-bottom: 10px;
}

.move-up-40 {
    position: relative;
    margin-bottom: -30px;
    top: -40px;
}

/**************/
/* RESPONSIVE */
/**************/

.sn-formular {
    /*max-width: 900px;
    margin: 0 auto;
    padding: 20px;*/
}

.form-row {
    margin-bottom: 10px;
}

.form-row.one-column p,
.form-row.two-columns p,
.form-row.three-columns p,
.form-row.four-columns p,
.form-row.five-columns p {
    display: flex;
    /*flex-wrap: wrap;*/
    gap: 5px;
    margin: 0;
}

.sn-formular input.submit-refresh {
    cursor: pointer;
    border: none;
    background-color: white;
    width: 24px;
    height: 24px;
    background-image: url("assets/images/feather/refresh-ccw.svg");
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 20px;
}

/*.form-row {
    display: grid;
    gap: 16px;
    margin-bottom: 20px;
}*/

/* Row 1: 3 columns */
/*.form-row:nth-child(1) {
    grid-template-columns: repeat(3, 1fr);
}*/


/* Row with 1 column */
.form-row.one-column .wpcf7-form-control-wrap {
    flex: 1 1 100%;
}

/* Row with 2 columns */
.form-row.two-columns .wpcf7-form-control-wrap {
    flex: 1 1 calc(50% - 16px);
}

.form-row.three-columns .wpcf7-form-control-wrap {
    flex: 1 1 calc(33.333% - 16px); /* 3 equal columns */
    margin: 0 !important;
}

.form-row.four-columns .wpcf7-form-control-wrap,
.form-row.four-columns p.wrap {
    flex: 1 1 calc(25% - 16px); /* 4 equal columns */
    margin: 0 !important;
}

.form-row.five-columns .wpcf7-form-control-wrap,
.form-row.five-columns p.wrap {
    flex: 1 1 calc(20% - 16px); /* 4 equal columns */
    margin: 0 !important;
}

/* Input/Textarea/Button styling */
.sn-formular select,
.sn-formular input[type="text"],
.sn-formular input[type="email"],
.sn-formular input[type="date"],
.sn-formular textarea /*.sn-formular button*/ {
    width: 100%;
    padding: 12px;
    /*border: 1px solid #ccc;*/
    /*border-radius: 4px;*/
    font-size: 16px;
    box-sizing: border-box;
    height: 3.5em;
    background-color: #2B231C;
    color: #F4EEE9A6;
    border: none;
}

.sn-formular select:focus,
.sn-formular input[type="text"]:focus,
.sn-formular input[type="text"]:focus-visible,
.sn-formular input[type="text"]:focus-within,
.sn-formular input[type="email"]:focus,
.sn-formular input[type="date"]:focus,
.sn-formular textarea:focus {
    border: 1px solid #00000040;
    background-color: white;
    color: #2B231C;
    border-radius: 0;
    outline: none;
    box-shadow: none;
}

.sn-formular p.sn-smaller select {
    /*font-size: 0.95em;*/
}

.sn-formular input.wpcf7-file {
    /*height: 150px;
    background-color: #F4EEE9;
    border: 1.5px dashed #000000A6;
    margin-top: -10px;*/
}

.sn-formular .sn-form-elem-label {
    padding-left: 40px;
    padding-right: 10px;
    align-content: center;
    border: 1px dashed #2b231c;
    color: #a7a7a7;
    background-color: #585858;
}

.sn-formular textarea {
    height: auto;
}

.sn-formular input.wpcf7-quiz {
    width: 150px;
}

.sn-formular .quiz-antwort {
    width: 150px;
}

.form-row select,
.form-row .wpcf7-select {
    min-width: 0; /* allows flex shrink */
    width: 100%;
    box-sizing: border-box; /* include padding/border in width */
}

.sn-formular button, .sn-formular input[type="submit"] {
    /*background: var(--unnamed-color-ef4854);
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.2s;*/
}

.sn-formular button:hover, .sn-formular input[type="submit"]:hover {
    /*background: var(--unnamed-color-2b231c);*/
}

/* Responsive: Stack on small screens */
@media (max-width: 800px) {
    .form-row {
        grid-template-columns: 1fr !important;
    }
}



.form-row .wpcf7-form-control-wrap br,
.sn-formular .c-sn-submit br {
    display: none; /* Hide the <br> tags */
}

/* Ensure inputs fill their wrapper */
.form-row .wpcf7-form-control {
    width: 100%;
    box-sizing: border-box;
}

.sn-formular #sn-suchbegriff {
    padding-left: 50px;
    background-image: url("assets/images/feather/search.svg");
    /*background-size: 40px;*/
    background-repeat: no-repeat;
    background-position: center left 15px;
}

.c-sn-quiz {
    display: flex;
    /*flex: 1 1 calc(50% - 16px);*/
    margin: 0 !important;
}
.sn-quiz {
    background-color: #F4EEE9;
    padding: 30px 45px;
    font-size: 1.1em;
    align-self: flex-start;
}
.sn-quiz .wpcf7-not-valid-tip {
    font-size: 0.9em;
    margin-top: 3px;
}

.sn-quiz p {
    margin-bottom: 1em;
}


.sn-formular input.action-button-red {
    cursor: pointer;
    font-size: 0.9em;
    line-height: 1.0em;
    padding-right: 75px;
    padding-left: 25px;
    color: white;
    height: 45px;
    border: none;
    background-color: var(--unnamed-color-ef4854);
    background-image: url("assets/images/feather-arrow-left-short-white.svg");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center right 35%;
}

.c-sn-submit {
    flex: 1 1 calc(50% - 16px);
    margin-left: 25px;
}

.c-sn-submit input[type="submit"] {
    margin-top: 15px;
    width: 100%;
}

.sn-formular input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

.sn-formular a.sn-legal {
    text-decoration: none;
    color: var(--unnamed-color-ef4854);
}

.sn-formular span.wpcf7-checkbox span.wpcf7-list-item,
.sn-formular .wpcf7-acceptance span.wpcf7-list-item {
    margin: 0 0 15px 0;
}

.sn-formular .sn-file-upload,
.sn-formular .sn-file-upload-multiple {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.sn-formular .sn-file-upload {
    height: 150px;
    background-color: #F4EEE9;
    border: 1.5px dashed #000000A6;
    margin-top: -10px;
    width: 100%;
}

.sn-formular .sn-file-upload-multiple {
    min-height: 120px;
    background-color: #F4EEE9;
    border: 1.5px dashed #000000A6;
    margin-top: -10px;
    width: 100%;
    /*text-align: center;*/
    padding-bottom: 40px;
}

.sn-formular .sn-file-upload input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.sn-formular .sn-file-upload p {
    height: inherit;
}

.sn-file-upload .sn-file-upload-label {
    position: absolute;
    width: 100%;
    text-align: center;
    padding-top: 80px;

    background-image: url("assets/images/feather/upload-cloud.svg");
    background-repeat: no-repeat;
    background-position: center bottom 35%;
}

.sn-file-upload-multiple .sn-file-upload-label {
    /*position: absolute;*/
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 50px;
    background-image: url("assets/images/feather/upload-cloud.svg");
    background-repeat: no-repeat;
    background-position: center bottom 55%;
}

div#mfcf7_zl_multifilecontainer p {
    display: block !important;
    text-align: center;
    font-size: 0.9em;
}

#mfcf7_zl_add_file,
label[for="mfcf7_zl_add_file"] {
    display: none !important;
}

/*
.sn-formular span.wpcf7-checkbox .wpcf7-list-item-label,
.sn-formular span.wpcf7-acceptance span.wpcf7-list-item .wpcf7-list-item-label{
    padding-left: 10px;
}*/

/*.sn-formular input:is(:-webkit-autofill, :autofill, :-internal-autofill-selected){ das funktioniert nicht
    background-color: red !important;
}*/

.checkbox-label {
    display: block;
}

.checkbox-label label {
    display: block;
    padding-right: 10px;
    padding-left: 31px;
    text-indent: -31px;
}

.checkbox-label label input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-right: 12px;
}

.checkbox-text {
    /*flex: 1;*/
}

.wp-block-buttons .sn-sprungbutton a.wp-block-button__link {
    background-color: #F4EEE9;
    font-size: 0.8em;
    color: #2B231CD9;
    border-radius: 20px !important;
}

/*
div#google-business-reviews-rating {
    background-color: white;
    padding: 10px;
}

.gmbrr.carousel .navigation .bullet a {
    line-height: 14px;
    font-size: 14px;
    height: 14px;
    width: 14px;
}
.review-more-link {
    text-decoration: none;
}*/


.sn-star-rating-off {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("assets/images/feather/star.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.sn-star-rating-on {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("assets/images/feather/star-filled-yellow.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.sn-h-blaue-box-bewertungen {
    padding-top: 5px;
    background-image: url("assets/images/g.png");
    background-repeat: no-repeat;
    background-position: right center;
}

.sn-lehrgangstermine {
    margin-top: 40px;
    margin-bottom: 20px;
    max-height: 450px;
    overflow-y: scroll;
}

.sn-lehrgangstermine .sn-lehrgangstermin {
    background-color: #EF4854;
    margin-bottom: 10px;
    color: #F4EEE9;
    padding: 20px;
    contain: content;
}
.sn-lehrgangstermine .sn-lehrgangstermin span.container {
    float: left;
    /*margin-right: 10%;*/
    width: 24%;
}
.sn-lehrgangstermine .sn-lehrgangstermin span.action {
    float: right;
}

.sn-lehrgangstermine .sn-lehrgangstermin span.val,
.sn-lehrgangstermine .sn-lehrgangstermin span.lbl {
    display: block;
}
.sn-lehrgangstermine .sn-lehrgangstermin span.val {
    margin-top: 0.3em;
    margin-bottom: 0.15em;
}
.sn-lehrgangstermine .sn-lehrgangstermin span.lbl {
    font-size: 0.8em;
    margin-bottom: 0;
    margin-top: -5px;
}

div.sent-check-ok {
    padding-right: 30%;
    background-image: url("assets/images/feather-lightgreen/check-circle.svg");
    background-repeat: no-repeat;
    background-position: top 20px right;
    background-size: 30%;
}

#quittung_anfordern_iframe {
    height: 570px;
}

@media (max-width: 992px) {
    #quittung_anfordern_iframe {
        height: 870px;
    }
}