:root {
    /*font-size:calc(0.7rem + 0.4vw);*/
    --mycolor: #690034;
    --grey1:#f0f1f5;
    --grey2:#ccc;
    --orange:#f47c00;
    --white1:#fefefe;
    --white3:#fff;
    --black1:#000;
    --black2:#333;
    --scrollbar-width:auto;
}

.bggrey{
    background-color:var(--grey1);
}

html {
    height:101%;
}

.invisible:focus {
    width:auto;
    height:auto;
    position:relative;
    color:#fff;
    clip:auto;
}

body {
    height:100%;
    min-height:300px;
    background-color:var(--white1);
    background-position:left top;
    background-repeat:no-repeat;
    font-family:"Google Sans Flex","Arial Std Rounded Regular",Arial,Helvetica,sans-serif;
    line-height:1.5;
    background-attachment: fixed;
}

#wrapper {
    width:100%;
    min-width:320px;
    background-color:var(--white1);
}
header .inside{
    max-width:1400px;
    margin:auto;
}

#header {
    width:100%;
    background-color:none;
    background: linear-gradient(180deg, #fefefe 0%, #fefefe 5em, var(--grey1) 5em, var(--grey1) 7.5em, #fefefe 7.5em, #fefefe 100%);
}
#header.sticky {
    position:fixed;
    margin-bottom:5em;
    background-color:#4A0225;
    background-attachment:fixed; z-index:12;
}
#header .inside {
}
#header .logo {
position: absolute;
  margin: 1.5em auto 1em 0em;
  z-index: 2000;
  background-color: var(--mycolor);
  border-radius: 10%;
  height: 3.8em;
  width: 3.8em;
  font-size: 1.8em;
  line-height: 0.975;
  padding: 0.35em;
  box-sizing: border-box;
}

header nav {

  width: 100%;
  position: absolute;
  top: 5em;
  padding-right: 0em;
  box-sizing: border-box;
  height:2.5em;
}

header nav .level_1{
    display:flex;
    flex-flow:row;
    justify-content: flex-end;
    gap:2.5em;
    margin:0;
    line-height:2.5em;
}

header nav .level_1 a, header nav .level_1 strong{
    color:var(--black2);
    text-decoration: none;
    font-weight:400;
    font-size:1.2em;
    height:calc(2.5em/1.2);
    box-sizing: border-box;
        display: block;
}

header nav .level_1 a::after, header nav .level_1 strong::after{
    height:2px;
    width:100%;
    display:block;
    background-color:var(--mycolor);
    content:" ";
    text-align:center;
   transition: all ease-in-out 1s;
  transform: scale(0,1);
  position: relative;
  bottom: 2px;
}

header nav .level_1 a:hover, header nav .level_1 a:active, header nav .level_1 strong{
    color:var(--mycolor);
    text-decoration: none;
}

header nav .level_1 a:hover::after, header nav .level_1 strong::after{
    transition: all ease-in-out 1s;
    transform: scale(1,1);
}

/*#header.sticky .logo {
    position:absolute;
    clear:none;
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    transition: ease-in-out 0.5s; transform: rotate(-90deg) translate(-9em, -7.5em);z-index:2000;
}

#header .logo span{
    display:inline-block;
    transition: all ease-in-out 0.5s;
}*/


    #header .logo .rte div {
        text-align:right;
    }
#header .logo span{
    display:block;
    max-width: 6em;
    text-align:right;
    transition: all ease-in-out 0.5s;
}

#header .logo span img{
    height: 0.9em;
  width: auto;
}
#bannerfull {
    max-width:2000px;
    margin: auto;
    margin-top: -4.5em;
}  


#bannerfull .mod_article{
    display:flex;
    justify-content: center;
  max-width:100%;
}
#bannerfull .mod_article div {
    flex-basis:50%;
    position: relative;
}
#bannerfull .mod_article .content-text.left {

    padding:clamp(10px, calc((100vw - 1400px - var(--scrollbar-width)) /2), 240px);
    padding-top:clamp(5em, calc((100vw - 1400px - var(--scrollbar-width)) /2), 240px);
    padding-left:clamp(10px, calc((100vw - 1400px - var(--scrollbar-width)) /2), 240px);
    box-sizing:border-box;
}
@media (min-width:2000px){

    #bannerfull .mod_article .content-text.left {
    padding-left:300px;
    }
}


/*@media (min-width:2400px){
    #bannerfull .mod_article .content-text.left {
    padding-left:500px;
    }
}*/


#bannerfull .mod_article .content-image.right::after {
    position:absolute;
    background-image: linear-gradient(-90deg, rgba(255, 255 , 255, 0) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 100%);
    width:100%;
    height:100%;
    content:" ";
    top:0;
    left:0;
}

.mod_article, .content-element-group {
    max-width:1400px;
    margin:auto;
}

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

