/* =============================================================================
   GLOBAL
   ============================================================================= */

/* Typography */
#teaser_wrapper .card .foreground .title .ol{line-height:110%;}
#teaser_wrapper .card .foreground .title .hl{line-height:110%;}
#teaser_wrapper .card .foreground .title .sl{line-height:110%;}
#teaser_wrapper .card .foreground .text p{line-height:110%;}

/* Theme Unicorn */
#teaser_wrapper .theme_unicorn{
display:block;
min-height:var(--teaser-min-height);
height:var(--teaser-height);
max-height:var(--teaser-max-height);
background:url('/assets/img/teaser/theme_unicorn.svg') no-repeat bottom left;
background-size:cover;
}

#teaser_grid_1 .theme_unicorn{
display:block;
min-height:100%;
height:100%;
max-height:100%;
}

#teaser_wrapper .unicorn{
position:absolute;
inset:var(--teaser-unicorn-inset);
width:var(--teaser-unicorn-width);
min-width:var(--teaser-unicorn-min-width);
max-width:var(--teaser-unicorn-max-width);
height:auto;
margin:0;
padding:0;
z-index:1;
}

#teaser_grid_1 .unicorn{
}

#teaser_wrapper .theme_unicorn .title *{
color:var(--clr-primary-300) !important;
background: linear-gradient(
45deg,
rgba(94, 63, 123,1) 0%,
rgba(192, 128, 216,1) 100%
);

background: linear-gradient(
45deg,
oklch(38% 0.11 295) 0%,
oklch(70% 0.16 300) 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* Theme Panda */
#teaser_wrapper .theme_panda{
display:block;
min-height:var(--teaser-min-height);
height:var(--teaser-height);
max-height:var(--teaser-max-height);
background:url('/assets/img/teaser/theme_panda.svg') no-repeat bottom left;
background-size:cover;
}

#teaser_grid_1 .theme_panda{
display:block;
min-height:100%;
height:100%;
max-height:100%;
}

#teaser_wrapper .panda{
position:absolute;
inset:var(--teaser-panda-inset);
width:var(--teaser-panda-width);
min-width:var(--teaser-panda-min-width);
max-width:var(--teaser-panda-max-width);
height:auto;
margin:0;
padding:0;
z-index:1;
}

#teaser_grid_1 .panda{
/* min-width:40%;
width:20vw;
max-width:50%;

 */
}

/* Theme Ice Cream */
#teaser_wrapper .theme_icecream{
display:block;
min-height:var(--teaser-min-height);
height:var(--teaser-height);
max-height:var(--teaser-max-height);
background:url('/assets/img/teaser/theme_icecream.svg') no-repeat bottom left;
background-size:cover;
}

#teaser_grid_1 .theme_icecream{
display:block;
min-height:100%;
height:100%;
max-height:100%;
}

#teaser_wrapper .icecream{
position:absolute;
inset:var(--teaser-icecream-inset);
width:var(--teaser-icecream-width);
min-width:var(--teaser-icecream-min-width);
max-width:var(--teaser-icecream-max-width);
height:auto;
margin:0;
padding:0;
z-index:1;
}

#teaser_grid_1 .icecream{
/*
min-width:40%;
width:20vw;
max-width:50%;
*/
}

#teaser_grid_1 .unicorn img,
#teaser_grid_1 .panda img,
#teaser_grid_1 .icecream img{
filter:var(--drop-shadow-default);
}

/* Theme VIO-20 */
#teaser_wrapper .theme_vio-20{
display:block;
min-height:var(--teaser-min-height);
height:var(--teaser-height);
max-height:var(--teaser-max-height);
background:url('/assets/img/teaser/theme_vio-20.svg') no-repeat bottom left;
background-size:cover;
}

#teaser_grid_2 .theme_vio-20{
display:block;
min-height:100%;
height:100%;
max-height:100%;
}

#teaser_wrapper .vio-20{
position:absolute;
inset:var(--teaser-vio-20-inset);
width:var(--teaser-vio-20-width);
min-width:var(--teaser-vio-20-min-width);
max-width:var(--teaser-vio-20-max-width);
height:auto;
margin:0;
padding:0;
z-index:1;
}

