/**
 * Theme Name:     Degen Industries
 * Author:         Samuel Degen
 * Template:       twentytwentyfive
 * Text Domain:	   degen-industries
 * Description:    A beautiful theme, custom-built for Degen Industries.
 */


img.wp-image-153, img.wp-image-154, img.wp-image-157 {
    height: 100%;
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-794e3cfa.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}



side.wp-block-group.alignfull.is-style-default.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-0553457c.wp-block-group-is-layout-constrained {
    display: flex;
    justify-content: center;
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-794e3cfa.wp-block-columns-is-layout-flex {
    width: 90vw;
}


aside.wp-block-group.alignfull.is-style-default.fullfullwidth.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-0553457c.wp-block-group-is-layout-constrained .wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-65db5ff9.wp-block-group-is-layout-flex {
    margin: 5vw !important;
    width: calc(90vw - (2 * (var(--di-container-pad)))) !important;
}


.bottom-right-corner {
    border-bottom-right-radius: 25%;
}

h1.wp-block-post-title, p.wp-block-site-title {
    display: none;
}


.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding-top: 0px !important;
}

header.wp-block-template-part {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 10;
}

main#wp--skip-link--target
 {
    margin-top: 0px !important;
}

.entry-content.alignfull.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
	margin-block-start: 0px;
}

svg#di-logo-circle {
    position: absolute;
    top: -50px;
    right: -40px;
    z-index: 11;
}

button.wp-block-navigation__responsive-container-open {
    display: none !important;
}

.cls-12 {
	opacity: .9 !important;
}

/* Rotate the green top-right segment (.cls-15) around the outer circle on hover */
#di-logo-circle .cls-15{
  transform-box: view-box;                 /* use SVG user coordinates */
  transform-origin: 955.5px 994.5px;       /* center of the outer circle */
  will-change: transform;
}

#di-logo-circle:hover .cls-15{
  animation: di-lap 1.6s ease-in-out;  /* one full lap */
}

@keyframes di-lap{
  to { transform: rotate(360deg); }
}



a.wp-block-button__link.wp-element-button{
  display:inline-block; /* ensure width/height apply */
  border-radius:0 30px 30px 0;
  height:60px;
  width:500px;
  padding-left:50px;
  box-shadow:-10px 10px 15px #ccc;
  font-weight:400;
  text-transform:uppercase;

  background:linear-gradient(126deg,#003167 0%, #08376d 10%, #08376c 15%, #45bce2 15%, #44b8cf 50%, #42b4c1 100%);
  background-size:200% 100%;
  background-position:0% 50%;
  transition:background-position 0.5s ease-in-out;
}
a.wp-block-button__link.wp-element-button:hover{
  background-position:100% 50%;
}

.wp-block-columns.alignfull.is-layout-flex.wp-container-core-columns-is-layout-9c22b1e3.wp-block-columns-is-layout-flex .wp-block-column.is-vertically-aligned-center {
align-self: flex-end;
}

.home .wp-block-woocommerce-customer-account, .home .wc-block-mini-cart.wp-block-woocommerce-mini-cart
 {
    display: none;
}

svg#di-logo-circle {
    position: absolute;
    top: -80px;
    right: -95px;
    z-index: 11;
    width: 40vw;
}

a.wp-block-button__link.wp-element-button:after {
    content: ' ';
    position: relative;
    display: block;
    top: -50px;
    background: linear-gradient(45deg, #b9f715, #55bf54, #2f976f);
    width: 0px;
    height: 0px;
    left: 410px;
    border-top-right-radius: 40px;
    z-index: -1;
    transition: 0.25s ease-in-out;
}

a.wp-block-button__link.wp-element-button:hover:after {
    width: 50px;
    height: 50px;
    transition: 0.25s ease-in-out;
}


.left-corners-round figure {
    border-radius: 200px 0px 0px 200px !important;
    overflow: hidden;
}




/* Keep your white connector lines untouched (no dash changes!) */
#di-logo-circle .cls-2{ stroke:#fff; }

/* Make the dots drift subtly ALONG their connected polylines using CSS motion paths.
   We animate offset-distance back & forth (alternate) on each circle. 
   Note: we scope to direct circles inside #Ebene_1 so we don't hit the big outer circle. */
#di-logo-circle #Ebene_1 > circle{
  offset-rotate: 0deg;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  will-change: offset-distance;
}

