.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}.wp-caption-text,
.gallery-caption,
.bypostauthor {
}::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: rgba(255, 255, 255, .1);
}
::-webkit-scrollbar-thumb {
background-image: linear-gradient(45deg, #002655, #A7003A);
border-radius: 10px;
}
::selection {
background: var(--h2_typography-color);
color: #FFF;
}
:focus-visible {
outline: #002655 auto 3px !important;
outline-offset: 3px !important;
}
.home #wrapper .video-background ::selection,
.section-hero ::selection {
background: #FFF;
color: var(--h2_typography-color);
}
video::media-controls-overlay-play-button {
display: none !important;
}
video::-webkit-media-controls-start-playback-button {
display: none!important;
-webkit-appearance: none;
} #burger-toggle {
padding: 20px;
}
.overlay-is-active {
overflow: hidden;
}
#wrapper .fusion-header-has-flyout-menu .fusion-header-v6-content {
align-items: center;
justify-content: center;
}
#wrapper .fusion-header-wrapper,
#wrapper .fusion-header-v6,
#wrapper .fusion-header,
#wrapper .fusion-header .fusion-row {
position: fixed;
top: 0px !important;
left: 0 !important;
padding: 0 !important;
max-width: none !important;
width: 100%;
background: transparent;
}
#wrapper .fusion-header-has-flyout-menu .fusion-flyout-menu-icons {
background: rgba(255, 255, 255, 0.95);
margin-top: 30px;
height: 60px;
padding: 15px;
border-radius: 30px;
box-shadow: 0px 2px 10px rgba(0, 2, 43, 0.15);
width: 450px;
}
body.logged-in.admin-bar #wrapper .fusion-header-has-flyout-menu .fusion-flyout-menu-icons {
margin-top: 62px;
}
#wrapper .fusion-header-has-flyout-menu .fusion-flyout-menu>ul.fusion-menu>li {
padding: 0 0 30px 0;
overflow: hidden;
}
#wrapper .fusion-header-has-flyout-menu .fusion-flyout-menu>ul.fusion-menu>li:last-child {
padding: 0;
}
.fusion-main-menu>ul>li>a {
font-size: 40px;
line-height: 1.2 !important;
}
#wrapper .fusion-header .fusion-logo {
margin: 0;
padding: 0;
}
#wrapper .fusion-header .fusion-logo img {
width: 110px;
}
#wrapper .fusion-header .fusion-flyout-menu-toggle,
#wrapper .fusion-header .fusion-logo {
margin-left: auto;
}
#menu-overlay,
#wrapper .fusion-header .fusion-flyout-menu {
color: #FFF;
position: fixed;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100vw;
padding: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
}
.avada-flyout-menu-direction-fade #wrapper .fusion-header-has-flyout-menu .fusion-flyout-menu {
transition: none;
}
.avada-flyout-menu-direction-fade #wrapper .fusion-header-has-flyout-menu .fusion-flyout-menu-bg {
transition: none;
}
.avada-flyout-menu-direction-fade #wrapper .fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu {
transition: none;
}
.avada-flyout-menu-direction-fade #wrapper .fusion-header-has-flyout-menu.fusion-flyout-active .fusion-flyout-menu-bg {
transition: none;
}
#boxed-wrapper #wrapper .fusion-header-has-flyout-menu .fusion-flyout-menu-bg {
top: 0 !important;
background: transparent;
opacity: 0;
visibility: hidden;
} #search-toggle {
padding: 1rem;
cursor: pointer;
outline: 0;
background: transparent;
border: none;
}
#search-toggle::before {
content: '';
width: 18px;
height: 18px;
display: block;
border-radius: 0;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M8.1 0C3.6 0 0 3.6 0 8.1s3.6 8.1 8.1 8.1c1.9 0 3.6-.7 5-1.8l3.4 3.4c.4.3.9.3 1.3 0 .3-.3.3-.9 0-1.2l-3.4-3.4c1.1-1.4 1.8-3.2 1.8-5 0-4.6-3.7-8.2-8.1-8.2zm0 1.8c3.5 0 6.3 2.8 6.3 6.3s-2.8 6.3-6.3 6.3-6.3-2.8-6.3-6.3 2.8-6.3 6.3-6.3z' style='fill:%23002655'/%3E%3C/svg%3E") no-repeat;
transition: background .3s;
}
#search-toggle:hover::before {
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M8.1 0C3.6 0 0 3.6 0 8.1s3.6 8.1 8.1 8.1c1.9 0 3.6-.7 5-1.8l3.4 3.4c.4.3.9.3 1.3 0 .3-.3.3-.9 0-1.2l-3.4-3.4c1.1-1.4 1.8-3.2 1.8-5 0-4.6-3.7-8.2-8.1-8.2zm0 1.8c3.5 0 6.3 2.8 6.3 6.3s-2.8 6.3-6.3 6.3-6.3-2.8-6.3-6.3 2.8-6.3 6.3-6.3z' style='fill:%23a7003a'/%3E%3C/svg%3E") no-repeat;
}
.search-toggle-wrapper {
width: 100%;
display: none;
animation: fadeIn 1s;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fusion-flyout-menu-icons.is-active .search-toggle-wrapper {
display: block;
opacity: 1;
visibility: visible;
}
#wrapper .fusion-header-has-flyout-menu.fusion-flyout-active .fusion-flyout-menu-icons .fusion-icon:hover:before,
#wrapper .fusion-header-has-flyout-menufusion-flyout-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:hover {
color: #a7003a;
}
#wrapper .fusion-header-has-flyout-menu.fusion-flyout-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:hover .fusion-toggle-icon-line {
background-color: #a7003a;
}
.search-toggle-wrapper .search-table {
display: flex;
}
.search-toggle-wrapper .search-table .search-field {
width: 100%;
}
.search-toggle-wrapper .search-table .search-field input {
border: none;
padding: 0;
background: transparent;
height: 100% !important;
color: #002655;
}
.search-toggle-wrapper .search-table .search-field input::placeholder {
color: #002655;
}
.search-toggle-wrapper .search-table .search-button {
margin-right: -13px;
margin-left: 10px;
}
.search-toggle-wrapper .search-table .search-button button {
width: 56px;
height: 56px;
background: #A7003A;
border-radius: 50%;
border: none;
outline: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background .4s;
}
.search-toggle-wrapper .search-table .search-button button:hover {
background: #002655;
}
.search-toggle-wrapper .search-table .search-button button::before {
content: '';
background: url("data:image/svg+xml;charset=utf8,%3Csvg width='27' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.354 4.354a.5.5 0 0 0 0-.708L23.172.464a.5.5 0 1 0-.707.708L25.293 4l-2.828 2.828a.5.5 0 1 0 .707.708l3.182-3.182ZM0 4.5h26v-1H0v1Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
width: 26px;
height: 7px;
display: block;
}
.fusion-flyout-menu-icons.is-active .fusion-logo,
.fusion-flyout-menu-icons.is-active .fusion-flyout-menu-toggle {
display: none !important;
width: 0;
opacity: 0;
visibility: hidden;
transition: opacity .3s, visibility .3s;
}
.header-post-wrapper a, .header-post-wrapper p,
#wrapper .fusion-main-menu>ul>li>a {
color: #FFF;
}
.header-post-wrapper a:hover,
#wrapper .fusion-main-menu>ul>li>a:hover {
color: #a7003a;
}
#wrapper #menu-main .svg-trigger a {
cursor: pointer;
} #wrapper #menu-main {
position: sticky;
width: 70%;
pointer-events: none;
z-index: 10;
}
#wrapper .fusion-main-menu>ul>li>a {
pointer-events: all;
}
.header-posts-outer {
position: absolute;
right: 6%;
top: 140px;
bottom: 140px;
z-index: 5;
width: 100%;
height: calc(100% - 280px);
padding: 0;
overflow-y: scroll;
overflow-x: hidden;
display: flex;
justify-content: flex-end;
}
.header-posts-inner {
display: flex;
flex-wrap: wrap;
width: 24%;
padding-right: 15px;
}
.header-post-wrapper {
display: flex;
flex: 0 0 50%;
max-width: 50%;
flex-direction: column;
padding: 15px;
}
.header-post-thumbnail a {
display: block;
overflow: hidden;
}
.header-post-thumbnail a img {
width: 100%;
}
.header-post-wrapper:first-child {
flex: 0 0 100%;
max-width: 100%;
}
.header-post-wrapper:first-child p {
margin: 0;
font-size: 22px;
line-height: 1.2;
}
.header-post-title {
margin-top: 15px;
}
.header-post-title p {
font-size: 17px;
line-height: 1.2;
margin: 0;
text-align: center;
} body,
.container-portfolio .portfolio-item .post-overlay p em,
.leistungen #main .fusion-accordian .panel-body,
.leistungen #main .section-hero h2,
.rotating-text,
.animated-text-container p {
font-family: "Red-Hat-Regular", Futura, Helvetica, Arial, Helvetica Neue, sans-serif !important;
font-weight: 400 !important;
}
b,
bold,
strong,
.header-post-title p,
.header-post-wrapper:first-child p,
#main #sb_instagram #sbi_load .sbi_load_btn,
#main #sb_instagram .sbi_follow_btn a,
.fusion-counters-box .content-box-percentage,
#boxed-wrapper .cf7-column-intro p,
.container-portfolio .portfolio-item .post-overlay p,
.fusion-portfolio-masonry .fusion-portfolio-content a,
.fusion-portfolio-grid .fusion-portfolio-content a,
.agentur .fusion-accordian .fusion-panel.fusion-toggle-no-divider .panel-title a,
.leistungen .fusion-accordian .fusion-panel.fusion-toggle-no-divider .panel-title a,
.agentur .counter-box .fusion-title div,
.typewriter-text,
.cursor,
.rotating-text,
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
font-family: "Red-Hat-Bold", Futura, Helvetica, Arial, Helvetica Neue, sans-serif !important;
font-weight: 400 !important;
}
.padding-left-right p {
padding-left: 10vw;
padding-right: 10vw;
}
.z-index-1 {
z-index: 1;
}
.z-index-2 {
z-index: 2;
}
.z-index-3 {
z-index: 3;
}
.z-index-4 {
z-index: 4;
}
#main .fusion-imageframe a {
display: block;
}
#main .fusion-imageframe,
#main .fusion-imageframe img {
width: 100%;
}
#main .fusion-imageframe.image-max-width img {
width: auto;
}
#sb_instagram.sbi_palette_custom_1 #sbi_load .sbi_follow_btn a,
#main #sb_instagram #sbi_load .sbi_load_btn,
#main #sb_instagram .sbi_follow_btn a,
#boxed-wrapper #wrapper .wpcf7-form input[type="submit"],
#main .fusion-button-default-size {
background: linear-gradient(90deg, #002655 0%, #A7003A 100%);
display: inline-flex;
align-items: center;
height: 60px;
border-radius: 30px;
transition: background .3s;
position: relative;
z-index: 2;
padding: 15px 40px;
letter-spacing: .05rem;
}
#main #sb_instagram #sbi_load .sbi_load_btn,
#main #sb_instagram .sbi_follow_btn a,
#main .fusion-button-default-size {
margin-top: 38px;
}
#main #sb_instagram #sbi_load .sbi_load_btn::before,
#main #sb_instagram .sbi_follow_btn a::before,
#main .fusion-button-default-size::before {
position: absolute;
width: 100%;
height: 60px;
border-radius: 30px;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg, #A7003A 0%, #002655 100%);
z-index: 1;
opacity: 0;
transition: opacity 0.4s linear;
}
#main #sb_instagram .sbi_follow_btn svg,
#main #sb_instagram #sbi_load .sbi_load_btn span,
#main #sb_instagram .sbi_follow_btn a span,
#main .fusion-button-default-size span {
z-index: 3;
}
#main #sb_instagram #sbi_load .sbi_load_btn:hover::before,
#main #sb_instagram .sbi_follow_btn a:hover::before,
#main .fusion-button-default-size:hover::before {
opacity: 1;
}
.background-gradient,
.background-white-skew {
position: relative;
}
.background-gradient::before {
background: #002655;
mix-blend-mode: soft-light;
opacity: 0.5;
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
z-index: 0;
}
.background-gradient::after {
background: #002655;
mix-blend-mode: soft-light;
opacity: 1;
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
z-index: 0;
}
.background-white-skew::after {
content: "";
background: #FFF;
position: absolute;
right: 0;
left: 0;
top: 0;
height: 560px;
transform: skewY(-24deg);
transform-origin: 50% 0;
backface-visibility: hidden;
}
.home #wrapper #main,
.agentur #wrapper #main,
.parent-pageid-397 #wrapper #main {
background: #f7f7f9;
padding-bottom: 0;
}
.parent-pageid-397.seo-content #wrapper #main,
.parent-pageid-397.content-marketing #wrapper #main,
.parent-pageid-397.medienkooperationen #wrapper #main,
.parent-pageid-397.social-media-marketing #wrapper #main {
background: #FFF;
}
.home .background-white-skew::after,
.agentur .background-white-skew::after {
content: "";
background: #FFF;
position: absolute;
right: 0;
left: 0;
top: -34rem;
height: 70rem;
transform: skewY(-24deg);
transform-origin: 50% 0;
backface-visibility: hidden;
}
.parent-pageid-397 .background-white-skew::after {
content: "";
background: #FFF;
position: absolute;
right: 0;
left: 0;
top: -34rem;
height: 55rem;
transform: skewY(-24deg);
transform-origin: 50% 0;
backface-visibility: hidden;
}
.home #wrapper .video-background {
z-index: 10;
}
.image-gradient::before {
background: linear-gradient(180deg, #A7003A 0%, #002655 100%);
mix-blend-mode: hard-light;
opacity: 0.2;
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
z-index: 0;
}
.image-gradient::after {
background: linear-gradient(180deg, #A7003A 0%, #002655 100%);
mix-blend-mode: hard-light;
opacity: 0.7;
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
z-index: 0;
} .fusion-title ul,
.fusion-text ul {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
}
.fusion-title ul,
.fusion-text ul:last-of-type {
margin: 0;
}
.fusion-title ul li,
.fusion-text ul li {
padding-left: 30px;
margin-bottom: 5px;
}
.fusion-title ul li:last-child,
.fusion-text ul li:last-child {
margin-bottom: 0;
}
.fusion-title ul li::before,
.fusion-text ul li::before {
content: '';
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 8' style='enable-background:new 0 0 30 8' xml:space='preserve'%3E%3Cpath d='M18.4 4.4c.2-.2.2-.5 0-.7L15.2.5c-.2-.2-.5-.2-.7 0s-.2.5 0 .7L17.3 4l-2.8 2.8c-.2.2-.2.5 0 .7s.5.2.7 0l3.2-3.1zM0 4.5h18v-1H0v1z' style='fill:%23a7003a'/%3E%3C/svg%3E") no-repeat;
width: 30px;
height: 8px;
display: inline-block;
margin-left: -30px
}
.fusion-text.list-light ul li::before {
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 18.5 7.3' viewBox='0 0 18.5 7.3'%3E%3Cpath d='M18.4 4.1c.2-.2.2-.5 0-.7L15.2.2c-.2-.2-.5-.2-.7-.1s-.2.5 0 .7l2.8 2.8-2.8 2.8c-.2.2-.2.5 0 .7s.5.2.7 0l3.2-3zM0 4.2h18v-1H0v1z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat;
} .home #wrapper #main h1 {
font-size: 36px;
}
.animated-text {
padding: 0;
position: relative;
height: 130px;
overflow: hidden;
}
.rotating-text,
.animated-text-container p {
color: #FFF;
opacity: 0;
}
.animated-text-container p {
height: 105px;
overflow: hidden;
font-size: 50px;
line-height: 1.3;
}
.animated-text-container p {
margin: -10px 0 0 0 !important;
}
.rotating-text {
position: absolute;
top: 0;
left: 0;
font-size: 100px;
line-height: 130px;
}
.typewriter-container {
opacity: 0;
}
.typewriter-text,
.cursor {
font-size: 105px;
color: #FFF;
margin: 0;
padding: 0;
}
.cursor {
display: inline-block;
}
.typewriter-container p {
color: #FFF;
font-size: 50px;
line-height: 1.3;
margin: -10px 0 0 0 !important;
} .mask-reveal-container .fusion-column-wrapper {
overflow: hidden;
}
.mask-reveal,
.video-mask-reveal {
visibility: hidden;
position: relative;
overflow: hidden;
} .miles-image .fusion-column-wrapper {
position: relative;
overflow: hidden;
transition: opacity .8s;
}
.miles-image .fusion-column-wrapper .miles-slogan,
.miles-image .fusion-column-wrapper .miles-logo {
position: absolute;
z-index: 10;
right: 32px;
pointer-events: none;
opacity: 0;
transition: filter .5s;
}
.miles-image .fusion-column-wrapper .miles-slogan {
max-width: 51%;
top: 32px;
will-change: transform;
}
.miles-image .fusion-column-wrapper .miles-logo {
max-width: 20%;
bottom: 32px;
will-change: transform;
}
.miles-image .fusion-column-wrapper a img:hover {
opacity: 1;
}
.miles-image .fusion-column-wrapper:hover {
opacity: .6;
}  .section-hero {
z-index: 10;
} .reveal-fade,
.reveal,
.reveal-instant,
.sequence-item,
.logo-sequence-item,
.reveal-sequence,
.reveal-sequence-short,
.image-parallax-container .image-parallax-1,
.image-parallax-container .image-parallax-2,
.image-parallax-container .image-parallax-3 {
opacity: 0;
}    .image-caption-bottom-left,
.image-caption-centered {
position: relative
}
.image-caption-centered .fusion-title {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
transform: translateX(-50%) translateY(-50%);
pointer-events: none;
}
.image-caption-bottom-left .fusion-title{
z-index: 2;
position: absolute;
bottom: 95px;
left: 100px;
text-align: center;
pointer-events: none;
}
.image-caption-centered .fusion-title h3 {
color: #FFF;
font-size: 20px;
} #main .fusion-imageframe a img,
.fusion-image-wrapper a img,
.header-post-thumbnail a img,
.image-caption-centered a img,
.fusion-gallery-image a div {
transition: opacity .8s;
}
#main .fusion-imageframe a:hover img,
.fusion-image-wrapper a:hover img,
.header-post-thumbnail a:hover img,
.image-caption-centered a:hover img,
.fusion-gallery-image:hover a div {
opacity: .6;
} #main .fusion-carousel .fusion-carousel-nav {
display: flex;
margin-top: 40px;
justify-content: center;
}
#main .fusion-carousel .fusion-carousel-item .fusion-carousel-meta {
display: none;
}
#main .fusion-carousel  p {
line-height: 1.5;
}
.fusion-carousel .fusion-carousel-nav .fusion-nav-next:before,
.fusion-carousel .fusion-carousel-nav .fusion-nav-prev:before {
display: block;
position: relative;
line-height: 29px;
font-size: 14px;
color: #fff;
font-family: awb-icons;
}
.fusion-carousel .fusion-carousel-nav .fusion-nav-prev:before {
content: "\f104";
}
.fusion-carousel .fusion-carousel-nav .fusion-nav-next:before {
content: "\f105";
}
.icon-scroll,
.to-top-container #toTop,
#main .fusion-carousel .fusion-carousel-nav .fusion-nav-prev,
#main .fusion-carousel .fusion-carousel-nav .fusion-nav-next {
position: relative;
left: 0 !important;
right: auto !important;
width: 40px;
height: 40px;
border-radius: 50%;
background: #FFF;
padding: 1rem;
border: solid 1px transparent;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #002655, #a7003a);
background-origin: border-box;
background-clip: content-box, border-box;
box-shadow: 2px 1000px 1px #fff inset;
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
transition: background-image .5s, box-shadow .5s;
}
.icon-scroll:hover,
.to-top-container #toTop:hover,
#main .fusion-carousel .fusion-carousel-nav .fusion-nav-prev:hover,
#main .fusion-carousel .fusion-carousel-nav .fusion-nav-next:hover {
box-shadow: 2px 1000px 1px #002655 inset;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #002655, #002655);
}
.to-top-container #toTop::before,
#main .fusion-carousel .fusion-carousel-nav .fusion-nav-prev::before,
#main .fusion-carousel .fusion-carousel-nav .fusion-nav-next::before {
color: #A7003A;
font-size: 20px;
transition: color .3s;
}
.to-top-container #toTop:hover::before,
#main .fusion-carousel .fusion-carousel-nav .fusion-nav-prev:hover::before,
#main .fusion-carousel .fusion-carousel-nav .fusion-nav-next:hover::before {
color: #FFF;
}
#main .fusion-carousel .fusion-carousel-nav .fusion-nav-next {
margin-left: 15px !important;
}
#main .fusion-carousel .fusion-carousel-nav .fusion-nav-prev::before {
margin-left: -2px;
}
#main .fusion-carousel .fusion-carousel-nav .fusion-nav-next::before {
margin-left: 2px;
} .agentur .section-hero {
background-position: 100% 111% !important;
}
.leistungen .section-hero {
background-position: 100% 110% !important;
}
@media screen and (min-width: 2000px) {
.section-hero {
min-height: 40vh !important;
}
.agentur .section-hero {
background-position: 100% 551% !important;
}
.leistungen .section-hero {
background-position: 0 -390px !important;
}	
} .agentur .text-phone p,
.agentur .text-mail p {
display: flex;
align-items: center;
}
.video-wrapper {
cursor: pointer;
}
.agentur .counter-box .fontawesome-icon,
.agentur .counter-box .title-heading-tag,
.agentur .counter-box .fusion-text {
opacity: 0;
}
.agentur .counter-box .fusion-title div {
font-size: 38px;
}
.agentur .counter-box .fusion-title em {
font-style: normal;
}
.agentur .counter-box p {
font-size: 22px;
margin-top: -8px;
}
.agentur .counter-box .title-heading-tag,
.agentur .counter-box .fusion-text {
margin-left: -10px !important;
}
.agentur .counter-box .fontawesome-icon,
.agentur .counter-box .fusion_builder_column_inner .fusion-column-wrapper {
margin-right: 0 !important;
}
.agentur .counter-box .fusion-lottie {
color: #002655;
height: auto;
position: relative;
background: #FFF;
box-shadow: none;
border: none !important;
background: #002655;
width: 200px;
height: 200px;
border-radius: 50%;
overflow: hidden;
}
.agentur .counter-box-container-w .counter-box .fusion-lottie.fusion-lottie-7 {
background: linear-gradient(134deg, #A7003A 0%, #002655 80%);
}
.agentur .counter-box-02 svg path {
stroke-width: 2px !important;
}
.agentur .counter-box-06 svg path {
stroke-width: 4px !important;
}
.agentur .counter-box.counter-box-01 .fusion-lottie .fusion-lottie-animation > svg > g {
transform: scale(1.3);
transform-origin: center;
}
.agentur .counter-box.counter-box-04 .fusion-lottie {
padding: 2rem;
}
.agentur .counter-box.counter-box-05 .fusion-lottie {
padding: 1.5rem;
}
.agentur .counter-box .fusion-lottie .fusion-lottie-animation {
mix-blend-mode: lighten;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 50%;
overflow: hidden;
border: 1px solid #002655;
}
.image-parallax-container > .fusion-column-wrapper {
position: relative;
}
.image-parallax-container .image-parallax-3 {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
max-width: 15vw;
z-index: 10;
}
@media screen and (max-width: 1499px) {
.image-parallax-container .image-parallax-1 img {
min-height: 380px;
object-fit: cover;
}	
.image-parallax-container .image-parallax-2 img {
min-height: 510px;
object-fit: cover;
}
.image-parallax-container .image-parallax-3 {
max-width: 21vw;
bottom: -30px;
}
}
@media screen and (max-width: 1024px) {
.image-parallax-container img {
aspect-ratio: 1/1;
min-height: 1px !important;
}
} .jobs .fusion-accordian .toggle-content {
padding: 0 0 25px 0;
}
.jobs .fusion-accordian .toggle-content ul {
margin: 0;
}
.jobs .fusion-accordian .panel-heading .panel-title a {
padding: 20px 0;
} .jobs .splatter-image-mobile {
display: none !important;
}
.jobs #main .fusion-button-default-size {
margin-top: 0px;
}
.circle-column > .fusion-column-wrapper {
position: relative;
}
.circle-container {
position: absolute;
top: 50px;
left: 50px;
z-index: 20;
width: 100%;
height: 100%;
}
.circle {
background: linear-gradient(90deg, rgba(0,38,85,0.95) 0%, rgba(167,0,58,0.95) 100%);
color: #FFF;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 30px;
position: absolute;
font-size: 20px;
opacity: 0;
}
.circle-big {
width: 410px;
height: 410px;
}
.circle-big {
top: 8vw;
left: 11vw;
}
.circle-small {
width: 180px;
height: 180px;
}
.circle-02 {
left: 38vw;
top: 16vw;
}
.circle-03 {
bottom: 11vw;
left: 30vw;
}
.circle-04 {
bottom: 15vw;
right: 33vw;
}
@media screen and (max-width: 1780px) {
.circle-big {
top: 10vw;
left: 14vw;
}	
.circle-02 {
left: 42vw;
top: 17vw;
}
.circle-03 {
left: 36vw;
bottom: 13vw;
}
.circle-04 {
right: 27vw;
bottom: 16vw;
}	
}
@media screen and (max-width: 1600px) {
.circle-02 {
left: 45vw;
top: 17vw;
}
.circle-03 {
left: 36vw;
bottom: 8vw;
}
.circle-04 {
right: 22vw;
bottom: 13vw;
}
}
@media screen and (max-width: 1480px) {
.circle {
font-size: 16px;
padding: 20px;
}
.circle-big {
width: 320px;
height: 320px;
top: 10vw;
left: 12vw;
}
.circle-small {
width: 140px;
height: 140px;
}	
.circle-02 {
left: 40vw;
top: 16vw;
}
.circle-03 {
left: 35vw;
bottom: 14vw;
}
.circle-04 {
right: 27vw;
bottom: 17vw;
}	
}
@media screen and (max-width: 1300px) {
.circle-big {
top: 2vw;
left: 2vw;
}
.circle-02 {
left: 37vw;
top: 12vw;
}
.circle-03 {
left: 27vw;
bottom: 14vw;
}
.circle-04 {
right: 27vw;
bottom: 17vw;
}	
}
@media screen and (max-width: 1199px) {
.circle {
font-size: 15px;
}	
.circle-big {
width: 280px;
height: 280px;
top: 3vw;
left: 0vw;
}
.circle-02 {
left: 33vw;
top: 11vw;
}
.circle-03 {
left: 24vw;
bottom: 12vw;
}
.circle-04 {
right: 31vw;
bottom: 12vw;
}	
}
@media screen and (max-width: 1024px) {
.circle-02 {
left: 35vw;
top: 8vw;
}
.circle-03 {
left: 27vw;
bottom: 10vw;
}
.circle-04 {
right: 26vw;
bottom: 16vw;
}
}
@media screen and (max-width: 980px) {
.circle {
font-size: 14px;
}
.circle-small {
width: 120px;
height: 120px;
}	
.circle-big {
width: 260px;
height: 260px;
top: 3vw;
left: 0vw;
}	
.circle-big {
top: 3vw;
left: 0vw;
}
.circle-02 {
left: 40vw;
top: 5vw;
}
.circle-03 {
left: 31vw;
bottom: 9vw;
}
.circle-04 {
right: 16vw;
bottom: 18vw;
}	
}
@media screen and (max-width: 820px) {
.jobs .splatter-image-desktop {
display: none;
}	
.jobs .splatter-image-mobile {
display: block !important;
}
.circle-big {
top: 1vw;
left: 0vw;
}
.circle-02 {
left: 44vw;
top: 8vw;
}
.circle-03 {
left: 33vw;
bottom: auto;
top: 30vw;
}
.circle-04 {
right: auto;
bottom: 26vw;
left: 12vw;
}
}
@media screen and (max-width: 767px) {
.jobs #main .circle-column {
margin-bottom: 20px !important;
}
.circle-big {
top: 0px;
left: -50px;
}	
.circle-02 {
top: 0px;
right: 66px;
}
.circle-03 {
left: 124px;
bottom: auto;
top: 322px;
}
.circle-04 {
right: auto;
bottom: auto;
top: 197px;
left: 244px;
}
}
@media screen and (max-width: 565px) {
.jobs #main .circle-column {
margin-bottom: 50px !important;
}
}
@media screen and (max-width: 520px) {
.jobs #main .circle-column {
margin-bottom: 80px !important;
}
.circle-big {
top: -30px;
left: -50px;
}	
.circle-02 {
top: auto;
right: 68px;
left: auto;
bottom: 184px;
}
.circle-03 {
left: -30px;
bottom: 10px;
top: auto;
}
.circle-04 {
right: auto;
bottom: 50px;
left: 136px;
top: auto;
}
}
@media screen and (max-width: 420px) {
.jobs #main .circle-column {
margin-bottom: 80px !important;
}
.jobs .splatter-image-mobile img {
transform: scale(-1, -1) translate(18px, -2px);
}
.circle-big {
top: -50px;
width: 255px;
left: -5px;
right: auto;
height: 255px;
}
.circle-02 {
right: 53px;
bottom: 35px;
}
.circle-03 {
left: -49px;
bottom: 28px;
}
.circle-04 {
left: 67px;
bottom: -8px;
}
}
@media screen and (max-width: 390px) {
.jobs #main .circle-column {
margin-bottom: 95px !important;
}
.circle-big {
left: -13px;
}
.circle-02 {
right: 47px;
bottom: 15px;
}
.circle-03 {
left: -55px;
bottom: 8px;
}
.circle-04 {
left: 54px;
bottom: -24px;
}
} .circle-medien-container {
position: absolute;
top: 0;
left: 0;
z-index: 20;
width: 100%;
height: 100%;
}
.circle-medien-container .circle {
flex-direction: column;
}
.circle-medien-big img {
width: 80px;
}
.circle-medien-small img {
width: 45px;
}
.circle-medien-small.circle-medien-05 img {
width: 55px;
}
.circle-medien-container img {
margin-bottom: 8px;
display: inline-block;
}
.circle-medien-big {
width: 230px;
height: 230px;
font-size: 18px;
}
.circle-medien-small {
width: 150px;
height: 150px;
font-size: 15px;
}
.circle-medien-01 {
top: 0;
left: 0;
}
.circle-medien-02 {
top: 0;
left: 11vw;
z-index: 2;
}
.circle-medien-03 {
top: 3vw;
left: auto;
right: 11vw;
z-index: 2;
}
.circle-medien-04 {
top: 7vw;
left: auto;
right: 5vw;
}
.circle-medien-05 {
top: 11vw;
left: 2vw;
z-index: 2;
}
.circle-medien-06 {
top: 22vw;
left: 2vw;
z-index: 2;
}
.circle-medien-07 {
top: 19vw;
left: 8vw;
}
.circle-medien-08 {
top: 10vw;
left: 15vw;
}
.circle-medien-09 {
top: auto;
bottom: 5vw;
left: 8.5vw;
}
.circle-medien-10 {
top: auto;
bottom: 2vw;
left: 15vw;
}
.circle-medien-11 {
top: auto;
bottom: 8vw;
left: 18vw;
}
.circle-medien-12 {
top: auto;
bottom: 6vw;
left: auto;
right: 6vw;
}
@media screen and (min-width: 2000px) {
.circle-medien-02 {
left: 10vw;
}
}
@media screen and (max-width: 1699px) {
.circle-medien-big {
width: 210px;
height: 210px;
font-size: 17px;
}
.circle-medien-small {
width: 135px;
height: 135px;
font-size: 14px;
}
.circle-medien-big img {
width: 70px;
}
.circle-medien-small img {
width: 35px;
}
.circle-medien-small.circle-medien-05 img {
width: 45px;
}	
}
@media screen and (max-width: 1499px) {
.circle-medien-big {
width: 200px;
height: 200px;
}
.circle-medien-small {
width: 125px;
height: 125px;
}
.circle-medien-01 {
top: 4vw;
}
.circle-medien-02 {
top: 4vw;
}
.circle-medien-03 {
top: 7vw;
right: 9vw;
}
.circle-medien-04 {
top: 11vw;
right: 2vw;
}
.circle-medien-05 {
top: 16vw;
}
.circle-medien-06 {
top: 30vw;
}
.circle-medien-07 {
top: 26vw;
left: 9vw;
}
.circle-medien-08 {
top: 14vw;
}
.circle-medien-09 {
bottom: -7vw;
}
.circle-medien-10 {
bottom: -10vw;
}
.circle-medien-11 {
bottom: -4vw;
left: 19vw;
}
.circle-medien-12 {
bottom: -6vw;
right: 2vw;
}
}
@media screen and (max-width: 1299px) {
.medienkooperationen .circle-column .splatter-image-desktop {
transform: translate(0, 110px);
}
.circle-medien-small {
font-size: 13px;
}
.circle-medien-01 {
top: 8vw;
}
.circle-medien-02 {
top: 8vw;
left: 13vw;
}
.circle-medien-03 {
top: 11vw;
right: 7vw;
}
.circle-medien-04 {
top: 15vw;
right: 0vw;
}
.circle-medien-05 {
top: 22vw;
}
.circle-medien-06 {
top: 36vw;
}
.circle-medien-07 {
top: 34vw;
left: 11vw;
}
.circle-medien-08 {
top: 22vw;
left: 16vw;
}
.circle-medien-09 {
bottom: -16vw;
}
.circle-medien-10 {
bottom: -19vw;
left: 17vw;
}
.circle-medien-11 {
bottom: -13vw;
left: 22vw;
}
.circle-medien-12 {
bottom: -20vw;
right: 0vw;
}
}
@media screen and (max-width: 1024px) {
.medienkooperationen .circle-column .splatter-image-desktop {
transform: translate(0, 0);
}
.circle-medien-01 {
top: 0;
left: 3vw;
}
.circle-medien-02 {
top: 0;
left: 22vw;
}
.circle-medien-03 {
top: 13vw;
right: 23vw;
}
.circle-medien-04 {
top: 19vw;
right: 12vw;
}
.circle-medien-05 {
top: 19vw;
left: 5vw;
}
.circle-medien-06 {
top: 38vw;
left: 9vw;
}
.circle-medien-07 {
top: 31vw;
left: 19vw;
}
.circle-medien-08 {
top: 18vw;
left: 34vw;
}
.circle-medien-09 {
bottom: 20vw;
left: 15.5vw;
}
.circle-medien-10 {
bottom: 16vw;
left: 26vw;
}
.circle-medien-11 {
bottom: 24vw;
left: 33vw;
}
.circle-medien-12 {
bottom: 37vw;
left: auto;
right: 28vw;
}
}
@media screen and (max-width: 990px) {
.circle-medien-12 {
right: 25vw;
}
}
@media screen and (max-width: 820px) {
.circle-medien-02 {
left: 27vw;
}
.circle-medien-03 {
right: 18vw;
}
.circle-medien-04 {
right: 4vw;
}
.circle-medien-05 {
top: 23vw;
left: 5vw;
}
.circle-medien-06 {
top: 47vw;
}
.circle-medien-07 {
top: 41vw;
left: 23vw;
}
.circle-medien-08 {
top: 22vw;
left: 36vw;
}
.circle-medien-09 {
bottom: 7vw;
left: 15.5vw;
}
.circle-medien-10 {
bottom: -1vw;
left: 28vw;
}
.circle-medien-11 {
bottom: 8vw;
left: 38vw;
}
.circle-medien-12 {
bottom: 27vw;
right: 11vw;
}
}
@media screen and (max-width: 700px) {
.medienkooperationen .circle-column {
margin-bottom: 110px !important;
}
.circle-medien-02 {
top: 1vw;
left: 33vw;
}
.circle-medien-03 {
top: 0vw;
right: 11vw;
}
.circle-medien-04 {
top: 18vw;
}
.circle-medien-05 {
top: 30vw;
left: 5vw;
}
.circle-medien-06 {
top: 57vw;
left: 9vw;
}
.circle-medien-07 {
top: 47vw;
left: 25vw;
}
.circle-medien-08 {
top: 26vw;
left: 41vw;
}
.circle-medien-09 {
bottom: -12vw;
left: 11.5vw;
}
.circle-medien-10 {
bottom: -17vw;
left: 30vw;
}
.circle-medien-11 {
bottom: -8vw;
left: 44vw;
}
.circle-medien-12 {
bottom: 18vw;
right: 8vw;
}
}
@media screen and (max-width: 500px) {
.medienkooperationen .circle-column {
margin-bottom: 160px !important;
}
.circle-medien-small {
width: 100px;
height: 100px;
font-size: 12px;
padding: 12px;
}
.circle-medien-small img {
width: 27px;
}
.circle-medien-small.circle-medien-05 img {
width: 35px;
}
.circle-medien-big {
width: 140px;
height: 140px;
font-size: 16px;
padding: 12px;
}
.circle-medien-big img {
width: 45px;
}
.medienkooperationen .circle-column .splatter-image-desktop {
transform: translate(0px, 170px);
}
.circle-medien-02 {
left: 35vw;
top: 1vw;
}
.circle-medien-03 {
right: 0vw;
top: 8vw;
}
.circle-medien-04 {
right: -1vw;
top: 30vw;
}
.circle-medien-05 {
top: 31vw;
left: 5vw;
}
.circle-medien-06 {
top: 61vw;
left: 2vw;
}
.circle-medien-07 {
top: 63vw;
left: 23vw;
}
.circle-medien-08 {
top: 34vw;
left: 35vw;
}
.circle-medien-09 {
bottom: -29vw;
left: 7vw;
}
.circle-medien-10 {
bottom: -37vw;
left: 29vw;
}
.circle-medien-11 {
bottom: -28vw;
left: 46vw;
}
.circle-medien-12 {
bottom: 0vw;
right: 4vw;
}
}
@media screen and (max-width: 390px) {
.circle-medien-04 {
right: -1vw;
top: 29vw;
}
.circle-medien-small img {
width: 24px;
}
.circle-medien-small.circle-medien-05 img {
width: 30px;
}
.circle-medien-small {
width: 90px;
height: 90px;
font-size: 11px;
}
.circle-medien-09 {
left: 10vw;
}
.circle-medien-11 {
bottom: -31vw;
}
} .circle-seo-container {
position: absolute;
top: 0;
left: 0;
z-index: 20;
width: 100%;
height: 100%;
}
#main .circle-seo-container p {
margin: 0;
}
.circle-seo-container .circle {
flex-direction: column;
padding: 0;
}
.circle-seo-big p:nth-child(1) {
font-size: 24px;
}
.circle-seo-big p:nth-child(2) {
font-size: 22px;
}
.circle-seo-big .circle-more-text {
margin-top: 5px !important;
font-size: 16px;
line-height: 1.35;
width: 69%;
}
.circle.circle-seo-01 {
background: rgba(46, 38, 85, .95);
}
.circle.circle-seo-02 {
background: rgba(79, 0, 58, .95);
}
.circle.circle-seo-03 {
background: rgba(167, 0, 58, .95);
}
.circle.circle-seo-04 {
background: rgba(126, 0, 58, .95);
}
.circle.circle-seo-05 {
background: rgba(0, 38, 85, .95);
}
.circle-seo-small {
width: 290px;
height: 290px;
font-size: 33px;
line-height: 1.25;
}
.circle-seo-00 {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.circle-seo-01 {
width: 320px;
height: 320px;
top: 150px;
left: 150px;
}
.circle-seo-02 {
width: 320px;
height: 320px;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.circle-seo-03 {
width: 365px;
height: 365px;
top: 150px;
right: 150px;
}
.circle-seo-04 {
width: 325px;
height: 325px;
bottom: 150px;
right: 300px;
}
.circle-seo-05 {
width: 360px;
height: 360px;
bottom: 150px;
left: 300px;
}
.circle-btn {
display: none;
justify-content: center;
align-items: center;
background: #FFF;
outline: none;
border: 1px solid var(--h1_typography-color);
color: var(--h1_typography-color);
font-size: 28px;
width: 30px;
height: 30px;
border-radius: 50%;
position: absolute;
top: 10px;
right: 10px;
}
.circle-seo-big.circle-seo-01 .circle-btn,
.circle-seo-big.circle-seo-05 .circle-btn {
right: auto;
left: 10px;
}
.circle-btn span {
transition: transform .4s;
}
@media screen and (min-width: 2200px) {
.circle-seo-container {
top: 15%;
left: 20%;
width: 60%;
height: 70%;
}
}
@media screen and (max-width: 1760px) {
.circle-seo-small {
width: 230px;
height: 230px;
font-size: 26px;
}
.circle-seo-04 {
bottom: 50px;
}
.circle-seo-05 {
bottom: 50px;
}
}
@media screen and (max-width: 1660px) {
.circle-seo-04 {
bottom: 0;
}
.circle-seo-05 {
bottom: 0;
}
}
@media screen and (max-width: 1560px) {
.seo-content .circle-column {
margin-bottom: 60px !important;
}
.circle-seo-big .circle-more-text {
font-size: 15px;
}
.circle-seo-01,
.circle-seo-02 {
width: 300px;
height: 300px;
}
.circle-seo-03 {
width: 345px;
height: 345px;
}
.circle-seo-04 {
width: 305px;
height: 305px;
}
.circle-seo-05 {
width: 340px;
height: 340px;
}
}
@media screen and (max-width: 1499px) {
.seo-content .circle-column {
margin-bottom: 100px !important;
}
.circle-seo-02 {
top: -30px;
}
.circle-seo-03 {
right: 120px;
}
.circle-seo-04 {
bottom: -30px;
right: 250px;
}
.circle-seo-05 {
bottom: -30px;
left: 250px;
}
}
@media screen and (max-width: 1360px) {
.seo-content .circle-column {
margin-bottom: 150px !important;
}
.circle-seo-00 {
top: 57%;
}
.circle-seo-01 {
left: 0;
}
.circle-seo-03 {
top: 120px;
right: 0;
}
.circle-seo-04 {
bottom: -100px;
right: 150px;
}
.circle-seo-05 {
bottom: -100px;
left: 150px;
}
}
@media screen and (max-width: 1199px) {
.circle-seo-small {
width: 200px;
height: 200px;
font-size: 22px;
}
.circle-seo-big p:nth-child(1) {
font-size: 22px;
}
.circle-seo-big p:nth-child(2) {
font-size: 19px;
}
.circle-seo-big .circle-more-text {
font-size: 13px;
}
.circle-seo-01, .circle-seo-02 {
width: 260px;
height: 260px;
}
.circle-seo-03 {
width: 305px;
height: 305px;
}
.circle-seo-04 {
width: 265px;
height: 265px;
}
.circle-seo-05 {
width: 300px;
height: 300px;
}
.seo-content .splatter-image-desktop {
transform: scale(-1, -1) translate(18px, -2px);
}
.seo-content .circle-column {
margin-bottom: 200px !important;
}
.circle-seo-00 {
top: 66%;
}
.circle-seo-04 {
bottom: -200px;
right: 100px;
}
.circle-seo-05 {
bottom: -200px;
left: 100px;
}
}
@media screen and (max-width: 980px) {
.seo-content .splatter-image-desktop {
transform: scale(-1, -1) translate(18px, -69px);
}
.circle-seo-00 {
top: 70%;
}
.circle-seo-01,
.circle-seo-02,
.circle-seo-03,
.circle-seo-04,
.circle-seo-05 {
width: 180px;
height: 180px;
}
.circle-seo-big p:nth-child(1) {
font-size: 19px;
}
.circle-seo-big p:nth-child(2) {
font-size: 17px;
padding: 0 20px;
}
.circle-seo-big {
cursor: pointer;
}
.circle-seo-big.circle-open .circle-btn span {
transform: rotate(135deg);
}
.circle-btn {
display: flex;
cursor: pointer;
}
.circle-seo-big .circle-more-text {
display: none;
opacity: 0;
}
.circle-seo-big.circle-open {
z-index: 7000;
}
.circle-seo-big p {
pointer-events: none;
}
.circle-seo-big.circle-open .circle-more-text {
display: block;
opacity: 1;
width: 260px;
position: absolute;
background: rgba(0, 38, 85, .95);
padding: 20px;
font-size: 15px;
border-radius: 15px;
border-top-right-radius: 15px !important;
top: 16px;
left: 0;
}
.circle-seo-big.circle-seo-02.circle-open .circle-more-text {
left: -75px;
}
.circle-seo-big.circle-seo-03.circle-open .circle-more-text {
left: -95px;
}
.circle-seo-big.circle-seo-04.circle-open .circle-more-text {
left: -80px;
}
.circle-seo-big.circle-seo-05.circle-open .circle-more-text {
left: -20px;
}
.circle-seo-02 {
top: 0;
}
.circle-seo-05,
.circle-seo-04 {
bottom: -150px;
}
}
@media screen and (max-width: 767px) {
.seo-content .circle-column {
margin-bottom: 130px !important;
}
.circle-seo-01, .circle-seo-02, .circle-seo-03, .circle-seo-04, .circle-seo-05 {
width: 100px;
height: 100px;
}
.circle-seo-big p:nth-child(1) {
font-size: 16px;
}
.circle-seo-big p:nth-child(2) {
font-size: 14px;
}
.circle-seo-00 {
top: 83%;
width: 120px;
height: 120px;
font-size: 16px;
}
.circle-seo-04 {
right: 60px;
bottom: -144px;
}
.circle-seo-05 {
left: 60px;
bottom: -144px;
}
.circle-btn {
font-size: 23px;
width: 24px;
height: 24px;
top: 2px;
right: 2px;
}
.circle-seo-big.circle-seo-02.circle-open .circle-more-text {
left: -75px;
}
.circle-seo-big.circle-seo-03.circle-open .circle-more-text {
left: -165px;
}
.circle-seo-big.circle-seo-04.circle-open .circle-more-text {
left: -145px;
}
.circle-seo-big.circle-seo-05.circle-open .circle-more-text {
left: -20px;
}
} .social-media-marketing .circle-column {
margin-top: -80px !important;
}
.circle-social-media-container {
position: absolute;
top: 0;
left: 0;
z-index: 20;
width: 100%;
height: 100%;
}
.circle-social-media-container .circle {
flex-direction: column;
}
.circle-social-media-small img {
min-width: 50px;
}
.circle-social-media-big img {
min-width: 53px;
width: 70px;
}
.circle-social-media-big.circle-social-media-03 img {
position: absolute;
bottom: -4px;
width: 74px;
}
.circle-social-media-container img {
display: inline-block;
}
.circle-social-media-big {
width: 165px;
height: 165px;
}
.circle-social-media-big.circle-social-media-01 {
width: 180px;
height: 180px;
font-size: 28px;
line-height: 1.3;
}
.circle-social-media-small {
width: 115px;
height: 115px;
}
.circle-social-media-01 {
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.circle-social-media-02 {
top: 6vw;
left: 10vw;
z-index: 2;
}
.circle-social-media-03 {
top: 49%;
left: 0;
transform: translateY(-50%);
z-index: 2;
}
.circle-social-media-04 {
left: 11vw;
bottom: 7vw;
}
.circle-social-media-05 {
right: 8vw;
bottom: 5vw;
z-index: 2;
}
.circle-social-media-06 {
top: 49%;
right: 3vw;
transform: translateY(-50%);
}
.circle-social-media-07 {
top: 4vw;
right: 8vw;
}
@media screen and (max-width: 1699px) {
.social-media-marketing .circle-column {
margin-top: 0px !important;
}
}
@media screen and (max-width: 1599px) {
.circle-social-media-big {
width: 145px;
height: 145px;
}
.circle-social-media-big.circle-social-media-01 {
width: 160px;
height: 160px;
font-size: 26px;
}
.circle-social-media-small {
width: 100px;
height: 100px;
}
.circle-social-media-small img {
min-width: 40px;
}
.circle-social-media-big img {
min-width: 43px;
width: 60px;
}
.circle-social-media-big.circle-social-media-03 img {
width: 64px;
}	
}
@media screen and (max-width: 1480px) {
.social-media-marketing .circle-column-after {
margin-top: 40px !important;
}
.circle-social-media-small img {
width: 40px;
}
.circle-social-media-big img {
width: 60px;
}
}
@media screen and (max-width: 1399px) {
.circle-social-media-big {
width: 115px;
height: 115px;
}
.circle-social-media-big.circle-social-media-01 {
width: 130px;
height: 130px;
font-size: 22px;
}
.circle-social-media-small {
width: 80px;
height: 80px;
}
.circle-social-media-small img {
width: 30px;
}
.circle-social-media-big img {
width: 50px;
}
.circle-social-media-big.circle-social-media-03 img {
width: 48px;
}	
}
@media screen and (max-width: 1024px) {
.circle-social-media-big {
width: 175px;
height: 175px;
}
.circle-social-media-big.circle-social-media-01 {
width: 180px;
height: 180px;
font-size: 28px;
}
.circle-social-media-small {
width: 130px;
height: 130px;
}
.circle-social-media-small img {
width: 65px;
}
.circle-social-media-big img {
width: 80px;
}
.circle-social-media-big.circle-social-media-03 img {
width: 78px;
}	
}
@media screen and (max-width: 767px) {
.circle-social-media-big {
width: 115px;
height: 115px;
}
.circle-social-media-big.circle-social-media-01 {
width: 130px;
height: 130px;
font-size: 22px;
}
.circle-social-media-small {
width: 80px;
height: 80px;
}
.circle-social-media-small img {
width: 30px;
}
.circle-social-media-big img {
width: 50px;
}
.circle-social-media-big.circle-social-media-03 img {
width: 48px;
}	
}
@media screen and (max-width: 500px) {
.social-media-marketing .circle-column-after {
margin-top: 30px !important;
}
.circle-social-media-big {
width: 85px;
height: 85px;
}
.circle-social-media-big.circle-social-media-01 {
width: 90px;
height: 90px;
font-size: 18px;
}
.circle-social-media-small {
width: 60px;
height: 60px;
}
.circle-social-media-small img {
width: 20px;
min-width: 1px;
}
.circle-social-media-big img {
width: 40px;
min-width: 1px;
}
.circle-social-media-big.circle-social-media-03 img {
width: 38px;
}	
} .leistungen .leistungen-icons .fusion-imageframe {
margin-bottom: 40px;
}
.leistungen .section-hero h2 {
text-align: right !important;
}
.leistungen #main .icon-planung img,
.leistungen #main .icon-kreation img,
.leistungen #main .icon-realisierung img {
height: 180px;
}
.leistungen .fusion-accordian .panel-body {
padding: 20px 0 0 0;
}
.leistungen .fusion-accordian .fusion-panel {
padding-bottom: 40px;
}
@media screen and (max-width: 640px) {
.leistungen .fusion-accordian .fusion-panel {
padding-bottom: 30px;
}
.leistungen .fusion-accordian .fusion-panel.fusion-toggle-no-divider .panel-title a {
font-size: 20px !important;
}
}
.agentur .fusion-accordian .fusion-panel.fusion-toggle-no-divider .panel-title a,
.leistungen .fusion-accordian .fusion-panel.fusion-toggle-no-divider .panel-title a {
color: var(--h4_typography-color) !important;
padding: 0;
}
.agentur .fusion-accordian .fusion-panel.fusion-toggle-no-divider .panel-title a:hover,
.leistungen .fusion-accordian .fusion-panel.fusion-toggle-no-divider .panel-title a:hover {
color: #a7003a !important;
}
.agentur .fusion-accordian .fusion-toggle-icon-unboxed .panel-heading .fusion-toggle-icon-wrapper {
display: flex;
align-items: center;
}
.agentur .fusion-accordian .panel-title .fusion-toggle-heading {
margin-left: 10px;
}
.agentur .agentur-toggle .panel-body p:last-child {
margin-bottom: 0;
}
.agentur .agentur-toggle .panel-body {
padding: 15px 0 0 0;
}
.leistungen #main .fusion-button-default-size {
margin-top: 0;
}
.leistungen .fusion-portfolio-masonry .fusion-portfolio-content a,
.leistungen .fusion-portfolio-grid .fusion-portfolio-content a {
font-size: 14px;
padding: 20px 20px 18px 20px;
}
#main .leistungen-navigation a {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 7.4' style='enable-background:new 0 0 16.6 7.4' xml:space='preserve'%3E%3Cpath d='M.1 3.3c-.1.2-.1.5 0 .7l3.2 3.2c.2.2.5.2.7 0 .2-.2.2-.5 0-.7L1.2 3.7 4 .9c.2-.2.2-.5 0-.7S3.5 0 3.3.1L.1 3.3zm16.5-.1H.5v1h16.1v-1z' style='fill:%23a7003a'/%3E%3C/svg%3E");
background-size: 12px 5px;
background-position: center left;
background-repeat: no-repeat;
padding-left: 17px;
}
.leistungen #wrapper #main .link-read-more p {
margin-bottom: 0;
margin-top: 20px;
}
.leistungen #wrapper #main .fusion-recent-works {
margin: 0;
}
.parent-pageid-397 #main h1 {
}  .drag-proxy {
visibility: hidden;
position: absolute;
}
.agentur #horizontal-outer {
width: 100vw !important;
max-width: none !important;
}
.agentur .fullwidth-pl {
padding-left: calc(100vw / 2 - 1300px / 2);
}
.agentur .horizontal-container {
padding: 0;
box-sizing: border-box;
}
.agentur .horizontal-container h3 {
color: #FFF;
font-size: 60px;
}
.agentur .horizontal-list {
padding: 12rem 0;
display: flex;
align-items: center;  }
.agentur .horizontal-item {
margin-left: 50px;
box-sizing: border-box;
min-width: 590px;
}
.agentur .horizontal-item:first-of-type {
margin-left: 20vw;
} .fusion-portfolio-masonry .fusion-portfolio-content a,
.fusion-portfolio-grid .fusion-portfolio-content a {
background: transparent;
display: block;
font-size: 20px;
padding: 25px 25px 23px 25px;
z-index: 3;
text-align: center;
border: none !important;
}   .container-portfolio .portfolio-item .post-thumbnail a {
display: block;
}
.container-portfolio img {
object-fit: cover;
}
.container-portfolio h3 {
font-size: 24px !important;
text-transform: none !important;
text-align: center;
margin: 30px 0 0 0 !important;
padding: 0;
}
.container-portfolio.container-portfolio-top-4 h3 {
opacity: 0;
}
.container-portfolio h3 a {
color: var(--h2_typography-color);
}
.container-portfolio h3 a:hover {
color: #A7003A;
}
.container-portfolio .portfolio-item {
opacity: 0;
}
.mask-reveal-container .fusion-column-wrapper {
overflow: hidden;
}
.container-portfolio.container-portfolio-top-4 .portfolio-item {
visibility: hidden;
position: relative;
overflow: hidden;
}
.container-portfolio.container-portfolio-top-4 .portfolio-item {
pointer-events: none;
}
.container-portfolio.container-portfolio-top-4 .portfolio-item.tl-complete {
pointer-events: all;
} .container-portfolio .portfolio-item,
.container-portfolio .portfolio-item .post-thumbnail {
position: relative;
}
.container-portfolio .portfolio-item .post-overlay {
position: absolute;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
pointer-events: none;
opacity: 0;
transition: opacity .4s;
}
.container-portfolio .portfolio-item:hover .post-overlay {
z-index: 100;
opacity: 1;
}
.container-portfolio .portfolio-item .post-overlay div {
overflow: hidden;
}
.container-portfolio .portfolio-item .post-overlay p {
padding: 0 70px;
color: #FFF;
transition: transform .4s ease-out;
transform: translateY(60px);
font-size: 24px;
overflow: hidden;
margin-bottom: 0;
}
.container-portfolio .portfolio-item .post-overlay p em {
display: inline-block;
padding-top: 5px;
}
.container-portfolio .portfolio-item:hover .post-overlay p {
transform: translateY(0px);
}
.container-portfolio .portfolio-item .post-thumbnail::before {
position: absolute;
width: 100%;
height: 100%;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg, #A7003A 0%, #002655 100%);
z-index: 90;
opacity: 0;
mix-blend-mode: multiply;
transform: scale(.4);
transform-origin: center center;
transition: opacity .6s, transform .6s ease-out;
pointer-events: none;
border-radius: 40px;
}
.container-portfolio .portfolio-item:hover .post-thumbnail::before {
opacity: 1;
transform: scale(.8);
}  .container-portfolio.container-portfolio-top-4,
.container-portfolio.container-portfolio-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
gap: 80px;
}  .container-portfolio.container-portfolio-grid {
margin-top: 80px;
}
@media screen and (max-width: 1199px) {
.container-portfolio.container-portfolio-top-4,
.container-portfolio.container-portfolio-grid {
gap: 50px;
}
.container-portfolio.container-portfolio-grid {
margin-top: 50px;
}
.container-portfolio .post-overlay p {
font-size: 20px !important;
}
#wrapper #main .container-portfolio h3 {
font-size: 20px !important;
}
}
@media screen and (max-width: 1024px) {
.container-portfolio .post-overlay p {
font-size: 18px !important;
}
#wrapper #main .container-portfolio h3 {
font-size: 20px !important;
}
}
@media screen and (max-width: 880px) {
.container-portfolio .post-overlay p {
font-size: 17px !important;
}
#wrapper #main .container-portfolio h3 {
font-size: 18px !important;
}
}
@media screen and (max-width: 768px) {
.container-portfolio.container-portfolio-top-4 {
gap: 30px;
grid-template-columns: repeat(1, 1fr);
}
.container-portfolio.container-portfolio-grid {
gap: 30px;
align-items: start;
margin-top: 40px;
}
.container-portfolio .portfolio-item .post-overlay p {
padding: 0 55px;
}
#wrapper #main .container-portfolio h3 {
font-size: 18px !important;
margin: 15px 0 0 0 !important;
}
#main .container-portfolio.container-portfolio-top-4 .portfolio-item .post-overlay p {
font-size: 22px !important;
}
.container-portfolio .post-overlay p {
font-size: 16px !important;
}
}
@media screen and (max-width: 600px) {
#wrapper #main h1 {
font-size: 29px !important;
}
.container-portfolio.container-portfolio-grid {
gap: 22px;
}	
.container-portfolio .portfolio-item .post-overlay p {
padding: 0 20px;
}
.container-portfolio .portfolio-item:hover .post-thumbnail::before {
transform: scale(1);
border-radius: 0;
}
#wrapper #main .container-portfolio h3 {
font-size: 15px !important;
}
#main .container-portfolio.container-portfolio-top-4 .portfolio-item .post-overlay p {
font-size: 18px !important;
}
.container-portfolio .post-overlay p {
font-size: 12px !important;
line-height: 1.4;
}
.container-portfolio .portfolio-item .post-overlay p em {
padding-top: 2px;
}
} .fusion-gallery-layout-grid > .fusion-grid-column {
opacity: 0;
}
.fusion-gallery-layout-grid > .fusion-grid-column a {
display: block;
}
.single-avada_portfolio #main .portfolio-navigation,
.single-avada_portfolio #main .portfolio-infos {
padding-left: 8vw;
}
.single-avada_portfolio #main .portfolio-text {
padding-right: 8vw;
}
.single-avada_portfolio .portfolio-navigation a {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 7.4' style='enable-background:new 0 0 16.6 7.4' xml:space='preserve'%3E%3Cpath d='M.1 3.3c-.1.2-.1.5 0 .7l3.2 3.2c.2.2.5.2.7 0 .2-.2.2-.5 0-.7L1.2 3.7 4 .9c.2-.2.2-.5 0-.7S3.5 0 3.3.1L.1 3.3zm16.5-.1H.5v1h16.1v-1z' style='fill:%23a7003a'/%3E%3C/svg%3E");
background-size: 12px 5px;
background-position: center left;
background-repeat: no-repeat;
padding-left: 17px;
}
.single-avada_portfolio .portfolio-navigation em {
font-style: normal;
padding: 0 5px;
}
.single-avada_portfolio #wrapper #main h1 {
font-size: 24px !important;
}
.single-avada_portfolio #wrapper #main .fusion_builder_column_1_3 .fusion-text p {
font-size: 20px !important;
}
.single-avada_portfolio #wrapper #main .fusion_builder_column_1_3 .fusion-title li::before {
top: 8px;
}
.single-avada_portfolio #wrapper #main .fusion_builder_column_1_3 ul {
margin-top: 7px;
}
.single-avada_portfolio #wrapper #main .fusion_builder_column_1_3 li {
font-size: 22px !important;
}
.single-avada_portfolio #wrapper #main .fusion_builder_column_1_3 li {
position: relative;
padding-left: 34px;
}
.single-avada_portfolio #wrapper #main .fusion_builder_column_1_3 li em {
font-size: 18px !important;
display: block;
}
.single-avada_portfolio #wrapper #main .fusion_builder_column_1_3 li::before {
top: 11px;
width: 40px;
height: 11px;
position: absolute;
margin-left: -34px;
}
.single-avada_portfolio .video-wrapper {
aspect-ratio: 16/9;
}
.single.postid-2616 .fusion-gallery-image {
max-width: 30vw;
margin: 0 auto;
}
.single.postid-1637 .fusion-gallery .fusion-gallery-column:last-child {
width: 100% !important;
}
.single.postid-1637 .fusion-gallery .fusion-gallery-column:last-child .fusion-gallery-image {
max-width: 50vw;
margin: 0 auto;
} .team #wrapper #main {
padding-bottom: 40px;
} .kontakt #boxed-wrapper .cf7-column-intro {
padding-top: 0;
}
.kontakt #boxed-wrapper .cf7-column-intro p {
text-align: left;
font-size: 36px;
} #main .logos-container > .fusion-builder-row {
display: grid !important;
grid-template-columns: repeat(6, 1fr);
gap: 60px;
padding-left: 2vw !important;
padding-right: 2vw !important;
}
#main .logos-container .logos-headline {
grid-column: 1 / -1;
margin-bottom: -20px;
}
@media screen and (max-width: 1200px) {
#main .logos-container > .fusion-builder-row {
grid-template-columns: repeat(4, 1fr);
}	
}
@media screen and (max-width: 1024px) {
#main .logos-container > .fusion-builder-row {
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
#main .logos-container .logos-headline {
margin-bottom: -10px;
}
}
@media screen and (max-width: 640px) {
#main .logos-container > .fusion-builder-row {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
#main .logos-container .logos-headline {
margin-bottom: 0;
}
}
#main .logos-container .logo-sequence-item {
width: 100% !important;
margin-bottom: 0 !important;
}
#main .logos-container .logo-sequence-item .fusion-column-wrapper {
margin-left: 0 !important;
margin-right: 0 !important;
}
#main .logos-container .fusion-imageframe a img,
.logos-container img {
filter: grayscale(100%);
opacity: .5;
border: 1px solid #DDD;
transition: all .5s;
}
#main .logos-container .logo-has-link > .fusion-column-wrapper:hover img,
.logos-container img:hover {
opacity: 1;
filter: grayscale(0%);
}
#main .logos-container .logo-sequence-item {
position: relative;
}
#main .logos-container .logo-sequence-item > .fusion-column-wrapper > div:nth-child(2) {
position: absolute;
bottom: 0;
right: 0;
z-index: 10;
}
#main .logos-container .logo-has-link .fusion-imageframe a img {
border-bottom-right-radius: 30px;
}
#main .logos-container .logo-sequence-item .logo-button {
background: #FFF;
width: 30px;
height: 30px;
border: none !important;
box-shadow: 0 0 0 1px #DDD !important;
border-radius: 50%;
padding: 0;
opacity: 1;
margin-top: 0;
transition: background .5s;
position: relative;
}
#main .logos-container .logo-sequence-item .logo-button::after {
position: absolute;
left: 12px;
top: -1px;
line-height: 30px;
content: "\f105";
-webkit-font-smoothing: antialiased;
font-family: awb-icons;
font-size: 19px;
color: #a7003a;
transition: color .4s;
}
#main .logos-container .logo-has-link > .fusion-column-wrapper:hover .logo-button {
background: #002655; }
#main .logos-container .logo-has-link > .fusion-column-wrapper:hover .logo-button::after {
color: #FFF;
}
#main .logos-container .logo-sequence-item .logo-button::before {
display: none;
} .kontakt #btn-sidebar-toggle,
.kontakt .svg-wrapper {
display: none;
}
#close-svg {
background: transparent;
position: fixed;
top: 48.5%;
right: 0;
transform: translateX(-50%);
opacity: 0;
border: none;
padding: 10px;
outline: none;
z-index: 14000;
cursor: pointer;
pointer-events: none;
visibility: hidden;
}
.sidebar-open #close-svg {
pointer-events: all;
}
#close-svg > svg {
width: 24px;
height: 24px;
transition: transform .5s;
fill: #FFF;
}
#close-svg:hover > svg {
transform: rotate(90deg);
} #btn-sidebar-toggle {
background: transparent;
border: none;
position: fixed;
cursor: pointer;
top: 50.2%;
right: -30px;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
border-radius: 50%;
padding: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 34px;
z-index: 13000;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
outline: none;
}
#btn-sidebar-toggle .icon-pfeil {
width: 6px;
height: 9px;
right: 11px;
display: inline-block;
position: absolute;
display: none;
}
#btn-sidebar-toggle .icon-mail {
width: 28px;
height: 21px;
display: inline-block;
position: absolute;
}
#btn-sidebar-toggle .icon-mail path {
transition: fill .35s;
}
#btn-sidebar-toggle:hover svg path {
fill: var(--h2_typography-color);
}
#btn-sidebar-toggle .icon-close {
display: inline-block;
width: 24px;
height: 24px;
opacity: 0;
transition: transform .5s;
fill: #FFF;
position: absolute;
visibility: hidden;
}
.sidebar-open #btn-sidebar-toggle:hover .icon-close {
transform: rotate(90deg);
}
.sidebar-menu-wrapper {
position: fixed;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
flex-direction: column;
opacity: 0;
visibility: hidden;
}
.sidebar-menu-wrapper h2,
.sidebar-menu-wrapper p,
.sidebar-menu-wrapper a {
overflow: hidden;
}
#sidebar-wave {
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 100%;
background: transparent;
transition: background .4s .5s;
}
#sidebar-wave #start { fill: #FFF;
filter: drop-shadow(3px 0px 4px rgb(0 0 0 / 0.3));
}
.svg-wrapper {
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 100%;
background: transparent;
z-index: 12000;
pointer-events: none;
}
.svg-background {
content: '';
position: absolute;
background: linear-gradient(180deg, #A7003A 0%, #002655 100%);
opacity: 0;
width: 40vh;
height: 100%;
right: 0;
top: 0;
z-index: -1;
}
.sidebar-open .svg-wrapper {
pointer-events: all;
} #boxed-wrapper .cf7-column-intro p {
font-size: 40px;
line-height: 1.2;
margin: 0 0 10px 0;
text-align: center;
text-transform: uppercase;
}
#boxed-wrapper .wpcf7-form .wpcf7-text,
#boxed-wrapper .wpcf7-form textarea {
border-radius: 0;
color: #002655;
height: auto;
padding: 14px 20px;
position: relative;
background: #FFF;
box-shadow: 2px 1000px 1px #fff inset;
border: solid 1px transparent;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #002655, #a7003a);
background-origin: border-box;
background-clip: content-box, border-box;
transition: background-image .5s, box-shadow .5s;	
}
#boxed-wrapper .wpcf7-form .wpcf7-acceptance a {
text-decoration: underline;
}
#boxed-wrapper .wpcf7-form .wpcf7-text::placeholder,
#boxed-wrapper .wpcf7-form textarea::placeholder {
color: #002655;
}
#boxed-wrapper .wpcf7-list-item {
margin: 0;
}
#boxed-wrapper .cf7-row {
display: flex;
}
#boxed-wrapper .cf7-social-column {
display: flex;
align-items: center;
width: 100%;
justify-content: flex-end;
}
#boxed-wrapper .cf7-social-column p {
margin: 0;
padding-right: 10px;
font-size: 15px;
}
#boxed-wrapper .cf7-social-column .fusion-social-links-1 .boxed-icons .fusion-social-network-icon:hover {
background-color: var(--link_color) !important;
border-color: var(--link_color) !important;
}
#boxed-wrapper .cf7-column {
padding: 10px;
width: 50%;
}
#boxed-wrapper .cf7-column p {
margin: 0;
}
#boxed-wrapper .cf7-column-100 {
width: 100%;
}
#boxed-wrapper .wpcf7-form .wpcf7-not-valid-tip {
display: block;
direction: ltr;
margin-top: 10px;
}
#boxed-wrapper .wpcf7-not-valid-tip {
color: var(--link_color);
} #wrapper .wpcf7-form textarea:focus,
#wrapper .wpcf7-captchar:focus,
#wrapper .wpcf7-form .wpcf7-date:focus,
#wrapper .wpcf7-form .wpcf7-number:focus,
#wrapper .wpcf7-form .wpcf7-select:focus,
#wrapper .wpcf7-form .wpcf7-text:focus {
border: solid 1px transparent !important;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #a7003a, #002655);
}
#wrapper .wpcf7-form input {
accent-color: var(--h2_typography-color) !important;
}
#wrapper .wpcf7 .wpcf7-form.sent .wpcf7-response-output {
background: var(--h2_typography-color);
color: #FFF;
border: none !important;
border-radius: 8px;
}
#wrapper .fusion-alert-content {
text-transform: none;
} #wrapper #main {
padding-top: 0;
padding-bottom: 0;
} .fusion-counters-box .fusion-counter-box .counter-box-container {
border: none !important;
} #wrapper .video-youtube {
aspect-ratio: 16 / 9;
width: 100%;
} .error404 #wrapper #main,
.search #wrapper #main {
min-height: 70vh;
padding-top: 160px;
padding-bottom: 160px;
}
.search #wrapper #main h1 {
font-size: 45px !important;
margin-bottom: 30px;
}
.error404 .fusion-title {
margin-bottom: 50px !important;
}
.error404 h3 {
margin-bottom: 20px;
}
.search .error-page h3 {
margin-bottom: 20px !important;
}
.search #wrapper #main .fusion-meta-info .fusion-alignleft {
display: none;
}
.search .search-page-search-form-top {
border-bottom: none !important;
}
.search .fusion-blog-layout-large article {
margin-bottom: 40px;
}
.search h2 {
margin-top: 40px !important;
margin-bottom: 0px !important;
} #menu-footer li:not(:last-child) {
padding-bottom: 8px;
}
#menu-footer li a {
position: relative;
}
#menu-footer li a::before {
content: '';
color: #FFF;
background: url(//www.madsack-agentur.de/wp-content/uploads/2022/10/icon-arrow-right.svg) no-repeat;
width: 18px;
height: 9px;
display: inline-block;
transition: opacity .3s;
position: absolute;
}
#menu-footer li a .menu-text {
padding-left: 23px;
}
.fusion-footer {
position: relative;
z-index: 10; }
.fusion-footer p {
margin: 0;
}
.fusion-footer p,
.fusion-footer a {
color: #FFF;
}
.fusion-footer .footer-copyright {
font-size: 14px;
}
.to-top-container #toTop {
position: fixed;
width: 50px;
height: 50px;
left: auto !important;
right: 30px !important;
bottom: 30px !important;
border-radius: 50% !important;
opacity: 0 !important;
transition: background-image .5s, box-shadow .5s, opacity .4s !important;
z-index: 8000;
}
.to-top-container #toTop.fusion-to-top-active {
opacity: 1 !important;
}
.to-top-container  #toTop:before {
line-height: 1;
margin-top: -5px;
} .ilightbox-holder.supportTouch div.ilightbox-container {
overflow: hidden !important;
}
.ilightbox-holder.metro-white {
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.ilightbox-button.ilightbox-next-button.metro-white,
.ilightbox-button.ilightbox-prev-button.metro-white {
background-image: url(//www.madsack-agentur.de/wp-content/uploads/2022/10/arrows_vertical.png) !important;
background-color: transparent !important;
}
.ilightbox-title {
display: none !important;
}
.ilightbox-toolbar.metro-white a.ilightbox-close:hover {
background-color: var(--link_color) !important;
}
.ilightbox-toolbar.metro-white a:hover {
background-color: #002655 !important;
} #main #sb_instagram #sbi_load .sbi_load_btn,
#main #sb_instagram .sbi_follow_btn a {
font-size: 14px;
text-transform: uppercase;
}
#main #sb_instagram .sbi_follow_btn a:focus,
#main #sb_instagram .sbi_follow_btn a:hover,
#main #sb_instagram #sbi_load .sbi_load_btn:hover {
box-shadow: none;
} @media screen and (min-width: 3000px) {
.header-post-wrapper {
padding: 30px;
}
.home .background-white-skew::after,
.agentur .background-white-skew::after {
top: -37rem;
height: 74rem;
}
#content .fusion-fullwidth:not(#horizontal-outer) {
padding-left: 15vw !important;
padding-right: 15vw !important;
}
.single-avada_portfolio #main .portfolio-navigation,
.single-avada_portfolio #main .portfolio-infos {
padding-left: 0;
}
.single-avada_portfolio #main .portfolio-text {
padding-right: 0;
}
.single #wrapper #content .fusion-fullwidth {
padding-left: 10vw !important;
padding-right: 10vw !important;
}
.agentur .horizontal-list {
padding: 18rem 0;
}	
}
@media screen and (min-width: 2200px) {
.circle-04 {
bottom: 19vw;
right: 35vw;
}
.circle-medien-11 {
bottom: 9.5vw;
}
.circle-seo-05 {
bottom: -20px;
}
.circle-seo-04 {
bottom: 30px;
right: 250px;
}
.circle-seo-03 {
top: 159px;
right: 119px;
}
}
@media screen and (min-width: 2000px) {
#wrapper #menu-main {
width: 62%;
}
.header-posts-inner {
width: 32%;
}
.column-images-overlap > .fusion-column-wrapper > div:nth-child(1) img {
max-width: 36vw;
}
.column-images-overlap > .fusion-column-wrapper > div:nth-child(2) {
bottom: -70px;
left: -1vw;
}
.column-images-overlap > .fusion-column-wrapper > div:nth-child(2) img {
max-width: 12vw;
}
}
@media screen and (max-width: 1699px) {
.fusion-portfolio-masonry .fusion-portfolio-content a,
.fusion-portfolio-grid .fusion-portfolio-content a {
font-size: 18px;
padding: 20px 20px 18px 20px;
}
#btn-sidebar-toggle {
right: -33px;
}
.agentur .counter-box p {
font-size: 20px;
}
}
@media screen and (max-width: 1599px) {
.agentur .counter-box .fusion-lottie {
width: 180px;
height: 180px;
}
.agentur .counter-box .title-heading-tag, .agentur .counter-box .fusion-text {
margin-left: -18px !important;
}
#btn-sidebar-toggle {
right: -35px;
}
#btn-sidebar-toggle .icon-mail {
width: 22px !important;
height: 16px !important;
}
}
@media screen and (max-width: 1499px) {
.fusion-portfolio-masonry .fusion-portfolio-content a,
.fusion-portfolio-grid .fusion-portfolio-content a {
font-size: 16px;
}
.agentur .horizontal-item {
min-width: 380px;
}
.padding-left-right p {
padding-left: 0;
padding-right: 0;
}
.fusion-portfolio-masonry .fusion-portfolio-content a,
.fusion-portfolio-grid .fusion-portfolio-content a {
font-size: 14px;
}
#btn-sidebar-toggle {
right: -39px;
}
#close-svg {
right: -10px;
}
}
@media screen and (max-width: 1439px) {
.agentur .counter-box .fusion-lottie {
width: 155px;
height: 155px;
}
.agentur .counter-box p {
font-size: 19px;
}
.agentur .counter-box .fusion-title div {
font-size: 30px !important;
}
.header-post-title p {
font-size: 15px;
}
}
@media screen and (max-width: 1360px) {
.home #wrapper #main h1 {
font-size: 36px !important;
}
#main h1 {
font-size: 40px !important;
}
.leistungen #wrapper #main .section-hero h2 {
font-size: 28px !important;
}
.agentur .counter-box .fusion-title div {
font-size: 34px !important;
}
.agentur .counter-box p {
font-size: 17px;
margin-top: -3px;
}
.counter-box .title-heading-tag, .agentur .counter-box .fusion-text {
margin-left: -26px !important;
}
#wrapper #main .team-member p,
#wrapper #main .team-member p .fontawesome-icon {
font-size: 16px !important;
}
#wrapper #main .team-member p .fontawesome-icon {
line-height: 25px;
}
#wrapper #main .team-member h3 {
font-size: 28px !important;
}
}
@media screen and (max-width: 1199px) {
.single-avada_portfolio #main .portfolio-navigation,
.single-avada_portfolio #main .portfolio-infos {
padding-left: 0;
}
.parent-pageid-397 #main h1 {
max-width: none;
}
.single-avada_portfolio #main .portfolio-text {
padding-right: 0;
}	
.typewriter-text,
.cursor {
font-size: 60px;
}
.typewriter-container p {
font-size: 30px;
}
.agentur #wrapper #main .counter-box {
width: 50% !important;
}
.agentur .counter-box p {
font-size: 19px;
}
.agentur .counter-box .title-heading-tag,
.agentur .counter-box .fusion-text {
margin-left: 0 !important;
}
#btn-sidebar-toggle .icon-mail {
width: 18px !important;
height: 13px !important;
}
#btn-sidebar-toggle {
right: -42px;
}
#close-svg {
right: -16px;
}
}
@media screen and (max-width: 1024px) {
.home #wrapper #main h1,
#wrapper #main h2 {
font-size: 32px !important;
}
#wrapper #main h3 {
font-size: 29px !important;
}
#wrapper #main .team-member h3 {
font-size: 24px !important;
}
#wrapper #main .image-caption-centered .fusion-title h3 {
font-size: 18px !important;
}
#wrapper #main h4 {
font-size: 26px !important;
}
#wrapper #main h5 {
font-size: 22px !important;
}
#wrapper #main h6 {
font-size: 20px !important;
}
.agentur .horizontal-container h3 {
font-size: 40px !important;
}
.agentur .headline-custom {
max-width: 100%;
}
}
@media screen and (max-width: 1024px) {
.leistungen #wrapper #main .section-hero h2 {
text-align: left !important;
}
.leistungen #main .icon-planung img,
.leistungen #main .icon-kreation img {
height: auto;
width: 250px;
}
.leistungen #main .icon-realisierung img {
height: auto;
width: 320px;
}
.border-bottom-mobile .fusion-column-wrapper {
border-bottom: 1px solid #FFF !important;
}
#main .fusion-button-default-size {
margin-top: 20px;
}
.single-avada_portfolio #main .fusion-button-default-size,
.parent-pageid-397 #main .fusion-button-default-size {
margin-top: 30px;
}
}
@media screen and (max-width: 990px) {
#btn-sidebar-toggle {
width: 40px;
height: 40px;
padding: 10px;
right: -27px;
}
#btn-sidebar-toggle .icon-close {
width: 20px;
height: 20px;
}
#close-svg {
right: -20px;
}
#boxed-wrapper .cf7-row {
max-width: 80%;
margin: 0 auto;
}
.header-posts-outer {
display: none;
}
#wrapper #menu-main {
width: 100%;
}
#wrapper #menu-main a {
font-size: 36px;
}
.header-posts-outer {
padding-top: 300px;
flex-direction: row;
}
.header-post-wrapper {
flex: 0 0 100%;
max-width: 100%;
}
.header-post-wrapper:first-child,
.header-post-wrapper:nth-child(5),
.header-post-wrapper:nth-child(6),
.header-post-wrapper:nth-child(7) {
display: none;
}
.sidebar-menu-wrapper {
top: 0px;
right: 30px;
}
.sidebar-menu-wrapper .wpcf7-form .wpcf7-text, .sidebar-menu-wrapper .wpcf7-form textarea {
padding: 12px 20px;
} #boxed-wrapper .cf7-column.cf7-submit {
width: 35%;
display: flex;
}
#boxed-wrapper .cf7-column.cf7-social-column {
width: 65%;
}
#boxed-wrapper .cf7-column-intro p {
font-size: 26px;
}
#boxed-wrapper .cf7-column-end {
font-size: 14px;
}
#boxed-wrapper .wpcf7-form .wpcf7-text, #boxed-wrapper .wpcf7-form textarea {
padding: 10px 14px;
}
#wrapper #main .team-member h3 {
font-size: 20px !important;
}
#wrapper #main .team-member p,
#wrapper #main .team-member p .fontawesome-icon {
font-size: 15px !important;
}
#wrapper #main .team-member .text-mail p {
display: block;
}
#wrapper #main .team-member .text-mail p a {
visibility: hidden;
position: relative;
}
#wrapper #main .team-member .text-mail p a::after {
visibility: visible;
content: 'Mail';
position: absolute;
left: 0;
top: 1px;
}
#wrapper #main .team-member .text-mail {
height: 20px;
}
#wrapper #main .team-member .fontawesome-icon {
margin-right: 7px !important;
font-size: 13px !important;
}
.agentur .counter-box .fusion-lottie {
width: 120px;
height: 120px;
}
.agentur .counter-box.counter-box-05 .fusion-lottie,
.agentur .counter-box.counter-box-04 .fusion-lottie {
padding: 1.15rem;
}
}
@media screen and (max-width: 890px) {
#btn-sidebar-toggle .icon-mail {
width: 16px !important;
height: 12px !important;
}
.agentur .counter-box .fusion-title div {
font-size: 26px !important;
}
.agentur .counter-box p {
font-size: 15px;
}
}
@media screen and (max-width: 820px) {
body {
font-size: 17px !important;
}
#main h1 {
font-size: 34px !important;
}
.search #wrapper #main h1 {
font-size: 34px !important;
margin-bottom: 30px;
}
.home #wrapper #main h1,
#wrapper #main h2 {
font-size: 29px !important;
}
.leistungen #wrapper #main .section-hero {
min-height: 100vh;
}
.leistungen #wrapper #main .section-hero h2 {
font-size: 24px !important;
}
#wrapper #main h3 {
font-size: 22px !important;
}
#wrapper #main .image-caption-centered .fusion-title h3 {
font-size: 14px !important;
}
#wrapper #main h4 {
font-size: 20px !important;
}
#wrapper #main h5 {
font-size: 20px !important;
}
#wrapper #main h6 {
font-size: 20px !important;
}
.agentur #wrapper #main .horizontal-container h3 {
font-size: 36px !important;
}
#btn-sidebar-toggle {
right: -28px;
}
#close-svg {
right: -22px;
}
.single.postid-1425 .fusion-gallery-column-2 .fusion-masonry-element-container {
background-position: 50% 50% !important;
}
#main .fusion-counter-box {
float: left;
width: 50%;
}
#main .fusion-grid-sizer {
display: none !important;
}
#main .fusion-grid-column {
width: 50% !important;
padding: 20px !important;
}
.single.postid-1637 #main .fusion-gallery .fusion-gallery-column:last-child {
width: 100% !important;
}
.single.postid-1637 .fusion-gallery .fusion-gallery-column:last-child .fusion-gallery-image {
max-width: none;
}	
.postid-1945 #main .fusion-grid-column {
width: 33.33% !important;
padding: 0.5em !important;
}	
.cases .fusion-portfolio-grid div[role=menubar] {
padding-right: 0;
}
.cases .fusion-filters li {
width: 50%;
}
.cases #main .fusion-portfolio-post {
width: 50% !important;
padding: 0 !important;
}
.cases #main .fusion-portfolio-post:nth-child(even) {
border: 20px solid #FFF;
border-right: none !important;
}
.cases #main .fusion-portfolio-post:nth-child(odd) {
border: 20px solid #FFF;
border-left: none !important;
}	
.cases .fusion-portfolio-grid .fusion-portfolio-wrapper {
margin: 0 !important;
}
.agentur .counter-box p {
font-size: 17px;
}
.agentur .counter-box .fusion-title div {
font-size: 30px !important;
}	
}
@media screen and (max-width: 767px){
.home #wrapper #main h1,
#wrapper #main h2 {
font-size: 25px !important;
}	
.agentur .counter-box .fusion-title div {
font-size: 30px !important;
}
.agentur .counter-box p {
font-size: 17px;
}
.agentur .counter-box .fontawesome-icon {
font-size: 30px !important;
line-height: 59px !important;
height: 60px !important;
width: 60px !important;
margin-right: 0 !important;
}
#wrapper #menu-main a {
font-size: 28px;
}
#close-svg {
top: 10px !important;
left: 50% !important;
right: 0 !important;
width: fit-content;
}
#close-svg .icon-close path {
fill: #002655 !important;
}
.svg-background {
width: 10vw;
} #boxed-wrapper .cf7-column {
padding: 8px;
}
#boxed-wrapper .cf7-column-end {
font-size: 12px;
}
#boxed-wrapper .cf7-social-column .fusion-social-links-1 .boxed-icons .fusion-social-network-icon {
width: 14px !important;
font-size: 14px !important;
}
#boxed-wrapper .cf7-column-intro p {
font-size: 18px;
}
#btn-sidebar-toggle {
width: 30px;
height: 30px;
right: -23px;
}
#btn-sidebar-toggle .icon-mail {
display: none;
}
#btn-sidebar-toggle .icon-pfeil {
display: block;
}
.sidebar-open #btn-sidebar-toggle {
pointer-events: all;
}
#btn-sidebar-toggle {
transition: none;
}
#btn-sidebar-toggle .icon-close path {
fill: var(--h2_typography-color) !important;
}
#btn-sidebar-toggle .icon-close {
width: 35px;
height: 35px;
}
.sidebar-menu-wrapper {
height: 100vh;
right: 0;
left: -12px;
}
.agentur .counter-box-container > .fusion-builder-row {
align-items: flex-start !important;
padding-right: 30px !important;
}
.agentur .counter-box .fusion_builder_column_inner {
width: 100% !important;
}
.agentur .counter-box p {
margin-top: -7px;
}
.agentur .counter-box .fusion_builder_column_inner > .fusion-column-wrapper {
align-items: center;
}
.agentur .counter-box .title-heading-tag,
.agentur .counter-box .fusion-text p {
text-align: center;
}
.agentur .counter-box.counter-box-03 .fusion-lottie {
padding-top: 26px;
}
.agentur .counter-box .fusion-lottie {
width: 150px;
height: 150px;
}
.agentur .counter-box.counter-box-04 .fusion-lottie {
padding: 42px 1.5rem 1.5rem 1.5rem;
}
.agentur .counter-box.counter-box-05 .fusion-lottie {
padding: 32px 1rem 1rem 1rem;
}
.agentur .counter-box .fusion-title div {
margin-top: 8px !important;
margin-bottom: 5px !important;
font-size: 24px !important;
}
#main .logos-container .logo-sequence-item .logo-button {
width: 25px;
height: 25px;
}
#main .logos-container .logo-sequence-item .logo-button::after {
left: 10px;
top: -1px;
line-height: 25px;
font-size: 17px;
}
}
@media screen and (max-width: 640px) {
#btn-sidebar-toggle .icon-close {
width: 25px;
height: 25px;
}
.single-avada_portfolio #wrapper #main h1 {
font-size: 20px !important;
}
.single-avada_portfolio #wrapper #main .fusion_builder_column_1_3 .fusion-text p {
font-size: 18px !important;
}
.agentur #horizontal-outer {
background-image: none !important;
background-color: var(--h2_typography-color) !important;
}
.agentur .counter-box .fusion-title div {
font-size: 24px !important;
}
.agentur .counter-box p {
font-size: 16px;
}
.leistungen .leistungen-icons .fusion-imageframe {
margin-bottom: 30px;
}
.leistungen #main .icon-planung img,
.leistungen #main .icon-kreation img {
width: 150px;
}
.leistungen #main .icon-realisierung img {
width: 220px;
}	
.cases .fusion-filters a {
font-size: 13px;
padding: 1px 0;
}
.cases .fusion-portfolio-grid div[role=menubar] {
margin: 5px 0 25px 0;
}
.typewriter-text,
.cursor {
font-size: 45px;
}
.typewriter-container p {
font-size: 22px;
}
.image-square-mobile img {
aspect-ratio: 1/1;
object-fit: cover;
}
#wrapper .fusion-header-has-flyout-menu .fusion-flyout-menu-icons {
width: 90%;
}
#boxed-wrapper .cf7-column {
padding: 7px;
}
#boxed-wrapper .wpcf7-form .wpcf7-text, #boxed-wrapper .wpcf7-form textarea {
padding: 10px 12px;
font-size: 15px;
}
#boxed-wrapper .cf7-row {
font-size: 15px;
}
}
@media screen and (max-width: 570px) {
.impressum p,
.datenschutz p {
font-size: 15px !important;
padding-right: 40px !important;
}
.impressum h2,
.impressum h3,
.impressum h4,
.impressum h5,
.impressum h6,
.datenschutz h2,
.datenschutz h3,
.datenschutz h4,
.datenschutz h5,
.datenschutz h6 {
padding-right: 40px !important;
}
.miles-image .fusion-column-wrapper .miles-slogan {
top: 15px;
}
.miles-image .fusion-column-wrapper .miles-slogan, .miles-image .fusion-column-wrapper .miles-logo {
right: 15px;
}
.miles-image .fusion-column-wrapper .miles-logo {
bottom: 15px;
}
#boxed-wrapper .cf7-row {
flex-wrap: wrap;
}
#boxed-wrapper .cf7-column.cf7-submit,
#boxed-wrapper .cf7-column.cf7-social-column {
width: 100%;
}
#boxed-wrapper .cf7-social-column {
justify-content: flex-start;
}
#main #sb_instagram #sbi_load .sbi_load_btn,
#main #sb_instagram .sbi_follow_btn a {
margin-top: 20px;
}
.to-top-container #toTop {
width: 35px !important;
height: 35px !important;
bottom: 20px !important;
right: 20px !important;
}
.to-top-container #toTop:before {
margin-top: -3px;
}
#wrapper .fusion-footer .footer-copyright {
font-size: 12px !important;
}
}
@media screen and (max-width: 600px) and (max-height: 700px) {
.sidebar-menu-wrapper {
top: 20px;
}
}
@media screen and (max-height: 630px) {
.sidebar-open {
overflow: hidden;
}
.sidebar-menu-wrapper .wpcf7 {
overflow: scroll;
padding: 40px 0;
}
}
@media screen and (max-width: 360px) {
#boxed-wrapper .cf7-social-column .fusion-social-links-1 .boxed-icons .fusion-social-network-icon {
width: 13px !important;
font-size: 13px !important;
}
}
@media (hover: none) {
.icon-scroll:hover, .to-top-container #toTop:hover, #main .fusion-carousel .fusion-carousel-nav .fusion-nav-prev:hover, #main .fusion-carousel .fusion-carousel-nav .fusion-nav-next:hover {
box-shadow: 2px 1000px 1px #fff inset !important;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #002655, #a7003a) !important;
}
.to-top-container #toTop:hover::before, #main .fusion-carousel .fusion-carousel-nav .fusion-nav-prev:hover::before, #main .fusion-carousel .fusion-carousel-nav .fusion-nav-next:hover::before {
color: #A7003A !important;
}
}