#teaser_grid_2 .vio-20{
/*
min-width:40%;
width:20vw;
max-width:50%;
*/
}

#teaser_grid_2 .vio-20 img{
filter:var(--drop-shadow-default);
}

#teaser_wrapper .theme_vio-20 .title *{
color:var(--clr-primary-300) !important;
}

/* Grid Cards */
#teaser_grid_3 .card_3_1{
display:block;
min-height:100%;
height:100%;
max-height:100%;
background:linear-gradient(
45deg,
rgba(110, 14, 200,1) 0%,
rgba(240, 28, 72,1) 100%
);
background: linear-gradient(
45deg,
oklch(42% 0.24 305) 0%,
oklch(55% 0.26 25) 100%
);
background-size: 400% 400%;
animation:teaser_gradient 15s ease infinite;
}

#teaser_grid_3 .card_3_2{
display:block;
min-height:100%;
height:100%;
max-height:100%;
background: linear-gradient(
38deg,
rgba(58,148,201,1) 0%,
rgba(200, 84, 114,1) 23%,
rgba(252, 60, 80,1) 44%,
rgba(250, 186, 108,1) 100%
);
background: linear-gradient(
38deg,
oklch(60% 0.14 230) 0%,
oklch(58% 0.18 10) 23%,
oklch(60% 0.23 25) 44%,
oklch(78% 0.16 70) 100%
);
}

#teaser_grid_3 .card_3_2 .lux-nt{
position:absolute;
inset:var(--teaser-lux-nt-inset);
width:var(--teaser-lux-nt-width);
min-width:var(--teaser-lux-nt-min-width);
max-width:var(--teaser-lux-nt-max-width);
}

#teaser_grid_3 .lux-nt img{
filter:var(--drop-shadow-default);
}

#teaser_grid_3 .card_3_3{
display:block;
min-height:100%;
height:100%;
max-height:100%;
background-size:100%;
background:
url('/assets/img/teaser/theme_bb-20-ft.svg') no-repeat bottom left,
linear-gradient(
45deg,
rgba(42, 123, 155, 1) 0%,
rgba(87, 199, 133, 1) 50%,
rgba(237, 221, 83, 1) 100%
);

background:
url('/assets/img/teaser/theme_bb-20-ft.svg') no-repeat bottom left,
linear-gradient(
45deg,
oklch(52% 0.12 220) 0%,
oklch(70% 0.14 150) 50%,
oklch(85% 0.15 95) 100%
);
}

#teaser_grid_3 .card_3_3 .BB-20_FT_Eco{
position:absolute;
inset:var(--teaser-bb-20-inset);
width:var(--teaser-bb-20-width);
min-width:var(--teaser-bb-20-min-width);
max-width:var(--teaser-bb-20-max-width);
}

#teaser_grid_3 .BB-20_FT_Eco img{
filter:var(--drop-shadow-default);
}

#teaser_grid_4 .theme_welthoelzer{
display:block;
min-height:100%;
height:100%;
max-height:100%;
background: linear-gradient(352deg,rgba(23, 44, 84, 1) 0%, rgba(23, 44, 74, 1) 40%, rgba(23, 44, 84, 1) 40%, rgba(38, 74, 140, 1) 100%);
background:linear-gradient(352deg, rgba(23,44,84,1) 0%, rgba(23,44,74,1) 50%);
}

#teaser_wrapper .welthoelzer_tm_100{
position:absolute;
inset:var(--teaser-welthoelzer-tm-100-inset);
width:25vw;
min-width:var(--teaser-welthoelzer-tm-100-min-width);
max-width:var(--teaser-welthoelzer-tm-100-max-width);
height:auto;
margin:0;
padding:0;
z-index:1;
}