/* Keyframes: small back-and-forth along the path */
@keyframes alongA { from{offset-distance:42%} to{offset-distance:58%} }
@keyframes alongB { from{offset-distance:35%} to{offset-distance:55%} }
@keyframes alongC { from{offset-distance:48%} to{offset-distance:62%} }
@keyframes alongD { from{offset-distance:20%} to{offset-distance:36%} }
@keyframes alongE { from{offset-distance:60%} to{offset-distance:76%} }

/* === Map each dot to a polyline path ===
   Convert your <polyline points="..."> to path("M ...") below.
   We use slightly different durations so they don’t move in sync. */

/* 1) First large dot (.cls-14 at 754.5,726.5) — follow the first polyline */
#di-logo-circle #Ebene_1 > circle:nth-of-type(1){
  offset-path: path("M734.5,927.5 757,906 757,739.5 802.4,696 920.7,696 935.8,721.4 954,721.5");
  animation-name: alongD;
  animation-duration: 5.5s;
}

/* 2) Second large dot (.cls-14 at 754.5,1101.5) — follow the fifth polyline */
#di-logo-circle #Ebene_1 > circle:nth-of-type(2){
  offset-path: path("M804,951.1 751.5,1005.4 751.5,1109.5 759.5,1085.8 759.5,1023.8 759.5,1012.5 798.1,971.5");
  animation-name: alongB;
  animation-duration: 6.2s;
}

/* 3) Small dot (.cls-13 at 959,726) — follow the third polyline (longer run) */
#di-logo-circle #Ebene_1 > circle:nth-of-type(3){
  offset-path: path("M747.5,980.5 788.5,939.5 786.1,770.6 811.5,743.5 860.4,743.5 873.4,727.7 953,727.7");
  animation-name: alongA;
  animation-duration: 5.8s;
}

/* 4) Small dot (.cls-13 at 982,704) — follow the first polyline (upper segment) */
#di-logo-circle #Ebene_1 > circle:nth-of-type(4){
  offset-path: path("M734.5,927.5 757,906 757,739.5 802.4,696 920.7,696 935.8,721.4 954,721.5");
  animation-name: alongC;
  animation-duration: 6.4s;
}

/* 5) Small dot (.cls-13 at 845,716) — follow the second polyline */
#di-logo-circle #Ebene_1 > circle:nth-of-type(5){
  offset-path: path("M739.5,949.5 769,921.4 769,752.4 802.5,716.5 841,716.5");
  animation-name: alongB;
  animation-duration: 5.2s;
}

/* 6) Small dot (.cls-13 at 907,719) — also on the third polyline (near top) */
#di-logo-circle #Ebene_1 > circle:nth-of-type(6){
  offset-path: path("M747.5,980.5 788.5,939.5 786.1,770.6 811.5,743.5 860.4,743.5 873.4,727.7 953,727.7");
  animation-name: alongE;
  animation-duration: 6.0s;
}

/* 7) Small dot (.cls-13 at 742,981) — lower portion of the third polyline */
#di-logo-circle #Ebene_1 > circle:nth-of-type(7){
  offset-path: path("M747.5,980.5 788.5,939.5 786.1,770.6 811.5,743.5 860.4,743.5 873.4,727.7 953,727.7");
  animation-name: alongD;
  animation-duration: 5.6s;
}

/* 8) Small dot (.cls-13 at 792,1026) — follow the fifth polyline (lower loop) */
#di-logo-circle #Ebene_1 > circle:nth-of-type(8){
  offset-path: path("M804,951.1 751.5,1005.4 751.5,1109.5 759.5,1085.8 759.5,1023.8 759.5,1012.5 798.1,971.5");
  animation-name: alongA;
  animation-duration: 6.6s;
}

/* Optional: tiny breathing so dots feel alive (doesn’t affect path motion) */
#di-logo-circle #Ebene_1 > circle{
  transform-box: fill-box;
  transform-origin: center;
  animation-name: var(--combo, dotBreath), /* second animation added below */;
  animation-duration: 2.8s, inherit;
  animation-timing-function: ease-in-out, inherit;
  animation-iteration-count: infinite, inherit;
  animation-direction: alternate, inherit;
}
@keyframes dotBreath{
  0%,100%{ transform:scale(1); opacity:1 }
  50%    { transform:scale(1.08); opacity:.92 }
}

span.counter.animated.fadeInDownBig:after {
    content: '+';
}

.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-8778ca4a.wp-block-group-is-layout-flex {
    padding: 100px 0px;
    margin: 0;
    width: 100%;
    max-width: none;
}

.numbers-container.container {
    width: 100%;
}

.numbers-container.container .row {
    display: flex;
    justify-content: center;
}

