.contextual {
    background: transparent;
    /* display: none; */
}

.paragraph-id-368 {
    position: absolute !important;
    z-index: 1000000;
    background-color: var(--beige-2);
    max-width: 500px;
    bottom: 3vh;
    padding: 24px 36px 12px !important;
    border-left: 7px solid var(--sunset);
}

.paragraph-id-368 * {
    line-height: 1.5;
}

.paragraph-id-368 h2,
.paragraph-id-368 h3 {
    font-weight: 600;
    font-size: 18px;
    text-transform: none;
}

.paragraph-id-368 h2 {
    font-size: 21px;
}

.paragraph-id-368 h3 {
    margin-top: 1em;
}


/* #region Fonts */


/* encode-sans-semi-expanded-300 - latin */

@font-face {
    font-family: "Encode Sans Semi Expanded";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("fonts/encode-sans-semi-expanded-v5-latin-300.eot");
    src: local("Encode Sans Semi Expanded Light"), local("EncodeSansSemiExpanded-Light"), url("fonts/encode-sans-semi-expanded-v5-latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/encode-sans-semi-expanded-v5-latin-300.woff2") format("woff2"), url("fonts/encode-sans-semi-expanded-v5-latin-300.woff") format("woff"), url("fonts/encode-sans-semi-expanded-v5-latin-300.ttf") format("truetype"), url("fonts/encode-sans-semi-expanded-v5-latin-300.svg#EncodeSansSemiExpanded") format("svg");
}


/* encode-sans-semi-expanded-regular - latin */

@font-face {
    font-family: "Encode Sans Semi Expanded";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/encode-sans-semi-expanded-v5-latin-regular.eot");
    src: local("Encode Sans Semi Expanded Regular"), local("EncodeSansSemiExpanded-Regular"), url("fonts/encode-sans-semi-expanded-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/encode-sans-semi-expanded-v5-latin-regular.woff2") format("woff2"), url("fonts/encode-sans-semi-expanded-v5-latin-regular.woff") format("woff"), url("fonts/encode-sans-semi-expanded-v5-latin-regular.ttf") format("truetype"), url("fonts/encode-sans-semi-expanded-v5-latin-regular.svg#EncodeSansSemiExpanded") format("svg");
}


/* encode-sans-semi-expanded-500 - latin */

@font-face {
    font-family: "Encode Sans Semi Expanded";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/encode-sans-semi-expanded-v5-latin-500.eot");
    src: local("Encode Sans Semi Expanded Medium"), local("EncodeSansSemiExpanded-Medium"), url("fonts/encode-sans-semi-expanded-v5-latin-500.eot?#iefix") format("embedded-opentype"), url("fonts/encode-sans-semi-expanded-v5-latin-500.woff2") format("woff2"), url("fonts/encode-sans-semi-expanded-v5-latin-500.woff") format("woff"), url("fonts/encode-sans-semi-expanded-v5-latin-500.ttf") format("truetype"), url("fonts/encode-sans-semi-expanded-v5-latin-500.svg#EncodeSansSemiExpanded") format("svg");
}


/* encode-sans-semi-expanded-600 - latin */

@font-face {
    font-family: "Encode Sans Semi Expanded";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/encode-sans-semi-expanded-v5-latin-600.eot");
    src: local("Encode Sans Semi Expanded SemiBold"), local("EncodeSansSemiExpanded-SemiBold"), url("fonts/encode-sans-semi-expanded-v5-latin-600.eot?#iefix") format("embedded-opentype"), url("fonts/encode-sans-semi-expanded-v5-latin-600.woff2") format("woff2"), url("fonts/encode-sans-semi-expanded-v5-latin-600.woff") format("woff"), url("fonts/encode-sans-semi-expanded-v5-latin-600.ttf") format("truetype"), url("fonts/encode-sans-semi-expanded-v5-latin-600.svg#EncodeSansSemiExpanded") format("svg");
}


/* #endregion Fonts */


/* #region Colors */

:root {
    --sunset: #ff5e66;
    --button: #ff7a7a;
    --anthra-1: #383838;
    --anthra-2: #383838cc;
    --anthra-3: #38383899;
    --gray: #201e24;
    --dark: #190922;
    --purple-nav: #9f8389;
    --deep-purple-1: #664d5d;
    --deep-purple-2: #47323e;
    --purple-1: #efe9eb;
    --purple-2: #eadfe2;
    --purple-3: #ddcad1;
    --beige-1: #f7f4ef;
    --beige-2: #ede8e1;
    --beige-3: #e3d9d1;
    --beige-4: #dacfd1;
    --gold-1: #bdab9b;
    --gold-2: #977b64;
    --brad: 0 0 7px 7px;
}

.bg-p1,
section.bg-p1 .box {
    background-color: #efe9eb;
    background-color: var(--purple-1);
}

.bg-p2,
section.bg-p2 .box {
    background-color: #eadfe2;
    background-color: var(--purple-2);
}

.bg-p3,
section.bg-p3 .box {
    background-color: #ddcad1;
    background-color: var(--purple-3);
}

.bg-b1,
section.bg-b1 .box {
    background-color: #f7f4ef;
    background-color: var(--beige-1);
}

.bg-b2,
section.bg-b2 .box {
    background-color: #ede8e1;
    background-color: var(--beige-2);
}

.bg-b3,
section.bg-b3 .box {
    background-color: #e3d9d1;
    background-color: var(--beige-3);
}

.bg-b4,
section.bg-b4 .box {
    background-color: #dacfd1;
    background-color: var(--beige-4);
}

.bg-darkest,
section.bg-darkest .box {
    background-color: #190922;
    background-color: var(--dark);
}

.bg-gray,
section.bg-gray .box {
    background-color: #201e24;
    background-color: var(--gray);
}

.bg-white,
.bg-white #page,
section.bg-white .box {
    background-color: #fff;
}


/* #endregion Colors */


/* #region Defaults */

.ajax-progress {
    padding: 36px;
}

a.visually-hidden.focusable {
    position: fixed !important;
    top: 0;
    left: 0;
}

body * {
    position: relative;
    box-sizing: border-box;
    background-origin: border-box;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
}

.contextual-region {
    width: 100%;
}

.visually-hidden {
    left: -10000px;
}

.hidden {
    display: none;
}

body.maintenance-page {
    color: #fff;
    text-align: center;
    padding-top: 45vh;
}

html,
body {
    font-display: swap;
    font-family: "Encode Sans Semi Expanded", sans-serif;
    font-weight: 400;
    font-size: 15.5px;
    line-height: 1.875;
    color: #47323e;
    color: var(--deep-purple-2);
    min-height: 100vh;
}

body {
    position: relative;
    background-color: #e3d9d1;
    background-color: var(--beige-3);
    max-width: 100%;
}

body.path-taxonomy,
body.path-taxonomy #page {
    background-color: #ddcad1;
    background-color: var(--purple-3);
}

body.path-product,
body.path-product #page {
    background-color: #ddcad1;
    background-color: var(--purple-3);
}

body.term-id-2,
body.term-id-2 #page,
body.term-id-2 #page .box {
    background-color: #efe9eb;
    background-color: var(--purple-1);
}

body.term-id-3,
body.term-id-3 #page,
body.term-id-3 #page .box {
    background-color: #eadfe2;
    background-color: var(--purple-2);
}

body.term-id-20,
body.term-id-20 #page,
body.term-id-20 #page .box {
    background-color: #eadfe2;
    background-color: var(--purple-2);
}

html .maintenance-page {
    background-color: #383838;
    background-color: #383838;
    color: var(--anthra-1);
}

body {
    opacity: 0;
    transition: opacity 0.333s;
}

body.loaded {
    opacity: 1;
}

.main-teaser-image {
    position: relative;
    max-width: 100vw;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}

.weight-500 {
    font-weight: 500;
}

.weight-600,
b,
strong {
    font-weight: 600;
}

span.sep {
    display: block;
    width: 100%;
    height: 1px;
    border-radius: 0;
    background-color: transparent;
    margin: 0;
}

#page {
    padding: 300px 0 0 0;
    background-color: #e3d9d1;
    background-color: var(--beige-3);
}

.main-teaser-image+#page {
    padding: 0;
}

.bg-p2 #page {
    background-color: #eadfe2;
    background-color: var(--purple-2);
}

.bg-b2 #page {
    background-color: #ede8e1;
    background-color: var(--beige-2);
}

body.bg-purple #page {
    background-color: #ddcad1;
    background-color: var(--purple-3);
}

body.bg-beige-light #page,
body.bg-b1 #page {
    background-color: #f7f4ef;
    background-color: var(--beige-1);
}

body.bg-beige-dark #page {
    background-color: #e3d9d1;
    background-color: var(--beige-3);
}

body.bg-darkest #page {
    background-color: #190922;
    background-color: var(--dark);
}

body.bg-gray #page {
    background-color: #201e24;
    background-color: var(--gray);
}

body.bg-darkest #page h1,
body.bg-darkest #page h2,
body.bg-darkest #page p,
body.bg-gray #page h1,
body.bg-gray #page h2,
body.bg-gray #page p {
    color: var(--beige-4);
}

.path-user #page {
    padding: 7vh 0;
}

.small-header #page {
    margin-top: 30vh;
}

.path-frontpage #page {
    margin-top: 0;
    padding-top: 0;
}

.path-frontpage .default>.row>.col-12 {
    min-height: initial;
}

.product #page {
    padding: 7vh 0 0;
}

.dialog-off-canvas-main-canvas {
    padding-bottom: 150px;
    min-height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
}

footer.site-footer {
    background-color: #664d5d;
    background-color: var(--deep-purple-1);
    color: #efe9eb;
    color: var(--deep-purple-1);
    text-align: center;
    box-shadow: 0 7px 0 0#664d5d;
    box-shadow: 0 700px 0 700px var(--deep-purple-1);
    padding: 21px;
    color: #fff;
    z-index: 100;
    min-height: 150px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

footer.site-footer a {
    color: #fff;
}

footer.site-footer a:hover {
    color: #ff5e66;
    color: var(--sunset);
}

h1 {
    font-display: swap;
    font-family: "Encode Sans Semi Expanded", sans-serif;
    font-weight: 300;
    font-size: 1.8em;
    padding: 5vh 0 0 0;
    margin: 0 0 3vh 0;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.0333em;
    word-spacing: 0.1333em;
    /* 01.08.2020
  padding: 0;
  top: -190px;
  color: #fff;
  font-size: 3rem;
  text-align: left;
  text-shadow: 0 3px 9px #000;
  */
}

h1+.field>.default>.row>.col-full:first-child>.paragraph {
    padding-top: 0;
}

h1.field {
    padding-top: 7vh;
    margin-bottom: -5vh;
}

h1+p {
    margin-top: 7vh;
}

.page-anmeldung h1 {
    position: absolute;
    top: -230px;
    z-index: 1000;
    text-align: center;
    width: 100%;
    font-size: 40px;
    color: #fff;
}

.page-anmeldung h2,
.page-anmeldung h3,
.page-anmeldung p {
    text-transform: none;
    color: var(--gold-1) !important;
}

.page-anmeldung p {
    text-align: justify;
    hyphens: auto;
}

.page-anmeldung h2+h3 {
    margin-top: 0;
    color: #fff !important;
}

.page-anmeldung .bg-p3 h2,
.page-anmeldung .bg-p3 h3,
.page-anmeldung .bg-p3 p {
    text-transform: none;
    color: var(--deep-purple-2) !important;
}

.page-anmeldung .bg-p3 h3 {
    letter-spacing: 0.03em;
    font-size: 1.1em;
    margin-top: 3em !important;
    color: var(--dark);
}

.page-anmeldung h3.hero-title {
    font-size: 1.6rem;
    letter-spacing: 0.02em;
    color: var(--deep-purple-1) !important;
    border: 1px solid var(--purple-nav);
    background-color: rgba(255, 255, 255, 1);
    margin-bottom: -1px;
    padding: 1em;
    line-height: 1;
}

.page-anmeldung h3 .product h1 {
    text-align: left;
    margin: 0;
    padding: 0;
    height: auto;
}

.page-anmeldung .paragraph-id-383 {
    padding-top: 7vh !important;
    padding-bottom: 7vh !important;
}

.page-anmeldung .field--type-webform form {
    border-color: var(--purple-nav);
    background-color: rgba(255, 255, 255, 0.333);
    margin-bottom: 40px;
}

.page-anmeldung #edit-anrede-radios {
    display: flex;
}

.page-anmeldung #edit-anrede-radios>div {
    margin-right: 36px;
}

.page-anmeldung #edit-anrede {
    width: 64%;
    display: flex;
}

.page-anmeldung #edit-anrede>div {
    margin-right: 36px;
}

.page-anmeldung form .webform-actions {
    padding-top: 18px;
}

.page-anmeldung .ui-dialog p {
    color: #fff !important;
    font-family: "Encode Sans Semi Expanded", sans-serif;
    text-align: center;
    hyphens: none;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 40px;
}

.page-anmeldung .ui-dialog-title {
    text-align: center;
}

.page-anmeldung .form-type-webform-terms-of-service {
    display: block !important;
    padding-left: 36%;
}


/* 
.page-anmeldung .field--type-webform .form-item {
  flex: 0 1 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-anmeldung .field--type-webform .form-item label {
  flex: 0 1 15%;
}
.page-anmeldung .field--type-webform .form-item input {
  flex: 0 1 75%;
} */

.full-screen h1 {
    position: fixed;
    top: 50vh;
    left: 11.111vw;
    opacity: 1;
    transition: opacity 1s;
    color: #e3d9d1;
    color: var(--beige-3);
    text-align: left;
}

.scrolled.full-screen h1 {
    opacity: 0;
}

.maintenance-page #page {
    padding-top: 0;
}

.maintenance-page #page h1 {
    position: relative;
    top: 0;
}

#page>#header h1,
#page>#header .messages__wrapper {
    display: none;
}

h2,
.h2,
.field--name-field-h2-titel {
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
    text-transform: uppercase;
    word-spacing: 0.15em;
    font-size: 1.4em;
    letter-spacing: 0.05em;
}

.field--name-field-h2-titel {
    text-align: center;
    margin-bottom: 5vh;
}

.dark h2,
.gray h2 {
    color: #fff;
}

.col-8 h2 {
    max-width: 80%;
    text-align: left;
    hyphens: none;
}

h2+h3,
p+h3 {
    margin-top: 50px;
}

h3,
.field__label {
    font-size: 1em;
    word-spacing: 0.15em;
    letter-spacing: 0.0777em;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
}

h3+p,
h4+p {
    margin-top: 0;
}

h4 {
    font-weight: 600;
    margin-bottom: 0;
}

a,
.tabs a {
    color: #977b64;
    color: var(--gold-2);
    text-decoration: none;
}

a:hover,
.tabs a {
    color: #383838;
    color: var(--anthra-1);
}

.tabs a,
.tabs a:hover {
    display: inline;
    background-color: transparent;
    padding: 0;
}

.gray a:hover {
    color: #fff;
}