/* Small one */
#teaser .theme_default{
display:block;
min-height:var(--teaser-min-height);
height:var(--teaser-height);
max-height:var(--teaser-max-height);
background:linear-gradient(
45deg,
rgba(110, 14, 200,1) 0%,
rgba(240, 28, 72,1) 100%
);
background: linear-gradient(
45deg,
oklch(42% 0.24 305) 0%,
oklch(55% 0.26 25) 100%
);
background-size: 400% 400%;
animation:teaser_gradient 15s ease infinite;
}

#teaser .theme_unilite{
display:block;
height:var(--teaser-height);
background: linear-gradient(
38deg,
rgba(58,148,201,1) 0%,
rgba(200, 84, 114,1) 23%,
rgba(252, 60, 80,1) 44%,
rgba(250, 186, 108,1) 100%
);
background: linear-gradient(
38deg,
oklch(60% 0.14 230) 0%,
oklch(58% 0.18 10) 23%,
oklch(60% 0.23 25) 44%,
oklch(78% 0.16 70) 100%
);
}

#teaser .theme_vio{
display:block;
height:var(--teaser-height);
background: linear-gradient(45deg, #faf03e, #faf36c);
background: linear-gradient(
45deg,
oklch(92% 0.17 98),
oklch(94% 0.14 102)
);
}

#teaser .theme_vio .foreground .title *{
color:var(--clr-primary-300) !important;
}

#teaser .theme_welthoelzer{
display:block;
height:var(--teaser-height);
background:linear-gradient(45deg, rgba(23,40,74,1) 0%, rgba(23,40,84,1) 80%);
background:linear-gradient(350deg,rgba(23,40,84,1) 0%, rgba(23,40,84,1) 46%, rgba(23,40,74,1) 46%, rgba(15, 148, 176, 1) 100%);
background: linear-gradient(350deg,rgba(23, 44, 84, 1) 0%, rgba(23, 44, 74, 1) 38%, rgba(23, 44, 84, 1) 38%, rgba(38, 74, 140, 1) 100%);
}

/* Icons */
#teaser_wrapper .card .icon{
position:absolute;
display:var(--teaser-icon-button-display);
top:var(--teaser-icon-button-top);
right:var(--teaser-icon-button-right);
width:var(--teaser-icon-button-width);
height:auto;
margin:0;
padding:0;
z-index:3;
border-radius:50%;
border:2px #fff solid;
}

#teaser_wrapper .card .flame{
position:absolute;
display:var(--teaser-flame-button-display);
top:var(--teaser-flame-button-top);
right:var(--teaser-flame-button-right);
width:var(--teaser-flame-button-width);
height:auto;
margin:0;
padding:0;
z-index:3;
border-radius:50%;
border:2px #fff solid;
}

#teaser_wrapper .card .new{
position:absolute;
top:var(--teaser-new-button-top);
right:var(--teaser-new-button-right);
width:var(--teaser-new-button-width);
height:auto;
margin:0;
padding:0;
z-index:3;
}

/* Small Version */
:root{
--teaser-small-icon-right:calc(var(--teaser-icon-button-right) - 4rem);
--teaser-small-flame-right:calc(var(--teaser-flame-button-right) - 2rem);
--teaser-small-new-right:var(--teaser-new-button-right);
--teaser-small-width:calc(var(--teaser-icon-button-width) - 2rem);
}

#teaser_wrapper .small .icon{
top:var(--teaser-icon-button-top);
right:var(--teaser-small-icon-right);
width:var(--teaser-small-width);
height:auto;
}

#teaser_wrapper .small .flame{
top:var(--teaser-flame-button-top);
right:var(--teaser-small-flame-right);
width:var(--teaser-small-width);
height:auto;
}

#teaser_wrapper .small .new{
top:var(--teaser-new-button-top);
right:var(--teaser-small-new-right);
width:var(--teaser-small-width);
height:auto;
}

/* Link */
#teaser_wrapper .card .foreground .link.intern{
display:inline-block;
position:relative;
top:var(--link_intern-top);
font-weight:bold;
font-family:var(--teaser-font-family);
color:var(--clr-primary-100);
font-size:var(--fs-p);
margin:1.5rem 0 .5rem 0;
padding:.5rem .75rem .5rem .5rem;
text-decoration:none;
border-radius:var(--brd-radius-5);
background:rgba(255, 255, 255, .25);
border:var(--brd-gray-100) 2px solid;
}

