html, body, #container
{
width: 100%;
height: 100%;
}
body
{
background-color: #FFFFFF;
color: #000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 1.1875;
margin: 0;
padding: 0;
}
#no-overflow
{
overflow-x: hidden;
}
#preloader
{
background: #FFFFFF url("images/rolling-dots.gif") no-repeat center center;
bottom: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
#wb_Start, #wb_Start_480, #wb_Leistungen, #wb_Leistungen_480, #wb_Banner_Fuchs, #wb_Banner_Fuchs_320, #wb_Kontakt, #wb_Kontakt_480, #wb_Banner_magisch, #wb_Banner_magisch_480
{
background-attachment: scroll !important;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5)
{
#wb_Start, #wb_Start_480, #wb_Leistungen, #wb_Leistungen_480, #wb_Banner_Fuchs, #wb_Banner_Fuchs_320, #wb_Kontakt, #wb_Kontakt_480, #wb_Banner_magisch, #wb_Banner_magisch_480
{
background-attachment: scroll !important;
}
}
#wb_header
{
clear: both;
position: fixed;
left: 0;
top: 0;
z-index: 7777;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #100C1C;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#header
{
box-sizing: border-box;
padding: 20px 15px 20px 15px;
margin-right: auto;
margin-left: auto;
}
#header > .row
{
margin-right: -15px;
margin-left: -15px;
}
#header > .row > .col-1, #header > .row > .col-2
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#header > .row > .col-1, #header > .row > .col-2
{
float: left;
}
#header > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 25%;
text-align: center;
}
#header > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 75%;
text-align: left;
}
#header:before,
#header:after,
#header .row:before,
#header .row:after
{
display: table;
content: " ";
}
#header:after,
#header .row:after
{
clear: both;
}
@media (max-width: 320px)
{
#header > .row > .col-1, #header > .row > .col-2
{
float: none;
width: 100% !important;
}
}
#wb_Start
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: url('images/Wald_Startseite_web.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-position: 50% 0;
background-size: cover;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Start
{
box-sizing: border-box;
padding: 200px 15px 100px 15px;
margin-right: auto;
margin-left: auto;
}
#Start > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Start > .row > .col-1, #Start > .row > .col-2, #Start > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Start > .row > .col-1, #Start > .row > .col-2, #Start > .row > .col-3
{
float: left;
}
#Start > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: center;
}
#Start > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 83.33333333%;
text-align: center;
}
#Start > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: center;
}
#Start:before,
#Start:after,
#Start .row:before,
#Start .row:after
{
display: table;
content: " ";
}
#Start:after,
#Start .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Start > .row > .col-1, #Start > .row > .col-2, #Start > .row > .col-3
{
float: none;
width: 100% !important;
}
}
#Start-overlay
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #100C1C;
opacity: 0.55;
}
#Start-divider-bottom
{
overflow: hidden;
position: absolute;
line-height: 0;
bottom: 0%;
left: 0;
width: 100%;
height: 50px;
}
#Start-divider-bottom svg
{
display: block;
width: 100%;
height: 100%;
position: relative;
left: 50%;
transform: translateX(-50%);
}
#Start-divider-bottom .divider-fill
{
fill: #FFFFFF;
transform-origin: bottom;
transform: rotateY(0deg);
}
#wb_Start_480
{
clear: both;
position: relative;
table-layout: fixed;
display: none;
text-align: center;
width: 100%;
background-color: transparent;
background-image: url('AdobeStock_270372951.jpeg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-position: 50% 0;
background-size: cover;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Start_480
{
box-sizing: border-box;
padding: 200px 15px 100px 15px;
margin-right: auto;
margin-left: auto;
}
#Start_480 > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Start_480 > .row > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Start_480 > .row > .col-1
{
float: left;
}
#Start_480 > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 100%;
text-align: center;
}
#Start_480:before,
#Start_480:after,
#Start_480 .row:before,
#Start_480 .row:after
{
display: table;
content: " ";
}
#Start_480:after,
#Start_480 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Start_480 > .row > .col-1
{
float: none;
width: 100% !important;
}
}
#Start_480-overlay
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #100C1C;
opacity: 0.55;
}
#Start_480-divider-bottom
{
overflow: hidden;
position: absolute;
line-height: 0;
bottom: 0%;
left: 0;
width: 100%;
height: 50px;
}
#Start_480-divider-bottom svg
{
display: block;
width: 100%;
height: 100%;
position: relative;
left: 50%;
transform: translateX(-50%);
}
#Start_480-divider-bottom .divider-fill
{
fill: #FFFFFF;
transform-origin: bottom;
transform: rotateY(0deg);
}
#wb_Intro
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Intro
{
box-sizing: border-box;
padding: 150px 40px 150px 40px;
margin-right: auto;
margin-left: auto;
}
#Intro > .row
{
margin-right: -40px;
margin-left: -40px;
}
#Intro > .row > .col-1, #Intro > .row > .col-2
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 40px;
padding-left: 40px;
position: relative;
}
#Intro > .row > .col-1, #Intro > .row > .col-2
{
float: left;
}
#Intro > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 50%;
text-align: right;
}
#Intro > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 50%;
text-align: left;
}
#Intro:before,
#Intro:after,
#Intro .row:before,
#Intro .row:after
{
display: table;
content: " ";
}
#Intro:after,
#Intro .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Intro > .row > .col-1, #Intro > .row > .col-2
{
float: none;
width: 100% !important;
}
}
#wb_Intro_480
{
clear: both;
position: relative;
table-layout: fixed;
display: none;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Intro_480
{
box-sizing: border-box;
padding: 200px 15px 200px 15px;
margin-right: auto;
margin-left: auto;
}
#Intro_480 > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Intro_480 > .row > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Intro_480 > .row > .col-1
{
float: left;
}
#Intro_480 > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 100%;
text-align: center;
}
#Intro_480:before,
#Intro_480:after,
#Intro_480 .row:before,
#Intro_480 .row:after
{
display: table;
content: " ";
}
#Intro_480:after,
#Intro_480 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Intro_480 > .row > .col-1
{
float: none;
width: 100% !important;
}
}
#wb_Leistungen
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Leistungen
{
box-sizing: border-box;
padding: 100px 15px 100px 15px;
margin-right: auto;
margin-left: auto;
}
#Leistungen > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Leistungen > .row > .col-1, #Leistungen > .row > .col-2, #Leistungen > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Leistungen > .row > .col-1, #Leistungen > .row > .col-2, #Leistungen > .row > .col-3
{
float: left;
}
#Leistungen > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: center;
}
#Leistungen > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 83.33333333%;
text-align: center;
}
#Leistungen > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: center;
}
#Leistungen:before,
#Leistungen:after,
#Leistungen .row:before,
#Leistungen .row:after
{
display: table;
content: " ";
}
#Leistungen:after,
#Leistungen .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Leistungen > .row > .col-1, #Leistungen > .row > .col-2, #Leistungen > .row > .col-3
{
float: none;
width: 100% !important;
}
}
#Leistungen-video
{
background: #000000;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -99;
}
#Leistungen-video video
{
object-fit: cover;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
#CardContainer3
{
display: flex;
position: relative;
padding: 10px 10px 10px 10px;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
align-content: flex-start;
margin: 0;
background-color: transparent;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
font-size: 0;
}
#wb_Text1
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 50px 0 50px 0;
margin: 0;
text-align: center;
animation: animate-fade-in 3000ms linear 0ms 1 normal both;
}
#wb_Text1 div
{
text-align: center;
}
#wb_Text1
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text6
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 40px 0 0 0;
margin: 0 0 50px 0 ;
text-align: center;
}
#wb_Text6 div
{
text-align: center;
}
#wb_Text6
{
display: block;
margin: 0 0 50px 0 ;
box-sizing: border-box;
width: 100%;
}
#wb_Card7
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 25%;
align-self: auto;
box-sizing: border-box;
margin: 40px 40px 40px 40px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card7-card-body
{
padding: 0 0 20px 0;
flex: 1 1 auto;
font-size: 0;
}
#Card7-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#wb_Card7:hover #Card7-card-item0
{
transform: translate(0px,-15px) rotate(-10deg) ;
transition: transform 400ms linear 300ms;
}
#Card7-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card7-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 5px 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#wb_Card7:hover #Card7-card-item1
{
color: #100C1C;
transition: color 200ms linear 0ms;
}
#Card7-card-item1
{
color: #FFFFFF;
transition: color 200ms linear 0ms;
}
#Card7-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card8
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 25%;
align-self: auto;
box-sizing: border-box;
margin: 40px 40px 40px 40px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card8-card-body
{
padding: 0 0 20px 0;
flex: 1 1 auto;
font-size: 0;
}
#Card8-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#wb_Card8:hover #Card8-card-item0
{
transform: translate(0px,-15px) rotate(0deg) ;
transition: transform 400ms linear 300ms;
}
#Card8-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card8-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 5px 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#wb_Card8:hover #Card8-card-item1
{
color: #100C1C;
transition: color 200ms linear 0ms;
}
#Card8-card-item1
{
color: #FFFFFF;
transition: color 200ms linear 0ms;
}
#Card8-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Leistungen_480
{
clear: both;
position: relative;
table-layout: fixed;
display: none;
text-align: center;
width: 100%;
background-color: transparent;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Leistungen_480
{
box-sizing: border-box;
padding: 100px 15px 100px 15px;
margin-right: auto;
margin-left: auto;
}
#Leistungen_480 > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Leistungen_480 > .row > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Leistungen_480 > .row > .col-1
{
float: left;
}
#Leistungen_480 > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 100%;
text-align: center;
}
#Leistungen_480:before,
#Leistungen_480:after,
#Leistungen_480 .row:before,
#Leistungen_480 .row:after
{
display: table;
content: " ";
}
#Leistungen_480:after,
#Leistungen_480 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Leistungen_480 > .row > .col-1
{
float: none;
width: 100% !important;
}
}
#Leistungen_480-video
{
background: #000000;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -99;
}
#Leistungen_480-video video
{
object-fit: cover;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
#Leistungen_480-divider-top
{
overflow: hidden;
position: absolute;
top: 0%;
width: 100%;
height: 50px;
line-height: 0;
left: 0;
transform: scale(-1.0, -1.0);
}
#Leistungen_480-divider-top svg
{
display: block;
width: 100%;
height: 100%;
position: relative;
left: 50%;
top: 0;
transform: translateX(-50%);
}
#Leistungen_480-divider-top .divider-fill
{
fill: #FFFFFF;
transform-origin: bottom;
transform: rotateY(0deg);
}
#wb_Banner_Fuchs
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: url('images/alexas_fotos-fox-1310840_web.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-position: 50% 0;
background-size: cover;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Banner_Fuchs
{
box-sizing: border-box;
padding: 120px 15px 120px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1024px;
}
#Banner_Fuchs > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Banner_Fuchs > .row > .col-1, #Banner_Fuchs > .row > .col-2, #Banner_Fuchs > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Banner_Fuchs > .row > .col-1, #Banner_Fuchs > .row > .col-2, #Banner_Fuchs > .row > .col-3
{
float: left;
}
#Banner_Fuchs > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: center;
}
#Banner_Fuchs > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 83.33333333%;
text-align: right;
}
#Banner_Fuchs > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: center;
}
#Banner_Fuchs:before,
#Banner_Fuchs:after,
#Banner_Fuchs .row:before,
#Banner_Fuchs .row:after
{
display: table;
content: " ";
}
#Banner_Fuchs:after,
#Banner_Fuchs .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Banner_Fuchs > .row > .col-1, #Banner_Fuchs > .row > .col-2, #Banner_Fuchs > .row > .col-3
{
float: none;
width: 100%;
}
}
#Banner_Fuchs-overlay
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #FFFFFF;
opacity: 0;
}
#Banner_Fuchs-divider-bottom
{
overflow: hidden;
position: absolute;
line-height: 0;
bottom: 0%;
left: 0;
width: 100%;
height: 50px;
}
#Banner_Fuchs-divider-bottom svg
{
display: block;
width: 100%;
height: 100%;
position: relative;
left: 50%;
transform: translateX(-50%);
}
#Banner_Fuchs-divider-bottom .divider-fill
{
fill: #FFFFFF;
transform-origin: bottom;
transform: rotateY(0deg);
}
#wb_Banner_Fuchs_320
{
clear: both;
position: relative;
table-layout: fixed;
display: none;
text-align: center;
width: 100%;
background-color: transparent;
background-image: url('images/fuchs-1310840_ret_gross.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Banner_Fuchs_320
{
box-sizing: border-box;
padding: 75px 15px 75px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1024px;
}
#Banner_Fuchs_320 > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Banner_Fuchs_320 > .row > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Banner_Fuchs_320 > .row > .col-1
{
float: left;
}
#Banner_Fuchs_320 > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 100%;
text-align: center;
}
#Banner_Fuchs_320:before,
#Banner_Fuchs_320:after,
#Banner_Fuchs_320 .row:before,
#Banner_Fuchs_320 .row:after
{
display: table;
content: " ";
}
#Banner_Fuchs_320:after,
#Banner_Fuchs_320 .row:after
{
clear: both;
}
@media (max-width: 320px)
{
#Banner_Fuchs_320 > .row > .col-1
{
float: none;
width: 100%;
}
}
#Banner_Fuchs_320-overlay
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #FFFFFF;
opacity: 0;
}
#Banner_Fuchs_320-divider-bottom
{
overflow: hidden;
position: absolute;
line-height: 0;
bottom: 0%;
left: 0;
width: 100%;
height: 50px;
}
#Banner_Fuchs_320-divider-bottom svg
{
display: block;
width: 100%;
height: 100%;
position: relative;
left: 50%;
transform: translateX(-50%);
}
#Banner_Fuchs_320-divider-bottom .divider-fill
{
fill: #FFFFFF;
transform-origin: bottom;
transform: rotateY(0deg);
}
#CardContainer1
{
position: relative;
padding: 10px 10px 10px 10px;
margin: 0;
background-color: transparent;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
font-size: 0;
}
#CardContainer1 .owl-dots, #CardContainer1 .owl-nav
{
text-align: center;
}
#CardContainer1 .owl-nav [class*=owl-]
{
opacity: 0.7;
color: #100C1C;
font-size: 48px;
display: inline-block;
cursor: pointer;
pointer-events: all;
}
#CardContainer1 .owl-nav [class*=owl-]:hover
{
opacity: 1;
color: #100C1C;
text-decoration: none;
}
#CardContainer1 .owl-nav .disabled
{
opacity: .5;
cursor: default;
}
#CardContainer1 .owl-nav.disabled+.owl-dots
{
margin-top: 10px;
}
#CardContainer1 .owl-nav
{
position: absolute;
top: 0;
display: none;
align-items: center;
justify-content: space-between;
pointer-events: none;
width: calc(100% - 20px);
height: calc(100% - 28px);
}
#CardContainer1 .owl-nav button.owl-prev, #CardContainer1 button.owl-next
{
height: 48px;
width: 48px;
border-radius: 50%;
background-color: rgba(255,255,255, 0.5);
}
#CardContainer1 .owl-dots .owl-dot
{
display: inline-block;
zoom: 1;
}
#CardContainer1 .owl-dots .owl-dot span
{
width: 10px;
height: 10px;
margin: 8px 8px;
background: #FFFFFF;
display: block;
-webkit-backface-visibility: visible;
backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 50%;
}
#CardContainer1 .owl-dots .owl-dot.active span, #CardContainer1 .owl-dots .owl-dot:hover span
{
background: #100C1C;
}
#wb_Portfolio
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #FFFFFF;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Portfolio
{
box-sizing: border-box;
padding: 100px 15px 50px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1024px;
}
#Portfolio > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Portfolio > .row > .col-1, #Portfolio > .row > .col-2, #Portfolio > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Portfolio > .row > .col-1, #Portfolio > .row > .col-2, #Portfolio > .row > .col-3
{
float: left;
}
#Portfolio > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: center;
}
#Portfolio > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 83.33333333%;
text-align: center;
}
#Portfolio > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: right;
}
#Portfolio:before,
#Portfolio:after,
#Portfolio .row:before,
#Portfolio .row:after
{
display: table;
content: " ";
}
#Portfolio:after,
#Portfolio .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Portfolio > .row > .col-1, #Portfolio > .row > .col-2, #Portfolio > .row > .col-3
{
float: none;
width: 100%;
}
}
#wb_Card13
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 25%;
align-self: auto;
box-sizing: border-box;
margin: 40px 40px 40px 40px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card13-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card13-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#wb_Card13:hover #Card13-card-item0
{
transform: translate(0px,-15px) rotate(-10deg) ;
transition: transform 400ms linear 300ms;
}
#Card13-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card13-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 5px 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#wb_Card13:hover #Card13-card-item1
{
color: #100C1C;
transition: color 200ms linear 0ms;
}
#Card13-card-item1
{
color: #FFFFFF;
transition: color 200ms linear 0ms;
}
#Card13-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card10
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 25%;
align-self: auto;
box-sizing: border-box;
margin: 40px 40px 40px 40px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card10-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card10-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#wb_Card10:hover #Card10-card-item0
{
transform: translate(0px,-15px) rotate(0deg) ;
transition: transform 400ms linear 300ms;
}
#Card10-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card10-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 5px 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#wb_Card10:hover #Card10-card-item1
{
color: #100C1C;
transition: color 200ms linear 0ms;
}
#Card10-card-item1
{
color: #FFFFFF;
transition: color 200ms linear 0ms;
}
#Card10-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card11
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 25%;
align-self: auto;
box-sizing: border-box;
margin: 40px 40px 40px 40px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card11-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card11-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#wb_Card11:hover #Card11-card-item0
{
transform: translate(0px,-15px) rotate(10deg) ;
transition: transform 400ms linear 300ms;
}
#Card11-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card11-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 5px 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#wb_Card11:hover #Card11-card-item1
{
color: #100C1C;
transition: color 200ms linear 0ms;
}
#Card11-card-item1
{
color: #FFFFFF;
transition: color 200ms linear 0ms;
}
#Card11-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#RollOverLayer2
{
position: relative;
display:inline-block;
width: 300px;
height: 205px;
margin: 0;
}
#RollOverLayer2 .default
{
position: absolute;
top: 0;
left: 0;
transition: all 500ms linear;
opacity: 0;
width: 100%;
height: 100%;
}
#RollOverLayer2:hover .default
{
opacity: 1;
z-index: 9999;
}
#RollOverLayer2 .hover
{
z-index: 0;
position: absolute;
width: 100%;
height: 100%;
position: absolute;
}
#RollOverLayer2 .default, #RollOverLayer2 .hover
{
font-size: 0px;
text-align: center;
padding: 70px 0 0 0;
}
#RollOverLayer2 .hover
{
background-color: transparent;
background-image: url('images/Portfolio_Kachel_Bausysteme_Kaupp.jpg');
background-repeat: no-repeat;
background-position: left top;
background-attachment: scroll;
background-size: 100% 100%;
border: 0px solid #DDDDDD;
border-radius: 0px;
box-sizing: border-box;
}
#RollOverLayer2 .default
{
background-color: #E05015;
background-image: none;
border: 0px #DDDDDD solid;
border-radius: 0px;
box-sizing: border-box;
}
#RollOverLayer3
{
position: relative;
display:inline-block;
width: 300px;
height: 205px;
margin: 0;
}
#RollOverLayer3 .default
{
position: absolute;
top: 0;
left: 0;
transition: all 500ms linear;
opacity: 0;
width: 100%;
height: 100%;
}
#RollOverLayer3:hover .default
{
opacity: 1;
z-index: 9999;
}
#RollOverLayer3 .hover
{
z-index: 0;
position: absolute;
width: 100%;
height: 100%;
position: absolute;
}
#RollOverLayer3 .default, #RollOverLayer3 .hover
{
font-size: 0px;
text-align: center;
padding: 70px 0 0 0;
}
#RollOverLayer3 .hover
{
background-color: transparent;
background-image: url('images/Portfolio_Kacheln_Florist_Leaves.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: 100% 100%;
border: 0px solid #DDDDDD;
border-radius: 0px;
box-sizing: border-box;
}
#RollOverLayer3 .default
{
background-color: #E05015;
background-image: none;
border: 0px #DDDDDD solid;
border-radius: 0px;
box-sizing: border-box;
}
#RollOverLayer4
{
position: relative;
display:inline-block;
width: 300px;
height: 205px;
margin: 0;
}
#RollOverLayer4 .default
{
position: absolute;
top: 0;
left: 0;
transition: all 500ms linear;
opacity: 0;
width: 100%;
height: 100%;
}
#RollOverLayer4:hover .default
{
opacity: 1;
z-index: 9999;
}
#RollOverLayer4 .hover
{
z-index: 0;
position: absolute;
width: 100%;
height: 100%;
position: absolute;
}
#RollOverLayer4 .default, #RollOverLayer4 .hover
{
font-size: 0px;
text-align: center;
padding: 70px 0 0 0;
}
#RollOverLayer4 .hover
{
background-color: transparent;
background-image: url('images/Portfolio_Kachel_Velvet_Cosmetics.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: 100% 100%;
border: 0px solid #DDDDDD;
border-radius: 0px;
box-sizing: border-box;
}
#RollOverLayer4 .default
{
background-color: #E05015;
background-image: none;
border: 0px #DDDDDD solid;
border-radius: 0px;
box-sizing: border-box;
}
#wb_FontAwesomeIcon2
{
background-color: transparent;
background-image: none;
border: 0px solid #245580;
border-radius: 0px;
text-align: center;
margin: 0;
padding: 0;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_FontAwesomeIcon2 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#FontAwesomeIcon2
{
height: 60px;
width: 60px;
}
#FontAwesomeIcon2 i
{
color: #FFFFFF;
display: inline-block;
font-size: 60px;
line-height: 60px;
vertical-align: middle;
width: 59px;
}
#wb_FontAwesomeIcon2:hover #FontAwesomeIcon2 i
{
color: #FFFFFF;
}
#wb_FontAwesomeIcon2:hover
{
transform: rotate(180deg) scale(1.5,1.5) ;
transition: transform 500ms linear 0ms;
}
#wb_FontAwesomeIcon2
{
transform: rotate(0deg) ;
transition: transform 500ms linear 0ms;
}
#RollOverLayer1
{
position: relative;
display:inline-block;
width: 300px;
height: 205px;
margin: 0;
}
#RollOverLayer1 .default
{
position: absolute;
top: 0;
left: 0;
transition: all 500ms linear;
opacity: 0;
width: 100%;
height: 100%;
}
#RollOverLayer1:hover .default
{
opacity: 1;
z-index: 9999;
}
#RollOverLayer1 .hover
{
z-index: 0;
position: absolute;
width: 100%;
height: 100%;
position: absolute;
}
#RollOverLayer1 .default, #RollOverLayer1 .hover
{
font-size: 0px;
text-align: center;
padding: 70px 0 0 0;
}
#RollOverLayer1 .hover
{
background-color: transparent;
background-image: url('images/Portfolio_Kacheln_YesCar_Autovermietung.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: 100% 100%;
border: 0px solid #DDDDDD;
border-radius: 0px;
box-sizing: border-box;
}
#RollOverLayer1 .default
{
background-color: #E05015;
background-image: none;
border: 0px #DDDDDD solid;
border-radius: 0px;
box-sizing: border-box;
}
#RollOverLayer5
{
position: relative;
display:inline-block;
width: 300px;
height: 205px;
margin: 0;
}
#RollOverLayer5 .default
{
position: absolute;
top: 0;
left: 0;
transition: all 500ms linear;
opacity: 0;
width: 100%;
height: 100%;
}
#RollOverLayer5:hover .default
{
opacity: 1;
z-index: 9999;
}
#RollOverLayer5 .hover
{
z-index: 0;
position: absolute;
width: 100%;
height: 100%;
position: absolute;
}
#RollOverLayer5 .default, #RollOverLayer5 .hover
{
font-size: 0px;
text-align: center;
padding: 70px 0 0 0;
}
#RollOverLayer5 .hover
{
background-color: transparent;
background-image: url('images/Portfolio_Kachel_Fuchs.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: 100% 100%;
border: 0px solid #DDDDDD;
border-radius: 0px;
box-sizing: border-box;
}
#RollOverLayer5 .default
{
background-color: #E05015;
background-image: none;
border: 0px #DDDDDD solid;
border-radius: 0px;
box-sizing: border-box;
}
#wb_Portfolio_480
{
clear: both;
position: relative;
table-layout: fixed;
display: none;
text-align: center;
width: 100%;
background-color: #FFFFFF;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Portfolio_480
{
box-sizing: border-box;
padding: 100px 15px 50px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1024px;
}
#Portfolio_480 > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Portfolio_480 > .row > .col-1, #Portfolio_480 > .row > .col-2, #Portfolio_480 > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Portfolio_480 > .row > .col-1, #Portfolio_480 > .row > .col-2, #Portfolio_480 > .row > .col-3
{
float: left;
}
#Portfolio_480 > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: center;
}
#Portfolio_480 > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 83.33333333%;
text-align: center;
}
#Portfolio_480 > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: right;
}
#Portfolio_480:before,
#Portfolio_480:after,
#Portfolio_480 .row:before,
#Portfolio_480 .row:after
{
display: table;
content: " ";
}
#Portfolio_480:after,
#Portfolio_480 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Portfolio_480 > .row > .col-1, #Portfolio_480 > .row > .col-2, #Portfolio_480 > .row > .col-3
{
float: none;
width: 100%;
}
}
#wb_Portfolio_Kacheln
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #100C1C;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Portfolio_Kacheln
{
box-sizing: border-box;
padding: 150px 20px 50px 20px;
margin-right: auto;
margin-left: auto;
}
#Portfolio_Kacheln > .row
{
margin-right: 280px;
margin-left: 280px;
}
#Portfolio_Kacheln > .row > .col-1, #Portfolio_Kacheln > .row > .col-2, #Portfolio_Kacheln > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 20px;
padding-left: 20px;
position: relative;
}
#Portfolio_Kacheln > .row > .col-1, #Portfolio_Kacheln > .row > .col-2, #Portfolio_Kacheln > .row > .col-3
{
float: left;
}
#Portfolio_Kacheln > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 33.33333333%;
text-align: center;
}
#Portfolio_Kacheln > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 33.33333333%;
text-align: center;
}
#Portfolio_Kacheln > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 33.33333333%;
text-align: center;
}
#Portfolio_Kacheln:before,
#Portfolio_Kacheln:after,
#Portfolio_Kacheln .row:before,
#Portfolio_Kacheln .row:after
{
display: table;
content: " ";
}
#Portfolio_Kacheln:after,
#Portfolio_Kacheln .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Portfolio_Kacheln > .row > .col-1, #Portfolio_Kacheln > .row > .col-2, #Portfolio_Kacheln > .row > .col-3
{
float: none;
width: 100% !important;
}
}
#Portfolio_Kacheln-divider-top
{
overflow: hidden;
position: absolute;
top: 0%;
width: 100%;
height: 50px;
line-height: 0;
left: 0;
transform: scale(-1.0, -1.0);
}
#Portfolio_Kacheln-divider-top svg
{
display: block;
width: 100%;
height: 100%;
position: relative;
left: 50%;
top: 0;
transform: translateX(-50%);
}
#Portfolio_Kacheln-divider-top .divider-fill
{
fill: #FFFFFF;
transform-origin: bottom;
transform: rotateY(0deg);
}
#wb_Portfolio_Kacheln_2
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #100C1C;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Portfolio_Kacheln_2
{
box-sizing: border-box;
padding: 50px 20px 100px 20px;
margin-right: auto;
margin-left: auto;
}
#Portfolio_Kacheln_2 > .row
{
margin-right: 280px;
margin-left: 280px;
}
#Portfolio_Kacheln_2 > .row > .col-1, #Portfolio_Kacheln_2 > .row > .col-2, #Portfolio_Kacheln_2 > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 20px;
padding-left: 20px;
position: relative;
}
#Portfolio_Kacheln_2 > .row > .col-1, #Portfolio_Kacheln_2 > .row > .col-2, #Portfolio_Kacheln_2 > .row > .col-3
{
float: left;
}
#Portfolio_Kacheln_2 > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 33.33333333%;
text-align: center;
}
#Portfolio_Kacheln_2 > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 33.33333333%;
text-align: center;
}
#Portfolio_Kacheln_2 > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 33.33333333%;
text-align: center;
}
#Portfolio_Kacheln_2:before,
#Portfolio_Kacheln_2:after,
#Portfolio_Kacheln_2 .row:before,
#Portfolio_Kacheln_2 .row:after
{
display: table;
content: " ";
}
#Portfolio_Kacheln_2:after,
#Portfolio_Kacheln_2 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Portfolio_Kacheln_2 > .row > .col-1, #Portfolio_Kacheln_2 > .row > .col-2, #Portfolio_Kacheln_2 > .row > .col-3
{
float: none;
width: 100% !important;
}
}
#Portfolio_Kacheln_2-divider-bottom
{
overflow: hidden;
position: absolute;
line-height: 0;
bottom: 0%;
left: 0;
width: 100%;
height: 50px;
}
#Portfolio_Kacheln_2-divider-bottom svg
{
display: block;
width: 100%;
height: 100%;
position: relative;
left: 50%;
transform: translateX(-50%);
}
#Portfolio_Kacheln_2-divider-bottom .divider-fill
{
fill: #FFFFFF;
transform-origin: bottom;
transform: rotateY(0deg);
}
#wb_Portfolio_Kacheln_480
{
clear: both;
position: relative;
table-layout: fixed;
display: none;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Portfolio_Kacheln_480
{
box-sizing: border-box;
padding: 100px 50px 100px 50px;
margin-right: auto;
margin-left: auto;
}
#Portfolio_Kacheln_480 > .row
{
margin-right: -50px;
margin-left: -50px;
}
#Portfolio_Kacheln_480 > .row > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 50px;
padding-left: 50px;
position: relative;
}
#Portfolio_Kacheln_480 > .row > .col-1
{
float: left;
}
#Portfolio_Kacheln_480 > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 100%;
text-align: left;
}
#Portfolio_Kacheln_480:before,
#Portfolio_Kacheln_480:after,
#Portfolio_Kacheln_480 .row:before,
#Portfolio_Kacheln_480 .row:after
{
display: table;
content: " ";
}
#Portfolio_Kacheln_480:after,
#Portfolio_Kacheln_480 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Portfolio_Kacheln_480 > .row > .col-1
{
float: none;
width: 100% !important;
}
}
#Portfolio_Kacheln_480-divider-top
{
overflow: hidden;
position: absolute;
top: 0%;
width: 100%;
height: 50px;
line-height: 0;
left: 0;
transform: scale(-1.0, -1.0);
}
#Portfolio_Kacheln_480-divider-top svg
{
display: block;
width: 100%;
height: 100%;
position: relative;
left: 50%;
top: 0;
transform: translateX(-50%);
}
#Portfolio_Kacheln_480-divider-top .divider-fill
{
fill: #FFFFFF;
transform-origin: bottom;
transform: rotateY(0deg);
}
#Portfolio_Kacheln_480-divider-bottom
{
overflow: hidden;
position: absolute;
line-height: 0;
bottom: 0%;
left: 0;
width: 100%;
height: 50px;
}
#Portfolio_Kacheln_480-divider-bottom svg
{
display: block;
width: 100%;
height: 100%;
position: relative;
left: 50%;
transform: translateX(-50%);
}
#Portfolio_Kacheln_480-divider-bottom .divider-fill
{
fill: #FFFFFF;
transform-origin: bottom;
transform: rotateY(0deg);
}
#wb_Image5
{
margin: 120px 0 0 0 ;
vertical-align: top;
}
#Image5
{
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
display: inline-block;
width: 603px;
height: 231px;
vertical-align: top;
}
#wb_Kontakt
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: url('images/Hintergrund_Fuchs_Logo.jpg');
background-repeat: repeat;
background-position: left top;
background-attachment: fixed;
background-position: 50% 0;
background-size: cover;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Kontakt
{
box-sizing: border-box;
padding: 0 15px 40px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1024px;
}
#Kontakt > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Kontakt > .row > .col-1, #Kontakt > .row > .col-2, #Kontakt > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Kontakt > .row > .col-1, #Kontakt > .row > .col-2, #Kontakt > .row > .col-3
{
float: left;
}
#Kontakt > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 16.66666667%;
text-align: right;
}
#Kontakt > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 66.66666667%;
text-align: center;
}
#Kontakt > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 16.66666667%;
text-align: left;
}
#Kontakt:before,
#Kontakt:after,
#Kontakt .row:before,
#Kontakt .row:after
{
display: table;
content: " ";
}
#Kontakt:after,
#Kontakt .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Kontakt > .row > .col-1, #Kontakt > .row > .col-2, #Kontakt > .row > .col-3
{
float: none;
width: 100%;
}
}
#wb_Card1
{
position: relative;
display: inline-block;
flex-direction: column;
box-sizing: border-box;
margin: 0;
vertical-align: top;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card1-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 50px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 45px;
}
#wb_Card1:hover #Card1-card-item0
{
transform: translate(0px,10px) rotate(0deg) ;
transition: transform 400ms linear 300ms;
}
#Card1-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card1-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 20px;
text-align: center;
}
#Card1-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: normal;
font-style: normal;
font-size: 29px;
text-align: center;
}
#wb_Card1:hover #Card1-card-item2
{
color: #E05015;
transition: color 500ms linear 0ms;
}
#Card1-card-item2
{
color: #100C1C;
transition: color 500ms linear 0ms;
}
#wb_Card3
{
position: relative;
display: inline-block;
flex-direction: column;
box-sizing: border-box;
margin: 0;
vertical-align: top;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card3-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card3-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 50px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 45px;
}
#wb_Card3:hover #Card3-card-item0
{
transform: translate(0px,10px) rotate(0deg) ;
transition: transform 400ms linear 300ms;
}
#Card3-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card3-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 20px;
text-align: center;
}
#Card3-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: normal;
font-style: normal;
font-size: 29px;
text-align: center;
}
#wb_Card3:hover #Card3-card-item2
{
color: #E05015;
transition: color 500ms linear 0ms;
}
#Card3-card-item2
{
color: #100C1C;
transition: color 500ms linear 0ms;
}
#wb_Text11
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: center;
}
#wb_Text11 div
{
text-align: center;
}
#wb_Text11
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
.ThemeableMenu1 .nav
{
font-family: "Open Sans";
font-weight: bold;
font-size: 15px;
font-style: normal;
color: #2B2B2B;
text-align: left;
}
#ThemeableMenu1, .ThemeableMenu1 .nav, .ThemeableMenu1 *
{
margin: 0;
padding: 0;
box-sizing: border-box;
line-height: 1;
list-style: none;
}
.ThemeableMenu1 .nav:before,
.ThemeableMenu1 .nav:after
{
content: " ";
display: table;
}
.ThemeableMenu1 .nav:after
{
clear: both;
}
.ThemeableMenu1 .nav a
{
text-decoration: none;
}
.ThemeableMenu1 .nav ul
{
margin-top: 0;
margin-bottom: 0;
}
.ThemeableMenu1 .nav ul ul
{
margin-bottom: 0;
}
.ThemeableMenu1 .container
{
margin-right: auto;
margin-left: auto;
padding: 10px 0 0 0;
}
.ThemeableMenu1 .container:before,
.ThemeableMenu1 .container:after
{
content: " ";
display: table;
}
.ThemeableMenu1 .container:after
{
clear: both;
}
.ThemeableMenu1 .collapse
{
display: none;
}
.ThemeableMenu1 .collapse.show
{
display: block;
}
.ThemeableMenu1 .collapsing
{
position: relative;
height: 0;
overflow: hidden;
transition: height .35s ease;
}
.ThemeableMenu1 .caret, .ThemeableMenu1 .caret-right
{
display: inline-block;
width: 0;
height: 0;
margin-left: 4px;
vertical-align: middle;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-bottom: 0 dotted;
}
.ThemeableMenu1 .dropdown
{
position: relative;
}
.ThemeableMenu1 .dropdown-toggle:focus
{
outline: 0;
}
.ThemeableMenu1 .dropdown-menu
{
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 15px;
background-color: #FFFFFF;
background-image: none;
border: 1px solid rgba(197,197,197,1.00);
border-radius: 0px;
background-clip: padding-box;
}
.ThemeableMenu1 .dropdown-menu .divider
{
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #C5C5C5;
}
.ThemeableMenu1 .dropdown-menu>li>a
{
display: block;
padding: 3px 20px 3px 20px;
clear: both;
line-height: 1.428571429;
color: #2B2B2B;
white-space: nowrap;
}
.ThemeableMenu1 .dropdown-menu>li>a:hover,
.ThemeableMenu1 .dropdown-menu>li>a:focus
{
text-decoration: none;
color: #2B2B2B;
background-color: #EDEDED;
background-image: none;
}
.ThemeableMenu1 .dropdown-menu>li>a.active,
.ThemeableMenu1 .dropdown-menu>li>a.active:hover,
.ThemeableMenu1 .dropdown-menu>li>a.active:focus
{
color: #2B2B2B;
background-color: #EDEDED;
background-image: none;
text-decoration: none;
outline: 0;
}
.ThemeableMenu1 .show>.dropdown-menu
{
display: block;
}
.ThemeableMenu1 .show>a
{
outline: 0;
}
.ThemeableMenu1 .dropdown-header
{
display: block;
padding: 3px 20px;
line-height: 1.428571429;
color: #aeaeae;
}
.ThemeableMenu1 .dropdown-backdrop
{
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.ThemeableMenu1 .nav>li
{
position: relative;
display: block;
}
.ThemeableMenu1 .nav>li>a
{
position: relative;
display: block;
padding: 15px 15px 15px 15px;
}
.ThemeableMenu1 .nav .show>a,
.ThemeableMenu1 .nav .show>a:hover,
.ThemeableMenu1 .nav .show>a:focus
{
border-color: #343A40;
}
.ThemeableMenu1 .nav .nav-divider
{
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #C5C5C5;
}
.ThemeableMenu1 .nav .caret
{
border-top-color: #343A40;
border-bottom-color: #343A40;
}
.ThemeableMenu1
{
position: relative;
}
.ThemeableMenu1:before,
.ThemeableMenu1:after
{
content: " ";
display: table;
}
.ThemeableMenu1:after
{
clear: both;
}
.ThemeableMenu1 .navbar-header:before,
.ThemeableMenu1 .navbar-header:after
{
content: " ";
display: table;
}
.ThemeableMenu1 .navbar-header:after
{
clear: both;
}
.ThemeableMenu1-navbar-collapse
{
overflow-x: visible;
-webkit-overflow-scrolling: touch;
}
.ThemeableMenu1-navbar-collapse:before,
.ThemeableMenu1-navbar-collapse:after
{
content: " ";
display: table;
}
.ThemeableMenu1-navbar-collapse:after
{
clear: both;
}
.ThemeableMenu1-navbar-collapse.show
{
overflow-y: auto;
}
.ThemeableMenu1 .navbar-toggle
{
position: relative;
float: right;
padding: 15px 10px 14px 10px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0px;
}
.ThemeableMenu1 .navbar-toggle .icon-bar
{
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.ThemeableMenu1 .navbar-toggle .icon-bar+.icon-bar
{
margin-top: 4px;
}
.ThemeableMenu1 .navbar-nav
{
margin: 6px -15px;
}
.ThemeableMenu1 .navbar-nav>li>.dropdown-menu
{
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.ThemeableMenu1 .navbar-nav>li>a
{
color: #2B2B2B;
}
.ThemeableMenu1 .navbar-nav>li>a:hover,
.ThemeableMenu1 .navbar-nav>li>a:focus
{
background-color: #EDEDED;
background-image: none;
color: #2B2B2B;
text-decoration: none;
}
.ThemeableMenu1 .navbar-nav>li>a.active,
.ThemeableMenu1 .navbar-nav>li>a.active:hover,
.ThemeableMenu1 .navbar-nav>li>a.active:focus
{
color: #2B2B2B;
background-color: #EDEDED;
background-image: none;
}
.ThemeableMenu1 .navbar-toggle
{
border: 1px solid transparent;
}
.ThemeableMenu1 .navbar-toggle:hover,
.ThemeableMenu1 .navbar-toggle:focus
{
background-color: transparent;
}
.ThemeableMenu1 .navbar-toggle .icon-bar
{
background-color: #FFFFFF;
}
.ThemeableMenu1-navbar-collapse
{
border-color: rgba(197,197,197,1.00);
}
.ThemeableMenu1 .navbar-nav>.dropdown>a:hover .caret,
.ThemeableMenu1 .navbar-nav>.dropdown>a:focus .caret
{
border-top-color: #2B2B2B;
border-bottom-color: #2B2B2B;
}
.ThemeableMenu1 .navbar-nav>.show>a,
.ThemeableMenu1 .navbar-nav>.show>a:hover,
.ThemeableMenu1 .navbar-nav>.show>a:focus
{
background-color: #EDEDED;
background-image: none;
color: #2B2B2B;
}
.ThemeableMenu1 .navbar-nav>.show>a .caret,
.ThemeableMenu1 .navbar-nav>.show>a:hover .caret,
.ThemeableMenu1 .navbar-nav>.show>a:focus .caret
{
border-top-color: #2B2B2B;
border-bottom-color: #2B2B2B;
}
.ThemeableMenu1 .navbar-nav>.dropdown>a .caret
{
border-top-color: #2B2B2B;
border-bottom-color: #2B2B2B;
}
.ThemeableMenu1 .navbar-link
{
color: #2B2B2B;
}
.ThemeableMenu1 .navbar-link:hover
{
color: #2B2B2B;
}
.ThemeableMenu1 .navbar-header
{
color: #FFFFFF;
}
@media (min-width: 480px)
{
.ThemeableMenu1 .navbar-right .dropdown-menu
{
right: 0;
left: auto;
}
.ThemeableMenu1 .navbar-header
{
float: left;
}
.ThemeableMenu1-navbar-collapse
{
width: auto;
border-top: 0;
box-shadow: none;
}
.ThemeableMenu1-navbar-collapse.collapse
{
display: block!important;
height: auto!important;
padding-bottom: 0;
overflow: visible!important;
}
.ThemeableMenu1-navbar-collapse.show
{
overflow-y: auto;
}
.ThemeableMenu1 .navbar-toggle
{
display: none;
}
.ThemeableMenu1 .navbar-nav
{
float: right;
margin: 0;
}
.ThemeableMenu1 .navbar-nav>li
{
float: left;
}
.ThemeableMenu1 .container>.navbar-header,
.ThemeableMenu1 .container>.ThemeableMenu1-navbar-collapse
{
margin-right: 0;
margin-left: 0;
}
.ThemeableMenu1 .navbar-nav>.dropdown>a:hover .caret,
.ThemeableMenu1 .navbar-nav>.dropdown>a:focus .caret
{
border-top-color: #E05015;
border-bottom-color: #E05015;
}
}
@media (max-width: 480px)
{
.ThemeableMenu1
{
background-color: transparent;
background-image: none;
border: 1px solid #070E17;
}
.ThemeableMenu1 .navbar-nav
{
margin: 0;
background-color: #FFFFFF;
background-image: none;
}
.ThemeableMenu1 .navbar-nav .show .dropdown-menu
{
position: static !important;
transform: translate3d(0px, 0px, 0px) !important;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.ThemeableMenu1 .navbar-nav .show .dropdown-menu>li>a,
.ThemeableMenu1 .navbar-nav .show .dropdown-menu .dropdown-header
{
padding: 5px 15px 5px 15px;
}
.ThemeableMenu1 .navbar-nav .show .dropdown-menu>li>a
{
line-height: 20px;
}
}
@media (min-width: 480px)
{
.ThemeableMenu1
{
background-color: transparent;
background-image: none;
border: 1px solid #070E17;
border-radius: 0px;
}
.ThemeableMenu1 .navbar-nav>li>a
{
color: #FFFFFF;
}
.ThemeableMenu1 .navbar-nav>li>a:hover,
.ThemeableMenu1 .navbar-nav>li>a:focus
{
color: #E05015;
background-color: transparent;
background-image: none;
}
.ThemeableMenu1 .navbar-nav>li>a.active,
.ThemeableMenu1 .navbar-nav>li>a.active:hover,
.ThemeableMenu1 .navbar-nav>li>a.active:focus
{
color: #E05015;
background-color: transparent;
background-image: none;
}
.ThemeableMenu1 .navbar-nav>.show>a,
.ThemeableMenu1 .navbar-nav>.show>a:hover,
.ThemeableMenu1 .navbar-nav>.show>a:focus
{
background-color: transparent;
background-image: none;
color: #E05015;
}
.ThemeableMenu1 .navbar-nav>.dropdown>a:hover .caret
{
border-top-color: #E05015;
border-bottom-color: #E05015;
}
.ThemeableMenu1 .navbar-nav>.dropdown>a .caret
{
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}
.ThemeableMenu1 .navbar-nav > li > a.active > .caret,
.ThemeableMenu1 .navbar-nav > li > a.active:hover > .caret,
.ThemeableMenu1 .navbar-nav > li > a.active:focus > .caret
{
border-top-color: #E05015;
border-bottom-color: #E05015;
}
.ThemeableMenu1 .navbar-nav>.show>a .caret,
.ThemeableMenu1 .navbar-nav>.show>a:hover .caret,
.ThemeableMenu1 .navbar-nav>.show>a:focus .caret
{
border-top-color: #E05015;
border-bottom-color: #E05015;
}
.ThemeableMenu1 .navbar-link
{
color: #FFFFFF;
}
.ThemeableMenu1 .navbar-link:hover
{
color: #fff;
}
}
#ThemeableMenu1 i
{
font-size: 16px;
position: relative;
left: 0;
top: 0;
margin-right: 4px;
width: 16px;
}
#ThemeableMenu1 li
{
color: #FFFFFF;
transform: rotate(0deg) ;
transition: color 500ms linear 0ms, transform 500ms linear 0ms;
}
#ThemeableMenu1 li:hover
{
color: #E05015;
transform: translate(0px,-5px) rotate(0deg) ;
transition: color 500ms linear 0ms, transform 500ms linear 0ms;
}
#ThemeableMenu1 li a
{
color: #FFFFFF;
transform: rotate(0deg) ;
transition: color 500ms linear 0ms, transform 500ms linear 0ms;
}
#ThemeableMenu1 li a:hover
{
color: #E05015;
transform: translate(0px,-5px) rotate(0deg) ;
transition: color 500ms linear 0ms, transform 500ms linear 0ms;
}
#wb_ThemeableMenu1
{
z-index: 1111 !important;
}
#wb_Image3
{
margin: 0;
vertical-align: top;
}
#Image3
{
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
display: inline-block;
width: 57px;
height: 67px;
vertical-align: top;
}
#wb_Kontakt_480
{
clear: both;
position: relative;
table-layout: fixed;
display: none;
text-align: center;
width: 100%;
background-color: transparent;
background-image: url('images/Hintergrund_Fuchs_Logo.jpg');
background-repeat: repeat;
background-position: left top;
background-attachment: fixed;
background-position: 50% 0;
background-size: cover;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Kontakt_480
{
box-sizing: border-box;
padding: 0 15px 40px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1024px;
}
#Kontakt_480 > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Kontakt_480 > .row > .col-1, #Kontakt_480 > .row > .col-2, #Kontakt_480 > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Kontakt_480 > .row > .col-1, #Kontakt_480 > .row > .col-2, #Kontakt_480 > .row > .col-3
{
float: left;
}
#Kontakt_480 > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 16.66666667%;
text-align: right;
}
#Kontakt_480 > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 66.66666667%;
text-align: center;
}
#Kontakt_480 > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 16.66666667%;
text-align: left;
}
#Kontakt_480:before,
#Kontakt_480:after,
#Kontakt_480 .row:before,
#Kontakt_480 .row:after
{
display: table;
content: " ";
}
#Kontakt_480:after,
#Kontakt_480 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Kontakt_480 > .row > .col-1, #Kontakt_480 > .row > .col-2, #Kontakt_480 > .row > .col-3
{
float: none;
width: 100%;
}
}
#wb_Banner_magisch
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Banner_magisch
{
box-sizing: border-box;
padding: 120px 15px 100px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1024px;
}
#Banner_magisch > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Banner_magisch > .row > .col-1, #Banner_magisch > .row > .col-2, #Banner_magisch > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Banner_magisch > .row > .col-1, #Banner_magisch > .row > .col-2, #Banner_magisch > .row > .col-3
{
float: left;
}
#Banner_magisch > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: center;
}
#Banner_magisch > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 83.33333333%;
text-align: left;
}
#Banner_magisch > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: left;
}
#Banner_magisch:before,
#Banner_magisch:after,
#Banner_magisch .row:before,
#Banner_magisch .row:after
{
display: table;
content: " ";
}
#Banner_magisch:after,
#Banner_magisch .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Banner_magisch > .row > .col-1, #Banner_magisch > .row > .col-2, #Banner_magisch > .row > .col-3
{
float: none;
width: 100%;
}
}
#Banner_magisch-overlay
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #100C1C;
opacity: 0.16;
}
#Banner_magisch-video
{
background: #000000;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -99;
}
#Banner_magisch-video video
{
object-fit: cover;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
#Banner_magisch-divider-top
{
overflow: hidden;
position: absolute;
top: 0%;
width: 100%;
height: 50px;
line-height: 0;
left: 0;
transform: scale(-1.0, -1.0);
}
#Banner_magisch-divider-top svg
{
display: block;
width: 100%;
height: 100%;
position: relative;
left: 50%;
top: 0;
transform: translateX(-50%);
}
#Banner_magisch-divider-top .divider-fill
{
fill: #FFFFFF;
transform-origin: bottom;
transform: rotateY(0deg);
}
#wb_Banner_magisch_480
{
clear: both;
position: relative;
table-layout: fixed;
display: none;
text-align: center;
width: 100%;
background-color: transparent;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Banner_magisch_480
{
box-sizing: border-box;
padding: 120px 15px 100px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1024px;
}
#Banner_magisch_480 > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Banner_magisch_480 > .row > .col-1, #Banner_magisch_480 > .row > .col-2, #Banner_magisch_480 > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Banner_magisch_480 > .row > .col-1, #Banner_magisch_480 > .row > .col-2, #Banner_magisch_480 > .row > .col-3
{
float: left;
}
#Banner_magisch_480 > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: center;
}
#Banner_magisch_480 > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 83.33333333%;
text-align: left;
}
#Banner_magisch_480 > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 8.33333333%;
text-align: left;
}
#Banner_magisch_480:before,
#Banner_magisch_480:after,
#Banner_magisch_480 .row:before,
#Banner_magisch_480 .row:after
{
display: table;
content: " ";
}
#Banner_magisch_480:after,
#Banner_magisch_480 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Banner_magisch_480 > .row > .col-1, #Banner_magisch_480 > .row > .col-2, #Banner_magisch_480 > .row > .col-3
{
float: none;
width: 100%;
}
}
#Banner_magisch_480-overlay
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #100C1C;
opacity: 0.16;
}
#Banner_magisch_480-video
{
background: #000000;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -99;
}
#Banner_magisch_480-video video
{
object-fit: cover;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
#Banner_magisch_480-divider-top
{
overflow: hidden;
position: absolute;
top: 0%;
width: 100%;
height: 50px;
line-height: 0;
left: 0;
transform: scale(-1.0, -1.0);
}
#Banner_magisch_480-divider-top svg
{
display: block;
width: 100%;
height: 100%;
position: relative;
left: 50%;
top: 0;
transform: translateX(-50%);
}
#Banner_magisch_480-divider-top .divider-fill
{
fill: #FFFFFF;
transform-origin: bottom;
transform: rotateY(0deg);
}
#wb_Footer
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #100C1C;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Footer
{
box-sizing: border-box;
padding: 20px 15px 20px 15px;
margin-right: auto;
margin-left: auto;
}
#Footer > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Footer > .row > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Footer
{
width: 1920px;
}
#Footer > .row > .col-1
{
float: left;
}
#Footer > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 100%;
text-align: center;
}
#Footer:before,
#Footer:after,
#Footer .row:before,
#Footer .row:after
{
display: table;
content: " ";
}
#Footer:after,
#Footer .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Footer
{
width: 100%;
}
#Footer > .row > .col-1
{
float: none;
width: 100%;
}
}
#wb_FontAwesomeIcon10
{
background-color: transparent;
background-image: none;
border: 0px solid #245580;
border-radius: 0px;
text-align: center;
margin: 0;
padding: 0;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_FontAwesomeIcon10 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#FontAwesomeIcon10
{
height: 60px;
width: 60px;
}
#FontAwesomeIcon10 i
{
color: #FFFFFF;
display: inline-block;
font-size: 60px;
line-height: 60px;
vertical-align: middle;
width: 59px;
}
#wb_FontAwesomeIcon10:hover #FontAwesomeIcon10 i
{
color: #FFFFFF;
}
#wb_FontAwesomeIcon10:hover
{
transform: rotate(180deg) scale(1.5,1.5) ;
transition: transform 500ms linear 0ms;
}
#wb_FontAwesomeIcon10
{
transform: rotate(0deg) ;
transition: transform 500ms linear 0ms;
}
#wb_FontAwesomeIcon6
{
background-color: transparent;
background-image: none;
border: 0px solid #245580;
border-radius: 0px;
text-align: center;
margin: 0;
padding: 0;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_FontAwesomeIcon6 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#FontAwesomeIcon6
{
height: 60px;
width: 60px;
}
#FontAwesomeIcon6 i
{
color: #FFFFFF;
display: inline-block;
font-size: 60px;
line-height: 60px;
vertical-align: middle;
width: 59px;
}
#wb_FontAwesomeIcon6:hover #FontAwesomeIcon6 i
{
color: #FFFFFF;
}
#wb_FontAwesomeIcon6:hover
{
transform: rotate(180deg) scale(1.5,1.5) ;
transition: transform 500ms linear 0ms;
}
#wb_FontAwesomeIcon6
{
transform: rotate(0deg) ;
transition: transform 500ms linear 0ms;
}
#wb_FontAwesomeIcon1
{
background-color: transparent;
background-image: none;
border: 0px solid #245580;
border-radius: 0px;
text-align: center;
margin: 0;
padding: 0;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_FontAwesomeIcon1 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#FontAwesomeIcon1
{
height: 60px;
width: 60px;
}
#FontAwesomeIcon1 i
{
color: #FFFFFF;
display: inline-block;
font-size: 60px;
line-height: 60px;
vertical-align: middle;
width: 59px;
}
#wb_FontAwesomeIcon1:hover #FontAwesomeIcon1 i
{
color: #FFFFFF;
}
#wb_FontAwesomeIcon1:hover
{
transform: rotate(180deg) scale(1.5,1.5) ;
transition: transform 500ms linear 0ms;
}
#wb_FontAwesomeIcon1
{
transform: rotate(0deg) ;
transition: transform 500ms linear 0ms;
}
#wb_FontAwesomeIcon3
{
background-color: transparent;
background-image: none;
border: 0px solid #245580;
border-radius: 0px;
text-align: center;
margin: 0;
padding: 0;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_FontAwesomeIcon3 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#FontAwesomeIcon3
{
height: 60px;
width: 60px;
}
#FontAwesomeIcon3 i
{
color: #FFFFFF;
display: inline-block;
font-size: 60px;
line-height: 60px;
vertical-align: middle;
width: 59px;
}
#wb_FontAwesomeIcon3:hover #FontAwesomeIcon3 i
{
color: #FFFFFF;
}
#wb_FontAwesomeIcon3:hover
{
transform: rotate(180deg) scale(1.5,1.5) ;
transition: transform 500ms linear 0ms;
}
#wb_FontAwesomeIcon3
{
transform: rotate(0deg) ;
transition: transform 500ms linear 0ms;
}
#wb_Logo
{
margin: 0;
vertical-align: top;
}
#Logo
{
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
padding: 0;
display: block;
width: 100%;
height: auto;
max-width: 216px;
margin-left: auto;
margin-right: auto;
vertical-align: top;
}
#wb_Logo_Text
{
margin: 0;
vertical-align: top;
}
#Logo_Text
{
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
animation: animate-fade-in 3000ms linear 0ms 1 normal both;
display: inline-block;
width: 374px;
height: 133px;
vertical-align: top;
}
#wb_Image7
{
margin: 0;
vertical-align: top;
}
#Image7
{
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
display: inline-block;
width: 233px;
height: 50px;
vertical-align: top;
}
#wb_Text18
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0 0 20px 0;
margin: 0;
text-align: right;
}
#wb_Text18
{
color: #FFFFFF;
font-family: Poppins;
font-weight: 800;
font-size: 43px;
line-height: 45px;
}
#wb_Text18 p, #wb_Text18 ul
{
margin: 0;
padding: 0;
}
#wb_Text18
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text29
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: right;
}
#wb_Text29
{
color: #FFFFFF;
font-family: "Open Sans";
font-weight: 400;
font-size: 16px;
line-height: 21.5px;
}
#wb_Text29 p, #wb_Text29 ul
{
margin: 0;
padding: 0;
}
#wb_Text29
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Pfeil_runter_1
{
background-color: transparent;
background-image: none;
border: 0px solid #245580;
border-radius: 0px;
text-align: center;
margin: 0 0 50px 0 ;
padding: 0;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_Pfeil_runter_1 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#Pfeil_runter_1
{
height: 100px;
width: 102px;
}
#Pfeil_runter_1 i
{
color: #E05015;
display: inline-block;
font-size: 100px;
line-height: 100px;
vertical-align: middle;
width: 99px;
}
#wb_Pfeil_runter_1:hover #Pfeil_runter_1 i
{
color: #FFFFFF;
}
#wb_Pfeil_runter_1:hover
{
transform: translate(0px,+20px) rotate(0deg) ;
transition: transform 500ms linear 0ms;
}
#wb_Pfeil_runter_1
{
transform: rotate(0deg) ;
transition: transform 500ms linear 0ms;
}
#wb_Image15
{
margin: 0;
vertical-align: top;
}
#Image15
{
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
padding: 0;
display: block;
width: 100%;
height: auto;
max-width: 216px;
margin-left: auto;
margin-right: auto;
vertical-align: top;
}
#wb_Image16
{
margin: 0;
vertical-align: top;
}
#Image16
{
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
padding: 0;
animation: animate-fade-in 3000ms linear 0ms 1 normal both;
display: block;
width: 100%;
height: auto;
max-width: 363px;
margin-left: auto;
margin-right: auto;
vertical-align: top;
}
#wb_Text31
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 50px 0 50px 0;
margin: 0;
text-align: center;
animation: animate-fade-in 3000ms linear 0ms 1 normal both;
}
#wb_Text31 div
{
text-align: center;
}
#wb_Text31
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Icon1
{
background-color: transparent;
background-image: none;
border: 0px solid #245580;
border-radius: 0px;
text-align: center;
margin: 0 0 50px 0 ;
padding: 0;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_Icon1 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#Icon1
{
height: 100px;
width: 102px;
}
#Icon1 i
{
color: #E05015;
display: inline-block;
font-size: 100px;
line-height: 100px;
vertical-align: middle;
width: 99px;
}
#wb_Icon1:hover #Icon1 i
{
color: #FFFFFF;
}
#wb_Icon1:hover
{
transform: translate(0px,+20px) rotate(0deg) ;
transition: transform 500ms linear 0ms;
}
#wb_Icon1
{
transform: rotate(0deg) ;
transition: transform 500ms linear 0ms;
}
#wb_Text4
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 40px 0;
margin: 0;
text-align: left;
}
#wb_Text4 div
{
text-align: left;
}
#wb_Text4
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text16
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text16
{
color: #100C1C;
font-family: "Open Sans";
font-weight: 400;
font-size: 15px;
line-height: 23px;
}
#wb_Text16 p, #wb_Text16 ul
{
margin: 0;
padding: 0;
}
#wb_Text16
{
display: inline-block;
margin: 0;
width: 487px;
height: 191px;
}
#wb_Text17
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 40px 0;
margin: 0;
text-align: center;
}
#wb_Text17 div
{
text-align: center;
}
#wb_Text17
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Image2
{
margin: 0;
vertical-align: top;
}
#Image2
{
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
display: inline-block;
width: 233px;
height: 50px;
vertical-align: top;
}
#wb_Text19
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: center;
}
#wb_Text19
{
color: #100C1C;
font-family: "Open Sans";
font-weight: 400;
font-size: 15px;
line-height: 19.5px;
}
#wb_Text19 p, #wb_Text19 ul
{
margin: 0;
padding: 0;
}
#wb_Text19
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text20
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 20px 0;
margin: 0;
text-align: center;
}
#wb_Text20 div
{
text-align: center;
}
#wb_Text20
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text32
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 40px 0 50px 0;
margin: 0;
text-align: center;
}
#wb_Text32
{
color: #FFFFFF;
font-family: "Open Sans";
font-weight: 400;
font-size: 15px;
line-height: 22px;
}
#wb_Text32 p, #wb_Text32 ul
{
margin: 0;
padding: 0;
}
#wb_Text32
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text2
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 40px 0;
margin: 0;
text-align: center;
}
#wb_Text2 div
{
text-align: center;
}
#wb_Text2
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text3
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0 0 50px 0;
margin: 0;
text-align: center;
}
#wb_Text3
{
color: #FFFFFF;
font-family: "Open Sans";
font-weight: 400;
font-size: 15px;
line-height: 19.5px;
}
#wb_Text3 p, #wb_Text3 ul
{
margin: 0;
padding: 0;
}
#wb_Text3
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Card4
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card4-card-body
{
padding: 0 0 20px 0;
flex: 1 1 auto;
font-size: 0;
}
#Card4-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#Card4-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#Card4-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 19.5px;
text-align: center;
}
#wb_Card5
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card5-card-body
{
padding: 0 0 20px 0;
flex: 1 1 auto;
font-size: 0;
}
#Card5-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#Card5-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#Card5-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 19.5px;
text-align: center;
}
#wb_Card6
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card6-card-body
{
padding: 0 0 20px 0;
flex: 1 1 auto;
font-size: 0;
}
#Card6-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#Card6-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#Card6-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 19.5px;
text-align: center;
}
#wb_Card12
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card12-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card12-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#Card12-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#Card12-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 19.5px;
text-align: center;
}
#wb_Card14
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card14-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card14-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#Card14-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#Card14-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 19.5px;
text-align: center;
}
#wb_Card15
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card15-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card15-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#Card15-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#Card15-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 19.5px;
text-align: center;
}
#wb_Text22
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 20px 0;
margin: 0;
text-align: center;
}
#wb_Text22 div
{
text-align: center;
}
#wb_Text22
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Icon2
{
background-color: transparent;
background-image: none;
border: 0px solid #245580;
border-radius: 0px;
text-align: center;
margin: 50px 0 30px 0 ;
padding: 0;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_Icon2 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#Icon2
{
height: 100px;
width: 220px;
}
#Icon2 i
{
color: #E05015;
display: inline-block;
font-size: 100px;
line-height: 100px;
vertical-align: middle;
width: 99px;
}
#wb_Icon2:hover #Icon2 i
{
color: #FFFFFF;
}
#wb_Icon2:hover
{
transform: translate(0px,+20px) rotate(0deg) ;
transition: transform 500ms linear 0ms;
}
#wb_Icon2
{
transform: rotate(0deg) ;
transition: transform 500ms linear 0ms;
}
#HorizontalLine1
{
border-color: #E05015;
border-style: solid;
border-bottom-width: 6px;
border-top: 0;
border-left: 0;
border-right: 0;
height: 0 !important;
line-height: 0 !important;
margin: 0;
padding: 0;
}
#HorizontalLine2
{
border-color: #100C1C;
border-style: solid;
border-bottom-width: 6px;
border-top: 0;
border-left: 0;
border-right: 0;
height: 0 !important;
line-height: 0 !important;
margin: 0;
padding: 0;
}
#wb_Text24
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 20px 0;
margin: 0;
text-align: center;
}
#wb_Text24 div
{
text-align: center;
}
#wb_Text24
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#HorizontalLine3
{
border-color: #E05015;
border-style: solid;
border-bottom-width: 6px;
border-top: 0;
border-left: 0;
border-right: 0;
height: 0 !important;
line-height: 0 !important;
margin: 0;
padding: 0;
}
#wb_Text25
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 40px 0 0 0;
margin: 0 0 50px 0 ;
text-align: center;
}
#wb_Text25 div
{
text-align: center;
}
#wb_Text25
{
display: block;
margin: 0 0 50px 0 ;
box-sizing: border-box;
width: 100%;
}
#wb_Text7
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0 0 20px 0;
margin: 0;
text-align: left;
}
#wb_Text7
{
color: #FFFFFF;
font-family: Poppins;
font-weight: 800;
font-size: 43px;
line-height: 45px;
}
#wb_Text7 p, #wb_Text7 ul
{
margin: 0;
padding: 0;
}
#wb_Text7
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text8
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text8
{
color: #FFFFFF;
font-family: "Open Sans";
font-weight: 400;
font-size: 16px;
line-height: 21.5px;
}
#wb_Text8 p, #wb_Text8 ul
{
margin: 0;
padding: 0;
}
#wb_Text8
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#RollOverLayer6
{
position: relative;
display:inline-block;
width: 300px;
height: 205px;
margin: 0;
}
#RollOverLayer6 .default
{
position: absolute;
top: 0;
left: 0;
transition: all 500ms linear;
opacity: 0;
width: 100%;
height: 100%;
}
#RollOverLayer6:hover .default
{
opacity: 1;
z-index: 9999;
}
#RollOverLayer6 .hover
{
z-index: 0;
position: absolute;
width: 100%;
height: 100%;
position: absolute;
}
#RollOverLayer6 .default, #RollOverLayer6 .hover
{
font-size: 0px;
text-align: center;
padding: 70px 0 0 0;
}
#RollOverLayer6 .hover
{
background-color: transparent;
background-image: url('images/Portfolio_Kachel_Dentaltechnik_TopSolution.jpg');
background-repeat: no-repeat;
background-position: left top;
background-attachment: scroll;
background-size: 100% 100%;
border: 0px solid #DDDDDD;
border-radius: 0px;
box-sizing: border-box;
}
#RollOverLayer6 .default
{
background-color: #E05015;
background-image: none;
border: 0px #DDDDDD solid;
border-radius: 0px;
box-sizing: border-box;
}
#wb_Icon3
{
background-color: transparent;
background-image: none;
border: 0px solid #245580;
border-radius: 0px;
text-align: center;
margin: 0;
padding: 0;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_Icon3 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#Icon3
{
height: 60px;
width: 60px;
}
#Icon3 i
{
color: #FFFFFF;
display: inline-block;
font-size: 60px;
line-height: 60px;
vertical-align: middle;
width: 59px;
}
#wb_Icon3:hover #Icon3 i
{
color: #FFFFFF;
}
#wb_Icon3:hover
{
transform: rotate(180deg) scale(1.5,1.5) ;
transition: transform 500ms linear 0ms;
}
#wb_Icon3
{
transform: rotate(0deg) ;
transition: transform 500ms linear 0ms;
}
#wb_Text13
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 0 0;
margin: 0;
text-align: center;
}
#wb_Text13 div
{
text-align: center;
}
#wb_Text13
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text28
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 0 0;
margin: 0;
text-align: center;
}
#wb_Text28 div
{
text-align: center;
}
#wb_Text28
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text30
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 0 0;
margin: 0;
text-align: center;
}
#wb_Text30 div
{
text-align: center;
}
#wb_Text30
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text33
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 0 0;
margin: 0;
text-align: center;
}
#wb_Text33 div
{
text-align: center;
}
#wb_Text33
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text34
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 0 0;
margin: 0;
text-align: center;
}
#wb_Text34 div
{
text-align: center;
}
#wb_Text34
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text35
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 0 0;
margin: 0;
text-align: center;
}
#wb_Text35 div
{
text-align: center;
}
#wb_Text35
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Image1
{
margin: 0;
vertical-align: top;
}
#Image1
{
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
padding: 0;
display: block;
width: 100%;
height: auto;
max-width: 180px;
margin-left: auto;
margin-right: auto;
vertical-align: top;
}
#HorizontalLine4
{
border-color: #100C1C;
border-style: solid;
border-bottom-width: 6px;
border-top: 0;
border-left: 0;
border-right: 0;
height: 0 !important;
line-height: 0 !important;
margin: 0;
padding: 0;
}
#wb_Text9
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 40px 0 0 0;
margin: 0 0 50px 0 ;
text-align: center;
}
#wb_Text9 div
{
text-align: center;
}
#wb_Text9
{
display: block;
margin: 0 0 50px 0 ;
box-sizing: border-box;
width: 100%;
}
#HorizontalLine5
{
border-color: #E05015;
border-style: solid;
border-bottom-width: 6px;
border-top: 0;
border-left: 0;
border-right: 0;
height: 0 !important;
line-height: 0 !important;
margin: 0;
padding: 0;
}
#wb_Text14
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: center;
}
#wb_Text14
{
color: #FFFFFF;
font-family: "Open Sans";
font-weight: 400;
font-size: 16px;
line-height: 21.5px;
}
#wb_Text14 p, #wb_Text14 ul
{
margin: 0;
padding: 0;
}
#wb_Text14
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Card_Kaupp
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 0px solid #DEDEDE;
border-radius: 3px;
text-align: center;
}
#Card_Kaupp-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card_Kaupp-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 12px 20px 12px 20px;
border: 0px solid #000000;
border-radius: 0px;
width: 100%;
height: auto;
}
#Card_Kaupp-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 20px 0 20px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 13px;
}
#wb_Card_TopSolution
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 0px solid #DEDEDE;
border-radius: 3px;
text-align: center;
}
#Card_TopSolution-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card_TopSolution-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 12px 20px 12px 20px;
border: 0px solid #000000;
border-radius: 0px;
width: 100%;
height: auto;
}
#Card_TopSolution-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 20px 0 20px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 13px;
}
#wb_Card_Leaves
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 0px solid #DEDEDE;
border-radius: 3px;
text-align: center;
}
#Card_Leaves-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card_Leaves-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 12px 20px 12px 20px;
border: 0px solid #000000;
border-radius: 0px;
width: 100%;
height: auto;
}
#Card_Leaves-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 20px 0 20px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 13px;
}
#wb_Card_Velvet
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 0px solid #DEDEDE;
border-radius: 3px;
text-align: center;
}
#Card_Velvet-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card_Velvet-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 12px 20px 12px 20px;
border: 0px solid #000000;
border-radius: 0px;
width: 100%;
height: auto;
}
#Card_Velvet-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 20px 0 20px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 13px;
}
#wb_Card_Autovermietung
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 0px solid #DEDEDE;
border-radius: 3px;
text-align: center;
}
#Card_Autovermietung-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card_Autovermietung-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 12px 20px 12px 20px;
border: 0px solid #000000;
border-radius: 0px;
width: 100%;
height: auto;
}
#Card_Autovermietung-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 20px 0 20px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 13px;
}
#wb_Card_Fuchs
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 0px solid #DEDEDE;
border-radius: 3px;
text-align: center;
}
#Card_Fuchs-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card_Fuchs-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 12px 20px 12px 20px;
border: 0px solid #000000;
border-radius: 0px;
width: 100%;
height: auto;
}
#Card_Fuchs-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 20px 0 20px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 13px;
}
#CardContainer2
{
position: relative;
padding: 10px 10px 10px 10px;
margin: 0;
background-color: transparent;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
font-size: 0;
}
#CardContainer2 .owl-dots, #CardContainer2 .owl-nav
{
text-align: center;
}
#CardContainer2 .owl-nav [class*=owl-]
{
opacity: 0.7;
color: #E05015;
font-size: 48px;
display: inline-block;
cursor: pointer;
pointer-events: all;
}
#CardContainer2 .owl-nav [class*=owl-]:hover
{
opacity: 1;
color: #E05015;
text-decoration: none;
}
#CardContainer2 .owl-nav .disabled
{
opacity: .5;
cursor: default;
}
#CardContainer2 .owl-nav.disabled+.owl-dots
{
margin-top: 10px;
}
#CardContainer2 .owl-nav
{
position: absolute;
top: 0;
display: none;
align-items: center;
justify-content: space-between;
pointer-events: none;
width: calc(100% - 20px);
height: calc(100% - 28px);
}
#CardContainer2 .owl-nav button.owl-prev, #CardContainer2 button.owl-next
{
height: 48px;
width: 48px;
border-radius: 50%;
background-color: rgba(255,255,255, 0.5);
}
#CardContainer2 .owl-dots .owl-dot
{
display: inline-block;
zoom: 1;
}
#CardContainer2 .owl-dots .owl-dot span
{
width: 10px;
height: 10px;
margin: 8px 8px;
background: #FFFFFF;
display: block;
-webkit-backface-visibility: visible;
backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 50%;
}
#CardContainer2 .owl-dots .owl-dot.active span, #CardContainer2 .owl-dots .owl-dot:hover span
{
background: #E05015;
}
#wb_Text15
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 20px 0;
margin: 0;
text-align: center;
}
#wb_Text15 div
{
text-align: center;
}
#wb_Text15
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#HorizontalLine6
{
border-color: #E05015;
border-style: solid;
border-bottom-width: 6px;
border-top: 0;
border-left: 0;
border-right: 0;
height: 0 !important;
line-height: 0 !important;
margin: 0;
padding: 0;
}
#wb_Text21
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 40px 0 0 0;
margin: 0 0 50px 0 ;
text-align: center;
}
#wb_Text21 div
{
text-align: center;
}
#wb_Text21
{
display: block;
margin: 0 0 50px 0 ;
box-sizing: border-box;
width: 100%;
}
#wb_Card2
{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card2-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 50px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 45px;
}
#wb_Card2:hover #Card2-card-item0
{
transform: translate(0px,10px) rotate(0deg) ;
transition: transform 400ms linear 300ms;
}
#Card2-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card2-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 20px;
text-align: center;
}
#Card2-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: normal;
font-style: normal;
font-size: 29px;
text-align: center;
}
#wb_Card2:hover #Card2-card-item2
{
color: #E05015;
transition: color 500ms linear 0ms;
}
#Card2-card-item2
{
color: #100C1C;
transition: color 500ms linear 0ms;
}
#wb_Card16
{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card16-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card16-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 50px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 45px;
}
#wb_Card16:hover #Card16-card-item0
{
transform: translate(0px,10px) rotate(0deg) ;
transition: transform 400ms linear 300ms;
}
#Card16-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card16-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 20px;
text-align: center;
}
#Card16-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: normal;
font-style: normal;
font-size: 29px;
text-align: center;
}
#wb_Card16:hover #Card16-card-item2
{
color: #E05015;
transition: color 500ms linear 0ms;
}
#Card16-card-item2
{
color: #100C1C;
transition: color 500ms linear 0ms;
}
#wb_Image4
{
margin: 120px 0 0 0 ;
vertical-align: top;
}
#Image4
{
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
padding: 0;
display: block;
width: 100%;
height: auto;
max-width: 346px;
margin-left: auto;
margin-right: auto;
vertical-align: top;
}
#wb_Text36
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: center;
}
#wb_Text36
{
color: #FFFFFF;
font-family: "Open Sans";
font-weight: 400;
font-size: 16px;
line-height: 21.5px;
}
#wb_Text36 p, #wb_Text36 ul
{
margin: 0;
padding: 0;
}
#wb_Text36
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Sticky_Menu_Raster_480
{
clear: both;
position: relative;
table-layout: fixed;
display: none;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#Sticky_Menu_Raster_480
{
box-sizing: border-box;
padding: 0 15px 0 15px;
margin-right: auto;
margin-left: auto;
}
#Sticky_Menu_Raster_480 > .row
{
margin-right: -15px;
margin-left: -15px;
}
#Sticky_Menu_Raster_480 > .row > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#Sticky_Menu_Raster_480 > .row > .col-1
{
float: left;
}
#Sticky_Menu_Raster_480 > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 100%;
text-align: left;
}
#Sticky_Menu_Raster_480:before,
#Sticky_Menu_Raster_480:after,
#Sticky_Menu_Raster_480 .row:before,
#Sticky_Menu_Raster_480 .row:after
{
display: table;
content: " ";
}
#Sticky_Menu_Raster_480:after,
#Sticky_Menu_Raster_480 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#Sticky_Menu_Raster_480 > .row > .col-1
{
float: none;
width: 100% !important;
}
}
#Sticky_Menu_480
{
box-sizing: border-box;
font-family: "Poppins ExtraBold";
font-weight: normal;
font-style: normal;
color: #FFFFFF;
display: flex !important;
justify-content: center;
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
top: auto !important;
height: auto !important;
width: 100% !important;
z-index: 9998;
}
#Sticky_Menu_480-menu
{
box-sizing: border-box;
width: 100%;
padding-bottom: 49px;
height: 0;
transform: translate3d(0, -100%, 0);
opacity: 0;
display: flex;
align-items: center;
position: fixed;
top: 0;
left: 0;
}
#Sticky_Menu_480 a
{
color: #FFFFFF;
display: inline-block;
text-decoration: none;
}
#Sticky_Menu_480-menu ul
{
box-sizing: border-box;
display: none;
list-style: none;
margin-top: 0;
margin-bottom: 0;
max-height: 100%;
padding-left: 0;
padding-top: 30px;
overflow-y: auto;
text-align: center;
width: 100%;
-webkit-overflow-scrolling: touch;
}
#Sticky_Menu_480-menu ul li
{
padding: 10px 15px 10px 15px;
font-size: 19px;
}
#Sticky_Menu_480-menu ul li a:hover
{
color: #FF8C00;
}
.menu__item
{
padding: 8px 25px;
display: block;
}
.Sticky_Menu_480-button
{
position: relative;
height: 47px;
}
.Sticky_Menu_480-button:before
{
content: "";
width: 94px;
height: 94px;
background-color: rgba(224,80,21,0.90);
border-radius: 50%;
position: absolute;
bottom: -49px;
left: -35px;
}
.Sticky_Menu_480-open
{
}
.Sticky_Menu_480-open #Sticky_Menu_480-menu
{
height: 100%;
transform: translate3d(0, 0, 0);
opacity: 1;
}
.Sticky_Menu_480-open .Sticky_Menu_480-button:before
{
width: 100vh;
height: 100vh;
transform: translate3d(-50vh, -50vh, 0) scale(5);
}
.Sticky_Menu_480-open #Sticky_Menu_480-menu ul
{
display: block;
}
#Sticky_Menu_480-menu
{
transition: opacity .2s ease-out;
}
.Sticky_Menu_480-open #Sticky_Menu_480-menu
{
transition-duration: 500ms;
transition-delay: 500ms;
}
.Sticky_Menu_480-button:before
{
transition: transform 1000ms cubic-bezier(0.04, -0.1, 0.29, 0.98), width 1000ms cubic-bezier(0.04, -0.1, 0.29, 0.98), height 1000ms cubic-bezier(0.04, -0.1, 0.29, 0.98);
}
.Sticky_Menu_480-open .Sticky_Menu_480-button:before
{
transition-duration: 1000ms;
}
#Sticky_Menu_480-icon
{
cursor: pointer;
left: 0;
margin: 0;
padding: 0 !important;
position: relative;
top: 0;
z-index: 2;
}
#Sticky_Menu_480-icon .line
{
width: 24px;
height: 4px;
background: #FFFFFF;
display: block;
margin: 4px auto;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#Sticky_Menu_480-icon .line:first-child
{
margin-top: 15px;
}
.Sticky_Menu_480-open #Sticky_Menu_480-icon .line
{
transition: margin 0.3s ease, transform 0.3s ease-in-out 0.4s;
}
.Sticky_Menu_480-open #Sticky_Menu_480-icon .line:nth-child(1)
{
margin-top: 19px;
transform: rotate(225deg);
}
.Sticky_Menu_480-open #Sticky_Menu_480-icon .line:nth-child(2)
{
opacity: 0;
}
.Sticky_Menu_480-open #Sticky_Menu_480-icon .line:nth-child(3)
{
margin-top: -16px;
transform: rotate(135deg);
}
#wb_Card9
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 25%;
align-self: auto;
box-sizing: border-box;
margin: 40px 40px 40px 40px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
}
#Card9-card-body
{
padding: 0 0 20px 0;
flex: 1 1 auto;
font-size: 0;
}
#Card9-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#wb_Card9:hover #Card9-card-item0
{
transform: translate(0px,-15px) rotate(10deg) ;
transition: transform 400ms linear 300ms;
}
#Card9-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card9-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 5px 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#wb_Card9:hover #Card9-card-item1
{
color: #100C1C;
transition: color 200ms linear 0ms;
}
#Card9-card-item1
{
color: #FFFFFF;
transition: color 200ms linear 0ms;
}
#Card9-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#Extension1
{
position: relative;
transform-style: preserve-3d;
}
#Extension1 img
{
border-style: none;
height: auto;
max-width: none;
width: 100%;
vertical-align: middle;
}
#Extension1 h3
{
color: #000000;
display: block;
font-family: Arial;
font-weight: normal;
font-size: 19px;
font-style: normal;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%) translateZ(20px);
width: 100%;
}
#wb_Text5
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 40px 0;
margin: 0;
text-align: center;
}
#wb_Text5 div
{
text-align: center;
}
#wb_Text5
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text12
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 40px 0;
margin: 0;
text-align: center;
}
#wb_Text12 div
{
text-align: center;
}
#wb_Text12
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Text10
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 20px 0 40px 0;
margin: 0;
text-align: center;
}
#wb_Text10 div
{
text-align: center;
}
#wb_Text10
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Card_Velvet
{
display: flex;
z-index: 86;
}
#wb_FontAwesomeIcon2
{
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
z-index: 65;
}
#HorizontalLine5
{
display: inline-block;
width: 100px;
z-index: 63;
}
#wb_Card6
{
display: flex;
z-index: 36;
}
#wb_Icon1
{
display: inline-block;
width: 102px;
height: 100px;
text-align: center;
z-index: 9;
}
#wb_Card1
{
display: inline-block;
width: 298px;
height: 170px;
z-index: 95;
}
#wb_FontAwesomeIcon1
{
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
z-index: 71;
}
#HorizontalLine2
{
display: inline-block;
width: 100px;
z-index: 25;
}
#HorizontalLine3
{
display: inline-block;
width: 100px;
z-index: 93;
}
#wb_Card_Fuchs
{
display: flex;
z-index: 89;
}
#RollOverLayer5
{
z-index: 82;
}
#RollOverLayer1
{
z-index: 78;
}
#RollOverLayer6
{
z-index: 75;
}
#RollOverLayer4
{
z-index: 72;
}
#RollOverLayer3
{
z-index: 69;
}
#RollOverLayer2
{
z-index: 66;
}
#wb_Image1
{
display: inline-block;
width: 100%;
height: auto;
z-index: 14;
}
#wb_Logo_Text
{
display: inline-block;
width: 374px;
height: 133px;
z-index: 3;
}
#wb_Card3
{
display: inline-block;
width: 348px;
height: 170px;
z-index: 96;
}
#wb_Card14
{
display: flex;
z-index: 38;
}
#wb_Image2
{
display: inline-block;
width: 233px;
height: 50px;
z-index: 15;
}
#wb_Card2
{
display: flex;
width: 100%;
z-index: 101;
}
#HorizontalLine1
{
display: inline-block;
width: 100px;
z-index: 55;
}
#wb_Card15
{
display: flex;
z-index: 39;
}
#wb_Image3
{
display: inline-block;
width: 57px;
height: 67px;
z-index: 0;
}
#wb_Card16
{
display: flex;
width: 100%;
z-index: 102;
}
#wb_Image4
{
display: inline-block;
width: 100%;
height: auto;
z-index: 97;
}
#wb_Image5
{
display: inline-block;
width: 603px;
height: 231px;
z-index: 91;
}
#wb_Extension1
{
display: inline-block;
width: 220px;
height: 220px;
z-index: 10;
}
#wb_Logo
{
display: inline-block;
width: 100%;
height: auto;
z-index: 2;
}
#wb_Card10
{
display: flex;
z-index: 22;
}
#wb_Card11
{
display: flex;
z-index: 23;
}
#wb_Image7
{
display: inline-block;
width: 233px;
height: 50px;
z-index: 11;
}
#wb_Card12
{
display: flex;
z-index: 37;
}
#wb_Card9
{
display: flex;
z-index: 20;
}
#wb_Card_Leaves
{
display: flex;
z-index: 87;
}
#wb_Card13
{
display: flex;
z-index: 21;
}
#wb_Card8
{
display: flex;
z-index: 19;
}
#wb_Card_Autovermietung
{
display: flex;
z-index: 88;
}
#wb_Card_Kaupp
{
display: flex;
z-index: 84;
}
#wb_FontAwesomeIcon6
{
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
z-index: 68;
}
#HorizontalLine6
{
display: inline-block;
width: 100px;
z-index: 99;
}
#wb_Icon2
{
display: inline-block;
width: 220px;
height: 100px;
text-align: center;
z-index: 80;
}
#wb_Card5
{
display: flex;
z-index: 35;
}
#wb_FontAwesomeIcon10
{
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
z-index: 77;
}
#wb_Icon3
{
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
z-index: 74;
}
#wb_Card4
{
display: flex;
z-index: 34;
}
#wb_ThemeableMenu1
{
display: inline-block;
width: 100%;
z-index: 1;
}
#wb_Card_TopSolution
{
display: flex;
z-index: 85;
}
#wb_FontAwesomeIcon3
{
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
z-index: 81;
}
#HorizontalLine4
{
display: inline-block;
width: 100px;
z-index: 41;
}
#wb_Card7
{
display: flex;
z-index: 18;
}
#wb_Image16
{
display: inline-block;
width: 100%;
height: auto;
z-index: 7;
}
#wb_Image15
{
display: inline-block;
width: 100%;
height: auto;
z-index: 6;
}
#wb_Pfeil_runter_1
{
display: inline-block;
width: 102px;
height: 100px;
text-align: center;
z-index: 5;
}
@media only screen and (max-width: 480px)
{
body
{
background-color: #FFFFFF;
background-image: none;
}
#wb_header
{
visibility: hidden;
display: none;
}
#wb_header
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#header
{
height: auto;
padding: 20px 15px 20px 15px;
}
#header .row
{
margin-right: -15px;
margin-left: -15px;
}
#wb_Start
{
visibility: hidden;
display: none;
}
#wb_Start
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Start
{
height: auto;
padding: 200px 15px 100px 15px;
}
#Start .row
{
margin-right: -15px;
margin-left: -15px;
}
#Start > .row > .col-1, #Start > .row > .col-2, #Start > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#Start > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Start > .row > .col-2
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Start > .row > .col-3
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Start-divider-bottom
{
height: 50px;
}
#Start-divider-bottom
{
bottom: 0%;
}
#wb_Start_480
{
visibility: visible;
display: table;
background-color: transparent;
background-image: url('images/Wald_Startseite_web.jpg');
background-repeat: no-repeat;
background-position: center center !important;
background-attachment: scroll;
background-size: bedecken;
}
#wb_Start_480
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Start_480
{
height: auto;
padding: 50px 50px 100px 50px;
}
#Start_480 .row
{
margin-right: -50px;
margin-left: -50px;
}
#Start_480 > .row > .col-1
{
padding-right: 50px;
padding-left: 50px;
}
#Start_480 > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Start_480-divider-bottom
{
height: 40px;
}
#Start_480-divider-bottom
{
bottom: 0%;
}
#wb_Intro
{
visibility: hidden;
display: none;
}
#wb_Intro
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Intro
{
height: auto;
padding: 150px 40px 150px 40px;
}
#Intro .row
{
margin-right: -40px;
margin-left: -40px;
}
#Intro > .row > .col-1, #Intro > .row > .col-2
{
padding-right: 40px;
padding-left: 40px;
}
#Intro > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Intro > .row > .col-2
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#wb_Intro_480
{
visibility: visible;
display: table;
}
#wb_Intro_480
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Intro_480
{
height: auto;
padding: 80px 50px 80px 50px;
}
#Intro_480 .row
{
margin-right: -50px;
margin-left: -50px;
}
#Intro_480 > .row > .col-1
{
padding-right: 50px;
padding-left: 50px;
}
#Intro_480 > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#wb_Leistungen
{
visibility: hidden;
display: none;
background-color: transparent;
}
#wb_Leistungen
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Leistungen
{
height: auto;
padding: 100px 15px 100px 15px;
}
#Leistungen .row
{
margin-right: -15px;
margin-left: -15px;
}
#Leistungen > .row > .col-1, #Leistungen > .row > .col-2, #Leistungen > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#Leistungen > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Leistungen > .row > .col-2
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Leistungen > .row > .col-3
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#CardContainer3
{
visibility: visible;
display: flex;
}
#CardContainer3
{
padding: 10px 10px 10px 10px;
}
#wb_Text1
{
visibility: visible;
display: block;
}
#wb_Text1
{
margin: 0;
padding: 0;
}
#wb_Text6
{
visibility: visible;
display: block;
}
#wb_Text6
{
margin: 0 0 50px 0 ;
padding: 0;
}
#wb_Card7
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
color: transparent;
}
#Card7-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#wb_Card7:hover #Card7-card-item0
{
transform: translate(0px,-15px) rotate(-10deg) ;
transition: transform 400ms linear 300ms;
}
#Card7-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card7-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 5px 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#wb_Card7:hover #Card7-card-item1
{
color: #100C1C;
transition: color 200ms linear 0ms;
}
#Card7-card-item1
{
color: #FFFFFF;
transition: color 200ms linear 0ms;
}
#Card7-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card7
{
text-align: center;
}
#wb_Card7
{
max-width: -0%;
}
#wb_Card8
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
color: transparent;
}
#Card8-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#wb_Card8:hover #Card8-card-item0
{
transform: translate(0px,-15px) rotate(0deg) ;
transition: transform 400ms linear 300ms;
}
#Card8-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card8-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 5px 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#wb_Card8:hover #Card8-card-item1
{
color: #100C1C;
transition: color 200ms linear 0ms;
}
#Card8-card-item1
{
color: #FFFFFF;
transition: color 200ms linear 0ms;
}
#Card8-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card8
{
text-align: center;
}
#wb_Card8
{
max-width: -0%;
}
#wb_Leistungen_480
{
visibility: visible;
display: table;
background-color: transparent;
}
#wb_Leistungen_480
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Leistungen_480
{
height: auto;
padding: 100px 50px 100px 50px;
}
#Leistungen_480 .row
{
margin-right: -50px;
margin-left: -50px;
}
#Leistungen_480 > .row > .col-1
{
padding-right: 50px;
padding-left: 50px;
}
#Leistungen_480 > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Leistungen_480-divider-top
{
height: 50px;
}
#Leistungen_480-divider-top
{
top: 0%;
left: 0;
}
#wb_Banner_Fuchs
{
visibility: hidden;
display: none;
}
#wb_Banner_Fuchs
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Banner_Fuchs
{
height: auto;
padding: 120px 15px 120px 15px;
}
#Banner_Fuchs .row
{
margin-right: -15px;
margin-left: -15px;
}
#Banner_Fuchs > .row > .col-1, #Banner_Fuchs > .row > .col-2, #Banner_Fuchs > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#Banner_Fuchs > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Banner_Fuchs > .row > .col-2
{
display: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Banner_Fuchs > .row > .col-3
{
display: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Banner_Fuchs-divider-bottom
{
height: 50px;
}
#Banner_Fuchs-divider-bottom
{
bottom: 0%;
}
#wb_Banner_Fuchs_320
{
visibility: visible;
display: table;
background-color: transparent;
background-image: url('images/alexas_fotos-fox-1310840_web.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-position: 50% 0;
background-size: cover;
}
#wb_Banner_Fuchs_320
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Banner_Fuchs_320
{
height: auto;
padding: 70px 50px 70px 50px;
}
#Banner_Fuchs_320 .row
{
margin-right: -50px;
margin-left: -50px;
}
#Banner_Fuchs_320 > .row > .col-1
{
padding-right: 50px;
padding-left: 50px;
}
#Banner_Fuchs_320 > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Banner_Fuchs_320-divider-bottom
{
height: 40px;
}
#Banner_Fuchs_320-divider-bottom
{
bottom: 0%;
}
#CardContainer1
{
visibility: visible;
display: block;
}
#CardContainer1
{
padding: 10px 10px 10px 10px;
}
#wb_Portfolio
{
visibility: hidden;
display: none;
}
#wb_Portfolio
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Portfolio
{
height: auto;
padding: 100px 15px 50px 15px;
}
#Portfolio .row
{
margin-right: -15px;
margin-left: -15px;
}
#Portfolio > .row > .col-1, #Portfolio > .row > .col-2, #Portfolio > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#Portfolio > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Portfolio > .row > .col-2
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Portfolio > .row > .col-3
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: right;
}
#wb_Card13
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
color: transparent;
}
#Card13-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#wb_Card13:hover #Card13-card-item0
{
transform: translate(0px,-15px) rotate(-10deg) ;
transition: transform 400ms linear 300ms;
}
#Card13-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card13-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 5px 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#wb_Card13:hover #Card13-card-item1
{
color: #100C1C;
transition: color 200ms linear 0ms;
}
#Card13-card-item1
{
color: #FFFFFF;
transition: color 200ms linear 0ms;
}
#Card13-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card13
{
text-align: center;
}
#wb_Card13
{
max-width: -0%;
}
#wb_Card10
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
color: transparent;
}
#Card10-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#wb_Card10:hover #Card10-card-item0
{
transform: translate(0px,-15px) rotate(0deg) ;
transition: transform 400ms linear 300ms;
}
#Card10-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card10-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 5px 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#wb_Card10:hover #Card10-card-item1
{
color: #100C1C;
transition: color 200ms linear 0ms;
}
#Card10-card-item1
{
color: #FFFFFF;
transition: color 200ms linear 0ms;
}
#Card10-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card10
{
text-align: center;
}
#wb_Card10
{
max-width: -0%;
}
#wb_Card11
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
color: transparent;
}
#Card11-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#wb_Card11:hover #Card11-card-item0
{
transform: translate(0px,-15px) rotate(10deg) ;
transition: transform 400ms linear 300ms;
}
#Card11-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card11-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 5px 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#wb_Card11:hover #Card11-card-item1
{
color: #100C1C;
transition: color 200ms linear 0ms;
}
#Card11-card-item1
{
color: #FFFFFF;
transition: color 200ms linear 0ms;
}
#Card11-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card11
{
text-align: center;
}
#wb_Card11
{
max-width: -0%;
}
#RollOverLayer2
{
visibility: visible;
display: inline-block;
margin: 0;
}
#RollOverLayer3
{
visibility: visible;
display: inline-block;
margin: 0;
}
#RollOverLayer4
{
visibility: visible;
display: inline-block;
margin: 0;
}
#wb_FontAwesomeIcon2
{
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}
#FontAwesomeIcon2
{
width: 60px;
height: 60px;
}
#FontAwesomeIcon2 i
{
line-height: 60px;
font-size: 60px;
width: 50px;
}
#RollOverLayer1
{
visibility: visible;
display: inline-block;
margin: 0;
}
#RollOverLayer5
{
visibility: visible;
display: inline-block;
margin: 0;
}
#wb_Portfolio_480
{
visibility: visible;
display: table;
}
#wb_Portfolio_480
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Portfolio_480
{
height: auto;
padding: 100px 30px 50px 30px;
}
#Portfolio_480 .row
{
margin-right: -30px;
margin-left: -30px;
}
#Portfolio_480 > .row > .col-1, #Portfolio_480 > .row > .col-2, #Portfolio_480 > .row > .col-3
{
padding-right: 30px;
padding-left: 30px;
}
#Portfolio_480 > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Portfolio_480 > .row > .col-2
{
display: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Portfolio_480 > .row > .col-3
{
display: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: right;
}
#wb_Portfolio_Kacheln
{
visibility: hidden;
display: none;
}
#wb_Portfolio_Kacheln
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Portfolio_Kacheln
{
height: auto;
padding: 150px 20px 50px 20px;
}
#Portfolio_Kacheln .row
{
margin-right: 280px;
margin-left: 280px;
}
#Portfolio_Kacheln > .row > .col-1, #Portfolio_Kacheln > .row > .col-2, #Portfolio_Kacheln > .row > .col-3
{
padding-right: 20px;
padding-left: 20px;
}
#Portfolio_Kacheln > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Portfolio_Kacheln > .row > .col-2
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Portfolio_Kacheln > .row > .col-3
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Portfolio_Kacheln-divider-top
{
height: 50px;
}
#Portfolio_Kacheln-divider-top
{
top: 0%;
left: 0;
}
#wb_Portfolio_Kacheln_2
{
visibility: hidden;
display: none;
}
#wb_Portfolio_Kacheln_2
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Portfolio_Kacheln_2
{
height: auto;
padding: 50px 20px 100px 20px;
}
#Portfolio_Kacheln_2 .row
{
margin-right: 280px;
margin-left: 280px;
}
#Portfolio_Kacheln_2 > .row > .col-1, #Portfolio_Kacheln_2 > .row > .col-2, #Portfolio_Kacheln_2 > .row > .col-3
{
padding-right: 20px;
padding-left: 20px;
}
#Portfolio_Kacheln_2 > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Portfolio_Kacheln_2 > .row > .col-2
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Portfolio_Kacheln_2 > .row > .col-3
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Portfolio_Kacheln_2-divider-bottom
{
height: 50px;
}
#Portfolio_Kacheln_2-divider-bottom
{
bottom: 0%;
}
#wb_Portfolio_Kacheln_480
{
visibility: visible;
display: table;
background-color: #100C1C;
background-image: none;
background-image: none;
}
#wb_Portfolio_Kacheln_480
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Portfolio_Kacheln_480
{
height: auto;
padding: 100px 30px 100px 30px;
}
#Portfolio_Kacheln_480 .row
{
margin-right: -30px;
margin-left: -30px;
}
#Portfolio_Kacheln_480 > .row > .col-1
{
padding-right: 30px;
padding-left: 30px;
}
#Portfolio_Kacheln_480 > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Portfolio_Kacheln_480-divider-top
{
height: 40px;
}
#Portfolio_Kacheln_480-divider-top
{
top: 0%;
left: 0;
}
#Portfolio_Kacheln_480-divider-bottom
{
height: 40px;
}
#Portfolio_Kacheln_480-divider-bottom
{
bottom: 0%;
}
#wb_Image5
{
width: 290px;
height: 71px;
visibility: visible;
display: inline-block;
margin: 120px 0 0 0 ;
padding: 0;
}
#Image5
{
width: 290px;
height: 71px;
}
#wb_Kontakt
{
visibility: hidden;
display: none;
}
#wb_Kontakt
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Kontakt
{
height: auto;
padding: 0 15px 40px 15px;
}
#Kontakt .row
{
margin-right: -15px;
margin-left: -15px;
}
#Kontakt > .row > .col-1, #Kontakt > .row > .col-2, #Kontakt > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#Kontakt > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Kontakt > .row > .col-2
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Kontakt > .row > .col-3
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#wb_Card1
{
width: 155px;
height: 150px;
visibility: visible;
display: inline-block;
margin: 0;
color: transparent;
}
#Card1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 50px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 45px;
}
#wb_Card1:hover #Card1-card-item0
{
transform: translate(0px,10px) rotate(0deg) ;
transition: transform 400ms linear 300ms;
}
#Card1-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card1-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 20px;
text-align: center;
}
#Card1-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: normal;
font-style: normal;
font-size: 29px;
text-align: center;
}
#wb_Card1:hover #Card1-card-item2
{
color: #E05015;
transition: color 500ms linear 0ms;
}
#Card1-card-item2
{
color: #100C1C;
transition: color 500ms linear 0ms;
}
#wb_Card1
{
text-align: center;
}
#wb_Card3
{
width: 155px;
height: 150px;
visibility: visible;
display: inline-block;
margin: 0;
color: transparent;
}
#Card3-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 50px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 45px;
}
#wb_Card3:hover #Card3-card-item0
{
transform: translate(0px,10px) rotate(0deg) ;
transition: transform 400ms linear 300ms;
}
#Card3-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card3-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 20px;
text-align: center;
}
#Card3-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: normal;
font-style: normal;
font-size: 29px;
text-align: center;
}
#wb_Card3:hover #Card3-card-item2
{
color: #E05015;
transition: color 500ms linear 0ms;
}
#Card3-card-item2
{
color: #100C1C;
transition: color 500ms linear 0ms;
}
#wb_Card3
{
text-align: center;
}
#wb_Text11
{
visibility: visible;
display: block;
}
#wb_Text11
{
margin: 0;
padding: 0;
}
#wb_ThemeableMenu1
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
}
#ThemeableMenu1, .ThemeableMenu1 .nav, .ThemeableMenu1 .dropdown-menu
{
font-family: "Open Sans";
font-weight: bold;
font-size: 15px;
}
#wb_Image3
{
width: 57px;
height: 67px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 0;
}
#Image3
{
width: 57px;
height: 67px;
}
#wb_Kontakt_480
{
visibility: visible;
display: table;
}
#wb_Kontakt_480
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Kontakt_480
{
height: auto;
padding: 0 30px 50px 30px;
}
#Kontakt_480 .row
{
margin-right: -30px;
margin-left: -30px;
}
#Kontakt_480 > .row > .col-1, #Kontakt_480 > .row > .col-2, #Kontakt_480 > .row > .col-3
{
padding-right: 30px;
padding-left: 30px;
}
#Kontakt_480 > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Kontakt_480 > .row > .col-2
{
display: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Kontakt_480 > .row > .col-3
{
display: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#wb_Banner_magisch
{
visibility: hidden;
display: none;
background-color: transparent;
}
#wb_Banner_magisch
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Banner_magisch
{
height: auto;
padding: 120px 15px 100px 15px;
}
#Banner_magisch .row
{
margin-right: -15px;
margin-left: -15px;
}
#Banner_magisch > .row > .col-1, #Banner_magisch > .row > .col-2, #Banner_magisch > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#Banner_magisch > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Banner_magisch > .row > .col-2
{
display: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Banner_magisch > .row > .col-3
{
display: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Banner_magisch-divider-top
{
height: 50px;
}
#Banner_magisch-divider-top
{
top: 0%;
left: 0;
}
#wb_Banner_magisch_480
{
visibility: visible;
display: table;
background-color: transparent;
}
#wb_Banner_magisch_480
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Banner_magisch_480
{
height: auto;
padding: 120px 30px 100px 30px;
}
#Banner_magisch_480 .row
{
margin-right: -30px;
margin-left: -30px;
}
#Banner_magisch_480 > .row > .col-1, #Banner_magisch_480 > .row > .col-2, #Banner_magisch_480 > .row > .col-3
{
padding-right: 30px;
padding-left: 30px;
}
#Banner_magisch_480 > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Banner_magisch_480 > .row > .col-2
{
display: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Banner_magisch_480 > .row > .col-3
{
display: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: left;
}
#Banner_magisch_480-divider-top
{
height: 50px;
}
#Banner_magisch_480-divider-top
{
top: 0%;
left: 0;
}
#wb_Footer
{
visibility: visible;
display: table;
}
#wb_Footer
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Footer
{
height: auto;
padding: 20px 15px 20px 15px;
}
#Footer .row
{
margin-right: -15px;
margin-left: -15px;
}
#Footer
{
width: 100%;
}
#Footer > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#Footer > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#wb_FontAwesomeIcon10
{
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}
#FontAwesomeIcon10
{
width: 60px;
height: 60px;
}
#FontAwesomeIcon10 i
{
line-height: 60px;
font-size: 60px;
width: 50px;
}
#wb_FontAwesomeIcon6
{
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}
#FontAwesomeIcon6
{
width: 60px;
height: 60px;
}
#FontAwesomeIcon6 i
{
line-height: 60px;
font-size: 60px;
width: 50px;
}
#wb_FontAwesomeIcon1
{
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}
#FontAwesomeIcon1
{
width: 60px;
height: 60px;
}
#FontAwesomeIcon1 i
{
line-height: 60px;
font-size: 60px;
width: 50px;
}
#wb_FontAwesomeIcon3
{
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}
#FontAwesomeIcon3
{
width: 60px;
height: 60px;
}
#FontAwesomeIcon3 i
{
line-height: 60px;
font-size: 60px;
width: 50px;
}
#wb_Logo
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0;
}
#wb_Logo_Text
{
width: 395px;
height: 141px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 0;
}
#Logo_Text
{
width: 395px;
height: 141px;
}
#wb_Image7
{
width: 184px;
height: 40px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 0;
}
#Image7
{
width: 184px;
height: 40px;
}
#wb_Text18
{
visibility: visible;
display: block;
}
#wb_Text18
{
margin: 0;
padding: 0 0 10px 0;
}
#wb_Text29
{
visibility: visible;
display: block;
}
#wb_Text29
{
margin: 0;
padding: 0;
}
#wb_Pfeil_runter_1
{
width: 102px;
height: 100px;
visibility: visible;
display: inline-block;
margin: 0 0 50px 0 ;
padding: 0;
}
#Pfeil_runter_1
{
width: 102px;
height: 100px;
}
#Pfeil_runter_1 i
{
line-height: 100px;
font-size: 100px;
width: 99px;
}
#wb_Image15
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0;
}
#wb_Image16
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0;
}
#wb_Text31
{
visibility: visible;
display: block;
}
#wb_Text31
{
margin: 0;
padding: 50px 0 50px 0;
}
#wb_Icon1
{
width: 102px;
height: 100px;
visibility: visible;
display: inline-block;
margin: 0 0 10px 0 ;
padding: 0;
}
#Icon1
{
width: 102px;
height: 100px;
}
#Icon1 i
{
line-height: 100px;
font-size: 100px;
width: 99px;
}
#wb_Text4
{
visibility: visible;
display: block;
}
#wb_Text4
{
margin: 0;
padding: 0;
}
#wb_Text16
{
width: 450px;
height: 120px;
visibility: visible;
display: inline-block;
}
#wb_Text16
{
margin: 0;
padding: 0;
}
#wb_Text17
{
visibility: visible;
display: block;
}
#wb_Text17
{
margin: 0;
padding: 20px 0 20px 0;
}
#wb_Image2
{
width: 184px;
height: 40px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 0;
}
#Image2
{
width: 184px;
height: 40px;
}
#wb_Text19
{
visibility: visible;
display: block;
}
#wb_Text19
{
margin: 0;
padding: 0;
}
#wb_Text20
{
visibility: visible;
display: block;
}
#wb_Text20
{
margin: 0;
padding: 0;
}
#wb_Text32
{
visibility: visible;
display: block;
}
#wb_Text32
{
margin: 0;
padding: 0;
}
#wb_Text2
{
visibility: visible;
display: block;
}
#wb_Text2
{
margin: 0;
padding: 0 0 20px 0;
}
#wb_Text3
{
visibility: visible;
display: block;
}
#wb_Text3
{
margin: 0;
padding: 40px 0 40px 0;
}
#wb_Card4
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
color: transparent;
}
#Card4-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#Card4-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 0 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#Card4-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card4
{
text-align: center;
}
#wb_Card5
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
color: transparent;
border: 0px solid #100C1C;
border-radius: 10px;
}
#Card5-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#Card5-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 0 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#Card5-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card5
{
text-align: center;
}
#wb_Card6
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
color: transparent;
}
#Card6-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#Card6-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 0 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#Card6-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card6
{
text-align: center;
}
#wb_Card12
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
color: transparent;
}
#Card12-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#Card12-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 0 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#Card12-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card12
{
text-align: center;
}
#wb_Card14
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
color: transparent;
}
#Card14-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#Card14-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 0 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#Card14-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card14
{
text-align: center;
}
#wb_Card15
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
color: transparent;
}
#Card15-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#Card15-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 0 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#Card15-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card15
{
text-align: center;
}
#wb_Text22
{
visibility: visible;
display: block;
}
#wb_Text22
{
margin: 0;
padding: 0;
}
#wb_Icon2
{
width: 102px;
height: 70px;
visibility: visible;
display: inline-block;
margin: 50px 0 30px 0 ;
padding: 0;
}
#Icon2
{
width: 102px;
height: 70px;
}
#Icon2 i
{
line-height: 70px;
font-size: 70px;
width: 69px;
}
#HorizontalLine1
{
width: 100px;
height: 6px;
visibility: visible;
display: inline-block;
margin: 0;
}
#HorizontalLine1
{
border-color: #E05015;
border-bottom-width: 6px;
}
#HorizontalLine2
{
width: 100px;
height: 6px;
visibility: visible;
display: inline-block;
margin: 0;
}
#HorizontalLine2
{
border-color: #100C1C;
border-bottom-width: 6px;
}
#wb_Text24
{
visibility: visible;
display: block;
}
#wb_Text24
{
margin: 0;
padding: 0;
}
#HorizontalLine3
{
width: 100px;
height: 6px;
visibility: visible;
display: inline-block;
margin: 0;
}
#HorizontalLine3
{
border-color: #E05015;
border-bottom-width: 6px;
}
#wb_Text25
{
visibility: visible;
display: block;
}
#wb_Text25
{
margin: 0 0 50px 0 ;
padding: 0;
}
#wb_Text7
{
visibility: visible;
display: block;
}
#wb_Text7
{
margin: 0;
padding: 0 0 10px 0;
}
#wb_Text8
{
visibility: visible;
display: block;
}
#wb_Text8
{
margin: 0;
padding: 0;
}
#RollOverLayer6
{
visibility: visible;
display: inline-block;
margin: 0;
}
#wb_Icon3
{
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}
#Icon3
{
width: 60px;
height: 60px;
}
#Icon3 i
{
line-height: 60px;
font-size: 60px;
width: 50px;
}
#wb_Text13
{
visibility: visible;
display: block;
}
#wb_Text13
{
margin: 0;
padding: 0;
}
#wb_Text28
{
visibility: visible;
display: block;
}
#wb_Text28
{
margin: 0;
padding: 0;
}
#wb_Text30
{
visibility: visible;
display: block;
}
#wb_Text30
{
margin: 0;
padding: 0;
}
#wb_Text33
{
visibility: visible;
display: block;
}
#wb_Text33
{
margin: 0;
padding: 0;
}
#wb_Text34
{
visibility: visible;
display: block;
}
#wb_Text34
{
margin: 0;
padding: 0;
}
#wb_Text35
{
visibility: visible;
display: block;
}
#wb_Text35
{
margin: 0;
padding: 0;
}
#wb_Image1
{
width: 100%;
visibility: visible;
display: block;
margin: 0 0 30px 0 ;
padding: 0;
}
#HorizontalLine4
{
width: 100px;
height: 6px;
visibility: visible;
display: inline-block;
margin: 0;
}
#HorizontalLine4
{
border-color: #100C1C;
border-bottom-width: 6px;
}
#wb_Text9
{
visibility: visible;
display: block;
}
#wb_Text9
{
margin: 0 0 50px 0 ;
padding: 40px 0 0 0;
}
#HorizontalLine5
{
width: 100px;
height: 6px;
visibility: visible;
display: inline-block;
margin: 0;
}
#HorizontalLine5
{
border-color: #E05015;
border-bottom-width: 6px;
}
#wb_Text14
{
visibility: visible;
display: block;
}
#wb_Text14
{
margin: 0;
padding: 0;
}
#wb_Card_Kaupp
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
background-color: #100C1C;
background-image: none;
background-image: none;
border-radius: 0px;
}
#Card_Kaupp-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
width: 100%;
height: auto;
}
#Card_Kaupp-card-item1
{
box-sizing: border-box;
margin: 20px 20px 50px 20px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
}
#wb_Card_Kaupp
{
text-align: center;
}
#wb_Card_TopSolution
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
background-color: #100C1C;
background-image: none;
background-image: none;
border-radius: 0px;
}
#Card_TopSolution-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
width: 100%;
height: auto;
}
#Card_TopSolution-card-item1
{
box-sizing: border-box;
margin: 20px 20px 50px 20px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
}
#wb_Card_TopSolution
{
text-align: center;
}
#wb_Card_Leaves
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
background-color: #100C1C;
background-image: none;
background-image: none;
border-radius: 0px;
}
#Card_Leaves-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
width: 100%;
height: auto;
}
#Card_Leaves-card-item1
{
box-sizing: border-box;
margin: 20px 20px 50px 20px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
}
#wb_Card_Leaves
{
text-align: center;
}
#wb_Card_Velvet
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
background-color: #100C1C;
background-image: none;
background-image: none;
border-radius: 0px;
}
#Card_Velvet-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
width: 100%;
height: auto;
}
#Card_Velvet-card-item1
{
box-sizing: border-box;
margin: 20px 20px 50px 20px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
}
#wb_Card_Velvet
{
text-align: center;
}
#wb_Card_Autovermietung
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
background-color: #100C1C;
background-image: none;
background-image: none;
border-radius: 0px;
}
#Card_Autovermietung-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
width: 100%;
height: auto;
}
#Card_Autovermietung-card-item1
{
box-sizing: border-box;
margin: 20px 20px 50px 20px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
}
#wb_Card_Autovermietung
{
text-align: center;
}
#wb_Card_Fuchs
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
background-color: #100C1C;
background-image: none;
background-image: none;
border-radius: 0px;
}
#Card_Fuchs-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
width: 100%;
height: auto;
}
#Card_Fuchs-card-item1
{
box-sizing: border-box;
margin: 20px 20px 50px 20px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
}
#wb_Card_Fuchs
{
text-align: center;
}
#CardContainer2
{
visibility: visible;
display: block;
}
#CardContainer2
{
padding: 10px 10px 10px 10px;
}
#wb_Text15
{
visibility: visible;
display: block;
}
#wb_Text15
{
margin: 0;
padding: 20px 0 20px 0;
}
#HorizontalLine6
{
width: 100px;
height: 6px;
visibility: visible;
display: inline-block;
margin: 0;
}
#HorizontalLine6
{
border-color: #E05015;
border-bottom-width: 6px;
}
#wb_Text21
{
visibility: visible;
display: block;
}
#wb_Text21
{
margin: 0 0 50px 0 ;
padding: 40px 0 0 0;
}
#wb_Card2
{
width: 100%;
visibility: visible;
display: flex;
margin: 0 0 40px 0 ;
}
#Card2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 50px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 45px;
}
#wb_Card2:hover #Card2-card-item0
{
transform: translate(0px,10px) rotate(0deg) ;
transition: transform 400ms linear 300ms;
}
#Card2-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card2-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 20px;
text-align: center;
}
#Card2-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: normal;
font-style: normal;
font-size: 29px;
text-align: center;
}
#wb_Card2:hover #Card2-card-item2
{
color: #E05015;
transition: color 500ms linear 0ms;
}
#Card2-card-item2
{
color: #100C1C;
transition: color 500ms linear 0ms;
}
#wb_Card2
{
text-align: center;
}
#wb_Card16
{
width: 100%;
visibility: visible;
display: flex;
margin: 0;
}
#Card16-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 50px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 45px;
}
#wb_Card16:hover #Card16-card-item0
{
transform: translate(0px,10px) rotate(0deg) ;
transition: transform 400ms linear 300ms;
}
#Card16-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card16-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 20px;
text-align: center;
}
#Card16-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 5px 5px 0 5px;
padding: 0;
color: #100C1C;
font-family: "Poppins ExtraBold";
font-weight: normal;
font-style: normal;
font-size: 29px;
text-align: center;
}
#wb_Card16:hover #Card16-card-item2
{
color: #E05015;
transition: color 500ms linear 0ms;
}
#Card16-card-item2
{
color: #100C1C;
transition: color 500ms linear 0ms;
}
#wb_Card16
{
text-align: center;
}
#wb_Image4
{
width: 100%;
visibility: visible;
display: block;
margin: 80px 0 0 0 ;
padding: 0;
}
#wb_Text36
{
visibility: visible;
display: block;
}
#wb_Text36
{
margin: 0;
padding: 0;
}
#wb_Sticky_Menu_Raster_480
{
visibility: visible;
display: table;
}
#wb_Sticky_Menu_Raster_480
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#Sticky_Menu_Raster_480
{
height: auto;
padding: 0 15px 0 15px;
}
#Sticky_Menu_Raster_480 .row
{
margin-right: -15px;
margin-left: -15px;
}
#Sticky_Menu_Raster_480 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#Sticky_Menu_Raster_480 > .row > .col-1
{
display: block;
width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#Sticky_Menu_480
{
width: 94px;
height: 95px;
visibility: visible;
display: inline-block;
}
#Sticky_Menu_480 #overlay ul
{
font-size: 128px;
}
#wb_Card9
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
color: transparent;
}
#Card9-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #000000;
border-radius: 0px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 120px;
}
#wb_Card9:hover #Card9-card-item0
{
transform: translate(0px,-15px) rotate(10deg) ;
transition: transform 400ms linear 300ms;
}
#Card9-card-item0
{
transform: rotate(0deg) ;
transition: transform 400ms linear 0ms;
}
#Card9-card-item1
{
box-sizing: border-box;
margin: 5px 5px 0 5px;
padding: 20px 0 5px 0;
color: #FFFFFF;
font-family: "Poppins ExtraBold";
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: center;
}
#wb_Card9:hover #Card9-card-item1
{
color: #100C1C;
transition: color 200ms linear 0ms;
}
#Card9-card-item1
{
color: #FFFFFF;
transition: color 200ms linear 0ms;
}
#Card9-card-item2
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 10px 5px 0 5px;
padding: 0;
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22.5px;
text-align: center;
}
#wb_Card9
{
text-align: center;
}
#wb_Card9
{
max-width: -0%;
}
#wb_Extension1
{
width: 240px;
height: 240px;
visibility: visible;
display: inline-block;
}
#wb_Text5
{
visibility: visible;
display: block;
}
#wb_Text5
{
margin: 0;
padding: 0 0 20px 0;
}
#wb_Text12
{
visibility: visible;
display: block;
}
#wb_Text12
{
margin: 0;
padding: 20px 0 40px 0;
}
#wb_Text10
{
visibility: visible;
display: block;
}
#wb_Text10
{
margin: 0;
padding: 0 0 20px 0;
}
}