/*-----------------------------------------------------------------------------------
designreporter.com
Author: Dieter Richert
Version: 1.0
Built with Blocs
-----------------------------------------------------------------------------------*/
body{
margin:0;
padding:0;
background:#FFFFFF;
overflow-x:hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.page-container{overflow: hidden;} /* Prevents unwanted scroll space when scroll FX used. */
a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent blue selection glow on Chrome and Safari */
a:hover{text-decoration: none; cursor:pointer;}
.scroll-fx-lock-init{position:fixed!important;top: 0;bottom: 0;left: 0;right: 0;z-index:99999;} /* ScrollFX Lock */
.blocs-grid-container{display: grid!important;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 1.5rem;row-gap: 1.5rem;} /* CSS Grid */
/* Preloader */
.page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}
.preloader-complete{animation-delay:0.1s;}
@keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}
/* = Web Fonts
-------------------------------------------------------------- */
@font-face {
font-family:'SourceCodePro-Medium';
src: url('./fonts/SourceCodePro-Medium/SourceCodePro-Medium.ttf');
src: url('./fonts/SourceCodePro-Medium/SourceCodePro-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display:swap;
}
@font-face {
font-family:'BarlowSemiCondensed-SemiBold';
src: url('./fonts/BarlowSemiCondensed-SemiBold/BarlowSemiCondensed-SemiBold.ttf');
src: url('./fonts/BarlowSemiCondensed-SemiBold/BarlowSemiCondensed-SemiBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display:swap;
}
@font-face {
font-family:'AnonymousPro-Regular';
src: url('./fonts/AnonymousPro-Regular/AnonymousPro-Regular.ttf');
src: url('./fonts/AnonymousPro-Regular/AnonymousPro-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display:swap;
}
@font-face {
font-family:'SourceCodePro-Bold';
src: url('./fonts/SourceCodePro-Bold/SourceCodePro-Bold.ttf');
src: url('./fonts/SourceCodePro-Bold/SourceCodePro-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display:swap;
}
@font-face {
font-family:'SourceCodePro-Semibold';
src: url('./fonts/SourceCodePro-Semibold/SourceCodePro-SemiBold.ttf');
src: url('./fonts/SourceCodePro-Semibold/SourceCodePro-SemiBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display:swap;
}
@font-face {
font-family:'SourceCodePro-Regular';
src: url('./fonts/SourceCodePro-Regular/SourceCodePro-Regular.ttf');
src: url('./fonts/SourceCodePro-Regular/SourceCodePro-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display:swap;
}
@font-face {
font-family:'RepublikSansICG03';
src: url('./fonts/RepublikSansICG03/Republik_Sans_ICG_03.ttf');
src: url('./fonts/RepublikSansICG03/Republik_Sans_ICG_03.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display:swap;
}
@font-face {
font-family:'Krub-SemiBold';
src: url('./fonts/Krub-SemiBold/Krub-SemiBold.ttf');
src: url('./fonts/Krub-SemiBold/Krub-SemiBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display:swap;
}
/* = Blocs
-------------------------------------------------------------- */
.bloc{
width:100%;
clear:both;
background: 50% 50% no-repeat;
padding:0 20px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
display:flex;
}
.bloc .container{
padding-left:0;
padding-right:0;
position:relative;
}
/* Sizes */
.bloc-lg{
padding:100px 20px;
}
.bloc-md{
padding:50px 20px;
}
.bloc-sm{
padding:20px;
}
/* = Full Screen Blocs
-------------------------------------------------------------- */
.bloc-fill-screen{
min-height:100vh;
display: flex;
flex-direction: column;
padding-top:20px;
padding-bottom:20px;
}
.bloc-fill-screen > .container{
align-self: flex-middle;
flex-grow: 1;
display: flex;
flex-wrap: wrap;
}
.bloc-fill-screen > .container > .row{
flex-grow: 1;
align-self: center;
width:100%;
}
.bloc-fill-screen .fill-bloc-top-edge, .bloc-fill-screen .fill-bloc-bottom-edge{
flex-grow: 0;
}
.bloc-fill-screen .fill-bloc-top-edge{
align-self: flex-start;
}
.bloc-fill-screen .fill-bloc-bottom-edge{
align-self: flex-end;
}
/* = Full Width Blocs
-------------------------------------------------------------- */
.full-width-bloc{
padding-left:0;
padding-right:0;
}
.full-width-bloc .row{
margin-left:0;
margin-right:0;
}
.full-width-bloc .container{
width:100%;
max-width:100%!important;
}
.full-width-bloc .carousel img{
width:100%;
height:auto;
}
/* Edge Dividers */
.bloc-shape-divider{
position: absolute;
width:100%;
text-align:center;
left:0;
right:0;
z-index: 0;
display: flex;
pointer-events: none;
}
.svg-divider{
width:100%;
height:100px;
fill:#000000;
}
.bloc-divider-top{
top:-1px;
align-items: flex-start;
}
.bloc-divider-bottom{
bottom:-1px;
align-items: flex-end;
}
/* Bloc Mask */
.bloc-bg-mask{
position: absolute;
width:100%;
height: 100%;
text-align:center;
left:0;
right:0;
top:0;
bottom:0;
z-index: 0;
display: flex;
pointer-events: none;
align-items: flex-start;
}
.svg-mask{
width:100%;
height: 100%;
fill-rule: evenodd;
fill:#000000;
}
/* Flip Edge Divider */
.bloc-divider-flip-x svg{
transform:scale(-1,1);
}
.bloc-divider-flip-y svg{
transform:scale(1,-1);
}
.bloc-divider-flip-x.bloc-divider-flip-y svg{
transform:scale(-1,-1);
}
/* Background Styles */
.bg-center,.bg-l-edge,.bg-r-edge,.bg-t-edge,.bg-b-edge,.bg-tl-edge,.bg-bl-edge,.bg-tr-edge,.bg-br-edge,.bg-repeat{
-webkit-background-size: auto!important;
-moz-background-size: auto!important;
-o-background-size: auto!important;
background-size: auto!important;
}
/* Video Background Styles */
.video-bg-container, .bloc-video{
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: -50%;
overflow: hidden;
transform: translateX(-50%);
-webkit-transform:translateX(-50%);
}
.bloc-video, .video-bg-container iframe{
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
z-index: 0;
}
/* Background Textures */
.bloc-bg-texture::before{
content:"";
background-size: 2px 2px;
position: absolute;
top: 0;
bottom: 0;
left:0;
right:0;
}
.texture-geometry-shapes-2::before{
background: url("img/texture-geometry-shapes-2.png");
background-size: 200px 200px;
}
.texture-diagonal-lines::before{
background: url("img/texture-diag-lines.png");
background-size: 10px 10px;
}
/* Background Effects */
.parallax__container {
clip: rect(0, auto, auto, 0);
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index:-1;
}
.parallax {
position: fixed;
top: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* Dark theme */
.d-bloc{
color:rgba(255,255,255,.7);
}
.d-bloc button:hover{
color:rgba(255,255,255,.9);
}
.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
border-color:rgba(255,255,255,.9);
}
.d-bloc .divider-h span{
border-color:rgba(255,255,255,.2);
}
.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
color:rgba(255,255,255,.6);
}
:where(.d-bloc) .bloc-link{
fill:rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
color:rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar{
background:rgba(255,255,255,1);
}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
color:rgba(255,255,255,1);
border-color:rgba(255,255,255,1);
}
.d-bloc .card{
color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover{
color:rgba(0,0,0,.7);
}
.d-bloc .card icon{
border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span{
border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn{
color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover{
color:rgba(0,0,0,1);
}
.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
color:rgba(0,0,0,.7);
border-color:rgba(0,0,0,.3);
}
/* Light theme */
.d-bloc .card,.l-bloc{
color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover,.l-bloc button:hover{
color:rgba(0,0,0,.7);
}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span,.l-bloc .divider-h span{
border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
color:rgba(0,0,0,.6);
}
:where(.l-bloc) .bloc-link{
fill:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
color:rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar{
color:rgba(0,0,0,.6);
}
.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
color:rgba(0,0,0,.7);
border-color:rgba(0,0,0,.3);
}
/* Correct Dropdown Links */
.d-bloc .dropdown-menu a, .l-bloc .dropdown-menu a,.d-bloc .dropdown-menu a:hover, .l-bloc .dropdown-menu a:hover{
color:var(--bs-nav-link-hover-color);
}
/* = NavBar
-------------------------------------------------------------- */
.navbar-dark .nav .dropdown-menu .nav-link{
color: rgb(64, 64, 64);
}
/* = Sticky Nav
-------------------------------------------------------------- */
.sticky-bloc.sticky,.sticky-nav.sticky{
position:fixed;
z-index:1000;
transition: all .2s ease-out;
}
.sticky-nav.sticky{
box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
/* Navbar Icon */
.svg-menu-icon{
fill: none;
stroke: rgba(0,0,0,0.5);
stroke-width: 2px;
fill-rule: evenodd;
}
.navbar-dark .svg-menu-icon{
stroke: rgba(255,255,255,0.5);
}
.menu-icon-thin-bars{
stroke-width: 1px;
}
.menu-icon-thick-bars{
stroke-width: 5px;
}
.menu-icon-rounded-bars{
stroke-width: 3px;
stroke-linecap: round;
}
.menu-icon-filled{
fill: rgba(0,0,0,0.5);
stroke-width: 0px;
}
.navbar-dark .menu-icon-filled{
fill: rgba(255,255,255,0.5);
}
.navbar-toggler-icon{
background: none!important;
pointer-events: none;
width: 33px;
height: 33px;
}
/* Nav Special Classes */
.nav-special{
overflow-y:scroll;
}
.nav-special .site-navigation{
top:0;
left:0;
width:100%;
position: relative!important;
max-width: 100%!important;
z-index: 1000;
}
.nav-special .nav > li{
width:100%;
background: none!important;
border:0!important;
}
.nav-special.collapsing{
-webkit-transition: none;
transition: none;
height:100%!important;
background: none!important;
}
.nav-special .navbar-nav .dropdown-menu.show{
position: relative!important;
transform: none!important;
float: none;
width: 100%;
margin-top: 0;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
.nav-special .nav .dropdown-menu .nav-link{
color:#FFF;
}
.blocsapp-special-menu{
position: absolute;
z-index:10000;
}
.nav-special.fullscreen-nav .caret,.nav-special.fullscreen-nav .dropdown-menu .dropdown .caret{
border-width: 8px;
}
.nav-special .navbar-nav .show>.nav-link{
color:#FFF;
}
/* Animate Menu Symbol */
.navbar-toggle{
transition: all .1s linear;
}
.selected-nav{
opacity: 0;
transform: scale(0.3);
transition: all .1s linear;
}
/* Special Menu Close Button */
.close-special-menu{
position: absolute;
display: block;
width: 25px;
height:25px;
top:16px;
right:10px;
z-index: 10000;
}
.nav-invert .sidebar-nav .close-special-menu{
left:260px;
}
.close-special-menu .close-icon{
display: block;
width:100%;
height:1px;
transform: rotate(45deg);
margin-top:12px;
}
.close-special-menu .close-icon:after{
content:"";
display:inherit;
width:inherit;
height:inherit;
background: inherit;
transform: rotate(90deg);
}
.lock-scroll{
overflow:hidden;
transition: background .3s linear;
}
.nav-special::-webkit-scrollbar{
-webkit-appearance: none;
width:0;
height:0;
}
.nav-special .dropdown-menu .dropdown .caret{
border-top-color: rgba(255,255,255,.8);
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
margin: 0 0 0 5px;
float: none;
}
.blocsapp-special-menu .site-navigation.pull-right{
float:none!important;
}
/* Nav Special Close Button */
.close-special-menu .close-icon{
background:#fff;
}
.blocsapp-special-menu blocsnav{
background: #000;
}
/* Side Bar Navigation */
.nav-special.sidebar-nav{
position: fixed;
right: -300px;
top: 0;
bottom: 0;
width: 300px;
z-index: 1000;
transition: all .2s linear;
}
.nav-invert .nav-special.sidebar-nav{
right: auto;
left: -300px;
}
.nav-special.sidebar-nav .site-navigation{
margin-top:15px;
padding-left:15px;
}
.nav-special.sidebar-nav .nav > li a{
color:rgba(255,255,255,.8);
}
.nav-special.sidebar-nav .nav > li a:hover{
color:#FFF;
}
.open.nav-special.sidebar-nav{
right: 0;
transition: all .2s linear;
}
.nav-invert .open.nav-special.sidebar-nav{
left: 0;
transition: all .2s linear;
}
.navbar-toggler:focus{
box-shadow:none;
}
;
/* Content Tint */
.content-tint{
z-index: -1;
transition: background .2s linear;
}
.content-tint.on{
display: block;
position: fixed;
right: 0;
top: 0;
bottom: 0;
width: 100%;
background: transparent;
z-index: 1001;
background:rgba(0,0,0,.4);
}
.content-tint.on:hover{
background:rgba(0,0,0,.1);
}
.navbar-toggle.menu-icon-thick-bars{
margin-top:4px!important;
}
/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu{
border:none}
@media (min-width:576px){
.navbar-expand-sm .dropdown-menu .dropdown-menu{
border:1px solid rgba(0,0,0,.15);
position:absolute;
left:100%;
top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
right:100%;
left:auto}}@media (min-width:768px){
.navbar-expand-md .dropdown-menu .dropdown-menu{
border:1px solid rgba(0,0,0,.15);
border:1px solid rgba(0,0,0,.15);
position:absolute;
left:100%;
top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
right:100%;
left:auto}}@media (min-width:992px){
.navbar-expand-lg .dropdown-menu .dropdown-menu{
border:1px solid rgba(0,0,0,.15);
position:absolute;
left:100%;
top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
right:100%;
left:auto}
}
/* = Bric adjustment margins
-------------------------------------------------------------- */
.mg-clear{
margin:0;
}
.mg-md{
margin-top:10px;
margin-bottom:20px;
}
/* = Buttons
-------------------------------------------------------------- */
.btn-d,.btn-d:hover,.btn-d:focus{
color:#FFF;
fill:#FFF;
background:rgba(0,0,0,.3);
}
.btn-sq{
border-radius: 0px;
}
.btn-glossy{
border:1px solid rgba(0,0,0,.09);
border-bottom-color:rgba(0,0,0,.2);
text-shadow:0 1px 0 rgba(0,0,1,.2);
box-shadow: 0 1px 3px rgba(0,0,1,.35), inset 0 1px 0 0 rgba(255,255,255,.4), inset 0 1px 0 2px rgba(255,255,255,.08);
background-image: linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,.07) 100%);
}
.btn-glossy:focus{
box-shadow: 0 1px 3px rgba(0,0,1,.35), inset 0 1px 0 0 rgba(255,255,255,.4), inset 0 1px 0 2px rgba(255,255,255,.08)!important;
}
.btn-style-none,.btn-style-none:hover,.btn-style-none:active,.btn-style-none:focus{
background:none;
box-shadow: none;
padding:0;
}
.btn-wire{
background:transparent!important;
border:2px solid transparent;
}
.btn-wire:hover{
background:transparent!important;
border:2px solid transparent;
}
.a-block{
width:100%;
text-align:left;
display: inline-block;
}
.text-center .a-block{
text-align:center;
}
/* = Icons
-------------------------------------------------------------- */
.icon-sm{
font-size:18px!important;
}
.icon-md{
font-size:30px!important;
}
.icon-lg{
font-size:60px!important;
}
.icon-xl{
font-size:100px!important;
}
/* Image Protection */
.img-protected{
-webkit-touch-callout: none;
}
/* = Text & Icon Styles
-------------------------------------------------------------- */
.glow-t{
text-shadow:0 0 10px #FFF;
}
/* = Cards
-------------------------------------------------------------- */
.card-sq, .card-sq .card-header, .card-sq .card-footer{
border-radius:0;
}
.card-rd{
border-radius:30px;
}
.card-rd .card-header{
border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
border-radius:0 0 29px 29px;
}
/* = Masonary
-------------------------------------------------------------- */
.card-columns .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
/* = Classic Dividers
-------------------------------------------------------------- */
.divider-h{
min-height: 1px;
background-color:rgba(0,0,0,.2);
margin: 20px 0;
}
.divider-half{
width: 50%;
}
.dropdown-menu .divider-h{
margin:0;
}
.carousel-nav-controls svg{
transform:scale(0.8);
transition:transform .30s ease,background .50s ease;
}
.carousel-nav-controls:hover svg{
transform:scale(1.0);
}
.carousel-nav-controls:active svg{
transform:scale(0.9);
}
.carousel-caption{
left:6%;
right:6%;
}
.carousel-item:not(:has(> img, > picture)) .carousel-caption {
position: relative;
transform: none;
width: 80%;
left:10%;
right:10%;
top:0;
bottom:0;
padding-top: 0;
margin-bottom: 20px;
z-index:0;
color: #000000;
}
.carousel-nav-icon{
fill: none;
stroke: #fff;
stroke-width: 3px;
fill-rule: evenodd;
stroke-linecap:round;
}
.carousel-nav-rounded-btn > svg{
background: rgba(255,255,255,0.20);
border-radius: 10px;
cursor: pointer;
width:50px;
height:50px;
padding:10px 10px 10px 8px;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
transition: opacity .50s ease,transform .50s ease;
}
.carousel-nav-rounded-btn.carousel-control-next svg{
padding: 10px 8px 10px;
}
@media (max-width: 767.98px) {
.carousel-nav-circle-btn > svg, .carousel-nav-rounded-btn > svg{
width:30px;
height:30px;
padding:5px 5px 5px 2px;
}
.carousel-nav-circle-btn.carousel-control-next > svg, .carousel-nav-rounded-btn.carousel-control-next > svg{
padding: 5px 2px 5px;
}
.carousel-nav-rounded-btn > svg{
border-radius: 4px;
}
}
.carousel-indicators li::marker{
font-size:0;
}
/* Carousel Pull Down */
.carousel-pull-down .active.carousel-item-start,.carousel-pull-down .carousel-item{
transform:translateY(100%);
}
.carousel-pull-down .carousel-item-prev.carousel-item-end,.carousel-pull-down .active.carousel-item-start{
z-index:1;
}
.carousel-pull-down .active, .carousel-pull-down .active.carousel-item-end, .carousel-pull-down .carousel-item-next.carousel-item-start,.carousel-pull-down .carousel-item-prev.carousel-item-end {
transform:translateY(0%);
}
.carousel-pull-down .carousel-item-next.carousel-item-start{
transition:none;
}
.carousel-pull-down .carousel-item-next.carousel-item-start, .carousel-pull-down .active.carousel-item-end{
transform:scale(0.95);
}
@media (prefers-reduced-motion:reduce) {
.carousel-color-fade .carousel-item, .carousel-blur .carousel-item, .carousel-vertical .carousel-item, .carousel-zoom, .carousel-zoom-max .carousel-item, .carousel-pull-down .carousel-item,.carousel-pull-up .carousel-item,.carousel-pull-left .carousel-item,.carousel-pull-right .carousel-item{
transition:none!important;
}
html.page-motion-ready .carousel-cinematic .carousel-item.active img{
transition:none;
}
}
/* Diamond Indicators*/
.carousel-diamond-indicators [data-bs-target], .carousel-diamond-indicators [data-target]{
height: 10px;
width: 10px;
margin-bottom:10px;
border: 0;
-webkit-mask-image:url('data:image/svg+xml,');
mask-image:url('data:image/svg+xml,');
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
/* ScrollToTop button */
.scrollToTop{
width:36px;
height:36px;
padding:5px;
position:fixed;
bottom:1rem;
right:1rem;
opacity:0;
z-index:999999;
transition: all .3s ease-in-out;
pointer-events:none;
}
.showScrollTop{
opacity: 1;
pointer-events:all;
}
.scroll-to-top-btn-icon{
fill: none;
stroke: #fff;
stroke-width: 2px;
fill-rule: evenodd;
stroke-linecap:round;
}
.close{
color:#000;
opacity:0.5;
}
.close:hover{
opacity:1;
}
.modal-header > [data-bs-dismiss="modal"]{
margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.10 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
}
/* = Lightbox
-------------------------------------------------------------- */
a[data-lightbox] {
display: grid;
text-decoration: none;
}
a[data-lightbox]::before,a[data-lightbox] > img,a[data-lightbox] > picture {
grid-area: 1 / 1;
}
a[data-lightbox]::before{
content: "+";
font-family: Helvetica, Arial;
color:#FFF;
font-size:32px;
font-weight:100;
line-height: 0px;
display: grid;
place-items: center;
width: 50px;
height: 50px;
padding-bottom:5px;
background: rgba(0,0,0,.5);
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
border-radius: 50%;
justify-self: center;
align-self: center;
pointer-events: none;
transform:scale(0.6);
opacity: 0;
z-index: 1;
transition: all .2s ease-in-out;
}
a[data-lightbox]:hover::before {
opacity: 1;
transform:scale(1);
transition: all .2s ease-in-out;
}
a[data-lightbox]:hover img{
opacity: 0.8;
transition: all .2s ease-in-out;
-webkit-animation-fill-mode: none;
animation-fill-mode:none;
}
.lightbox-caption{
padding: 20px;
color: #FFF;
background: rgba(0,0,0,.5);
position: absolute;
left: 16px;
right: 16px;
bottom: 0px;
}
.close-lightbox:hover,.next-lightbox:hover, .prev-lightbox:hover{
background:rgba(0,0,0,.5);
}
.next-lightbox, .prev-lightbox,.close-lightbox{
position: absolute;
padding:6px;
background:rgba(0,0,0,.3);
line-height:0;
transition: background .2s ease-in-out;
border-radius:.25rem;
border:none;
z-index:20;
}
.next-lightbox, .prev-lightbox{
top:45%;
}
.close-lightbox{
top:20px;
right:20px;
}
.next-lightbox{
right:25px;
}
.prev-lightbox{
left:25px;
}
.lightbox-prev-icon,.lightbox-next-icon,.lightbox-close-icon{
fill:none;
stroke: #fff;
stroke-width: 3px;
fill-rule: evenodd;
stroke-linecap:round;
}
.lightbox-close-svg{
pointer-events:none;
}
/* Framless */
.frameless-lb{
border-radius: 0;
border:none;
}
.frameless-lb .modal-body{
padding:0;
}
.frameless-lb .lightbox-caption{
left:0;
right:0;
bottom:-16px;
}
/* Horizontal Scroll Container */
.blocs-horizontal-scroll-container{
position:relative;
}
.blocs-horizontal-scroll-area{
display:flex;
overflow-x:auto;
align-items:flex-start;
gap:20px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.blocs-horizontal-scroll-area > *{
flex-shrink:0;
max-width:100%;
}
.blocs-horizontal-scroll-area::-webkit-scrollbar{
display:none;
}
.blocs-horizontal-scroll-control{
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:1;
display:flex;
text-align:center;
border:0;
margin:0 30px;
}
.blocs-scroll-control-next{
right:0;
}
.blocs-round-btn{
background:rgba(0,0,0,0.15);
border-radius:100%;
padding:12px;
opacity:0;
cursor:pointer;
transform:scale(0.5);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
transition:opacity .50s ease,transform .50s ease;
}
.blocs-horizontal-scroll-container:hover .blocs-round-btn,.blocs-horizontal-scroll-container.show-controls .blocs-round-btn{
opacity:1;
transform:scale(1.0);
}
.blocs-round-btn:active{
background:rgba(0,0,0,0.3);
transform:scale(0.9)!important;
transition:transform .30s ease,background .50s ease;
}
.compact-blocs-controls .blocs-round-btn{
padding:2px;
width:30px;
height: 30px;
}
.compact-blocs-controls .blocs-round-btn svg{
width:14px;
height:14px;
}
.compact-blocs-controls .blocs-horizontal-scroll-control{
margin:0 20px;
}
.horizontal-scroll-icon{
fill:none;
stroke:#fff;
stroke-width:4px;
fill-rule:evenodd;
stroke-linecap:round;
}
.hide-left-control > .blocs-scroll-control-prev, .hide-right-control > .blocs-scroll-control-next{
opacity:0!important;
pointer-events: none;
transition:opacity .50s ease;
}
.show-controls:not(.hide-left-control) > .blocs-scroll-control-prev, .show-controls:not(.hide-right-control) > .blocs-scroll-control-next{
opacity:1!important;
}
.show-controls.hide-left-control > .blocs-scroll-control-prev, .show-controls.hide-right-control > .blocs-scroll-control-next{
opacity:0.4!important;
}
.blocs-horizontal-scroll-area img.lazyload{
height:0;
}
.horizontal-scroll-v-t .blocs-horizontal-scroll-control{
top:-40px;
}
.horizontal-scroll-v-b .blocs-horizontal-scroll-control{
top:100%;
}
.horizontal-scroll-h-c .blocs-scroll-control-next{
left:50%;
}
.horizontal-scroll-h-c .blocs-scroll-control-prev{
right:50%;
}
.horizontal-scroll-h-l .blocs-scroll-control-next{
left:60px;
}
.horizontal-scroll-h-l.compact-blocs-controls .blocs-scroll-control-next{
left:40px;
}
.horizontal-scroll-h-r .blocs-scroll-control-prev{
right:60px;
}
.horizontal-scroll-h-r.compact-blocs-controls .blocs-scroll-control-prev{
right:40px;
}
/* = Custom Styling
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6,p,label,.btn,a{
font-family:"SourceCodePro-Medium";
font-size:16px;
line-height:30px;
color:#000000!important;
font-weight:400;
}
.container{
max-width:1140px;
}
.navbar-brand img{
width:300px;
height:60px;
}
.navi-typo{
font-size:28px;
font-weight:700;
color:#949494!important;
}
.navi-typo:active{
font-size:28px;
color:#939393!important;
}
.navi-typo:hover{
font-weight:700;
font-size:28px;
color:#FEFFFE!important;
}
.p-bloc-0-style{
width:100%;
margin-left:35px;
margin-top:10px;
}
.p-margin-left{
width:90.78%;
margin-left:19px;
margin-top:11px;
}
.btn-margin-top{
margin-top:8px;
margin-right:0px;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
}
.button1{
background-color:var(--swatch-var-1998);
font-family:"AnonymousPro-Regular";
font-size:13px;
color:var(--swatch-var-6455)!important;
border-color:#FFFFFE!important;
border-style:solid;
border-radius:0px 0px 0px 0px;
border-width:0px 0px 0px 0px;
}
.button1:active{
background-color:var(--swatch-var-1002);
font-family:"AnonymousPro-Regular";
font-size:13px;
color:var(--swatch-var-6455)!important;
border-style:solid;
border-color:#FFFFFE!important;
border-radius:0px 0px 0px 0px;
border-width:0px 0px 0px 0px;
}
.button1:hover{
background-color:var(--swatch-var-1002);
font-family:"AnonymousPro-Regular";
font-size:13px;
color:var(--swatch-var-6455)!important;
border-style:solid;
border-color:#FFFFFE!important;
border-radius:0px 0px 0px 0px;
border-width:0px 0px 0px 0px;
}
.navi-typo-small{
font-size:18px;
font-weight:700;
color:#FEFFFE!important;
}
.navi-typo-small:hover{
font-weight:700;
font-size:18px;
color:#9CA0A0!important;
}
.navi-typo-small:active{
font-size:18px;
color:#FEFFFE!important;
}
.link-margin-right{
margin-right:-2px;
width:100%;
padding-left:6px;
margin-left:-1px;
padding-right:6px;
}
.nav-li-a-color{
font-weight:700;
font-size:18px;
color:#A8AAAA!important;
}
.icon-bloc-21-margin-top{
margin-top:8px;
margin-left:1px;
margin-right:3px;
}
.bloc-bloc-21-margin-top{
margin-top:-261px;
padding-top:0px;
}
.h1-5-style{
font-size:45px;
font-weight:700;
line-height:55px;
margin-top:18px;
margin-left:67px;
width:94.88%;
}
.h3-2-style{
font-weight:700;
font-size:33px;
line-height:50px;
}
.img-style{
width:163px;
margin-top:-4px;
margin-bottom:-5px;
}
.h5-style{
line-height:38px;
margin-bottom:28px;
margin-top:0px;
font-size:28px;
}
.h3-impressum-style{
font-family:"SourceCodePro-Bold";
font-weight:700;
font-size:40px;
writing-mode:vertical-lr;
line-height:55px;
margin-left:-1px;
width:91.78%;
padding-right:0px;
}
.h3-style{
font-weight:700;
font-size:33px;
line-height:50px;
}
.p-bloc-4-style{
font-family:"SourceCodePro-Medium";
font-weight:400;
line-height:30px;
margin-left:-1px;
margin-bottom:23px;
}
.p-style{
font-weight:700;
}
.bloc-margin-top{
margin-top:-1px;
}
.ddr-style{
opacity:0.4;
}
.ddr-style:hover{
opacity:0.8;
}
.ddr-style:active{
opacity:0.4;
}
.link-style-spec{
font-size:30px;
color:#9E9E9E!important;
}
.link-style-spec:hover{
font-size:30px;
color:#FEFFFE!important;
}
.link-style-spec:active{
font-size:30px;
color:#757575!important;
}
.padding1{
padding-top:274px;
padding-bottom:262px;
margin-bottom:0px;
z-index:-333;
}
.h1-style{
font-size:40px;
line-height:50px;
margin-left:32px;
margin-top:18px;
font-weight:700;
}
.p-start-intro02-style{
font-weight:700;
}
.h3-4-style{
font-size:25px;
font-weight:700;
}
.icon1{
opacity:1.0;
color:#FFD438!important;
}
.icon1:hover{
color:rgba(255,201,47,0.85)!important;
}
.icon1:active{
color:#FFC400!important;
}
.links1{
color:#FEFFFE!important;
}
.links1:hover{
color:#DBDADC!important;
}
.links1:active{
color:#FEFFFE!important;
}
.h3--email-style{
margin-bottom:-1px;
}
.effekt1{
background-color:transparent;
opacity:1.0;
}
.effekt1:hover{
opacity:0.8;
}
.effekt1:active{
opacity:1.0;
}
.h3-9-style{
font-size:22px;
line-height:33px;
margin-left:3px;
width:89.77%;
margin-top:3px;
margin-bottom:8px;
}
.h3-3-style{
font-size:33px;
line-height:50px;
}
.p-margin-bottom{
margin-bottom:0px;
}
.p-bloc-14-style{
font-weight:700;
}
.p-9-style{
font-weight:700;
}
.acordi1{
color:#FEFFFE!important;
font-size:22px;
}
.acordi1:hover{
color:#E1E1E0!important;
font-size:22px;
}
.acordi1:active{
color:#FFFFFE!important;
font-size:22px;
}
.container-div-style{
width:100%;
}
.card-body-style{
width:100%;
margin-bottom:0px;
}
.h3-internet-style{
font-family:"SourceCodePro-Medium";
font-weight:700;
width:100%;
margin-bottom:0px;
}
.h3-accordi01-style{
font-family:"SourceCodePro-Medium";
font-weight:700;
}
.bloc-margin-bottom{
margin-bottom:10px;
}
.card-margin-bottom{
margin-bottom:0px;
}
.row-accordi01-margin-bottom{
margin-bottom:0px;
}
.adress{
color:#FEFFFE!important;
}
.adress:hover{
color:#FFFFFE!important;
}
.adress:active{
color:#FFFFFE!important;
}
.img-bretton-woods--style{
width:115px;
}
.btn-button-margin-top{
margin-top:14px;
width:100%;
}
.btn-web-margin-top{
margin-top:13px;
}
.btn-margin-bottom{
margin-bottom:25px;
width:52.01%;
margin-left:0px;
}
.h2-feature-title-style{
font-weight:700;
font-size:28px;
line-height:38px;
}
.h2-5-style{
font-family:"SourceCodePro-Medium";
font-weight:700;
font-size:28px;
line-height:38px;
margin-top:0px;
width:92.07%;
margin-left:0px;
margin-bottom:1px;
}
.h4-feature-title-style{
font-weight:700;
}
.h4-14-style{
font-weight:700;
}
.h4-15-style{
font-weight:700;
}
.h4-12-style{
font-weight:700;
}
.h4-19-style{
font-weight:700;
}
.h4-20-style{
font-weight:700;
}
.h4-21-style{
font-weight:700;
}
.h4-18-style{
font-weight:700;
width:84.07%;
}
.button2{
background-color:#FFFFFE;
font-family:"AnonymousPro-Regular";
font-size:13px;
color:#FEFFFE!important;
}
.button2:hover{
background-color:#F0F0EF;
font-family:"AnonymousPro-Regular";
font-size:13px;
color:#FEFFFE!important;
}
.button2:active{
background-color:#FFFFFE;
font-family:"AnonymousPro-Regular";
font-size:13px;
color:#FEFFFE!important;
}
.btn-button-style{
width:50.83%;
margin-top:13px;
}
.btn-10-margin-top{
margin-top:12px;
}
.h2-shows-style{
font-size:25px;
line-height:33px;
margin-top:17px;
margin-left:2px;
font-weight:700;
margin-bottom:0px;
}
.h2-margin-top{
margin-top:79px;
font-size:25px;
line-height:33px;
margin-left:2px;
font-weight:700;
margin-bottom:0px;
}
.btn-13-margin-top{
margin-top:13px;
}
.btn-16-margin-top{
margin-top:13px;
margin-bottom:-1px;
width:100%;
}
.btn-17-margin-top{
margin-top:11px;
width:97.8%;
}
.btn-18-margin-top{
margin-top:11px;
}
.btn-19-margin-top{
margin-top:11px;
}
.padding2{
padding-top:153px;
padding-bottom:118px;
}
.h3-netzwerke-style{
font-size:25px;
line-height:30px;
font-family:"SourceCodePro-Semibold";
font-weight:700;
margin-bottom:50px;
}
.img-margin-bottom{
margin-bottom:64px;
width:467px;
}
.bloc-work-business-margin-bottom{
margin-bottom:0px;
}
.bloc-0-work-business-margin-bottom{
margin-bottom:1px;
}
.scrollToTop{
background-color:#000000;
border-radius:0px 0px 0px 0px;
margin:-20px -18px -20px -20px;
color:#FFFFFF!important;
font-size:30px;
width:50px;
height:50px;
}
.scrollToTop:hover{
background-color:rgba(215,214,210,0.85);
color:#000000!important;
font-size:30px;
}
.scrollToTop:active{
background-color:rgba(176,176,176,0.8);
}
.link2{
color:#000000!important;
}
.link2:hover{
color:#747473!important;
}
.link2:active{
color:#000000!important;
}
.img-ddr-logo-web-0-style{
width:75px;
margin-left:-3px;
}
.h3-get-in-touch-style{
font-size:40px;
font-family:"AnonymousPro-Regular";
width:96.21%;
}
.h3-37-style{
font-size:25px;
line-height:30px;
font-family:"SourceCodePro-Medium";
font-weight:700;
}
.btn-14-margin-top{
margin-top:12px;
}
.container-div-latest02-style{
width:10.4%;
}
.icon-margin-left{
margin-left:-1px;
margin-bottom:11px;
margin-right:15px;
}
.icon-margin-top{
margin-top:17px;
}
.container-div-latest03-style{
width:11.58%;
margin-top:18px;
margin-left:-6px;
}
.accordcolor{
background-color:#232423;
}
.accordcolor:hover{
background-color:#2A2D2A;
}
.accordcolor:active{
background-color:#282B2A;
}
.h3-margin-top{
margin-top:-1px;
font-weight:700;
letter-spacing:0px;
line-height:30px;
margin-bottom:0px;
}
.h3--info-margin-top{
margin-top:20px;
font-weight:700;
}
.p-latest03-margin-bottom{
margin-bottom:16px;
margin-left:0px;
width:88.11%;
margin-top:22px;
}
.h3-45-margin-top{
margin-top:2px;
font-weight:700;
margin-left:0px;
width:88.58%;
}
.btn-about-style{
width:13.92%;
}
.btn-39-style{
width:48.7%;
margin-left:18px;
margin-top:4px;
}
.btn-38-style{
width:27.03%;
margin-right:30px;
}
.btn-submit-style{
width:40.87%;
background-color:#FEC50B;
color:#000000!important;
margin-top:1px;
}
.h3-36-style{
font-size:22px;
line-height:33px;
width:77.22%;
}
.btn-submit-style:hover{
background-color:rgba(247,194,36,0.90);
color:#000000!important;
}
.btn-submit-style:active{
background-color:rgba(241,188,25,0.89);
color:#000000!important;
}
.container-div-0-style{
width:4.25%;
margin-left:-482px;
}
.h3-46-margin-top{
margin-top:26px;
margin-bottom:0px;
}
.btn-35-style{
width:52.01%;
margin-bottom:25px;
}
.btn-web-style{
width:51.06%;
margin-top:21px;
}
.h4-feedback-margin-top{
margin-bottom:22px;
}
.h4-datenschutz-margin-top{
margin-top:0px;
}
.h4-margin-top{
margin-bottom:0px;
}
.h3-latest02-margin-top{
margin-top:-1px;
}
.h3-latest01-style{
font-weight:700;
}
.h2-3-style{
font-size:33px;
line-height:50px;
}
.h4-upcoming--style{
font-size:23px;
line-height:40px;
margin-top:0px;
color:var(--swatch-var-4630)!important;
}
.typo-block-schwarz{
font-size:30px;
font-family:"SourceCodePro-Medium";
font-weight:400;
color:#FEFFFE!important;
}
.typo-block-schwarz:hover{
color:#B0B2B2!important;
font-family:"SourceCodePro-Medium";
font-weight:400;
font-size:30px;
}
.typo-block-schwarz:active{
font-family:"SourceCodePro-Medium";
font-weight:400;
font-size:30px;
color:#FEFFFE!important;
}
.p-navi-intro-style{
width:100%;
}
.h3-navi-intro-style{
font-family:"SourceCodePro-Medium";
font-weight:700;
}
.bloc-navi-intro-margin-top{
margin-top:102px;
margin-bottom:13px;
}
.img-navi-intro-margin-top{
margin-top:0px;
margin-bottom:11px;
}
.p-navi-intro-margin-bottom{
margin-bottom:31px;
}
.p-margin-top{
margin-top:-20px;
}
.typolink-klapp{
font-family:"SourceCodePro-Medium";
font-weight:700;
color:#000000!important;
}
.typolink-klapp:hover{
font-family:"SourceCodePro-Medium";
font-weight:700;
color:#676867!important;
}
.typolink-klapp:active{
font-family:"SourceCodePro-Medium";
font-weight:700;
color:#000000!important;
}
.h3- windows-10-style{
font-size:22px;
}
.h4- windows-10-style{
font-size:16px;
}
.h3-navi-intro-margin-top{
margin-top:1px;
margin-bottom:-1px;
}
.h3-navi-intro-margin-bottom{
margin-bottom:37px;
}
.schatten{
box-shadow:0px 0px 0px #DBDBDB;
}
.schatten:hover{
box-shadow:0px 3px 6px #AEAEAE;
}
.h3-margin-left{
margin-left:20px;
width:90.21%;
}
.h2-margin-left{
margin-left:22px;
width:88.65%;
font-size:28px;
line-height:38px;
font-family:"SourceCodePro-Medium";
font-weight:700;
}
.h3-intro01-margin-left{
margin-left:0px;
}
.h3--info-style{
width:88.42%;
margin-left:18px;
margin-top:23px;
}
.img-47-margin-top{
margin-top:62px;
margin-bottom:53px;
}
.row-margin-top{
margin-top:55px;
}
.btn-more-margin-top{
margin-top:11px;
}
.row-work-business-margin-top{
margin-top:21px;
}
.h2-style{
font-size:28px;
line-height:38px;
font-family:"SourceCodePro-Medium";
font-weight:700;
margin-left:18px;
}
.p-intro03-margin-left{
margin-left:18px;
width:92.12%;
padding-left:0px;
padding-bottom:2px;
}
.carousel-margin-top{
margin-bottom:0px;
margin-top:0px;
width:100%;
}
.headsto{
font-family:"SourceCodePro-Semibold";
font-weight:700;
font-size:28px;
color:#000000!important;
}
.headsto:hover{
font-family:"SourceCodePro-Semibold";
font-weight:700;
font-size:28px;
color:#747574!important;
}
.headsto:active{
font-family:"SourceCodePro-Semibold";
font-weight:700;
font-size:28px;
color:#737473!important;
}
.textblau{
color:#0063B9!important;
font-family:"SourceCodePro-Regular";
font-weight:700;
}
.h2-unsere-style{
width:81.72%;
margin-left:79px;
margin-top:29px;
font-size:60px;
line-height:70px;
}
.bloc-bloc-6-margin-bottom{
margin-bottom:-1px;
margin-top:-2px;
}
.paddingspecial{
padding:219px 154px 2px 154px;
}
.p-start-intro02-margin-bottom{
margin-bottom:0px;
}
.img-stayhome-coro-margin-bottom{
margin-bottom:0px;
margin-top:0px;
}
.h3-bloc-3-style{
width:100%;
margin-left:0px;
margin-top:24px;
font-size:50px;
line-height:60px;
}
.h2-bloc-3-style{
font-size:60px;
line-height:70px;
margin-bottom:11px;
padding-top:2px;
margin-top:70px;
padding-bottom:16px;
width:60.35%;
}
.h3-bloc-3-margin-bottom{
margin-bottom:-55px;
font-size:22px;
line-height:33px;
margin-top:-4px;
padding-bottom:4px;
}
.card-header-margin-top{
margin-top:0px;
}
.h3-start-intro03-margin-bottom{
margin-bottom:0px;
}
.btn-zermatt-style{
width:25.88%;
margin-top:-2px;
font-weight:bold;
margin-bottom:28px;
}
.img-intro02-margin-top{
width:644px;
}
.img-latest07-style{
width:401px;
margin-left:122px;
margin-bottom:0px;
}
.frame1{
box-shadow:8px 6px 8px rgba(0,0,0,0.26);
}
.img-39-style{
width:293px;
margin-bottom:19px;
margin-left:19px;
}
.h3-latest-margin-top{
margin-top:21px;
font-size:25px;
width:100%;
margin-left:-6px;
}
.latesttypo{
font-weight:700;
color:#000000!important;
font-size:22px;
}
.latesttypo:hover{
font-weight:700;
font-size:22px;
color:#6E6D6D!important;
}
.latesttypo:active{
font-weight:700;
font-size:22px;
color:#737473!important;
}
.bloc-bloc-19-margin-top{
margin-top:-1px;
}
.typoblock{
background-color:#FFFFFE;
border-style:solid;
border-color:#FEFFFE!important;
border-radius:18px 18px 18px 18px;
}
.typoblock:hover{
background-color:#ECECEB;
}
.typoblock:active{
background-color:#EBECEB;
}
.h6-style{
width:100%;
margin-top:211px;
margin-bottom:15px;
margin-left:784px;
padding-top:4px;
padding-bottom:18px;
}
.p-accordi-start-margin-top{
margin-top:0px;
}
.img-nasa-logo-w-style{
width:183px;
margin-left:-13px;
margin-bottom:-1px;
}
.img-apollo-16-lo-style{
width:147px;
margin-left:0px;
}
.row-latest02-style{
margin-bottom:0px;
margin-top:0px;
}
.row-latest02-margin-top{
margin-top:1px;
}
.bloc-latest02-margin-top{
margin-top:0px;
}
.h3-start-intro03-margin-top{
margin-top:14px;
}
.h3-8-margin-top{
margin-top:49px;
margin-bottom:17px;
}
.h3-9-margin-top{
margin-top:-1px;
}
.btn-trailer-style{
width:17.21%;
margin-top:13px;
color:#FEFFFE!important;
}
.btn-3-style{
padding-top:2px;
padding-bottom:2px;
font-weight:bold;
margin-bottom:16px;
width:25.7%;
}
.link-margin-top{
margin-top:10px;
}
.p-latest07-margin-top{
margin-top:0px;
width:98.79%;
margin-left:0px;
}
.bloc-divider-t-fill{
fill:var(--swatch-var-3402);
height:47px;
}
.bloc-divider-t-style{
height:64px;
fill:#FEFFFE;
}
.bloc-divider-t-latest-topbild-style{
height:50px;
}
.bloc-divider-t-0-style{
height:70px;
}
.blocsapp-special-menu blocsnav{
background-color:rgba(0,0,0,0.74);
height:377px;
}
.blocsapp-special-menu blocsnav:hover{
background-color:#000000;
}
.blocsapp-special-menu blocsnav:active{
background-color:#000000;
}
.bloc-divider-b-fill{
fill:var(--swatch-var-3402);
height:59px;
}
.bloc-padding-bottom{
padding-bottom:0px;
padding-top:0px;
}
.h2-padding-top{
padding-top:60px;
font-size:60px;
line-height:70px;
margin-top:0px;
margin-bottom:2px;
}
.h6-padding-top{
padding-top:6px;
margin-bottom:29px;
padding-bottom:0px;
margin-top:205px;
}
.outline1{
border-style:solid;
border-color:#FEFFFE!important;
background-color:rgba(0,141,242,0.85);
z-index:-1;
border-radius:30px 30px 30px 30px;
border-width:6px 6px 6px 6px;
}
.outline1:hover{
background-color:#ECB757;
}
.outline2{
border-style:solid;
border-color:#120E09!important;
color:#120E09!important;
font-size:13px;
border-radius:25px 25px 25px 25px;
border-width:3px 3px 3px 3px;
}
.outline2:hover{
border-style:solid;
border-color:#000000!important;
color:#343636!important;
font-size:13px;
border-radius:25px 25px 25px 25px;
border-width:3px 3px 3px 3px;
}
.row-padding-bottom{
padding-bottom:15px;
}
.bloc-padding-top{
padding-top:8px;
}
.bloc-navi-special-padding-top{
padding-top:10px;
padding-left:0px;
}
.bloc-0-padding-top{
padding-top:11px;
}
.link-0-style{
width:100%;
padding-left:8px;
margin-left:-8px;
padding-right:8px;
margin-right:9px;
}
.btn-padding{
padding-top:0px;
padding-bottom:0px;
}
.link-upcoming-style{
width:100%;
margin-right:9px;
}
.link-margin-left{
margin-left:0px;
padding-left:8px;
}
.trenner{
border-style:dotted;
border-color:#969696!important;
border-width:0px 0px 1px 0px;
}
.p-11-navi-intro-style{
width:96.8%;
}
.outline2:active{
color:#000000!important;
font-size:13px;
}
a{
text-decoration:none;
}
.btn-style{
width:25.88%;
}
.backgroungblack{
color:#FEFFFE!important;
}
.backgroungblack:hover{
color:#FEFFFE!important;
}
.backgroungblack:active{
color:#FEFFFE!important;
}
.dark-theme .h3-style{
font-weight:700;
font-size:33px;
line-height:50px;
color:#FEFFFE!important;
}
.dark-theme .h3-style:hover{
color:#FEFFFE!important;
}
.dark-theme .h3-style:active{
color:#FFFFFE!important;
}
.dark-theme .backgroungblack{
background-color:rgba(0,0,0,0.75);
color:#FEFFFE!important;
}
.dark-theme .backgroungblack:hover{
background-color:rgba(0,0,0,0.75);
color:#FEFFFE!important;
}
.dark-theme .backgroungblack:active{
background-color:rgba(0,0,0,0.75);
color:#FEFFFE!important;
}
.dark-theme .h3-2-style{
font-weight:700;
font-size:33px;
line-height:50px;
color:#FFFFFE!important;
}
.dark-theme .p-style{
font-weight:700;
color:#FEFFFE!important;
}
.dark-theme .p-margin-bottom{
margin-bottom:0px;
color:#FEFFFE!important;
}
.dark-theme .p-start-intro02-style{
font-weight:700;
color:#FEFFFE!important;
}
.dark-theme .p-start-intro02-margin-bottom{
margin-bottom:0px;
color:#FEFFFE!important;
}
.dark-theme .button1{
background-color:#D07AC3;
font-size:13px;
color:#FEFFFE!important;
}
.dark-theme .button1:hover{
background-color:#AF499A;
font-size:13px;
color:#FEFFFE!important;
}
.dark-theme .button1:active{
background-color:#BD53A1;
font-size:13px;
color:#FEFFFE!important;
}
.dark-theme .accordcolor{
background-color:#00119B;
}
.dark-theme .accordcolor:hover{
background-color:rgba(0,18,156,0.85);
}
.dark-theme .accordcolor:active{
background-color:rgba(0,18,156,0.85);
}
.dark-theme .outline1{
border-style:solid;
border-color:#FEFFFE!important;
background-color:rgba(0,114,194,0.90);
z-index:-1;
border-radius:30px 30px 30px 30px;
border-width:6px 6px 6px 6px;
}
.dark-theme .outline1:hover{
background-color:#0074C8;
}
.bloc-event2-margin-bottom{
margin-bottom:26px;
}
.bloc-padding-right{
padding-right:1px;
}
.bloc-business-head-margin-top{
margin-top:1px;
}
.img-ukraine-ani-style{
width:576px;
}
.skype{
color:#00109A!important;
}
.text-span-color-black{
color:var(--swatch-var-3860)!important;
}
.outlinefein{
border-style:solid;
border-color:#000000!important;
border-radius:0px 0px 0px 0px;
border-width:1px 1px 1px 1px;
}
.blockcolor{
background-color:#000000;
border-style:solid;
border-color:rgba(227,223,217,0.36)!important;
border-width:1px 0px 1px 0px;
}
.blockcolor:hover{
background-color:#171817;
border-style:solid;
border-bottom-width:1px;
}
.blockcolor:active{
background-color:#171717;
}
.bloc-business-head-margin-top:active{
background-color:transparent;
}
.h2-business-style{
font-size:22px;
}
.h3-22-margin-top{
margin-top:18px;
width:100%;
}
.h4-bloc-26-style{
width:32.45%;
margin-top:17px;
}
.h4-12-bloc-26-style{
width:100%;
}
.row-bloc-26-style{
width:43.42%;
}
.h3-bloc-26-style{
width:100%;
}
.row-35-style{
width:100%;
}
.row-36-style{
width:100%;
}
.h2-8-style{
letter-spacing:0px;
text-indent:20px;
}
.h5-huiii-style{
text-indent:20px;
font-size:30px;
width:100%;
font-family:"SourceCodePro-Medium";
}
.link-latest-style{
color:#000000;
}
.btn-18-button-margin-top{
margin-top:4px;
margin-bottom:2px;
width:99.21%;
}
.button3{
background-color:#2ED5C7;
font-size:13px;
color:#FEFFFE!important;
}
.button3:hover{
background-color:#A1A1A1;
font-size:13px;
color:#FFFFFE!important;
}
.button3:active{
background-color:#C5C7C7;
font-size:13px;
color:#FFFFFE!important;
}
.container-div-margin-top{
margin-top:14px;
}
.iconcolor{
color:#2ED4C6!important;
}
.iconcolor:hover{
color:#FFAE03!important;
}
.iconcolor:active{
color:#2ED4C6!important;
}
.img-ebay-berlin--style{
width:281px;
margin-bottom:13px;
}
.bloc-custumer2-margin-bottom{
margin-bottom:0px;
}
.bloc-style{
width:40.79%;
}
.menue1{
width:452px;
background-color:rgba(44,214,200,0.87);
}
.menue1:hover{
background-color:#2BD5C7;
}
.menue1:active{
background-color:#2CD6C8;
}
.menue1-text{
color:#000000!important;
font-size:20px;
font-family:"SourceCodePro-Medium";
}
.menue1-feld{
background-color:#2CD6C8;
}
.menue1-feld:hover{
background-color:#2CD6C8;
}
.menue1-feld:active{
background-color:#2CD6C8;
}
.icon-padding-right{
padding-right:0px;
margin-right:28px;
margin-top:-4px;
padding-top:0px;
}
.icon-0-margin-right{
margin-right:32px;
}
.icon-padding-top{
padding-top:3px;
margin-top:-2px;
padding-bottom:2px;
}
.bloc-0-margin-bottom{
margin-bottom:14px;
}
.bloc-39217-margin-bottom{
margin-bottom:18px;
}
.text-purple-gradient{
background-clip:text!important;
-webkit-background-clip:text!important;
background:linear-gradient(88deg, #FF7D5A, #9853F6);
color:transparent!important;
}
.webtext{
font-family:"SourceCodePro-Medium";
font-size:24pt;
color:var(--swatch-var-1277)!important;
}
.webtext:hover{
font-family:"SourceCodePro-Medium";
font-size:24pt;
color:var(--swatch-var-151)!important;
}
.webtext:active{
font-family:"SourceCodePro-Medium";
font-size:24pt;
color:#D823E6!important;
}
.programmestext{
font-family:"SourceCodePro-Medium";
font-size:24pt;
color:var(--swatch-var-1277)!important;
}
.programmestext:hover{
font-family:"SourceCodePro-Medium";
font-size:24pt;
color:#2DD7C8!important;
}
.programmestext:active{
font-family:"SourceCodePro-Medium";
font-size:24pt;
color:#2DD7C8!important;
}
.networktext{
font-family:"SourceCodePro-Medium";
font-size:24pt;
color:var(--swatch-var-1277)!important;
}
.networktext:hover{
font-family:"SourceCodePro-Medium";
font-size:24pt;
color:#00119B!important;
}
.networktext:active{
font-family:"SourceCodePro-Medium";
font-size:24pt;
color:#00119B!important;
}
.kreisklick{
color:#FFFFFF!important;
}
.kreisklick:hover{
color:#FEFB00!important;
}
.kreisklick:active{
color:#FEFB00!important;
}
.p-40-style{
width:89.06%;
}
.p-39-style{
width:91.15%;
margin-bottom:6px;
font-size:16px;
}
.row-impress-margin-top{
margin-top:-99px;
padding-top:0px;
width:28.22%;
}
.h3-network-margin-top{
margin-top:9px;
}
.h3-margin-bottom{
margin-bottom:15px;
}
.h3-accordi01-style:hover{
font-family:"SourceCodePro-Medium";
}
.h3-accordi01-style:active{
font-family:"SourceCodePro-Medium";
}
.h5-huiii-style:hover{
font-family:"SourceCodePro-Medium";
}
.h5-huiii-style:active{
font-family:"SourceCodePro-Medium";
}
h1{
font-family:"SourceCodePro-Medium";
}
h2{
font-family:"SourceCodePro-Medium";
}
h3{
font-family:"SourceCodePro-Medium";
}
h4{
font-family:"SourceCodePro-Medium";
}
h5{
font-family:"SourceCodePro-Medium";
}
h6{
font-family:"SourceCodePro-Medium";
}
.container-div-padding-left{
padding-left:12px;
}
.container-div-arrows02-padding-left{
padding-left:11px;
}
.container-div-0-padding-left{
padding-left:11px;
}
.img-footer-karte-style{
width:1099px;
}
.menu-icon-stroke{
stroke:#D31111!important;
fill:#D31111!important;
}
.menu-icon-0-stroke{
stroke:var(--swatch-var-7790)!important;
fill:var(--swatch-var-7790)!important;
}
.menu-icon-28904-stroke{
stroke:var(--swatch-var-7552)!important;
fill:var(--swatch-var-7552)!important;
}
.menu-icon-3686-stroke{
stroke:var(--swatch-var-4288)!important;
fill:var(--swatch-var-4288)!important;
}
.menu-icon-32442-stroke{
stroke:var(--swatch-var-1534)!important;
fill:var(--swatch-var-1534)!important;
}
.menu-icon-48538-stroke{
stroke:var(--swatch-var-1534)!important;
fill:var(--swatch-var-1534)!important;
}
.menu-icon-35717-stroke{
stroke:var(--swatch-var-1534)!important;
fill:var(--swatch-var-1534)!important;
}
.bloc-fill{
fill:var(--swatch-var-6634);
}
.bloc-intro03-fill{
fill:var(--swatch-var-1044);
}
.container-div-margin-bottom{
margin-bottom:16px;
}
.img-frontpage-style{
width:848px;
margin-top:-72px;
padding-top:0px;
}
.h1-footer-start-style{
width:86.54%;
}
.h4-margin-bottom{
margin-bottom:18px;
}
.h2-event5-style{
font-size:45px;
line-height:60px;
margin-top:60px;
}
.img-event5-style{
width:295px;
margin-bottom:69px;
padding-bottom:0px;
}
.bloc-event5-margin-bottom{
margin-bottom:-5px;
}
.h6-padding-bottom{
padding-bottom:24px;
margin-top:0px;
}
.btn-event5-style{
width:25.79%;
}
.card-style{
width:100%;
}
.shadow{
box-shadow:0.00px 41.00px 9px #10120C;
}
.p-impress-margin-top{
margin-top:-34px;
padding-top:11px;
}
.btn-submit-style-start{
width:40.87%;
background-color:#000000;
color:#FEFFFE!important;
margin-top:1px;
}
.btn-submit-style-start:hover{
background-color:#134C33;
color:#FEFFFE!important;
}
.btn-submit-style-start:active{
background-color:#020102;
color:#FEFFFE!important;
}
.bloc-bloc-79-margin-top{
margin-top:-74px;
padding-top:0px;
}
.img-margin-left{
margin-left:-22px;
width:185px;
}
.h1-intro04-style{
font-size:25pt;
font-family:"SourceCodePro-Medium";
line-height:47px;
margin-left:17px;
}
.shadow-2{
box-shadow:-19.10px 20.48px 19px #FFC400;
}
.shadow-2:hover{
box-shadow:-29.66px 14.47px 23px #F3C74E;
}
.bloc-intro04-fill{
fill:#FFC400;
}
.h1-event8-style{
font-size:90px;
line-height:100px;
font-family:"RepublikSansICG03";
width:84.23%;
margin-top:8px;
padding-bottom:71px;
margin-bottom:24px;
}
.bloc-event8-fill{
fill:var(--swatch-var-4630);
}
.img-margin-top{
margin-top:2px;
width:558px;
margin-bottom:22px;
}
.paddingstart1{
padding-top:100px;
padding-bottom:100px;
}
.btn-4-style{
width:25.7%;
}
.btn-blick-ch-style{
width:26.05%;
margin-bottom:15px;
margin-top:25px;
}
.h3-event3-style{
font-size:22px;
line-height:33px;
margin-bottom:2px;
}
.h3-event5-style{
font-size:22px;
line-height:33px;
}
.btn-3-button-style{
width:55.56%;
margin-top:9px;
padding-top:6px;
padding-bottom:6px;
color:var(--swatch-var-2147)!important;
}
.img-event6-style{
width:332px;
margin-left:-1px;
padding-left:0px;
}
.bloc-0-margin-top{
margin-top:-2px;
}
.closeline{
border-width:0px 0px 0px 0px;
border-color:var(--swatch-var-4630)!important;
}
.noline{
border-width:0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
border-style:solid;
}
.h1-1-style{
font-size:105px;
font-family:"BarlowSemiCondensed-SemiBold";
margin-bottom:-2px;
margin-top:0px;
line-height:155px;
}
.h4-bloc-2-style{
font-family:"SourceCodePro-Medium";
margin-top:1px;
margin-bottom:21px;
font-size:50px;
line-height:60px;
width:78.12%;
}
.zindex1{
z-index:999;
}
.h1-margin-bottom{
margin-bottom:24px;
margin-top:243px;
}
.icon-intro04-margin-right{
margin-right:22px;
}
.icon-margin-bottom{
margin-bottom:32px;
}
.divider-style{
height:18px;
margin:2px auto -3px 0;
background-color:var(--swatch-var-1277);
width:100%;
background-size:auto auto;
padding-bottom:8px;
}
.bloc-bloc-8-margin-top{
margin-top:-19px;
margin-bottom:-3px;
padding-top:0px;
}
.h1-shows -style{
font-size:105px;
line-height:155px;
font-family:"BarlowSemiCondensed-SemiBold";
}
.scroll-qoute-container{
width:100%;
}
.quote-text{
font-size:26px;
font-style:italic;
}
.p-bloc-2-style{
font-family:"BarlowSemiCondensed-SemiBold";
font-size:105px;
line-height:130px;
}
.p-4-style{
font-size:50px;
line-height:60px;
margin-bottom:59px;
}
.html-widget-margin-bottom{
margin-bottom:15px;
margin-top:-2px;
}
.zindex2{
z-index:4;
}
.container-div-footer-karte-margin-bottom{
margin-bottom:8px;
}
.img-2-style{
width:474px;
margin-bottom:-1px;
padding-bottom:35px;
}
.bloc-event8-margin-top{
margin-top:244px;
}
.bloc-event6-fill{
fill:var(--swatch-var-4713);
}
.text-span-color-whithe{
color:var(--swatch-var-4887)!important;
}
.h1-margin-left{
margin-left:17px;
font-size:30px;
}
.bloc-intro16-fill{
fill:var(--swatch-var-3063);
}
.bloc-divider-t-intro16-fill{
fill:var(--swatch-var-4887);
height:767px;
}
.link-say-hi--style{
font-weight:bold;
font-size:24px;
font-family:"SourceCodePro-Medium";
}
.link-say-hi--style:hover{
font-size:24px;
font-family:"SourceCodePro-Medium";
}
.link-say-hi--style:active{
font-size:24px;
font-family:"SourceCodePro-Medium";
}
.liniefein{
border-width:1px 0px 1px 0px;
border-style:solid;
border-color:#000000!important;
}
.cardecken{
border-width:9px 9px 9px 9px;
border-radius:0px 0px 0px 0px;
border-style:solid;
border-color:#FFFFFF!important;
}
.divider-background-color{
background-color:#000000;
margin-bottom:21px;
margin-top:2px;
width:100%;
height:1px;
}
.h3-card-heading-margin-bottom{
margin-bottom:7px;
margin-top:1px;
}
.card-bloc-3-margin-bottom{
margin-bottom:57px;
}
.rahmengrau{
border-width:12px 12px 12px 12px;
border-style:solid;
border-color:#DEDEDD!important;
}
.img-schwarzwaldfas-margin-bottom{
margin-bottom:15px;
margin-top:2px;
}
.img-3-margin-bottom{
margin-bottom:12px;
}
.img-4-margin-bottom{
margin-bottom:0px;
}
.h3-8-margin-bottom{
margin-bottom:0px;
}
.card-body-bl-001-style{
height:575px;
}
.icon-padding-left{
padding-left:35px;
}
.icon-0-padding-right{
padding-right:47px;
}
.h2-1-style{
font-size:23px;
margin-bottom:24px;
line-height:42px;
width:97.13%;
}
.divider-0-background-color{
background-color:var(--swatch-var-4630);
margin-top:0px;
margin-bottom:14px;
}
.card-ref01-margin-bottom{
margin-bottom:1px;
}
.divider-margin-bottom{
margin-bottom:16px;
background-color:var(--swatch-var-4630);
}
.divider-ref02-margin-bottom{
margin-bottom:21px;
background-color:var(--swatch-var-4630);
}
.h3-ref02-margin-bottom{
margin-bottom:9px;
}
.img-ref01-margin-bottom{
margin-bottom:15px;
}
.divider-ref01-margin-bottom{
margin-bottom:16px;
background-color:var(--swatch-var-4630);
}
.divider-ref01-background-color{
background-color:var(--swatch-var-4630);
margin-bottom:14px;
}
.divider-bloc-7-margin-bottom{
margin-bottom:14px;
background-color:var(--swatch-var-4630);
}
.divider-0-margin-bottom{
margin-bottom:15px;
background-color:var(--swatch-var-4630);
}
.divider-ref03-margin-bottom{
background-color:var(--swatch-var-4630);
margin-bottom:15px;
}
.divider-ref03-background-color{
background-color:var(--swatch-var-4630);
margin-bottom:16px;
}
.divider-ref04-background-color{
background-color:var(--swatch-var-4630);
margin-bottom:15px;
}
.divider-0-ref01-margin-bottom{
margin-bottom:15px;
background-color:var(--swatch-var-4630);
}
.divider-ref02-background-color{
background-color:var(--swatch-var-4630);
}
.bloc-intro04-margin-bottom{
margin-bottom:42px;
}
.h4-upcoming--style:hover{
font-size:23px;
color:var(--swatch-var-7552)!important;
}
.h4-upcoming--style:active{
color:var(--swatch-var-4630)!important;
}
.html-widget-style{
height:361px;
width:100%;
}
.noframe{
border-style:solid;
border-color:#FEFFFE!important;
background-color:#FEFFFE;
border-radius:1px 1px 1px 1px;
}
.kasten01{
background-color:#F1F0F2;
}
.h3-map-style{
font-size:20px;
line-height:30px;
margin-bottom:5px;
}
.p-padding-bottom{
padding-bottom:4px;
margin-bottom:-1px;
}
.zindex3{
z-index:6;
}
.h2-zahnärzte-style{
width:100%;
}
.card-header-margin-bottom{
border-width:1px 1px 1px 1px;
border-radius:0px 0px 0px 0px;
border-style:solid;
border-color:#FFFFFF!important;
}
.img-block-bla-style{
width:46px;
}
.menu-icon-frontpage-stroke{
stroke:#4F1414!important;
fill:#4F1414!important;
}
.menu-icon-0-frontpage-stroke{
stroke:var(--swatch-var-6353)!important;
fill:var(--swatch-var-6353)!important;
}
.menu-icon-769-stroke{
stroke:var(--swatch-var-1277)!important;
fill:var(--swatch-var-1277)!important;
}
.h2-frontpage-style{
font-size:23px;
width:96.68%;
font-family:"Krub-SemiBold";
text-indent:px;
letter-spacing:1px;
margin-bottom:26px;
}
.zind{
z-index:-1;
}
.h4-event3-margin-bottom{
margin-bottom:8px;
font-family:"SourceCodePro-Semibold";
}
.img-106-event6-style{
width:394px;
margin-bottom:64px;
}
.h3-event6-margin-bottom{
margin-bottom:16px;
font-size:22px;
line-height:33px;
width:79.58%;
}
.h6-margin-bottom{
margin-bottom:2px;
margin-top:27px;
}
.img-103-style{
width:428px;
margin-bottom:15px;
}
.html-widget-margin-top{
margin-top:27px;
}
/* = Colour
-------------------------------------------------------------- */
/* Swatch Variables */
:root{
--swatch-var-4630:rgba(0,0,0,1.00);
--swatch-var-4887:rgba(255,255,255,1.00);
--swatch-var-151:rgba(251,140,2,1.00);
--swatch-var-7552:rgba(158,155,155,1.00);
--swatch-var-6455:rgba(0,0,0,1.00);
--swatch-var-2:rgba(255,255,255,1.0);
--swatch-var-805:rgba(114,114,114,1.00);
--swatch-var-2949:rgba(0,0,0,0.70);
--swatch-var-895:rgba(36,36,36,1.00);
--swatch-var-1113:rgba(229,227,227,1.00);
--swatch-var-1143:rgba(41,55,117,1.00);
--swatch-var-3063:rgba(219,219,219,0.30);
--swatch-var-1457:rgba(0,139,225,1.00);
--swatch-var-4713:rgba(226,226,226,0.70);
--swatch-var-515:rgba(0,0,0,0.60);
--swatch-var-7790:rgba(237,155,0,0.74);
--swatch-var-1329:rgba(46,135,156,0.83);
--swatch-var-2147:rgba(255,255,255,1.00);
--swatch-var-5871:rgba(182,212,215,0.70);
--swatch-var-5287:rgba(225,0,5,1.00);
--swatch-var-4288:rgba(243,243,243,1.00);
--swatch-var-3289:rgba(22,34,202,0.69);
--swatch-var-2438:rgba(0,124,151,0.38);
--swatch-var-6353:rgba(255,64,255,1.00);
--swatch-var-3860:rgba(0,0,0,1.00);
--swatch-var-1160:rgba(226,226,226,0.70);
--swatch-var-7335:rgba(0,124,151,0.38);
--swatch-var-888:rgba(135,62,117,0.60);
--swatch-var-3168:rgba(0,18,156,1.00);
--swatch-var-1793:rgba(181,209,233,1.00);
--swatch-var-7862:rgba(255,158,0,0.32);
--swatch-var-3402:rgba(236,0,140,0.47);
--swatch-var-6732:rgba(181,37,29,1.00);
--swatch-var-1998:rgba(236,233,233,1.00);
--swatch-var-5783:rgba(0,0,0,0.20);
--swatch-var-4293:rgba(166,205,108,1.00);
--swatch-var-6392:rgba(255,64,255,1.00);
--swatch-var-1534:rgba(45,215,201,1.00);
--swatch-var-1002:rgba(255,255,255,1.00);
--swatch-var-6634:rgba(203,225,226,1.00);
--swatch-var-1044:rgba(198,171,133,1.00);
--swatch-var-1919:rgba(204,224,165,1.00);
--swatch-var-1277:rgba(251,251,0,1.00);
--swatch-var-6480:rgba(41,55,117,1.00);
--swatch-var-5332:rgba(181,7,255,1.00);
--swatch-var-2513:rgba(181,7,255,0.11);
--swatch-var-5988:rgba(255,196,0,0.20);
--swatch-var-4348:rgba(114,114,122,0.85);
--swatch-var-2969:rgba(198,206,59,0.82);
--swatch-var-18:rgba(236,86,90,1.00);
--swatch-var-2249:rgba(235,218,0,0.82);
--swatch-var-4236:rgba(0,124,151,0.38);
--swatch-var-5634:rgba(0,124,151,0.38);
--swatch-var-1504:rgba(0,124,151,0.38);
--swatch-var-3092:rgba(97,130,59,1.00);
--swatch-var-2711:#171715;
--swatch-var-4060:#DEDEDD;
--swatch-var-4725:#972957;
--swatch-var-7855:#343535;
--swatch-var-6607:rgba(174,30,44,0.65);
}
/* Background colour styles */
.bgc-4630{
background-color:var(--swatch-var-4630);
}
.bgc-4348{
background-color:var(--swatch-var-4348);
}
.bgc-4887{
background-color:var(--swatch-var-4887);
}
.bgc-4060{
background-color:var(--swatch-var-4060);
}
.bgc-2969{
background-color:var(--swatch-var-2969);
}
.bgc-1998{
background-color:var(--swatch-var-1998);
}
.bgc-5871{
background-color:var(--swatch-var-5871);
}
.bgc-5287{
background-color:var(--swatch-var-5287);
}
.bgc-5988{
background-color:var(--swatch-var-5988);
}
.bgc-1793{
background-color:var(--swatch-var-1793);
}
.bgc-3402{
background-color:var(--swatch-var-3402);
}
.bgc-515{
background-color:var(--swatch-var-515);
}
.bgc-2249{
background-color:var(--swatch-var-2249);
}
.bgc-3063{
background-color:var(--swatch-var-3063);
}
.bgc-3860{
background-color:var(--swatch-var-3860);
}
.bgc-1160{
background-color:var(--swatch-var-1160);
}
.bgc-1919{
background-color:var(--swatch-var-1919);
}
.bgc-4713{
background-color:var(--swatch-var-4713);
}
.bgc-151{
background-color:var(--swatch-var-151);
}
.bgc-2147{
background-color:var(--swatch-var-2147);
}
.bgc-4288{
background-color:var(--swatch-var-4288);
}
.bgc-6455{
background-color:var(--swatch-var-6455);
}
.bgc-5783{
background-color:var(--swatch-var-5783);
}
.bgc-895{
background-color:var(--swatch-var-895);
}
.bgc-1113{
background-color:var(--swatch-var-1113);
}
.bgc-6732{
background-color:var(--swatch-var-6732);
}
/* Text colour styles */
.tc-151{
color:var(--swatch-var-151)!important;
}
.tc-4630{
color:var(--swatch-var-4630)!important;
}
.tc-1457{
color:var(--swatch-var-1457)!important;
}
.tc-3092{
color:var(--swatch-var-3092)!important;
}
.tc-6455{
color:var(--swatch-var-6455)!important;
}
.tc-2{
color:var(--swatch-var-2)!important;
}
.tc-2147{
color:var(--swatch-var-2147)!important;
}
.tc-3860{
color:var(--swatch-var-3860)!important;
}
.tc-4887{
color:var(--swatch-var-4887)!important;
}
.tc-4288{
color:var(--swatch-var-4288)!important;
}
.tc-2249{
color:var(--swatch-var-2249)!important;
}
.tc-805{
color:var(--swatch-var-805)!important;
}
/* Button colour styles */
.bgc-4630{
background-color:var(--swatch-var-4630);
}
.tc-4630{
color:var(--swatch-var-4630)!important;
}
.btn-c-4630,.btn-c-4630:focus{
background:var(--swatch-var-4630);
color:#FFFFFF!important;
fill:#FFFFFF;
}
.btn-c-4630:hover{
background:#000000!important;
color:#FFFFFF!important;
fill:#FFFFFF;
}
.wire-btn-c-4630{
color:var(--swatch-var-4630)!important;
border-color:var(--swatch-var-4630)!important;
fill:var(--swatch-var-4630);
}
.ltc-4630{
color:var(--swatch-var-4630)!important;
fill:var(--swatch-var-4630);
}
.ltc-4630:hover{
color:#000000!important;
fill:var(--swatch-var-4630);
}
.icon-4630{
color:var(--swatch-var-4630)!important;
border-color:var(--swatch-var-4630)!important;
}
/**/.bgc-4887{
background-color:var(--swatch-var-4887);
}
.tc-4887{
color:var(--swatch-var-4887)!important;
}
.btn-c-4887,.btn-c-4887:focus{
background:var(--swatch-var-4887);
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.btn-c-4887:hover{
background:#CCCCCC!important;
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.wire-btn-c-4887{
color:var(--swatch-var-4887)!important;
border-color:var(--swatch-var-4887)!important;
fill:var(--swatch-var-4887);
}
.ltc-4887{
color:var(--swatch-var-4887)!important;
fill:var(--swatch-var-4887);
}
.ltc-4887:hover{
color:#CCCCCC!important;
fill:var(--swatch-var-4887);
}
.icon-4887{
color:var(--swatch-var-4887)!important;
border-color:var(--swatch-var-4887)!important;
}
/**/.bgc-151{
background-color:var(--swatch-var-151);
}
.tc-151{
color:var(--swatch-var-151)!important;
}
.btn-c-151,.btn-c-151:focus{
background:var(--swatch-var-151);
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.btn-c-151:hover{
background:#C75900!important;
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.wire-btn-c-151{
color:var(--swatch-var-151)!important;
border-color:var(--swatch-var-151)!important;
fill:var(--swatch-var-151);
}
.ltc-151{
color:var(--swatch-var-151)!important;
fill:var(--swatch-var-151);
}
.ltc-151:hover{
color:#C75900!important;
fill:var(--swatch-var-151);
}
.icon-151{
color:var(--swatch-var-151)!important;
border-color:var(--swatch-var-151)!important;
}
/**/.bgc-7552{
background-color:var(--swatch-var-7552);
}
.tc-7552{
color:var(--swatch-var-7552)!important;
}
.btn-c-7552,.btn-c-7552:focus{
background:var(--swatch-var-7552);
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.btn-c-7552:hover{
background:#6B6868!important;
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.wire-btn-c-7552{
color:var(--swatch-var-7552)!important;
border-color:var(--swatch-var-7552)!important;
fill:var(--swatch-var-7552);
}
.ltc-7552{
color:var(--swatch-var-7552)!important;
fill:var(--swatch-var-7552);
}
.ltc-7552:hover{
color:#6B6868!important;
fill:var(--swatch-var-7552);
}
.icon-7552{
color:var(--swatch-var-7552)!important;
border-color:var(--swatch-var-7552)!important;
}
/**/.bgc-6455{
background-color:var(--swatch-var-6455);
}
.tc-6455{
color:var(--swatch-var-6455)!important;
}
.btn-c-6455,.btn-c-6455:focus{
background:var(--swatch-var-6455);
color:#FFFFFF!important;
fill:#FFFFFF;
}
.btn-c-6455:hover{
background:#000000!important;
color:#FFFFFF!important;
fill:#FFFFFF;
}
.wire-btn-c-6455{
color:var(--swatch-var-6455)!important;
border-color:var(--swatch-var-6455)!important;
fill:var(--swatch-var-6455);
}
.ltc-6455{
color:var(--swatch-var-6455)!important;
fill:var(--swatch-var-6455);
}
.ltc-6455:hover{
color:#000000!important;
fill:var(--swatch-var-6455);
}
.icon-6455{
color:var(--swatch-var-6455)!important;
border-color:var(--swatch-var-6455)!important;
}
/**/.bgc-2{
background-color:var(--swatch-var-2);
}
.tc-2{
color:var(--swatch-var-2)!important;
}
.btn-c-2,.btn-c-2:focus{
background:var(--swatch-var-2);
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.btn-c-2:hover{
background:#CCCCCC!important;
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.wire-btn-c-2{
color:var(--swatch-var-2)!important;
border-color:var(--swatch-var-2)!important;
fill:var(--swatch-var-2);
}
.ltc-2{
color:var(--swatch-var-2)!important;
fill:var(--swatch-var-2);
}
.ltc-2:hover{
color:#CCCCCC!important;
fill:var(--swatch-var-2);
}
.icon-2{
color:var(--swatch-var-2)!important;
border-color:var(--swatch-var-2)!important;
}
/**/.bgc-805{
background-color:var(--swatch-var-805);
}
.tc-805{
color:var(--swatch-var-805)!important;
}
.btn-c-805,.btn-c-805:focus{
background:var(--swatch-var-805);
color:#FFFFFF!important;
fill:#FFFFFF;
}
.btn-c-805:hover{
background:#3F3F3F!important;
color:#FFFFFF!important;
fill:#FFFFFF;
}
.wire-btn-c-805{
color:var(--swatch-var-805)!important;
border-color:var(--swatch-var-805)!important;
fill:var(--swatch-var-805);
}
.ltc-805{
color:var(--swatch-var-805)!important;
fill:var(--swatch-var-805);
}
.ltc-805:hover{
color:#3F3F3F!important;
fill:var(--swatch-var-805);
}
.icon-805{
color:var(--swatch-var-805)!important;
border-color:var(--swatch-var-805)!important;
}
/**/.bgc-2949{
background-color:var(--swatch-var-2949);
}
.tc-2949{
color:var(--swatch-var-2949)!important;
}
.btn-c-2949,.btn-c-2949:focus{
background:var(--swatch-var-2949);
color:#FFFFFF!important;
fill:#FFFFFF;
}
.btn-c-2949:hover{
background:rgba(0,0,0,0.70)!important;
color:#FFFFFF!important;
fill:#FFFFFF;
}
.wire-btn-c-2949{
color:var(--swatch-var-2949)!important;
border-color:var(--swatch-var-2949)!important;
fill:var(--swatch-var-2949);
}
.ltc-2949{
color:var(--swatch-var-2949)!important;
fill:var(--swatch-var-2949);
}
.ltc-2949:hover{
color:rgba(0,0,0,0.70)!important;
fill:var(--swatch-var-2949);
}
.icon-2949{
color:var(--swatch-var-2949)!important;
border-color:var(--swatch-var-2949)!important;
}
/**/.bgc-895{
background-color:var(--swatch-var-895);
}
.tc-895{
color:var(--swatch-var-895)!important;
}
.btn-c-895,.btn-c-895:focus{
background:var(--swatch-var-895);
color:#FFFFFF!important;
fill:#FFFFFF;
}
.btn-c-895:hover{
background:#000000!important;
color:#FFFFFF!important;
fill:#FFFFFF;
}
.wire-btn-c-895{
color:var(--swatch-var-895)!important;
border-color:var(--swatch-var-895)!important;
fill:var(--swatch-var-895);
}
.ltc-895{
color:var(--swatch-var-895)!important;
fill:var(--swatch-var-895);
}
.ltc-895:hover{
color:#000000!important;
fill:var(--swatch-var-895);
}
.icon-895{
color:var(--swatch-var-895)!important;
border-color:var(--swatch-var-895)!important;
}
/**/.bgc-1113{
background-color:var(--swatch-var-1113);
}
.tc-1113{
color:var(--swatch-var-1113)!important;
}
.btn-c-1113,.btn-c-1113:focus{
background:var(--swatch-var-1113);
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.btn-c-1113:hover{
background:#B2B0B0!important;
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.wire-btn-c-1113{
color:var(--swatch-var-1113)!important;
border-color:var(--swatch-var-1113)!important;
fill:var(--swatch-var-1113);
}
.ltc-1113{
color:var(--swatch-var-1113)!important;
fill:var(--swatch-var-1113);
}
.ltc-1113:hover{
color:#B2B0B0!important;
fill:var(--swatch-var-1113);
}
.icon-1113{
color:var(--swatch-var-1113)!important;
border-color:var(--swatch-var-1113)!important;
}
/**/.bgc-1143{
background-color:var(--swatch-var-1143);
}
.tc-1143{
color:var(--swatch-var-1143)!important;
}
.btn-c-1143,.btn-c-1143:focus{
background:var(--swatch-var-1143);
color:#FFFFFF!important;
fill:#FFFFFF;
}
.btn-c-1143:hover{
background:#000442!important;
color:#FFFFFF!important;
fill:#FFFFFF;
}
.wire-btn-c-1143{
color:var(--swatch-var-1143)!important;
border-color:var(--swatch-var-1143)!important;
fill:var(--swatch-var-1143);
}
.ltc-1143{
color:var(--swatch-var-1143)!important;
fill:var(--swatch-var-1143);
}
.ltc-1143:hover{
color:#000442!important;
fill:var(--swatch-var-1143);
}
.icon-1143{
color:var(--swatch-var-1143)!important;
border-color:var(--swatch-var-1143)!important;
}
/**/.bgc-3063{
background-color:var(--swatch-var-3063);
}
.tc-3063{
color:var(--swatch-var-3063)!important;
}
.btn-c-3063,.btn-c-3063:focus{
background:var(--swatch-var-3063);
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.btn-c-3063:hover{
background:rgba(168,168,168,0.30)!important;
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.wire-btn-c-3063{
color:var(--swatch-var-3063)!important;
border-color:var(--swatch-var-3063)!important;
fill:var(--swatch-var-3063);
}
.ltc-3063{
color:var(--swatch-var-3063)!important;
fill:var(--swatch-var-3063);
}
.ltc-3063:hover{
color:rgba(168,168,168,0.30)!important;
fill:var(--swatch-var-3063);
}
.icon-3063{
color:var(--swatch-var-3063)!important;
border-color:var(--swatch-var-3063)!important;
}
/**/.bgc-1457{
background-color:var(--swatch-var-1457);
}
.tc-1457{
color:var(--swatch-var-1457)!important;
}
.btn-c-1457,.btn-c-1457:focus{
background:var(--swatch-var-1457);
color:#FFFFFF!important;
fill:#FFFFFF;
}
.btn-c-1457:hover{
background:#0058AE!important;
color:#FFFFFF!important;
fill:#FFFFFF;
}
.wire-btn-c-1457{
color:var(--swatch-var-1457)!important;
border-color:var(--swatch-var-1457)!important;
fill:var(--swatch-var-1457);
}
.ltc-1457{
color:var(--swatch-var-1457)!important;
fill:var(--swatch-var-1457);
}
.ltc-1457:hover{
color:#0058AE!important;
fill:var(--swatch-var-1457);
}
.icon-1457{
color:var(--swatch-var-1457)!important;
border-color:var(--swatch-var-1457)!important;
}
/**/.bgc-4713{
background-color:var(--swatch-var-4713);
}
.tc-4713{
color:var(--swatch-var-4713)!important;
}
.btn-c-4713,.btn-c-4713:focus{
background:var(--swatch-var-4713);
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.btn-c-4713:hover{
background:rgba(175,175,175,0.70)!important;
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.wire-btn-c-4713{
color:var(--swatch-var-4713)!important;
border-color:var(--swatch-var-4713)!important;
fill:var(--swatch-var-4713);
}
.ltc-4713{
color:var(--swatch-var-4713)!important;
fill:var(--swatch-var-4713);
}
.ltc-4713:hover{
color:rgba(175,175,175,0.70)!important;
fill:var(--swatch-var-4713);
}
.icon-4713{
color:var(--swatch-var-4713)!important;
border-color:var(--swatch-var-4713)!important;
}
/**/.bgc-515{
background-color:var(--swatch-var-515);
}
.tc-515{
color:var(--swatch-var-515)!important;
}
.btn-c-515,.btn-c-515:focus{
background:var(--swatch-var-515);
color:#FFFFFF!important;
fill:#FFFFFF;
}
.btn-c-515:hover{
background:rgba(0,0,0,0.60)!important;
color:#FFFFFF!important;
fill:#FFFFFF;
}
.wire-btn-c-515{
color:var(--swatch-var-515)!important;
border-color:var(--swatch-var-515)!important;
fill:var(--swatch-var-515);
}
.ltc-515{
color:var(--swatch-var-515)!important;
fill:var(--swatch-var-515);
}
.ltc-515:hover{
color:rgba(0,0,0,0.60)!important;
fill:var(--swatch-var-515);
}
.icon-515{
color:var(--swatch-var-515)!important;
border-color:var(--swatch-var-515)!important;
}
/**/.bgc-7790{
background-color:var(--swatch-var-7790);
}
.tc-7790{
color:var(--swatch-var-7790)!important;
}
.btn-c-7790,.btn-c-7790:focus{
background:var(--swatch-var-7790);
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.btn-c-7790:hover{
background:rgba(186,104,0,0.74)!important;
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.wire-btn-c-7790{
color:var(--swatch-var-7790)!important;
border-color:var(--swatch-var-7790)!important;
fill:var(--swatch-var-7790);
}
.ltc-7790{
color:var(--swatch-var-7790)!important;
fill:var(--swatch-var-7790);
}
.ltc-7790:hover{
color:rgba(186,104,0,0.74)!important;
fill:var(--swatch-var-7790);
}
.icon-7790{
color:var(--swatch-var-7790)!important;
border-color:var(--swatch-var-7790)!important;
}
/**/.bgc-1329{
background-color:var(--swatch-var-1329);
}
.tc-1329{
color:var(--swatch-var-1329)!important;
}
.btn-c-1329,.btn-c-1329:focus{
background:var(--swatch-var-1329);
color:#FFFFFF!important;
fill:#FFFFFF;
}
.btn-c-1329:hover{
background:rgba(0,84,105,0.83)!important;
color:#FFFFFF!important;
fill:#FFFFFF;
}
.wire-btn-c-1329{
color:var(--swatch-var-1329)!important;
border-color:var(--swatch-var-1329)!important;
fill:var(--swatch-var-1329);
}
.ltc-1329{
color:var(--swatch-var-1329)!important;
fill:var(--swatch-var-1329);
}
.ltc-1329:hover{
color:rgba(0,84,105,0.83)!important;
fill:var(--swatch-var-1329);
}
.icon-1329{
color:var(--swatch-var-1329)!important;
border-color:var(--swatch-var-1329)!important;
}
/**/.bgc-2147{
background-color:var(--swatch-var-2147);
}
.tc-2147{
color:var(--swatch-var-2147)!important;
}
.btn-c-2147,.btn-c-2147:focus{
background:var(--swatch-var-2147);
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.btn-c-2147:hover{
background:#CCCCCC!important;
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.wire-btn-c-2147{
color:var(--swatch-var-2147)!important;
border-color:var(--swatch-var-2147)!important;
fill:var(--swatch-var-2147);
}
.ltc-2147{
color:var(--swatch-var-2147)!important;
fill:var(--swatch-var-2147);
}
.ltc-2147:hover{
color:#CCCCCC!important;
fill:var(--swatch-var-2147);
}
.icon-2147{
color:var(--swatch-var-2147)!important;
border-color:var(--swatch-var-2147)!important;
}
/**/.bgc-5871{
background-color:var(--swatch-var-5871);
}
.tc-5871{
color:var(--swatch-var-5871)!important;
}
.btn-c-5871,.btn-c-5871:focus{
background:var(--swatch-var-5871);
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.btn-c-5871:hover{
background:rgba(131,161,164,0.70)!important;
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.wire-btn-c-5871{
color:var(--swatch-var-5871)!important;
border-color:var(--swatch-var-5871)!important;
fill:var(--swatch-var-5871);
}
.ltc-5871{
color:var(--swatch-var-5871)!important;
fill:var(--swatch-var-5871);
}
.ltc-5871:hover{
color:rgba(131,161,164,0.70)!important;
fill:var(--swatch-var-5871);
}
.icon-5871{
color:var(--swatch-var-5871)!important;
border-color:var(--swatch-var-5871)!important;
}
/**/.bgc-5287{
background-color:var(--swatch-var-5287);
}
.tc-5287{
color:var(--swatch-var-5287)!important;
}
.btn-c-5287,.btn-c-5287:focus{
background:var(--swatch-var-5287);
color:#FFFFFF!important;
fill:#FFFFFF;
}
.btn-c-5287:hover{
background:#AE0000!important;
color:#FFFFFF!important;
fill:#FFFFFF;
}
.wire-btn-c-5287{
color:var(--swatch-var-5287)!important;
border-color:var(--swatch-var-5287)!important;
fill:var(--swatch-var-5287);
}
.ltc-5287{
color:var(--swatch-var-5287)!important;
fill:var(--swatch-var-5287);
}
.ltc-5287:hover{
color:#AE0000!important;
fill:var(--swatch-var-5287);
}
.icon-5287{
color:var(--swatch-var-5287)!important;
border-color:var(--swatch-var-5287)!important;
}
/**/.bgc-4288{
background-color:var(--swatch-var-4288);
}
.tc-4288{
color:var(--swatch-var-4288)!important;
}
.btn-c-4288,.btn-c-4288:focus{
background:var(--swatch-var-4288);
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.btn-c-4288:hover{
background:#C0C0C0!important;
color:rgba(0,0,0,.5)!important;
fill:rgba(0,0,0,.5);
}
.wire-btn-c-4288{
color:var(--swatch-var-4288)!important;
border-color:var(--swatch-var-4288)!important;
fill:var(--swatch-var-4288);
}
.ltc-4288{
color:var(--swatch-var-4288)!important;
fill:var(--swatch-var-4288);
}
.ltc-4288:hover{
color:#C0C0C0!important;
fill:var(--swatch-var-4288);
}
.icon-4288{
color:var(--swatch-var-4288)!important;
border-color:var(--swatch-var-4288)!important;
}
/**/.bgc-3289{
background-color:var(--swatch-var-3289);
}
.tc-3289{
color:var(--swatch-var-3289)!important;
}
.btn-c-3289,.btn-c-3289:focus{
background:var(--swatch-var-3289);
color:#FFFFFF!important;
fill:#FFFFFF;
}
.btn-c-3289:hover{
background:rgba(0,0,151,0.69)!important;
color:#FFFFFF!important;
fill:#FFFFFF;
}
.wire-btn-c-4887{
color:var(--swatch-var-4887)!important;
border-color:var(--swatch-var-4887)!important;
fill:var(--swatch-var-4887);
}
/* Link colour styles */
.ltc-4887{
color:var(--swatch-var-4887)!important;
fill:var(--swatch-var-4887);
}
.ltc-4887:hover{
color:#CCCCCC!important;
fill:var(--swatch-var-4887);
}
/* Icon colour styles */
.icon-4887{
color:var(--swatch-var-4887)!important;
border-color:var(--swatch-var-4887)!important;
}
.icon-1919{
color:var(--swatch-var-1919)!important;
border-color:var(--swatch-var-1919)!important;
}
.icon-1793{
color:var(--swatch-var-1793)!important;
border-color:var(--swatch-var-1793)!important;
}
.icon-151{
color:var(--swatch-var-151)!important;
border-color:var(--swatch-var-151)!important;
}
.icon-1457{
color:var(--swatch-var-1457)!important;
border-color:var(--swatch-var-1457)!important;
}
.icon-3092{
color:var(--swatch-var-3092)!important;
border-color:var(--swatch-var-3092)!important;
}
.icon-6455{
color:var(--swatch-var-6455)!important;
border-color:var(--swatch-var-6455)!important;
}
.icon-7552{
color:var(--swatch-var-7552)!important;
border-color:var(--swatch-var-7552)!important;
}
.icon-2949{
color:var(--swatch-var-2949)!important;
border-color:var(--swatch-var-2949)!important;
}
.icon-805{
color:var(--swatch-var-805)!important;
border-color:var(--swatch-var-805)!important;
}
.icon-4630{
color:var(--swatch-var-4630)!important;
border-color:var(--swatch-var-4630)!important;
}
/* Bloc image backgrounds */
.bg-designreporter-work{
background-image:url("img/designreporter-work.jpg");
background-image: -webkit-image-set(url("img/designreporter-work.webp") 1x,
url("img/designreporter-work.webp") 2x);background-image: image-set(url("img/designreporter-work.jpg") 1x,
url("img/designreporter-work.jpg") 2x,url("img/designreporter-work.webp") 1x,
url("img/designreporter-work.webp") 2x);
}
.bg-oo7-james-bond-beleuchtung{
background-image:url("img/oo7-james-bond-beleuchtung.jpg");
}
.bg-Mare-Imbrium-Apollo{
background-image:url("img/Mare_Imbrium-Apollo.jpg");
background-image: -webkit-image-set(url("img/Mare_Imbrium-Apollo.webp") 1x,
url("img/Mare_Imbrium-Apollo.webp") 2x);background-image: image-set(url("img/Mare_Imbrium-Apollo.jpg") 1x,
url("img/Mare_Imbrium-Apollo.jpg") 2x,url("img/Mare_Imbrium-Apollo.webp") 1x,
url("img/Mare_Imbrium-Apollo.webp") 2x);
}
.bg-future-top-image{
background-image:url("img/future_top_image.jpg");
}
.bg-stuckateur-back-image-02{
background-image:url("img/stuckateur_back_image_02.jpg");
}
.bg-hotel-IMbery-background2{
background-image:url("img/hotel-IMbery_background2.jpg");
}
.bg-designreporter-space-05{
background-image:url("img/designreporter-space_05.jpg");
}
.bg-Rickis-Catering-web-02{
background-image:url("img/Rickis-Catering_web_02.jpg");
}
.bg-hausarztpraxis-sundgauallee-2web{
background-image:url("img/hausarztpraxis-sundgauallee_2web.jpg");
}
.bg-Eigernordwand-01-Hofstetter{
background-image:url("img/Eigernordwand_01_Hofstetter.jpg");
background-image: -webkit-image-set(url("img/Eigernordwand_01_Hofstetter.webp") 1x,
url("img/Eigernordwand_01_Hofstetter.webp") 2x);background-image: image-set(url("img/Eigernordwand_01_Hofstetter.jpg") 1x,
url("img/Eigernordwand_01_Hofstetter.jpg") 2x,url("img/Eigernordwand_01_Hofstetter.webp") 1x,
url("img/Eigernordwand_01_Hofstetter.webp") 2x);
}
.bg-fritzundkollegen-web-02{
background-image:url("img/fritzundkollegen_web_02.jpg");
}
.bg-klatt-fackler-web-backgr{
background-image:url("img/klatt-fackler_web_backgr.jpg");
}
.bg-Arktis-2021-01-Hofstetter{
background-image:url("img/Arktis_2021_01_Hofstetter.jpg");
}
.bg-Arktis-2021-02-Hofstetter{
background-image:url("img/Arktis_2021_02_Hofstetter.jpg");
}
.bg-ulli-obrecht-web-02{
background-image:url("img/ulli-obrecht_web_02.jpg");
}
.bg-Tiger-Eiger-Nordwand-Hofstetter{
background-image:url("img/Tiger_Eiger-Nordwand_Hofstetter.jpg");
background-image: -webkit-image-set(url("img/Tiger_Eiger-Nordwand_Hofstetter.webp") 1x,
url("img/Tiger_Eiger-Nordwand_Hofstetter.webp") 2x);background-image: image-set(url("img/Tiger_Eiger-Nordwand_Hofstetter.jpg") 1x,
url("img/Tiger_Eiger-Nordwand_Hofstetter.jpg") 2x,url("img/Tiger_Eiger-Nordwand_Hofstetter.webp") 1x,
url("img/Tiger_Eiger-Nordwand_Hofstetter.webp") 2x);
}
.bg-Fotografische-Malerei-002{
background-image:url("img/Fotografische_Malerei_002.jpg");
background-image: -webkit-image-set(url("img/Fotografische_Malerei_002.webp") 1x,
url("img/Fotografische_Malerei_002.webp") 2x);background-image: image-set(url("img/Fotografische_Malerei_002.jpg") 1x,
url("img/Fotografische_Malerei_002.jpg") 2x,url("img/Fotografische_Malerei_002.webp") 1x,
url("img/Fotografische_Malerei_002.webp") 2x);
}
.bg-Ukraine-2022-Hofstetter-3{
background-image:url("img/Ukraine_2022_Hofstetter-3.jpg");
}
.bg-Gerry-Hofstetter-Ukraine2{
background-image:url("img/Gerry_Hofstetter_Ukraine2.jpg");
}
.bg-wald-Lana-schwarzwald-002{
background-image:url("img/wald_Lana_schwarzwald_002.jpg");
}
.bg-Fotografische-Malerei-001{
background-image:url("img/Fotografische_Malerei_001.jpg");
background-image: -webkit-image-set(url("img/Fotografische_Malerei_001.webp") 1x,
url("img/Fotografische_Malerei_001.webp") 2x);background-image: image-set(url("img/Fotografische_Malerei_001.jpg") 1x,
url("img/Fotografische_Malerei_001.jpg") 2x,url("img/Fotografische_Malerei_001.webp") 1x,
url("img/Fotografische_Malerei_001.webp") 2x);
}
.bg-Matterhorn-Hereos-Hofstetter{
background-image:url("img/Matterhorn_Hereos_Hofstetter.jpg");
background-image: -webkit-image-set(url("img/Matterhorn_Hereos_Hofstetter.webp") 1x,
url("img/Matterhorn_Hereos_Hofstetter.webp") 2x);background-image: image-set(url("img/Matterhorn_Hereos_Hofstetter.jpg") 1x,
url("img/Matterhorn_Hereos_Hofstetter.jpg") 2x,url("img/Matterhorn_Hereos_Hofstetter.webp") 1x,
url("img/Matterhorn_Hereos_Hofstetter.webp") 2x);
}
.bg-SchwarzwaldFaser-back{
background-image:url("img/SchwarzwaldFaser-back.jpg");
}
.bg-forrest{
background-image:url("img/forrest.jpg");
}
.bg-Bhutan-2024-Hofstetter-02{
background-image:url("img/Bhutan_2024_Hofstetter_02.jpg");
background-image: -webkit-image-set(url("img/Bhutan_2024_Hofstetter_02.webp") 1x,
url("img/Bhutan_2024_Hofstetter_02.webp") 2x);background-image: image-set(url("img/Bhutan_2024_Hofstetter_02.jpg") 1x,
url("img/Bhutan_2024_Hofstetter_02.jpg") 2x,url("img/Bhutan_2024_Hofstetter_02.webp") 1x,
url("img/Bhutan_2024_Hofstetter_02.webp") 2x);
}
.bg-The-Achievers-People{
background-image:url("img/The-Achievers_People.jpg");
background-image: -webkit-image-set(url("img/The-Achievers_People.webp") 1x,
url("img/The-Achievers_People.webp") 2x);background-image: image-set(url("img/The-Achievers_People.jpg") 1x,
url("img/The-Achievers_People.jpg") 2x,url("img/The-Achievers_People.webp") 1x,
url("img/The-Achievers_People.webp") 2x);
}
/* = Custom Bric Data
-------------------------------------------------------------- */
.page-scroll-progress-bar{
top:0;
left:0;
right:0;
width:0;
position: fixed;
z-index: 999999;
}
.page-scroll-progress-bar.bottom-edge{
top: initial;
bottom: 0;
}
/* = Additional CSS
-------------------------------------------------------------- */
:root{--cc-bg:#fff;--cc-text:#2d4156;--cc-btn-primary-bg:#2d4156;--cc-btn-primary-text:var(--cc-bg);--cc-btn-primary-hover-bg:#1d2e38;--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-text:var(--cc-text);--cc-btn-secondary-hover-bg:#d8e0e6;--cc-toggle-bg-off:#919ea6;--cc-toggle-bg-on:var(--cc-btn-primary-bg);--cc-toggle-bg-readonly:#d5dee2;--cc-toggle-knob-bg:#fff;--cc-toggle-knob-icon-color:#ecf2fa;--cc-block-text:var(--cc-text);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-bg-hover:#e9eff4;--cc-section-border:#f1f3f5;--cc-cookie-table-border:#e9edf2;--cc-overlay-bg:rgba(4, 6, 8, .85);--cc-webkit-scrollbar-bg:#cfd5db;--cc-webkit-scrollbar-bg-hover:#9199a0}.c_darkmode{--cc-bg:#181b1d;--cc-text:#d8e5ea;--cc-btn-primary-bg:#a6c4dd;--cc-btn-primary-text:#000;--cc-btn-primary-hover-bg:#c2dff7;--cc-btn-secondary-bg:#33383c;--cc-btn-secondary-text:var(--cc-text);--cc-btn-secondary-hover-bg:#3e454a;--cc-toggle-bg-off:#667481;--cc-toggle-bg-on:var(--cc-btn-primary-bg);--cc-toggle-bg-readonly:#454c54;--cc-toggle-knob-bg:var(--cc-cookie-category-block-bg);--cc-toggle-knob-icon-color:var(--cc-bg);--cc-block-text:#b3bfc5;--cc-cookie-category-block-bg:#23272a;--cc-cookie-category-block-bg-hover:#2b3035;--cc-section-border:#292d31;--cc-cookie-table-border:#2b3035;--cc-webkit-scrollbar-bg:#667481;--cc-webkit-scrollbar-bg-hover:#9199a0}.cc_div *,.cc_div :after,.cc_div :before{-webkit-box-sizing:border-box;box-sizing:border-box;float:none;font-style:inherit;font-variant:normal;font-weight:inherit;font-family:inherit;line-height:1.2;font-size:1em;transition:none;animation:none;margin:0;padding:0;text-transform:none;letter-spacing:unset;color:inherit;background:0 0;border:none;box-shadow:none;text-decoration:none;text-align:left;visibility:unset}.cc_div{font-size:16px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:#2d4156;color:var(--cc-text)}#c-ttl,#s-bl td:before,#s-ttl,.cc_div .b-tl,.cc_div .c-bn{font-weight:600}#cm,#s-bl .act .b-acc,#s-inr,.cc_div .b-tl,.cc_div .c-bl{border-radius:.35em}#s-bl .act .b-acc{border-top-left-radius:0;border-top-right-radius:0}.cc_div a,.cc_div button,.cc_div input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cc_div a{border-bottom:1px solid}.cc_div a:hover{text-decoration:none;border-color:transparent}#cm-ov,#cs-ov,.c--anim #cm,.c--anim #s-cnt,.c--anim #s-inr{transition:visibility .25s linear,opacity .25s ease,transform .25s ease!important}.c--anim .c-bn{transition:background-color .25s ease!important}.c--anim #cm.bar.slide,.c--anim .bar.slide #s-inr{transition:visibility .4s ease,opacity .4s ease,transform .4s ease!important}.c--anim #cm.bar.slide+#cm-ov,.c--anim .bar.slide+#cs-ov{transition:visibility .4s ease,opacity .4s ease,transform .4s ease!important}#cm.bar.slide,.cc_div .bar.slide #s-inr{transform:translateX(100%);opacity:1}#cm.bar.top.slide,.cc_div .bar.left.slide #s-inr{transform:translateX(-100%);opacity:1}#cm.slide,.cc_div .slide #s-inr{transform:translateY(1.6em)}#cm.top.slide{transform:translateY(-1.6em)}#cm.bar.slide{transform:translateY(100%)}#cm.bar.top.slide{transform:translateY(-100%)}.show--consent .c--anim #cm,.show--consent .c--anim #cm.bar,.show--settings .c--anim #s-inr,.show--settings .c--anim .bar.slide #s-inr{opacity:1;transform:scale(1);visibility:visible!important}.show--consent .c--anim #cm.box.middle,.show--consent .c--anim #cm.cloud.middle{transform:scale(1) translateY(-50%)}.show--settings .c--anim #s-cnt{visibility:visible!important}.force--consent.show--consent .c--anim #cm-ov,.show--settings .c--anim #cs-ov{visibility:visible!important;opacity:1!important}#cm{font-family:inherit;padding:1.1em 1.8em 1.4em 1.8em;position:fixed;z-index:1;background:#fff;background:var(--cc-bg);max-width:24.2em;width:100%;bottom:1.25em;right:1.25em;box-shadow:0 .625em 1.875em #000;box-shadow:0 .625em 1.875em rgba(2,2,3,.28);opacity:0;visibility:hidden;transform:scale(.95);line-height:initial}#cc_div #cm{display:block!important}#c-ttl{margin-bottom:.7em;font-size:1.05em}.cloud #c-ttl{margin-top:-.15em}#c-txt{font-size:.9em;line-height:1.5em}.cc_div #c-bns{display:flex;justify-content:space-between;margin-top:1.4em}.cc_div .c-bn{color:#40505a;color:var(--cc-btn-secondary-text);background:#e5ebef;background:var(--cc-btn-secondary-bg);padding:1em 1.7em;display:inline-block;cursor:pointer;font-size:.82em;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;text-align:center;border-radius:4px;flex:1}#c-bns button+button,#s-c-bn,#s-cnt button+button{float:right;margin-left:1em}#s-cnt #s-rall-bn{float:none}#cm .c_link:active,#cm .c_link:hover,#s-c-bn:active,#s-c-bn:hover,#s-cnt button+button:active,#s-cnt button+button:hover{background:#d8e0e6;background:var(--cc-btn-secondary-hover-bg)}#s-cnt{position:fixed;top:0;left:0;width:100%;z-index:101;display:table;height:100%;visibility:hidden}#s-bl{outline:0}#s-bl .title{margin-top:1.4em}#s-bl .title:first-child{margin-top:0}#s-bl .b-bn{margin-top:0}#s-bl .b-acc .p{margin-top:0;padding:1em}#s-cnt .b-bn .b-tl{display:block;font-family:inherit;font-size:.95em;width:100%;position:relative;padding:1.3em 6.4em 1.3em 2.7em;background:0 0;transition:background-color .25s ease}#s-cnt .b-bn .b-tl.exp{cursor:pointer}#s-cnt .act .b-bn .b-tl{border-bottom-right-radius:0;border-bottom-left-radius:0}#s-cnt .b-bn .b-tl:active,#s-cnt .b-bn .b-tl:hover{background:#e9eff4;background:var(--cc-cookie-category-block-bg-hover)}#s-bl .b-bn{position:relative}#s-bl .c-bl{padding:1em;margin-bottom:.5em;border:1px solid #f1f3f5;border-color:var(--cc-section-border);transition:background-color .25s ease}#s-bl .c-bl:hover{background:#f0f4f7;background:var(--cc-cookie-category-block-bg)}#s-bl .c-bl:last-child{margin-bottom:.5em}#s-bl .c-bl:first-child{transition:none;padding:0;margin-top:0;border:none;margin-bottom:2em}#s-bl .c-bl:not(.b-ex):first-child:hover{background:0 0;background:unset}#s-bl .c-bl.b-ex{padding:0;border:none;background:#f0f4f7;background:var(--cc-cookie-category-block-bg);transition:none}#s-bl .c-bl.b-ex+.c-bl{margin-top:2em}#s-bl .c-bl.b-ex+.c-bl.b-ex{margin-top:0}#s-bl .c-bl.b-ex:first-child{margin-bottom:1em}#s-bl .c-bl.b-ex:first-child{margin-bottom:.5em}#s-bl .b-acc{max-height:0;overflow:hidden;padding-top:0;margin-bottom:0;display:none}#s-bl .act .b-acc{max-height:100%;display:block;overflow:hidden}#s-cnt .p{font-size:.9em;line-height:1.5em;margin-top:.85em;color:#2d4156;color:var(--cc-block-text)}.cc_div .b-tg .c-tgl:disabled{cursor:not-allowed}#c-vln{display:table-cell;vertical-align:middle;position:relative}#cs{padding:0 1.7em;width:100%;position:fixed;left:0;right:0;top:0;bottom:0;height:100%}#s-inr{height:100%;position:relative;max-width:45em;margin:0 auto;transform:scale(.96);opacity:0;padding-top:4.75em;padding-bottom:4.75em;position:relative;height:100%;overflow:hidden;visibility:hidden;box-shadow:rgba(3,6,9,.26) 0 13px 27px -5px}#s-bns,#s-hdr,#s-inr{background:#fff;background:var(--cc-bg)}#s-bl{overflow-y:auto;overflow-y:overlay;overflow-x:hidden;height:100%;padding:1.3em 2.1em;display:block;width:100%}#s-bns{position:absolute;bottom:0;left:0;right:0;padding:1em 2.1em;border-top:1px solid #f1f3f5;border-color:var(--cc-section-border);height:4.75em}.cc_div .cc-link{color:#253b48;color:var(--cc-btn-primary-bg);border-bottom:1px solid #253b48;border-color:var(--cc-btn-primary-bg);display:inline;padding-bottom:0;text-decoration:none;cursor:pointer;font-weight:600}.cc_div .cc-link:active,.cc_div .cc-link:hover{border-color:transparent}#c-bns button:first-child,#s-bns button:first-child{color:#fff;color:var(--cc-btn-primary-text);background:#253b48;background:var(--cc-btn-primary-bg)}#c-bns.swap button:first-child{color:#40505a;color:var(--cc-btn-secondary-text);background:#e5ebef;background:var(--cc-btn-secondary-bg)}#c-bns.swap button:last-child{color:#fff;color:var(--cc-btn-primary-text);background:#253b48;background:var(--cc-btn-primary-bg)}.cc_div .b-tg .c-tgl:checked~.c-tg{background:#253b48;background:var(--cc-toggle-bg-on)}#c-bns button:first-child:active,#c-bns button:first-child:hover,#c-bns.swap button:last-child:active,#c-bns.swap button:last-child:hover,#s-bns button:first-child:active,#s-bns button:first-child:hover{background:#1d2e38;background:var(--cc-btn-primary-hover-bg)}#c-bns.swap button:first-child:active,#c-bns.swap button:first-child:hover{background:#d8e0e6;background:var(--cc-btn-secondary-hover-bg)}#s-hdr{position:absolute;top:0;width:100%;display:table;padding:0 2.1em;height:4.75em;vertical-align:middle;z-index:2;border-bottom:1px solid #f1f3f5;border-color:var(--cc-section-border)}#s-ttl{display:table-cell;vertical-align:middle;font-size:1em}#s-c-bn{padding:0;width:1.7em;height:1.7em;font-size:1.45em;margin:0;font-weight:initial;position:relative}#s-c-bnc{display:table-cell;vertical-align:middle}.cc_div span.t-lb{position:absolute;top:0;z-index:-1;opacity:0;pointer-events:none;overflow:hidden}#c_policy__text{height:31.25em;overflow-y:auto;margin-top:1.25em}#c-s-in{position:relative;transform:translateY(-50%);top:50%;height:100%;height:calc(100% - 2.5em);max-height:37.5em}@media screen and (min-width:688px){#s-bl::-webkit-scrollbar{width:.9em;height:100%;background:0 0;border-radius:0 .25em .25em 0}#s-bl::-webkit-scrollbar-thumb{border:.25em solid var(--cc-bg);background:#cfd5db;background:var(--cc-webkit-scrollbar-bg);border-radius:100em}#s-bl::-webkit-scrollbar-thumb:hover{background:#9199a0;background:var(--cc-webkit-scrollbar-bg-hover)}#s-bl::-webkit-scrollbar-button{width:10px;height:5px}}.cc_div .b-tg{position:absolute;right:0;top:0;bottom:0;display:inline-block;margin:auto;right:1.2em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.cc_div .b-tg .c-tgl{position:absolute;cursor:pointer;display:block;top:0;left:0;margin:0;border:0}.cc_div .b-tg .c-tg{position:absolute;background:#919ea6;background:var(--cc-toggle-bg-off);transition:background-color .25s ease,box-shadow .25s ease;pointer-events:none}.cc_div .b-tg,.cc_div .b-tg .c-tg,.cc_div .b-tg .c-tgl,.cc_div span.t-lb{width:3.4em;height:1.5em;border-radius:4em}.cc_div .b-tg .c-tg.c-ro{cursor:not-allowed}.cc_div .b-tg .c-tgl~.c-tg.c-ro{background:#d5dee2;background:var(--cc-toggle-bg-readonly)}.cc_div .b-tg .c-tgl~.c-tg.c-ro:after{box-shadow:none}.cc_div .b-tg .c-tg:after{content:"";position:relative;display:block;left:.125em;top:.125em;width:1.25em;height:1.25em;border:none;box-sizing:content-box;background:#fff;background:var(--cc-toggle-knob-bg);box-shadow:0 1px 2px rgba(24,32,35,.36);transition:transform .25s ease;border-radius:100%}.cc_div .b-tg .c-tgl:checked~.c-tg:after{transform:translateX(1.9em)}#s-bl table,#s-bl td,#s-bl th{border:none}#s-bl tbody tr{transition:background-color .25s ease}#s-bl tbody tr:hover{background:#e9eff4;background:var(--cc-cookie-category-block-bg-hover)}#s-bl table{text-align:left;border-collapse:collapse;width:100%;padding:0;margin:0;overflow:hidden}#s-bl td,#s-bl th{padding:.8em .625em;text-align:left;vertical-align:top;font-size:.8em;padding-left:1.2em}#s-bl th{font-family:inherit;padding:1.2em 1.2em}#s-bl thead tr:first-child{border-bottom:1px solid #e9edf2;border-color:var(--cc-cookie-table-border)}.force--consent #cs,.force--consent #s-cnt{width:100vw}#cm-ov,#cs-ov{position:fixed;left:0;right:0;top:0;bottom:0;visibility:hidden;opacity:0;background:#070707;background:rgba(4,6,8,.85);background:var(--cc-overlay-bg);display:none;transition:none}.c--anim #cs-ov,.force--consent .c--anim #cm-ov,.force--consent.show--consent #cm-ov,.show--settings #cs-ov{display:block}#cs-ov{z-index:2}.force--consent .cc_div{position:fixed;top:0;left:0;bottom:0;width:100%;width:100vw;visibility:hidden;transition:visibility .25s linear}.force--consent.show--consent .c--anim .cc_div,.force--consent.show--settings .c--anim .cc_div{visibility:visible}.force--consent #cm{position:absolute}.force--consent #cm.bar{width:100vw;max-width:100vw}html.force--consent.show--consent{overflow-y:hidden!important}html.force--consent.show--consent,html.force--consent.show--consent body{height:auto!important;overflow-x:hidden!important}.cc_div .act .b-bn .exp::before,.cc_div .b-bn .exp::before{border:solid #2d4156;border-color:var(--cc-btn-secondary-text);border-width:0 2px 2px 0;padding:.2em;display:inline-block;position:absolute;content:'';margin-right:15px;position:absolute;transform:translateY(-50%) rotate(45deg);left:1.2em;top:50%}.cc_div .act .b-bn .b-tl::before{transform:translateY(-20%) rotate(225deg)}.cc_div .on-i::before{border:solid #fff;border-color:var(--cc-toggle-knob-icon-color);border-width:0 2px 2px 0;padding:.1em;display:inline-block;padding-bottom:.45em;content:'';margin:0 auto;transform:rotate(45deg);top:.37em;left:.75em;position:absolute}#s-c-bn::after,#s-c-bn::before{content:'';position:absolute;left:.82em;top:.58em;height:.6em;width:1.5px;background:#444d53;background:var(--cc-btn-secondary-text);transform:rotate(45deg);border-radius:1em;margin:0 auto}#s-c-bn::after{transform:rotate(-45deg)}.cc_div .off-i,.cc_div .on-i{height:100%;width:50%;position:absolute;right:0;display:block;text-align:center;transition:opacity .15s ease}.cc_div .on-i{left:0;opacity:0}.cc_div .off-i::after,.cc_div .off-i::before{right:.8em;top:.42em;content:' ';height:.7em;width:.09375em;display:block;background:#cdd6dc;background:var(--cc-toggle-knob-icon-color);margin:0 auto;position:absolute;transform-origin:center}.cc_div .off-i::before{transform:rotate(45deg)}.cc_div .off-i::after{transform:rotate(-45deg)}.cc_div .b-tg .c-tgl:checked~.c-tg .on-i{opacity:1}.cc_div .b-tg .c-tgl:checked~.c-tg .off-i{opacity:0}#cm.box.middle,#cm.cloud.middle{top:50%;transform:translateY(-37%);bottom:auto}#cm.box.middle.zoom,#cm.cloud.middle.zoom{transform:scale(.95) translateY(-50%)}#cm.box.center{left:1em;right:1em;margin:0 auto}#cm.cloud{max-width:50em;margin:0 auto;text-align:center;left:1em;right:1em;overflow:hidden;padding:1.3em 2em;width:unset}.cc_div .cloud #c-inr{display:table;width:100%}.cc_div .cloud #c-inr-i{width:70%;display:table-cell;vertical-align:top;padding-right:2.4em}.cc_div .cloud #c-txt{font-size:.85em}.cc_div .cloud #c-bns{min-width:170px;display:table-cell;vertical-align:middle}#cm.cloud .c-bn{margin:.625em 0 0 0;width:100%}#cm.cloud .c-bn:first-child{margin:0}#cm.cloud.left{margin-right:1.25em}#cm.cloud.right{margin-left:1.25em}#cm.bar{width:100%;max-width:100%;left:0;right:0;bottom:0;border-radius:0;position:fixed;padding:2em}#cm.bar #c-inr{max-width:32em;margin:0 auto}#cm.bar #c-bns{max-width:33.75em}#cm.bar #cs{padding:0}.cc_div .bar #c-s-in{top:0;transform:none;height:100%;max-height:100%}.cc_div .bar #s-bl,.cc_div .bar #s-bns,.cc_div .bar #s-hdr{padding-left:1.6em;padding-right:1.6em}.cc_div .bar #cs{padding:0}.cc_div .bar #s-inr{margin:0;margin-left:auto;margin-right:0;border-radius:0;max-width:32em}.cc_div .bar.left #s-inr{margin-left:0;margin-right:auto}.cc_div .bar #s-bl table,.cc_div .bar #s-bl tbody,.cc_div .bar #s-bl td,.cc_div .bar #s-bl th,.cc_div .bar #s-bl thead,.cc_div .bar #s-bl tr,.cc_div .bar #s-cnt{display:block}.cc_div .bar #s-bl thead tr{position:absolute;top:-9999px;left:-9999px}.cc_div .bar #s-bl tr{border-top:1px solid #e3e7ed;border-color:var(--cc-cookie-table-border)}.cc_div .bar #s-bl td{border:none;position:relative;padding-left:35%}.cc_div .bar #s-bl td:before{position:absolute;left:1em;padding-right:.625em;white-space:nowrap;content:attr(data-column);color:#000;color:var(--cc-text);overflow:hidden;text-overflow:ellipsis}#cm.top{bottom:auto;top:1.25em}#cm.left{right:auto;left:1.25em}#cm.right{left:auto;right:1.25em}#cm.bar.left,#cm.bar.right{left:0;right:0}#cm.bar.top{top:0}@media screen and (max-width:688px){#cm,#cm.cloud,#cm.left,#cm.right{width:auto;max-width:100%;margin:0;padding:1.4em!important;right:1em;left:1em;bottom:1em;display:block}.force--consent #cm,.force--consent #cm.cloud{width:auto;max-width:100vw}#cm.top{top:1em;bottom:auto}#cm.bottom{bottom:1em;top:auto}#cm.bar.bottom{bottom:0}#cm.cloud .c-bn{font-size:.85em}#s-bns,.cc_div .bar #s-bns{padding:1em 1.3em}.cc_div .bar #s-inr{max-width:100%;width:100%}.cc_div .cloud #c-inr-i{padding-right:0}#cs{border-radius:0;padding:0}#c-s-in{max-height:100%;height:100%;top:0;transform:none}.cc_div .b-tg{transform:scale(1.1);right:1.1em}#s-inr{margin:0;padding-bottom:7.9em;border-radius:0}#s-bns{height:7.9em}#s-bl,.cc_div .bar #s-bl{padding:1.3em}#s-hdr,.cc_div .bar #s-hdr{padding:0 1.3em}#s-bl table{width:100%}#s-inr.bns-t{padding-bottom:10.5em}.bns-t #s-bns{height:10.5em}.cc_div .bns-t .c-bn{font-size:.83em;padding:.9em 1.6em}#s-cnt .b-bn .b-tl{padding-top:1.2em;padding-bottom:1.2em}#s-bl table,#s-bl tbody,#s-bl td,#s-bl th,#s-bl thead,#s-bl tr,#s-cnt{display:block}#s-bl thead tr{position:absolute;top:-9999px;left:-9999px}#s-bl tr{border-top:1px solid #e3e7ed;border-color:var(--cc-cookie-table-border)}#s-bl td{border:none;position:relative;padding-left:35%}#s-bl td:before{position:absolute;left:1em;padding-right:.625em;white-space:nowrap;content:attr(data-column);color:#000;color:var(--cc-text);overflow:hidden;text-overflow:ellipsis}#cm .c-bn,.cc_div .c-bn{width:100%;margin-right:0}#s-cnt #s-rall-bn{margin-left:0}.cc_div #c-bns{flex-direction:column}#c-bns button+button,#s-cnt button+button{margin-top:.625em;margin-left:0;float:unset}#cm.box,#cm.cloud{left:1em;right:1em;width:auto}#cm.cloud.left,#cm.cloud.right{margin:0}.cc_div .cloud #c-bns,.cc_div .cloud #c-inr,.cc_div .cloud #c-inr-i{display:block;width:auto;min-width:unset}.cc_div .cloud #c-txt{font-size:.9em}.cc_div .cloud #c-bns{margin-top:1.625em}}.cc_div.ie #c-vln{height:100%;padding-top:5.62em}.cc_div.ie .bar #c-vln{padding-top:0}.cc_div.ie #cs{max-height:37.5em;position:relative;top:0;margin-top:-5.625em}.cc_div.ie .bar #cs{margin-top:0;max-height:100%}.cc_div.ie #cm{border:1px solid #dee6e9}.cc_div.ie #c-s-in{top:0}.cc_div.ie .b-tg{padding-left:1em;margin-bottom:.7em}.cc_div.ie .b-tg .c-tgl:checked~.c-tg:after{left:1.95em}.cc_div.ie #s-bl table{overflow:auto}.cc_div.ie .b-tg .c-tg{display:none}.cc_div.ie .b-tg .c-tgl{position:relative;display:inline-block;vertical-align:middle;margin-bottom:.2em;height:auto}.cc_div.ie #s-cnt .b-bn .b-tl{padding:1.3em 6.4em 1.3em 1.4em}.cc_div.ie .bar #s-bl td:before{display:none}.cc_div.ie .bar #s-bl td{padding:.8em .625em .8em 1.2em}.cc_div.ie .bar #s-bl thead tr{position:relative}.cc_div.ie .b-tg .t-lb{filter: alpha(opacity=0);}.cc_div.ie #cm-ov,.cc_div.ie #cs-ov{filter: alpha(opacity=80);}
#features {
margin-top:20px;
}
.feature, .feature i, .feature h3, .feature .title_border {
font-size:22px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.feature {
background:#F5F5F5;
text-align:center;
padding:20px;
border: solid 0px #cccccc;
}
.feature p {
margin-top:20px;
margin-bottom:30px;
}
.feature i{
font-size:80px;
color:#FFFFFF;
background:#1E825F;
padding:30px;
border-radius:50%;
border: solid 3px #1E825F;
}
.feature h3 {
color:#1E825F;
}
.feature:hover {
background:#ECECEC;
-webkit-transform: translate(0,1em);
-moz-transform: translate(0,1em);
-o-transform: translate(0,1em);
-ms-transform: translate(0,1em);
transform: translate(0,1em);
}
.feature:hover i{
color:#FFD437;
border-color:#FFD437;
background:#FFFFFF;
}
.feature:hover .title_border {
background-color:#2FD8C8;
width:50%;
}
.feature .title_border {
width: 0%;
height: 4px;
background:#00129C;
margin: 0 auto;
margin-top: 12px;
margin-bottom: 8px;
}
.wrapper {
color: #191919;
}
.textDiv {
font-size: 4vmax;
text-align: left;
padding: 0 7vw;
white-space: nowrap;
font-family: "Mulish", sans-serif;
transition: scale 150ms ease-in-out 0s;
cursor: default;
}
.textDiv:hover {
scale: 1.02;
}
.textDiv::selection {
background-color: #eeeeee;
}
button {
background-color: #4CAF50;
border: none;
color: white;
padding: 8px 12px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
transition: background-color 0.3s;
&:hover {
background-color: #F6C900;
}
&:active {
background-color: #D37B00;
}
}
.body{
height:100vh;
margin: 0;
--x: calc(var(--posX, 0) * 1px);
--y: calc(var(--posY, 0) * 1px);
background-image:
linear-gradient(115deg, rgb(211 255 215), rgb(0 0 0)),
radial-gradient( 90% 100% at calc( 50% + var(--x)) calc( 0% + var(--y)), rgb(200 200 200), rgb(022 000 045)),
radial-gradient(100% 100% at calc( 80% - var(--x)) calc( 0% - var(--y)), rgb(250 255 000), rgb(036 000 000)),
radial-gradient(150% 210% at calc(100% + var(--x)) calc( 0% + var(--y)), rgb(020 175 125), rgb(000 010 255)),
radial-gradient(100% 100% at calc(100% - var(--x)) calc(30% - var(--y)), rgb(255 077 000), rgb(000 200 255)),
linear-gradient(60deg, rgb(255 000 000), rgb(120 086 255));
background-blend-mode: overlay, overlay, difference, difference, difference, normal;
}
/* = Toggle Visibility
-------------------------------------------------------------- */
.toggled-item{transition: height 350ms ease-in-out, padding 350ms ease-in-out, opacity 350ms ease-in-out;overflow: hidden;}
.toggled-item-hidden{padding-top:0!important;padding-bottom:0!important;border-top:0!important;border-bottom:0!important;outline:0!important;opacity: 0;}
.object-hidden{display:none;}
/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */
@media (min-width: 576px) {
.bloc-xxl-sm{padding:200px 20px;}
.bloc-xl-sm{padding:150px 20px;}
.bloc-lg-sm{padding:100px 20px;}
.bloc-md-sm{padding:50px 20px;}
.bloc-sm-sm{padding:20px;}
.bloc-no-padding-sm{padding:0 20px;}
.link-with-icon.text-sm-start,.link-with-icon.text-sm-left{justify-content: flex-start;}
.link-with-icon.text-sm-center{justify-content: center;}
.link-with-icon.text-sm-end,.link-with-icon.text-sm-right{justify-content: flex-end;}
}
@media (min-width: 768px) {
.bloc-xxl-md{padding:200px 20px;}
.bloc-xl-md{padding:150px 20px;}
.bloc-lg-md{padding:100px 20px;}
.bloc-md-md{padding:50px 20px;}
.bloc-sm-md{padding:20px 20px;}
.bloc-no-padding-md{padding:0 20px;}
.link-with-icon.text-md-start,.link-with-icon.text-md-left{justify-content: flex-start;}
.link-with-icon.text-md-center{justify-content: center;}
.link-with-icon.text-md-end,.link-with-icon.text-md-right{justify-content: flex-end;}
}
@media (min-width: 992px) {
.bloc-xxl-lg{padding:200px 20px;}
.bloc-xl-lg{padding:150px 20px;}
.bloc-lg-lg{padding:100px 20px;}
.bloc-md-lg{padding:50px 20px;}
.bloc-sm-lg{padding:20px;}
.bloc-no-padding-lg{padding:0 20px;}
.link-with-icon.text-lg-start,.link-with-icon.text-lg-left{justify-content: flex-start;}
.link-with-icon.text-lg-center{justify-content: center;}
.link-with-icon.text-lg-end,.link-with-icon.text-lg-right{justify-content: flex-end;}
}
/* = Mobile adjustments
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
.bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 991px)
{
.container{width:100%;}
.bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
.bloc-group, .bloc-group .bloc{display:block;width:100%;}
}
@media (max-width: 767px)
{
.bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
padding-left:0;padding-right:0;
}
.btn-dwn{
display:none;
}
.voffset{
margin-top:5px;
}
.voffset-md{
margin-top:20px;
}
.voffset-lg{
margin-top:30px;
}
form{
padding:5px;
}
.close-lightbox{
display:inline-block;
}
.blocsapp-device-iphone5{
background-size: 216px 425px;
padding-top:60px;
width:216px;
height:425px;
}
.blocsapp-device-iphone5 img{
width: 180px;
height: 320px;
}
}
@media (max-width: 991px){
.navbar-brand img{
width:260px;
height:55px;
}
.navi-typo-small{
font-size:18px;
}
.navi-typo-small:hover{
font-size:18px;
}
.navi-typo-small:active{
font-size:18px;
}
.p-bloc-0-style{
}
.p-margin-left{
}
.link-margin-right{
}
.btn-margin-top{
margin-top:7px;
}
.mt-md-0{
}
.mt-md-4{
}
.bloc-bloc-21-margin-top{
margin-top:-81px;
}
.img-dcp-113--margin-top{
margin-top:29px;
}
.img-style{
width:146px;
margin-top:-106px;
}
.padding1{
padding:167px 199px 199px 199px;
}
.h1-5-style{
width:94.76%;
}
.h3-style{
line-height:44px;
}
.h3-2-style{
line-height:44px;
}
.h4-margin-top{
margin-top:0px;
}
.h3--email-style{
margin-bottom:0px;
}
.p-margin-bottom{
margin-bottom:1px;
}
.h3-9-style{
width:100%;
}
.btn-margin-bottom{
width:55.1%;
}
.h2-shows-style{
margin-left:3px;
margin-top:19px;
}
.h2-margin-top{
margin-left:4px;
margin-top:72px;
}
.h3-netzwerke-style{
margin-bottom:46px;
}
.btn-button-style{
width:51.11%;
margin-bottom:21px;
}
.img-ddr-logo-web-0-style{
width:63px;
}
.h1-style{
margin-left:34px;
font-size:36px;
line-height:46px;
}
.icon-margin-left{
margin-left:2px;
margin-right:13px;
}
.icon-margin-top{
margin-top:-1px;
}
.container-div-latest03-style{
margin-top:0px;
}
.container-div-latest02-style{
margin-bottom:10px;
}
.carousel-margin-top{
margin-top:15px;
}
.button2{
}
.btn-about-style{
width:24.01%;
}
.btn-39-style{
width:52.42%;
}
.btn-38-style{
width:25.77%;
}
.container-div-0-style{
margin-left:-73px;
}
.h3-36-style{
width:93.67%;
}
.btn-35-style{
width:54.94%;
}
.h4-feedback-margin-top{
margin-bottom:2px;
}
.h2-3-style{
font-size:33px;
line-height:40px;
}
.btn-submit-style{
margin-top:4px;
width:48.63%;
}
.bloc-navi-intro-margin-top{
margin-top:33px;
}
.h3-navi-intro-style{
margin-top:22px;
}
.img-intro02-margin-top{
margin-top:57px;
}
.img-latest01-margin-bottom{
margin-top:46px;
}
.h2-unsere-style{
width:100%;
margin-left:0px;
}
.paddingspecial{
padding-top:190px;
padding-bottom:40px;
}
.h3-bloc-3-style{
width:100%;
font-size:30px;
}
.h2-bloc-3-style{
font-size:60px;
line-height:70px;
margin-bottom:0px;
padding-top:59px;
margin-top:0px;
width:80.65%;
}
.h3-bloc-3-margin-bottom{
margin-bottom:28px;
margin-top:15px;
padding-bottom:34px;
}
.btn-zermatt-style{
width:34.84%;
margin-top:-2px;
}
.img-latest07-style{
margin-top:42px;
margin-left:185px;
}
.img-39-style{
margin-left:19px;
width:407px;
}
.h3-latest-margin-top{
width:100%;
}
.link-latest-style{
text-decoration:none;
}
.bloc-bloc-19-margin-top{
margin-top:0px;
}
.h6-style{
width:100%;
margin-top:204px;
margin-bottom:54px;
padding-bottom:0px;
padding-top:2px;
}
.img-apollo-16-lo-style{
width:147px;
}
.row-latest02-style{
width:80.23%;
}
.img-nasa-logo-w-style{
margin-left:-8px;
}
.h2-5-style{
margin-top:0px;
}
.h3-8-margin-top{
line-height:32px;
}
.h3-start-intro03-margin-bottom{
line-height:32px;
}
.btn-3-style{
width:34.71%;
padding-top:2px;
padding-bottom:2px;
}
.img-work-business-style{
width:350px;
}
.p-latest07-margin-top{
margin-left:1px;
width:100%;
}
.h6-padding-top{
padding-top:231px;
padding-bottom:0px;
margin-top:-3px;
margin-bottom:61px;
}
.h2-padding-top{
padding-top:59px;
}
.bloc-padding-top{
padding-top:14px;
}
.bloc-navi-special-padding-top{
padding-top:15px;
}
.p-11-navi-intro-style{
width:100%;
}
.btn-style{
width:34.57%;
}
.dark-theme .h3-style{
line-height:44px;
}
.dark-theme .h3-2-style{
line-height:44px;
}
.dark-theme .p-margin-bottom{
margin-bottom:1px;
}
.row-margin-bottom{
margin-bottom:-16px;
}
.h3-impressum-style{
width:100%;
}
.button3{
}
.h2-8-style{
text-indent:0px;
}
.h5-huiii-style{
text-indent:0px;
}
.bloc-style{
width:100%;
}
.webtext{
font-size:22pt;
}
.webtext:hover{
font-size:22pt;
}
.webtext:active{
font-size:22pt;
}
.programmestext{
font-size:22pt;
}
.programmestext:hover{
font-size:22pt;
}
.programmestext:active{
font-size:22pt;
}
.networktext{
font-size:22pt;
}
.networktext:hover{
font-size:22pt;
}
.networktext:active{
font-size:22pt;
}
.row-impress-margin-top{
padding-top:17px;
width:36.78%;
}
.h3-margin-bottom{
margin-bottom:14px;
}
.h1-footer-start-style{
width:97.49%;
}
.img-event5-style{
width:253px;
}
.btn-trailer-style{
}
.btn-event5-style{
width:34.57%;
}
.bloc-divider-b-fill{
fill:var(--swatch-var-3402);
height:69px;
}
.img-frontpage-style{
width:630px;
}
.bloc-divider-t-fill{
height:68px;
}
.p-impress-margin-top{
padding-top:0px;
}
.btn-submit-style-start{
margin-top:4px;
width:48.63%;
}
.bloc-bloc-79-margin-top{
margin-top:-134px;
padding-top:37px;
}
.h1-event8-style{
width:45.27%;
font-size:55px;
line-height:65px;
padding-bottom:26px;
}
.paddingstart1{
padding-top:20px;
padding-bottom:20px;
}
.bloc-event8-margin-top{
margin-top:28px;
margin-bottom:-6px;
}
.img-margin-top{
margin-bottom:4px;
width:720px;
border-radius:0px 0px 0px 0px;
margin-top:2px;
}
.btn-4-style{
width:34.43%;
}
.btn-blick-ch-style{
width:34.71%;
}
.btn-3-button-style{
width:60.08%;
margin-top:19px;
}
.img-event6-style{
width:443px;
}
.h1-1-style{
font-size:87px;
margin-top:1px;
line-height:110px;
}
.h4-bloc-2-style{
width:79.87%;
font-size:45px;
line-height:55px;
margin-bottom:23px;
}
.h3-get-in-touch-style{
width:96.41%;
font-size:38px;
}
.icon-margin-bottom{
margin-bottom:19px;
}
.h1-shows -style{
font-family:"BarlowSemiCondensed-SemiBold";
font-size:87px;
line-height:110px;
margin-top:10px;
}
.p-bloc-2-style{
font-size:74px;
line-height:92px;
}
.p-4-style{
font-size:44px;
}
.html-widget-margin-bottom{
margin-bottom:-7px;
}
.img-2-style{
width:464px;
margin-top:21px;
}
.bloc-divider-t-intro16-fill{
height:633px;
}
.menu-icon-3686-stroke{
stroke:var(--swatch-var-4887)!important;
fill:var(--swatch-var-4887)!important;
}
.h2-1-style{
line-height:42px;
}
.divider-background-color{
margin-bottom:15px;
height:1px;
}
.h3-card-heading-margin-bottom{
margin-bottom:15px;
}
.divider-ref02-margin-bottom{
margin-bottom:15px;
}
.divider-ref01-margin-bottom{
margin-bottom:14px;
}
.divider-margin-bottom{
margin-bottom:16px;
}
.divider-ref01-background-color{
margin-bottom:15px;
}
.divider-bloc-7-margin-bottom{
margin-bottom:14px;
}
.divider-0-margin-bottom{
margin-bottom:15px;
}
.divider-ref03-margin-bottom{
margin-bottom:13px;
background-color:var(--swatch-var-4630);
}
.divider-ref03-background-color{
background-color:var(--swatch-var-4630);
margin-bottom:14px;
}
.divider-ref02-background-color{
margin-bottom:16px;
}
.bloc-intro04-margin-bottom{
margin-bottom:28px;
}
.bloc-map-margin-bottom{
margin-bottom:28px;
}
.html-widget-style{
width:100%;
height:318px;
}
.bloc-margin-top{
margin-top:4px;
}
.menu-icon-769-stroke{
stroke:var(--swatch-var-3092)!important;
fill:var(--swatch-var-3092)!important;
}
.h2-frontpage-style{
line-height:35px;
font-size:21px;
width:80.89%;
}
.h3-event6-margin-bottom{
margin-bottom:38px;
width:97.45%;
}
.img-103-style{
width:313px;
}
}
@media (max-width: 767px){
.navbar-brand img{
width:200px;
height:48px;
}
.blocsapp-special-menu blocsnav{
background-color:rgba(0,0,0,0.7);
}
.blocsapp-special-menu blocsnav:hover{
background-color:#000000;
}
.blocsapp-special-menu blocsnav:active{
background-color:#000000;
}
.bloc-bloc-21-margin-top{
margin-top:-81px;
}
.h5-style{
margin-top:0px;
}
.img-style{
width:121px;
margin-top:-127px;
}
.h1-5-style{
font-size:33px;
line-height:43px;
margin-left:48px;
}
.icon-bloc-21-margin-top{
margin-left:0px;
}
.padding1{
padding:173px 173px 173px 173px;
}
.h1-style{
font-size:30px;
line-height:40px;
}
.p-margin-bottom{
margin-bottom:48px;
}
.h3-footer-style{
font-size:12px;
line-height:22px;
}
.h4-style{
font-size:16px;
line-height:30px;
}
.h3--email-style{
font-size:12px;
line-height:22px;
margin-bottom:8px;
}
.h4-margin-top{
margin-top:-6px;
}
.h3-9-style{
width:100%;
font-size:22px;
}
.p-start-intro02-margin-bottom{
margin-bottom:0px;
}
.btn-margin-bottom{
width:54.91%;
}
.bloc-work-shows-margin-bottom{
margin-bottom:25px;
}
.bloc-0-margin-bottom{
margin-bottom:28px;
}
.h3-margin-bottom{
margin-bottom:16px;
}
.h3-work-shows-margin-bottom{
margin-bottom:74px;
}
.h3-18-margin-bottom{
margin-bottom:68px;
}
.h3-work-veranst-margin-bottom{
margin-bottom:79px;
}
.h3- ulli-obrecht-margin-bottom{
margin-bottom:20px;
}
.img-margin-top{
margin-top:2px;
width:530px;
margin-bottom:17px;
}
.h3-22-margin-bottom{
margin-bottom:63px;
}
.h3-23-margin-bottom{
margin-bottom:71px;
}
.h3-work-business-margin-bottom{
margin-bottom:67px;
}
.h3-26-margin-bottom{
margin-bottom:69px;
}
.h3-27-margin-bottom{
margin-bottom:73px;
}
.h3- klatt-fackler-margin-bottom{
margin-bottom:20px;
}
.img-ivanov-web--margin-top{
margin-top:56px;
}
.h3- anna-ivanov-margin-bottom{
margin-bottom:20px;
}
.img-bpfr-0-margin-top{
margin-top:58px;
}
.h3-30-margin-bottom{
margin-bottom:29px;
}
.img-ddr-logo-web-0-style{
width:66px;
margin-left:-3px;
}
.h3- vag-freiburg-margin-bottom{
margin-bottom:20px;
}
.img-work-veranst-margin-top{
margin-top:45px;
}
.bloc-work-business-margin-top{
margin-top:47px;
}
.btn-39-style{
width:51.14%;
}
.btn-about-style{
width:32.24%;
}
.btn-38-style{
width:31.21%;
}
.h3-36-style{
font-size:17px;
line-height:28px;
margin-bottom:1px;
margin-top:1px;
width:88.71%;
}
.icon-margin-left{
margin-left:0px;
margin-bottom:18px;
}
.card-header-margin-bottom{
margin-bottom:0px;
}
.h2-margin-top{
margin-bottom:22px;
margin-top:47px;
}
.h4-feedback-margin-top{
margin-top:0px;
margin-bottom:7px;
}
.btn-submit-style{
margin-top:8px;
width:100%;
}
.img-navi-intro-margin-top{
margin-top:1px;
}
.p-navi-intro-margin-bottom{
margin-bottom:28px;
}
.img-latest01-margin-bottom{
margin-top:45px;
}
.close-special-menu .close-icon{
background-color:#FFFFFE;
}
.close-special-menu .close-icon:hover{
background-color:#F8CE00;
}
.close-special-menu .close-icon:active{
background-color:#F8CE00;
}
.h2-unsere-style{
margin-left:0px;
width:100%;
font-size:40px;
line-height:55px;
}
.h3-bloc-3-style{
width:100%;
}
.h2-bloc-3-style{
font-size:60px;
line-height:70px;
}
.h3-bloc-3-margin-bottom{
margin-bottom:12px;
}
.btn-zermatt-style{
width:97.39%;
margin-top:4px;
}
.paddingspecial{
padding-top:122px;
padding-bottom:25px;
}
.img-latest07-style{
margin-left:180px;
width:408px;
}
.img-39-style{
width:391px;
}
.h3-latest-margin-top{
width:98.77%;
margin-left:6px;
}
.bloc-bloc-19-margin-top{
margin-top:0px;
}
.h6-style{
width:97.58%;
margin-top:288px;
margin-bottom:28px;
padding-top:0px;
padding-bottom:0px;
}
.img-33-margin-top{
margin-top:48px;
}
.row-67-margin-top{
margin-top:7px;
}
.h3-40-margin-bottom{
margin-bottom:29px;
}
.img-nasa-logo-w-style{
margin-left:-3px;
}
.h2-5-style{
margin-top:1px;
}
.img-32-margin-top{
margin-top:42px;
}
.btn-19-margin-top{
width:100%;
}
.btn-3-style{
width:97.58%;
}
.p-latest07-margin-top{
margin-left:0px;
width:100%;
}
.img-work-business-style{
width:513px;
margin-top:24px;
}
.img-work-business-margin-top{
margin-top:38px;
}
.img-29-margin-top{
margin-top:5px;
}
.bloc-divider-t-fill{
height:58px;
}
.h6-padding-top{
margin-top:-1px;
padding-bottom:1px;
margin-bottom:33px;
}
.btn-style{
width:98.51%;
}
.img-intro02-margin-top{
width:417px;
margin-top:39px;
}
.dark-theme .p-margin-bottom{
margin-bottom:48px;
}
.dark-theme .p-start-intro02-margin-bottom{
margin-bottom:0px;
}
.h3-impressum-style{
writing-mode:horizontal-tb;
width:100%;
margin-bottom:16px;
margin-top:0px;
}
.h2-shows-style{
margin-top:13px;
}
.h2-zahnärzte-style{
text-indent:0px;
margin-bottom:0px;
}
.btn-17-margin-top{
margin-bottom:23px;
}
.btn-18-button-margin-top{
}
.h2-8-style{
margin-bottom:0px;
}
.h5-huiii-style{
text-indent:0px;
}
.bloc-0-custumer2-margin-bottom{
margin-bottom:-1px;
}
.row-custumer2-style{
margin-top:21px;
margin-bottom:19px;
}
.bloc-style{
width:100%;
}
.bloc-head01-margin-top{
padding-top:0px;
}
.typoblock{
border-radius:18px 18px 18px 18px;
}
.webtext{
font-size:20pt;
}
.webtext:hover{
font-size:20pt;
}
.webtext:active{
font-size:20pt;
}
.programmestext{
font-size:20pt;
}
.programmestext:hover{
font-size:20pt;
}
.programmestext:active{
font-size:20pt;
}
.networktext{
font-size:20pt;
}
.networktext:hover{
font-size:20pt;
}
.networktext:active{
font-size:20pt;
}
.p-39-style{
writing-mode:vertical-lr;
margin-left:0px;
padding-top:6px;
}
.p-40-style{
writing-mode:vertical-lr;
margin-top:16px;
margin-left:0px;
}
.bloc-bloc-79-margin-top{
margin-top:-280px;
padding-top:11px;
}
.h2-event5-style{
font-size:33px;
line-height:50px;
}
.h6-padding-bottom{
padding-bottom:4px;
}
.img-event5-style{
width:285px;
}
.btn-event5-style{
width:97.95%;
}
.img-frontpage-style{
width:497px;
}
.p-impress-margin-top{
writing-mode:vertical-lr;
margin-bottom:18px;
padding:132px 16px 0px 25px;
}
.btn-submit-style-start{
margin-top:8px;
width:100%;
}
.h1-event8-style{
width:53.82%;
font-size:40px;
line-height:50px;
margin-top:53px;
}
.bloc-event8-margin-top{
margin-top:14px;
}
.btn-4-style{
width:98.32%;
}
.btn-blick-ch-style{
width:96.28%;
}
.btn-3-button-style{
margin-top:11px;
width:98.88%;
}
.img-event6-style{
width:296px;
}
.h1-1-style{
font-size:64px;
margin-top:10px;
line-height:80px;
}
.h4-bloc-2-style{
font-size:40px;
line-height:50px;
margin-top:1px;
width:73.24%;
}
.h3-get-in-touch-style{
width:92.87%;
font-size:33px;
}
.h1-shows -style{
font-size:64px;
line-height:80px;
font-family:"BarlowSemiCondensed-SemiBold";
margin-top:8px;
}
.quote-text{
font-size:22px;
}
.p-bloc-2-style{
width:100%;
font-size:53px;
line-height:70px;
}
.p-4-style{
font-size:40px;
line-height:58px;
margin-bottom:15px;
}
.bloc-divider-b-fill{
height:55px;
fill:var(--swatch-var-3402);
}
.link-say-hi--style{
font-size:16px;
}
.link-say-hi--style:hover{
font-size:16px;
}
.link-say-hi--style:active{
font-size:16px;
}
.bloc-bloc-3-margin-bottom{
margin-bottom:19px;
}
.bloc-0-bloc-3-margin-bottom{
margin-bottom:18px;
}
.icon-padding-left{
padding-left:28px;
}
.icon-0-padding-right{
margin-right:-12px;
padding-left:37px;
}
.h2-1-style{
margin-bottom:24px;
line-height:41px;
}
.img-schwarzwaldfas-margin-bottom{
margin-top:2px;
}
.h3-card-heading-margin-bottom{
margin-bottom:4px;
}
.card-ref01-margin-bottom{
margin-bottom:98px;
}
.html-widget-style{
height:362px;
margin-bottom:-14px;
}
.bloc-margin-top{
margin-top:36px;
}
.img-block-bla-style{
margin-bottom:15px;
width:63px;
}
.menu-icon-769-stroke{
stroke:var(--swatch-var-5332)!important;
fill:var(--swatch-var-5332)!important;
}
.h2-frontpage-style{
line-height:37px;
width:83.77%;
}
.h3-event6-margin-bottom{
width:74.81%;
margin-bottom:24px;
}
.img-103-style{
margin-top:21px;
}
.sidebar-nav{
width:230px!important;
}
.nav-special.sidebar-nav .nav > li{
width:80%;
}
.nav-invert .sidebar-nav .close-special-menu{
left:200px;
}
}
@media (max-width: 575px){
.blocsapp-special-menu blocsnav{
background-color:rgba(0,0,0,0.8);
}
.blocsapp-special-menu blocsnav:hover{
background-color:#000000;
}
.blocsapp-special-menu blocsnav:active{
background-color:#000000;
}
.mt-1{
}
.bloc-bloc-21-margin-top{
margin-top:-434px;
padding-top:0px;
}
.h1-5-style{
font-size:27px;
line-height:37px;
margin-left:11px;
width:97.24%;
}
.footer-link{
text-align:center;
}
.navbar-brand img{
width:190px;
height:40px;
}
.padding1{
padding-top:291px;
padding-bottom:167px;
}
.h1-style{
font-size:25px;
line-height:35px;
margin-left:23px;
}
.h4-style{
font-size:16px;
line-height:30px;
}
.h3-footer-style{
font-size:16px;
line-height:30px;
}
.h3--email-style{
font-size:16px;
line-height:3px;
margin-bottom:8px;
}
.h3-9-style{
font-size:18px;
width:97.4%;
margin-top:7px;
}
.btn-margin-bottom{
width:84.7%;
margin-bottom:12px;
}
.h2-margin-top{
margin-left:-1px;
margin-bottom:14px;
}
.h2-shows-style{
margin-left:-1px;
margin-bottom:13px;
margin-top:9px;
}
.btn-button-style{
width:100%;
}
.card-footer-margin-top{
margin-top:-12px;
padding-top:9px;
}
.img-ddr-logo-web-0-style{
width:79px;
margin-left:-5px;
}
.h3-get-in-touch-style{
font-size:20px;
}
.h3-37-style{
margin-bottom:0px;
}
.h2-feature-title-style{
font-size:22px;
line-height:33px;
}
.bloc-work-business-margin-bottom{
margin-bottom:0px;
}
.img-ivanov-web--margin-top{
margin-top:37px;
}
.img-bpfr-0-margin-top{
margin-top:22px;
}
.h3-27-margin-bottom{
margin-bottom:52px;
}
.h3--info-margin-top{
margin-top:0px;
}
.h3-margin-top{
margin-top:12px;
}
.h3-45-margin-top{
margin-top:10px;
}
.btn-about-style{
width:48.05%;
}
.btn-39-style{
width:85.45%;
margin-top:19px;
}
.btn-38-style{
width:100%;
}
.btn-submit-style{
width:100%;
margin-top:5px;
}
.icon-margin-top{
margin-top:-15px;
}
.h3-36-style{
margin-top:-1px;
}
.btn-35-style{
width:100%;
margin-bottom:13px;
}
.btn-web-style{
width:100%;
}
.h4-margin-top{
margin-top:2px;
}
.h4-feedback-margin-top{
margin-top:20px;
margin-bottom:2px;
padding-top:0px;
}
.img-navi-intro-margin-top{
margin-bottom:16px;
}
.close-special-menu .close-icon{
background-color:#FFFFFE;
}
.close-special-menu .close-icon:hover{
background-color:#F8CE00;
}
.close-special-menu .close-icon:active{
background-color:#F8CE00;
}
.h2-unsere-style{
margin-left:17px;
width:100%;
font-size:22px;
line-height:33px;
}
.h3-bloc-3-style{
width:46.15%;
}
.h2-bloc-3-style{
font-size:38px;
line-height:50px;
width:100%;
}
.h3-bloc-3-margin-bottom{
font-size:19px;
line-height:30px;
margin-bottom:11px;
}
.btn-zermatt-style{
width:100%;
margin-top:-3px;
}
.h2-style{
font-size:22px;
line-height:33px;
}
.img-39-style{
width:232px;
margin-bottom:1px;
}
.h3-latest-margin-top{
width:100%;
font-size:18px;
margin-left:-1px;
}
.bloc-bloc-19-margin-top{
margin-top:0px;
}
.h6-style{
width:100%;
margin-top:205px;
font-size:13px;
line-height:24px;
padding-bottom:0px;
padding-top:1px;
margin-bottom:12px;
}
.paddingspecial{
padding-bottom:27px;
}
.btn-16-margin-top{
margin-bottom:0px;
}
.h4-18-style{
margin-top:17px;
}
.img-24-margin-top{
margin-top:0px;
}
.h3-26-margin-bottom{
margin-bottom:48px;
}
.img-23-margin-top{
margin-top:0px;
}
.h3-work-business-margin-bottom{
margin-bottom:53px;
}
.img-27-margin-top{
margin-top:0px;
}
.bloc-0-work-business-margin-bottom{
margin-bottom:2px;
}
.h4-margin-bottom{
margin-bottom:0px;
}
.h3- klatt-fackler-margin-bottom{
margin-bottom:20px;
}
.img-29-margin-top{
margin-top:0px;
}
.bloc-27542-margin-bottom{
margin-bottom:16px;
}
.bloc-0-margin-top{
margin-top:0px;
}
.img-32-margin-top{
margin-top:0px;
}
.h3-30-margin-bottom{
margin-bottom:37px;
}
.h3- anna-ivanov-margin-bottom{
margin-bottom:20px;
}
.img-33-margin-top{
margin-top:-1px;
}
.h3-40-margin-bottom{
margin-bottom:2px;
}
.headsto{
font-size:31px;
}
.headsto:hover{
font-size:31px;
}
.headsto:active{
font-size:31px;
}
.img-nasa-logo-w-style{
width:221px;
margin-left:-12px;
}
.img-apollo-16-lo-style{
width:188px;
margin-left:0px;
margin-right:2px;
margin-top:9px;
}
.h2-5-style{
margin-top:0px;
}
.btn-3-style{
width:98.58%;
margin-top:14px;
padding-top:2px;
padding-bottom:2px;
}
.p-latest07-margin-top{
width:98.44%;
margin-left:4px;
}
.img-work-business-style{
margin-top:37px;
}
.bloc-divider-t-fill{
height:50px;
}
.h2-padding-top{
font-size:38px;
line-height:50px;
}
.h6-padding-top{
padding-top:230px;
margin-bottom:40px;
}
.img-intro02-margin-top{
width:273px;
margin-top:35px;
}
.h3-impressum-style{
margin-top:0px;
font-size:23px;
line-height:33px;
}
.row-padding-top{
padding-top:2px;
margin-top:2px;
}
.h2-zahnärzte-style{
text-indent:0px;
}
.icon-margin-left{
margin-left:0px;
}
.outline2:hover{
}
.outline2:active{
}
.webtext{
font-size:20pt;
}
.webtext:active{
font-size:20pt;
}
.webtext:hover{
font-size:20pt;
}
.programmestext{
font-size:20pt;
}
.programmestext:hover{
font-size:20pt;
}
.programmestext:active{
font-size:20pt;
}
.networktext{
font-size:20pt;
}
.networktext:hover{
font-size:20pt;
}
.networktext:active{
font-size:20pt;
}
.h3-margin-bottom{
margin-bottom:10px;
}
.h3-bloc-78-margin-bottom{
margin-bottom:12px;
}
.p-39-style{
margin-left:-1px;
}
.p-40-style{
margin-left:0px;
}
.bloc-bloc-79-margin-top{
padding-left:0px;
padding-top:34px;
}
.row-impress-margin-top{
width:53.2%;
}
.h1-footer-start-style{
width:100%;
}
.h2-event5-style{
margin-top:53px;
font-size:22px;
line-height:36px;
}
.img-event5-style{
width:280px;
}
.h6-padding-bottom{
font-size:13px;
line-height:24px;
}
.bloc-divider-b-fill{
height:51px;
fill:var(--swatch-var-3402);
}
.btn-submit-style-start{
width:100%;
margin-top:5px;
}
.h1-event8-style{
width:49.82%;
font-size:25px;
line-height:35px;
margin-top:12px;
}
.img-margin-top{
margin-bottom:15px;
margin-top:2px;
}
.bloc-event8-margin-top{
margin-top:56px;
}
.btn-blick-ch-style{
width:100%;
}
.btn-3-button-style{
width:100%;
margin-top:17px;
}
.img-style{
margin-bottom:-5px;
margin-top:-114px;
}
.img-event6-style{
width:218px;
}
.h1-1-style{
font-size:32px;
margin-top:-2px;
line-height:44px;
margin-bottom:24px;
}
.h4-bloc-2-style{
font-size:25px;
line-height:35px;
width:100%;
margin-top:3px;
margin-bottom:24px;
}
.h1-shows -style{
font-family:"BarlowSemiCondensed-SemiBold";
font-size:45px;
margin-bottom:0px;
margin-top:20px;
padding-bottom:0px;
}
.quote-text{
font-size:18px;
}
.p-bloc-2-style{
font-size:40px;
line-height:44px;
width:100%;
}
.p-4-style{
font-size:28px;
line-height:42px;
margin-bottom:90px;
}
.h1-margin-left{
font-size:24px;
}
.bloc-divider-t-intro16-fill{
height:637px;
}
.row-style{
width:22.59%;
}
.h2-1-style{
font-size:22px;
line-height:34px;
}
.card-ref01-margin-bottom{
margin-bottom:-1px;
}
.bloc-intro04-margin-bottom{
margin-bottom:20px;
}
.html-widget-style{
height:307px;
margin-bottom:25px;
}
.bloc-margin-top{
margin-top:19px;
margin-bottom:-13px;
}
.scrollToTop{
width:45px;
height:45px;
margin:-10px -10px -10px -10px;
}
.card-body-margin-bottom{
margin-bottom:9px;
}
.img-block-bla-style{
width:57px;
}
.menu-icon-769-stroke{
stroke:var(--swatch-var-3289)!important;
fill:var(--swatch-var-3289)!important;
}
.bloc-topbild-margin-bottom{
margin-bottom:12px;
}
.h2-frontpage-style{
width:89.78%;
font-size:18px;
line-height:30px;
margin-top:0px;
margin-bottom:43px;
}
.img-frontpage-style{
margin-top:-72px;
}
.h3-event6-margin-bottom{
width:100%;
font-size:16px;
}
.h6-margin-bottom{
width:100%;
}
.html-widget-margin-top{
margin-top:19px;
}
}