p {
    line-height: 1.875;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

table {
    width: 100%;
}

hr {
    height: 0;
    border: none;
    margin: 7vh 0;
    border-bottom: 1px solid var(--beige-3);
}

a.anchor {
    display: block;
    position: relative;
    top: -20vh;
    visibility: hidden;
}

.box hr {
    margin: 2em 0;
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

#main ul li,
#content ul li {
    text-align: left;
    text-align-last: left;
}

ul {
    padding-left: 20px;
}

#content h2+ul {
    margin-top: 2em;
}

img {
    max-width: 100%;
    height: auto;
}

.image a {
    display: inherit;
    line-height: 0;
}

.user-logged-in div[data-drupal-messages] {
    display: none;
}

div[data-drupal-messages] {
    padding: 24px 30px 24px 32px;
    padding: 0;
    background-color: transparent;
}

body[data-path="/user/login"] .wrapper.container {
    padding: 33vh 33vw;
}

body[data-path="/referenzen"] section.section {
    padding: 0 !important;
}

body[data-path="/referenzen"] .field--name-field-bild {
    text-align: center;
}

body[data-path="/referenzen"] .field--name-field-bild img {
    width: auto;
    height: auto;
    margin: 5vh 0;
}

body[data-path="/referenzen"] .col-xl-3 .field--name-field-bild img {
    max-width: 170px;
    max-height: 120px;
}

body[data-path="/referenzen"] .col-xl-6 .field--name-field-bild img {
    max-width: 340px;
    max-height: 240px;
}

.messages,
.messages--status {
    background: none;
    background-image: none;
    background-color: #fff;
    color: #ff5e66;
    color: var(--sunset);
    box-shadow: none;
    margin: 0 0 36px 0;
    border: 1px solid #ff5e66;
    border: 1px solid var(--sunset);
}

.cart-empty-page {
    text-align: center;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.flex-between {
    justify-content: space-between;
}

.flex-col {
    flex-direction: column;
}

.paragraph--type--abschnitt-1-1 .flex div {
    width: 50%;
}

.paragraph--type--abschnitt-1-1 .flex-between div {
    width: 45%;
}

#page>#header {
    position: fixed;
    top: 120px;
    left: -264px;
    z-index: 100000;
    padding: 36px;
    width: 300px;
    transition: all 0.3s;
    background-color: transparent;
}

#header .section {
    padding: 0;
    margin: 0;
}

.user-logged-in #page>#header:hover {
    left: 0;
    background-color: #fff;
}

ul.tabs.primary li {
    display: block;
}

ul.menu {
    margin-left: 0;
}

.more-entries .more-indikator {
    font-size: 36px;
    line-height: 16px;
    padding: 0 7px 14px 0;
    cursor: pointer;
    color: var(--sunset);
}

.more-entries .more-indikator:hover {
    color: #fff;
}

.more-entries .hidden.active {
    display: block;
    position: absolute;
    z-index: 1;
    background-color: var(--gray);
    padding: 0 0 90px 30px;
    margin-left: -30px;
    width: calc(100% + 30px);
    top: 0;
}


/* #endregion Defaults */


/* #region Forms */

input {
    max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.button a,
a.button {
    color: #fff;
    padding: 12px 30px;
    border-radius: 0 0 12px 12px;
    border: none;
    background-color: #ff7a7a;
    background-color: var(--button);
    font-weight: 500;
}

a#order-now {
    margin: 2rem 0 0;
    display: block;
    text-align: center;
    font-size: 1.2rem;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button a:hover {
    background-color: #977b64;
    background-color: var(--gold-2);
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button a:focus {
    background-color: #977b64;
    background-color: var(--gold-2);
    outline: none;
}

.button.big {
    padding: 0 30px;
    font-size: 20px;
    text-transform: uppercase;
    border: 1px solid #977b64;
    border: 1px solid var(--gold-2);
    margin-top: 21px;
    display: inline-block;
    border-radius: 0 0 12px 12px;
    line-height: 60px;
}

a.button.tiny.solid {
    background-color: var(--button);
    color: #fff;
    padding: 3px 30px 5px;
    border-radius: 0 30px 30px;
    display: inline-block;
    margin-top: 12px;
    font-weight: bold;
}

a.button.tiny.solid:hover {
    background-color: var(--deep-purple-1);
}

.section.dark .button.big:hover {
    border-color: #ff7a7a;
    color: #ff7a7a;
    border-color: var(--button);
    color: var(--button);
}

.form-actions {
    margin: 1em 0 0;
    text-align: right;
}

.layout-seminare .form-anfrage .webform-flexbox {
    display: block;
}

.layout-seminare .form-anfrage .webform-flex--container {
    margin: 7px 0;
}

.layout-seminare .form-anfrage .webform-options-display-three-columns {
    column-count: initial;
    -webkit-column-count: initial;
}

.webform-submission-form {
    border: 1px solid #fff;
    padding: 18px 30px;
    margin-bottom: 14vh;
    border-radius: 0 0 12px 12px;
}

.webform-submission-form .form-item input,
.webform-submission-form .form-textarea-wrapper {
    max-width: 64%;
}

.webform-submission-form .webform-actions {
    position: absolute;
    right: 30px;
    left: 37%;
    margin: 0;
    padding: 48px 0 0 0;
    text-align: left;
}

.form-checkboxes .form-item,
.form-radios .form-item,
.form-type-checkbox {
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
    align-items: center;
}

input[type="checkbox"],
input[type="radio"] {
    margin-right: 9px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
select {
    border: 1px solid #bdab9b;
    border: 1px solid var(--gold-1);
    height: 40px;
    font-size: 16px;
    padding: 4px 12px 0;
    font-family: sans-serif;
    background-color: #ffffffcc;
    border-radius: 0 0 7px 7px;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
}

select {
    box-shadow: none;
    background-color: #ffffffcc;
    text-indent: 7px;
    border-radius: 7px;
}

textarea {
    border: 1px solid #bdab9b;
    border: 1px solid var(--gold-1);
    font-size: 16px;
    padding: 7px 12px;
    font-family: sans-serif;
    background-color: #ffffffcc;
    border-radius: 0 0 7px 7px;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
    border-color: #977b64;
    border-color: var(--gold-2);
    outline: none;
    background-color: #ffffff;
    box-shadow: inset 0 0 0 #fff;
}

input[type="text"].required.error,
input[type="email"].required.error,
input[type="tel"].required.error,
input[type="number"].required.error,
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border-color: #ff5e66;
    border-color: var(--sunset);
    border-width: 1px;
    background-color: #fff;
}

.cart input[type="number"] {
    border-radius: 0;
    height: auto;
    max-width: 48px;
    padding: 7px 0 5px 7px;
}

fieldset {
    border: none;
}

.user-login-form {
    margin: auto;
    background-color: rgba(0, 0, 0, 0);
}

.user-login-form label {
    display: block;
}

.user-login-form .description {
    display: none;
}

body[data-path="/user/login"] #content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 777;
    background-color: #e3d9d1;
    background-color: var(--beige-3);
}

.webform-element-help {
    border: 2px solid #bdab9b;
    border: 2px solid var(--gold-1);
    background: #bdab9b;
    background: var(--gold-1);
    line-height: 11px;
    height: 10px;
    width: 10px;
    vertical-align: inherit;
}

.webform-element-help--title {
    padding: 7px 7px 0;
    line-height: 1.3;
}

.webform-element-help--content {
    padding: 0 7px 7px;
    line-height: 1.3;
}

.form-required:after {
    content: "*";
    background-image: none;
    vertical-align: initial;
}


/* #endregion Forms */


/* #region Dialog */

.ui-dialog .ui-dialog-titlebar {
    background-color: #bdab9b;
    background-color: var(--gold-1);
    color: #fff;
    border-color: #fff;
}

.ui-dialog .ui-dialog-title {
    text-transform: uppercase;
}

.ui-dialog .ui-dialog-titlebar-close:focus {
    outline: none;
}

.ui-widget.ui-widget-content {
    border: 1px solid #fff;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
    background-color: #bdab9b;
    background-color: var(--gold-1);
}

.ui-dialog .ui-dialog-content {
    color: #fff;
}

.ui-widget-overlay {
    background: #201e24;
    background: var(--gray);
    opacity: 0.7;
}


/* #endregion Dialog */


/* #region Site Header */

#site-header {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 250px;
    z-index: 10;
    padding: 24px 0 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.9) 33%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.9) 33%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.9) 33%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
    transition: all 1s;
}

.scrolled.scroll-up #site-header {
    top: -200px;
}

.scrolled.header-active #site-header {
    height: 200px;
}

.header-active #site-header.menu-active {
    height: 100vh;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.9) 33%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.9) 33%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.9) 33%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0) !important;
}

.imce-page #site-header,
.imce-page .circle,
.imce-page #nav-lines,
.imce-page #fixed-nav-lines,
.imce-page nav,
.imce-page #contact-circle {
    display: none !important;
}

#site-header .logo {
    display: flex;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    margin-left: 7vw;
    height: 150px;
    opacity: 1;
    transition: opacity 1s;
}

.scrolled.scroll-up #site-header .logo {
    opacity: 0;
}

#site-header .logo a {
    color: #e3d9d1;
    color: var(--beige-3);
}

#site-header svg .st0 {
    stroke: #e3d9d1;
    stroke: var(--beige-3);
    stroke-width: 6px;
}

#site-header svg #kreise path {
    fill: #e3d9d1;
    fill: var(--beige-3);
}

#site-header .text {
    text-align: center;
    color: #e3d9d1;
    color: var(--beige-3);
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 500;
    margin-top: 0;
    animation: fadeTopText1 1s;
}

@keyframes fadeTopText1 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#site-header .text div:first-child {
    text-transform: uppercase;
    font-weight: 400;
    white-space: nowrap;
    letter-spacing: 0.2em;
    margin-bottom: 0;
}

svg#coding_akademie_signet {
    height: 77px;
    max-height: 77px;
    width: auto;
    max-width: initial;
    animation: fadeLeftSignet 1s;
}

@keyframes fadeLeftSignet {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#site-header:after {
    position: absolute;
    top: 16.2vh;
    right: 0;
    left: 0;
    content: "";
    height: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    transition: height 0.333s;
}

#site-header.show.clicked:after {
    height: 0 !important;
}


/* #region Icon Scroll */

.scroll {
    left: -10000px;
    cursor: pointer;
}

.full-screen .scroll,
.full-header .scroll {
    display: initial;
    position: fixed;
    bottom: 12vh;
    left: 50%;
    width: 68px;
    height: 68px;
    margin-left: -34px;
    transition: opacitiy 1s;
    opacity: 1;
}

.header-active .scroll {
    opacity: 0;
}

.scroll:after {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.scroll:after {
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
    content: "";
    width: 40px;
    height: 40px;
    margin: auto;
    -webkit-animation: 3s arrow infinite ease;
    animation: 3s arrow infinite ease;
}

@-webkit-keyframes arrow {
    0%,
    100% {
        top: 10px;
    }
    50% {
        top: 30px;
    }
}

@keyframes arrow {
    0%,
    100% {
        top: 10px;
    }
    50% {
        top: 30px;
    }
}


/* #endregion icon Scroll */


/* #endregion Site Header */


/* #region Header Active */

.header-active nav.menu--main>ul>li {
    top: 0 !important;
}

.header-active div.circle,
.header-active #contact-circle,
.header-active nav.menu--main>ul>li>a:after {
    display: none !important;
}

.header-active #main-content+.wrapper>.region {
    box-shadow: initial;
}

.header-active #site-header .logo a {
    display: block;
    height: 100%;
}

.header-active #site-header .logo .signet,
.header-active #site-header .logo .text {
    opacity: 1;
}


/* #endregion Header Active */


/* #region Main Menu */

.iphone #nav-lines,
.iphone #fixed-nav-lines,
.android #nav-lines,
.android #fixed-nav-lines,
.iphone .circle,
.android .circle,
.iphone #contact-circle,
.android #contact-circle {
    opacity: 0;
}

nav.menu--main {
    transition: top 1s;
}

.scrolled.scroll-up.header-active nav.menu--main,
.path-frontpage.scrolled.scroll-up.header-active nav.menu--main {
    top: -21vh;
}

nav.menu--main li {
    margin: 0;
}

.path-frontpage nav .loupe {
    display: none;
    left: -7000px;
    visibility: hidden;
}

nav .loupe {
    display: inline-block;
    position: absolute;
    bottom: 4px;
    left: -70px;
    width: 22px;
    height: 22px;
    background-image: url(../images/loupe.svg);
    background-size: cover;
    background-position: 0 center;
    background-repeat: no-repeat;
    cursor: pointer;
}

nav .loupe:hover {
    background-position: -22px center;
}

nav .loupe.close {
    background-position: -44px center;
}

.loupe.close+div+ul.menu {
    z-index: -1;
}

nav .searchbar.view {
    position: absolute;
    top: -300px;
    opacity: 0;
    transition: opacity 0.333s;
}

nav .searchbar.view.active {
    position: absolute;
    top: 27px;
    left: -36px;
    opacity: 1;
    z-index: 100;
    height: 300px;
    padding-top: 0;
}

nav .searchbar .chosen-container-single .chosen-single {
    display: none;
}

nav .searchbar .chosen-container-single .chosen-search {
    padding: 0;
    margin: 0;
}

nav .searchbar .chosen-container-single .chosen-search input[type="text"] {
    margin: 0;
    line-height: 28px;
    background-image: url(../images/loupe.svg);
    background-size: 66px 22px;
    background-position: calc(100% + 36px);
}

nav .searchbar .chosen-container .chosen-drop {
    border: none;
}

nav .searchbar.view .chosen-container .chosen-drop {
    clip: initial;
    -webkit-clip-path: initial;
    clip-path: initial;
}

nav .searchbar .chosen-container-single .chosen-drop {
    top: -16px;
    border-radius: 2px;
}

nav .searchbar .chosen-container .chosen-results {
    margin: 0;
    padding: 0;
}

nav .searchbar .chosen-container .chosen-results li {
    font-size: 15px;
    line-height: 18px;
    margin: 0 7px;
}

nav .searchbar .chosen-container .chosen-results li:first-child {
    margin-top: 7px;
}

nav .searchbar .chosen-container .chosen-results li.highlighted {
    background-image: none;
    background-color: #977b64;
    background-color: var(--gold-2);
}

nav .searchbar .chosen-container .chosen-results {
    max-height: 320px;
}


/* #endregion Main Menu */


/* #region Main Menu – First Level */

nav.menu--main>ul>li {
    position: relative;
    padding: 0;
    margin: 0 3px 0 0;
    transition: all 0.3s;
}

nav.menu--main>ul>li:after {
    display: block;
    position: absolute;
    top: -24px;
    right: -24px;
    bottom: -24px;
    left: 0;
    content: "";
}

nav.menu--main>ul>li:last-child a {
    padding-right: 0;
}

nav.menu--main>ul>li>a {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    margin-left: 0;
    padding: 0;
    background-color: transparent !important;
    transition: all 0.3s;
}

