body {
background-color: white !important;
}
:where(*) {
box-sizing: border-box;
}
:where(.wp-block-columns) {
margin-bottom: 0;
}
.wp-block-group>.wp-block-group__inner-container {
max-width: inherit;
width: 100%;
} .wp-block-group>.wp-block-group__inner-container {
padding: 0;
}
p:last-of-type {
margin-bottom: 0;
} .hidden {
display: none !important;
} :root {  --main-cont: 85.42vw;
--secd-cont: 71.04vw; --border-r-btn: 6px;
--border-r-modul: 25px; --html-b: 112.5%;
--bfs: clamp(0.9rem, 1vw, 1rem);
--scale: 1.25; --dark-blue: #062f7e;
--light-blue: #007aca;
--blue: #124e9d;
--grey: #edeced;
}   @font-face {
font-family: "NotoSans";
src: url(//www.inaba-deutschland.de/wp-content/fonts/NotoSans-Regular.woff2) format("woff2"),
url(//www.inaba-deutschland.de/wp-content/fonts/NotoSans-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "NotoSans";
src: url(//www.inaba-deutschland.de/wp-content/fonts/NotoSans-SemiBold.woff2) format("woff2"),
url(//www.inaba-deutschland.de/wp-content/fonts/NotoSans-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "NotoSans";
src: url(//www.inaba-deutschland.de/wp-content/fonts/NotoSans-ExtraBold.woff2) format("woff2"),
url(//www.inaba-deutschland.de/wp-content/fonts/NotoSans-ExtraBold.woff) format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
} html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "NotoSans", sans-serif;
font-weight: 400;
font-style: normal;
}
strong {
font-family: "NotoSans", sans-serif;
font-weight: 600;
}
.is__extrabold {
font-family: "NotoSans", sans-serif;
font-weight: 800;
} html {
font-size: var(--html-b);
}
h1 {
font-size: calc(var(--bfs) * var(--scale) * var(--scale) * var(--scale) * var(--scale) * var(--scale));
}
h2 {
font-size: clamp(32px,
2.29vw,
calc(var(--bfs) * var(--scale) * var(--scale) * var(--scale) * var(--scale)));
}
h3 {
font-size: clamp(27px,
1.82vw,
calc(var(--bfs) * var(--scale) * var(--scale) * var(--scale)));
}
h4 {
font-size: calc(var(--bfs) * var(--scale) * var(--scale));
}
body,
p {
font-size: var(--bfs);
}
.conno {
font-size: calc(var(--bfs) / var(--scale));
} h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: clamp(10px, 0.8em, 48px);
} .slider-headline {
margin: 0;
} html {
scroll-behavior: smooth;
scroll-padding: var(--header-height);
}  .width__is__main {
width: var(--main-cont);
max-width: 1640px;
margin: 0 auto;
}
.width__is__secd {
width: var(--secd-cont);
max-width: 1360px;
margin: 0 auto;
}
.full-width-minus-margin__main__left {
width: calc(var(--main-cont) + calc((100vw - var(--main-cont)) / 2));
margin-right: calc((100vw - var(--secd-cont)) / 2);
position: relative;
}
.full-width-minus-margin__main__right {
width: calc(var(--main-cont) + calc((100vw - var(--main-cont)) / 2));
margin-left: calc((100vw - var(--secd-cont)) / 2);
position: relative;
}
.full-width-minus-margin__secd__left {
width: calc(var(--secd-cont) + calc((100vw - var(--secd-cont)) / 2));
margin-right: calc((100vw - var(--secd-cont)) / 2);
position: relative;
}
.full-width-minus-margin__secd__right {
width: calc(var(--secd-cont) + calc((100vw - var(--secd-cont)) / 2));
margin-left: calc((100vw - var(--secd-cont)) / 2);
position: relative;
}
.is__header-height {
height: var(--header-height) !important;
}
.dynamic-gap__only-v {
gap: 0 8vw;
}
.dynamic-gap__only-v__s {
gap: 0 4vw;
}
.padding-top__secd {
padding-top: calc((100vw - var(--secd-cont)) / 6);
}
.overflow-x__hidden {
overflow-x: hidden;
} .color__white {
color: var(--white);
}
.color__light-blue {
color: var(--light-blue);
}
.color__dark-blue {
color: var(--dark-blue);
}
.is__uppercase {
text-transform: uppercase;
}  .one-container .site-content {
padding: unset;
}
.container.grid-container {
max-width: 1640px;
width: var(--main-cont);
margin-left: auto;
margin-right: auto;
}
.site-content {
max-width: 1364px;
width: var(--secd-cont);
margin-left: auto;
margin-right: auto;
} body {
background-color: black;
}
.site-header {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100vw;
background-color: rgba(0, 0, 0, 0);
height: auto;
align-content: center;
}
.header-container {
display: flex;
max-width: var(--main-cont);
margin: 0 auto;
} .site-branding {
margin-right: auto;
padding: clamp(28px, 2.2vw, 38px) 0 clamp(22px, 1.88vw, 32px);
}
.site-title {
margin: unset;
padding: unset;
}
.site-title img {
width: clamp(140px, 8.75vw, 168px);
margin: 3px 0 -3px;
} .wp-block-navigation-item {
box-sizing: border-box;
margin-right: clamp(12px, 1.25vw, 24px);
}
.wp-block-navigation-item__label:not(.wp-block-navigation-item:last-of-type) {
padding: 8px 16px 9px;
border: solid 1px rgba(0, 0, 0, 0);
border-radius: 6px;
}
.wp-block-navigation-item:last-of-type .wp-block-navigation-item__label {
padding: 0;
}
.wp-block-navigation-item__label:not(.wp-block-navigation-item:last-of-type) {
color: white;
}
.wp-block-navigation-item:not(.wp-block-navigation-item:last-of-type):hover .wp-block-navigation-item__label {
color: white;
border: solid 1px white;
}
.wp-block-navigation-item a:focus .wp-block-navigation-item__label {
border: solid 1px white;
}
.wp-block-navigation-item:last-of-type a:focus .wp-block-navigation-item__label {
color: var(--dark-blue);
}
.wp-block-navigation-item:last-of-type {
margin-right: unset;
}
.wp-block-navigation-item:last-of-type a {
background-color: var(--light-blue);
padding: 8px 16px 9px;
border-radius: 6px;
}
.wp-block-navigation-item:last-of-type:hover a,
.wp-block-navigation-item:last-of-type a:focus {
background-color: white;
}
.wp-block-navigation-item:last-of-type:hover .wp-block-navigation-item__label,
.wp-block-navigation-item:last-of-type a:focus {
color: var(--dark-blue);
} @media (min-width: 1280px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none !important;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block !important;
}
}
@media (min-width: 600px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
} .wp-block-navigation__responsive-container-open:is(:hover, :focus),
.wp-block-navigation__responsive-container-close:is(:hover, :focus) {
color: var(--drak-blue);
background-color: white;
}
.wp-block-navigation__responsive-container-open {
color: white;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
background-color: #00000011;
width: 100vw;
height: 100vh;
}
.wp-block-navigation__responsive-container-close {
position: absolute;
right: 6.8vw;
top: 44px;
z-index: 2;
color: white;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
align-items: center;
background-color: #062f7ecc;
width: 90vw;
max-width: 600px;
height: 100vh;
filter: drop-shadow(0 0 0.35rem);
}
.is-menu-open .wp-block-navigation__responsive-container-content {
padding: 16px 0 5vw;
margin: 0 0 0 auto;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
padding: 0;
margin-right: unset;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__label {
width: 100%;
display: block;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.wp-block-navigation-link:last-of-type .wp-block-navigation-item__content {
text-align: center;
margin-top: 36px;
padding: 12px;
}
wp-block-navigation-item wp-block-navigation-link {
padding: 0;
} footer>div {
max-width: --var(main-cont);
width: 100%;
}
.site-footer footer {
background-color: var(--dark-blue);
background-image: url(//www.inaba-deutschland.de/wp-content/uploads/2025/07/footer-hintergrund-d.svg);
background-repeat: no-repeat;
background-position: auto;
background-size: cover;
min-height: 22.92vw;
align-content: center;
padding-top: 148px;
padding-bottom: 24px;
}
.footer-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-rows: repeat(2, minmax(0, 1fr));
gap: 12px;
color: white;
}
.f-grid__content-wrapper {
align-content: center;
}
#f-grid-logo img {
width: clamp(200px, 12.5vw, 240px);
}
#f-grid__kontakt-vertrieb {
justify-self: center;
min-width: 240px;
}
#f-grid__social-media {
grid-area: 2 / 4 / 3 / 5;
}
.site-footer footer p {
margin-bottom: 12px;
}
.site-footer footer a {
color: inherit;
text-decoration: none;
align-content: center;
}
#f-grid__social-media a {
width: 49px;
height: 49px;
}  .text-bild .wp-block-cover {
height: 100%;
}
.columns-text__secd__on-left,
.columns-text__secd__on-right {
padding: calc((100vw - var(--secd-cont)) / 6) 0;
} .infobox-einleitung {
position: relative;
} .cont-herstellung {
background-color: var(--dark-blue);
position: relative;
min-height: 200px;
padding: 100px 0;
}
.herstellung-pfeile-cont {
display: flex;
justify-content: space-around;
padding-bottom: 30px;
transform: scaleY(-1);
}
.herstellung-pfeile-cont :nth-child(1) {
transform: rotate(2deg);
}
.herstellung-pfeile-cont :nth-child(2) {
transform: rotate(-2deg);
}
.cont-momente {
position: relative;
}
.momente-img-resp img {
display: none;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(((100vw - var(--secd-cont)) / 2) * -1);
}
.momente-text {
padding: 9vw 0 !important;
}
.herstellung-umami-btn {
position: absolute;
bottom: -150px;
right: calc((100vw - 1450px) / 2);
z-index: 99;
} .cont-hero {
width: 100vw;
}
.swiper.gb-hero {
padding: 0;
margin-top: 0;
overflow: hidden;
}
.gb-hero .swiper-slide {
height: 100%;
border-radius: 0;
width: 100vw !important;
border: 0;
} .cont-category {
position: relative;
min-height: 200px;
padding: calc((100vw - var(--secd-cont)) / 6) 0;
}
.cont-category .swiper {
width: 100%;
height: auto;
overflow: visible;
}
.cont-category .swiper-slide {
border-radius: var(--border-r-modul);
position: relative;
background-color: white;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
}
.cont-category .swiper-slide p {
color: var(--dark-blue);
padding: 0 30px;
}
.cont-category .swiper-slide p:last-of-type {
margin-bottom: 2em;
}
.cont-category .swiper-slide .wp-block-image {
width: 80%;
margin-top: -40px;
margin-bottom: 1em;
}
.category-title {
font-size: 1.488rem !important;
margin-bottom: 0.5em !important;
}
.cont-category .link-button {
margin-top: auto;
margin-bottom: 2em;
} .cont-bestseller {
position: relative;
min-height: 200px;
padding: calc((100vw - var(--secd-cont)) / 6) 0;
}
.cont-bestseller .swiper {
width: 100%;
height: auto;
overflow: visible;
}
.cont-bestseller .swiper-slide {
border-radius: var(--border-r-modul);
position: relative;
background-color: white;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
.cont-bestseller .swiper-slide p {
color: var(--dark-blue);
padding: 0;
margin-top: 2em;
}
.cont-bestseller .link-button {
margin-top: 1em;
}
.bestseller-img {
transition: all 0.3s;
}
.bestseller-img:hover {
transform: rotate(5deg);
}
.bestseller-sp {
padding: 30px;
gap: 30px;
height: 100%;
}
.bestseller-sp1 {
display: flex;
justify-content: center;
align-items: flex-end;
}
.bestseller-sp2 {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
}
.bestseller-sp2 .link-button {
width: max-content;
}
.bestseller-nmr-btn img {
position: absolute;
top: 20px;
right: 20px;
} .swiper {
width: 100%;
height: auto;
overflow: visible;
}
.swiper-slide {
border: 2px solid white;
border-radius: var(--border-r-modul);
height: 530px;
position: relative;
}
.swiper-slide .wp-block-cover {
padding: 30px;
border-radius: 25px 25px 0 0;
align-items: flex-start;
min-height: 200px;
height: 250px;
}
.swiper-slide p {
color: white;
padding: 30px;
}
.swiper-slide-titel {
padding: 45% 0 0 0 !important;
font-size: 1.488rem !important;
text-transform: uppercase !important;
font-weight: 600;
}
.herstellung-btn-nmr {
position: absolute;
top: -30px;
left: -30px;
}
.herstellung-btn-nmr img {
width: 100px;
height: auto;
} div#n2-ss-2 .n2-ss-slider-2 {
border-radius: clamp(6px, 0.63vw, 12px);
} .hero-cover {
padding: 0;
background-color: var(--dark-blue);
}
.hero-flex {
gap: 24px 0;
}
.hero-flex img {
margin-bottom: -1px;
}
.hero-cover .hero-title-wrapper {
margin: 0 auto;
padding: clamp(24px, 2.5vw, 48px) 30% calc(clamp(24px, 2.5vw, 48px) * 2) 24px;
}
.hero-title-wrapper h2,
.hero-title-wrapper p {
text-align: center;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0);
}
.hero-title-wrapper h2 {
font-weight:600;
}
.hero-title-wrapper .extra-bold {
font-family: "NotoSans", sans-serif;
font-weight:800;
font-size: 1.1em;
color: #2281db;
}
.hero-title-wrapper p {
font-size: 1.3em;
margin-top: 4px;
}
.hero-cover .wp-block-columns {
margin-bottom: 0;
}
.hero-btn {
z-index: 998;
position: absolute;
right: calc((100vw - 1500px) / 2);
top: -160px;
width: 250px;
height: auto;
} .teaser-bar {
background-image: url(//www.inaba-deutschland.de/wp-content/uploads/2025/07/teaser-background.svg);
background-size: cover;
background-repeat: no-reapet;
background-position: right;
border-radius: 8px;
padding: 24px;
}
.teaser-bar p+.link-button {
margin-top: 12px;
}
.teaser-bar .link-button:is(:hover, :focus) {
background-color: white;
color: var(--dark-blue);
} .cont-inhalt-flat-hero img {
width: 100vw;
margin-bottom: 50px;
min-height: 110px;
object-fit: cover;
}
.cont-inhalt-flat-text {
width: 1350px;
margin: auto;
}  .infographic-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0;
grid-row-gap: 0;
padding: calc((100vw - var(--secd-cont)) / 6) 0;
}
#ig-maininfo-container {
grid-area: 1 / 2 / 4 / 5;
padding: 2vw;
align-content: center;
position: relative;
}
#ig-maininfo-1-trigger {
grid-area: 1 / 1 / 2 / 2;
}
#ig-maininfo-2-trigger {
grid-area: 2 / 1 / 3 / 2;
}
#ig-maininfo-3-trigger {
grid-area: 3 / 1 / 4 / 2;
}
#ig-maininfo-4-trigger {
grid-area: 3 / 5 / 4 / 6;
}
#ig-maininfo-5-trigger {
grid-area: 2 / 5 / 3 / 6;
}
#ig-maininfo-6-trigger {
grid-area: 1 / 5 / 2 / 6;
} .ig-trigger-wrapper .ig-icon-wrapper {
background-color: var(--dark-blue);
opacity: 0.5;
}
.ig-trigger-wrapper img {
opacity: 0.5;
}
.ig-trigger-wrapper.selected .ig-icon-wrapper {
background-color: var(--light-blue);
opacity: 1;
}
.ig-trigger-wrapper.selected img {
opacity: 1;
}
.ig-trigger-content {
color: var(--dark-blue);
text-align: center;
}
.ig-trigger-content:hover .ig-icon-wrapper {
background-color: var(--light-blue);
opacity: 1;
transition: ease 0.3s;
}
.ig-icon-wrapper {
background-color: var(--light-blue);
width: clamp(80px, 5.21vw, 100px);
height: clamp(80px, 5.21vw, 100px);
border-radius: 99px;
margin: 0 auto 12px;
transition: ease 0.3s;
}
.ig-trigger-content.indent__left {
margin-left: 4vw;
}
.ig-trigger-content.indent__right {
margin-right: 4vw;
} .ig-maininfo-circle {
aspect-ratio: 1 / 1;
background-color: var(--light-blue);
margin: 0 auto 24px;
max-width: 540px;
border-radius: 999px;
padding: 2% 5% 2%;
align-content: center;
}
.ig-maininfo-circle .ig-icon-wrapper {
margin-top: -50px;
}
.ig-info-wrapper {
display: none;
padding: 24px;
color: white;
text-align: center;
}
.ig-info-wrapper.activ {
display: block;
position: relative;
}
.mobile-tag {
display: none;
} .ig-arrow-wrapper {
display: none;
position: absolute;
}
.ig-arrow-wrapper.activ {
display: block;
}
.ig-arrow-wrapper {
position: absolute;
}
#ig-arrow-1 {
transform: rotate(25deg);
top: 1vw;
left: 2vw;
}
#ig-arrow-2 {
transform: rotate(-10deg);
top: 10vw;
left: -3vw;
}
#ig-arrow-3 {
transform: rotate(-25deg) scale(1, -1);
bottom: 6vw;
left: 1vw;
}
#ig-arrow-4 {
transform: rotate(5deg) scale(-1, -1);
bottom: 6vw;
right: 0;
}
#ig-arrow-5 {
transform: rotate(22deg) scale(-1, 1);
top: 9vw;
right: -3vw;
}
#ig-arrow-6 {
transform: rotate(-10deg) scale(-1, 1);
top: 0;
right: 2vw;
} .img-cover img {
object-fit: cover;
height: 500px;
}
.fw-container {
width: 100vw;
margin-left: calc(((100vw - var(--secd-cont)) / 2) * -1);
} a.link-button {
background-color: var(--light-blue);
color: white;
padding: 8px 16px 9px;
border-radius: 6px;
}
footer a:is(:hover, :focus) {
text-decoration: underline;
}
p+.link-button {
margin-top: clamp(12px, 4em, 4em);
} a.generate-back-to-top {
background-color: RGB(6, 47, 126, 0.8);
}
a.generate-back-to-top:is(:hover, :focus) {
background-color: RGB(0, 122, 202, 0.8);
} button.my-back-to-top {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
font-size: 18px;
border-radius: 3px;
position: fixed;
bottom: 30px;
right: 30px;
line-height: 40px;
width: 40px;
text-align: center;
z-index: 10;
transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
opacity: 0.1;
transform: translateY(1000px);
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
button.my-back-to-top.my-back-to-top--show {
opacity: 1;
transform: translateY(0);
}
button.my-back-to-top:is(:hover, :focus) {
background-color: rgba(6, 47, 126, 0.8);
} div.wp-block-spacer.spacer__l {
height: clamp(60px, 0.5rem + 8vh, 120px);
}
div.wp-block-spacer.spacer__m {
height: clamp(40px, 0.5rem + 4vh, 80px);
}
div.wp-block-spacer.spacer__s {
height: clamp(20px, 0.5rem + 2vh, 40px);
}   @media (min-width: 1921px) {
#momente>div,
#herstellung>div,
#produkte>div,
#ueber-uns>div {
background-size: cover !important;
}
}
@media (max-width: 1520px) {
.hero-btn {
width: 160px;
top: -8vw;
right: 25px;
min-width: 130px;
}
}
@media(max-width:450px) {
.bestseller-img img {
height: auto !important;
padding-left: 15px !important;
}
.bestseller-sp {
gap: 15px !important;
} .ig-info-wrapper {
padding: 10px;
}
} @media (max-width: 1300px) {
#momente>div {
background-position: 39% 100% !important;
}
#herstellung>div {
background-position: 39% 0% !important;
}
}
@media (max-width: 1250px) {
#ueber-uns>div {
background-position: 59% 100% !important;
}
#produkte>div {
background-position: 59% 0% !important;
}
}
@media (max-width: 1024px) {
#ueber-uns>div {
background-size: 247vw;
}
#produkte>div {
background-size: 245vw;
}
}
@media(min-width:841px) and (max-width:1080px) {
.herstellung-umami-btn {
top: -145px !important;
}
}  @media (max-width: 780px) {
.cont-category .swiper {
margin-top: 0 !important;
}
.swiper.gb-bestseller {
margin-top: 0 !important;
}
.herstellung-umami-btn img {
width: 25vw !important;
height: 25vw !important;
right: 25px !important;
}
.bestseller-sp {
gap: 10vw;
} .swiper:has(.swiper-slide:nth-of-type(4).swiper-slide-active)+.herstellung-pfeile-cont .herstellung-pfeile-unten-2 {
opacity: 0;
transition: opacity 0.3s ease;
}
} @media (max-width: 420px) {
.herstellung-umami-btn {
top: -69px !important;
}
} @media (max-width: 1740px) and (min-width: 450px) {
#post-2>div>div>section:nth-child(6)>div>div>div.wp-block-columns.text-bild.color__dark-blue.width__is__secd.dynamic-gap__only-v__s.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex>div:nth-child(1)>div>figure>img {
padding-top: 30px;
}
} @media (max-width: 1450px) {
.swiper {
padding: 0 80px;
overflow: visible;
max-width: 100%;
}
.herstellung-umami-btn {
position: absolute;
top: -90px;
right: 30px;
}
} @media (max-width: 1480px) { .ig-trigger-content.indent__left,
.ig-trigger-content.indent__right {
margin-left: 0;
margin-right: 0;
}
}  @media (max-width: 1380px) { .footer-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px 24px;
}
#f-grid__logo {
justify-self: center;
}
#f-grid__kontaktdaten {
grid-area: 1 / 2 / 2 / 4;
}
#f-grid__kontakt-vertrieb {
grid-area: 2 / 2 / 3 / 3;
justify-self: unset;
}
#f-grid__legales {
grid-area: 1 / 3 / 2 / 4;
}
#f-grid__social-media {
grid-area: 2 / 1 / 3 / 2;
justify-self: center;
}
.site-footer footer p {
margin-bottom: 8px;
} .cont-inhalt-flat-text {
width: 100%;
padding: 30px;
}
}  #ueber-uns>div {
background-image: url(//www.inaba-deutschland.de/wp-content/uploads/2025/07/background-1.webp) !important;
background-position: 50% 100%;
background-repeat: no-repeat !important;
background-color: white;
}
#produkte>div {
background-image: url(//www.inaba-deutschland.de/wp-content/uploads/2025/07/background-2.webp) !important;
background-position: 50% 0%;
background-repeat: no-repeat !important;
background-color: white;
} #momente>div {
background-image: url(//www.inaba-deutschland.de/wp-content/uploads/2025/07/background-3.webp) !important;
background-position: 50% 100%;
background-repeat: no-repeat !important;
background-color: white;
}
@media (max-width: 1600px) {
#momente>div {
background-image: url(//www.inaba-deutschland.de/wp-content/uploads/2025/07/background-3-2.webp) !important;
background-repeat: no-repeat !important;
}
}
#herstellung>div {
background-image: url(//www.inaba-deutschland.de/wp-content/uploads/2025/07/background-4.webp) !important;
background-position: 50% 0%;
background-repeat: no-repeat !important;
background-color: var(--dark-blue);
} @media (max-width: 1100px) {
.herstellung-pfeile-cont {
justify-content: flex-end;
}
.herstellung-pfeile-unten-1 {
display: none;
}
} @media (max-width: 1080px) { .hero-cover .hero-title-wrapper {
padding: clamp(24px, 2.5vw, 48px);
} .infographic-grid {
grid-template-columns: repeat(2, auto);
grid-template-rows: repeat(7, 1fr);
grid-column-gap: 3vw;
grid-row-gap: 8px;
}
#ig-maininfo-container {
grid-area: 1 / 1 / 8 / 2;
padding: 0;
}
#ig-maininfo-1-trigger {
grid-area: 1 / 2 / 2 / 3;
}
#ig-maininfo-2-trigger {
grid-area: 2 / 2 / 3 / 3;
}
#ig-maininfo-3-trigger {
grid-area: 3 / 2 / 4 / 3;
}
#ig-maininfo-4-trigger {
grid-area: 4 / 2 / 5 / 3;
}
#ig-maininfo-5-trigger {
grid-area: 5 / 2 / 6 / 3;
}
#ig-maininfo-6-trigger {
grid-area: 6 / 2 / 7 / 3;
}
.mobile-tag {
display: block;
}
.ig-trigger-content.indent__left,
.ig-trigger-content.indent__right {
margin: 0;
}
.ig-maininfo-circle {
margin: 0;
max-width: unset;
min-height: 480px;
height: 100%;
aspect-ratio: unset;
border-radius: 16px;
}
.ig-maininfo-circle .ig-icon-wrapper {
margin-top: 0;
}
.ig-trigger-content p {
display: none;
}
.ig-icon-wrapper {
max-width: 80px;
height: 80px;
border-radius: 99px;
margin: 0 auto 8px;
}
.ig-trigger-content .ig-icon-wrapper {
max-width: 48px;
height: 48px;
border-radius: 99px;
margin: 0;
}
.ig-arrow-wrapper.activ {
display: none;
} .footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(3, minmax(0, 1fr));
}
#f-grid__logo {
justify-self: center;
}
#f-grid__kontaktdaten {
grid-area: 2 / 1 / 3 / 2;
justify-self: center;
min-width: 240px;
}
#f-grid__kontakt-vertrieb {
grid-area: 2 / 2 / 3 / 3;
justify-self: center;
min-width: unset;
}
#f-grid__legales {
grid-area: 3 / 1 / 4 / 2;
justify-self: center;
min-width: 240px;
}
#f-grid__social-media {
grid-area: 1 / 2 / 2 / 3;
justify-self: center;
}
} @media (max-width: 940px) { :root {
--main-cont: 87.5vw;
--secd-cont: 85vw;
}
.columns-text__main__on-left {
padding: calc(100vw - var(--main-cont)) 0 calc((100vw - var(--main-cont)) / 2);
}
.columns-text__main__on-right {
padding: calc((100vw - var(--main-cont)) / 2) 0 calc(100vw - var(--main-cont));
}
.columns-text__secd__on-left {
padding: calc((100vw - var(--secd-cont)) / 2) 0;
}
.columns-text__secd__on-right {
padding: calc((100vw - var(--secd-cont)) / 2) 0;
} .cont-category {
padding: calc((100vw - var(--secd-cont)) / 2) 0;
}
.cont-bestseller {
padding: calc((100vw - var(--secd-cont)) / 2) 0;
}
}
@media (min-width: 840px) {
.wp-block-columns {
flex-wrap: nowrap !important;
}
.hero-dog img {
position: relative;
right: -4vw;
}
}
@media(max-width:768px) {
.hero-flex img {
height: 100%;
}
.hero-dog img {
padding: 0 0px;
}
} @media (max-width: 840px) {
.wp-block-columns:not(.bestseller-sp) {
flex-wrap: wrap !important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(.bestseller-sp) {
flex-basis: 100% !important;
} #ueber-uns>div {
background-position: 0% 100% !important;
}
#produkte>div {
background-position: 23% 0% !important;
}
#momente>div {
background-position: 100% 100% !important;
}
#herstellung>div {
background-position: 25% 0% !important;
}
.momente-img-resp img {
display: block !important;
} .infographic-grid {
padding: calc((100vw - var(--secd-cont)) / 2) 0;
} .swiper {
padding: 0 70px;
overflow: visible;
margin-top: 60px;
}
.swiper-slide-titel {
padding: 18% 0 0 0 !important;
font-size: 1.488rem !important;
}
.swiper-slide .wp-block-cover {
padding: 30px;
height: 150px;
}
.swiper-slide {
height: 370px;
}
.herstellung-pfeile-oben,
.herstellung-pfeile-unten-1 {
display: none;
} .cont-category .swiper {
padding: 0px 50px;
overflow: visible;
margin-top: 60px;
} .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .bestseller-sp1 {
flex-basis: 30%;
}
.wp-block-column .bestseller-sp1 {
flex-basis: 30%;
}
.bestseller-sp2 {
justify-content: unset;
height: unset;
margin-top: auto !important;
}
.bestseller-sp2 .link-button {
margin: 24px 0 0 0 !important;
}
.cont-bestseller .swiper-slide p {
margin-top: 0.5em;
z-index: 999;
}
.bestseller-img img {
height: 310px;
width: auto;
}
.bestseller-sp1 {
justify-content: flex-start;
}
.swiper,
.cont-category .swiper,
.cont-bestseller .swiper {
padding: 0px 50px;
}
.bestseller-sp {
gap: 15px;
display: flex;
flex-direction: row;
padding: 30px 0;
flex-wrap: nowrap !important;
} .hero-btn {
top: 90%;
}
.herstellung-umami-btn img {
width: 180px !important;
height: 180px !important;
right: 25px !important;
} .hero-flex {
flex-wrap: wrap;
}
.hero-cover .hero-flex {
flex-flow: column-reverse;
} .full-width-minus-margin__main__left,
.full-width-minus-margin__main__right {
width: var(--main-cont);
margin: 0 auto;
}
.full-width-minus-margin__secd__left,
.full-width-minus-margin__secd__right {
width: var(--secd-cont);
margin: 0 auto;
} .wp-block-column>.wp-block-cover {
width: 100vw;
margin: 0 calc((-100vw + var(--secd-cont)) / 2) 0;
min-height: 40vh !important;
}
.wp-block-column.reversed-flow:has(.wp-block-cover) {
margin-bottom: calc((100vw - var(--secd-cont)) / 2);
} p+.link-button {
margin: 24px 0;
}
.slider-headline {
margin: 0 0 8px;
}
}  @media (max-width: 680px) { .site-footer footer {
padding-top: 180px;
}
.footer-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-template-rows: minmax(0, 1fr) repeat(4, minmax(0, 0.8fr));
gap: 0;
}
#f-grid__logo {
grid-area: 1 / 1 / 2 / 2;
justify-self: center;
min-width: 240px;
padding-bottom: 16px;
}
#f-grid__kontaktdaten {
grid-area: 2 / 1 / 3 / 2;
justify-self: center;
min-width: 240px;
}
#f-grid__kontakt-vertrieb {
grid-area: 3 / 1 / 4 / 2;
justify-self: center;
min-width: 240px;
}
#f-grid__legales {
grid-area: 4 / 1 / 5 / 2;
justify-self: center;
min-width: 240px;
}
#f-grid__social-media {
grid-area: 5 / 1 / 6 / 2;
justify-self: center;
}
}  @media (max-width: 580px) {
.cont-category .swiper,
.cont-bestseller .swiper {
padding: 0px 25px !important;
}
.swiper-slide {
height: auto;
}
.bestseller-nmr-btn img {
width: 60px;
height: 60px;
}
.herstellung-umami-btn img {
width: 35vw !important;
height: 35vw !important;
}
.herstellung-umami-btn {
right: 25px;
top: -115px;
}
.cont-herstellung {
padding: 50px 0;
}
}  .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}