html body{
--colorBrand: #AF292E;
--colorCTA: #AF292E;
--colorBrandSecondary: #AF292E;
--colorTextPrimary: #000;
--colorTextSecondary: #000;
--colorTextInverted: white;
--modalBgColor: var(--backgroundColor);
--colorLinkText: #AF292E;
--primaryColor: var(--colorBrand, var(--colorBrandGeneric));
--secondaryColor: white;
--backgroundColor: #F6F6F6;
--secondaryBackgroundColor: white;
--textColor: var(--colorTextPrimary);
--secondaryTextColor: var(--colorTextSecondary);
--appBarBackground: white;
--sectionBackgroundInverted: #FFFFFF;
--textColorInverted: var(--colorTextInverted);
--colorBlack-50: #7f7f7f;
--colorBlack-25: #bfbfbf;
--colorBlack-15: #d9d9d9;
--colorBlack-5: #f2f2f2;
--separatorColor: var(--colorBlack-25)
}
@font-face{
font-family:boez-icons;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/boez-icons.woff2?preview=true&version=1673892587000) format("woff2");
font-display:swap;
font-weight:400;
font-style:normal
}
@font-face{
font-family:icons;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/icomoon.ttf?preview=true) format("truetype");
font-weight:400;
font-style:normal;
font-display:block
}
@font-face{
font-family:old-icons;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/Icons.ttf?preview=true&version=1673892587000) format("truetype");
font-weight:400;
font-style:normal;
font-display:block
}
@font-face{
font-family:icomoon;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/icomoon.eot?por8iq=&preview=true&version=1673892587000);
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/icomoon.eot?por8iq=&preview=true&version=1673892587000#iefix) format("embedded-opentype"),url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/icomoon.ttf?por8iq=&preview=true&version=1673892587000) format("truetype"),url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/icomoon.woff?por8iq=&preview=true&version=1673892587000) format("woff"),url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/icomoon.svg?por8iq=&preview=true&version=1673892587000#icomoon) format("svg");
font-weight:400;
font-style:normal;
font-display:block
}
[class^=icon-],[class*=" icon-"]{
speak:never;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
@font-face{
font-family:Roboto;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/Roboto-Regular.ttf?preview=true&version=1673892587000) format("truetype");
font-weight:400 499;
font-style:normal
}
@font-face{
font-family:Roboto;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/Roboto-Italic.ttf?preview=true&version=1673892587000) format("truetype");
font-weight:400 499;
font-style:italic
}
@font-face{
font-family:Roboto;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/Roboto-Medium.ttf?preview=true&version=1673892587000) format("truetype");
font-weight:500 599;
font-style:normal
}
@font-face{
font-family:Roboto;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/Roboto-MediumItalic.ttf?preview=true&version=1673892587000) format("truetype");
font-weight:500 599;
font-style:italic
}
@font-face{
font-family:Roboto;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/Roboto-Bold.ttf?preview=true&version=1673892587000) format("truetype");
font-weight:600 799;
font-style:normal
}
@font-face{
font-family:Roboto;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/Roboto-BoldItalic.ttf?preview=true&version=1673892587000) format("truetype");
font-weight:600 799;
font-style:italic
}
@font-face{
font-family:Roboto;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/Roboto-Black.ttf?preview=true&version=1673892587000) format("truetype");
font-weight:800 999;
font-style:normal
}
@font-face{
font-family:Roboto;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/Roboto-BlackItalic.ttf?preview=true&version=1673892587000) format("truetype");
font-weight:800 999;
font-style:italic
}
@font-face{
font-family:SourceSerifPro;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/SourceSerifPro-SemiBold.ttf?preview=true&version=1673892587000) format("truetype");
font-weight:600 799;
font-style:normal
}
@font-face{
font-family:Source Sans Pro;
font-style:italic;
font-weight:200;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/SourceSansPro-ExtraLightItalic.ttf?preview=true&version=1673892587000) format("truetype")
}
@font-face{
font-family:Source Sans Pro;
font-style:italic;
font-weight:300;
font-display:swap;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/SourceSansPro-LightItalic.ttf?preview=true&version=1673892587000) format("truetype")
}
@font-face{
font-family:Source Sans Pro;
font-style:italic;
font-weight:400;
font-display:swap;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/SourceSansPro-RegularItalic.ttf?preview=true&version=1673892587000) format("truetype")
}
@font-face{
font-family:Source Sans Pro;
font-style:italic;
font-weight:600;
font-display:swap;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/SourceSansPro-SemiBoldItalic.ttf?preview=true&version=1673892587000) format("truetype")
}
@font-face{
font-family:Source Sans Pro;
font-style:italic;
font-weight:700;
font-display:swap;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/SourceSansPro-BoldItalic.ttf?preview=true&version=1673892587000) format("truetype")
}
@font-face{
font-family:Source Sans Pro;
font-style:italic;
font-weight:900;
font-display:swap;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/SourceSansPro-BlackItalic.ttf?preview=true&version=1673892587000) format("truetype")
}
@font-face{
font-family:Source Sans Pro;
font-style:normal;
font-weight:200;
font-display:swap;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/SourceSansPro-ExtraLight.ttf?preview=true&version=1673892587000) format("truetype")
}
@font-face{
font-family:Source Sans Pro;
font-style:normal;
font-weight:300;
font-display:swap;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/SourceSansPro-Light.ttf?preview=true&version=1673892587000) format("truetype")
}
@font-face{
font-family:Source Sans Pro;
font-style:normal;
font-weight:400;
font-display:swap;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/SourceSansPro-Regular.ttf?preview=true&version=1673892587000) format("truetype")
}
@font-face{
font-family:Source Sans Pro;
font-style:normal;
font-weight:600;
font-display:swap;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/SourceSansPro-SemiBold.ttf?preview=true&version=1673892587000) format("truetype")
}
@font-face{
font-family:Source Sans Pro;
font-style:normal;
font-weight:700;
font-display:swap;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/SourceSansPro-Bold.ttf?preview=true&version=1673892587000) format("truetype")
}
@font-face{
font-family:Source Sans Pro;
font-style:normal;
font-weight:900;
font-display:swap;
src:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/fonts/SourceSansPro-Black.ttf?preview=true&version=1673892587000) format("truetype")
}
body storefront-app-bar{
--buttonSize: 40px;
--iconSize: 22px;
position:sticky;
height:auto;
padding:0;
border-bottom:none;
background:var(--appBarBackground)
}
body storefront-app-bar .header-section{
position:relative;
max-width:1280px;
margin:auto
}
storefront-app-bar button.icon-menu{
position:absolute!important;
display:none;
top:calc((var(--appBarHeight) - var(--buttonSize)) / 2);
left:calc(var(--margin) - 8px)
}
storefront-app-bar .toolbar-icon-menu:after{
font-size:1rem
}
storefront-app-bar .app-bar-content{
display:none
}
storefront-app-bar>storefront-element[type=section]{
flex:1 1 100%
}
storefront-app-bar .main-app-bar{
padding-left:calc(var(--margin) - (var(--buttonSize) - var(--iconSize)) / 2);
border-bottom:1px solid var(--separatorColor)
}
storefront-app-bar .main-app-bar,storefront-app-bar #main-app-bar-buttons-right,storefront-app-bar #main-app-bar-buttons-left{
display:flex;
flex-direction:row;
align-items:center;
height:var(--appBarHeight)
}
storefront-app-bar .main-app-bar button,storefront-app-bar .toolbar-icon{
--borderRadius: 0;
--buttonPaddingHoriz: 0;
--buttonPaddingVert: 0;
display:flex;
justify-content:center;
align-items:center;
width:var(--buttonSize);
height:var(--buttonSize);
font-size:var(--iconSize);
color:#444
}
storefront-app-bar .main-app-bar button.is-current-page{
color:var(--colorBrand)
}
storefront-app-bar button.epaper,storefront-app-bar button.news{
display:flex;
align-items:center;
width:auto;
padding:0 8px;
font-weight:600
}
storefront-app-bar button.epaper:before,storefront-app-bar button.news:before{
font-size:14px;
margin-right:.5em
}
storefront-app-bar button.epaper:after{
font-weight:300
}
storefront-app-bar button.epaper{
font-size:26px
}
storefront-app-bar button.news{
font-size:21px
}
storefront-app-bar .toolbar-icon-back{
font-size:20px
}
storefront-app-bar button.epaper:before{
content:"ePaper"
}
storefront-app-bar button.news:before{
content:"News"
}
storefront-app-bar #main-app-bar-buttons-right{
margin-right:calc(var(--margin) - 8px)
}
storefront-app-bar [child-id=main-app-bar-center]{
position:absolute;
top:calc((var(--appBarHeight) - var(--buttonSize)) / 2);
left:50%;
transform:translate(-50%)
}
storefront-app-bar .main-app-bar button.app-bar-logo{
width:200px;
background-image:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/images/logo-short.svg?preview=true&version=1673892587000);
background-repeat:no-repeat;
background-size:auto 25px;
background-position:center
}
storefront-app-bar #main-app-bar-buttons-left .search,storefront-app-bar #main-app-bar-buttons-right .login{
display:none
}
storefront-app-bar .toolbar-icon img{
display:none
}
storefront-app-bar storefront-toolbar>mat-toolbar,storefront-app-bar storefront-toolbar>mat-toolbar div{
padding:0!important
}
storefront-app-bar .header-message{
display:flex;
justify-content:center;
align-items:center;
height:2em;
width:100%;
background-color:var(--colorBrand);
font-size:.875rem;
font-weight:600;
color:#fff
}
storefront-app-bar button.news,storefront-app-bar button.epaper{
display:none
}
storefront-app-bar .article-actions{
display:none
}
body[data-storefront-view=article] storefront-app-bar .article-actions{
display:flex
}
body[data-storefront-view=article] storefront-app-bar [child-id=main-app-bar-buttons-left],body[data-storefront-view=article] storefront-app-bar button.epaper,body[data-storefront-view=article] storefront-app-bar button.news,body[data-storefront-view=article] storefront-app-bar button.search{
display:none!important
}
body[data-storefront-view=article] storefront-app-bar [child-id=main-app-bar-center]{
position:relative;
top:0;
left:0;
transform:none
}
@media (min-width: 43.75rem){
storefront-app-bar #main-app-bar-buttons-left .search,storefront-app-bar .epaper,storefront-app-bar .news{
display:none
}
body[data-storefront-view=epaper] storefront-app-bar button.news{
display:flex
}
body[data-storefront-view=epaper] storefront-app-bar button.epaper{
display:none
}
storefront-app-bar #main-app-bar-buttons-right .search{
display:flex
}
}
@media (min-width: 60rem){
storefront-app-bar #main-app-bar-buttons-right button.search,storefront-app-bar #main-app-bar-buttons-right button.login{
display:flex
}
storefront-app-bar button.epaper{
display:flex
}
body[data-storefront-view=epaper] storefront-app-bar button.news{
display:flex
}
body[data-storefront-view=epaper] storefront-app-bar button.epaper{
display:none
}
storefront-app-bar .main-app-bar button.app-bar-logo{
width:420px;
background-image:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/images/logo-full.svg?preview=true&version=1673892587000)
}
}
storefront-element[child-id=app-bar-menus]{
position:sticky;
display:none;
z-index:100;
top:var(--appBarHeight);
background:white
}
body[data-storefront-view=home] storefront-element[child-id=app-bar-menus],body[data-storefront-view=ressort] storefront-element[child-id=app-bar-menus],body[data-storefront-view=thema] storefront-element[child-id=app-bar-menus]{
display:block
}
#app-bar-menus{
_margin-top:-1px
}
#app-bar-menus storefront-menu{
display:none;
--textColor: var(--textColor)
}
#app-bar-menus storefront-menu .menu-content{
--buttonPaddingVert: .43em;
--buttonPaddingHoriz: .5em;
--menuContentPaddingH: calc(var(--margin) - var(--buttonPaddingHoriz));
--menuContentPaddingV: calc(var(--buttonPaddingVert) * .7);
display:flex;
flex-wrap:wrap;
padding:var(--menuContentPaddingV) var(--menuContentPaddingH);
background:#f2f2f2
}
#app-bar-menus storefront-menu .menu-content button{
padding:var(--buttonPaddingVert) var(--buttonPaddingHoriz);
background:transparent;
font-size:.875rem;
font-weight:600;
white-space:nowrap
}
#app-bar-menus storefront-menu .menu-content button .mat-ripple-element{
display:none
}
#app-bar-menus .menu-ressorts,#app-bar-menus .menu-lokales:not(.hidden),#app-bar-menus .menu-bilder:not(.hidden),#app-bar-menus .menu-videos:not(.hidden),#app-bar-menus .menu-sport:not(.hidden){
display:block
}
#app-bar-menus .menu-ressorts{
overflow-x:auto;
overflow-y:hidden;
-ms-overflow-style:none;
scrollbar-width:none
}
#app-bar-menus .menu-ressorts .menu-content>*:first-child button span{
display:none
}
#app-bar-menus .menu-ressorts::-webkit-scrollbar{
display:none
}
#app-bar-menus .menu-ressorts .menu-content{
display:inline-flex;
flex-wrap:nowrap;
min-width:100%;
background:white
}
#app-bar-menus storefront-menu.highlight-1 .menu-button:nth-child(1) button,#app-bar-menus storefront-menu.highlight-2 .menu-button:nth-child(2) button,#app-bar-menus storefront-menu.highlight-3 .menu-button:nth-child(3) button,#app-bar-menus storefront-menu.highlight-4 .menu-button:nth-child(4) button,#app-bar-menus storefront-menu.highlight-5 .menu-button:nth-child(5) button,#app-bar-menus storefront-menu.highlight-6 .menu-button:nth-child(6) button,#app-bar-menus storefront-menu.highlight-7 .menu-button:nth-child(7) button,#app-bar-menus storefront-menu.highlight-8 .menu-button:nth-child(8) button,#app-bar-menus storefront-menu.highlight-9 .menu-button:nth-child(9) button,#app-bar-menus storefront-menu.highlight-10 .menu-button:nth-child(10) button,#app-bar-menus storefront-menu.highlight-11 .menu-button:nth-child(11) button,#app-bar-menus storefront-menu.highlight-12 .menu-button:nth-child(12) button,#app-bar-menus storefront-menu.highlight-13 .menu-button:nth-child(13) button,#app-bar-menus storefront-menu.highlight-14 .menu-button:nth-child(14) button,#app-bar-menus storefront-menu.highlight-15 .menu-button:nth-child(15) button,#app-bar-menus storefront-menu.highlight-16 .menu-button:nth-child(16) button,#app-bar-menus storefront-menu.highlight-17 .menu-button:nth-child(17) button,#app-bar-menus storefront-menu.highlight-18 .menu-button:nth-child(18) button,#app-bar-menus storefront-menu.highlight-19 .menu-button:nth-child(19) button,#app-bar-menus storefront-menu.highlight-20 .menu-button:nth-child(20) button,#app-bar-menus storefront-menu.highlight-21 .menu-button:nth-child(21) button,#app-bar-menus storefront-menu.highlight-22 .menu-button:nth-child(22) button,#app-bar-menus storefront-menu.highlight-23 .menu-button:nth-child(23) button,#app-bar-menus storefront-menu.highlight-24 .menu-button:nth-child(24) button,#app-bar-menus storefront-menu.highlight-25 .menu-button:nth-child(25) button,#app-bar-menus storefront-menu.highlight-26 .menu-button:nth-child(26) button,#app-bar-menus storefront-menu.highlight-27 .menu-button:nth-child(27) button,#app-bar-menus storefront-menu.highlight-28 .menu-button:nth-child(28) button,#app-bar-menus storefront-menu.highlight-29 .menu-button:nth-child(29) button{
--textColor: var(--colorBrand)
}
#app-bar-menus .main-menu{
display:grid;
grid-template-columns:1fr auto
}
#app-bar-menus .main-menu storefront-element[type=menu]{
min-width:0
}
#app-bar-menus .main-menu storefront-element[type=button]{
display:none
}
#app-bar-menus .main-menu storefront-element[type=button] *{
height:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0
}
#app-bar-menus button.subscribe{
--borderRadius: 0;
background-color:var(--colorBrand);
color:var(--colorTextInverted)
}
@media (min-width: 43.75rem){
#app-bar-menus .main-menu storefront-element[type=button]{
display:block
}
}
.article-list{
--gridListColumns: 1;
--listPadding: 0;
--listItemGutter: 0
}
.article-list .list-content storefront-element[type=issue]{
grid-column:span var(--defaultColumnSpan)
}
.article-list .list-content .list-entry{
border-bottom:1px solid var(--separatorColor)
}
.article-list .list-content .issue-card{
box-shadow:none
}
.article-list .list-content>storefront-element{
min-width:0
}
.article-list.first-fullsize .list-entry:first-child .issue-card storefront-image[height-strategy=FIXED]{
padding-top:var(--imageRatioFullSize)
}
.article-list.first-fullsize .list-entry:first-child .issue-card .issue-image{
padding-top:0;
padding-left:0;
padding-right:0
}
.article-list.first-fullsize .list-entry:first-child{
grid-column:1 / -1
}
.article-list.first-fullsize .list-entry:first-child .issue-actions button.icon-bookmark,.article-list.first-fullsize .list-entry:first-child .issue-actions button.icon-bookmark-active{
top:var(--buttonMargin);
right:var(--buttonMarginH)
}
[data-storefront-platform=web] button.icon-bookmark{
display:none
}
@media (min-width: 43.75rem){
.article-list{
--gridListColumns: 2;
--defaultColumnSpan: 1
}
.article-list:not(.first-fullsize) .issue-card.small,.article-list.first-fullsize .list-entry:not(:first-child) .issue-card.small{
--imageWidth: 30%
}
.article-list.first-fullsize .list-entry:first-child .issue-card .issue-title{
font-size:1.875rem
}
.article-list.first-fullsize .list-entry:first-child .issue-card .issue-description{
display:block
}
.article-list:not(.first-fullsize) .issue-card.small .issue-title,.article-list.first-fullsize .list-entry:not(:first-child) .issue-card.small .issue-title{
font-size:1.25rem
}
}
@media (min-width: 66.25rem){
.article-list{
--gridListColumns: 6;
--defaultColumnSpan: 2
}
storefront-list:not(.first-fullsize) .issue-card.small,storefront-list.first-fullsize .list-entry:not(:first-child) .issue-card.small{
--imageWidth: 44%
}
storefront-list .issue-card.big .issue-description{
display:block
}
}
storefront-view.audio{
padding:0
}
storefront-view.audio>.content{
display:flex;
justify-content:center;
align-items:center
}
storefront-view.audio .placeholder{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
max-width:37.5rem;
height:100%;
margin:auto;
padding:var(--margin);
text-align:center;
color:var(--colorBlack-25)
}
storefront-view.audio .placeholder div:before{
content:"\e903";
display:block;
margin-bottom:.5em;
font-family:icomoon!important;
font-weight:400;
font-size:3em
}
storefront-view.bookmarks{
--bookmarkWidth: 14.1875rem;
--bookmarkShadow: 0px 1px 4px rgba(0, 0, 0, .25);
--borderRadius: 6px;
--fontSize: .875rem;
--headerHeight: calc(1.2em + 2 * var(--margin));
padding-top:2.5rem;
background-color:#e5e5e5
}
storefront-view.bookmarks .bookmarks-header h1{
padding:0 var(--margin) .1em;
font-size:1.875rem;
font-weight:700;
line-height:1.27;
letter-spacing:.01em
}
storefront-view.bookmarks .bookmarks-header button{
display:none
}
storefront-view.bookmarks h3{
margin-bottom:.8em;
padding:0 var(--margin);
font-size:1.5rem;
font-weight:600;
letter-spacing:.01em;
color:var(--colorBlack-50)
}
storefront-view.bookmarks .bookmark-title{
color:#000
}
storefront-view.bookmarks .bookmark-actions{
padding:10px;
margin-top:-10px;
margin-right:-10px;
line-height:0
}
storefront-view.bookmarks .list-no-results,storefront-view.bookmarks .bookmarks-news .bookmark-news-header{
display:flex;
justify-content:flex-start;
align-items:center;
height:var(--headerHeight);
padding:0 var(--margin);
background-color:#fff;
color:var(--colorBlack-50)
}
storefront-view.bookmarks .bookmarks-news storefront-list.list-empty{
margin-top:calc(-1 * var(--headerHeight))
}
storefront-view.bookmarks .bookmarks-news storefront-list.list-empty .list-content{
padding:0
}
storefront-view.bookmarks .bookmarks-news storefront-list .bookmark-wrapper .issue-card{
flex-direction:column
}
storefront-view.bookmarks .bookmarks-news storefront-list .bookmark-wrapper .issue-card .bookmark-image{
padding:0;
padding-bottom:calc(var(--iconHeight) / 2);
pointer-events:none
}
storefront-view.bookmarks .bookmarks-news .list-content{
column-gap:var(--margin);
padding:var(--margin)
}
storefront-view.bookmarks .bookmarks-news .list-content:after{
display:none
}
storefront-view.bookmarks .bookmarks-news storefront-list[template=horizontal]>.list-content>.list-entry{
margin:0
}
storefront-view.bookmarks .list-entry{
flex:0 0 var(--bookmarkWidth);
padding:var(--margin);
border-radius:var(--borderRadius);
background-color:#fff;
box-shadow:var(--bookmarkShadow)
}
storefront-view.bookmarks .bookmarks-news .list-entry .bookmark-title{
--lineHeight: 1.25;
--lineClamp: 2;
display:-webkit-box;
height:calc(var(--lineClamp) * var(--fontSize) * var(--lineHeight));
margin-bottom:calc(var(--fontSize) / var(--lineHeight));
padding-left:0;
font-size:var(--fontSize);
line-height:var(--lineHeight);
-webkit-line-clamp:var(--lineClamp);
-webkit-box-orient:vertical;
overflow:hidden
}
storefront-view.bookmarks .list-entry storefront-image{
padding-top:65%;
margin-bottom:var(--margin)
}
storefront-view.bookmarks .list-entry .bookmark-data{
padding:0
}
storefront-view.bookmarks .list-entry .bookmark-creation-date{
padding:0;
font-size:var(--fontSize);
line-height:1;
color:var(--colorBlack-50)
}
storefront-view.bookmarks .bookmarks-epapers{
padding-top:3.75rem
}
storefront-view.bookmarks .bookmarks-epapers .list-group-header{
padding:var(--margin) var(--margin) 0;
background-color:#fff;
overflow:hidden
}
storefront-view.bookmarks .bookmarks-epapers .list-group-header storefront-issue[template=group]{
column-gap:var(--margin)
}
storefront-view.bookmarks .bookmarks-epapers .list-group-header .issue-image{
width:60px;
box-shadow:0 1px 4px #00000040;
margin-bottom:-20px
}
storefront-view.bookmarks .bookmarks-epapers .list-group-header .issue-title{
margin:0;
padding:0;
color:#000;
font-size:1.25rem;
font-weight:600;
line-height:1.25;
letter-spacing:.01em
}
storefront-view.bookmarks .bookmarks-epapers .list-group-header .issue-actions{
position:absolute;
top:calc(-1 * var(--margin));
right:calc(-1 * var(--margin));
border:none;
background-color:transparent;
color:var(--colorBlack-50)
}
storefront-view.bookmarks .bookmarks-epapers .list-group-header .issue-actions button{
margin:0;
padding:var(--margin);
color:var(--colorBlack-50);
font-size:.875rem;
font-weight:600;
line-height:1;
letter-spacing:.01em
}
storefront-view.bookmarks .bookmarks-epapers .list-content{
--listPadding: 0;
row-gap:calc(2.5 * var(--margin))
}
storefront-view.bookmarks .bookmarks-epapers .list-group-entries .list-content{
--listPadding: var(--margin);
column-gap:var(--margin);
overflow-x:auto
}
storefront-view.bookmarks storefront-list[template=group]>.list-content>.list-group>.list-group-entries>.list-content{
padding:var(--listPadding)
}
storefront-view.bookmarks .bookmarks-epapers .list-entry storefront-image{
border:1px solid var(--colorBlack-5)
}
storefront-view.bookmarks .bookmarks-epapers .bookmark-data{
position:relative;
flex-direction:column-reverse
}
storefront-view.bookmarks .bookmarks-epapers .bookmark-actions{
top:0
}
storefront-view.bookmarks .bookmarks-epapers .bookmark-page-label{
font-size:.875rem;
font-weight:700;
line-height:1.28;
letter-spacing:.01em
}
storefront-view.bookmarks .bookmarks-epapers .bookmark-creation-date{
margin-top:.86em;
font-size:.875rem;
line-height:1.14;
letter-spacing:.01em
}
storefront-view.epaper{
--listItemGutter: var(--margin);
--dateFontSize: .875rem;
--dateMargin: .714em;
--shadowWidth: 3px;
background:white
}
storefront-view.epaper storefront-list{
--defaultColumnSpan: unset;
--gridListColumns: 2
}
storefront-view.epaper storefront-list>.list-content{
padding:var(--margin);
grid-row-gap:calc(1.5 * var(--listItemGutter))
}
storefront-view.epaper .issue-custom-message{
margin:0;
margin-top:var(--dateMargin);
text-align:center;
font-size:var(-dateFontSize)
}
storefront-view.epaper .weekday{
color:var(--colorBlack-50)
}
storefront-view.epaper .publication-date{
font-weight:700
}
storefront-view.epaper .issue-title{
display:none
}
storefront-view.epaper storefront-issue[template=highlight] .issue-image storefront-image[height-strategy=FIXED]{
padding-top:151.5%
}
storefront-view.epaper .issue-image{
box-shadow:0 0 var(--shadowWidth) var(--colorBlack-25)
}
storefront-view.epaper storefront-issue{
flex-direction:column;
align-items:center;
padding:0
}
storefront-view.epaper .issue-image{
width:100%;
align-self:unset;
margin:0
}
storefront-view.epaper .issue-data{
width:100%;
margin:0
}
storefront-view.epaper .list-entry{
border-bottom:0
}
storefront-view.epaper .highlighted-epaper storefront-issue[template=highlight] .issue-image{
width:231px
}
storefront-view.epaper .highlighted-epaper storefront-issue[template=highlight] .issue-actions{
position:static;
display:flex;
flex-direction:column;
row-gap:.625rem;
margin-top:1.625rem
}
storefront-view.epaper .archive{
position:relative;
display:flex;
flex-direction:row;
justify-content:start;
align-items:center;
margin:0 var(--margin);
height:2.92em;
font-size:1.5rem;
font-weight:600
}
storefront-view.epaper .archive-title{
color:var(--colorBlack-50)
}
storefront-view.epaper .toggle-publication{
padding:var(--margin);
justify-content:center;
align-items:center
}
storefront-view.epaper .toggle-publication>storefront-element{
width:100%;
max-width:20.75rem
}
storefront-view.epaper .toggle-publication .list-content{
flex-direction:row;
padding:0
}
storefront-view.epaper .toggle-publication .list-entry{
flex:0 0 50%;
margin:0!important;
padding:var(--shadowWidth)
}
storefront-view.epaper .toggle-publication .list-entry button{
width:100%;
margin:0
}
storefront-view.epaper .toggle-publication .list-entry .mat-ripple-element{
display:none
}
@media (min-width: 43.75rem){
storefront-view.epaper storefront-list{
--gridListColumns: 3
}
storefront-view.epaper .highlighted-epaper storefront-issue[template=highlight]{
--imageWidth: 320px;
--dataWidth: 221px;
--dateHeight: calc(var(--dateFontSize) * 1.3 + var(--dateMargin));
position:relative;
flex-direction:row;
justify-content:center;
column-gap:var(--margin);
width:calc(var(--imageWidth) + var(--dataWidth) + var(--margin));
margin:auto
}
storefront-view.epaper .highlighted-epaper storefront-issue[template=highlight] .issue-image{
flex:0 0 320px;
width:auto;
margin-bottom:calc(var(--dateHeight) * 2 + var(--shadowWidth))
}
storefront-view.epaper .highlighted-epaper storefront-issue[template=highlight] .issue-data{
flex:0 0 221px
}
storefront-view.epaper .highlighted-epaper .issue-custom-message{
position:absolute;
left:0;
bottom:0;
width:var(--imageWidth)
}
storefront-view.epaper .highlighted-epaper .weekday{
margin-bottom:var(--dateHeight)
}
storefront-view.epaper .archive{
justify-content:center
}
}
@media (min-width: 66.25rem){
storefront-view.epaper storefront-list{
--gridListColumns: 4
}
}
storefront-view.home .ressort-previews-container .list-content{
--gridListColumns: 1
}
storefront-view.home .ressort-previews{
justify-content:flex-start;
height:100%;
padding:2.5rem 0 var(--margin);
background-color:#fff
}
storefront-view.home .ressort-previews>*:last-child{
margin-top:auto
}
storefront-view.home .ressort-previews h2{
--margin: calc(2*var(--marginSmall));
width:calc(100% - 2*var(--margin));
margin:0 var(--margin) var(--marginSmall);
padding:0 0 .2em;
border-bottom:3px solid var(--colorBrand);
font-family:var(--article-title-font);
font-size:1.875rem;
font-weight:600;
line-height:1.033;
letter-spacing:.01em;
color:var(--colorBrand)
}
storefront-view.home .ressort-previews .list-content{
--listPadding: 0;
--gutter: var(--marginSmall)
}
storefront-view.home .ressort-previews .list-content .list-entry{
padding:0 var(--marginSmall)
}
storefront-view.home .ressort-previews .list-content .list-entry:not([data-entry-index="0"]){
padding:0 calc(2*var(--marginSmall));
border-bottom:var(--baseBorder)
}
storefront-view.home .ressort-previews .list-content .list-entry:not([data-entry-index="0"]) .issue-image,storefront-view.home .ressort-previews .list-content .list-entry:not([data-entry-index="0"]) .issue-description{
display:none
}
storefront-view.home .ressort-previews .list-content .list-entry:not([data-entry-index="0"]) .issue-title{
margin-bottom:-.25rem
}
storefront-view.home .ressort-previews .issue-image{
margin-bottom:var(--marginSmall)
}
storefront-view.home .ressort-previews .to-ressort storefront-element[type=button]{
display:flex;
justify-content:flex-end
}
storefront-view.home .ressort-previews .to-ressort button{
--borderRadius: 0;
--buttonPaddingVert: var(--marginSmall);
--buttonPaddingHoriz: var(--marginSmall);
margin:0 var(--marginSmall) 0 auto;
background-color:transparent;
text-transform:uppercase;
font-size:.75rem;
font-weight:600;
line-height:1.25;
letter-spacing:.08em
}
@media (min-width: 43.75rem){
storefront-view.home .ressort-previews-container .list-content{
--gridListColumns: 2
}
}
@media (min-width: 60rem){
storefront-view.home .ressort-previews-container .list-content{
--gridListColumns: 3
}
}
storefront-view.home .schlauch-section storefront-issue{
display:none
}
storefront-view.home .schlauch-section storefront-issue.visible{
display:flex
}
storefront-view.home .schlauch-section .schlauch-section-content>.list-content>*{
_display:none
}
storefront-view.home .schlauch-section.start-1 .schlauch-section-content>.list-content>*:nth-child(1),storefront-view.home .schlauch-section.start-1 .schlauch-section-content>.list-content>*:nth-child(1)~*{
display:block
}
storefront-view.home .schlauch-section.end-1 .schlauch-section-content>.list-content>*:nth-child(1),storefront-view.home .schlauch-section.end-1 .schlauch-section-content>.list-content>*:nth-child(1)~*{
display:none
}
storefront-view.home .schlauch-section.start-2 .schlauch-section-content>.list-content>*:nth-child(2),storefront-view.home .schlauch-section.start-2 .schlauch-section-content>.list-content>*:nth-child(2)~*{
display:block
}
storefront-view.home .schlauch-section.end-2 .schlauch-section-content>.list-content>*:nth-child(2),storefront-view.home .schlauch-section.end-2 .schlauch-section-content>.list-content>*:nth-child(2)~*{
display:none
}
storefront-view.home .schlauch-section.start-3 .schlauch-section-content>.list-content>*:nth-child(3),storefront-view.home .schlauch-section.start-3 .schlauch-section-content>.list-content>*:nth-child(3)~*{
display:block
}
storefront-view.home .schlauch-section.end-3 .schlauch-section-content>.list-content>*:nth-child(3),storefront-view.home .schlauch-section.end-3 .schlauch-section-content>.list-content>*:nth-child(3)~*{
display:none
}
storefront-view.home .schlauch-section.start-4 .schlauch-section-content>.list-content>*:nth-child(4),storefront-view.home .schlauch-section.start-4 .schlauch-section-content>.list-content>*:nth-child(4)~*{
display:block
}
storefront-view.home .schlauch-section.end-4 .schlauch-section-content>.list-content>*:nth-child(4),storefront-view.home .schlauch-section.end-4 .schlauch-section-content>.list-content>*:nth-child(4)~*{
display:none
}
storefront-view.home .schlauch-section.start-5 .schlauch-section-content>.list-content>*:nth-child(5),storefront-view.home .schlauch-section.start-5 .schlauch-section-content>.list-content>*:nth-child(5)~*{
display:block
}
storefront-view.home .schlauch-section.end-5 .schlauch-section-content>.list-content>*:nth-child(5),storefront-view.home .schlauch-section.end-5 .schlauch-section-content>.list-content>*:nth-child(5)~*{
display:none
}
storefront-view.home .schlauch-section.start-6 .schlauch-section-content>.list-content>*:nth-child(6),storefront-view.home .schlauch-section.start-6 .schlauch-section-content>.list-content>*:nth-child(6)~*{
display:block
}
storefront-view.home .schlauch-section.end-6 .schlauch-section-content>.list-content>*:nth-child(6),storefront-view.home .schlauch-section.end-6 .schlauch-section-content>.list-content>*:nth-child(6)~*{
display:none
}
storefront-view.home .schlauch-section.start-7 .schlauch-section-content>.list-content>*:nth-child(7),storefront-view.home .schlauch-section.start-7 .schlauch-section-content>.list-content>*:nth-child(7)~*{
display:block
}
storefront-view.home .schlauch-section.end-7 .schlauch-section-content>.list-content>*:nth-child(7),storefront-view.home .schlauch-section.end-7 .schlauch-section-content>.list-content>*:nth-child(7)~*{
display:none
}
storefront-view.home .schlauch-section.start-8 .schlauch-section-content>.list-content>*:nth-child(8),storefront-view.home .schlauch-section.start-8 .schlauch-section-content>.list-content>*:nth-child(8)~*{
display:block
}
storefront-view.home .schlauch-section.end-8 .schlauch-section-content>.list-content>*:nth-child(8),storefront-view.home .schlauch-section.end-8 .schlauch-section-content>.list-content>*:nth-child(8)~*{
display:none
}
storefront-view.home .schlauch-section.start-9 .schlauch-section-content>.list-content>*:nth-child(9),storefront-view.home .schlauch-section.start-9 .schlauch-section-content>.list-content>*:nth-child(9)~*{
display:block
}
storefront-view.home .schlauch-section.end-9 .schlauch-section-content>.list-content>*:nth-child(9),storefront-view.home .schlauch-section.end-9 .schlauch-section-content>.list-content>*:nth-child(9)~*{
display:none
}
storefront-view.home .schlauch-section.start-10 .schlauch-section-content>.list-content>*:nth-child(10),storefront-view.home .schlauch-section.start-10 .schlauch-section-content>.list-content>*:nth-child(10)~*{
display:block
}
storefront-view.home .schlauch-section.end-10 .schlauch-section-content>.list-content>*:nth-child(10),storefront-view.home .schlauch-section.end-10 .schlauch-section-content>.list-content>*:nth-child(10)~*{
display:none
}
storefront-view.home .schlauch-section.start-11 .schlauch-section-content>.list-content>*:nth-child(11),storefront-view.home .schlauch-section.start-11 .schlauch-section-content>.list-content>*:nth-child(11)~*{
display:block
}
storefront-view.home .schlauch-section.end-11 .schlauch-section-content>.list-content>*:nth-child(11),storefront-view.home .schlauch-section.end-11 .schlauch-section-content>.list-content>*:nth-child(11)~*{
display:none
}
storefront-view.home .schlauch-section.start-12 .schlauch-section-content>.list-content>*:nth-child(12),storefront-view.home .schlauch-section.start-12 .schlauch-section-content>.list-content>*:nth-child(12)~*{
display:block
}
storefront-view.home .schlauch-section.end-12 .schlauch-section-content>.list-content>*:nth-child(12),storefront-view.home .schlauch-section.end-12 .schlauch-section-content>.list-content>*:nth-child(12)~*{
display:none
}
storefront-view.home .schlauch-section.start-13 .schlauch-section-content>.list-content>*:nth-child(13),storefront-view.home .schlauch-section.start-13 .schlauch-section-content>.list-content>*:nth-child(13)~*{
display:block
}
storefront-view.home .schlauch-section.end-13 .schlauch-section-content>.list-content>*:nth-child(13),storefront-view.home .schlauch-section.end-13 .schlauch-section-content>.list-content>*:nth-child(13)~*{
display:none
}
storefront-view.home .schlauch-section.start-14 .schlauch-section-content>.list-content>*:nth-child(14),storefront-view.home .schlauch-section.start-14 .schlauch-section-content>.list-content>*:nth-child(14)~*{
display:block
}
storefront-view.home .schlauch-section.end-14 .schlauch-section-content>.list-content>*:nth-child(14),storefront-view.home .schlauch-section.end-14 .schlauch-section-content>.list-content>*:nth-child(14)~*{
display:none
}
storefront-view.home .schlauch-section.start-15 .schlauch-section-content>.list-content>*:nth-child(15),storefront-view.home .schlauch-section.start-15 .schlauch-section-content>.list-content>*:nth-child(15)~*{
display:block
}
storefront-view.home .schlauch-section.end-15 .schlauch-section-content>.list-content>*:nth-child(15),storefront-view.home .schlauch-section.end-15 .schlauch-section-content>.list-content>*:nth-child(15)~*{
display:none
}
storefront-view.home .schlauch-section.start-16 .schlauch-section-content>.list-content>*:nth-child(16),storefront-view.home .schlauch-section.start-16 .schlauch-section-content>.list-content>*:nth-child(16)~*{
display:block
}
storefront-view.home .schlauch-section.end-16 .schlauch-section-content>.list-content>*:nth-child(16),storefront-view.home .schlauch-section.end-16 .schlauch-section-content>.list-content>*:nth-child(16)~*{
display:none
}
storefront-view.home .schlauch-section.start-17 .schlauch-section-content>.list-content>*:nth-child(17),storefront-view.home .schlauch-section.start-17 .schlauch-section-content>.list-content>*:nth-child(17)~*{
display:block
}
storefront-view.home .schlauch-section.end-17 .schlauch-section-content>.list-content>*:nth-child(17),storefront-view.home .schlauch-section.end-17 .schlauch-section-content>.list-content>*:nth-child(17)~*{
display:none
}
storefront-view.home .schlauch-section.start-18 .schlauch-section-content>.list-content>*:nth-child(18),storefront-view.home .schlauch-section.start-18 .schlauch-section-content>.list-content>*:nth-child(18)~*{
display:block
}
storefront-view.home .schlauch-section.end-18 .schlauch-section-content>.list-content>*:nth-child(18),storefront-view.home .schlauch-section.end-18 .schlauch-section-content>.list-content>*:nth-child(18)~*{
display:none
}
storefront-view.home .schlauch-section.start-19 .schlauch-section-content>.list-content>*:nth-child(19),storefront-view.home .schlauch-section.start-19 .schlauch-section-content>.list-content>*:nth-child(19)~*{
display:block
}
storefront-view.home .schlauch-section.end-19 .schlauch-section-content>.list-content>*:nth-child(19),storefront-view.home .schlauch-section.end-19 .schlauch-section-content>.list-content>*:nth-child(19)~*{
display:none
}
storefront-view.home .schlauch-section.start-20 .schlauch-section-content>.list-content>*:nth-child(20),storefront-view.home .schlauch-section.start-20 .schlauch-section-content>.list-content>*:nth-child(20)~*{
display:block
}
storefront-view.home .schlauch-section.end-20 .schlauch-section-content>.list-content>*:nth-child(20),storefront-view.home .schlauch-section.end-20 .schlauch-section-content>.list-content>*:nth-child(20)~*{
display:none
}
storefront-view.home .schlauch-section.start-21 .schlauch-section-content>.list-content>*:nth-child(21),storefront-view.home .schlauch-section.start-21 .schlauch-section-content>.list-content>*:nth-child(21)~*{
display:block
}
storefront-view.home .schlauch-section.end-21 .schlauch-section-content>.list-content>*:nth-child(21),storefront-view.home .schlauch-section.end-21 .schlauch-section-content>.list-content>*:nth-child(21)~*{
display:none
}
storefront-view.home .schlauch-section.start-22 .schlauch-section-content>.list-content>*:nth-child(22),storefront-view.home .schlauch-section.start-22 .schlauch-section-content>.list-content>*:nth-child(22)~*{
display:block
}
storefront-view.home .schlauch-section.end-22 .schlauch-section-content>.list-content>*:nth-child(22),storefront-view.home .schlauch-section.end-22 .schlauch-section-content>.list-content>*:nth-child(22)~*{
display:none
}
storefront-view.home .schlauch-section.start-23 .schlauch-section-content>.list-content>*:nth-child(23),storefront-view.home .schlauch-section.start-23 .schlauch-section-content>.list-content>*:nth-child(23)~*{
display:block
}
storefront-view.home .schlauch-section.end-23 .schlauch-section-content>.list-content>*:nth-child(23),storefront-view.home .schlauch-section.end-23 .schlauch-section-content>.list-content>*:nth-child(23)~*{
display:none
}
storefront-view.home .schlauch-section.start-24 .schlauch-section-content>.list-content>*:nth-child(24),storefront-view.home .schlauch-section.start-24 .schlauch-section-content>.list-content>*:nth-child(24)~*{
display:block
}
storefront-view.home .schlauch-section.end-24 .schlauch-section-content>.list-content>*:nth-child(24),storefront-view.home .schlauch-section.end-24 .schlauch-section-content>.list-content>*:nth-child(24)~*{
display:none
}
storefront-view.home .schlauch-section.start-25 .schlauch-section-content>.list-content>*:nth-child(25),storefront-view.home .schlauch-section.start-25 .schlauch-section-content>.list-content>*:nth-child(25)~*{
display:block
}
storefront-view.home .schlauch-section.end-25 .schlauch-section-content>.list-content>*:nth-child(25),storefront-view.home .schlauch-section.end-25 .schlauch-section-content>.list-content>*:nth-child(25)~*{
display:none
}
storefront-view.home .schlauch-section.start-26 .schlauch-section-content>.list-content>*:nth-child(26),storefront-view.home .schlauch-section.start-26 .schlauch-section-content>.list-content>*:nth-child(26)~*{
display:block
}
storefront-view.home .schlauch-section.end-26 .schlauch-section-content>.list-content>*:nth-child(26),storefront-view.home .schlauch-section.end-26 .schlauch-section-content>.list-content>*:nth-child(26)~*{
display:none
}
storefront-view.home .schlauch-section.start-27 .schlauch-section-content>.list-content>*:nth-child(27),storefront-view.home .schlauch-section.start-27 .schlauch-section-content>.list-content>*:nth-child(27)~*{
display:block
}
storefront-view.home .schlauch-section.end-27 .schlauch-section-content>.list-content>*:nth-child(27),storefront-view.home .schlauch-section.end-27 .schlauch-section-content>.list-content>*:nth-child(27)~*{
display:none
}
storefront-view.home .schlauch-section.start-28 .schlauch-section-content>.list-content>*:nth-child(28),storefront-view.home .schlauch-section.start-28 .schlauch-section-content>.list-content>*:nth-child(28)~*{
display:block
}
storefront-view.home .schlauch-section.end-28 .schlauch-section-content>.list-content>*:nth-child(28),storefront-view.home .schlauch-section.end-28 .schlauch-section-content>.list-content>*:nth-child(28)~*{
display:none
}
storefront-view.home .schlauch-section.start-29 .schlauch-section-content>.list-content>*:nth-child(29),storefront-view.home .schlauch-section.start-29 .schlauch-section-content>.list-content>*:nth-child(29)~*{
display:block
}
storefront-view.home .schlauch-section.end-29 .schlauch-section-content>.list-content>*:nth-child(29),storefront-view.home .schlauch-section.end-29 .schlauch-section-content>.list-content>*:nth-child(29)~*{
display:none
}
storefront-view.home .schlauch-section.start-30 .schlauch-section-content>.list-content>*:nth-child(30),storefront-view.home .schlauch-section.start-30 .schlauch-section-content>.list-content>*:nth-child(30)~*{
display:block
}
storefront-view.home .schlauch-section.end-30 .schlauch-section-content>.list-content>*:nth-child(30),storefront-view.home .schlauch-section.end-30 .schlauch-section-content>.list-content>*:nth-child(30)~*{
display:none
}
storefront-view.home .schlauch-section.start-31 .schlauch-section-content>.list-content>*:nth-child(31),storefront-view.home .schlauch-section.start-31 .schlauch-section-content>.list-content>*:nth-child(31)~*{
display:block
}
storefront-view.home .schlauch-section.end-31 .schlauch-section-content>.list-content>*:nth-child(31),storefront-view.home .schlauch-section.end-31 .schlauch-section-content>.list-content>*:nth-child(31)~*{
display:none
}
storefront-view.home .schlauch-section.start-32 .schlauch-section-content>.list-content>*:nth-child(32),storefront-view.home .schlauch-section.start-32 .schlauch-section-content>.list-content>*:nth-child(32)~*{
display:block
}
storefront-view.home .schlauch-section.end-32 .schlauch-section-content>.list-content>*:nth-child(32),storefront-view.home .schlauch-section.end-32 .schlauch-section-content>.list-content>*:nth-child(32)~*{
display:none
}
storefront-view.home .schlauch-section.start-33 .schlauch-section-content>.list-content>*:nth-child(33),storefront-view.home .schlauch-section.start-33 .schlauch-section-content>.list-content>*:nth-child(33)~*{
display:block
}
storefront-view.home .schlauch-section.end-33 .schlauch-section-content>.list-content>*:nth-child(33),storefront-view.home .schlauch-section.end-33 .schlauch-section-content>.list-content>*:nth-child(33)~*{
display:none
}
storefront-view.home .schlauch-section.start-34 .schlauch-section-content>.list-content>*:nth-child(34),storefront-view.home .schlauch-section.start-34 .schlauch-section-content>.list-content>*:nth-child(34)~*{
display:block
}
storefront-view.home .schlauch-section.end-34 .schlauch-section-content>.list-content>*:nth-child(34),storefront-view.home .schlauch-section.end-34 .schlauch-section-content>.list-content>*:nth-child(34)~*{
display:none
}
storefront-view.home .schlauch-section.start-35 .schlauch-section-content>.list-content>*:nth-child(35),storefront-view.home .schlauch-section.start-35 .schlauch-section-content>.list-content>*:nth-child(35)~*{
display:block
}
storefront-view.home .schlauch-section.end-35 .schlauch-section-content>.list-content>*:nth-child(35),storefront-view.home .schlauch-section.end-35 .schlauch-section-content>.list-content>*:nth-child(35)~*{
display:none
}
storefront-view.home .schlauch-section.start-36 .schlauch-section-content>.list-content>*:nth-child(36),storefront-view.home .schlauch-section.start-36 .schlauch-section-content>.list-content>*:nth-child(36)~*{
display:block
}
storefront-view.home .schlauch-section.end-36 .schlauch-section-content>.list-content>*:nth-child(36),storefront-view.home .schlauch-section.end-36 .schlauch-section-content>.list-content>*:nth-child(36)~*{
display:none
}
storefront-view.home .schlauch-section.start-37 .schlauch-section-content>.list-content>*:nth-child(37),storefront-view.home .schlauch-section.start-37 .schlauch-section-content>.list-content>*:nth-child(37)~*{
display:block
}
storefront-view.home .schlauch-section.end-37 .schlauch-section-content>.list-content>*:nth-child(37),storefront-view.home .schlauch-section.end-37 .schlauch-section-content>.list-content>*:nth-child(37)~*{
display:none
}
storefront-view.home .schlauch-section.start-38 .schlauch-section-content>.list-content>*:nth-child(38),storefront-view.home .schlauch-section.start-38 .schlauch-section-content>.list-content>*:nth-child(38)~*{
display:block
}
storefront-view.home .schlauch-section.end-38 .schlauch-section-content>.list-content>*:nth-child(38),storefront-view.home .schlauch-section.end-38 .schlauch-section-content>.list-content>*:nth-child(38)~*{
display:none
}
storefront-view.home .schlauch-section.start-39 .schlauch-section-content>.list-content>*:nth-child(39),storefront-view.home .schlauch-section.start-39 .schlauch-section-content>.list-content>*:nth-child(39)~*{
display:block
}
storefront-view.home .schlauch-section.end-39 .schlauch-section-content>.list-content>*:nth-child(39),storefront-view.home .schlauch-section.end-39 .schlauch-section-content>.list-content>*:nth-child(39)~*{
display:none
}
storefront-view.home .schlauch-section.start-40 .schlauch-section-content>.list-content>*:nth-child(40),storefront-view.home .schlauch-section.start-40 .schlauch-section-content>.list-content>*:nth-child(40)~*{
display:block
}
storefront-view.home .schlauch-section.end-40 .schlauch-section-content>.list-content>*:nth-child(40),storefront-view.home .schlauch-section.end-40 .schlauch-section-content>.list-content>*:nth-child(40)~*{
display:none
}
storefront-view.home .schlauch-section.start-41 .schlauch-section-content>.list-content>*:nth-child(41),storefront-view.home .schlauch-section.start-41 .schlauch-section-content>.list-content>*:nth-child(41)~*{
display:block
}
storefront-view.home .schlauch-section.end-41 .schlauch-section-content>.list-content>*:nth-child(41),storefront-view.home .schlauch-section.end-41 .schlauch-section-content>.list-content>*:nth-child(41)~*{
display:none
}
storefront-view.home .schlauch-section.start-42 .schlauch-section-content>.list-content>*:nth-child(42),storefront-view.home .schlauch-section.start-42 .schlauch-section-content>.list-content>*:nth-child(42)~*{
display:block
}
storefront-view.home .schlauch-section.end-42 .schlauch-section-content>.list-content>*:nth-child(42),storefront-view.home .schlauch-section.end-42 .schlauch-section-content>.list-content>*:nth-child(42)~*{
display:none
}
storefront-view.home .schlauch-section.start-43 .schlauch-section-content>.list-content>*:nth-child(43),storefront-view.home .schlauch-section.start-43 .schlauch-section-content>.list-content>*:nth-child(43)~*{
display:block
}
storefront-view.home .schlauch-section.end-43 .schlauch-section-content>.list-content>*:nth-child(43),storefront-view.home .schlauch-section.end-43 .schlauch-section-content>.list-content>*:nth-child(43)~*{
display:none
}
storefront-view.home .schlauch-section.start-44 .schlauch-section-content>.list-content>*:nth-child(44),storefront-view.home .schlauch-section.start-44 .schlauch-section-content>.list-content>*:nth-child(44)~*{
display:block
}
storefront-view.home .schlauch-section.end-44 .schlauch-section-content>.list-content>*:nth-child(44),storefront-view.home .schlauch-section.end-44 .schlauch-section-content>.list-content>*:nth-child(44)~*{
display:none
}
storefront-view.home .schlauch-section.start-45 .schlauch-section-content>.list-content>*:nth-child(45),storefront-view.home .schlauch-section.start-45 .schlauch-section-content>.list-content>*:nth-child(45)~*{
display:block
}
storefront-view.home .schlauch-section.end-45 .schlauch-section-content>.list-content>*:nth-child(45),storefront-view.home .schlauch-section.end-45 .schlauch-section-content>.list-content>*:nth-child(45)~*{
display:none
}
storefront-view.home .schlauch-section.start-46 .schlauch-section-content>.list-content>*:nth-child(46),storefront-view.home .schlauch-section.start-46 .schlauch-section-content>.list-content>*:nth-child(46)~*{
display:block
}
storefront-view.home .schlauch-section.end-46 .schlauch-section-content>.list-content>*:nth-child(46),storefront-view.home .schlauch-section.end-46 .schlauch-section-content>.list-content>*:nth-child(46)~*{
display:none
}
storefront-view.home .schlauch-section.start-47 .schlauch-section-content>.list-content>*:nth-child(47),storefront-view.home .schlauch-section.start-47 .schlauch-section-content>.list-content>*:nth-child(47)~*{
display:block
}
storefront-view.home .schlauch-section.end-47 .schlauch-section-content>.list-content>*:nth-child(47),storefront-view.home .schlauch-section.end-47 .schlauch-section-content>.list-content>*:nth-child(47)~*{
display:none
}
storefront-view.home .schlauch-section.start-48 .schlauch-section-content>.list-content>*:nth-child(48),storefront-view.home .schlauch-section.start-48 .schlauch-section-content>.list-content>*:nth-child(48)~*{
display:block
}
storefront-view.home .schlauch-section.end-48 .schlauch-section-content>.list-content>*:nth-child(48),storefront-view.home .schlauch-section.end-48 .schlauch-section-content>.list-content>*:nth-child(48)~*{
display:none
}
storefront-view.home .schlauch-section.start-49 .schlauch-section-content>.list-content>*:nth-child(49),storefront-view.home .schlauch-section.start-49 .schlauch-section-content>.list-content>*:nth-child(49)~*{
display:block
}
storefront-view.home .schlauch-section.end-49 .schlauch-section-content>.list-content>*:nth-child(49),storefront-view.home .schlauch-section.end-49 .schlauch-section-content>.list-content>*:nth-child(49)~*{
display:none
}
storefront-view.home .schlauch-section.start-50 .schlauch-section-content>.list-content>*:nth-child(50),storefront-view.home .schlauch-section.start-50 .schlauch-section-content>.list-content>*:nth-child(50)~*{
display:block
}
storefront-view.home .schlauch-section.end-50 .schlauch-section-content>.list-content>*:nth-child(50),storefront-view.home .schlauch-section.end-50 .schlauch-section-content>.list-content>*:nth-child(50)~*{
display:none
}
storefront-view.home .home-swiper{
display:none;
padding:1.5rem 0 2.5rem
}
storefront-view.home .home-swiper.has-items{
display:flex
}
storefront-view.home .home-swiper .swiper-wrapper,storefront-view.home .home-swiper .list-content{
display:grid;
grid-template-columns:repeat(1000,auto)
}
storefront-view.home .home-swiper .list-content{
--listItemGutter: 0;
padding:0 calc(var(--margin) / 2);
overflow:auto
}
storefront-view.home .home-swiper .swiper-slide,storefront-view.home .home-swiper .list-content>*{
width:calc(227px + var(--margin));
padding:0 calc(var(--margin) / 2)
}
storefront-view.home .home-swiper .swiper-slide>*{
_pointer-events:none
}
storefront-view.home .home-swiper storefront-issue{
--radius: 6px;
width:227px;
height:100%;
padding-bottom:0;
border-radius:0 0 var(--radius) var(--radius);
box-shadow:0 1px 4px #00000040;
overflow:hidden
}
storefront-view.home .home-swiper storefront-image[height-strategy=FIXED]{
padding-top:69%
}
storefront-view.home .home-swiper storefront-issue[template=card] .issue-image{
margin:0 0 .875rem
}
storefront-view.home .home-swiper .issue-data{
margin:0 .875rem
}
storefront-view.home .home-swiper .issue-title{
padding:0 0 1.25rem;
font-size:1.25rem;
font-weight:600;
line-height:1.25;
letter-spacing:.01em
}
storefront-view.home .home-swiper .issue-custom-message.overline{
padding-bottom:.875rem;
margin:0
}
storefront-view.home .home-swiper .issue-description{
display:none
}
storefront-view.home .home-swiper .swiper-title{
padding:0 var(--margin) .533em;
font-family:var(--article-title-font);
font-size:1.875rem;
font-weight:600;
line-height:1.033;
letter-spacing:.01em
}
storefront-view.home .home-swiper.color-light .swiper-title{
color:#fff
}
storefront-view.home .home-swiper.color-dark .swiper-title{
color:#000
}
storefront-view.home .swiper-1{
background-color:var(--home-swiper-1-bg-color, white)
}
storefront-view.home .swiper-2{
background-color:var(--home-swiper-2-bg-color, white)
}
storefront-view.home .swiper-3{
background-color:var(--home-swiper-3-bg-color, white)
}
storefront-view.home .top-teaser .list-content{
--gridListColumns: 1;
--gutter: 0;
--listItemGutter: 1.5rem;
column-gap:0;
margin:var(--margin);
padding:0 0 var(--listItemGutter);
background:white
}
storefront-view.home .top-teaser storefront-issue{
margin:0 var(--listItemGutter)
}
storefront-view.home .top-teaser .issue-image,storefront-view.home .top-teaser .issue-description{
display:none
}
@media (min-width: 43.75rem){
storefront-view.home .top-teaser .list-content{
--gridListColumns: 2
}
storefront-view.home .top-teaser storefront-issue{
_padding:var(--margin)
}
}
storefront-view.home .top-teaser storefront-element[type=issue]:first-child{
position:relative;
grid-column:1 / -1
}
storefront-view.home .top-teaser storefront-element[type=issue]:first-child storefront-issue{
margin:0;
padding:0
}
@media (min-width: 64rem){
storefront-view.home .top-teaser .list-content{
--gridListColumns: 3
}
storefront-view.home .top-teaser storefront-element[type=issue]:first-child{
padding-bottom:0
}
storefront-view.home .top-teaser storefront-element[type=issue]:first-child storefront-issue{
flex-direction:row;
align-items:center
}
storefront-view.home .top-teaser storefront-element[type=issue]:first-child .issue-actions{
margin-right:0
}
storefront-view.home .top-teaser storefront-element[type=issue]:first-child storefront-image[height-strategy=FIXED]{
--issueImageAspectRatio: 61%;
min-height:100%
}
storefront-view.home .top-teaser storefront-element[type=issue]:first-child storefront-issue{
--issueDataPaddingH: var(--bracketWidth);
display:grid;
grid-template-columns:53% 1fr;
align-items:center
}
storefront-view.home .top-teaser storefront-element[type=issue]:first-child storefront-issue:after{
display:block
}
storefront-view.home .top-teaser storefront-element[type=issue]:first-child .issue-image{
flex:0 0 53%;
height:100%
}
storefront-view.home .top-teaser storefront-element[type=issue]:first-child .issue-data{
justify-content:flex-end
}
storefront-view.home .top-teaser storefront-element[type=issue]:first-child .issue-data:before,storefront-view.home .top-teaser storefront-element[type=issue]:first-child .issue-data:after{
display:none
}
storefront-view.home .top-teaser storefront-element[type=issue]:first-child:after{
display:block
}
storefront-view.home .top-teaser storefront-element[type=issue]:first-child .issue-data{
flex:1 1 100%
}
}
.icon-bookmark:after,.icon-bookmark-active:after,storefront-issue .issue-actions button.icon-bookmark:after,storefront-issue .issue-actions button.icon-bookmark-active:after,storefront-app-bar button:after,storefront-app-bar .toolbar-icon:after,storefront-view.my-hz .settings .close button:after{
content:var(--icon);
font-family:icomoon!important;
font-weight:400
}
.icon-bookmark,storefront-issue .issue-actions button.icon-bookmark,storefront-app-bar .toolbar-icon-bookmark{
--icon: "\e903"
}
.icon-bookmark-active,storefront-issue .issue-actions button.icon-bookmark-active,storefront-app-bar .toolbar-icon-bookmark.is-active{
--icon: "\e904"
}
storefront-app-bar button.icon-menu,storefront-app-bar .toolbar-icon-menu{
--icon: "\e911"
}
storefront-app-bar button.login{
--icon: "\e916"
}
storefront-app-bar button.search{
--icon: "\e914"
}
storefront-app-bar button.epaper{
--icon: "\e901"
}
storefront-app-bar button.news{
--icon: "\e912"
}
storefront-app-bar .toolbar-icon-back,storefront-view.my-hz .settings .close button{
--icon: "\e905"
}
#app-bar-menus .menu-ressorts .menu-content>*:first-child button{
--icon: "\e90a"
}
.icon-arrow-right:before{
content:"\e900"
}
.icon-book-2:before{
content:"\e901"
}
.icon-book:before{
content:"\e902"
}
.icon-bookmark-line:before{
content:"\e903"
}
.icon-bookmark-solid:before{
content:"\e904"
}
.icon-close:before{
content:"\e905"
}
.icon-down:before{
content:"\e906"
}
.icon-headphones-line:before{
content:"\e907"
}
.icon-headphones-solid:before{
content:"\e908"
}
.icon-home-line:before{
content:"\e909"
}
.icon-home-solid:before{
content:"\e90a"
}
.icon-info:before{
content:"\e90b"
}
.icon-legal-1:before{
content:"\e90c"
}
.icon-legal-2:before{
content:"\e90d"
}
.icon-local:before{
content:"\e90e"
}
.icon-mail:before{
content:"\e90f"
}
.icon-memory:before{
content:"\e910"
}
.icon-menu:before{
content:"\e911"
}
.icon-phone:before{
content:"\e912"
}
.icon-push:before{
content:"\e913"
}
.icon-search:before{
content:"\e914"
}
.icon-social:before{
content:"\e915"
}
.icon-user-line:before{
content:"\e916"
}
.icon-user-solid:before{
content:"\e917"
}
html{
--issueTitleFontSize: 1.25rem;
--issueFlexDirection: column;
--issueImageAspectRatio: 65%;
--issueColumnGap: var(--margin);
--issueDataPaddingV: 0;
--issueDataPaddingH: 0;
--issueBorderBottom: none
}
storefront-view .issue-card{
font-size:1rem;
font-weight:400;
line-height:1.5;
letter-spacing:.01em;
border-bottom:var(--issueBorderBottom)
}
storefront-view .issue-card .issue-data{
position:relative;
overflow:visible;
padding:var(--issueDataPaddingV) var(--issueDataPaddingH)
}
storefront-view .issue-card .issue-data>*{
order:10
}
storefront-view .issue-card .issue-title{
margin:0;
font-family:var(--article-title-font);
font-size:var(--issueTitleFontSize);
font-weight:600;
line-height:1.25;
letter-spacing:.01em
}
storefront-view .issue-card .issue-description{
margin-top:1em;
font-family:var(--article-description-font);
color:#444
}
storefront-view .issue-card .issue-actions{
position:absolute;
top:-6px;
right:-9px;
display:block
}
storefront-view .issue-card .issue-actions button.icon-bookmark:after{
color:#bbb;
font-size:.9em
}
storefront-view .issue-card .issue-custom-message.overline{
--plusWidth: 3em;
position:relative;
display:flex;
align-items:center;
order:1;
min-height:1.25em;
margin-bottom:.67em;
font-family:var(--article-description-font);
font-size:.75rem;
font-weight:600;
letter-spacing:.08em;
color:#7f7f7f
}
storefront-view .issue-card .overline-prefix{
display:inline-block;
color:#00a1e1;
margin-right:.5em
}
storefront-view .issue-card.purchasable.locked .issue-custom-message.overline:after{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
color:#af292e;
display:inline-block;
font-family:boez-icons;
font-style:normal;
font-variant:normal;
font-weight:400;
text-transform:none;
margin-left:1em;
content:"\ea1b"
}
storefront-view .issue-card.purchasable.locked .issue-custom-message.kompakt.overline:after{
content:"\ea1a"!important
}
storefront-view .issue-card{
flex-direction:var(--issueFlexDirection);
border-radius:0;
box-shadow:none
}
storefront-view .issue-card .issue-image{
margin-bottom:var(--margin)
}
storefront-view .issue-card .issue-description,storefront-view .issue-card .issue-pub-date,storefront-view .issue-card .issue-title{
--gutter: 0;
-webkit-line-clamp:unset
}
storefront-view .issue-card .issue-pub-date{
display:none
}
storefront-view .issue-card storefront-image[height-strategy=FIXED]{
padding-top:var(--issueImageAspectRatio)
}
storefront-view .issue-card.no-image .issue-image{
display:none
}
storefront-view .issue-card.is-highlighted{
--issueDataPaddingH: var(--margin);
--issueDataPaddingV: var(--margin);
--issueFlexDirection: column;
--issueBorderBottom: none;
--issueImageAspectRatio: 62%;
position:relative
}
storefront-view .issue-card.is-highlighted storefront-issue{
margin:0;
padding:0
}
storefront-view .issue-card.is-highlighted .issue-image{
margin-bottom:0
}
storefront-view .issue-card.is-highlighted .issue-image,storefront-view .issue-card.is-highlighted .issue-description{
display:block
}
storefront-view .issue-card.is-highlighted .issue-custom-message.overline{
margin-bottom:1.5em
}
storefront-view .issue-card.is-highlighted .issue-title{
font-size:1.875rem;
line-height:1.033
}
storefront-view .issue-card.is-highlighted .issue-description{
margin-top:1.5em
}
storefront-view .issue-card.is-highlighted .issue-data{
position:relative;
overflow:visible;
margin:0;
background:white
}
storefront-view .issue-card.is-highlighted .issue-actions{
position:absolute;
top:calc(var(--issueDataPaddingV) - 6px);
right:calc(var(--issueDataPaddingH) - 9px)
}
@media (min-width: 43.75rem){
storefront-view .issue-card.is-highlighted{
--issueDataPaddingH: calc(2 * var(--margin));
--issueDataPaddingV: calc(1.25 * var(--margin));
--issueImageAspectRatio: 66%
}
storefront-view .issue-card.is-highlighted .issue-image,storefront-view .issue-card.is-highlighted .issue-data{
flex:none;
width:100%
}
}
storefront-view .issue-card.with-brackets{
--bracketWidth: 40px;
--bracketBorderWidth: 10px;
--issueDataPaddingV: calc(var(--bracketWidth) - var(--bracketBorderWidth));
--issueDataPaddingH: var(--bracketWidth)
}
storefront-view .issue-card.with-brackets .issue-data:before,storefront-view .issue-card.with-brackets .issue-data:after,storefront-view .issue-card.with-brackets:before,storefront-view .issue-card.with-brackets:after{
content:"";
position:absolute;
top:calc(-1 * var(--bracketBorderWidth));
bottom:0;
width:var(--bracketWidth);
border:var(--bracketBorderWidth) solid var(--colorBrand)
}
storefront-view .issue-card.with-brackets:before,storefront-view .issue-card.with-brackets:after{
--bracketBorderWidth: 15px;
top:0;
display:none
}
storefront-view .issue-card.with-brackets .issue-data:before,storefront-view .issue-card.with-brackets:before{
left:0;
border-right:none
}
storefront-view .issue-card.with-brackets .issue-data:after,storefront-view .issue-card.with-brackets:after{
right:0;
border-left:none
}
@media (min-width: 43.75rem){
storefront-view .issue-card.with-brackets{
--bracketBorderWidth: 15px;
--bracketWidth: 50px;
--issueDataPaddingH: calc(var(--bracketWidth) + 2 * var(--margin))
}
storefront-view .issue-card.with-brackets .issue-actions{
margin-right:calc(-2 * var(--margin))
}
}
.modal-container.login>.modal-content .web-footer{
display:none!important
}
.modal-container.login{
top:unset;
bottom:unset;
width:unset
}
.modal-container.login>.icon-close{
position:absolute
}
storefront-element[type=login] .teaser-bold{
font-size:1.2rem;
font-weight:600
}
storefront-view.login storefront-login{
max-width:768px;
margin:0 auto;
padding:2.5rem 2rem 0
}
storefront-element[type=login] h1{
padding:0 0 1rem;
margin:0;
border-bottom:1px solid var(--colorTextPrimary);
font-size:1.5em;
font-weight:500;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
color:var(--colorTextPrimary)
}
storefront-element[type=login] .content{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:stretch
}
storefront-element[type=login] storefront-element[type=login]{
flex:0 0 0
}
storefront-element[type=login] storefront-element[type=login]+storefront-element{
flex:1 0 auto;
background:white;
text-align:center
}
storefront-element[type=login] .login-info{
display:none
}
storefront-element[type=login] p[storefronttranslate=LOGIN_TEASER]{
text-align:left
}
storefront-element[type=login] form{
display:flex;
flex-direction:column
}
storefront-element[type=login] form .input{
order:1
}
storefront-element[type=login] form .login-actions{
order:3
}
storefront-element[type=login] form p[storefronttranslate=LOGIN_HELP]{
padding-top:1rem;
order:2;
font-size:.9rem
}
storefront-element[type=login] form p[storefronttranslate=LOGIN_HELP] a{
line-height:2
}
storefront-element[type=login] input[type=text],storefront-element[type=login] input[type=email],storefront-element[type=login] input[type=password]{
height:40px;
padding-left:.7rem;
border:.5px solid var(--secondaryTextColor);
line-height:25px;
outline:none;
font-size:1rem;
color:var(--secondaryTextColor);
-webkit-appearance:none;
border-radius:var(--borderRadius)
}
storefront-element[type=login] input[type=text]::placeholder,storefront-element[type=login] input[type=email]::placeholder,storefront-element[type=login] input[type=password]::placeholder{
font-style:italic
}
storefront-element[type=login] p[storefronttranslate=LOGIN_LOGOUT_TEASER]{
text-align:center
}
storefront-element[type=login] p[storefronttranslate=LOGIN_LOGOUT_HELP]{
display:none
}
storefront-element[type=login] .login-submit{
color:#fff;
background-color:var(--colorBrand)
}
.app-bar-login .icon-arrow-left:after{
content:"\2039\a0Zur\fc ck";
font-family:OpenSans;
transform:none!important
}
.app-bar-login .icon-arrow-left{
overflow:visible!important;
margin-right:50em
}
storefront-view.my-hz>.content{
display:flex;
justify-content:center;
align-items:center;
min-height:var(--minContentHeight)
}
storefront-view.my-hz .start-view{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
height:100%;
max-width:37.5rem;
min-height:var(--minContentHeight);
margin:auto;
padding:0 var(--margin)
}
storefront-view.my-hz .start-view storefront-element,storefront-view.my-hz .start-view storefront-html{
width:100%
}
storefront-view.my-hz .start-view h1{
width:100%;
margin-bottom:.875rem;
font-size:1.875rem;
font-weight:700;
line-height:1.27;
letter-spacing:.01em;
text-align:center
}
storefront-view.my-hz .start-view h1:before{
content:"\e901";
display:block;
margin-bottom:.5em;
font-family:icomoon!important;
font-weight:400;
font-size:1.33em;
color:var(--colorBlack-25)
}
storefront-view.my-hz .start-view p{
margin-bottom:1.25rem;
font-weight:400;
line-height:1.5;
letter-spacing:.01em;
text-align:center
}
storefront-view.my-hz .start-view button{
width:100%
}
storefront-view.my-hz .settings{
display:grid;
grid-template-columns:1fr;
grid-template-rows:auto auto 1fr;
padding:calc(6 * var(--margin)) var(--margin) 0;
height:var(--minContentHeight);
overflow:hidden
}
storefront-view.my-hz .settings .close{
position:absolute;
top:0;
right:0
}
storefront-view.my-hz .settings .close button{
padding:var(--margin);
border-radius:200px;
background-color:transparent;
color:var(--colorBlack-50);
line-height:1
}
storefront-view.my-hz .settings h1{
margin-bottom:.65rem;
font-size:1.25rem;
font-weight:600;
line-height:1.25;
letter-spacing:.01em
}
storefront-view.my-hz .settings p{
margin-bottom:1.5625rem;
font-size:1rem;
font-weight:400;
line-height:1.5;
letter-spacing:.01em
}
storefront-view.my-hz .settings>storefront-element[type=list]{
padding-bottom:1.5625rem;
overflow:auto
}
storefront-view.my-hz .settings .list-content{
padding:0
}
storefront-view.my-hz .settings .list-content .list-entry{
margin:0
}
storefront-view.my-hz .settings .rubric{
position:relative;
font-size:1rem;
font-weight:600;
line-height:1;
letter-spacing:.01em
}
storefront-view.my-hz .settings .rubric storefront-button,storefront-view.my-hz .settings .rubric button{
position:relative;
z-index:2;
display:block;
width:100%;
text-align:left;
background-color:transparent
}
storefront-view.my-hz .settings .rubric button{
padding:var(--margin) 0
}
storefront-view.my-hz .settings .rubric button .mat-ripple-element{
display:none
}
storefront-view.my-hz .settings .rubric .toggle{
--toggleHeight: 2em;
--toggleWidth: 3.3em;
--togglePadding: .2em;
position:absolute;
display:flex;
justify-content:flex-start;
align-items:center;
top:50%;
right:0;
height:var(--toggleHeight);
width:var(--toggleWidth);
padding:var(--togglePadding);
border-radius:var(--toggleWidth);
background-color:var(--colorBlack-5);
transform:translateY(-50%);
font-size:.8rem
}
storefront-view.my-hz .settings .rubric .toggle:before{
--size: calc(var(--toggleHeight) - 2 * var(--togglePadding));
--shadowShift: calc(var(--togglePadding) / 2);
content:"";
display:block;
width:var(--size);
height:var(--size);
border-radius:var(--toggleWidth);
background-color:#fff;
box-shadow:var(--shadowShift) var(--shadowShift) var(--togglePadding) #0000001a
}
storefront-view.my-hz .settings .rubric.active .toggle{
justify-content:flex-end;
background-color:var(--colorBrand)
}
storefront-view.my-hz .article-view{
justify-content:flex-start;
min-height:var(--minContentHeight)
}
storefront-view.my-hz .article-view .list-content{
--listPadding: 0
}
storefront-view.my-hz .article-view .open-settings{
display:flex;
justify-content:flex-end;
height:3.57em;
border-bottom:var(--baseBorder);
font-size:.875rem
}
storefront-view.my-hz .article-view .open-settings button{
height:100%;
padding:0 var(--margin);
border-radius:0;
background-color:transparent;
font-weight:600;
line-height:1;
letter-spacing:.01em;
color:var(--colorBlack-50)
}
.schlauch-section .list-content{
--gutter: 0;
--gridListColumns: 1;
--listPadding: 0;
--listItemGutter: 0;
--issueBorderBottom: var(--baseBorder)
}
.schlauch-section .issue-card{
padding:var(--margin);
background:transparent
}
.schlauch-section .issue-card storefront-image[height-strategy=FIXED]{
padding-top:65%
}
@media (min-width: 43.75rem){
.schlauch-section{
--issueFlexDirection: row;
--issueImageAspectRatio: 69.5%
}
.schlauch-section .issue-card{
align-items:center;
column-gap:var(--margin);
padding:var(--margin)
}
.schlauch-section .issue-card .issue-image{
flex:0 0 210px;
margin:0
}
.schlauch-section .issue-card .issue-data{
flex:1 1 100%;
margin:0
}
.schlauch-section .issue-card.is-highlighted .issue-image{
flex:none
}
}
.schlauch-container{
flex-direction:col
}
.schlauch-sidebar{
row-gap:calc(1.5 * var(--margin));
padding:var(--margin)
}
@media (min-width: 64rem){
.schlauch-container{
--sideBarWidth: 22rem;
flex-direction:row
}
.schlauch-sidebar{
padding:var(--margin) 0
}
.schlauch-container>storefront-element[type=view]{
flex:0 0 calc(100% - var(--sideBarWidth))
}
.schlauch-container>storefront-element[type=section]{
flex:0 0 var(--sideBarWidth)
}
}
storefront-view.search .search-header{
row-gap:1.875rem;
padding:var(--margin)
}
storefront-view.search input[type=search]{
height:2.875em;
padding:0 var(--margin);
border-radius:var(--borderRadius);
background-color:var(--colorBlack-15);
font-size:1rem;
line-height:2.875em
}
storefront-view.search storefront-search-field .search-field-container .search-field-buttons button.search-btn{
display:none
}
storefront-view.search .filters{
position:relative;
flex-direction:row;
justify-content:space-between;
align-items:center
}
storefront-view.search .search-texts{
padding:var(--margin)
}
storefront-view.search .search-texts .search-header-headline{
flex-direction:row;
justify-content:start;
align-items:baseline;
column-gap:.3em;
font-size:1.25rem;
font-weight:600
}
storefront-view.search .search-texts .no-search{
padding-top:var(--margin)
}
storefront-view.search storefront-list{
--listPadding: 0;
--listItemGutter: 0
}
storefront-view.search storefront-list>.list-content{
--gridListColumns: 1;
padding-top:0
}
storefront-view.search storefront-list:not(.list-empty){
border-top:var(--baseBorder)
}
storefront-view.search storefront-issue-search-result{
border-bottom:var(--baseBorder)
}
storefront-view.search storefront-issue-search-result[template=feed] .issue-data{
padding:0
}
storefront-issue-search-result[template=feed] .issue-image{
width:auto
}
storefront-view.search .list-no-results{
margin:0 var(--margin)
}
storefront-view.search .search-results-news .issue-page-hit-excerpt{
font-size:.875rem;
color:#444;
padding:var(--margin) 0
}
storefront-view.search .search-results-news .list-content{
--listItemGutter: var(--margin);
padding:var(--margin)
}
storefront-view.search .search-results-news storefront-issue-search-result{
background-color:transparent
}
storefront-view.search .search-results-news .issue-page-hit-excerpt:before{
content:"[\2026] "
}
storefront-view.search .search-results-news .issue-page-hit-excerpt:after{
content:" [\2026]"
}
storefront-view.search .search-results-epaper storefront-issue-search-result[template=kiosk] .issue-data{
flex-direction:column;
row-gap:.5em
}
storefront-view.search .search-results-epaper .issue-page-hits{
width:100%
}
storefront-view.search .search-results-epaper .issue-page-hit-expand-toggle{
margin-left:auto
}
storefront-view.search .search-results-epaper .issue-page-hit-page-label{
text-align:right;
padding-top:var(--margin);
font-size:.875rem;
color:var(--colorBlack-50)
}
storefront-view.search .search-results-epaper .issue-page-hit{
padding:var(--margin) 0
}
storefront-view.search .search-results-epaper .issue-page-hit:not(:first-child){
border-top:var(--baseBorder)
}
storefront-element[type=dropdown]{
position:relative;
font-size:1rem;
font-weight:600
}
storefront-element[type=dropdown] button{
display:flex;
align-items:center;
justify-content:space-between;
background:white;
font-weight:inherit;
font-size:.875rem;
border:1px solid #7F7F7F
}
storefront-element[type=dropdown] .dropdown-entries{
min-width:100%;
border-radius:0;
overflow:hidden;
font-size:.875rem
}
storefront-element[type=dropdown] .dropdown-entries .dropdown-entry{
padding:calc(var(--margin) / 2) var(--margin)
}
storefront-element[type=dropdown] .dropdown-entries .dropdown-entry:first-child,storefront-element[type=dropdown] .dropdown-entries .dropdown-entry:last-child{
margin:0
}
storefront-element[type=dropdown] storefront-dropdown.open .dropdown-entries{
padding:calc(var(--margin) / 2) 0;
border:1px solid var(--colorBlack-25)
}
storefront-element[type=dropdown] button .icon:after{
color:#000;
margin-left:.5rem;
font-size:1em
}
.bracket-header{
--bracketWidth: 10px;
position:relative;
margin:var(--margin) var(--margin) 0;
padding:1.75rem calc(var(--bracketWidth) + 1.5rem)
}
.bracket-header:before,.bracket-header:after{
content:"";
position:absolute;
display:block;
top:0;
bottom:0;
width:var(--bracketWidth);
height:100%;
border:5px solid var(--colorBrand)
}
.bracket-header:before{
left:0;
border-right:none
}
.bracket-header:after{
right:0;
border-left:none
}
.bracket-header h1{
font-size:1.875rem;
font-weight:600;
line-height:1.033;
letter-spacing:.01em
}
.bracket-header h2{
font-family:var(--sf-font);
font-weight:400;
margin-top:.5em
}
.bracket-header h2 b{
font-weight:600
}
.sidebar-header{
--titleColor: var(--colorBrand);
flex-direction:row;
justify-content:space-between;
align-items:baseline;
padding:.375rem 0 0;
font-size:1rem;
font-weight:600;
line-height:1;
letter-spacing:.01em;
text-transform:uppercase;
border-bottom:var(--baseBorder)
}
.sidebar-header .title{
margin-bottom:-1px;
padding-bottom:.375rem;
border-bottom:3px solid var(--titleColor);
flex-direction:row;
justify-content:space-between;
color:var(--titleColor)
}
storefront-element[type=ad]{
display:block!important
}
storefront-tab-navigation{
--navigationColor: var(--colorBlack-50);
height:var(--navigationHeight);
border-top:1px solid var(--separatorColor);
font-size:.625rem
}
storefront-tab-navigation>div{
justify-content:space-between
}
storefront-tab-navigation .tab-navigation-entry{
position:relative;
flex:0 0 auto;
flex-direction:column
}
storefront-tab-navigation .tab-navigation-entry:before{
position:absolute;
left:50%;
bottom:calc(50% + .5em);
transform:translate(-50%);
font-size:20px;
font-family:Icomoon
}
storefront-tab-navigation>div .tab-navigation-entry:nth-child(5){
display:none
}
storefront-tab-navigation>div .tab-navigation-entry:nth-child(1):before{
content:"\e909"
}
storefront-tab-navigation>div .tab-navigation-entry:nth-child(2):before{
content:"\e903"
}
storefront-tab-navigation>div .tab-navigation-entry:nth-child(3):before{
content:"\e901"
}
@media (min-width: 43.75rem){
storefront-tab-navigation>div .tab-navigation-entry:nth-child(5){
display:flex
}
}
body[data-storefront-platform=web] storefront-tab-navigation{
display:none
}
storefront-embeddable-view.template-article{
--paddingBottom: calc(2 * var(--margin))
}
storefront-embeddable-view.template-article .article-header{
padding:calc(3 * var(--margin)) var(--margin) var(--paddingBottom)
}
storefront-embeddable-view.template-article .preface{
margin-bottom:.2em;
font-size:1.5rem;
font-weight:600;
line-height:1.25;
letter-spacing:.01em;
color:var(--colorBrand)
}
storefront-embeddable-view.template-article h1{
margin-bottom:.87em;
font-size:1.875rem;
font-weight:700;
line-height:1.27;
letter-spacing:.01em
}
storefront-embeddable-view.template-article .excerpt{
margin-bottom:1.675em;
font-size:1rem;
font-weight:400;
line-height:1.5;
letter-spacing:.01em
}
storefront-embeddable-view.template-article .excerpt.is-plus>div:before{
content:"\ea1b";
display:block;
font-family:boez-icons;
color:#af292e
}
storefront-embeddable-view.template-article .excerpt.is-plus.kompakt>div:before{
content:"\ea1a"!important
}
storefront-embeddable-view.template-article .meta-data{
--bulletWidth: 1em;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:baseline;
font-size:.875rem;
font-weight:400;
line-height:1.5;
letter-spacing:.01em;
color:var(--colorBlack-50);
overflow:hidden
}
storefront-embeddable-view.template-article .meta-data .without-region{
display:none
}
storefront-embeddable-view.template-article .meta-data storefront-element[child-id=publication-date]{
margin-right:var(--bulletWidth)
}
storefront-embeddable-view.template-article .meta-data #region{
margin-left:calc(-1 * var(--bulletWidth))
}
storefront-embeddable-view.template-article .meta-data #region:before{
content:"\2022";
display:block;
width:var(--bulletWidth);
text-align:center
}
storefront-embeddable-view.template-article .meta-data storefront-element[child-id=authors-container]{
flex:0 0 100%
}
storefront-embeddable-view.template-article .meta-data #authors-container{
flex-direction:row;
column-gap:.3em;
font-weight:400
}
storefront-embeddable-view.template-article .meta-data #authors-container storefront-element[child-id=prefix]{
flex:0 0 auto
}
storefront-embeddable-view.template-article .meta-data #authors-container storefront-element[child-id=authors]{
flex:0 1 100%;
font-weight:700
}
storefront-embeddable-view.template-article .teaser-image{
padding:0 0 var(--paddingBottom)
}
storefront-embeddable-view.template-article .teaser-image img{
width:100%
}
storefront-embeddable-view.template-article .teaser-image .image-meta-data{
padding:var(--margin);
background:var(--colorBlack-5);
font-size:.875rem;
font-weight:400;
line-height:1.5;
letter-spacing:.01em;
color:var(--colorBlack-50)
}
storefront-embeddable-view.template-article .entry-content{
padding:0 var(--margin) var(--paddingBottom)
}
storefront-embeddable-view.template-article .entry-content .entry-title{
display:none
}
storefront-embeddable-view.template-article storefront-content-body article .entry-content .purple-inner-container>*{
margin:0 0 var(--margin)!important
}
storefront-embeddable-view.template-article .wp-block-embed__wrapper{
position:relative
}
storefront-embeddable-view.template-article .wp-embed-aspect-16-9 .wp-block-embed__wrapper{
padding-top:56.25%
}
storefront-embeddable-view.template-article .wp-block-embed__wrapper>iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
storefront-embeddable-view.template-most-read .content{
display:flex;
flex-direction:column;
margin:var(--margin);
padding:var(--marginBig);
row-gap:1.125rem;
background:white
}
storefront-embeddable-view.template-most-read .list-content{
--listItemGutter: 0;
--listPadding: 0;
counter-reset:most-read
}
storefront-embeddable-view.template-most-read .list-content>*{
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
padding:var(--marginSmall) 0;
border-bottom:var(--baseBorder)
}
storefront-embeddable-view.template-most-read .list-content>*:first-child{
padding-top:0
}
storefront-embeddable-view.template-most-read .list-content>*:last-child{
padding-bottom:0;
border:none
}
storefront-embeddable-view.template-most-read .list-content>*:before{
counter-increment:most-read;
content:"#" counter(most-read);
display:block;
flex:0 0 45px;
font-family:var(--sf-font);
font-size:1.875rem;
font-weight:400;
line-height:1.27;
letter-spacing:.01em;
text-align:left
}
storefront-embeddable-view.template-most-read .issue-data{
align-items:flex-start;
margin-top:.35em
}
storefront-embeddable-view.template-most-read .issue-image{
display:none
}
storefront-embeddable-view.template-most-read .issue-data>*:not(.issue-title){
display:none
}
storefront-embeddable-view.template-most-read .issue-title{
font-size:1.25rem;
font-weight:600;
line-height:1.25;
letter-spacing:.01em;
text-align:left
}
@media (min-width: 60rem){
storefront-embeddable-view.template-most-read .content{
margin:0 var(--margin) 0 0
}
}
storefront-embeddable-view.template-ressort .ressort-header #ressort-menu .menu-content{
--fontSize: .875rem;
--marginV: .3em;
display:flex;
flex-wrap:wrap;
column-gap:calc(1.3 * var(--fontSize));
margin:var(--marginV) 0 calc(-.2 * var(--fontSize))
}
storefront-embeddable-view.template-ressort .ressort-header #ressort-menu button{
--borderRadius: 0;
margin:var(--marginV) 0;
padding:0;
background:transparent;
font-size:var(--fontSize);
font-weight:600;
line-height:1;
letter-spacing:.01em;
color:#080707
}
storefront-embeddable-view.template-ressort .ressort-article-list{
flex-direction:column-reverse
}
@media (min-width: 60rem){
storefront-embeddable-view.template-ressort .ressort-article-list{
position:relative;
flex-direction:row
}
storefront-embeddable-view.template-ressort .schlauch-container>storefront-element[type=view]{
flex:0 0 100%
}
storefront-embeddable-view.template-ressort .schlauch-container>storefront-element[type=view] .list-entry{
width:calc(100% - var(--sideBarWidth))
}
storefront-embeddable-view.template-ressort .schlauch-container>storefront-element[type=section]{
position:absolute;
top:0;
right:0;
width:var(--sideBarWidth)
}
}
storefront-issue.ticker-article .issue-data{
flex-direction:column-reverse;
align-items:flex-start
}
storefront-issue.ticker-article .issue-title{
margin-bottom:0
}
storefront-issue.ticker-article .issue-actions,storefront-issue.ticker-article .issue-tags,storefront-issue.ticker-article .issue-categories,storefront-issue.ticker-article .issue-properties,storefront-issue.ticker-article .issue-image{
display:none
}
storefront-issue.ticker-article .publication-date-time{
--gutter: 0;
display:flex;
justify-content:space-between;
width:100%;
font-size:.75rem;
font-weight:600;
line-height:.8;
letter-spacing:.08em;
color:#7f7f7f
}
storefront-view.ticker .filters{
display:flex;
flex-direction:row;
justify-content:space-between;
padding:var(--margin);
column-gap:var(--margin)
}
storefront-view.ticker .filters>storefront-element{
flex:0 1 50%
}
storefront-view.ticker .filters>storefront-element button{
width:100%
}
storefront-view.ticker .list-content{
--listItemGutter: 0;
--listPadding: 0;
padding:0 var(--margin) var(--margin)
}
storefront-view.ticker .list-content .list-entry{
padding:var(--margin) 0;
border-bottom:var(--baseBorder)
}
storefront-embeddable-view.template-ticker .content{
display:flex;
flex-direction:column;
margin:var(--margin);
padding:var(--marginBig);
row-gap:1.125rem;
background:white
}
storefront-embeddable-view.template-ticker .list-content{
--listItemGutter: 1.125rem;
--listPadding: 0
}
storefront-embeddable-view.template-ticker .navigate{
font-size:.75em;
color:#444
}
storefront-embeddable-view.template-ticker .issue-title{
margin-bottom:0;
font-family:var(--sf-font);
font-size:1rem;
font-weight:400;
line-height:1.5;
letter-spacing:.01em
}
storefront-embeddable-view.template-ticker .dropdown button{
width:100%
}
@media (min-width: 60rem){
storefront-embeddable-view.template-ticker .content{
margin:0 var(--margin) 0 0
}
}
storefront-embeddable-view.template-wp-page .entry-content{
padding:var(--margin)
}
storefront-embeddable-view.template-wp-page .content-full-body.ghost{
display:none
}
storefront-embeddable-view.web-footer{
margin-top:var(--margin);
padding:var(--margin)
}
storefront-embeddable-view.web-footer .footer{
row-gap:var(--margin)
}
storefront-embeddable-view.web-footer .scroll-top div{
--size: 25px;
display:flex;
justify-content:center;
align-items:center;
width:var(--size);
height:var(--size);
margin-left:auto;
border:1px solid black;
border-radius:2px
}
storefront-embeddable-view.web-footer .scroll-top div:before{
content:"";
width:0;
height:0;
border-style:solid;
border-width:0 3.5px 5px 3.5px;
border-color:transparent transparent #000000 transparent
}
storefront-embeddable-view.web-footer .links{
display:grid;
grid-template-columns:repeat(4,1fr);
column-gap:var(--margin);
margin-bottom:10px
}
storefront-embeddable-view.web-footer .link-column{
border-top:3px solid var(--colorBrand)
}
storefront-embeddable-view.web-footer .link-column h6{
margin:1rem 0 .7rem;
font-family:Source Sans Pro;
font-size:1rem;
font-weight:600;
line-height:1;
letter-spacing:.01em;
text-transform:uppercase
}
storefront-embeddable-view.web-footer .link-column .menu-content{
display:flex;
flex-direction:column;
row-gap:.3em;
font-size:.875rem
}
storefront-embeddable-view.web-footer .link-column .menu-content button{
--buttonPaddingVert: 0;
--buttonPaddingHoriz: 0;
--borderRadius: 0;
background-color:transparent;
color:#7f7f7f;
font-size:1em;
font-weight:600;
line-height:1;
letter-spacing:.01em
}
storefront-embeddable-view.web-footer .copyright-social-download{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center
}
storefront-embeddable-view.web-footer .social-download{
display:flex;
flex-direction:row;
justify-content:flex-end;
align-items:center
}
storefront-embeddable-view.web-footer .copyright{
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
font-size:.875rem;
font-weight:600;
line-height:1;
letter-spacing:.01em
}
storefront-embeddable-view.web-footer .logo{
height:1.286em;
width:9.57em;
margin-right:3em;
background-image:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/images/logo-full.svg?preview=true&version=1673892587000);
background-position:left center;
background-repeat:no-repeat;
background-size:contain
}
storefront-embeddable-view.web-footer .mw-gruppe{
height:1.875em;
width:5.71em;
margin-left:1em;
background-image:url(https://kiosk.purplemanager.com/delivery/web/dynamicResources/b734df01-892b-4cc6-a2bb-e72a4bc0f9ac/storefront/assets/images/footer-marke.svg?preview=true&version=1673892587000);
background-position:left center;
background-repeat:no-repeat;
background-size:contain
}
storefront-view.home .teaser-section storefront-element:not(:first-child)>storefront-issue>.issue-image{
display:none
}
storefront-view.home .teaser-section storefront-element:not(:first-child)>storefront-issue .issue-description{
display:none
}
storefront-view.home .teaser-section .list-content{
border-bottom:solid black 1px;
background-color:var(--secondaryColor)
}
storefront-view.home .curated .issue-description{
order:2;
font-size:16px;
-webkit-line-clamp:unset
}
storefront-view.home .curated .issue-pub-date{
display:none
}
storefront-view.home .curated .issue-title{
order:1;
font-size:20px;
-webkit-line-clamp:unset
}
storefront-view.home .teaser-section storefront-element:first-child .issue-title{
font-size:30px;
-webkit-line-clamp:unset
}
storefront-view.home .teaser-section storefront-element{
margin-bottom:unset!important
}
storefront-view.home .teaser-section storefront-element storefront-issue{
box-shadow:unset!important;
border-radius:unset!important
}
storefront-view.home .teaser-section storefront-element:first-child>storefront-issue>.issue-data{
padding:.8em;
margin-top:-10px;
border:10px solid #AF292E;
clip-path:polygon(0 0,50px 0,50px 12px,calc(100% - 50px) 12px,calc(100% - 50px) 0,100% 0,100% 100%,calc(100% - 50px) 100%,calc(100% - 50px) calc(100% - 12px),50px calc(100% - 12px),50px 100%,0 100%)
}
@media only screen and (max-width: 800px){
.home .teaser-section .list-content{
--gridListColumns: 1
}
}
@media only screen and (min-width: 801px) and (max-width: 1200px){
.home .teaser-section .list-content{
--gridListColumns: 2
}
.home .teaser-section .list-content>*:first-child{
grid-column:1/3
}
storefront-view.home .schlauch-section .list-content storefront-issue{
flex-direction:row;
padding:1em
}
storefront-view.home .schlauch-section storefront-element storefront-issue .issue-image{
flex:0 0 30%
}
}
@media only screen and (min-width: 1201px){
.home .teaser-section .list-content{
--gridListColumns: 3
}
.home .teaser-section .list-content>*:first-child{
grid-column:1/4
}
storefront-view.home .teaser-section .list-content>*:first-child storefront-issue{
flex-direction:row
}
storefront-view.home .teaser-section storefront-element storefront-issue .issue-image{
flex:0 0 55%
}
storefront-view.home .teaser-section storefront-element:first-child>storefront-issue>.issue-data{
padding:.8em;
margin-top:0;
border-left:unset;
border-right:20px solid #AF292E;
border-top:20px solid #AF292E;
border-bottom:20px solid #AF292E;
clip-path:polygon(0 0,0 0,0 22px,calc(100% - 50px) 22px,calc(100% - 50px) 0,100% 0,100% 100%,calc(100% - 50px) 100%,calc(100% - 50px) calc(100% - 22px),0 calc(100% - 22px),0 100%,0 100%)
}
storefront-view.home .schlauch-section .list-content storefront-issue{
flex-direction:row;
padding:1em
}
storefront-view.home .schlauch-section storefront-element storefront-issue .issue-image{
flex:0 0 30%
}
}
.home .schlauch-section .list-content{
--gridListColumns: 1
}
storefront-view.home .schlauch-section storefront-element storefront-issue{
box-shadow:unset!important;
border-radius:unset!important;
border-bottom:1px solid black;
background-color:var(--backgroundColor)
}
.home .schlauch-section .issue-data{
padding:1em
}
storefront-view.home .schlauch-section2 storefront-element:first-child .issue-title{
font-size:30px
}
storefront-view.home .schlauch-section2 storefront-element:first-child storefront-issue{
flex-direction:row-reverse
}
storefront-view.home .schlauch-section2 storefront-element:first-child storefront-issue .issue-image{
flex:0 0 50%
}
.paywall{
position:relative;
width:100%
}
.paywall-content{
background:white;
display:block;
text-align:center;
padding-bottom:30px
}
.paywall-content storefront-html div{
width:100%
}
.paywall-banner{
background:var(--colorBrand);
color:#fff;
font-size:1.5rem;
padding:20px 0
}
.paywall-headline{
margin-top:30px;
font-weight:700;
font-size:1.15rem
}
.paywall-text{
margin-top:10px;
margin-bottom:30px
}
.paywall-content button{
width:80%;
max-width:320px;
margin-top:10px;
padding:12px 0;
font-size:.9rem
}
.btn-paywall-subscribe{
color:#fff!important;
background:var(--colorBrand)
}
.btn-paywall-login{
background:white;
color:var(--colorBrand)!important;
outline:1px solid var(--colorBrand);
font-weight:700
}
.paywall-gradient{
background:linear-gradient(transparent,#ffffff);
height:var(--fadeoutHeight)
}
storefront-element[child-id=paywall]{
height:0
}
.locked-paywall{
display:block;
overflow-y:hidden!important;
height:var(--contentHeight)!important;
margin-bottom:var(--paywallHeight)
}
.locked-paywall>article{
overflow-y:hidden
}
.post-content{
overflow-y:hidden
}
.sc,.locked-default{
filter:blur(3px)
}
#app-bar-menus{
overflow-y:hidden
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}
body{
line-height:1
}
ol,ul{
list-style:none
}
blockquote,q{
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
content:"";
content:none
}
table{
border-collapse:collapse;
border-spacing:0
}
*,*:before,*:after{
box-sizing:border-box
}
html body{
--search-font: var(--sf-font);
--sf-font: "Source Sans Pro";
--sf-heading-font: "SourceSerifPro";
--sf-heading-text-transform: uppercase;
--sf-free-font: var(--sf-font);
--category-lozenge-border: "none";
--category-lozenge-padding: 2px 8px;
--category-lozenge-border-radius: 10px;
--category-lozenge-font-weight: 500;
--navigation-font: var(--sf-font);
--contentFont: var(--sf-font);
--article-title-font: var(--sf-heading-font);
--article-description-font: var(--sf-font);
--publicationListItemSize: 70px;
--maxContentWidth: 840px;
--appBarHeight: 50px;
--marginSmall: .875rem;
--marginBig: 1.5rem;
--margin: var(--marginSmall);
--navigationHeight: 80px;
--borderRadius: .5625rem;
--baseBorder: 1px solid #BBBBBB;
--maxContentWidth: 1060px;
--bodyBg: #F7F7F7;
--minContentHeight: calc(100vh - var(--appBarHeight) - var(--navigationHeight));
font-size:16px;
font-family:var(--sf-font);
background:var(--bodyBg)
}
html body[data-storefront-platform=web]{
--navigationHeight: 0
}
storefront-view,storefront-view>.content{
display:block;
min-height:var(--minContentHeight)
}
@media (min-width: 43.75rem){
html body{
--margin: var(--marginBig)
}
}
storefront-list .list-actions>*,storefront-list .list-group-actions>*,storefront-app-bar .logo,storefront-toolbar .toolbar-icon,.swiper-actions>*,button,storefront-button{
cursor:pointer
}
button{
font-size:1em;
font-family:var(--sf-font)
}
storefront-view{
width:100%;
max-width:var(--maxContentWidth);
margin:auto;
padding-top:0
}
storefront-dropdown .dropdown-backface{
z-index:2000
}
storefront-dropdown .dropdown-entries{
z-index:2001
}
storefront-html button,storefront-view.my-hz .start-view button,storefront-view.epaper storefront-issue .issue-actions button{
--textColor: var(--colorBrand);
height:var(--actionButtonHeight);
margin:0;
background-color:#fff;
border:1px solid var(--colorBrand);
color:var(--colorBrand);
font-weight:600
}
storefront-view button.primary,storefront-issue .issue-actions button.button-download,storefront-issue .issue-actions button.button-purchase,storefront-issue .issue-actions button.button-read,storefront-issue .issue-actions button.button-subscribe{
background-color:var(--colorBrand);
color:var(--colorTextInverted)
}
body:not([data-storefront-platform=web]) *{
-ms-overflow-style:none;
scrollbar-width:none
}
body:not([data-storefront-platform=web]) *::-webkit-scrollbar{
display:none
}
h1,h2,h3,h4,h5,h6{
font-family:var(--sf-heading-font);
font-weight:600
}
storefront-view .storefront-toggle{
flex-direction:row-reverse;
width:auto;
border-radius:var(--borderRadius);
background-color:#0000000d
}
storefront-view .storefront-toggle .toggle-entry{
--shadowWidth: .1875rem;
display:flex;
justify-content:center;
align-items:center;
min-width:6.2em;
height:2.18em;
margin:var(--shadowWidth);
border-radius:calc(var(--borderRadius) - var(--shadowWidth));
background-color:transparent;
font-size:.875rem;
font-weight:600;
color:var(--colorBlack-50)
}
storefront-view .storefront-toggle .toggle-entry.selected{
background-color:#fff;
box-shadow:0 .0625rem var(--shadowWidth) #00000040;
color:var(--colorBrand)
}