nav.menu--main>ul>li.last {
    position: absolute;
    top: 0 !important;
    right: 0 !important;
    left: 100vw;
}

nav.menu--main a {
    display: block;
    color: #ede8e1;
    color: var(--beige-2);
    white-space: nowrap;
    padding: 0;
    transition: padding 0.5s;
}

nav.menu--main a:hover {
    color: #ff5e66;
    color: var(--sunset);
    background-color: transparent;
}

.header-active nav.menu--main>ul>li:hover>a {
    color: #ff5e66;
    color: var(--sunset);
}

.header-active nav.menu--main li a {
    color: #bdab9b;
    color: var(--gold-1);
}

.header-active nav.menu--main .menu_link_content a {
    color: #fff;
}

.header-active nav.menu--main>ul>li>a {
    position: relative;
    margin: 30px 24px 0 0;
    z-index: 1000;
}

.header-active nav.menu--main li.menu-item {
    margin-top: 0 !important;
}

.header-active nav.menu--main li.menu-item--active-trail>a,
.header-active nav.menu--main li.menu-item--active-trail:hover>a {
    color: #ff5e66;
    color: var(--sunset);
}


/* #endregion Main Menu – First Level */


/* #region Main Menu – Second Level */

nav.menu--main li:hover {
    margin-top: 0;
}

nav.menu--main li.line-2 .views-row {
    padding-top: 0.2em;
}

nav.menu--main .menu_link_content .menu_link_content {
    display: none;
}

nav.menu--main li:hover .menu_link_content a {
    text-transform: none;
}

nav.menu--main li:hover .menu_link_content a:hover {
    color: #ff5e66;
    color: var(--sunset);
}

nav.menu--main ul.menu a.is-active,
nav.menu--main ul.menu a.active {
    color: #ff5e66;
    color: var(--sunset);
}


/* #endregion Main Menu – Second Level */


/* #region Top Menu */

.menu--top {
    position: absolute;
    top: -50px;
    right: 12vw;
    height: 50px;
    padding-right: 30px;
}

.menu--top .menu {
    display: flex;
    font-size: 15px;
}

.menu--top .menu li {
    padding-right: 30px;
}


/* #endregion Top Menu */


/* #region Footer Menu */

.footer-nav-seminare .view-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1040px;
}

.menu--footer .view-produkt-variationen .view-content>div {
    flex-basis: 33.333%;
    width: 33.333%;
    line-height: 1.3;
    padding: 0px 0 12px 21px;
}

.menu--footer .view-produkt-variationen .view-content>div:last-child {
    margin: 0 auto 0 0;
}

.menu--footer {
    display: flex;
    position: fixed;
    bottom: -50px;
    z-index: 120;
    height: 50px;
    background-color: #ff7a7a;
    background-color: var(--button);
    width: 100%;
    padding: 12px 12px 0 0;
    justify-content: space-between;
    transition: height 0.777s;
}

.menu--footer.open {
    height: 200px;
}

.footer-nav a {
    padding: 0 0 0 24px;
    color: #fff;
}

.footer-nav a:hover {
    color: #664d5d;
    color: var(--deep-purple-1);
}

.footer-nav-seminare {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    z-index: 12;
    left: 7vw;
}

.footer-nav-seminare ul,
.footer-nav-seminare li {
    margin: 0;
    padding: 0;
}

.footer-nav-seminare a {
    color: #fff;
}

.footer-nav-seminare span.title {
    display: block;
    position: absolute;
    top: -52px;
    height: 40px;
    padding: 7px 21px 0;
    white-space: nowrap;
    background-color: #ff7a7a;
    background-color: var(--button);
    color: #47323e;
    color: var(--deep-purple-2);
    border-radius: 12px 12px 0 0;
    transition: all 0.777s;
    cursor: pointer;
}

.menu--footer .footer-nav-seminare .menu_link_content .field {
    display: none;
    padding-top: 12px;
    font-size: 0.825em;
}

.footer-nav-seminare li.menu-item {
    padding-right: 30px;
}

.menu--footer .footer-nav-seminare .menu_link_content a {
    display: block;
    color: #fff;
    padding-bottom: 3px;
}

.menu--footer .footer-nav-seminare a:hover {
    color: #664d5d;
    color: var(--deep-purple-1);
}

.menu--footer:hover .footer-nav-seminare .menu_link_content .field {
    display: block;
}

.menu--footer .menu {
    display: flex;
    justify-content: flex-end;
    margin: 0;
}

.menu--footer .view-display-id-block_next_footer {
    padding: 7px 0 12px;
}

.view-display-id-block_popup_buchung {
    padding: 36px;
}

.view-display-id-block_popup_buchung td {
    padding: 12px;
}


/* #endregion Top Menu */


/* #region Menu Lines */

svg#nav-lines,
#fixed-nav-lines {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    margin-top: 0;
    overflow: visible !important;
    transition: opacity 0.333s;
}

.fix-line {
    position: absolute;
    top: 0;
    margin-top: 0;
    z-index: 1;
    overflow: visible !important;
}

svg line {
    stroke-width: 1.25px;
    stroke: #ede8e1;
    stroke: var(--beige-2);
}

#nav-line-a {
    z-index: 100;
}

svg#tab-lines {
    position: absolute;
    right: 0;
    left: 0;
    overflow: visible !important;
}

svg#date-lines {
    position: absolute;
    top: 80px;
    right: -1px;
}

svg#inhouse-lines {
    position: absolute;
    top: 0;
    right: 0;
    overflow: visible !important;
}

svg line.white {
    stroke: #fff;
}

#line-tabs-after {
    display: none;
}

.header-active svg#nav-lines,
.header-active #fixed-nav-lines,
.header-active #contact-circle {
    opacity: 0;
}

#line-0 {
    transition: all 0.333s;
}

#line-a,
#line-b {
    transition: all 0.333s;
}


/* #region Circles */

.circle {
    position: fixed;
    background-color: #ede8e1;
    background-color: var(--beige-2);
    width: 12px;
    height: 12px;
    z-index: 30;
    border-radius: 50%;
}

circle {
    fill: #ede8e1;
    fill: var(--beige-2);
}

circle.white {
    fill: #fff;
}

body.header-active .circle {
    z-index: 7;
    box-shadow: none;
}

li.menu-item--expanded {
    list-style-type: none;
    list-style-image: none;
}

.maintenance-page .circle {
    box-shadow: none;
}


/* #endregion Circles */


/* #endregion Menu Lines */


/* #region Boxes */

.box {
    padding: 0 20px 20px;
    border: 1px solid #fff;
    border-radius: 0 0 12px 12px;
}

.path-checkout .box {
    padding-bottom: 50px;
}

.path-checkout select {
    height: 30px;
}

.bg-b1 .box,
.bg-b1 .box .title {
    border-color: #977b64;
    border-color: var(--gold-2);
}

.bg-b1 .box .title:before,
.bg-b1 .box .title:after {
    background-color: #977b64;
    background-color: var(--gold-2);
}

.bg-b2,
.bg-b2 .box {
    background-color: #ede8e1;
    background-color: var(--beige-2);
}


/*
.bg-p2 .box,
.bg-p2 .box .title,
.bg-p2 .box .views-field-title {
  border-color: #bdab9b;
  border-color: var(--gold-1);
}
*/

.bg-p2 .box .title:before,
.bg-p2 .box .title:after,
.bg-p2 .box .views-field-title:before,
.bg-p2 .box .views-field-title:after {
    background-color: #fff;
    /* background-color: var(--gold-1); */
}

.box p {
    line-height: 1.5;
    margin: 0 0 1em 0;
}

section.gray .box {
    background-color: transparent;
    color: #e3d9d1;
    color: var(--beige-3);
}

.gray .box .title,
.view-display-id-block_seminaroverview .view-header {
    background: transparent;
    border-bottom: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
}

section.gray .box.is-sticky {
    background-color: rgba(0, 0, 0, 0.1);
}

section.gray a {
    color: #ff5e66;
    color: var(--sunset);
}

section.gray .view-content a {
    color: #fff;
    text-transform: none;
    font-weight: 500;
}

section.gray a:hover,
section.gray .view-content a:hover {
    color: #ff5e66;
    color: var(--sunset);
}

section.gray select {
    background-color: var(--dark);
}

section.gray a:hover {
    color: #fff;
}

section.white .box,
section.white .box .title {
    background-color: transparent;
    border-color: #38383899;
    border-color: var(--anthra-3);
    color: #383838cc;
    color: var(--anthra-2);
}

section.white .box .title:before,
section.white .box .title:after {
    background-color: #383838cc;
    background-color: var(--anthra-2);
}

.box .page-title,
.view-display-id-block_seminaroverview .view-header {
    position: relative;
    margin: 0 -21px;
}

.view-display-id-block_seminaroverview .view-header {
    padding: 0 20px 20px;
    margin-bottom: 20px;
}

.box.seminartermine .title:after,
.box.inhouse .title:after,
.box.inhouse .title:before {
    position: absolute;
    bottom: -6px;
    right: -6px;
    content: "";
    z-index: 1;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #f7f4ef;
    background-color: var(--beige-1);
}

.box.inhouse .title:before {
    left: -6px;
}

.box .title p {
    margin: 0;
}

.box .title svg {
    position: absolute;
    overflow: visible;
}

.box>svg:not(:root) {
    position: absolute;
    overflow: visible;
}

#content blockquote>* {
    font-weight: 400;
    padding: 30px;
    margin: 0.7em 0;
    border: 1.25px solid #ff5e66;
    border: 1.25px solid var(--sunset);
    color: #ff5e66;
    color: var(--sunset);
    border-radius: 0 0 12px 12px;
    text-align: left;
    hyphens: none;
}

#content blockquote>*:after {
    position: absolute;
    top: -6px;
    right: -6px;
    content: "";
    width: 12px;
    height: 12px;
    background-color: #ff5e66;
    background-color: var(--sunset);
    border-radius: 50%;
}

#content .field-produkt-zielgruppe blockquote>* li {
    padding: 0;
    margin: 0;
    font-weight: 500;
}

#content .field-produkt-zielgruppe blockquote>* li:last-child {
    margin-bottom: 0;
}

#content .field-produkt-zielgruppe blockquote>* li:before {
    position: initial;
    content: initial;
}

.box .field-content.button {
    position: absolute;
    right: 0;
    bottom: -50px;
}

.path-product .box .button {
    bottom: -63px;
}

.box .button a {
    color: #fff;
}

aside .box button {
    position: absolute;
    right: 12px;
    bottom: -40px;
    padding: 5px 16px 7px;
    opacity: 0;
    transition: opacity 0.333s;
}

aside .is-sticky button {
    opacity: 1;
}

aside .box button.anfrage-stellen {
    background-color: #ff7a7a;
    background-color: var(--button);
}

aside .box button.anfrage-stellen:hover {
    background-color: #383838;
    color: var(--anthra-1);
}

.box.seminartermine {
    padding-bottom: 7px;
}

.trainer .lines {
    display: none;
}

.trainer .flex-between .flex-col {
    max-width: 33.333%;
    padding: 34px;
    text-align: center;
}

.trainer .flex-between .flex-col img {
    max-height: 200px;
    max-width: auto;
    width: auto;
}

.page-akademie .slick-slide h3 {
    margin-top: 30px;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 21px;
}

.page-akademie .section.dark .slick-slide h3 {
    color: #bdab9b;
    color: var(--gold-1);
}

.section.dark .view-header {
    color: #fff;
    margin: 2em 0 0;
    text-align: left;
}

.section.dark .col-full:first-child .view-header {
    margin-top: 0;
}

.section.dark .view-content a {
    color: #9f8389;
    color: var(--purple-nav);
}

.section.dark .view-content .views-field-name a {
    color: #ddcad1;
    color: var(--purple-3);
    font-weight: 500;
}

.section.dark .view-content a:hover {
    color: #ff5e66;
    color: var(--sunset);
}

.section.dark .box .title,
.section.dark .box .title a {
    color: #977b64;
    color: var(--gold-2);
}

.box .date-display-range {
    font-size: 21px;
}

aside .box .date-display-range {
    font-size: 1em;
}

.box .views-field-view-commerce-product a {
    display: inline-block;
    text-transform: uppercase;
    padding-top: 7px;
}

.box .views-field-view-commerce-product a:hover {
    color: #ff5e66;
    color: var(--sunset);
}


/* #endregion Boxes */


/* #region Product */

#page.product-page {
    background-color: #e3d9d1;
    background-color: var(--beige-3);
    background-image: none;
}

#page.product-page section>div {
    margin: 0;
    padding: 0;
}

.product-page h1 {
    display: inline;
    color: #47323e;
    color: var(--deep-purple-2);
    letter-spacing: 0.0777em;
}

.product-page h1+h2 {
    font-size: 1.333em;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 500;
    color: #47323e;
    color: var(--deep-purple-2);
    margin: 7px 0 0;
}

.product-page h2+section {
    padding-bottom: 0;
}

.product-page section.footer {
    padding-top: 0;
    margin-top: 3vh;
    z-index: 0;
}

.product-page section.footer .view-display-id-block_products_by_term>.view-content {
    padding: 0;
    margin: 24px 0;
}

.product-page .col-8 .text-formatted p:first-child {
    margin-top: 0;
}

.product-page section.footer .box:first-child .views-field-title:before,
.product-page section.footer .box:last-child .views-field-title:after {
    position: absolute;
    bottom: -6px;
    left: -6px;
    content: "";
    width: 12px;
    height: 12px;
    z-index: 30;
    border-radius: 50%;
}

.product-page section.footer .box:last-child .views-field-title:after {
    right: -6px;
    left: initial;
}

.product-page section.footer h2 {
    text-align: center;
    margin: 5vh 0;
    color: var(--deep-purple-1);
}

.commerce-product>.group-header {
    position: relative;
    margin-top: 18vh;
    height: 42vh;
}

.scrolled .commerce-product>.group-header:after {
    opacity: 0;
}

.commerce-product h2 {
    text-align: center;
}

.commerce-product>.group-header img,
.field--name-field-produkt-bild img {
    position: fixed;
    left: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100vh;
    max-width: initial;
    max-height: initial;
}

.commerce-product>.group-header .views-field-field-produkt-bild {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
}

.commerce-product>.group-header .headertext {
    position: absolute;
    z-index: 7;
}

.commerce-product>.group-header .headertext h1 {
    border-bottom: 1.25px solid #f7f4ef;
    border-bottom: 1.25px solid var(--beige-1);
    padding: 0 21px 20px;
    font-size: 1.5em;
}

.commerce-product>.group-header .headertext .item-list {
    padding-top: 24px;
}

#content .commerce-product>.group-header .headertext .item-list li {
    margin-bottom: 3px;
}

.commerce-product>.group-header .headertext .item-list li:before {
    background-color: #ede8e1;
    background-color: var(--beige-2);
}

.commerce-product>.group-header .headertext p {
    margin: 12px 0 0 0;
    padding: 0;
    line-height: 1.6;
}