#teaser_wrapper .card .foreground .link.intern:hover{
background:rgba(255, 255, 255, .15) !important;
}

#teaser_wrapper .card .foreground .link.intern:before{
display:inline-block;
content:'';
width:1em;
height:.75em;
background:url('/assets/img/icon/arrow-light.svg') no-repeat top left;
}

#teaser_wrapper .theme_panda .foreground .text .link.intern{
background:hsla(57,60%,61%,.7);
border:hsla(57,60%,61%,.9) 2px solid;
}

#teaser_wrapper .theme_vio-20 .foreground .text .link.intern{
background:rgba(0, 0, 0, .1);
color:var(--clr-primary-300);
border:var(--clr-primary-300) 2px solid;
}

#teaser_wrapper .theme_vio-20 .foreground .text .link.intern:before{
background:url('/assets/img/icon/arrow-dark.svg') no-repeat top left;
}

/* Animations */
#teaser_wrapper .card .foreground .title{
position:relative;
opacity:0;
animation:teaser_ani_pos_1 500ms ease-out 50ms forwards;
}

#teaser_wrapper .card .foreground .text{
position:relative;
opacity:0;
animation:teaser_ani_pos_2 500ms ease-out 150ms forwards;
}

@keyframes teaser_ani_pos_1{
0%{position:relative;top:var(--teaser-ani-1-pos-1-0-top);left:0;opacity:0;}
100%{position:relative;top:var(--teaser-ani-1-pos-1-100-top);left:0;opacity:1;}
}

@keyframes teaser_ani_pos_2{
0%{position:relative;top:var(--teaser-ani-1-pos-2-0-top);left:0;opacity:0;}
100%{position:relative;top:var(--teaser-ani-1-pos-2-100-top);left:0;opacity:1;}
}

@keyframes teaser_ani_2_pos_1{
0%{position:relative;top:var(--teaser-ani-2-pos-1-0-top);left:0;opacity:0;}
100%{position:relative;top:var(--teaser-ani-2-pos-1-100-top);left:0;opacity:1;}
}

@keyframes teaser_ani_2_pos_2{
0%{position:relative;top:var(--teaser-ani-2-pos-2-0-top);left:0;opacity:0;}
100%{position:relative;top:var(--teaser-ani-2-pos-2-100-top);left:0;opacity:1;}
}

@keyframes teaser_gradient{
0%{background-position: 0 50%;}
50%{background-position: 100% 50%;}
100%{background-position: 0 50%;}
}


/* =============================================================================
   MOBILE (max-width: 45rem)
   ============================================================================= */