.numbers-container.container .col-md-4 {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.numbers-container.container .col-md-4 h1 {
    background-color: #ffffff;
    display: flex
;
    width: 10vw;
    text-align: center;
    height: 10vw;
    justify-content: center;
    align-items: center;
    border-radius: 5vw;
    box-shadow: -1vw 1vw 1vw #0000004d, 0.1vw -0.1vw 0.1vw #fff;    font-size: 60px;
    font-weight: 500;
    transition: 2s;
}


.numbers-container.container .col-md-4 h1:hover {
	transform: scale(1.03);
    transition: 2s;
}

div#kontakt.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding-top: 50px !important;
}


.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
    max-width: 1200px;
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex img {
    height: 70px;
    width: 70px;
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex figure.wp-block-image.size-large {
    background-color: #ffffff;
    padding: 40px;
    border-radius: 50%;
    box-shadow: -10px 10px 15px #ccc;
    margin-top: 40px;
    margin-bottom: 20px;
}

#le-rocket img {
padding: 10px;
}


.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-8778ca4a.wp-block-group-is-layout-flex {
    padding: 200px 0px;
    }
    
ul.wp-block-latest-posts__list.wp-block-latest-posts {
    display: flex;
    max-width: 100vw;
    column-gap: 100px;
    margin-bottom: 80px;
}

.wp-block-latest-posts img.wp-post-image {
    border-radius: 50% !important;
    /*box-shadow: -1vw 1vw 1vw #0000004d, 0.1vw -0.1vw 0.1vw #fff;*/
}


.width70 {
    max-width: 100vw;
    width: 100vw;
    left: -50px;
    padding: 10vh 10vw;
}

a.wp-block-latest-posts__post-title {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%
    background-color: #000000ab;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li {
    display: flex;
    align-items: center;
    justify-content: center;
}