.commerce-product>.group-header .wrapper {
    display: flex;
    min-height: 100vh;
    padding-bottom: 7vh;
    align-items: flex-end;
}

.commerce-product>.group-content {
    position: relative;
}

#buchtipp.slide-in {
    margin-left: 90vw;
    width: 720px;
    height: 390px;
    padding: 50px 70px 0 170px;
    transition: margin-left 0.333s;
    background-image: url(../images/hero-bg-2.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    color: #fff;
}

#buchtipp.slide-in.show {
    margin-left: 0;
    transition: margin-left 0.777s;
}

#buchtipp.slide-in .title {
    display: inline-block;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background-color: #ff5e66;
    background-color: var(--sunset);
    padding: 0 12px;
    font-size: 18px;
    color: #000;
}

#buchtipp.slide-in .books {
    display: flex;
    justify-content: space-between;
}

#buchtipp.slide-in .books img {
    margin-right: 12px;
}

#buchtipp.slide-in ul li {
    line-height: 1.3;
    margin-bottom: 0.7em;
}

.commerce-product #buchtipp .paragraph {
    margin-left: 40%;
    width: 60%;
    height: 440px;
    background-image: url(../images/hero-bg-1.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.commerce-product #buchtipp .field--name-field-text-formatiert-lang p {
    text-align: left;
    text-align-last: left;
    line-height: 1.5;
    font-size: 14px;
    padding: 28% 36% 0 25%;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: #fff;
}

.commerce-product #buchtipp img {
    position: absolute;
    margin: 43px 0 0 -110px;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.15);
}

.commerce-product #buchtipp img:before {
    content: "Buchtipp";
}

.commerce-product #buchtipp p:before {
    position: absolute;
    content: "Buchtipp";
    width: 100px;
    height: 30px;
    z-index: 100;
    margin: 0px 0 0 -110px;
    font-weight: 500;
}

.product #page .text-formatted {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: justify;
}

.product .field-produkt-introtext {
    margin-bottom: 3em;
}

.product .field-produkt-introtext p {
    margin: 0;
}

.product h2,
.product aside .title {
    margin: 48px 0 0;
    color: #977b64;
    color: var(--gold-2);
}

.product aside .title {
    text-align: center;
    line-height: 1.4;
    font-size: 20px;
    margin: 0 -20px 20px;
}

.product h2+p {
    margin-top: 0;
}

#nutzen-ziele {
    justify-content: space-between;
    align-items: flex-start;
    text-align: left;
}

#nutzen-ziele .field--name-field-produkt-nutzen {
    width: 50%;
}

#nutzen-ziele .field--name-field-produkt-ziele {
    width: 40%;
}

.field--name-field-produkt-zielgruppe {
    padding-top: 3vh;
}

.field--name-field-produkt-zielgruppe blockquote {
    border: none;
    border-left: 7px solid #bdab9b;
    border-left: 7px solid var(--gold-1);
    padding: 0 0 0 30px;
    margin: 30px 0;
    max-width: 65%;
}

#content .field--name-field-produkt-zielgruppe blockquote>* {
    border: none;
    padding: 0;
    color: #977b64;
    color: var(--gold-2);
}

#content .field--name-field-produkt-zielgruppe blockquote>*:after {
    content: initial;
}

img.zertifikat {
    border: 1px solid #bdab9b;
    border: 1px solid var(--gold-1);
    padding: 3px;
    background-color: #fff;
}

.commerce-product .field>h3 {
    margin-top: 0;
}

.just-center p {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.just-center .box p {
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
}

.just-center h2,
.just-center h3 {
    text-align: center;
    margin-bottom: 24px;
}

span.cta {
    display: inline-block;
}

.cta a,
.webform-submission-full-contact-form .webform-button--submit {
    display: inline-block;
    position: relative;
    font-size: 1.5em;
    padding: 18px 24px;
    border: 1px solid #fff;
    border-radius: 0 0 12px 12px;
    line-height: 1;
    margin-top: 2em;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
    background-color: transparent;
}

.cta a {
    margin-top: 0;
}

.bg-p1 .cta a,
.bg-p2 .cta a,
.bg-b3 .cta a,
.bg-p1 .webform-submission-full-contact-form .webform-button--submit {
    border-color: #664d5d;
    color: #664d5d;
    border-color: var(--deep-purple-1);
    color: var(--deep-purple-1);
}

.bg-p1 .cta:after a,
.bg-p2 .cta:after a,
.bg-b3 .cta:after a {
    background-color: #664d5d;
    background-color: var(--deep-purple-1);
}

.webform-submission-full-contact-form .form-actions {
    display: block;
    text-align: center;
    margin: 36px auto 0;
    padding: 0;
    width: 300px;
}

.webform-submission-full-contact-form .webform-button--submit {
    margin: 0;
    width: 300px;
}

.webform-submission-full-contact-form .webform-button--submit:hover {
    background-color: #ff7a7a;
    background-color: var(--button);
    color: #fff;
    border-color: #fff;
}

.webform-submission-full-contact-form .form-actions:after {
    position: absolute;
    top: -6px;
    right: -6px;
    content: "";
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 6px;
}

.cta:after a {
    position: absolute;
    top: -5px;
    right: -5px;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
}

.paragraph-id-23 .cta a:hover {
    background-color: var(--sunset);
    color: #fff;
    border-color: #fff;
}


/*
.paragraph-id-23 .cta:after {
  content: url(../images/lines/line-tag2-after.svg);
  position: absolute;
  top: -48px;
  right: -2194px;
  width: 2200px;
  height: 1489px;
  background-color: transparent;
  border-radius: 0;
}
*/

.bg-p1 .cta:after a,
.bg-p1 .webform-submission-full-contact-form .form-actions:after {
    background-color: var(--deep-purple-1);
}

.bg-p1 .cta:hover:after,
.bg-p1 .webform-submission-full-contact-form .form-actions:hover:after {
    background-color: #fff;
}

.commerce-product .view-id-produkt_variationen .view-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.commerce-product .view-id-produkt_variationen .views-row {
    width: 30%;
    font-size: 1em;
    border-color: #f7f4ef;
    border-color: var(--beige-3);
    color: #e3d9d1;
    color: var(--beige-3);
}

.commerce-product .view-id-produkt_variationen .views-field-title {
    position: relative;
    margin: 0 -30px 30px;
    padding: 0 30px 30px;
    border-bottom: 1px solid #e3d9d1;
    border-bottom: 1px solid var(--beige-3);
}

.commerce-product .view-id-produkt_variationen .views-field-title:after {
    position: absolute;
    right: -6px;
    bottom: -6px;
    content: "";
    width: 12px;
    height: 12px;
    background-color: #e3d9d1;
    background-color: var(--beige-3);
    border-radius: 50%;
}

.commerce-product .view-id-produkt_variationen .views-row:first-child .views-field-title:after {
    right: initial;
    left: -6px;
}

.commerce-product .view-id-produkt_variationen .views-field-field-seminartermin {
    font-weight: 500;
    margin-bottom: 1em;
}

.field-produkt-subline {
    text-align: center;
    max-width: 80%;
    margin: 0 auto !important;
}

.product .field-produkt-inhalte ul {
    column-count: 2;
    column-gap: 3vw;
}

.product .field-produkt-inhalte p {
    text-align: left;
    text-align-last: left;
}

.product-page aside .form-item {
    display: flex;
    margin: 12px 0;
    justify-content: space-between;
}

.product-page aside .form-item label {
    line-height: 1;
    margin-top: 7px;
}

.product-page aside .form-item input {
    width: 50px;
    height: 28px;
}

.product-page aside .form-actions {
    border-top: 1px solid #ff5e66;
    border-top: 1px solid var(--sunset);
}

.product-page aside .form-actions:hover {
    background-color: #977b64;
    background-color: var(--gold-2);
    border-color: #977b64;
    border-color: var(--gold-2);
}

.product-page aside .form-actions:hover .button {
    background-color: #383838;
    color: var(--anthra-1);
    border-color: #383838;
    border-color: var(--anthra-1);
    color: #fff;
}

.product-page aside .view-produkt-variationen .views-row.open .views-field-field-seminartermin {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}


/* #endregion Commerce product */


/* #region Sections */

.default>.row>div>section,
section.section,
.full-section {
    position: relative;
    z-index: 7;
    padding: 7vh 0;
    margin: 0;
}

.white {
    background-color: #fff;
}

.gray {
    background-color: #383838;
    background-color: var(--anthra-1);
    color: #e3d9d1;
    color: var(--beige-3);
}

.gray h3 {
    color: #ff5e66;
    color: var(--sunset);
}

.purple-light {
    background-color: #efe9eb;
    background-color: var(--purple-1);
}

.purple-med {
    background-color: #eadfe2;
    background-color: var(--purple-2);
}

.purple-dark,
.path-checkout,
.path-checkout #page,
.path-cart,
.path-cart #page {
    background-color: #ddcad1;
    background-color: var(--purple-3);
}

.section.middle .row {
    align-items: center;
}

.gray li:before,
#page .headertext li:before {
    background-color: #e3d9d1;
    background-color: var(--beige-3);
}

.page .field--name-field-page-pragraphs .field__item .section {
    margin: 0;
}

.paragraph--type--full-section-image {
    display: flex;
    height: 60vh;
    padding: 0 !important;
    align-items: center;
}

.paragraph-id-183 {
    background-position-y: bottom;
}

.section.flex-between>.field>.container>.row {
    display: flex;
    justify-content: space-between;
}

.paragraph--view-mode--drei-spalten .row .col-12 {
    width: 33%;
    width: 33%;
    margin-bottom: 30px;
}

.paragraph--view-mode--drei-spalten .view-content a {
    color: #f7f4ef;
    color: var(--beige-1);
    text-transform: none;
}

.paragraph--view-mode--drei-spalten section,
.paragraph--view-mode--drei-spalten section>div,
.paragraph--view-mode--drei-spalten section>div>div,
.paragraph--view-mode--drei-spalten .views-element-container,
.paragraph--view-mode--drei-spalten .box {
    height: 100%;
}

.field--name-field-paragraphs-library .field__label,
.field--name-field-classy-style {
    display: none;
}

.no-padding {
    padding: 0 !important;
}

.path-frontpage .row.field__items>.col-full:nth-child(2) {
    overflow: visible;
    z-index: 8;
}

.path-frontpage .row.field__items>.col-full:nth-child(5) {
    z-index: 9;
}


/* #endregion Sections */


/* #region Node Types */

.node .field--name-body h2 {
    font-size: 1.25em;
    text-transform: none;
    font-weight: 500;
    margin: 3em 0 0.5em;
    color: #977b64;
    color: var(--gold-2);
}

table.ul-table {
    padding: 0;
}

table.ul-table tr td {
    padding: 0 0 1em 0;
    line-height: 1.5;
}

table.ul-table p {
    margin: 0;
    line-height: 1.5;
}

table.ul-table tr td:first-child {
    white-space: nowrap;
    padding-right: 2em;
    vertical-align: top;
}


/* #endregion Node Types */


/* #region Sections */

.section {
    padding: 3vh 7vw;
    margin: -3vh -7vw 3vh;
}

.section.gray {
    color: #e3d9d1;
    color: var(--beige-3);
    background-color: #383838;
    background-color: var(--anthra-1);
}

.section.dark {
    color: #fff;
    background-color: #201e24;
    background-color: var(--gray);
}

.section.dark h3 {
    color: #bdab9b;
    color: var(--gold-1);
    text-align: center;
    margin-bottom: 0.5em;
}

.section.light {
    background-color: #f7f4ef;
    background-color: var(--beige-1);
}

.section.med {
    background-color: #ede8e1;
    background-color: var(--beige-2);
}

.section.white {
    background-color: #fff;
}

.narrow>div,
.box.narrow {
    max-width: 600px;
    margin: auto;
}

.medium-width,
.medium-width>div {
    max-width: 800px;
    margin: auto;
}

section.purple-light .box {
    background-color: #ddcad1;
    background-color: var(--purple-3);
}

section.narrow h2 {
    text-align: center;
}

.centered * {
    text-align: center;
    hyphens: none;
}

.hero {
    position: absolute;
    right: 0;
    width: 600px;
    height: 420px;
    padding: 110px 40px 0 170px;
    background-image: url(../images/hero-bg-1.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 600px;
}

.path-frontpage #hero-covid {
    position: absolute;
    width: 360px;
    padding: 7px;
    background-color: #fff;
    top: -330px;
    right: 0;
    text-align: center;
    border-radius: 0 0 12px 12px;
}

.path-frontpage #hero-covid p:first-child {
    background-color: var(--sunset);
    padding: 21px 24px;
    margin: 0;
    color: #fff;
    font-weight: 900;
    line-height: 1.3;
    hyphens: none;
}

.path-frontpage #hero-covid p:last-child {
    padding: 12px;
    margin: 0;
    color: var(--dark);
    line-height: 1.3;
    hyphens: none;
}

.slick-slide .book {
    display: flex !important;
}

.slick-slide .book p {
    margin: 0;
    padding: 0 40px 0 30px;
    line-height: 1.35;
}

.slick-slide .book .img {
    min-width: 110px;
}

.slick-books .slick-prev {
    display: none !important;
}


/* #endregion Sections */


/* #region Simple Login */

body.simplelogin {
    font-family: inherit !important;
    background-color: rgba(0, 0, 0, 0.95);
}

body.simplelogin.opacity::before,
body.simplelogin .simplelogin-logo img,
body.simplelogin .menu--main {
    display: none;
}

body.simplelogin .simplelogin-logo {
    background-image: url(../images/coding-akademie-signet.svg);
    background-size: 70px;
    background-position: center top;
    background-repeat: no-repeat;
    height: 150px;
}

.simplelogin h1 {
    margin: 0 0 30px 0;
    padding: 90px 0 0 0;
}

.simplelogin-form input {
    box-shadow: none;
}

.simplelogin-form input[type="submit"]:hover,
.simplelogin-form button.form-submit:hover {
    background-color: #ff7a7a;
    background-color: var(--button);
}


/* #endregion Simple Login */


/* #region Special Paragraphs */

.row .paragraph-id-66 .title {
    font-weight: 600;
    text-align: center;
}


/* ?Front Books */

.paragraph-id-152.box {
    margin-top: 7vh;
    padding-bottom: 36px;
    background-color: transparent;
}

.paragraph-id-152.box .title * {
    text-align: center;
}

.paragraph-id-152.box .title span {
    display: inline-block;
    /*
  background-color: #ff5e66;
  background-color: var(--sunset);
  */
    font-size: 24px;
    padding: 3px 7px;
}

.paragraph-id-152 .title+p {
    margin: 12px 0 36px;
}

.paragraph-id-152.box sub {
    display: block;
    margin: 7px 0 30px 0;
    line-height: 1.2;
}

.paragraph-id-152.box .flex {
    align-items: flex-start;
    padding: 0 12px;
}

.paragraph-id-152.box .flex>div {
    max-width: 27%;
    text-align: left;
    text-align-last: auto;
    line-height: 1.5;
}

.paragraph-id-152.box img {
    height: 200px;
    width: auto;
    max-width: initial;
}

