footer.elementor-section .moveya {display:none}
.first {margin-top:50px;}
.wpbf-container {max-width:100%;margin:0;padding:0;}
#inner-content {padding:0;} .elementor-flip-box__front {border-style:solid;border-radius:5px;border-width:1px;}
.elementor-icon-wrapper {background:url(//webdesignhamburg.net/wp-content/themes/webdesignhamburg/hexagon.svg) no-repeat center center;background-size: contain;padding: 20px;}
div.elementor-icon-wrapper.elementor-view-default div.elementor-icon { }
.elementor-flip-box__front div.elementor-flip-box__layer__overlay div.elementor-flip-box__layer__inner h3.elementor-flip-box__layer__title {color:#000;font-weight:400;font-size:18px;}
.elementor-flip-box__back .elementor-flip-box__layer__overlay {background:#000;border-radius:5px;}
.first {margin-top:50px;}
.animatedfs_menu_list .afsmenu>li a {
font-size: 32px !important;
line-height: initial;
font-weight: 400;
}
#breadcrumbs {
font-size: 14px;
margin-bottom: 10px;
display: none;
}
.hoodi {
position:absolute;
width:100%;
background-color: rgba(0,0,0,1)!important;
}
.hoodi.loaded {
transition: 300ms;
background-color: rgba(0,0,0,0)!important;
}
.hoodi.shrink {
background-color: rgba(0,0,0,.6)!important;
transition: background-color 400ms ease !important;
width:100%;
position:fixed;
transition: height 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.hiddenwhenscrolled.shrink a.uael-menu-item {
transition: 200ms;
font-size:85% !important;
padding-top:3px !important;
padding-bottom:3px !important;
font-weight:300 !important;
}
.hiddenwhenscrolled.shrink a.uael-menu-item:hover {
transition: 200ms;
font-size:92% !important;
font-weight:600 !important;
}
.hiddenwhenscrolled a.uael-menu-item {
transition: 200ms;
}
.hiddenwhenscrolled  a.uael-sub-menu-item {
transition: 200ms;
font-size:100% !important;
padding-top:11px !important;
padding-bottom:11px !important;
}
.hiddenwhentop.shrink {
transition: 300ms;
padding-top:8px;
padding-bottom:8px;
font-weight:700;
}
.animatedfs_menu_list .afsmenu li>.sub-menu li a {font-size:22px !important;}   .shrink .sticky-logo img {
width: 160px!important; }
.sticky-logo img { }
#animationWrapper {
width: 385px; height: 160px;
}
@media (max-width: 1120px) {
.elementor-1536 .elementor-element.elementor-element-9fbe36f .menu-item a.uael-menu-item {
font-size: 22px;
line-height: 18px;
}
}
@media screen and (max-width: 767px) {
.elementor-sticky--effects .sticky-logo img {
width: 130px!important; }
#animationWrapper {
width: 185px; 
height: 80px;
}
}
.fm-bar li {
opacity: 1;
filter: alpha(opacity=100); transition:opacity 500ms;
}
.fm-bar li:hover  {
opacity: 0.9;
filter: alpha(opacity=90); }
.fm-bar li:hover .fm-label {
text-decoration:underline
}
body {
font-family:'Roboto';
color:#000;
}
#menu-hauptmenu  {
font-family:"Roboto", sans-serif; 
color:#000;
}
h1, h2, h3, h4, h5, h6 {
font-family:"Roboto Slab", sans-serif; 
color:#000;
}
h2 {
font-weight:300;
}
.animatedfsmenu .animatedfsmenu-navbar-toggler.right_top {
right: 0;
top: 30px;
border-style:solid !important;
border-width:2px !important;
border-color:#fff !important;
}
.anrede {color:#ba6e16;} .hero-aurora-wrap {
position: relative;
}
.hero-aurora-title {
position: relative;
font-size: clamp(2.8rem, 6vw, 4.8rem);
font-weight: 800;
letter-spacing: -0.03em;
margin: 0;
padding: 0.2em 0;
overflow: hidden;
color: #ffffff;
} .hero-aurora-subtitle {
margin-top: 1.2rem;
font-size: 35px;
line-height:35px;
opacity: 0.85;
color:#fff;
} .hero-aurora {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 2;
mix-blend-mode: darken; 
}
.hero-aurora__item {
position: absolute;
width: 60vw;
height: 60vw;
filter: blur(1rem);
border-radius: 37% 29% 27% 27% / 28% 25% 41% 37%;
mix-blend-mode: overlay;
} .hero-aurora__item:nth-child(1) {
background: #00c2ff;
top: -50%;
animation: hero-aurora-border 6s ease-in-out infinite,
hero-aurora-1 12s ease-in-out infinite alternate;
}
.hero-aurora__item:nth-child(2) {
background: #ffc640;
top: 0;
right: 0;
animation: hero-aurora-border 6s ease-in-out infinite,
hero-aurora-2 12s ease-in-out infinite alternate;
}
.hero-aurora__item:nth-child(3) {
background: #33ff8c;
bottom: 0;
left: 0;
animation: hero-aurora-border 6s ease-in-out infinite,
hero-aurora-3 8s ease-in-out infinite alternate;
}
.hero-aurora__item:nth-child(4) {
background: #e54cff;
bottom: -50%;
right: 0;
animation: hero-aurora-border 6s ease-in-out infinite,
hero-aurora-4 24s ease-in-out infinite alternate;
} @keyframes hero-aurora-1 {
0%   { top: 0; right: 0; }
50%  { top: 100%; right: 75%; }
75%  { top: 100%; right: 25%; }
100% { top: 0; right: 0; }
}
@keyframes hero-aurora-2 {
0%   { top: -50%; left: 0; }
60%  { top: 100%; left: 75%; }
85%  { top: 100%; left: 25%; }
100% { top: -50%; left: 0; }
}
@keyframes hero-aurora-3 {
0%   { bottom: 0; left: 0; }
40%  { bottom: 100%; left: 75%; }
65%  { bottom: 40%; left: 50%; }
100% { bottom: 0; left: 0; }
}
@keyframes hero-aurora-4 {
0%   { bottom: -50%; right: 0; }
50%  { bottom: 0; right: 40%; }
90%  { bottom: 50%; right: 25%; }
100% { bottom: -50%; right: 0; }
}
@keyframes hero-aurora-border {
0% {
border-radius: 37% 29% 27% 27% / 28% 25% 41% 37%;
}
25% {
border-radius: 47% 29% 39% 49% / 61% 19% 66% 26%;
}
50% {
border-radius: 57% 23% 47% 72% / 63% 17% 66% 33%;
}
75% {
border-radius: 28% 49% 29% 100% / 93% 20% 64% 25%;
}
100% {
border-radius: 37% 29% 27% 27% / 28% 25% 41% 37%;
}
}