ul.wp-block-latest-posts__list.wp-block-latest-posts li
 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li:hover a.wp-block-latest-posts__post-title {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

a.wp-block-latest-posts__post-title {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000000ab;
    border-radius: 50%;
    color: #ffffff;
    text-decoration: none;
    font-size: 40px;
    transition: 0.5s;
}




.wp-block-latest-posts__featured-image {
    width: calc((80vw - 200px) / 3);
    height: calc((80vw - 200px) / 3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.wp-block-latest-posts__featured-image img {
    height: 100%;
    border-radius: 0 !important;
    width: auto;
}

.wp-block-latest-posts__featured-image:before {
    content: '';
    width: 100%;
    height: 100%;
    /* background-color: blue; */
    position: absolute;
    border-radius: 50%;
    box-shadow: inset 0.5vw 0.5vw 1vw #00000066;
}


ul.wp-block-latest-posts__list.wp-block-latest-posts li:hover .wp-block-latest-posts__featured-image:before {
    box-shadow: -1vw 1vw 1vw #0000004d, 0.1vw -0.1vw 0.1vw #fff;

}




/* animate the project previews */

ul.wp-block-latest-posts__list.wp-block-latest-posts {
    display: flex;
    max-width: 100vw;
    column-gap: 100px;
}

.wp-block-latest-posts img.wp-post-image {
    border-radius: 50% !important;
}

.width70 {
    max-width: 100vw;
    width: 100vw;
    left: -50px;
    padding: 10vh 10vw;
}

a.wp-block-latest-posts__post-title {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000000ab;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    will-change: transform, opacity;
    transform: translateX(0) rotate(0deg);
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li:hover a.wp-block-latest-posts__post-title {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

a.wp-block-latest-posts__post-title {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000000ab;
    border-radius: 50%;
    color: #ffffff;
    text-decoration: none;
    font-size: 40px;
    transition: 0.5s;
}

.wp-block-latest-posts__featured-image {
    width: calc((80vw - 200px) / 3);
    height: calc((80vw - 200px) / 3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp-block-latest-posts__featured-image img {
    height: 100%;
    border-radius: 0 !important;
    width: auto;
}

.wp-block-latest-posts__featured-image:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    box-shadow: inset 0.5vw 0.5vw 1vw #00000066;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li:hover .wp-block-latest-posts__featured-image:before {
    box-shadow: -1vw 1vw 1vw #0000004d, 0.1vw -0.1vw 0.1vw #fff;
}


ul.wp-block-latest-posts__list.wp-block-latest-posts li:hover {
    transform: rotate(-5deg) !important;
    transition: 1s ease-in-out !important;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li {
	transition: 1s ease-in-out !important;
}



.wp-block-group.width70.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained h2.wp-block-heading.has-text-align-center.has-xx-large-font-size {
    margin-bottom: 100px;
    margin-top: 10px;
}


.has-text-align-center.is-style-text-subtitle.subtitle-for-ab.is-style-text-subtitle--3 {
    margin-top: -80px;
    margin-bottom: 80px;
}

.cta-sub-copy {
    margin-top: -80px;
    margin-bottom: 40px;
    text-align: center;
}

.wp-block-media-text.alignfull.is-stacked-on-mobile.right-corners-round video {
    border-radius: 0px 200px 200px 0px;
}

#deine-seite figure.wp-block-media-text__media {
    background-color: #e9e9e9;
	overflow: visible;
}

#deine-seite figure.wp-block-media-text__media img {
    transform: scale(0.8);
}


.col-md-4 h1 {
    border: solid 0.5px #efefef;
}


.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-8778ca4a.wp-block-group-is-layout-flex p.has-text-align-center.is-style-text-subtitle.is-style-text-subtitle--2 {
    max-width: 1200px;
}



ul.wp-block-latest-posts__list.wp-block-latest-posts li {
	transform: rotate(0deg);
    transition: 1s;
}

div#kontakt {
    padding-right: 0;
    padding-left: 0;
}

.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-fa584acd.wp-block-columns-is-layout-flex {
    max-width: none;
}

div#wpmapblock_75cd447e {
    height: 37.5vw !important;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
}

div#wpmapblock_75cd447e {
z-index: 0;
}

.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-fa584acd.wp-block-columns-is-layout-flex figure.wp-block-image.size-full {
    border-radius: 50%;
    transform: scale(0.5);
        overflow: hidden;
}

.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-fa584acd.wp-block-columns-is-layout-flex .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow:first-child {
    padding: 0% 8%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-fa584acd.wp-block-columns-is-layout-flex h2.wp-block-heading.has-xx-large-font-size {
    margin-top: -150px;
    margin-left: -30px;
}

.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-fa584acd.wp-block-columns-is-layout-flex figure.wp-block-image.size-full:before {
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    box-shadow: inset 0.5vw 0.5vw 1vw #00000066;
    border-radius: 50%;
}



footer a.custom-logo-link {
    box-shadow: -0.1vw 0.1vw 0.2vw #ccc;
    border-radius: 50%;
}

footer .is-default-size.wp-block-site-logo {
    display: flex;
    justify-content: center;
}

footer.wp-block-template-part {
    background-color: #fbfbfb;
    margin-top: 100px;
}

footer h2.wp-block-site-title a {
    width: 100%;
    text-align: center !important;
    display: flex;
    justify-content: center;
}

footer p.has-small-font-size a {
    text-decoration: none;
    font-weight: 300;
}

footer p.has-small-font-size a:hover {
	font-weight: 700;
}

p strong {
    font-weight: 700;
}

div#map-inside {
    right: -50px;
    position: relative;
    height: 100% !important;
    border-top-left-radius: var(--di-radius-lg) !important;
    border-bottom-left-radius: var(--di-radius-lg) !important;
    overflow: hidden;
}




/* =========================================================
   RESPONSIVE ADDITIONS FOR DEGEN INDUSTRIES
   Add at the VERY END of style.css
   ========================================================= */

/* ---------- Base safety ---------- */
html,
body {
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img,
video,
svg,
iframe {
    max-width: 100%;
    height: auto;
}

.wp-site-blocks,
main,
header,
footer,
.wp-block-group,
.wp-block-columns,
.wp-block-column {
    min-width: 0;
}

:root {
    --di-container-pad: clamp(16px, 4vw, 48px);
    --di-radius-lg: clamp(28px, 8vw, 200px);
    --di-radius-md: clamp(18px, 5vw, 80px);
    --di-button-height: clamp(52px, 6vw, 60px);
    --di-button-width: min(100%, 500px);
    --di-title-size: clamp(2rem, 5vw, 4rem);
    --di-subtitle-size: clamp(1rem, 2vw, 1.35rem);
}

/* ---------- General spacing fixes ---------- */
.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained,
div#kontakt.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained,
.wp-block-group.width70.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained,
.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-8778ca4a.wp-block-group-is-layout-flex {
    padding-left: var(--di-container-pad) !important;
    padding-right: var(--di-container-pad) !important;
}

.wp-block-heading.has-xx-large-font-size,
h2.wp-block-heading,
h1.wp-block-heading {
    font-size: var(--di-title-size) !important;
    line-height: 1.1;
    overflow-wrap: break-word;
}

.has-text-align-center.is-style-text-subtitle.subtitle-for-ab.is-style-text-subtitle--3,
.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-8778ca4a.wp-block-group-is-layout-flex p.has-text-align-center.is-style-text-subtitle.is-style-text-subtitle--2,
.cta-sub-copy {
    font-size: var(--di-subtitle-size);
    line-height: 1.5;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* ---------- Header / logo ---------- */
header.wp-block-template-part {
    width: 100%;
    left: 0;
    right: 0;
    padding-left: 0;
    padding-right: 0;
}

svg#di-logo-circle {
    width: min(40vw, 520px);
    max-width: 520px;
    height: auto;
}

.wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-8165f36a.wp-block-group-is-layout-flex {
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap !important;
}

/* ---------- Buttons ---------- */
a.wp-block-button__link.wp-element-button {
    width: var(--di-button-width);
    max-width: 100%;
    min-height: var(--di-button-height);
    height: auto;
    padding: 16px 24px 16px 32px;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    word-break: break-word;
}

a.wp-block-button__link.wp-element-button:after {
    left: calc(100% - 15px) !important;
    right: 0;
    top: calc(-1 * var(--di-button-height) + 10px);
}

.wp-block-buttons {
    width: 100%;
}

.wp-block-button {
    width: 100%;
    max-width: 500px;
}


a.wp-block-button__link.has-text-align-center.wp-element-button {
    height: 60px !important;
}
/* ---------- Hero section ---------- */
.wp-block-columns.alignfull.is-layout-flex.wp-container-core-columns-is-layout-9c22b1e3.wp-block-columns-is-layout-flex {
    gap: clamp(20px, 4vw, 48px);
    align-items: center;
}

.wp-block-columns.alignfull.is-layout-flex.wp-container-core-columns-is-layout-9c22b1e3.wp-block-columns-is-layout-flex .wp-block-column {
    min-width: 0;
}

.wp-block-columns.alignfull.is-layout-flex.wp-container-core-columns-is-layout-9c22b1e3.wp-block-columns-is-layout-flex .wp-block-column.is-vertically-aligned-center {
    align-self: center;
}

.wp-block-cover {
    min-height: 320px;
}

.bottom-right-corner,
.left-corners-round figure,
.wp-block-media-text.alignfull.is-stacked-on-mobile.right-corners-round video,
div#wpmapblock_75cd447e {
    border-radius: var(--di-radius-lg) !important;
}

/* ---------- Facts counters ---------- */
.numbers-container.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.numbers-container.container .row {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: clamp(20px, 3vw, 40px);
    flex-wrap: wrap;
}

.numbers-container.container .col-md-4 {
    width: min(100%, 280px);
    flex: 1 1 240px;
}

.numbers-container.container .col-md-4 h1 {
    width: clamp(120px, 16vw, 190px);
    height: clamp(120px, 16vw, 190px);
    border-radius: 50%;
    font-size: clamp(2rem, 4vw, 3.75rem);
    margin: 0 auto 16px;
}

.numbers-container.container .col-md-4 h3 {
    font-size: clamp(1.05rem, 2vw, 1.4rem);
    text-align: center;
}

/* ---------- Arbeitsbeispiele ---------- */
.width70 {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    padding: clamp(48px, 8vw, 120px) var(--di-container-pad) !important;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(24px, 4vw, 60px);
    max-width: 1200px;
    margin: 0 auto 60px;
    padding: 0;
    list-style: none;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li {
    width: 100%;
    aspect-ratio: 1 / 1;
    min-width: 0;
}

.wp-block-latest-posts__featured-image {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1;
    position: relative;
    overflow: hidden;
}

.wp-block-latest-posts__featured-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

a.wp-block-latest-posts__post-title {
    inset: 0;
    font-size: clamp(1rem, 2.2vw, 2rem);
    padding: 20px;
    text-align: center;
    line-height: 1.2;
}

/* ---------- Zahlungsmodelle ---------- */
.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    gap: clamp(24px, 4vw, 40px);
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    min-width: 0;
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex figure.wp-block-image.size-large {
    padding: clamp(20px, 3vw, 40px);
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex img {
    width: clamp(48px, 6vw, 70px);
    height: clamp(48px, 6vw, 70px);
}

/* ---------- Media text sections ---------- */
.wp-block-media-text {
    gap: 0 !important;
    align-items: center;
}

.wp-block-media-text__content {
    padding: clamp(24px, 5vw, 64px) !important;
}

.wp-block-media-text__content h2 {
    font-size: clamp(1.8rem, 4vw, 3.2rem);
    line-height: 1.15;
}

.wp-block-media-text__content p {
    font-size: clamp(1rem, 1.8vw, 1.2rem);
    line-height: 1.6;
}

#deine-seite figure.wp-block-media-text__media,
.wp-block-media-text.alignfull.is-stacked-on-mobile.right-corners-round figure.wp-block-media-text__media {
    overflow: hidden;
}

#deine-seite figure.wp-block-media-text__media img {
    width: 100%;
    height: auto;
    transform: scale(0.8);
    transform-origin: center;
}

.wp-block-media-text.alignfull.is-stacked-on-mobile.right-corners-round video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---------- Contact section ---------- */
div#kontakt {
    padding-left: var(--di-container-pad) !important;
    padding-right: var(--di-container-pad) !important;
}

.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-fa584acd.wp-block-columns-is-layout-flex {
    gap: clamp(24px, 5vw, 80px);
    align-items: center;
}

.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-fa584acd.wp-block-columns-is-layout-flex .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow:first-child {
    padding: 0;
    text-align: center;
}

.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-fa584acd.wp-block-columns-is-layout-flex figure.wp-block-image.size-full {
    max-width: min(420px, 80vw);
    margin: 0 auto;
    transform: scale(1);
}

.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-fa584acd.wp-block-columns-is-layout-flex h2.wp-block-heading.has-xx-large-font-size {
    margin-top: 20px;
    margin-left: 0;
}

div#wpmapblock_75cd447e {
    width: 100%;
    height: min(60vw, 520px) !important;
}

/* ---------- Footer ---------- */
footer.wp-block-template-part {
    margin-top: 60px;
}

footer .wp-block-group.alignfull.is-content-justification-space-between.is-layout-flex.wp-container-core-group-is-layout-e5edad21.wp-block-group-is-layout-flex,
footer .wp-block-group.alignfull.is-content-justification-space-between.is-layout-flex.wp-container-core-group-is-layout-91e87306.wp-block-group-is-layout-flex,
footer .wp-block-group.is-content-justification-space-between.is-layout-flex.wp-container-core-group-is-layout-570722b2.wp-block-group-is-layout-flex {
    gap: 24px;
    flex-wrap: wrap !important;
    justify-content: center;
}

footer nav.wp-block-navigation {
    width: auto;
}

footer p.has-small-font-size,
footer h2.wp-block-site-title,
footer .custom-logo-link {
    text-align: center;
}

/* ---------- Large tablets ---------- */
@media (max-width: 1200px) {
    svg#di-logo-circle {
        width: min(42vw, 360px);
        top: -90px;
        right: -110px;
    }

    ul.wp-block-latest-posts__list.wp-block-latest-posts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-8778ca4a.wp-block-group-is-layout-flex {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

/* ---------- Tablets ---------- */
@media (max-width: 991px) {
    header.wp-block-template-part {
        position: fixed;
    }
    
    div#map-inside {
    right: 0px;
    position: relative;
    height: 50vh !important;
    border-radius: 0 !important;
    overflow: visible;

}



    .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-8165f36a.wp-block-group-is-layout-flex {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }

    svg#di-logo-circle {
        width: min(46vw, 300px);
        top: -65px;
        right: -90px;
    }

    a.wp-block-button__link.wp-element-button {
        width: min(100%, 420px);
        padding-left: 24px;
        padding-right: 24px;
    }

    a.wp-block-button__link.wp-element-button:after {
        display: none;
    }

    .wp-block-columns.alignfull.is-layout-flex.wp-container-core-columns-is-layout-9c22b1e3.wp-block-columns-is-layout-flex,
    .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex,
    .wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-fa584acd.wp-block-columns-is-layout-flex {
        flex-wrap: wrap !important;
    }

    .wp-block-columns.alignfull.is-layout-flex.wp-container-core-columns-is-layout-9c22b1e3.wp-block-columns-is-layout-flex > .wp-block-column,
    .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex > .wp-block-column,
    .wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-fa584acd.wp-block-columns-is-layout-flex > .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }

    .wp-block-media-text {
        grid-template-columns: 1fr !important;
    }

    .wp-block-media-text > .wp-block-media-text__media,
    .wp-block-media-text > .wp-block-media-text__content,
    .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media,
    .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
        grid-column: 1 !important;
    }

    .wp-block-media-text > .wp-block-media-text__media {
        grid-row: 1 !important;
    }

    .wp-block-media-text > .wp-block-media-text__content {
        grid-row: 2 !important;
    }

    .left-corners-round figure,
    .wp-block-media-text.alignfull.is-stacked-on-mobile.right-corners-round video,
    div#wpmapblock_75cd447e {
        border-radius: var(--di-radius-md) !important;
    }

    div#wpmapblock_75cd447e {
        height: 420px !important;
    }

    .wp-block-group.width70.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained h2.wp-block-heading.has-text-align-center.has-xx-large-font-size {
        margin-bottom: 40px;
    }

    .has-text-align-center.is-style-text-subtitle.subtitle-for-ab.is-style-text-subtitle--3,
    .cta-sub-copy {
        margin-top: 0;
        margin-bottom: 30px;
    }
}