.paragraph-id-152.box .flex .left,
.paragraph-id-152.box .flex .right {
    padding: 12px 0 0;
}

.paragraph-id-152.box .flex .center {
    display: inline-flex;
    max-width: 35%;
    width: 35%;
    justify-content: space-between;
}

.paragraph-id-153 {
    max-height: 520px;
}

.paragraph-id-106 .profil-trainer .trainer,
.paragraph-id-106 .profil-trainer .trainer-row {
    padding-bottom: 30px;
    margin-bottom: 0;
}

.paragraph-id-106 .profil-trainer .trainer-row:after {
    display: none;
}

.paragraph-id-108:after {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100vw;
    height: 100vh;
    overflow: visible;
}

.paragraph-id-108 img {
    height: 300px;
}

.paragraph-id-108 .zert img {
    max-height: 285px;
    transform: perspective(285px) rotateY(-7deg);
}


/* Partner Logos */

.paragraph-id-173 .paragraph--type--svg {
    padding-top: 5vh;
}


/* #endregion Special Paragraphs */


/* #region Headlines */

.section .view-display-id-block_all_semcats h3 {
    text-align: left;
    margin: 3vh 0 7px;
    color: #fff;
    padding-bottom: 7px;
    border-bottom: 1px solid #ddcad1;
    border-bottom: 1px solid #444;
}

.section .view-display-id-block_all_semcats .views-row.active a {
    color: #bdab9b;
    color: var(--gold-1);
    font-weight: 600;
    cursor: default;
}


/* #endregion Headlines */


/* #region Sheet3D */

.sheet3D {
    transform: perspective(650px) rotateY(-15deg);
    transition: all 0.333s;
    margin: -30px 0 0 -7px;
}

.sheet3D:hover {
    transform: perspective(0) rotateY(0);
}


/* #endregion Sheet3D */

body .wp-gr .wp-google-badge-fixed {
    right: 120px !important;
    bottom: 20px !important;
}

.paragraph-id-355 .text-formatted p:last-child {
    position: absolute;
    left: -230px;
    width: 190px;
    bottom: 16px;
    text-align: right;
    line-height: 1.3;
    font-size: 0.865em;
}

.section .view-display-id-block_all_semcats h3 {
    text-align: left;
    margin: 3vh 0 7px;
    color: #fff;
    padding-bottom: 7px;
    border-bottom: 1px solid #ddcad1;
    border-bottom: 1px solid #444;
}

.section .view-display-id-block_all_semcats .views-row.active a {
    color: #bdab9b;
    color: var(--gold-1);
    font-weight: 600;
    cursor: default;
}


/* #region Cart */

.order-total-line-value {
    min-width: 180px;
}

.path-cart .main-teaser-image,
.path-checkout .main-teaser-image {
    display: none;
    visibility: hidden;
}

.path-cart input,
.path-checkout input {
    max-width: 270px;
}


/* #endregion Cart */


/* #region Checkout */

.path-cart nav.menu--footer,
.path-checkout nav.menu--footer {
    display: none;
}

.field--name-purchased-entity div[data-drupal-selector="edit-actions"],
#edit-payment-information fieldset legend {
    display: none;
}

.header-faded #site-header,
.header-faded #site-header+nav {
    opacity: 0;
    height: 100px;
}

.path-cart .menu--footer .path-checkout .menu--footer {
    display: none;
}

.path-cart #page,
.path-checkout #page {
    padding-top: 3vh;
}

.path-cart #page::before,
.path-checkout #page::before {
    content: "\2630";
    font-family: sans-serif;
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 8;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    font-size: 48px;
}

div#edit-payment-process {
    margin: 3vh auto;
    padding: 30px;
    background-color: #fff;
    width: 440px;
    max-width: 100%;
}

.order-items .row,
#edit-payment-information fieldset,
.view-commerce-checkout-order-summary .order-item {
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--purple-2);
}

.order-items .row .amount {
    width: 36px;
}

.order-items .row .price {
    margin: 0 0 0 auto;
}

.path-checkout .form-item,
.path-checkout .address-container-inline>.form-item {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0 0 7px 0;
}

.path-checkout #edit-payment-information-billing-information label {
    width: 30%;
    min-width: 150px;
    font-weight: 700;
}

.path-checkout #edit-payment-information fieldset+div .form-item input {
    margin: -1px 0 0 0;
    height: 44px;
    width: 270px !important;
}

.path-checkout p.address {
    margin: 0;
}

.path-checkout .address-book-edit-button,
.path-checkout .go-cart a {
    padding: 7px 21px;
    border-radius: 0 0 12px 12px;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    margin: -1px 0 0 0;
    width: auto !important;
    display: inline-block;
}

.checkout-pane-order-summary .view-footer .go-cart {
    margin-top: 36px;
    text-align: right;
    font-weight: 500;
    border-top: 1px solid #fff;
}

.path-checkout .go-cart a:hover {
    background-color: #977b64;
    background-color: var(--gold-2);
}

.path-checkout #edit-actions input {
    border: 1px solid #fff;
    border-top: none;
}

.form-item-payment-information-billing-information-select-address+div {
    padding-bottom: 30px;
    border-bottom: 1px solid #fff;
    margin-bottom: 0;
}

#edit-payment-information fieldset .form-item {
    display: block;
}

#edit-payment-information fieldset .form-item input[type="radio"] {
    margin: 0 21px 0 0;
}

#edit-payment-information fieldset .form-item input[type="radio"] label {
    vertical-align: middle;
}

.path-checkout .form-actions {
    margin: 0px 20px 0 0;
}

.path-checkout .layout-region-checkout-secondary {
    max-width: 30%;
}

.path-checkout .layout-region-checkout-secondary .views-field-total-price__number {
    display: none;
}

.path-checkout .layout-region-checkout-secondary .box .view-footer {
    position: relative;
    height: auto;
    bottom: 0;
    right: 0;
    line-height: 1.5;
}

.layout-checkout-form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.layout-checkout-form .layout-region-checkout-main,
.layout-checkout-form .layout-region-checkout-footer {
    flex-basis: 48%;
    max-width: 48%;
    flex-shrink: 0;
    flex-grow: 1;
}

.layout-checkout-form .layout-region-checkout-footer {
    padding: 0;
    margin: 0 0 0 auto;
}

.layout-checkout-form .layout-region-checkout-secondary {
    flex-basis: 48%;
    max-width: 48%;
    flex-shrink: 0;
    flex-grow: 1;
}

.layout-checkout-form .layout-region-checkout-secondary .box {
    height: 100%;
}

.form-item-payment-information-billing-information-copy-to-address-book {
    display: none !important;
}

#edit-login {
    overflow: visible;
}

.order-total-line {
    display: flex;
    padding: 0;
    justify-content: space-between;
}

.path-checkout .order-total-line,
.path-checkout .order-total-line-value {
    min-width: auto;
    width: auto;
}

.order-items .view-footer,
#edit-payment-information fieldset+div {
    padding-top: 12px;
    padding-left: 36px;
}

.checkout-pane-order-summary .view-footer {
    padding-top: 12px;
}

.path-cart .delete-order-item.button {
    position: absolute;
    top: 0;
    right: 36px;
    bottom: 0;
    background-color: transparent;
    font-size: 0;
    padding: 0;
    height: 30px;
    width: 30px;
    border: none;
    border-radius: 0;
}

.path-cart td.views-field-remove-button {
    width: 70px;
}

.path-cart td.views-field-remove-button:after {
    content: "X";
    font-size: 24px;
    margin-right: 0;
    color: #ff7a7a;
    color: var(--button);
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.path-cart .view-commerce-cart-form .views-table+small {
    padding: 0 30px;
    text-align: right;
    display: block;
    margin-top: 12px;
}

.path-cart .view-commerce-cart-form .views-table th {
    padding: 12px 30px;
}

th {
    text-align: left !important;
}

.views-align-center {
    text-align: center !important;
}

.views-align-right {
    text-align: right !important;
}

.path-cart .view-commerce-cart-form .views-table td {
    background-color: var(--purple-2);
    padding: 7px 30px;
}

.path-cart .view-commerce-cart-form .views-table td .form-item {
    margin: 0;
}

.path-cart .view-commerce-cart-form .views-table tr:first-child td {
    padding-top: 30px;
}

.path-cart .view-commerce-cart-form .views-table tr:last-child td {
    padding-bottom: 30px;
}

.path-cart .field--name-total-price {
    margin-bottom: 30px;
}

.path-cart .view-commerce-cart-form .field--name-total-price {
    margin: 30px;
}

.path-cart .form-actions {
    box-shadow: inset 0 1px 0 0 #fff;
    padding-right: 12px;
}

.path-cart #edit-submit {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.path-cart #edit-submit:hover {
    background-color: #977b64;
    background-color: #977b64;
    color: var(--gold-2);
    border-color: #977b64;
    color: var(--gold-2);
    color: #fff;
}

.path-cart #edit-checkout {
    margin: 0 0 0 12px;
}

.checkout-pane-coupon-redemption {
    padding: 30px 0 0 0;
}

.checkout-pane-coupon-redemption input[type="submit"] {
    padding: 3px;
    font-size: 14px;
    margin: 0;
    float: right;
    border-radius: 0;
    background-color: transparent;
}

.checkout-pane-coupon-redemption input[type="submit"]:hover {
    color: #383838;
}


/* #endregion Checkout */


/* #region Taxonomy Term */

.path-taxonomy h1 {
    padding-top: 5vh;
}

.taxonomy-term .view-id-commerce_products .views-row .field-content .image {
    width: 38%;
}

.taxonomy-term .view-id-commerce_products .views-row .field-content .content {
    background-color: #fff;
    width: 62%;
    padding: 0 30px 30px;
    font-size: 1em;
}

.view-id-commerce_products .views-field-views-conditional-field-1 {
    color: var(--gold-2);
}

.view-id-commerce_products .views-field-views-conditional-field-1 span.deaktiviert:hover {
    color: #fff;
}

.view-id-commerce_products .views-field-views-conditional-field-1 span.deaktiviert+.hidden {
    position: absolute;
    display: block;
    top: 0;
    opacity: 0;
    right: -13200000px;
    width: 130px;
    font-size: 12px;
    line-height: 1.26665;
    background-color: var(--gold-2);
    padding: 3px 0 3px 7px;
    border-radius: 3px;
    color: #fff;
    transition: opacity 0.333s;
    cursor: pointer;
}

.view-id-commerce_products .views-field-views-conditional-field-1 span.deaktiviert:hover+.hidden {
    right: -140px;
    opacity: 1;
}

#content .views-row .field-content .content ul li {
    margin-bottom: 7px;
}

.taxonomy-term .view-id-commerce_products .views-row .field-content .content p {
    line-height: 1.5;
}

.view-display-id-block_products_by_term>.view-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 7vh 0 0;
}

.view-display-id-block_products_by_term a,
.view-display-id-block_next_seminars_boxes a {
    color: #47323e;
    color: var(--deep-purple-2);
}

.title a:hover,
.more a:hover {
    color: #ff5e66 !important;
    color: var(--sunset) !important;
}

.view-display-id-block_products_by_term .view-content .box,
.view-display-id-block_products_by_term .view-content::after {
    width: 31%;
    margin: 0 0 3vh 0;
}

.view-display-id-block_products_by_term .view-content::after {
    content: "";
}

.view-display-id-block_products_by_term .button {
    position: initial;
    margin-top: 30px;
}

.view-display-id-block_product_order h2 {
    margin-top: 0;
}

.view-display-id-block_product_order tr {
    display: flex;
    flex-wrap: nowrap;
}

.view-display-id-block_product_order td {
    vertical-align: top;
    padding: 30px 0 0;
}

.view-display-id-block_product_order .form-item,
.view-display-id-block_product_order .form-actions {
    margin: 0;
    text-align: right;
}

.view-display-id-block_product_order div#edit-quantity-wrapper {
    display: flex;
    flex-wrap: nowrap;
}

.view-display-id-block_product_order input {
    width: 185px;
    border: 1px solid var(--sunset);
}

.view-display-id-block_product_order input.form-number {
    width: 55px;
}

.taxonomy-term .view-id-commerce_products .views-row .field-content .image img {
    height: auto;
}

.taxonomy-term .group-content>.wrapper>.full-section {
    padding: 1em 0;
}

.taxonomy-term .full-section.narrow>div {
    max-width: 730px;
}

.taxonomy .group-content .full-section:first-child+div {
    margin-bottom: 36px;
}

.taxonomy .view-content::after {
    content: "";
    flex-basis: auto;
}

.view-display-id-block_products_by_term .view-content .box {
    display: flex;
    margin: 0 0 40px 0;
    flex-direction: column;
    justify-content: flex-start;
}

.view-display-id-block_products_by_term .view-content .box:nth-child(3n+0) {
    margin-right: 0;
}

.view-display-id-block_products_by_term .views-field-field-produkt-introtext p {
    padding-bottom: 24px;
}

.view-display-id-block_products_by_term .views-field-field-produkt-introtext p,
.view-display-id-block_products_by_term .views-field-view {
    line-height: 1.5;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    margin: 0;
    display: inline-flex;
    align-items: flex-end;
}

.taxonomy .group-header,
.taxonomy .field-name-taxonomy-term-title {
    padding-bottom: 2vh;
}

.taxonomy .view-produkt-variationen,
.taxonomy .view-produkt-variationen>div,
.taxonomy .view-produkt-variationen>div>div {
    width: 100%;
}

.box .view-footer {
    position: absolute;
    right: 20px;
    bottom: -45px;
    height: 44px;
    line-height: 18px;
}

.box .view-display-id-block_seminartermine .view-footer {
    position: initial;
    right: initial;
    bottom: initial;
    height: initial;
    line-height: 18px;
    border-top: 1px solid #fff;
    padding: 20px 20px 0;
    margin: 0 -20px;
    text-align: right;
}

.row .view-display-id-block_seminaroverview {
    margin-bottom: 70px;
    height: auto;
}

.row .view-display-id-block_seminaroverview .button {
    margin-top: 10px;
}

.more a {
    font-weight: 600;
    font-size: 1em;
}

.more a:hover {
    color: #ff5e66;
    color: var(--sunset);
}

.section.dark .more a {
    color: #fff;
}


/* #endregion Taxonomy Term */

section.gray .paragraph--type--views .view-content .add-to-cart-link {
    padding: 0;
    background-color: transparent;
    color: var(--sunset);
    border-radius: 0;
}

section.gray .paragraph--type--views .view-content .add-to-cart-link:hover {
    color: #fff;
}


/* #region Pages */

body[path="/system/403"].region-content {
    background-color: #fff;
}

.page.seminare .paragraph-id-70 .container>.row {
    justify-content: space-between;
}

.page.seminare .paragraph-id-70 .container>.row .col-xl-2 {
    flex-basis: 20%;
    max-width: 20%;
    white-space: nowrap;
}

.page.alle-termine .form-type-number {
    display: none;
}