@media screen and (max-width: 45rem){

:root{
--teaser-ani-1-pos-1-0-top:6.5rem;
--teaser-ani-1-pos-1-100-top:3.5rem;

--teaser-ani-1-pos-2-0-top:8rem;
--teaser-ani-1-pos-2-100-top:4.5rem;

--teaser-ani-2-pos-1-0-top:3.5rem;
--teaser-ani-2-pos-1-100-top:.75rem;

--teaser-ani-2-pos-2-0-top:6rem;
--teaser-ani-2-pos-2-100-top:.75rem;

/* Icon Button */
--teaser-icon-button-top:.5rem;
--teaser-icon-button-right:12rem;
--teaser-icon-button-width:4.5rem;
--teaser-icon-button-display:block;

/* Flame Button */
--teaser-flame-button-top:.5rem;
--teaser-flame-button-right:6.25rem;
--teaser-flame-button-width:4.5rem;
--teaser-flame-button-display:block;

/* NEW Button */
--teaser-new-button-top:.5rem;
--teaser-new-button-right:1rem;
--teaser-new-button-width:4.5rem;

/* lux-nt */
--teaser-lux-nt-inset:auto auto .65rem 0; /* top right bottom left */
--teaser-lux-nt-width:auto;
--teaser-lux-nt-min-width:80%;
--teaser-lux-nt-max-width:100%;

/* BB-20 */
--teaser-bb-20-inset:auto auto .65rem 0; /* top right bottom left */
--teaser-bb-20-width:auto;
--teaser-bb-20-min-width:80%;
--teaser-bb-20-max-width:100%;

/* VIO-20 */
--teaser-vio-20-inset:auto auto 4.25rem .25rem; /* top right bottom left */
--teaser-vio-20-width:100vw;
--teaser-vio-20-min-width:88%;
--teaser-vio-20-max-width:90%;

/* Welthölzer */
--teaser-welthoelzer-tm-100-inset:auto 2.85rem .5rem auto; /* top right bottom left */
--teaser-welthoelzer-tm-100-min-width:42%;
--teaser-welthoelzer-tm-100-max-width:45%;

/* unicorn */
--teaser-unicorn-inset:auto auto 4.25rem .5rem; /* top right bottom left */
--teaser-unicorn-width:100vw;
--teaser-unicorn-min-width:88%;
--teaser-unicorn-max-width:95%;

/* Ice Cream */
--teaser-icecream-inset:auto auto 4.25rem .5rem; /* top right bottom left */
--teaser-icecream-width:100vw;
--teaser-icecream-min-width:88%;
--teaser-icecream-max-width:95%;

/* Panda */
--teaser-panda-inset:auto auto 4.25rem .5rem; /* top right bottom left */
--teaser-panda-width:100vw;
--teaser-panda-min-width:88%;
--teaser-panda-max-width:95%;

--link_intern-top:.5rem;
}

/* Default view */
#teaser .background .logo{
position:absolute;
width:6.5rem;
height:auto;
bottom:.5rem;
right:.25rem;
}

/* Grid view */
#teaser_type_2 .background .logo{
position:absolute;
width:6rem;
height:auto;
bottom:0;
left:.75rem;
}

}


/* =============================================================================
   TABLET PORTRAIT (45rem – 79.5rem, portrait)
   ============================================================================= */
@media screen and (min-width: 45rem) and (max-width: 79.5rem) and (orientation: portrait){

:root{
--teaser-ani-1-pos-1-0-top:3.5rem;
--teaser-ani-1-pos-1-100-top:.75rem;

--teaser-ani-1-pos-2-0-top:6rem;
--teaser-ani-1-pos-2-100-top:.75rem;

--teaser-ani-2-pos-1-0-top:3.5rem;
--teaser-ani-2-pos-1-100-top:.75rem;

--teaser-ani-2-pos-2-0-top:6rem;
--teaser-ani-2-pos-2-100-top:.75rem;

/* Icon Button */
--teaser-icon-button-top:1rem;
--teaser-icon-button-right:12rem;
--teaser-icon-button-width:4.5rem;
--teaser-icon-button-display:block;

/* Flame Button */
--teaser-flame-button-top:1rem;
--teaser-flame-button-right:6.25rem;
--teaser-flame-button-width:4.5rem;
--teaser-flame-button-display:block;

/* NEW Button */
--teaser-new-button-top:1rem;
--teaser-new-button-right:1rem;
--teaser-new-button-width:4.5rem;

/* lux-nt */
--teaser-lux-nt-inset:auto auto 0.65rem 3.5rem; /* top right bottom left */
--teaser-lux-nt-min-width:20.5rem;
--teaser-lux-nt-max-width:22.5rem;

/* BB-20 */
--teaser-bb-20-inset:auto auto 0.65rem 2rem; /* top right bottom left */
--teaser-bb-20-width:auto;
--teaser-bb-20-min-width:20.5rem;
--teaser-bb-20-max-width:22.5rem;

/* VIO-20 */
--teaser-vio-20-inset:auto 3.25rem 1.25rem auto; /* top right bottom left */
--teaser-vio-20-width:50vw;
--teaser-vio-20-min-width:50%;
--teaser-vio-20-max-width:52%;

/* Welthölzer */
--teaser-welthoelzer-tm-100-inset:auto 2.85rem .5rem auto; /* top right bottom left */
--teaser-welthoelzer-tm-100-min-width:42%;
--teaser-welthoelzer-tm-100-max-width:45%;

/* unicorn */
--teaser-unicorn-inset:auto 2.25rem 2.25rem auto; /* top right bottom left */
--teaser-unicorn-width:25vw;
--teaser-unicorn-min-width:60%;
--teaser-unicorn-max-width:62%;

/* Ice Cream */
--teaser-icecream-inset:auto 2.25rem 2.25rem auto; /* top right bottom left */
--teaser-icecream-width:25vw;
--teaser-icecream-min-width:60%;
--teaser-icecream-max-width:62%;

/* Panda */
--teaser-panda-inset:auto 2.25rem 2.25rem auto; /* top right bottom left */
--teaser-panda-width:25vw;
--teaser-panda-min-width:60%;
--teaser-panda-max-width:62%;

--link_intern-top:0;
}

/* Default view */
#teaser .background .logo{
position:absolute;
width:6.5rem;
height:auto;
bottom:.5rem;
right:.25rem;
}