/* ---------- Phones ---------- */
@media (max-width: 767px) {
    body {
        font-size: 16px;
    }

    header.wp-block-template-part {
        width: 100%;
    }

    .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-8165f36a.wp-block-group-is-layout-flex {
        gap: 8px;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    p.wp-block-site-title {
        display: none;
    }

    svg#di-logo-circle {
        width: 54vw;
        min-width: 170px;
        top: -35px;
        right: -48px;
    }

    .wp-block-navigation__responsive-container {
        padding: 20px;
    }

    .wp-block-navigation__responsive-container-content {
        padding-top: 48px;
    }

    .wp-block-navigation__container,
    .wp-block-page-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .wp-block-page-list li,
    .wp-block-navigation-item {
        width: 100%;
    }

    .wp-block-page-list a,
    .wp-block-navigation-item__content {
        display: block;
        width: 100%;
        padding: 10px 0;
    }

    .wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-8778ca4a.wp-block-group-is-layout-flex {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .wp-block-cover {
        min-height: 240px;
    }

    a.wp-block-button__link.wp-element-button {
        width: 100%;
        border-radius: 0px 30px 30px 0px;
        min-height: 54px;
        padding: 22px 18px;
        font-size: 0.95rem;
    }

    ul.wp-block-latest-posts__list.wp-block-latest-posts {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-bottom: 40px;
    }

    ul.wp-block-latest-posts__list.wp-block-latest-posts li:hover {
        transform: none !important;
    }

    a.wp-block-latest-posts__post-title {
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.35);
        font-size: 1.1rem;
    }

    .numbers-container.container .row {
        gap: 24px;
    }

    .numbers-container.container .col-md-4 {
        width: 100%;
        flex: 1 1 100%;
    }

    .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex figure.wp-block-image.size-large {
        margin-top: 0;
    }

    .wp-block-media-text__content {
        padding: 24px 16px !important;
    }

    #deine-seite figure.wp-block-media-text__media img {
        transform: scale(1);
    }

    .wp-block-media-text.alignfull.is-stacked-on-mobile.right-corners-round video {
        min-height: 260px;
    }

    div#wpmapblock_75cd447e {
        height: 300px !important;
    }

    .wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-fa584acd.wp-block-columns-is-layout-flex figure.wp-block-image.size-full {
        max-width: 240px;
    }

    footer.wp-block-template-part {
        margin-top: 40px;
    }

    footer .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    .wp-block-columns.alignfull.is-layout-flex.wp-container-core-columns-is-layout-9c22b1e3.wp-block-columns-is-layout-flex .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow, 
    .wp-block-group.alignfull.has-global-padding.is-content-justification-center.is-layout-constrained.wp-container-core-group-is-layout-df757ecc.wp-block-group-is-layout-constrained .wp-block-media-text__content {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.wp-block-group.width70.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
	background-color: #ffffff !important;
    }
    
 
 .col-md-4 {
    margin-top: 10px;
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    margin-top: 50px;
}
    
    
}