.alle-termine .field.field--name-field-page-pragraphs .default>.row>div:nth-child(2) {
    overflow: visible;
    z-index: 12;
}


/* #endregion Pages */


/* #region Chosen */

.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
    background-image: none;
    background-color: transparent;
    border-color: var(--gold-2);
    height: 36px;
    line-height: 36px;
    border-radius: 0 0 7px 7px;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border-radius: 0;
    border-bottom-width: 0;
}

section.gray .chosen-container .chosen-drop,
section.gray .chosen-container .chosen-drop input {
    background-color: #383838;
    border-color: var(--gold-2);
}

section.gray .chosen-container .chosen-results li {
    color: var(--gold-1);
    font-size: 14px;
    line-height: 1.4;
}

section.gray .chosen-container .chosen-results li.highlighted {
    background-image: none;
    background: none;
    background-color: var(--gray);
    color: var(--gold-1);
}

section.gray .views-exposed-form .form-type-select {
    display: flex;
    flex-direction: column;
    padding-bottom: 21px;
}


/* #endregion Chosen */


/* #region Views */

.view-display-id-block_next_seminars_boxes .view-content {
    display: flex;
    justify-content: space-between;
    margin-top: 7vh;
}

.footer .view-display-id-block_next_seminars_boxes .view-content {
    margin-top: 24px;
}

.view-display-id-block_next_seminars_boxes .view-content .box {
    display: flex;
    width: 30%;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 0 40px 0;
}

.view-display-id-block_next_seminars_boxes .views-field-field-produkt-intro {
    min-height: 200px;
}

.sidebar .view-display-id-block_seminartermine .view-content {
    padding-bottom: 14px;
}

.views-row.box {
    margin: 0 auto 54px;
}

aside.sidebar {
    display: block;
}

.sticky .box {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 120px;
    transition: all 0.333s;
}

.box .title,
.box .views-field-title,
.box fieldset legend {
    display: inline-flex;
    margin: 0 -20px 20px;
    padding: 0 20px;
    border-bottom: 1px solid #fff;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    width: calc(100% + 40px);
    font-weight: 400;
    transition: all 0.333s;
    min-height: 80px;
    flex-direction: column;
    justify-content: center;
}

.firefox .box fieldset legend {
    padding-top: 28px;
}

#edit-payment-information legend {
    margin-top: 30px;
    border-top: 1px solid #fff;
}

.box.is-sticky .title {
    border-bottom-color: var(--beige-3);
    background-color: #fff;
    color: #977b64;
    color: var(--gold-2);
}

.white .box.is-sticky .title {
    border-bottom-color: #ff5e66;
    color: var(--sunset);
    color: #ff5e66;
    color: var(--sunset);
}

.box.is-sticky .title:before,
.box.is-sticky .title:after {
    background-color: transparent;
}

.white .box.is-sticky .title:before,
.white .box.is-sticky .title:after {
    background-color: #ff5e66;
    background-color: #ff5e66;
    color: var(--sunset);
}

.box.is-sticky {
    border-color: #fff;
    background-color: #fff;
}

.white .box.is-sticky {
    border-color: #ff5e66;
    color: var(--sunset);
    color: #383838;
    color: var(--anthra-1);
}

.box .views-field-field-produkt-intro {
    text-align: left;
    text-align-last: left;
    margin-bottom: 2em;
}

.feed-icons {
    display: none;
}

.view-display-id-block_angebot_1 .views-field {
    margin-bottom: 12px;
}

.view-display-id-block_angebot_1 .views-field:last-child {
    margin-bottom: 0;
}

.view.columns>.view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.view.columns .view-content>h3 {
    flex-basis: 100%;
    margin-bottom: 34px;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}

.view.columns .view-content img {
    height: auto;
}

.paragraph-id-306 .field__item+.field__item .view.columns .view-content>h3,
.paragraph-id-312 .field__item+.field__item .view.columns .view-content>h3 {
    margin-top: 7vh;
}

.view.columns.view-display-id-block_seminartypen>.view-content>.views-row {
    flex-basis: 30%;
    margin-bottom: 36px;
}

.section.bg-p3 .view.columns.view-display-id-block_seminartypen>.view-content>.views-row a {
    color: var(--deep-purple-2);
}

.section.bg-p3 .view.columns.view-display-id-block_seminartypen>.view-content>.views-row a:hover {
    color: #000;
}

.section.bg-p3 .view.columns.view-display-id-block_seminartypen>.view-content>.views-row .views-field-name a {
    font-weight: 600;
}

.view.four-col .view-header {
    display: inline-block;
    width: 24.5%;
}

.view.four-col .view-content {
    display: inline;
}

.view.four-col .view-content>div {
    display: inline-block;
    width: 24.5%;
}

.view-display-id-block_actual_semcat .views-row {
    white-space: nowrap;
}

.paragraph--type--views th {
    padding: 0 7px;
    border-bottom: 1px solid var(--gold-2);
}

section.gray .view-content th a {
    padding-bottom: 7px;
    display: block;
    color: var(--gold-2);
}

section.gray .view-content th a:hover,
section.gray .view-content th.is-active a {
    border-bottom: 3px solid var(--gold-2);
    padding-bottom: 4px;
}

.paragraph--type--views td {
    padding: 7px;
    border-bottom: 1px solid #444;
}

.paragraph--type--views tr:hover td {
    background-color: rgba(0, 0, 0, 0.1);
}

.paragraph--type--views td.is-active {
    background-color: transparent;
}


/* #endregion Views */


/* #region Trainer */

.path-node.trainer .profil-trainer .trainer {
    padding-bottom: 5vh;
}

.profil-trainer .slick-slide .trainer,
.profil-trainer .slick-slide .trainer-row {
    padding-bottom: 0;
    margin-bottom: 0;
}

.profil-trainer .trainer .name {
    text-transform: uppercase;
    font-size: 1.2em;
}

.profil-trainer .trainer .experte {
    padding: 12px 0 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #bdab9b;
    border-bottom: 1px solid var(--gold-1);
}

.profil-trainer .trainer .experte {
    padding-top: 7px;
}

.profil-trainer .trainer .kurztext {
    padding: 0 0 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid #bdab9b;
    border-bottom: 1px solid var(--gold-1);
}

.profil-trainer .img img {
    border-radius: 0 0 12px 12px;
    height: auto;
    width: 100%;
}

.profil-trainer .trainer .quot p {
    font-size: 14px;
    font-style: italic;
    line-height: 1.45;
}

.profil-trainer .trainer .txt p {
    line-height: 1.45;
}

.profil-trainer .trainer .txt table td {
    padding-bottom: 12px;
    line-height: 1.45;
    border: none;
}

.profil-trainer .trainer .txt tr:hover td {
    background: transparent;
}

.profil-trainer .trainer .txt table td:first-child {
    font-weight: 600;
    white-space: nowrap;
    width: 120px;
    vertical-align: top;
    padding-left: 0;
}

.profil-trainer .trainer-row {
    margin-bottom: 7vh;
}

.profil-trainer .trainer-row .lines {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.profil-trainer .trainer-row:nth-child(2) .lines {
    transform: translateX(0) translateY(2vh) rotate(177deg);
}

.profil-trainer .trainer-row:nth-child(2) .trainer-line-1 {
    right: -400px;
    left: -400px;
}

.profil-trainer .trainer-row:nth-child(2) .trainer-line-1:before {
    transform: perspective(1000px) rotateX(50deg) rotateY(40deg) rotateZ(0deg) skew(-50deg, -20deg);
}

.profil-trainer .trainer-row:nth-child(2) .trainer-line-1:after {
    transform: rotate(225deg) skew(20deg, -30deg);
}

.profil-trainer .trainer-row span.trainer-line-1 {
    position: absolute;
    right: -200px;
    bottom: 40px;
    left: -200px;
    content: "";
    border-top: 1px solid #fff;
    transform: rotate(5deg);
    transform-origin: 0 0;
}

.profil-trainer .trainer-row span.trainer-line-1 .circle {
    background-color: #fff;
    margin: -6px 0 0 -6px;
}

.profil-trainer .trainer-row span.trainer-line-1 .circle-2 {
    position: absolute;
    right: -6px;
    margin: -6px 0 0 0;
}

.profil-trainer .trainer-row span.trainer-line-1:before {
    position: absolute;
    top: 0;
    left: -100vw;
    content: "";
    width: 100vw;
    height: 770vh;
    border: 2px solid #fff;
    transform: perspective(1000px) rotateX(50deg) rotateY(40deg) rotateZ(0deg) skew(-30deg, -20deg);
    transform-origin: 100% 0;
}

.profil-trainer .trainer-row span.trainer-line-1:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 100vw;
    height: 70vh;
    border: 2px solid #fff;
    transform: perspective(300px) rotate(225deg) skew(-30deg, -30deg);
    transform-origin: 100% 0;
}

.path-node.trainer .profil-trainer .books {
    margin-bottom: 7vh;
}

.path-product .profil-trainer .books {
    margin-top: 3vh;
    padding: 36px 12px 12px;
    background: #fff;
    margin: 36px -5px -21px;
    border-radius: 0 0 12px 12px;
    width: calc(100% + 10px);
}

.profil-trainer .books>div {
    width: 30%;
    text-align: center;
}

.profil-trainer .books p {
    hyphens: none;
    line-height: 1.3;
}

.profil-trainer .books>div:first-child p {
    padding: 0 21%;
}

.profil-trainer .books>div:nth-child(2) p {
    padding: 0 21%;
}

.profil-trainer .books>div:nth-child(3) p {
    padding: 0 14%;
}

.profil-trainer .books img.sheet3D {
    margin: -10px 0 10px;
}

.profil-trainer .books>div:first-child {
    width: 40%;
}

.profil-trainer .books>div:first-child img {
    margin: 0 7px;
}

.path-node.trainer .view-display-id-block_user_trainerseite .view-content {
    display: flex;
    flex-direction: column;
}

.path-node.trainer .view-display-id-block_user_trainerseite .views-row {
    order: 1;
}

.path-node.trainer .view-display-id-block_user_trainerseite .views-row.Raed {
    order: 0;
}


/* #endregion Trainer */


/* #region Referenzen Flex Slider */

.view-display-id-block_referenzen.slick-slider {
    margin-top: 3vh;
}

.view-display-id-block_referenzen.slick-slider .views-row {
    padding: 0 70px;
}

.view-display-id-block_referenzen.slick-slider .view-content .flex {
    display: block;
    align-items: center;
    padding: 0 2vw;
}

.view-display-id-block_referenzen.slick-slider .view-content .flex img {
    display: initial;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto 30px;
}

.view-display-id-block_referenzen p {
    margin: 0;
}

.slick-slider .view-content .flex>div:last-child strong {
    color: #977b64;
    color: var(--gold-2);
}


/* #endregion Referenzen Flex Slider */


/* #region EU Cookie Compliance */

#sliding-popup {
    right: initial;
    left: initial;
    max-width: 100vw;
    margin-bottom: 0;
}

#sliding-popup .eu-cookie-withdraw-tab {
    border-width: 0;
    border-radius: 12px 12px 0 0;
    padding: 7px 21px 0;
}

#sliding-popup .eu-cookie-compliance-content {
    max-width: initial;
    padding: 12px 17px 17px;
    text-align: center;
    line-height: 1.5;
}

#sliding-popup .eu-cookie-compliance-message,
#sliding-popup .eu-cookie-compliance-buttons {
    float: none;
    max-width: initial;
    margin: 0;
}

#sliding-popup .eu-cookie-compliance-buttons {
    max-width: 240px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin: auto;
    padding: 12px 0;
}

#sliding-popup .eu-cookie-compliance-message p {
    display: inline;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
}

#sliding-popup button:hover,
#sliding-popup button:active,
#sliding-popup button:focus {
    background-color: #383838;
    color: #fff !important;
}

#sliding-popup .popup-content button {
    background-color: transparent;
    background: transparent;
    background-image: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    text-shadow: none;
    font-weight: 400;
    padding: 0;
    color: #fff;
    text-decoration: none;
    margin: 0;
    font-size: 13px;
}

#sliding-popup .popup-content button.find-more-button {
    display: inline;
    font-size: 13px;
    line-height: 1.3;
    color: var(--gold-1);
    border-bottom: 1px solid var(--gold-1);
}

#sliding-popup .popup-content button.agree-button {
    color: #ff5e66;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sliding-popup .popup-content button.decline-button {
    color: #9f8389;
}


/* #endregion EU Cookie Compliance */


/* #region max-width:414px */

