:root {
--ago-primary: #000000;
--ago-primary-contrast: #ffffff;
--ago-primary-muted: #efebeb;
--ago-primary-muted-contrast: #000000;
--ago-primary-muted-2: #d4c4c4;
--ago-primary-muted-2-contrast: #000000;
--ago-neutral: #ffffff;
--ago-neutral-contrast: #000000;
--ago-primary-highlight: #000;
--ago-focus-outline: 0.3em dashed var(--ago-primary-highlight);
} * {
box-sizing: border-box;
}
html, body {
overflow-x: hidden !important;
}
#wpadminbar {z-index:999999;}
.menutrans { position:absolute !important;
bottom:-5px !important;
font-size:70% !important;
color:rgba(255,255,255,0.5) !important;
}
.subtrans {
color: rgba(255,255,255,0.5) !important;
font-size: 75% !important;
font-weight: 300 !important;
}
div.e-n-menu-title:hover div.e-n-menu-title-container span.e-n-menu-title-text span.menutrans {		display:block !important;
}
div.elementor.elementor-location-header div.elementor-element.she-header-yes.e-flex.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects.she-header div.elementor-element.e-con-full.e-flex.e-con.e-child div.elementor-element.kalinakommunikation-site-logo.elementor-widget.elementor-widget-theme-site-logo.elementor-widget-image div.elementor-widget-container a img {max-height:55px;height:55px;}
.blatt {
position:fixed;
z-index:999999;
pointer-events:none;
}
.blatt.blatt_top {
top:0
}
.blatt.blatt_left {
left:0
}
.blatt.blatt_right {
right:0
}
.blatt figure,
.blatt img {
height:100%;
width:100%
}
#blatt_top_left_1 {
width:121px;
height:60px;
left:370px
}
#blatt_top_left_2 {
width:149px;
height:126px;
left:441px;
top:-50px;
-webkit-animation:blatt_top_move 10s linear reverse both infinite;
animation:blatt_top_move 10s linear reverse both infinite
}
#blatt_top_right_1 {
width:284px;
height:220px;
right:521px;
top:-100px;
-webkit-animation:blatt_top_move 11s linear both infinite;
animation:blatt_top_move 11s linear both infinite
}
#blatt_top_right_2 {
width:143px;
height:126px;
right:331px;
top:-50px;
-webkit-animation:blatt_top_move 13s linear reverse both infinite;
animation:blatt_top_move 13s linear reverse both infinite
}
#blatt_left_top_1 {
width:123px;
height:137px;
left:-50px;
top:110px;
-webkit-animation:blatt_top_move 13s linear reverse both infinite;
animation:blatt_top_move 13s linear reverse both infinite
}
#blatt_left_top_2 {
width:203px;
height:167px;
left:-40px;
top:210px;
-webkit-animation:blatt_top_move 12s linear both infinite;
animation:blatt_top_move 12s linear both infinite
}
#blatt_left_top_3 {
width:162px;
height:173px;
left:-80px;
top:320px;
-webkit-animation:blatt_top_move 11s linear reverse both infinite;
animation:blatt_top_move 11s linear reverse both infinite
}
#blatt_left_bottom_1 {
width:87px;
height:179px;
top:530px;
-webkit-animation:blatt_top_move 11s linear reverse both infinite;
animation:blatt_top_move 11s linear reverse both infinite
}
#blatt_left_bottom_2 {
width:86px;
height:110px;
top:630px
}
#blatt_right_top_1 {
width:254px;
height:166px;
right:-190px;
top:110px;
-webkit-animation:blatt_top_move 12s linear reverse both infinite;
animation:blatt_top_move 12s linear reverse both infinite
}
#blatt_right_top_2 {
width:161px;
height:188px;
right:-90px;
top:190px;
-webkit-animation:blatt_top_move 11s linear both infinite;
animation:blatt_top_move 11s linear both infinite
}
#blatt_right_top_3 {
width:160px;
height:174px;
right:-100px;
top:300px;
-webkit-animation:blatt_top_move 14s linear reverse both infinite;
animation:blatt_top_move 14s linear reverse both infinite
}
#blatt_right_bottom_1 {
width:134px;
height:123px;
right:-80px;
top:520px;
-webkit-animation:blatt_top_move 14s linear reverse both infinite;
animation:blatt_top_move 14s linear reverse both infinite
}
#blatt_right_bottom_2 {
width:197px;
height:186px;
right:-120px;
top:630px;
-webkit-animation:blatt_top_move 11s linear both infinite;
animation:blatt_top_move 11s linear both infinite
}
@-webkit-keyframes blatt_top_move {
0% {
transform:translateY(0) rotate(0)
}
12.5% {
transform:translateY(-2px) rotate(3deg)
}
25% {
transform:translateY(0) rotate(0)
}
37.5% {
transform:translateY(2px) rotate(-3deg)
}
50% {
transform:translateY(0) rotate(0)
}
62.5% {
transform:translateY(-2px) rotate(3deg)
}
75% {
transform:translateY(0) rotate(0)
}
87.5% {
transform:translateY(2px) rotate(-3deg)
}
100% {
transform:translateY(0) rotate(0)
}
}
@keyframes blatt_top_move {
0% {
transform:translateY(0) rotate(0)
}
12.5% {
transform:translateY(-2px) rotate(3deg)
}
25% {
transform:translateY(0) rotate(0)
}
37.5% {
transform:translateY(2px) rotate(-3deg)
}
50% {
transform:translateY(0) rotate(0)
}
62.5% {
transform:translateY(-2px) rotate(3deg)
}
75% {
transform:translateY(0) rotate(0)
}
87.5% {
transform:translateY(2px) rotate(-3deg)
}
100% {
transform:translateY(0) rotate(0)
}
}
.plus-navigation-wrap.text-center .plus-navigation-menu {
z-index:999999999}
@media (max-width:1200px) {
body {
overflow-x:hidden
}
article header h1 {
font-size:36px
}
article p {
font-size:22px
}
#altersabfrage-box {
width:500px;
height:333px
}
#altersabfrage-box .abb-title {
margin-bottom:15px;
font-size:30px;
font-weight:700
}
#altersabfrage-box .aa-box-desc {
font-size:16px;
line-height:1.1
}
#altersabfrage-box .aa-box-antwort {
margin-top:30px
}
#altersabfrage-box .aa-box-antwort .button-antwort {
height:48px;
min-width:48px;
margin:0 15px;
font-size:24px
}
header#site-header {
height:90px;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
transition:.5s all
}
header#site-header.scrolled {
background:#1d1d1d;
-webkit-transform:translateY(-35px);
-moz-transform:translateY(-35px);
-ms-transform:translateY(-35px);
-o-transform:translateY(-35px);
transform:translateY(-35px);
border-bottom:2px solid;
border-image:linear-gradient(to right,#be9a55 0,#be9a55 14%,#fceccb 42%,#d6b269 82%,#bd9b55 100%);
border-image-slice:1;
transition:.5s all;
border-top:0!important;
border-left:0!important;
border-right:0!important
}
header#site-header #select-lang {
bottom:50%;
-webkit-transform:translateY(50%) translateX(-50%);
-moz-transform:translateY(50%) translateX(-50%);
-ms-transform:translateY(50%) translateX(-50%);
-o-transform:translateY(50%) translateX(-50%);
transform:translateY(50%) translateX(-50%)
}
header#site-header #header-left {
display:flex;
align-items:center;
justify-content:center;
width:300px
}
header#site-header #header-left img {
height:auto;
max-width:200px
}
header#site-header #header-center {
align-items:center
}
header#site-header #header-right {
padding-right:30px
}
header#site-header #header-right #social-icons {
margin-bottom:25px
}
header#site-header #header-right #mail {
padding-bottom:5px
}
header#site-header #header-right #mail a {
font-size:14px
}
header#site-header #header-right #mail a:hover {
-webkit-transform:scale(1.4);
-moz-transform:scale(1.4);
-ms-transform:scale(1.4);
-o-transform:scale(1.4);
transform:scale(1.4)
}
footer#site-footer {
position:static;
right:0;
padding-right:35px;
padding-left:35px;
width:100%;
height:35px;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center
}
footer#site-footer>div {
display:inline-block
}
.wrapper {
display:block
}
.wrapper .item {
padding-top:25px;
padding-bottom:25px
}
.wrapper .item#start {
padding-top:90px;
padding-bottom:0;
display:block;
height:-webkit-calc(100vh - 35px);
height:expression(100vh - 35px);
height:-moz-calc(100vh - 35px);
height:-o-calc(100vh - 35px);
height:calc(100vh - 35px);
min-height:420px;
text-align:center
}
.wrapper .item#start img.slogan {
max-width:225px;
width:100%;
height:auto
}
.wrapper .item#start .text {
display:flex;
align-items:center;
justify-content:center;
height:100%
}
img.flaschen {
max-width:320px
}
img.flaschen.body-place {
display:none
}
img.flaschen.start-place {
display:block;
position:absolute!important;
bottom:-2px
}
.pagination {
display:none
}
.bx-wrapper {
margin-bottom:0!important;
padding-bottom:0!important;
height:100%!important;
border:none!important;
box-shadow:none!important;
background-color:transparent!important;
width:100%!important
}
.bx-wrapper .bx-viewport {
height:100%!important
}
.bx-wrapper .slider {
height:100%!important
}
.bx-wrapper .bx-controls-direction {
width:auto!important;
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
display:flex;
align-items:flex-end;
z-index:9999
}
.bx-wrapper .bx-controls-direction a {
margin-left:10px;
margin-right:10px;
margin-top:0!important;
display:inline-block;
width:34px!important;
height:34px!important;
position:relative!important;
left:0!important;
top:0!important;
background:0 0;
background-color:rgba(255,255,255,.5);
background-image:url(//www.kalina-kommunikation.de/wp-content/plugins/kalinakommunikationhelper/images/arrow-slider.png);
background-position:center;
background-repeat:no-repeat
}
.bx-wrapper .bx-controls-direction a:focus,
.bx-wrapper .bx-controls-direction a:hover {
background-position:center!important
}
.bx-wrapper .bx-controls-direction a:hover {
background-color:#be9a55
}
.bx-wrapper .bx-controls-direction a.bx-next {
transform:rotate(180deg)
}
#findyourparadise.scrolled #riss #riss_hide {
-webkit-transform:translateX(-786.6px) rotate(0);
-moz-transform:translateX(-786.6px) rotate(0);
-ms-transform:translateX(-786.6px) rotate(0);
-o-transform:translateX(-786.6px) rotate(0);
transform:translateX(-786.6px) rotate(0)
}
#findyourparadise.item {
padding-top:419.6px;
padding-left:15px;
padding-right:15px
}
#findyourparadise .text {
padding-left:15px;
padding-right:15px
}
#findyourparadise #riss {
top:0;
width:786.6px;
height:519.6px
}
#findyourparadise #riss #riss_effect {
width:786.6px;
height:519.6px;
-webkit-transform:translateX(786.6px) rotate(15deg) translateY(-20px);
-moz-transform:translateX(786.6px) rotate(15deg) translateY(-20px);
-ms-transform:translateX(786.6px) rotate(15deg) translateY(-20px);
-o-transform:translateX(786.6px) rotate(15deg) translateY(-20px);
transform:translateX(786.6px) rotate(15deg) translateY(-20px)
}
#findyourparadise .fyp-bild {
width:262.5px;
height:175px
}
.slider-coctail .bottles .bottle_blatt#granlegado12_blatt {
width:97.9px;
height:86.9px;
bottom:19.25px
}
.slider-coctail .bottles .bottle_blatt#anejoespecial7_blatt {
width:73.7px;
height:86.35px;
bottom:8.25px
}
.slider-coctail .bottles .bottle_blatt#granreserva25_blatt {
width:65.45px;
height:69.3px;
bottom:33px
}
.slider-coctail .bottles .bottle_blatt#fundaction20_blatt {
width:61.6px;
height:63.8px;
bottom:5.5px
}
.slider-coctail .bottles .bottle_blatt#cafe_blatt {
width:65.45px;
height:69.3px;
bottom:8.25px
}
.slider-coctail .bottles #granlegado12 {
width:85.8px;
height:293.15px
}
.slider-coctail .bottles #anejoespecial7 {
width:88.55px;
height:294.25px
}
.slider-coctail .bottles #granreserva25 {
display:block;
width:71.5px;
height:297.55px
}
.slider-coctail .bottles #fundaction20 {
width:72.05px;
height:299.2px
}
.slider-coctail .bottles #cafe {
width:90.75px;
height:297.55px;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.slider-coctail .sc-bild {
width:448.25px;
height:247.5px
}
.slider-coctail .sc-bild .bild {
-webkit-transform:translateX(-448.25px);
-moz-transform:translateX(-448.25px);
-ms-transform:translateX(-448.25px);
-o-transform:translateX(-448.25px);
transform:translateX(-448.25px)
}
.slider-coctail .sc-text {
padding-left:50px
}
.slider-coctail .sc-text .title span {
font-size:32px
}
.slider-coctail .sc-text::after {
top:160px
}
#products .bx-wrapper {
height:600px!important
}
#products .slider-product .inhalt,
#products .slider-product .mehr_info,
#products .slider-product .mi-box,
#products .slider-product .mi-box strong {
line-height:1.2;
font-size:14px
}
#products .slider-product .mehr_info {
padding-right:0
}
#products .slider-product.scrolled#cafe_product {
min-height:547.5px;
min-width:148.5px
}
#products .slider-product.scrolled#cafe_product .inhalt {
padding-right:84.25px
}
#products .slider-product.scrolled#cafe_product .inhalt::after {
width:74.25px
}
#products .slider-product.scrolled#cafe_product .title {
height:112.5px
}
#products .slider-product.scrolled#cafe_product .addition_1 {
width:296.25px;
height:88.5px;
bottom:-37.5px
}
#products .slider-product.scrolled#cafe_product .blatt {
width:107.25px;
height:113.25px
}
#products .slider-product.scrolled#cafe_product .schatten {
width:322.5px;
height:61.5px
}
#products .slider-product.scrolled#cafe_product .mehr_info {
min-height:487.5px
}
#products .slider-product.scrolled#cafe_product .mehr_info .mi-box {
padding-left:84.25px
}
#products .slider-product.scrolled#cafe_product .mehr_info .mi-box::before {
width:74.25px
}
#products .slider-product.scrolled#cafe_product .bottle {
width:148.5px;
height:487.5px
}
#blatt_top_left_1 {
width:60.5px;
height:30px;
left:210px
}
#blatt_top_left_2 {
width:74.5px;
height:63px;
left:245.5px;
top:-25px;
-webkit-animation:blatt_top_move 10s linear reverse both infinite;
animation:blatt_top_move 10s linear reverse both infinite
}
#blatt_top_right_1 {
width:142px;
height:110px;
right:210.5px;
top:-50px;
-webkit-animation:blatt_top_move 11s linear both infinite;
animation:blatt_top_move 11s linear both infinite
}
#blatt_top_right_2 {
width:71.5px;
height:63px;
right:165.5px;
top:-25px;
-webkit-animation:blatt_top_move 13s linear reverse both infinite;
animation:blatt_top_move 13s linear reverse both infinite
}
#blatt_left_top_1 {
width:61.5px;
height:68.5px;
left:-50px;
top:55px;
-webkit-animation:blatt_top_move 13s linear reverse both infinite;
animation:blatt_top_move 13s linear reverse both infinite
}
#blatt_left_top_2 {
width:101.5px;
height:83.5px;
left:-40px;
top:105px;
-webkit-animation:blatt_top_move 12s linear both infinite;
animation:blatt_top_move 12s linear both infinite
}
#blatt_left_top_3 {
width:81px;
height:86.5px;
left:-80px;
top:160px;
-webkit-animation:blatt_top_move 11s linear reverse both infinite;
animation:blatt_top_move 11s linear reverse both infinite
}
#blatt_left_bottom_1 {
width:43.5px;
height:89.5px;
top:265px;
-webkit-animation:blatt_top_move 11s linear reverse both infinite;
animation:blatt_top_move 11s linear reverse both infinite
}
#blatt_left_bottom_2 {
width:43px;
height:55px;
top:315px
}
#blatt_right_top_1 {
width:127px;
height:83px;
right:-95px;
top:55px;
-webkit-animation:blatt_top_move 12s linear reverse both infinite;
animation:blatt_top_move 12s linear reverse both infinite
}
#blatt_right_top_2 {
width:80.5px;
height:94px;
right:-45px;
top:95px;
-webkit-animation:blatt_top_move 11s linear both infinite;
animation:blatt_top_move 11s linear both infinite
}
#blatt_right_top_3 {
width:80px;
height:87px;
right:-50px;
top:150px;
-webkit-animation:blatt_top_move 14s linear reverse both infinite;
animation:blatt_top_move 14s linear reverse both infinite
}
#blatt_right_bottom_1 {
width:67px;
height:61.5px;
right:-40px;
top:260px;
-webkit-animation:blatt_top_move 14s linear reverse both infinite;
animation:blatt_top_move 14s linear reverse both infinite
}
#blatt_right_bottom_2 {
width:98.5px;
height:93px;
right:-60px;
top:315px;
-webkit-animation:blatt_top_move 11s linear both infinite;
animation:blatt_top_move 11s linear both infinite
}
.wpcf7-form .datenschutz-checkbox {
margin-top:15px
}
.bx-wrapper {
height:550px!important
}
.content-standard {
padding-top:20px
}
.wrapper .item-header span {
font-size:24px!important
}
}
p a {color:#ec6501;}
p a:hover {color:#ec6501;opacity:0.85;}
@media screen and (max-width:750px) {
div.kalinakommunikation-site-logo div.elementor-widget-container a img {width:600px !important;}
}
#blatt_top_right_1 {top: -150px;}
#blatt_top_right_2 {top: -50px;}
.backdropblur {backdrop-filter: blur(20px);background: rgba(0,0,0,0.95) !important;}
.backdropblurpopup {backdrop-filter: blur(20px);}
div.menupopupmobile div.elementor-widget-container nav.e-n-menu div.e-n-menu-wrapper ul.e-n-menu-heading li.e-n-menu-item {display:block;width:100%;margin-bottom:1rem;}
@media screen and (max-width:750px) {
.menutrans {
bottom: -10px !important;
}
}
.compassneedle {transform-origin: center center;
animation: initial-spin 1s ease-out, wobble 3s infinite ease-in-out 1s;
animation-delay: calc(2s + (random() * 3s));content:'';}
@keyframes initial-spin {
0% { transform: rotate(0deg); }
25% { transform: rotate(90deg); }
50% { transform: rotate(180deg); }
75% { transform: rotate(270deg); }
100% { transform: rotate(2080deg); } }
@keyframes wobble {
0% { transform: rotate(0deg); }
20% { transform: rotate(-2deg); }
40% { transform: rotate(1.5deg); }
60% { transform: rotate(-1deg); }
80% { transform: rotate(1deg); }
100% { transform: rotate(0deg); }
}
::selection {
background-color: var( --e-global-color-primary );;
color: #fff; }
a.loopitem-casestudy-grid {background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;}
.kacheltitle {
transform: scaleY(0);
transform-origin: bottom;
transition: transform 0.3s ease;
}
body {background-color:#000;} .e-n-menu a.kalinakommunikation_active_menu-item,
.e-n-menu a.kalinakommunikation_active_menu-item .e-n-menu-title-text {
color: var( --e-global-color-primary ) !important; } .e-n-menu-item:hover .menutrans,
.e-n-menu-title:hover .menutrans,
.e-n-menu-title-container:hover .menutrans {
display: block !important;
} .e-n-menu-item.kalinakommunikation_active_menu-item .menutrans {
display: block !important;
}
.backdrop_blur {
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
background:rgba(0,0,0,0.85) !important;
}
.kk_brands_slider_home img {
max-height: 80px;
height: auto;
width: auto;
}
.text_backdrop_blur {
position: relative;
display: inline-block;
z-index: 1;
}
.text_backdrop_blur::before {
content: "";
position: absolute;
inset: -4px -8px; backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
background: rgba(255, 255, 255, 0.15); z-index: -1;
border-radius: 4px;
}
.image_black {
filter: brightness(0) contrast(100%);
}
.no-word-break p{
white-space: normal; word-break: normal; overflow-wrap: normal; hyphens: none; }
.no-word-break_headline,
.no-word-break_headline * {
word-break: keep-all !important;
overflow-wrap: normal !important;
word-wrap: normal !important;
hyphens: none !important;
}
.marker-strong p strong{
position: relative;
display: inline-block;
z-index: 0;
font-weight: 800;
padding: 0.1em 0.2em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.marker-strong p strong::before{
content:"";
position:absolute;
left:-0.05em;
right:-0.25em;
top:50%;
transform:translateY(-50%) rotate(-1deg);
height:1.3em;
z-index:-1;
pointer-events:none;
background:
linear-gradient(104deg,
rgba(241,141,5,0) 0.9%,
rgba(241,141,5,0.98) 2.4%,
rgba(241,141,5,0.6) 6%,
rgba(241,141,5,0.12) 92%,
rgba(241,141,5,0.78) 96%,
rgba(241,141,5,0) 99%
),
linear-gradient(183deg,
rgba(241,141,5,0) 0%,
rgba(241,141,5,0.28) 8%,
rgba(241,141,5,0) 16%
);
filter: saturate(1.3) brightness(1.05);
box-shadow: 0 0.4em 1em rgba(241,141,5,0.25); -webkit-mask-image:
url(//www.kalina-kommunikation.de/wp-content/uploads/2026/02/button-breiter.gif),
linear-gradient(90deg, #000 0%, #000 94%, transparent 100%);
-webkit-mask-repeat: no-repeat, no-repeat;
-webkit-mask-position: center, left;
-webkit-mask-size: 100% 100%, 0% 100%;
-webkit-mask-composite: source-in;
mask-image:
url(//www.kalina-kommunikation.de/wp-content/uploads/2026/02/button-breiter.gif),
linear-gradient(90deg, #000 0%, #000 94%, transparent 100%);
mask-repeat: no-repeat, no-repeat;
mask-position: center, left;
mask-size: 100% 100%, 0% 100%;
opacity:0;
transition: 
-webkit-mask-size 520ms cubic-bezier(.2,.9,.2,1),
mask-size 520ms cubic-bezier(.2,.9,.2,1),
opacity 180ms ease;
}
.marker-strong p strong::before{
opacity:1;
-webkit-mask-size: 100% 100%, 100% 100%;
mask-size: 100% 100%, 100% 100%;
}
.kompass {
filter: brightness(0.80) !important;transition:all 0.2s ease; }
.kompass:hover {
filter: brightness(1) !important; }
.marker-strong p strong{
position: relative;
display: inline-block;
z-index: 0;
font-weight: 800;
padding: 0.1em 0.2em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.marker-strong p strong::before{
content:"";
position:absolute;
left:-0.05em;
right:-0.25em;
top:50%;
transform:translateY(-50%) rotate(-1deg);
height:1.3em;
z-index:-1;
pointer-events:none;
background:
linear-gradient(104deg,
rgba(241,141,5,0) 0.9%,
rgba(241,141,5,0.98) 2.4%,
rgba(241,141,5,0.6) 6%,
rgba(241,141,5,0.12) 92%,
rgba(241,141,5,0.78) 96%,
rgba(241,141,5,0) 99%
),
linear-gradient(183deg,
rgba(241,141,5,0) 0%,
rgba(241,141,5,0.28) 8%,
rgba(241,141,5,0) 16%
);
filter: saturate(1.3) brightness(1.05);
box-shadow: 0 0.4em 1em rgba(241,141,5,0.25); -webkit-mask-image:
url(//www.kalina-kommunikation.de/wp-content/uploads/2026/02/button-breiter.gif),
linear-gradient(90deg, #000 0%, #000 94%, transparent 100%);
-webkit-mask-repeat: no-repeat, no-repeat;
-webkit-mask-position: center, left;
-webkit-mask-size: 100% 100%, 100% 100%;
-webkit-mask-composite: source-in, source-in;
mask-image:
url(//www.kalina-kommunikation.de/wp-content/uploads/2026/02/button-breiter.gif),
linear-gradient(90deg, #000 0%, #000 94%, transparent 100%);
mask-repeat: no-repeat, no-repeat;
mask-position: center, left;
mask-size: 100% 100%, 100% 100%;
mask-composite: intersect, intersect;
opacity:1;
}
.elementor-widget-heading .elementor-heading-title {
hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
overflow-wrap: break-word;
word-break: normal;
}
@media (max-width: 767px) {
.headline-mobile-manual .elementor-heading-title {
hyphens: manual;
-webkit-hyphens: manual;
-ms-hyphens: manual;
overflow-wrap: normal;
word-break: normal;
}
}
@media (max-width: 767px) {
.elementor-widget-n-tabs .e-n-tabs-heading {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
overflow-x: visible !important;
}
.elementor-widget-n-tabs .e-n-tabs-heading > * {
width: 100% !important;
flex-basis: auto !important;
}
.kalina-icon-scroll {display:none;}
.bglayer-story {display:none;}
}
a.kalinakommunikation_active_menu-item .menutrans {
color: rgba(255,255,255,0.5) !important;}
.image-multiply,
.image-multiply .elementor-widget-container,
.image-multiply .elementor-widget-container img{
mix-blend-mode: multiply !important;
}
.bglayer-story {pointer-events:none !important} .single-case_study .elementor-location-single h3,
.single-case_study .entry-content h3 {
display: inline-block;
background-color: var( --e-global-color-ab2bac6 ) !important;
font-family: "Special Elite", Sans-serif !important;
font-size: 1.2rem !important;
line-height:1.4rem;
font-weight: 400 !important;
fill: var( --e-global-color-d25fd1a ) !important;
color: var( --e-global-color-d25fd1a ) !important;
border-radius: 0px 0px 0px 0px !important;
padding: 15px 15px 10px 15px !important;
text-transform:uppercase;
}
.single-case_study h1,
.single-case_study h2,
.single-case_study h3,
.single-case_study h4,
.single-case_study h5,
.single-case_study h6 {
white-space: normal !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
overflow-wrap: break-word !important; hyphens: none !important;
}
.post-template-default h1,
.post-template-default h2,
.post-template-default h3,
.post-template-default h4,
.post-template-default h5,
.post-template-default h6 {
white-space: normal !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
overflow-wrap: break-word !important; hyphens: none !important;
}
.headingnobreak {    white-space: normal !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
overflow-wrap: break-word !important; hyphens: none !important;}
div.headingnobreak div.elementor-widget-container span.elementor-heading-title {    white-space: normal !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
overflow-wrap: break-word !important; hyphens: none !important;}
.elementor-field-group .elementor-field-textual:focus {
box-shadow: inset 0 0 0 1px rgba(0,0,0,0);
}
h1.kalina-inline-heading {
display: inline;
background-color: #F5F5F5;
font-family: 'Special Elite', sans-serif;
font-size: 0.9rem;
font-weight: 400;
line-height: 1.8;
color: var(--e-global-color-d25fd1a);
border-radius: 0;
padding: 15px 15px 10px 15px;
margin: 0;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
text-transform:uppercase;
}
@media (max-width: 767px) {
h1.kalina-inline-heading {
display: block;
width: fit-content;
max-width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
box-sizing: border-box;
background-color: #F5F5F5;
font-family: "Special Elite", Sans-serif;
font-size: 0.9rem;
font-weight: 400;
fill: var( --e-global-color-d25fd1a );
color: var( --e-global-color-d25fd1a );
border-radius: 0px 0px 0px 0px;
padding: 15px 15px 10px 15px;
}
}