/* Grid view */
#teaser_type_2 .background .logo{
position:absolute;
width:6rem;
height:auto;
bottom:0;
left:.75rem;
}

}


/* =============================================================================
   TABLET LANDSCAPE (45rem – 79.5rem, landscape)
   ============================================================================= */
@media screen and (min-width: 45rem) and (max-width: 79.5rem) and (orientation: landscape){

:root{
--teaser-ani-1-pos-1-0-top:3.5rem;
--teaser-ani-1-pos-1-100-top:.5rem;

--teaser-ani-1-pos-2-0-top:6rem;
--teaser-ani-1-pos-2-100-top:.5rem;

--teaser-ani-2-pos-1-0-top:3.5rem;
--teaser-ani-2-pos-1-100-top:.75rem;

--teaser-ani-2-pos-2-0-top:6rem;
--teaser-ani-2-pos-2-100-top:.75rem;

/* Icon Button */
--teaser-icon-button-top:1rem;
--teaser-icon-button-right:12rem;
--teaser-icon-button-width:4.5rem;
--teaser-icon-button-display:block;

/* Flame Button */
--teaser-flame-button-top:1rem;
--teaser-flame-button-right:6.25rem;
--teaser-flame-button-width:4.5rem;
--teaser-flame-button-display:block;

/* NEW Button */
--teaser-new-button-top:1rem;
--teaser-new-button-right:1rem;
--teaser-new-button-width:4.5rem;

/* lux-nt */
--teaser-lux-nt-inset:auto auto 0.65rem 3.5rem; /* top right bottom left */
--teaser-lux-nt-min-width:20.5rem;
--teaser-lux-nt-max-width:22.5rem;

/* BB-20 */
--teaser-bb-20-inset:auto auto 0.65rem 5rem; /* top right bottom left */
--teaser-bb-20-width:auto;
--teaser-bb-20-min-width:20.5rem;
--teaser-bb-20-max-width:22.5rem;

/* VIO-20 */
--teaser-vio-20-inset:auto 3.5rem 1rem auto; /* top right bottom left */
--teaser-vio-20-width:50vw;
--teaser-vio-20-min-width:40%;
--teaser-vio-20-max-width:42%;

/* Welthölzer */
--teaser-welthoelzer-tm-100-inset:auto 4.85rem .5rem auto; /* top right bottom left */
--teaser-welthoelzer-tm-100-min-width:32%;
--teaser-welthoelzer-tm-100-max-width:35%;

/* unicorn */
--teaser-unicorn-inset:auto 3.25rem 2.25rem auto; /* top right bottom left */
--teaser-unicorn-width:25vw;
--teaser-unicorn-min-width:50%;
--teaser-unicorn-max-width:52%;

/* Ice Cream */
--teaser-icecream-inset:auto 3.25rem 2.25rem auto; /* top right bottom left */
--teaser-icecream-width:25vw;
--teaser-icecream-min-width:50%;
--teaser-icecream-max-width:52%;

/* Panda */
--teaser-panda-inset:auto 3.25rem 2.25rem auto; /* top right bottom left */
--teaser-panda-width:25vw;
--teaser-panda-min-width:50%;
--teaser-panda-max-width:52%;

--link_intern-top:0;
}

/* Default view */
#teaser .background .logo{
position:absolute;
width:6.5rem;
height:auto;
bottom:.5rem;
right:.25rem;
}