@media screen and (max-width: 414px) {
    footer.site-footer {
        position: initial;
    }
    .dialog-off-canvas-main-canvas,
    footer.site-footer {
        padding-bottom: 0;
    }
    .path-product .profil-trainer .books {
        display: block;
        margin: 36px -21px -21px -21px;
        width: calc(100% + 42px);
    }
    .profil-trainer .books>div {
        flex-basis: 100%;
        width: auto;
    }
    .profil-trainer .books>div:first-child {
        display: flex;
        flex-wrap: wrap;
        width: auto;
        justify-content: center;
    }
    .profil-trainer .books>div:first-child img {
        height: auto;
    }
    .profil-trainer .books>div:first-child p {
        flex-basis: 100%;
    }
    .trainer.row {
        margin: 0;
    }
    .full-screen h1 {
        position: absolute;
        top: -55vh;
        left: 0;
        text-align: center;
        padding: 30px 0;
        font-weight: 400;
        text-shadow: 0 0 7px #000;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 36%, rgba(0, 0, 0, 0.7) 65%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 36%, rgba(0, 0, 0, 0.7) 65%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 36%, rgba(0, 0, 0, 0.7) 65%, rgba(0, 0, 0, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .full-screen h1 .second {
        display: block;
    }
    .full-screen h1 .subline {
        font-size: 0.775em;
        display: block;
        margin-top: 12px;
        font-weight: 600;
    }
    h1 {
        font-size: 1.4em;
    }
    nav.menu--main {
        width: 70vw;
        right: -70vw;
    }
    nav.menu--main::before {
        left: -70px;
        width: 80px;
        height: 60px;
    }
    #site-header {
        height: 35vh;
        padding: 0;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 120px, rgba(0, 0, 0, 1) 12%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 120px, rgba(0, 0, 0, 1) 12%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 120px, rgba(0, 0, 0, 1) 12%, rgba(0, 0, 0, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
    }
    #site-header .logo {
        height: auto;
        min-height: 140px;
        max-height: auto;
        margin: 21px 0 0 0;
        width: 100%;
    }
    #site-header .signet {
        height: 70px;
        width: 70px;
        transition: opacity 0.333s, height 0s;
        opacity: 1;
        text-align: center;
    }
    #site-header .text {
        font-size: 11px;
        font-weight: 600;
        margin-top: 0;
    }
    #site-header .text div:first-child {
        font-size: 21px;
        margin: 12px 0 0 0;
    }
    .main-teaser-image {
        height: 77vh;
        top: 120px;
    }
    .full-screen .main-teaser-image {
        height: 100vh;
    }
    .scrolled #site-header .logo {
        margin: 7vw 0 0 7vw;
        width: auto;
    }
    .scrolled.header-active #site-header {
        background: #201e24;
        background: var(--gray);
        height: 120px;
    }
    .scrolled #site-header .logo {
        flex-direction: row-reverse;
        height: 60px;
        min-height: 60px;
        max-height: 60px;
    }
    .scrolled #site-header .text {
        max-width: 100px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.3;
        text-align: left;
        padding-left: 21px;
    }
    .scrolled #site-header .text div:first-child {
        white-space: normal;
        font-size: 14px;
        text-align: left;
        font-weight: 400;
    }
    .view.columns.view-display-id-block_seminartypen>.view-content>.views-row {
        flex-basis: 100%;
    }
    div[id*="circle-line-"],
    #nav-lines,
    #fixed-nav-lines,
    #contact-circle {
        display: none !important;
    }
    .wrapper.container,
    section>.field>.container {
        padding-right: 21px;
        padding-left: 21px;
    }
    .taxonomy .view-id-commerce_products .view-content::after {
        display: none;
    }
    .taxonomy .view-id-commerce_products .view-content {
        justify-content: center;
    }
    .view-display-id-block_products_by_term .view-content>div {
        width: 100%;
        margin: 0 auto 40px !important;
    }
    .taxonomy .views-field-view,
    .taxonomy .box .views-field-view-commerce-product {
        position: initial;
        bottom: initial;
    }
    .taxonomy .view-content .views-field-field-produkt-introtext p {
        padding-bottom: 30px;
    }
    #sliding-popup {
        left: 7vw;
        width: auto !important;
    }
    .paragraph-id-152.box .flex {
        flex-direction: column;
    }
    .paragraph-id-152.box .flex>div {
        max-width: 100% !important;
        width: 100% !important;
    }
    #page.product-page section>div {
        flex-basis: 100% !important;
        width: 100% !important;
        flex-shrink: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .menu--footer,
    .footer-nav,
    .footer-nav-seminare {
        display: block;
        max-width: 100%;
        padding: 0;
    }
    .footer-nav a,
    .footer-nav-seminare .line-item {
        padding: 0 0 0 30px;
    }
    .footer-nav-seminare span.title {
        top: 0;
        width: 60%;
        margin-left: 20%;
        text-align: center;
        transition: top 0.333s;
    }
    .scrolled .footer-nav-seminare span.title {
        top: -40px;
    }
    .footer-nav-seminare {
        left: 0;
    }
    .footer-nav-seminare .view-content {
        padding-top: 0;
    }
    .menu--footer .view-produkt-variationen .view-content>div {
        flex-basis: 100%;
        width: 100%;
        text-align: center;
        padding: 0 0 12px 0;
    }
    .menu--footer {
        bottom: -200px;
        margin-bottom: 150px;
    }
    .menu--footer.open {
        height: 365px;
        bottom: 0;
        margin-bottom: 0;
    }
    .menu--footer .footer-nav {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 7px 0;
    }
    .menu--footer .footer-nav a {
        padding: 0 21px;
    }
    .menu--footer .menu {
        justify-content: center;
    }
    nav.menu--main .loupe {
        top: -500px;
        left: -50000px;
        bottom: inherit;
    }
    html .view-content,
    html .trainer.row {
        flex-wrap: wrap;
    }
    html .view-content .box,
    html .trainer>aside,
    html .trainer>div {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }
    html .trainer>aside,
    html .trainer>div,
    html .trainer {
        padding: 0;
    }
    html .experte td {
        display: block;
        padding: 0 !important;
        font-weight: 400;
    }
    .product .text-formatted {
        text-align: left;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    .layout-seminare .field-produkt-inhalte ul,
    .layout-seminare .field-produkt-agenda ul {
        column-count: 1;
    }
    aside.sidebar {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }
    .form-type-select label {
        display: block;
    }
    .view-display-id-block_referenzen.slick-slider .views-row {
        padding: 0 21px;
    }
    .view-display-id-block_referenzen.slick-slider .views-row strong {
        display: none;
    }
    .view-display-id-block_referenzen.slick-slider .view-content .flex img {
        margin-bottom: 0;
    }
    .paragraph--type--views tr {
        display: flex;
        flex-direction: column;
    }
    .paragraph--type--views td,
    .paragraph--type--views td.views-align-right {
        text-align: left !important;
        padding: 0;
        line-height: 1.5;
    }
    .paragraph--type--views td:first-child {
        padding-top: 24px;
    }
    .paragraph--type--views td:first-child a {
        color: #fff;
        text-transform: none;
        font-weight: 500;
    }
    .paragraph--type--views tr:first-child td:first-child {
        padding-top: 0;
    }
    .paragraph--type--views td.views-field-variations {
        border-bottom: 1px solid #777;
        padding: 0 0 12px 0;
        position: absolute;
        width: 100%;
        bottom: -12px;
    }
    .view-commerce-cart-form thead {
        display: none;
    }
    .view-commerce-cart-form tr {
        display: flex;
        flex-direction: column;
        padding: 12px 21px;
        background-color: var(--purple-2);
    }
    .view-commerce-cart-form tbody td {
        padding: 0 !important;
    }
    .view-commerce-cart-form .views-field-edit-quantity {
        text-align: right !important;
        padding-bottom: 12px !important;
    }
    .path-cart .form-actions {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: space-between;
    }
    .path-cart #edit-checkout,
    .path-cart #edit-submit {
        margin: 0;
        padding: 12px 21px;
    }
    .slick-slider {
        padding: 0 12px;
    }
}


/* #endregion max-width:414px */


/* #region min-width:415px / max-width:1365px */

@media screen and (min-width: 415px) and (max-width: 1365px) {
    .main-teaser-image+#page {
        margin-top: 76vh;
    }
    .full-screen .main-teaser-image {
        margin-top: 0;
        top: 0;
        bottom: 0;
        height: 100vh;
    }
    .main-teaser-image {
        position: fixed;
        height: 76vh;
    }
    #site-header .text div:first-child {
        font-size: 1.333em;
    }
    div[id*="circle-line-"],
    #nav-lines,
    #fixed-nav-lines,
    #contact-circle {
        display: none !important;
    }
    nav.menu--main {
        right: -50vw;
        width: 50vw;
    }
    nav.menu--main .handle {
        left: -100px;
        width: 100px;
        height: 80px;
    }
    nav.menu--main .loupe {
        top: 50px;
        left: -50px;
        bottom: inherit;
    }
}


/* #endregion min-width: 415px / max-width:1365px */


/* #region min-width:576px */

@media screen and (min-width: 576px) {
    h2,
    .h2,
    .field--name-field-h2-titel {
        font-size: 1.8em;
        letter-spacing: 0.0444em;
    }
    span.sep {
        display: inline-block;
        width: 3px;
        height: 3px;
        border-radius: 3px;
        background-color: #fff;
        margin: 0 7px 3px;
    }
    /*
  #site-header .logo {
    height: 100%;
    min-height: 160px;
    max-height: 160px;
    margin: 0 0 0 7vw;
  }

  .header-active #site-header .logo {
    flex-direction: row;
    align-items: flex-start;
    width: 43vw;
  }

  #site-header .signet {
    height: 44%;
    min-height: 77px;
    width: 100%;
    min-width: 77px;
    transition: opacity 0.333s, height 0s;
    opacity: 1;
    text-align: center;
  }

  .header-active #site-header .signet {
    width: 100px;
    margin: 0 -50px 0 0;
  }

  .header-active #site-header .text {
    margin-top: 28px;
    line-height: 1.2;
    animation: fadeTopText2 1s;
  }
  @keyframes fadeTopText2 {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  */
    .paragraph-id-66.box:after,
    .view-display-id-block_next_seminars_boxes .view-content .box:nth-of-type(3):after {
        content: "";
        position: absolute;
        top: 73px;
        left: -1525px;
        width: calc(100vw + 19px);
        height: 1571px;
        z-index: -1;
        overflow: hidden;
        background-image: url(../images/lines/line-front-big-1.svg);
        background-size: 3001px auto;
        background-repeat: no-repeat;
    }
    .paragraph-id-66.box:before {
        content: url(../images/lines/line-seminare-1.svg);
        position: absolute;
        top: -1041px;
        left: -1198px;
        width: 1204px;
        height: 674px;
        z-index: -1;
    }
    .paragraph-id-66.box:after {
        content: "";
        display: none;
        visibility: hidden;
        position: absolute;
        top: 73px;
        left: 898px;
        width: calc(100vw - 1170px);
        height: 1126px;
        background-image: url(../images/lines/line-seminare-2.svg);
        background-size: 980px auto;
        background-repeat: no-repeat;
    }
    .seminare .row.field__items .col-full:nth-child(3) {
        z-index: 9;
        overflow: visible;
    }
    .paragraph-id-152:before {
        content: url(../images/lines/line-front-big-2.svg);
        position: absolute;
        top: -794px;
        left: -1197px;
        width: 1203px;
        height: 1126px;
    }
    .product-page section.footer .box:first-child:before {
        content: url(../images/lines/line-seminare-more-before.svg);
        position: absolute;
        top: -185px;
        left: -1200px;
        width: 1200px;
        height: 265px;
    }
    .product-page section.footer .box:last-child:after {
        content: initial;
        position: absolute;
        top: 79px;
        right: -3000px;
        width: 3000px;
        height: 1px;
        background-color: #fff;
    }
    .webform-submission-form .form-item,
    .form-item-interests,
    .form-item-interests>div {
        display: flex;
        justify-content: space-between;
        margin-left: 0;
        margin-right: 0;
    }
    .form-item-callback {
        justify-content: flex-start;
    }
    .form-item-interests {
        align-items: center;
    }
    .form-item-interests>div {
        width: 66%;
    }
    .form-item-callback {
        padding-left: 34%;
    }
    .webform-flex--container {
        margin: 0 3%;
    }
}


/* #endregion min-width:576px */


/* #region min-width:920px */

@media screen and (min-width: 920px) {
    .twocol {
        column-count: 2;
    }
    .view-display-id-block_next_seminars_boxes .view-content {
        display: flex;
        justify-content: space-between;
    }
    .just-center p {
        text-align: justify;
    }
    .vorteile {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .vorteile li {
        display: inline-flex;
        flex-basis: 48%;
        justify-content: flex-start;
        line-height: 1.3;
        margin-bottom: 0.7em;
    }
    .vorteile li strong {
        flex-basis: 100px;
        flex-shrink: 0;
    }
}


/* #endregion min-width:920px */


/* #region min-width:1025px */

@media screen and (min-width: 1025px) {
    .box.headertext {
        left: 12vw;
    }
    .paragraph-id-368 {
        left: 50%;
    }
    /*
  .header-active svg#coding_akademie_signet {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    animation: fadeCenterSignet 1s;
  }

  @keyframes fadeCenterSignet {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
*/
}


/* #endregion min-width:1025px */


/* #region min-width:1260px */

@media screen and (min-width: 1260px) {
    .container,
    section>div {
        padding: 0 24px;
        margin: 0 auto;
    }
    .paragraph-id-368 {
        position: fixed !important;
        left: 50%;
        bottom: 33%;
    }
    .product .container {
        max-width: 1220px;
    }
    .product .col-7.content {
        width: 688px;
        max-width: 688px;
    }
    .product .col-4.sidebar {
        width: 365px;
        max-width: 365px;
    }
    section>div {
        padding: 0;
    }
    .box.headertext {
        left: 12vw;
    }
    .commerce-product #buchtipp .field--name-field-text-formatiert-lang {
        margin-left: 45%;
        width: 70%;
    }
    .view-display-id-block_products_by_term .button {
        position: absolute;
        right: 0;
        bottom: 30px;
    }
}


/* #endregion min-width:1260px */


/* #region max-width:1365px */

@media screen and (max-width: 1365px) {
    nav.menu--main {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 1200;
        opacity: 1;
        background-color: #201e24;
        background-color: var(--gray);
        padding: 30px 40px;
        transition: all 0.333s;
        box-shadow: 0 0 0 3000px transparent;
    }
    footer.site-footer {
        padding-bottom: 70px;
    }
    nav.menu--main a.justmobile {
        display: block;
    }
    nav.menu--main .handle {
        position: absolute;
        top: 40px;
        left: -70px;
        width: 40px;
        height: 40px;
        content: "";
        background-image: url(../images/hamburger.svg);
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: 36px;
        cursor: pointer;
    }
    nav.menu--main.active:before {
        height: 100vh;
        background-position: 32px 54px;
        background-color: #201e24;
        background-color: var(--gray);
        background-image: url(../images/hamburger-x.svg);
    }
    nav.menu--main.active {
        right: 0;
        box-shadow: 0 0 0 3000px #201e24f0;
    }
    nav.menu--main>ul>li>a {
        margin: 21px 24px 0 0 !important;
        color: var(--gold-1);
    }
    nav.menu--main>ul {
        margin: 0;
    }
    nav.menu--main>ul>li>a+.menu_link_content {
        z-index: 3;
        overflow: hidden;
        transition: all 3s;
        min-height: 0;
        max-height: 0;
    }
    /*
  nav.menu--main  >  ul  >  li:hover  >  a + .menu_link_content {
    z-index: 3;
    overflow: hidden;
    max-height: 500px;
    min-height: 50px;
  }
  */
}


/* #endregion max-width:1365px */


/* #region min-width:1366px */