/* ---------- Small phones ---------- */
@media (max-width: 480px) {
    svg#di-logo-circle {
        width: 58vw;
        min-width: 150px;
        top: -20px;
        right: -40px;
    }

    .wp-block-heading.has-xx-large-font-size,
    h2.wp-block-heading,
    h1.wp-block-heading {
        font-size: clamp(1.7rem, 8vw, 2.4rem) !important;
    }

    .numbers-container.container .col-md-4 h1 {
        width: 110px;
        height: 110px;
        font-size: 1.9rem;
    }

    a.wp-block-latest-posts__post-title {
        font-size: 1rem;
        padding: 16px;
    }

    .di-post-modal__inner {
        padding: 16px 16px 90px;
    }

    .di-post-modal__title {
        font-size: 1.6rem;
        margin-right: 40px;
    }

    .di-post-modal__nav {
        width: 36px;
        height: 36px;
    }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }

    ul.wp-block-latest-posts__list.wp-block-latest-posts li,
    #deine-seite figure.wp-block-media-text__media img,
    svg#di-logo-circle {
        transform: none !important;
    }
}


.wp-block-cover.is-light.bottom-right-corner.has-aspect-ratio {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}




.left-corners-round figure {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.wp-block-media-text.alignfull.is-stacked-on-mobile.right-corners-round video {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}





.page-id-250 h1.wp-block-heading {
    margin-top: 100px;
    hyphens: auto;
}

.page-id-250 h2.wp-block-heading {
    font-size: 30px !important;
}

.page-id-250  .wp-block-group.is-content-justification-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-f4c28e8b.wp-block-group-is-layout-flex {
	display: none;
}


.di-post-modal__content h2.wp-block-heading {
    font-size: 30px !important;
}

@media (min-width: 900px) {

div#fullfullfull.wp-block-group.width70.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained
 {
    width: 100vw !important;
    position: relative;
    max-width: none !important;
    margin-left: -50px !important;
}

}



div[data-cky-tag="powered-by"] {
    display: none !important;
}

button.cky-btn.cky-btn-accept {
    border-radius: 0px 20px 20px 0px;
    height: 40px;
    box-shadow: -0.2em 0.2em 0.4em #ccc;
    background: linear-gradient(126deg, #003167 0%, #08376d 10%, #08376c 15%, #45bce2 15%, #44b8cf 50%, #42b4c1 100%) !important;
    border: none !important;
}

.cky-consent-bar {
    background-color: #ffffffe6 !important;
    border-radius: 30px 30px 0px 0px !important;
}

.cky-consent-container.cky-box-bottom-left {
    bottom: 0;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    background-color: #ffffffe9 !important;
    box-shadow: -0.1em 0.1em 0.2em #777;
}

button.cky-btn-revisit img {
    filter: invert(1);
}

button.cky-btn.cky-btn-preferences
 {
    border: solid 2px #003167 !important;
    border-radius: 0px 20px 20px 0pc;
    color: #003167 !important;
    height: 40px;
}

div[data-cky-tag="detail-powered-by"] {
    display: none !important;
}

input#ckySwitchanalytics, input#ckySwitchadvertisement {
	background-color: #003167 !important;
}


button.cky-show-desc-btn {
	color: #42b4c1 !important;
}    

span.cky-always-active {
	color: #97B953 !important;
}    


@media (max-width: 900px) {

nav.trp-language-switcher.trp-floating-switcher.trp-ls-dropdown.trp-switcher-position-bottom {
    bottom: 70px;
    right: 15px;
    height: 45px;
    width: 45px;
    border-radius: 22.5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.trp-language-item-name {
    display: none;
}

.trp-language-item {
    padding: 0px !important;
}

nav.trp-language-switcher.trp-floating-switcher.trp-ls-dropdown.trp-switcher-position-bottom.is-open {
    height: 80px;
    transition: 0.5s;
}

nav.trp-language-switcher.trp-floating-switcher.trp-ls-dropdown.trp-switcher-position-bottom.is-open div#trp-switcher-dropdown-list {
    margin-bottom: 10px;
}

nav.trp-language-switcher.trp-floating-switcher.trp-ls-dropdown.trp-switcher-position-bottom {
    box-shadow: -0.1em 0.1em 0.2em #777;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    right: 15px !important;
    left: unset;
    }

button.cky-btn-revisit:before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(https://degen-industries.com/wp-content/uploads/2026/04/cookie-svgrepo-com.svg);
    background-size: contain;
    position: absolute;
}

button.cky-btn-revisit img {
    opacity: 0;
}




}

.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-65db5ff9.wp-block-group-is-layout-flex {
    margin-top: 130px !important;
    margin-bottom: 50px !important;
}

.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-65db5ff9.wp-block-group-is-layout-flex p.has-text-align-center.is-style-text-subtitle.is-style-text-subtitle--2.wp-block-paragraph {
font-size: var(--wp--preset--font-size--large);
    margin-bottom: 40px;
}

figure.wp-block-image.size-large {
    box-shadow: rgba(0, 0, 0, 0.3) -1vw 1vw 1vw, rgb(255, 255, 255) 0.1vw -0.1vw 0.1vw;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: solid 1px #efefef;
}