/* Grid view */
#teaser_type_2 .background .logo{
position:absolute;
width:6rem;
height:auto;
bottom:0;
left:.75rem;
}

}


/* =============================================================================
   DESKTOP (min-width: 79.5rem)
   ============================================================================= */
@media screen and (min-width: 79.5rem){

:root{
--teaser-ani-1-pos-1-0-top:3.5rem;
--teaser-ani-1-pos-1-100-top:.75rem;

--teaser-ani-1-pos-2-0-top:6rem;
--teaser-ani-1-pos-2-100-top:.75rem;

--teaser-ani-2-pos-1-0-top:3.5rem;
--teaser-ani-2-pos-1-100-top:.75rem;

--teaser-ani-2-pos-2-0-top:6rem;
--teaser-ani-2-pos-2-100-top:.75rem;

/* Icon Button */
--teaser-icon-button-top:1.25rem;
--teaser-icon-button-right:15.25rem;
--teaser-icon-button-width:6rem;
--teaser-icon-button-display:block;

/* Flame Button */
--teaser-flame-button-top:1.25rem;
--teaser-flame-button-right:8.25rem;
--teaser-flame-button-width:6rem;
--teaser-flame-button-display:block;

/* NEW Button */
--teaser-new-button-top:1.25rem;
--teaser-new-button-right:1.25rem;
--teaser-new-button-width:6rem;

/* lux-nt */
--teaser-lux-nt-inset:auto auto 0.65rem 3.5rem; /* top right bottom left */
--teaser-lux-nt-width:auto;
--teaser-lux-nt-min-width:20.5rem;
--teaser-lux-nt-max-width:22.5rem;

/* BB-20 */
--teaser-bb-20-inset:auto auto 0.65rem 5rem; /* top right bottom left */
--teaser-bb-20-width:auto;
--teaser-bb-20-min-width:20.5rem;
--teaser-bb-20-max-width:22.5rem;

/* Vio-20 */
--teaser-vio-20-inset:auto 4.5rem 1.25rem auto; /* top right bottom left */
--teaser-vio-20-width:50vw;
--teaser-vio-20-min-width:50%;
--teaser-vio-20-max-width:55%;

/* Welthölzer */
--teaser-welthoelzer-tm-100-inset:auto 1.5rem 1.5rem auto; /* top right bottom left */
--teaser-welthoelzer-tm-100-min-width:60%;
--teaser-welthoelzer-tm-100-max-width:65%;

/* unicorn */
--teaser-unicorn-inset:auto 6.5rem 3.25rem auto; /* top right bottom left */
--teaser-unicorn-width:50vw;
--teaser-unicorn-min-width:42%;
--teaser-unicorn-max-width:44%;

/* Ice Cream */
--teaser-icecream-inset:auto 6.5rem 3.25rem auto; /* top right bottom left */
--teaser-icecream-width:50vw;
--teaser-icecream-min-width:42%;
--teaser-icecream-max-width:44%;

/* Panda */
--teaser-panda-inset:auto 6.5rem 3.25rem auto; /* top right bottom left */
--teaser-panda-width:50vw;
--teaser-panda-min-width:42%;
--teaser-panda-max-width:44%;

--link_intern-top:1rem;
}

/* Default view */
#teaser .background .logo{
position:absolute;
width:8rem;
height:auto;
bottom:0;
right:.5rem;
}

/* Grid view */
#teaser_type_2 .background .logo{
position:absolute;
width:6rem;
height:auto;
bottom:0;
right:.75rem;
}

}