@charset "UTF-8";

/* Animations */

a, a:hover { -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; text-decoration: none; }

.mittig { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center;	-ms-flex-align: center; align-items: center; justify-content: space-between; }

.fullsize { position:relative; width: 100%;	min-height: 100%;	height: auto !important; height: 100%; overflow: hidden !important; }

.zoom { overflow: hidden; position: relative; }
.zoom img { width: 100%; height:auto; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.zoom:hover img {	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.hide { 
  opacity: 0; margin-left: 30px; margin-right: -30px; 
  -webkit-transition: margin 0.7s ease, opacity 0.7s linear; 
  -moz-transition: margin 0.7s ease, opacity 0.7s linear; 
  -o-transition: margin 0.7s ease, opacity 0.7s linear; 
  transition: margin 0.7s ease, opacity 0.7s linear; 
}
.hide.visible { opacity: 1; margin-left: 0; margin-right: 0; }

.fadein { opacity: 0; -webkit-transition:opacity 1.5s linear; -moz-transition:opacity 1.5s linear; -o-transition:opacity 1.5s linear; transition:opacity 1.5s linear; }
.fadein.visible { opacity: 1; }

hr.hide { margin-left: 30px; margin-right: -30px; }
hr.hide.visible { margin-left: 0; margin-right: 0; }

.hidestart { 
  opacity: 0; margin-left: 50px; margin-right: -50px;
  -webkit-transition: margin 1s ease, opacity 1s linear; 
  -moz-transition: margin 1s ease, opacity 1s linear; 
  -o-transition: margin 1s ease, opacity 1s linear; 
  transition: margin 1s ease, opacity 1s linear; 
}
.hidestart.visible { opacity: 1; margin-left: 0; margin-right: 0; }

.herotitle, .herotitlestart {
  display: inline-block;
  transition: transform .7s, clip-path .7s;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  transform: translateY(100%);
}
.herotitlestart { transition: transform .7s .2s, clip-path .7s .2s; }
.herotitlestart.two { transition: transform .7s .4s, clip-path .7s .4s; }
.herotitlestart.three { transition: transform .7s .6s, clip-path .7s .6s; }
.herotitlestart.four { transition: transform .5s 1.5s, clip-path .5s 1.5s; }

.herotitle.show, .herotitlestart.show {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  transform: translateY(0);
}

.scroll:hover { cursor: pointer; }

.icon-scroll,
.icon-scroll:before { position: absolute; left: 50%; }
.icon-scroll { width: 24px; height: 40px; margin-left: -12px; bottom: 3vw; opacity: 0; margin-bottom: 50px; box-shadow: inset 0 0 0 2px #ffffff; border-radius: 25px; animation: 1s ease 5s forwards fade; }
.icon-scroll:before { content: ''; width: 4px; height: 4px; background: #ffffff; margin-left: -2px; top: 6px; border-radius: 2px; animation-duration: 1.2s; animation-iteration-count: infinite; animation-name: scroll; }

@keyframes scroll {
  0% { opacity: 1; }
  100% { opacity: 0; transform: translateY(20px) }
}

@keyframes fade {
  0% { opacity: 0; margin-bottom: 50px; }
  100% { opacity: 1; margin-bottom: 0; }
}

.texteffect { color: transparent; }

.texteffect.go {
  display: inline;
  color: transparent;
  background-position: left;
  background-size: 0% 100%;
  background-image: linear-gradient(#30383b, #30383b);
  background-repeat: no-repeat;
  animation: wipe 1.8s .2s forwards;
}
@keyframes wipe {
  50% {
    color: transparent;
    background-size: 100% 100%;
  }
  51% {
    color: #30383b;
  }
  100% {
    color: #30383b;
    background-size: 0% 100%;
  }
}

.line.go { height: 1px; background: #36a9e1; animation: line .75s 1 ease-out forwards; z-index: 9000; }
@keyframes line {
  0%{
    width: 0%;
  }
  100%{
    width: 100%;
  }
}

/* Colors */

.font-white { color: #ffffff; }
.font-black { color: #000000; }
.font-grey { color: #f2efef; }
.font-darkgrey { color: #4a4a49; }
.font-red { color: #e63312; }
.font-magenta { color: #d7007f; }
.font-purple { color: #95569e; }
.font-blue { color: #36a9e1; }

.font-gradient { background-image:linear-gradient(90deg, #e63312, #d7007f, #95569e, #36a9e1 ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }

.bg-white { background: #ffffff; }
.bg-black { background: #000000; }
.bg-grey { background: #f2efef; }
.bg-darkgrey { background: #4a4a49; }
.bg-red { background: #e63312; }
.bg-magenta { background: #d7007f; }
.bg-purple { background: #95569e; }
.bg-blue { background: #36a9e1; }

.bg-gradient { background-image:linear-gradient(90deg, #e63312, #d7007f, #95569e, #36a9e1 ); }

.bg-white-trans { background: rgba(255,255,255,0.9); }
.bg-black-trans { background: rgba(0,0,0,.1); }
.bg-grey-trans { background: rgba(240,240,240,.9); }

.has-white-color { color: #ffffff; }
.has-black-color { color: #000000; }
.has-grey-color { color: #f2efef; }
.has-darkgrey-color { color: #4a4a49; }
.has-red-color { color: #e63312; }
.has-magenta-color { color: #d7007f; }
.has-purple-color { color: #95569e; }
.has-blue-color { color: #36a9e1; }

.has-white-background-color { background-color: #ffffff; }
.has-black-background-color { background-color: #000000; }
.has-grey-background-color { background-color: #f2efef; }
.has-darkgrey-background-color { background: #4a4a49; }
.has-red-background-color { background: #e63312; }
.has-magenta-background-color { background: #d7007f; }
.has-purple-background-color { background: #95569e; }
.has-blue-background-color { background: #36a9e1; }

/* Typo */

/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v20-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/poppins-v20-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */  
       url('../fonts/poppins-v20-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

p, h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: 300; }
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 500; }
h1 b, h2 b, h3 b { background-image:linear-gradient(90deg, #e63312, #d7007f, #95569e, #36a9e1 ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }
h1.font-white b, h2.font-white b, h3.font-white b, .font-white h1 b, .font-white h2 b, .font-white h3 b { background-image: none; -webkit-text-fill-color: #ffffff; }
h1 { font-size: 5vw; line-height: 1.20em; }
h2 { font-size: 4vw; line-height: 1.15em; }
h3 { font-size: 3.3vw; line-height: 1.15em; }
h4 { font-size: 2.2rem; line-height: 1.15em; }
h5 { font-size: 1.5rem; line-height: 1.25em; }
h6 { font-size: 1.25rem; line-height: 1.25em; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #000000 !important; }

.content h1 { font-size: 2.8rem; line-height: 1.3em; margin-bottom: 1em; }
.content h2 { font-size: 2.4rem; line-height: 1.3em; margin-bottom: 1em; }
.content h3 { font-size: 1.9rem; line-height: 1.3em; margin-bottom: 1em; }
.content h4 { font-size: 1.6rem; line-height: 1.3em; margin-bottom: 1em; }
.content h5 { font-size: 1.35rem; line-height: 1.3em; margin-bottom: 1em; }
.content h6 { font-size: 1.1rem; line-height: 1.3em; margin-bottom: 1em; }

b, strong { font-weight: 500; }
em { font-style: italic; }
u { text-decoration: underline;}
i { font-size: .9em; margin-right: 0.4em; }
.nobr { white-space : nowrap; }
.round { border-radius: 8px; }
img.round { border-radius: 5px; }

.frontline:before {
  content: '';
  display: inline-block;
  width: 4vw;
  margin-left: -6vw;
  margin-right: 2vw;
  height: 1px;
  background-color: #36a9e1;
  transform: translate3d(0, -2.7vw, 0);
}

.backline:after {
  content: '';
  display: inline-block;
  width: 3vw;
  margin-left: 1rem;
  height: 1px;
  background-color: #36a9e1;
  transform: translate3d(0, -.35em, 0);
}

/***** General stuff *****/

.grecaptcha-badge { display: none !important; }

hr { height: 0; border: 0 !important; border-bottom: 1px solid #36a9e1 !important; margin: 2vw 0; width: 90px; }
h1 hr { margin: 1em 0 0 30px; }
h1.texteffect hr { margin-top: 1em; margin-bottom: 1em; }
.font-white hr, hr.white { border-bottom: 1px solid #ffffff !important; }
hr.small { margin: 1.5rem 0; width: 50px;}
hr.large { margin: 2.5rem 0; width: 100%; border-bottom: 1px solid #4a4a49 !important; }
hr.sidebar { margin: 1rem 0; width: 50px;}

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }

.uppercase { text-transform: uppercase; }

.shadow { box-shadow: 0 0 15px rgba(0,0,0,0.25); }

.col2 { column-count: 2; column-gap:50px; }

.content a[href *=".pdf"],
.content .wp-block-file a[href *=".pdf"] { padding: 6px 0 4px 30px; margin-bottom: .5rem;	background: transparent url(../images/pdf.png) no-repeat left; line-height: 2em; }
.content img { width: 100%; height: auto; }

/* Text */

.text { font-size: 1rem; line-height: 1.75em; }
.text p { margin-bottom: 1.3rem; }
.text p:last-child { margin-bottom: 0; }
.text p.has-background { padding: 20px 25px 25px; }
.text ul { margin: 0 0 1.5rem 1.25rem; padding: 0; }
.text ul li { list-style-type: square; list-style-position: outside; line-height: 1.35rem; padding: 5px 0; }
.text ul ul { margin-bottom: 0; margin-left: 2rem; }
.text ol { margin: 0 0 1.5rem 1.25rem; padding: 0; }
.text ol li { list-style-type: decimal; list-style-position: outside; margin-bottom: .5em; line-height: 1.35rem; padding: 5px 0; }
.text ol li:last-child { margin-bottom: 0; }
.text ol ol { margin-bottom: 0; margin-left: 2rem; }
.text .font-white b, .text.font-white b { color: #ffffff; }
.text .small, .text.small { font-size: .85rem; line-height: 1.4em; }
.text .verysmall, .text.verysmall, .has-small-font-size { font-size: .7rem; line-height: 1.4em; }
.text .wp-block-pullquote, .text .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100% !important; text-align: left; }
.text blockquote { font-size: 1.4em; line-height: 1.25em; margin-bottom: 1.75rem; padding-left: 1.5rem; font-weight: 300; color: #36a9e1; border-left: 2px solid #36a9e1; }
.text blockquote p { margin-bottom: 1.1rem; }
.text blockquote cite { font-size: .9rem; font-style: normal; }
.text .wp-block-pullquote { margin: 0 0 1.1rem 0 !important; padding: 0 !important; }
.text .wp-block-columns { margin-bottom: 1.1rem; }
.text .wp-block-columns .wp-block-column,
.text .wp-block-columns .wp-block-column .wp-block-columns { margin-bottom: 0; margin-top: 0; }
.text .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column { margin-top: .55rem; margin-bottom: .55rem; }
.text .wp-block-image { margin-bottom: 1em; }
.text .caption, .text .wp-block-image figcaption { margin: 1.5em 0 0 8px; margin-bottom: 1em; font-size: .85rem; }
.text a { color: #000000; text-decoration: underline; }
.text a:hover { color: #36a9e1 !important; }
.font-white .text a, .font-white.text a, .font-white .text a:visited, .font-white.text a:visited { color: #ffffff; }
.font-white .text a:hover, .font-white.text a:hover { color: #36a9e1; }

.text ul.has-background, .text ol.has-background { margin: 0 0 1.5rem 0; padding: 20px 25px 20px 40px; }
.text ul.has-background li, .text ol.has-background li { list-style-position: inherit; }

.text ul.wp-block-social-links { margin: 0 0 1.5rem 0; }

/* Table */

.wp-block-table table, table { display: table; width: 100%; max-width: 100%; border-spacing: 0; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: .8rem; margin-bottom: 1.65rem; }
.wp-block-table table tr, table tr { display: table-row; border-bottom: 1px dotted #30383b; }
.wp-block-table table tr:last-child, table tr:last-child { border-bottom: 2px solid #30383b; }
.wp-block-table table thead, table thead { background: #f2efef; }
.wp-block-table table tr th, table tr th { display: table-cell; text-align: left; font-weight: 500; padding: 10px 5px 8px 10px; line-height: .8rem; border: 0; border-right: 1px dotted #30383b; }
.wp-block-table table tr th:last-child, table tr th:last-child { border-right: 0; }
.wp-block-table table tbody, table tbody { background: #ffffff; }
.wp-block-table table tr td, table tr td { display: table-cell; padding: 10px; border-right: 1px dotted #000000; line-height: 1.35em; border: 0; border-right: 1px dotted #30383b; }
.wp-block-table table tr td:last-child, table tr td:last-child { border-right: 0; padding-right: 0; }
.wp-block-table table tfoot, table tfoot { display: table-row-group; border-bottom: 0px solid #000000; }

/* Button */

a.btn, a.btn:active, a.btn:visited { 
  display: inline-block; font-size: .9rem; font-weight: 300; line-height: 1em; text-decoration: none; color: #ffffff !important; padding: 9px 12px 9px 9px; background: #36a9e1; cursor: pointer; border-radius: 5px;
  -webkit-transition:color 0.25s linear, background-color 0.25s linear; -moz-transition:color 0.25s linear, background-color 0.25s linear; -o-transition:color 0.25s linear, background-color 0.25s linear; transition:color 0.25s linear, background-color 0.25s linear;  
}
a.btn:hover { color: #ffffff; background: #000000; }
a.btn.invers { color: #000000 !important; background: transparent; border: 1px solid #000000; }
a.btn.invers:hover { color: #ffffff !important; background: #000000; border: 1px solid #000000; }

a.btn.negative, a.btn.negative:active, a.btn.negative:visited { color: #36a9e1; background: #ffffff; }
a.btn.negative:hover { color: #ffffff !important; background: #d7007f; }
a.btn.negative.invers { color: #ffffff !important; background: transparent; border: 1px solid #ffffff; }
a.btn.negative.invers:hover { color: #36a9e1 !important; background: #ffffff; border: 1px solid #ffffff; }

a.btn.large { font-size: 1.2rem; padding: 12px 25px 12px 17px; margin-top: .5em; }
a.btn.small { font-size: .85rem; line-height: .85em;  padding: 7px 10px 7px 7px; }
a.btn.verysmall { font-size: .65rem; line-height: .65em; padding: 5px 10px 5px 7px; }

.bottom { position: relative; padding-bottom: calc(50px + 2vw) !important; }
.bottom a.btn { position: absolute; bottom: 2vw; left: 2vw; }
.square a.btn { position: absolute; bottom: 3vw; right: 3vw; margin: 0; font-size: 1.2rem; padding: 8px; }
.square a.btn i { margin: 0; }

/* OWL */

.owl-stage { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; flex-flow: row wrap; }
.owl-item { float: none !important; }

#owl-referenzen .owl-item { float: none !important; background: #ffffff; border-radius: 10px; }

#owl .owl-item img { padding: 0; }
.owl-dots { position: relative; line-height: 1rem; padding-top:2vw; z-index: 9000; text-align: center; }
.owl-dot { display: inline-block; padding: 0 10px 0 0; }
.owl-dot:last-child { padding: 0; }
.owl-dot span { display: block; width: 10px; height: 10px; background: rgba(255,255,255,.65); }
.owl-dot.active span { background: #ffffff; }
.owl-dot:hover span { background: #ffffff; }

.owl-nav { 
  position: absolute; bottom: 0; right: 0; display: block; z-index: 9000;
  display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; flex-flow: row wrap;
}
.owl-nav div { display: inline-block; line-height: 0; color: #ffffff; }
.owl-nav div:hover { color: #e63312; }
.owl-nav div i { margin: 0 0 0 10px; font-size: 20px; line-height: 1em; }

/* Toggle */

#toggle-view { width:100%; list-style: none; padding:0; width:100%; z-index: 2000; border-radius: 10px; background: rgba(255,255,255,.85); border-left: 8px solid #e63312; }
#toggle-view .toggle-row { 
  list-style-type: none; 
  position: relative;
  border-bottom: 1px solid #4a4a49;
}
#toggle-view .toggle-row:first-child { border-radius: 0 10px 0 0; }
#toggle-view .toggle-row:last-child { border: 0; border-radius: 0 0 10px 0; }
#toggle-view .toggle-row { cursor: pointer; }
#toggle-view .toggle-row:hover { background: #4a4a49; color: #ffffff; }
#toggle-view .toggle-row.active { background: #f2efef; color: #4a4a49; }
#toggle-view .toggle-row h5 { width: 100%; font-size: 1.25rem; line-height: 1.35em; margin: 0; padding: 13px 35px 13px 17px; }
#toggle-view .toggle-row.active h5 { color: #e63312; }
#toggle-view .toggle-row .plus { position: absolute; top: 15px; right: 17px; font-size: 1.7rem; line-height: 1em; }
#toggle-view .toggle-row.active .plus { color: #e63312; }

#toggle-view .toggle-row .panel-mobile { display: none; padding: 17px; background: #ffffff; color: #4a4a49; }
#toggle-view .toggle-row:last-child .panel-mobile { border-radius: 0 0 10px 0; }
#toggle-view .toggle-row .panel-mobile ul { margin: 0 0 1.5rem 1.4rem; }

/* Forms */

.wpcf7 p { margin-bottom: .5rem; }
.wpcf7 form label { font-size: .85rem; display: block; margin-top: 10px; }
.wpcf7 form input { border: 0; }
.wpcf7 form input[type=text], .wpcf7 form input[type=email], .wpcf7 form input[type=tel], .wpcf7 form input[type=url] { 
  font-family: 'Poppins', 'Verdana', 'Geneva', sans-serif;
  font-weight: 300;
  width: 100%; 
  padding: 10px 12px; 
  box-sizing: border-box; 
  font-size: 1rem; 
  background: #f2efef; 
  outline: none;
  border-bottom: 1px solid #36a9e1;
  border-radius: 7px;
}
.wpcf7 form textarea { 
  font-family: 'Poppins', 'Verdana', 'Geneva', sans-serif;
  font-weight: 300;
  width: 100%; 
  height: 150px; 
  padding: 10px 12px; 
  box-sizing: border-box; 
  font-size: 1rem; 
  background: #f2efef; 
  outline: none; 
  border: 0;
  border-bottom: 1px solid #36a9e1;
  border-radius: 7px;
}
.wpcf7 form input[type=submit] {
  font-family: 'Poppins', 'Verdana', 'Geneva', sans-serif;
  font-weight: 300;
  display: inline-block; 
  font-size: 1rem; 
  font-weight: 300; 
  line-height: 1em;
  margin-top: 2rem;
  text-decoration: none; 
  color: #ffffff; 
  padding: 10px 15px; 
  background: #36a9e1; 
  cursor: pointer;
  -webkit-transition:ease 0.3s; -moz-transition:ease 0.3s; -o-transition:ease 0.3s; transition:ease 0.3s;
  border-radius: 7px;
}
.wpcf7 form input[type=checkbox], .wpcf7 form input[type=radio] {
  border: 1px solid #ccc;
  background-color: #fff;
  width: 14px;
  height: 14px;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: checkbox !important;
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: baseline;
}
.wpcf7 .wpcf7-date, .wpcf7 .wpcf7-select {
  font-family: 'Poppins', 'Verdana', 'Geneva', sans-serif;
  font-weight: 300;
  width: 100%; 
  padding: 12px; 
  box-sizing: border-box; 
  font-size: 1.1rem; 
  background: #f2efef; 
  outline: none;
}
.wpcf7 .wpcf7-date { padding: 11px 12px; }
.wpcf7 form input[type=submit]:hover { background: #36a9e1; color: #ffffff; }
.wpcf7-response-output { margin: 2em 0 1em !important; padding: 0.2em 1em !important; border-radius: 7px; }
.wpcf7-list-item { display: inline-block; margin: 0; }

/* Wordpress Stuff */

.wp-block-button { color: #ffffff; margin: 0!important; display: inline-block; }
a.wp-block-button__link {
  color: #000000 !important; 
  background: transparent; 
  border: 1px solid #000000; 
  border-radius: 5px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: .9rem !important;
  line-height: .9rem !important; 
  margin: 0 0 1.3rem 0 !important;
  padding: 9px 12px 9px 9px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  overflow-wrap: break-word !important;
}
.invers a.wp-block-button__link {
  color: #ffffff !important; 
  border: 1px solid #ffffff; 
}
a.wp-block-button__link:before { 
  font-family: 'simple-line-icons';
  font-size: .8em !important;
  content: "\e606";
  margin-right: .5em;
 }
a.wp-block-button__link:hover { color: #ffffff !important; background: #000000 !important; }
.invers a.wp-block-button__link:hover { color: #36a9e1 !important; background: #ffffff !important; }

.wp-block-image .alignleft { float: left; margin: 0.5em 30px 0.75em 0; width: 50%; }
.wp-block-image .alignright { float: right; margin: 0.5em 0 0.75em 30px; width: 50%; }