:root {
 --orange: #FEA900;
 --copy: #30363c;
 --copy-light: #70767c;
 --teaser-height: 36vh;
 --teaser-height-home: calc(70vh - 50px);
}

@media all and (min-width:1441px) {
:root {
 --header-height: 12vh;
} 
}
@media all and (max-width:1440px) {
:root {
 --header-height: 20vh;
}
.is-not-phone nav#menu {
 top: 9vh;
}
}
@media all and (max-width:1024) {
:root {
} 
}

* {
 box-sizing: border-box;
 background-origin: content-box;
 text-rendering: optimizeLegibility !important;
 -webkit-font-smoothing: antialiased !important;
}
body {
 font-family: Nunito, sans-serif;
 line-height: 1.5;
 font-size: 18px;
 color: var(--copy);
 opacity: 0;
 -webkit-transition: opacity 1s;
 transition: opacity 1s;
 margin: 0;
 background-color: #f3f7fb;
 background-position: center -10000px;
 -webkit-transition: background-position 1s;
 transition: background-position 1s;
}
body.loaded {
 opacity: 1;
}
body.loaded.home {
 background-image: none;
}
.hidden {
 display: none;
}
a {
 text-decoration: none;
 color: #008ec7;
}
a:hover {
 color: var(--orange);
}
p {
 margin: 0 0 .777em 0;
}
div > p:last-child {
 margin: 0;
}

h1, h2 {
 font-family: Nunito, sans-serif;
 font-weight: 400;
 line-height: 1.2;
}
h3 {
 font-weight: 700;
}
h2 {
 margin: 0 0 .5em 0;
}
img {
 max-width: 100%;
}
.wrapper {
 max-width: 1440px;
 padding: 0 3vw;
 margin: 0 auto;
 position: relative;
}
#site-header {
 position: fixed;
 z-index: 12;
 height: var(--header-height);
 top: 0;
 right: 0;
 left: 0;

 /*background: linear-gradient(120deg, #14344b, #001A23);*/
 background-size: 100% 100%;
 
 background-color: #1a2b3c;

 -webkit-animation: AnimationName 30s ease infinite;
 -moz-animation: AnimationName 30s ease infinite;
 animation: AnimationName 30s ease infinite; 
}
.home #site-header {
 position: relative;
 height: var(--teaser-height-home);
 margin-top: 0;
 top: 0;
 z-index: 0;
}
.header-lines {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-image: url(images/header-lines.svg);
 background-size: 100vw 40%;
}
#site-header .wrapper {
 background-repeat: no-repeat;
 background-size: auto 120px;
 background-position: 0 center;
 height: 100%;
}
#site-header .wrapper #branding {
 background-repeat: no-repeat;
 background-size: auto 120px;
 background-position: 0 center;
 height: 100%;
 padding: 0 0 0 15px;
}
#site-header .topnav {
 position: absolute;
 right: calc(3vw - 21px); 
}
#site-header .topnav ul li {
 display: inline-block;
 padding: 0 21px;
}
#branding {
 display: flex;
 justify-content: space-between;
 align-items: center;
 overflow: hidden;
}
.home #site-header .wrapper #branding {
 padding: 12vh 0 0 0;
 align-items: flex-start;
}
#branding a {
 display: inline-flex;
 align-items: center;
 height: 100%;
 max-width: 365px;
}
.home #branding a {
 align-items: flex-start; 
 max-width: initial;
}
.home #branding a svg {
 width: 440px;
 height: 130px;
}
#branding a svg {
 height: calc(var(--header-height)/2);
 max-height: 120px;
}
.description-container {
 height: 100px;
 padding-right: 7vw;
 display: inline-flex;
 flex-direction: column;
 justify-content: center;
 margin-top: 0;
}
#site-description {
 color: #fff;
 padding: 24px;
 text-align: center;
 background-color: #1a2b3c;
 border-radius: 7px 30px;
 font-weight: 500;
 position: relative;
 margin: 0 3vw 0 0;
 font-size: 21px;
 -webkit-transition: all 1s;
 transition: all 1s;
}