@media screen and (min-width: 1366px) {
    #site-header .text div:first-child {
        font-size: 1.65em;
    }
    .main-teaser-image {
        position: fixed;
        height: 76vh;
    }
    .full-screen .main-teaser-image {
        top: 0;
        bottom: 0;
        height: 100vh;
    }
    .full-screen .main-teaser-image+#page {
        margin-top: 100vh;
    }
    .main-teaser-image+#page {
        margin-top: 76vh;
    }
    .path-frontpage.scroll-up.header-active nav.menu--main,
    .header-active nav.menu--main {
        top: 7vh;
    }
    nav.menu--main {
        position: fixed;
        top: 12vh;
        right: 7vw;
        z-index: 12;
        transition: opacity 0.333s, top 1s;
    }
    .menu_link_content {
        position: absolute;
        top: -6000px;
        z-index: 0;
        padding: 0 30px 30px 30px;
        margin: 0 0 0 -30px;
        opacity: 0;
        transition: opacity 0.5s;
    }
    nav.menu--main .seminare+.menu_link_content .field__items {
        display: flex;
        flex-wrap: nowrap;
        min-width: 510px;
    }
    nav.menu--main .seminare+.menu_link_content h3 {
        color: var(--gold-2);
        font-weight: 400;
        font-size: 90%;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        line-height: 1.2;
        margin: 12px 0 7px;
    }
    .menu--main .column {
        padding-right: 24px;
        margin-right: 24px;
        border-right: 1px solid var(--beige-3);
        max-width: 175px;
    }
    nav.menu--main .seminare+.menu_link_content .contextual-region:last-child .column {
        border: none;
        margin-right: 0;
        padding-right: 0;
    }
    nav.menu--main>ul {
        display: flex;
        right: 0;
        justify-content: space-between;
        margin: 0;
        padding: 0;
    }
    nav.menu--main li:hover .menu_link_content {
        top: 70px;
        overflow: visible;
        opacity: 1;
    }
    nav.menu--main>ul>li:hover {
        margin-top: 48px;
    }
    nav.menu--main>ul>li.prev,
    nav.menu--main>ul>li:hover+li {
        margin-top: 36px;
    }
    /* #region Alternative Menu Display */
    .path-frontpage .menu_link_content {
        transition: opacity 1s;
    }
    .path-frontpage .menu_link_content.modal {
        position: fixed;
        top: 70px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: visible;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1000000;
        width: auto;
    }
    .path-frontpage .menu_link_content.modal .field__items {
        display: flex;
        position: absolute;
        top: 30vh;
        left: 50%;
        width: 680px;
        margin-left: -340px;
        background-color: #664d5d;
        background-color: var(--deep-purple-1);
        padding: 36px;
        justify-content: space-between;
    }
    .path-frontpage .menu_link_content.modal .field__items h3 {
        color: #9f8389;
        color: var(--purple-nav);
        text-transform: none;
        letter-spacing: 0;
    }
    .path-frontpage .menu_link_content.modal .field__items a {
        display: block;
        color: #ddcad1;
        color: var(--purple-3);
    }
    .path-frontpage .menu_link_content.modal .field__items a:hover {
        color: #ff5e66;
        color: var(--sunset);
    }
    /* #endregion Alternative Menu Display */
    nav.menu--main>ul>li:hover:after {
        display: block;
        position: absolute;
        top: -70px;
        right: -48px;
        left: -24px;
        content: "";
    }
    nav.menu--main>ul>li:hover {
        z-index: 33;
        margin-left: 0.777vw;
        margin-right: 0.777vw;
    }
    nav.menu--main>ul>li>a {
        z-index: 3;
        margin: 30px 30px 0 0;
    }
    nav.menu--main a.justmobile {
        display: none;
    }
    .box.headertext {
        left: 12vw;
    }
    .commerce-product #buchtipp .field--name-field-text-formatiert-lang {
        margin-left: 45%;
        width: 50%;
    }
}


/* #endregion min-width:1366px */


/* #region max-width:1439px */

@media screen and (min-width: 1366px) and (max-width: 1439px) {
    #site-header .logo {
        margin: 0 0 0 3.5vw;
    }
    #site-header .signet {
        height: 70px;
        width: 70px;
        transition: opacity 0.333s, height 0s;
        opacity: 1;
        text-align: center;
    }
}


/* #endregion max-width:1439px */


/* #region min-width:1440px */

@media screen and (min-width: 1440px) {}


/* #endregion min-width:1440px */


/* #region min-width:1680px */

@media screen and (min-width: 1680px) {
    nav.menu--main {
        right: 5vw;
    }
    nav.menu--main>ul>li>a {
        margin: 30px 50px 0 0;
        /* max-width: 125px;
        white-space: pre-wrap;
        hyphens: auto; */
    }
    .box.headertext {
        left: 0;
    }
    .taxonomy-term .view-id-commerce_products .views-row .field-content .image {
        width: 30%;
    }
    .taxonomy-term .view-id-commerce_products .views-row .field-content .content {
        background-color: #fff;
        width: 70%;
    }
    .alle-termine section.gray.paragraph-id-351 {
        background-image: url(../images/lines/line-gold-1.svg);
        background-repeat: no-repeat;
        background-position: -100px calc(7vh + 78px);
        background-size: 3000px 300px;
    }
    .alle-termine section.gray.paragraph-id-351>div {
        background-image: url(../images/lines/line-gold-2.svg);
        background-repeat: no-repeat;
        background-position: 110% 147px;
        background-size: 300px 300px;
    }
    .alle-termine section.gray .paragraph--type--views thead:before,
    .alle-termine section.gray .paragraph--type--views thead:after {
        content: "";
        display: block;
        position: absolute;
        top: 30px;
        left: -12px;
        width: 12px;
        height: 12px;
        border-radius: 6px;
        background-color: var(--gold-2);
    }
    .alle-termine section.gray .paragraph--type--views thead:after {
        left: inherit;
        right: -12px;
    }
}


/* #endregion min-width:1680px */


/* #region min-width:1681px */

@media screen and (min-width: 1681px) {
    .header-active nav.menu--main>ul>li {
        margin: 0 24px 0 0;
    }
    .taxonomy-term .view-id-commerce_products .views-row .field-content .image {
        width: 36%;
    }
    .taxonomy-term .view-id-commerce_products .views-row .field-content .content {
        background-color: #fff;
        width: 64%;
    }
    .alle-termine section.gray.paragraph-id-351 {
        background-position: 0 calc(7vh + 78px);
    }
    .alle-termine section.gray.paragraph-id-351>div {
        background-position: right 147px;
    }
}


/* #endregion min-width:1681px */


/* #region min-width:1921px */

@media screen and (min-width: 1921px) {
    nav.menu--main {
        right: 12vw;
    }
    .taxonomy-term .view-id-commerce_products .views-row .field-content .image img {
        height: auto;
        width: 440px;
    }
}


/* #endregion min-width:1921px */


/* #region min-width:2000px */

@media screen and (min-width: 2000px) {}


/* #endregion min-width:2000px */


/* #region min-height:1200px */

@media screen and (min-height: 1200px) {}


/* #endregion min-height:1200px */


/* #region IE */

.internet-explorer {
    position: relative;
}

#nav-lines,
#fixed-nav-lines {
    max-width: 10px !important;
    max-height: 10px !important;
    background-color: transparent;
}

.internet-explorer .col-auto {
    flex-basis: auto !important;
}

.internet-explorer .col-1 {
    flex-basis: 8.33333% !important;
}

.internet-explorer .col-2 {
    flex-basis: 16.66667% !important;
}

.internet-explorer .col-3 {
    flex-basis: 25% !important;
}

.internet-explorer .col-4 {
    flex-basis: 33.33333% !important;
}

.internet-explorer .col-5 {
    flex-basis: 41.66667% !important;
}

.internet-explorer .col-6 {
    flex-basis: 50% !important;
}

.internet-explorer .col-7 {
    flex-basis: 58.33333% !important;
}

.internet-explorer .col-8 {
    flex-basis: 66.66667% !important;
}

.internet-explorer .col-9 {
    flex-basis: 75% !important;
}

.internet-explorer .col-10 {
    flex-basis: 83.33333% !important;
}

.internet-explorer .col-11 {
    flex-basis: 91.66667% !important;
}

.internet-explorer .col-12 {
    flex-basis: 100% !important;
}

@media (min-width: 576px) {
    .internet-explorer .col-sm-auto {
        flex-basis: auto !important;
        width: auto !important;
        max-width: none !important;
    }
    .internet-explorer .col-sm-1 {
        flex-basis: 8.33333% !important;
        max-width: 8.33333% !important;
    }
    .internet-explorer .col-sm-2 {
        flex-basis: 16.66667% !important;
        max-width: 16.66667% !important;
    }
    .internet-explorer .col-sm-3 {
        flex-basis: 25% !important;
        max-width: 25% !important;
    }
    .internet-explorer .col-sm-4 {
        flex-basis: 33.33333% !important;
        max-width: 33.33333% !important;
    }
    .internet-explorer .col-sm-5 {
        flex-basis: 41.66667% !important;
        max-width: 41.66667% !important;
    }
    .internet-explorer .col-sm-6 {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }
    .internet-explorer .col-sm-7 {
        flex-basis: 58.33333% !important;
        max-width: 58.33333% !important;
    }
    .internet-explorer .col-sm-8 {
        flex-basis: 66.66667% !important;
        max-width: 66.66667% !important;
    }
    .internet-explorer .col-sm-9 {
        flex-basis: 75% !important;
        max-width: 75% !important;
    }
    .internet-explorer .col-sm-10 {
        flex-basis: 83.33333% !important;
        max-width: 83.33333% !important;
    }
    .internet-explorer .col-sm-11 {
        flex-basis: 91.66667% !important;
        max-width: 91.66667% !important;
    }
    .internet-explorer .col-sm-12 {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 768px) {
    .internet-explorer .col-md-auto {
        flex-basis: auto !important;
    }
    .internet-explorer .col-md-1 {
        flex-basis: 8.33333% !important;
    }
    .internet-explorer .col-md-2 {
        flex-basis: 16.66667% !important;
    }
    .internet-explorer .col-md-3 {
        flex-basis: 25% !important;
        max-width: 25% !important;
    }
    .internet-explorer .col-md-4 {
        flex-basis: 33.33333% !important;
        max-width: 33.33333% !important;
    }
    .internet-explorer .col-md-5 {
        flex-basis: 41.66667% !important;
        max-width: 41.66667% !important;
    }
    .internet-explorer .col-md-6 {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }
    .internet-explorer .col-md-7 {
        flex-basis: 58.33333% !important;
        max-width: 58.33333% !important;
    }
    .internet-explorer .col-md-8 {
        flex-basis: 66.66667% !important;
        max-width: 66.66667% !important;
    }
    .internet-explorer .col-md-9 {
        flex-basis: 75% !important;
        max-width: 75% !important;
    }
    .internet-explorer .col-md-10 {
        flex-basis: 83.33333% !important;
        max-width: 83.33333% !important;
    }
    .internet-explorer .col-md-11 {
        flex-basis: 91.66667% !important;
        max-width: 91.66667% !important;
    }
    .internet-explorer .col-md-12 {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 992px) {
    .internet-explorer .col-lg {
        max-width: 100% !important;
    }
    .internet-explorer .col-lg-auto {
        flex-basis: auto !important;
        width: auto !important;
        max-width: none !important;
    }
    .internet-explorer .col-lg-1 {
        flex-basis: 8.33333% !important;
        max-width: 8.33333% !important;
    }
    .internet-explorer .col-lg-2 {
        flex-basis: 16.66667% !important;
        max-width: 16.66667% !important;
    }
    .internet-explorer .col-lg-3 {
        flex-basis: 25% !important;
        max-width: 25% !important;
    }
    .internet-explorer .col-lg-4 {
        flex-basis: 33.33333% !important;
        max-width: 33.33333% !important;
    }
    .internet-explorer .col-lg-5 {
        flex-basis: 41.66667% !important;
        max-width: 41.66667% !important;
    }
    .internet-explorer .col-lg-6 {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }
    .internet-explorer .col-lg-7 {
        flex-basis: 58.33333% !important;
        max-width: 58.33333% !important;
    }
    .internet-explorer .col-lg-8 {
        flex-basis: 66.66667% !important;
        max-width: 66.66667% !important;
    }
    .internet-explorer .col-lg-9 {
        flex-basis: 75% !important;
        max-width: 75% !important;
    }
    .internet-explorer .col-lg-10 {
        flex-basis: 83.33333% !important;
        max-width: 83.33333% !important;
    }
    .internet-explorer .col-lg-11 {
        flex-basis: 91.66667% !important;
        max-width: 91.66667% !important;
    }
    .internet-explorer .col-lg-12 {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .internet-explorer .col-xl {
        flex-basis: 0 !important;
        flex-grow: 1 !important;
        max-width: 100% !important;
    }
    .internet-explorer .col-xl-auto {
        flex-basis: auto !important;
        width: auto !important;
        max-width: none !important;
    }
    .internet-explorer .col-xl-1 {
        flex-basis: 8.33333% !important;
        max-width: 8.33333% !important;
    }
    .internet-explorer .col-xl-2 {
        flex-basis: 16.66667% !important;
        max-width: 16.66667% !important;
    }
    .internet-explorer .col-xl-3 {
        flex-basis: 25% !important;
        max-width: 25% !important;
    }
    .internet-explorer .col-xl-4 {
        flex-basis: 33.33333% !important;
        max-width: 33.33333% !important;
    }
    .internet-explorer .col-xl-5 {
        flex-basis: 41.66667% !important;
        max-width: 41.66667% !important;
    }
    .internet-explorer .col-xl-6 {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }
    .internet-explorer .col-xl-7 {
        flex-basis: 58.33333% !important;
        max-width: 58.33333% !important;
    }
    .internet-explorer .col-xl-8 {
        flex-basis: 66.66667% !important;
        max-width: 66.66667% !important;
    }
    .internet-explorer .col-xl-9 {
        flex-basis: 75% !important;
        max-width: 75% !important;
    }
    .internet-explorer .col-xl-10 {
        flex-basis: 83.33333% !important;
        max-width: 83.33333% !important;
    }
    .internet-explorer .col-xl-11 {
        flex-basis: 91.66667% !important;
        max-width: 91.66667% !important;
    }
    .internet-explorer .col-xl-12 {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

.internet-explorer .flex-fill {
    flex-basis: 1 !important;
    flex-basis: auto !important;
}

@media (min-width: 576px) {
    .internet-explorer .flex-sm-fill {
        flex-basis: 1 !important;
        flex-basis: auto !important;
    }
}

@media (min-width: 768px) {
    .internet-explorer .flex-md-fill {
        flex-basis: 1 !important;
        flex-basis: auto !important;
    }
}

@media (min-width: 992px) {
    .internet-explorer .flex-lg-fill {
        flex-basis: 1 !important;
        flex-basis: auto !important;
    }
}

@media (min-width: 1200px) {
    .internet-explorer .flex-xl-fill {
        flex-basis: 1 !important;
        flex-basis: auto !important;
    }
}

.internet-explorer .col-full {
    flex-basis: calc(100vw - 16px) !important;
}

@media (pointer: coarse) {
    .internet-explorer .col-full {
        flex-basis: 100vw !important;
    }
}

.internet-explorer .col-xs-full {
    flex-basis: calc(100vw - 16px) !important;
}

@media (min-width: 576px) {
    .internet-explorer .col-sm-full {
        flex-basis: calc(100vw - 16px) !important;
    }
}

@media (min-width: 576px) and (pointer: coarse) {
    .internet-explorer .col-sm-full {
        flex-basis: 100vw !important;
    }
}

@media (min-width: 768px) {
    .internet-explorer .col-md-full {
        flex-basis: calc(100vw - 16px) !important;
    }
}

@media (min-width: 768px) and (pointer: coarse) {
    .internet-explorer .col-md-full {
        flex-basis: 100vw !important;
    }
}

@media (min-width: 992px) {
    .internet-explorer .col-lg-full {
        flex-basis: calc(100vw - 16px) !important;
    }
}

@media (min-width: 992px) and (pointer: coarse) {
    .internet-explorer .col-lg-full {
        flex-basis: 100vw !important;
    }
}

@media (min-width: 1200px) {
    .internet-explorer .col-xl-full {
        flex-basis: calc(100vw - 16px) !important;
    }
}

@media (min-width: 1200px) and (pointer: coarse) {
    .internet-explorer .col-xl-full {
        flex-basis: 100vw !important;
    }
}


/* #endregion IE */

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    outline: none;
}

#cboxWrapper {
    max-width: none;
    background-color: #fff;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#cboxOverlay {
    background-color: var(--deep-purple-2);
}