/*.referencess #header .logo img {
    -webkit-box-shadow:0 0 0 0;
    box-shadow:0 0 0 0;
    border-bottom:0;
    text-decoration:none;
}*/
#header .contao_partner {
max-width: 30%;
  float: right;
  display: block;
  margin: 1em 0em 0;
  padding-top: .1em;
  text-align: right;
  line-height: 1.5em;
  transition: transform ease-in-out 0.3s;
}
#header.sticky .contao_partner {
    right:0;
    position:absolute;
    margin-top:0;
    margin-left:75%;
    transform: scale(0.9em) translate(0.45em, -0.5em); transition: transform ease-in-out 0.5s;
}
#header.sticky .contao_partner img {
    width:7em;
    transform:translate(70%, 0.1em); transition: transform ease-in-out 0.5s;
}
#header.sticky + #container #main {
    padding-top:8em;
}
#header.sticky + .custom {
    padding-top:8em;
}
#header .contao_partner figure {
width: 6.5em;
  float: right;

}
.navbar,
.mobile_nav {
    clear:both;
    font-size:1.1em;
    line-height:1.5;
}
.navbar {
    margin-top:3vw;
}
.min768 {
    display:block;
}
.max767 {
    display:none;
}
.mod_article .content-revolutionslider,
.mod_article slider {
    margin-right:0;
    margin-left:0;
    font-size:1em;
}
.custom, #slider {
    width:80vw;
    max-width:1200px;
    position:relative;
    margin-right:auto;
    margin-left:auto;
    z-index:1;
}
#right .inside {
    padding-right:1.75em;
    padding-left:1.75em;
}
form table td {
    padding-right:.5em;
    padding-bottom:.5em;
}
#header.sticky .navbar {
    margin-top:.1em;
    margin-bottom:.5em;
    font-size:1em;
    line-height:120%;
}
.navbar-nav {

}
.mobile_nav {

}
.mobile_nav a {

}
.navbar ul {

}
.navbar li {

}
.navbar li:last-child {

}
.navbar li a,
.navbar li span {

}
.navbar li:hover > a span,
.navbar li:hover > a,
.navbar li strong,
.navbar li.trail > a span,
.navbar li.trail > a,
.navbar li > a:focus span {

}
#main strong {

}
#container {

}
#main > .inside {

}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
/*font-family:'Playfair Display';*/
}
h1,
h2 {

}
h1 {

}
h2 {

}
h2 .fa,
h2 .fas,
h2 .fal,
h2 .fab,
h2 .far {
  
}
h2 .fa:before,
h2 .fas:before,
h2 .fal:before,
h2 .fab:before,
h2 .far:before {
   
}
.fa-contao {

}
h3 {

}
h4 {

}
h2,
h2 a {

}
h1.content-headline.no-flex {

}
p,
li {

}
#footer {

}
#footer .inside {

}
#footer p {

}
#main .mod_article.flex ul li {

}
.sliderh1 {

}
@keyframes fade-in {
  
}
#footer .navbar-header {

}
#footer .container-fluid {

}
#footer nav ul {

}
#footer .mod_customnav {


}
#footer nav a {
    color:#32031A;
#footer nav span {
   
}
#ecg {

}
.adresse {

}
#ecg::after {

}
#footer .inside {

}
.toggler {

}
#main li {

}
#main a {

}

#main h2 a {



}


#main a:hover,
#main a:active {

}
.fb_page {

}
.tp-bannertimer {

}
.tp-banner {

}
.tp-bullets,
.tp-bullets.hidebullets {

}
.tp-bullets.simplebullets.round .bullet {

}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {

}
.tp-loader {

}
#cboxOverlay {

}
.portfolio [class^="content-"] figure {

}
#cboxTopLeft,
#cboxTopRight,
#cboxTopCenter,
#cboxTitle,
#cboxCurrent {

}
#cboxContent {

}
.team #cboxLoadedContent {

}
#cboxLoadedContent {
}
.team #cboxLoadedContent img {

}
#cboxNext {

}
#cboxNext:hover {

}
#cboxPrevious {

}
#cboxPrevious:hover {

}
.team #cboxClose {

}
#cboxClose {

}
#cboxClose:hover {

}
.team img.cboxPhoto {

}
.toggler .fas.fa-chevron-circle-down {

}
.toggler.active .fas.fa-chevron-circle-down::before {

}
.flex,
.flex .formbody {

}
.home .flex [class^="content-"] {

}
.flex [class^="content-"] {

}
.flex [class^="content-"].no-flex {
  
}
.flex [class^="mod_"] {


}
.mod_eventlist h3 {
   
}
#main .mod_eventlist h3 a {
;
}
.mod_eventlist .layout_teaser {

}
.mod_eventlist .layout_teaser:last-child {
  
}
.mod_eventlist .layout_teaser * {

}
.mod_eventreader .layout_full .info,
.mod_eventreader .layout_full .location {

}
.mod_eventreader .layout_full h2 {
   
}
.mod_eventreader .layout_full h2 {
 
}
.mod_eventlist .teaser {

}
.homepage .flex {
}
.references [class^="content-"].filter-item {

}
[class^="content-"].no-flex,
.flex .widget.no-flex,
.flex .widget.headline,
.home [class^="content-"].no-flex {
   
}
.home [class^="content-"].flex2,
[class^="content-"].flex2,
.flex .widget.flex2 {
   
}
.references figure img {
   
}
.portfolio figure figcaption,
.portfolio figure figcaption a {

}
#main figure > a {

}
select[name="workshop"] {

}
.h_contao h2:before,
.h_networking h2:before {

}
.h_networking h2:before {

}
.h_contao h2:before {

}
.pic_rounded {

}
.pic_rounded figure img {

}
.pic_rounded.content-text > * {
 
}
.pic_rounded.content-text > h2 {
  
}
.pic_rounded.content-text figure {

}
#slider .caption, #slider .rte {

}
#slider h1 {

}
#slider figure {

}
#slider p {

}
iframe {

}
.example {

}
.example h4 {

}