#site-description span {
 display: inline-block;
 line-height: 1.3;
}
#site-description .title {
 text-align: left;
}
#site-description h1 {
 font-size: inherit;
 margin: 0;
 line-height: 1.1;
}
#site-description a {
 display: block;
 position: absolute;
 background-color: #008ec7;
 line-height: 1.3;
 font-size: 14px;
 font-weight: 700;
 text-align: center;
 right: -50px;
 height: auto;
 color: #fff;
 text-transform: uppercase;
 box-shadow: -3px -3px 0 0 #001A23;
 border-radius: 7px 30px 30px 7px;
 padding: 12px 40px 9px 12px;
 bottom: -36px;
}
#site-description a:hover {
 background-color: #172935;
 color: #FEA900;
}
.home #site-description {
 margin: 0 30px;
}
.home #site-description:after {
 content: initial;
}

.home #site-description a {
 width: 150px;
 border-radius: 30px 3px;
 padding: 12px 7px 11px;
 bottom: -30px;
 right: -30px;
}
.single #site-description a:after {
 left: initial;
 top: 14px;
 right: 12px;
}
.home #container {
 padding-top: 0;
}
#container {
 padding-top: var(--header-height);
}
#container a {
 font-weight: 600;
}
#container #content p {
 /*text-align: justify;
 hyphens: auto;*/
}
#container #content a {
 font-weight: 600;
 display: inline-block;
 padding: 0 7px;
 margin: 0 3px;
 position: relative;
 border-left: 3px solid #e7eaec;
 border-right: 3px solid #e7eaec;
 background-color: #f7fafc;
 line-height: 1.2;
}
#container #content a:hover {
 background-color: #FEA900;
 color: #fff;
 border-color: #FEA900;
}
#container ul,
#menu ul {
 margin: 1em 0;
 padding: 0;
}
#container ul li,
#menu ul li {
 list-style-type: none;
 position: relative;
 padding-left: 36px;
 line-height: 1.2;
 margin-bottom: 0.7em;
}
#container ul li:before,
#menu ul li:before {
 content: "";
 display: inline-block;
 width: 21px;
 height: 1px;
 background-color: var(--copy);
 position: absolute;
 left: 0;
 top: .55em;
}

#container .hilights ul {
 margin-left: -70px;
 text-align: right;
}

#container .hilights ul li {
 padding: 5px 12px 3px 12px;
 background-color: #FEA900;
 background-color: #d8e5f3;
 display: inline-block;
 border-radius: 2px;
 color: #1a2b3c;
 white-space: nowrap;
 margin-bottom: 7px;
}
#container .hilights ul li:before {
 display: none;
 width: 0;
}

#sidebar ul li {
 padding-left: 26px;
}
#sidebar ul li:before {
 width: 14px;
 background-color: var(--copy-light);
}
#container > .wrapper {
 display: flex;
 justify-content: space-between;
}
#container > .wrapper #content {
 flex: 0 1 65%;
 padding: 7vh 3vw 7vh 0;
 background-color: #fff;
}
#container > .wrapper #content:before {
 content: "";
 width: 15vw;
 display: block;
 position: absolute;
 top: 0;
 left: -12vw;
 bottom: 0;

 background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
 background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
 background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);

}
#container > .wrapper #sidebar {
 flex: 0 1 25%;
 font-size: .8888888889em;
 color: var(--copy-light);
 position: relative;
 min-height: 100vh;
 padding: 7vh 0;
}
#tabs {
 background-color: #008ec7;
 z-index: 12;
 height: 50px;
}
#tabs.fixed {
 position: fixed;
 top: var(--header-height);
 left: 0;
 right: 0; 
}
#tabs .wrapper {
 padding-left: calc(3vw - 21px);
}
#tabs .tab {
 text-transform: capitalize;
 display: inline-block;
 padding: 12px 21px 12px;
 color: #fff;
 cursor: pointer;
}
#tabs .tab:hover,
#tabs .tab.active {
 background-color: #fff;
 color: #008ec7;
}
#tabs.fixed + article.wrapper {
 padding-top: 50px;
}

.button,
.su-lightbox {
 background-color: #008ec7;
 padding: 7px 12px;
 font-weight: 700;
 color: #fff;
 display: inline-block;
 margin-top: 12px;
}

.sidebar-item {
 height: 20%;
 padding-bottom: 30px;
}
.sidebar-item:nth-child(2) { top: 20%; }
.sidebar-item:nth-child(3) { top: 40%; }
.sidebar-item:nth-child(4) { top: 60%; }
.sidebar-item:nth-child(5) { top: 80%; }

#sidebar .sidebar-item .widget-content {
 padding: 36px;
 border-radius: 0;
 background-color: #fff;
 box-shadow: 0 17px 30px -20px rgba(0,0,0,0.1);
 border-left: 3px solid #e3e6e9;
 top: 250px;
 position: -webkit-sticky;
 position: sticky;
 -webkit-transition: border-color .3s;
 transition: border-color .3s;
}
#sidebar .sidebar-item .widget-content.anmeldung {
 border-left-color: #c30;
}
#sidebar .sidebar-item .widget-content .widget-title {
 font-weight: 700;
 text-transform: uppercase;
 color: var(--copy);
 -webkit-transition: color .5s;
 transition: color .5s;
}
#sidebar .sidebar-item .widget-content.anmeldung .widget-title {
 color: #c30;
}
#sidebar .sidebar-item .widget-content.is-sticky {
 border-color: var(--orange);
}
#sidebar .sidebar-item .widget-content.is-sticky .widget-title {
 color: var(--orange);
}
.single .seminar-teaser {
 position: relative;
 height: var(--teaser-height);
 background-color: #14232d;
}
.single .seminar-teaser > .wrapper {
 height: 100%;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.single .seminar-teaser .featured-text {
 color: #c3d6e9;
 width: 55%;
 padding-left: 85px;
}
.single .seminar-teaser .featured-image {
 width: 25%;
}
.single section > .section {
 padding-bottom: 7vh;
 margin-bottom: 7vh;
 background-color: #fff;
 border-bottom: 1px solid #d7d8d9;
}
.single #themen ul {
 column-count: 3;
 column-gap: 3%;
}
#container + #footer {
 padding: 7vh 0;
 background-color: #FEA900;
}
.sc #mts-testimonials .style-5 .quotes {
 min-height: 180px;
 line-height: 1.3;
}
/* @group #branding svg#sclogo-front */
#branding svg#sclogo-front #glow_1_ {mix-blend-mode: overlay;}
#branding svg#sclogo-front .st0{opacity:0.21;fill-rule:evenodd;clip-rule:evenodd;fill:url(#unten_links_1_);enable-background:new    ;}
#branding svg#sclogo-front .st1{opacity:0.18;fill-rule:evenodd;clip-rule:evenodd;fill:url(#unten_links_licht_1_);enable-background:new    ;}
#branding svg#sclogo-front .st2{opacity:0.45;fill-rule:evenodd;clip-rule:evenodd;fill:url(#unten_mitte_1_);enable-background:new    ;}
#branding svg#sclogo-front .st3{opacity:0.48;fill:url(#unten_rechts_1_);enable-background:new    ;}
#branding svg#sclogo-front .st4{opacity:0.27;fill-rule:evenodd;clip-rule:evenodd;fill:url(#unten_rechts_licht_1_);enable-background:new    ;}
#branding svg#sclogo-front .st5{opacity:0.44;fill-rule:evenodd;clip-rule:evenodd;fill:url(#oben_links_1_);enable-background:new    ;}
#branding svg#sclogo-front .st6{opacity:0.1;fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;enable-background:new    ;}
#branding svg#sclogo-front .st7{opacity:6.000000e-02;fill-rule:evenodd;clip-rule:evenodd;fill:#C8E4FF;enable-background:new    ;}
#branding svg#sclogo-front .st8{opacity:0.62;fill-rule:evenodd;clip-rule:evenodd;fill:url(#oben_mitte_1_);enable-background:new    ;}
#branding svg#sclogo-front .st9{opacity:0.76;fill-rule:evenodd;clip-rule:evenodd;fill:url(#oben_rechts_1_);enable-background:new    ;}
#branding svg#sclogo-front .st10{opacity:0.17;fill-rule:evenodd;clip-rule:evenodd;fill:#C8E4FF;enable-background:new    ;}
#branding svg#sclogo-front .st11{opacity:0.7;fill-rule:evenodd;clip-rule:evenodd;fill:url(#oben_rechts_licht_1_);enable-background:new    ;}
#branding svg#sclogo-front .st12{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}
#branding svg#sclogo-front .st13{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_2_);}
#branding svg#sclogo-front .st14{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_3_);}
#branding svg#sclogo-front .st15{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_4_);}
#branding svg#sclogo-front .st16{opacity:1;}
#branding svg#sclogo-front .st17{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_5_);}
#branding svg#sclogo-front .st18{fill:#FEA900;}
#branding svg#sclogo-front .st19{font-family:'Exo 2';}
#branding svg#sclogo-front .st20{font-size:12px;}
#branding svg#sclogo-front .st21{fill:#FFFFFF;}
#branding svg#sclogo-front .st22{font-size:24px;}
/* @end */
/* @group #branding svg#sclogo-front */
#branding svg#sclogo #glow_1_ {mix-blend-mode: overlay;}
#branding svg#sclogo .st0{opacity:0.21;fill-rule:evenodd;clip-rule:evenodd;fill:url(#unten_links_2_);enable-background:new    ;}
#branding svg#sclogo .st1{opacity:0.18;fill-rule:evenodd;clip-rule:evenodd;fill:url(#unten_links_licht_2_);enable-background:new    ;}
#branding svg#sclogo .st2{opacity:0.45;fill-rule:evenodd;clip-rule:evenodd;fill:url(#unten_mitte_2_);enable-background:new    ;}
#branding svg#sclogo .st3{opacity:0.48;fill:url(#unten_rechts_2_);enable-background:new    ;}
#branding svg#sclogo .st4{opacity:0.87;fill-rule:evenodd;clip-rule:evenodd;fill:url(#unten_rechts_licht_2_);enable-background:new    ;}
#branding svg#sclogo .st5{opacity:0.44;fill-rule:evenodd;clip-rule:evenodd;fill:url(#oben_links_2_);enable-background:new    ;}
#branding svg#sclogo .st6{opacity:0.1;fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;enable-background:new    ;}
#branding svg#sclogo .st7{opacity:6.000000e-02;fill-rule:evenodd;clip-rule:evenodd;fill:#C8E4FF;enable-background:new    ;}
#branding svg#sclogo .st8{opacity:0.62;fill-rule:evenodd;clip-rule:evenodd;fill:url(#oben_mitte_2_);enable-background:new    ;}
#branding svg#sclogo .st9{opacity:0.76;fill-rule:evenodd;clip-rule:evenodd;fill:url(#oben_rechts_2_);enable-background:new    ;}
#branding svg#sclogo .st10{opacity:0.17;fill-rule:evenodd;clip-rule:evenodd;fill:#C8E4FF;enable-background:new    ;}
#branding svg#sclogo .st11{opacity:0.9;fill-rule:evenodd;clip-rule:evenodd;fill:url(#oben_rechts_licht_2_);enable-background:new    ;}
#branding svg#sclogo .st12{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}
#branding svg#sclogo .st13{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_2_);}
#branding svg#sclogo .st14{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_3_);}
#branding svg#sclogo .st15{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_4_);}
#branding svg#sclogo .st16{opacity:0.74;}
#branding svg#sclogo .st17{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_5_);}
#branding svg#sclogo .st18{fill:#FEA900;}
#branding svg#sclogo .st19{font-family:'Exo 2';}
#branding svg#sclogo .st20{font-size:16.1px;}
#branding svg#sclogo .st21{letter-spacing:3;}
#branding svg#sclogo .st22{fill:#FFFFFF;}
#branding svg#sclogo .st23{font-size:24px;}
/* @end */



/* @group Megamenu */

nav#menu {
 position: fixed;
 top: 5.4vh;
 right: 0;
 left: 0;
 z-index: 100;
 background-color: transparent;
}
nav#menu #mega-menu-wrap-main-menu {
 background: transparent;
 display: flex;
 justify-content: flex-end;
 margin-right: -24px;
}
.home nav#menu #mega-menu-wrap-main-menu {
 justify-content: flex-start;
 margin-left: -24px;

}
.home nav#menu {
 position: relative;
 top: 0;
 background-color: #1a2b3c;
 z-index: inherit;
}
.sc nav#menu .mega-sub-menu {
 box-shadow: 0 0 300px 0 rgba(0,0,0,.3) !important;
}
.sc #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:hover > a {
 z-index: 1000;
 color: var(--orange);
}
.home #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
 background-color: transparent;
 color: #fff;
}

/* @end */

@media all and (max-width:1024px) {
#site-secription .title {
 font-size: 18px;
}
}