Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
B
bdk
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
hebotek
bdk
Commits
fab1e9e0
Commit
fab1e9e0
authored
Dec 13, 2023
by
Michael Apfelthaler
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Multiple Adjustments
parent
3bf01ad4
Changes
8
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
153 additions
and
111 deletions
+153
-111
db.sql.gz
db.sql.gz
+0
-0
text.twig
templates/components/text.twig
+1
-1
_entry.twig
templates/facts/_entry.twig
+23
-3
index.twig
templates/facts/index.twig
+87
-85
_entry.twig
templates/themen/_entry.twig
+2
-2
main-large.min.css
web/assets/css/main-large.min.css
+1
-0
main.css
web/assets/css/main.css
+3
-3
style.css
web/assets/css/style.css
+36
-17
No files found.
db.sql.gz
View file @
fab1e9e0
No preview for this file type
templates/components/text.twig
View file @
fab1e9e0
<div
class=
"wm-row wm-rich-text"
>
{{
element.text
}}
</div>
\ No newline at end of file
<div
class=
"wm-rich-text wm-row column"
>
{{
element.text
}}
</div>
\ No newline at end of file
templates/facts/_entry.twig
View file @
fab1e9e0
{%
extends
"index"
%}
{%
set
image
=
entry.teaserImage.one
()
%}
{%
set
baseurl
=
craft.app.sites.primarySite.baseUrl
%}
{%
set
siteurl
=
currentSite.baseUrl
%}
{%
block
content
%}
{{
entry.title
}}
{%
endblock
%}
\ No newline at end of file
<div
class=
"mt32"
>
<div
class=
"maxWidthLimit wm-rich-text"
>
<h1>
{{
entry.title
}}
</h1>
<div
class=
"fact-filters wm-nav-tag__list mt16"
>
{%
for
thema
in
craft.entries.section
(
'themen'
)
%}
{%
if
thema.slug
|
t
in
entry.kategorien
%}
<a
id=
"
{{
thema.slug
}}
"
href=
"
{{
siteurl
}}
facts?category=
{{
thema.slug
}}
"
class=
"wm-nav-tag__link"
value=
"
{{
thema.slug
}}
"
>
{{
thema.title
}}
</a>
{%
endif
%}
{%
endfor
%}
</div>
<div
class=
"wm-row mt32"
>
<div>
{{
entry.teaser
}}
</div>
<div><img
class=
"wm-image wm-card__image"
loading=
"lazy"
src=
"
{{
baseurl
}}
/
{{
image.url
}}
"
width=
"350"
height=
"197"
data-src=
""
alt=
"Bildbeschreibung"
></div>
</div>
<div
class=
"wm-row column mt32"
>
{{
entry.richText
}}
</div>
</div>
</div>
{%
endblock
%}
templates/facts/index.twig
View file @
fab1e9e0
{%
extends
"index"
%}
{%
set
baseurl
=
craft.app.sites.primarySite.baseUrl
%}
{%
block
content
%}
<div
class=
"maxWidthLimit"
>
{%
set
category
=
craft.app.request.param
(
'category'
)
%}
{%
set
factsQuery
=
craft.entries
()
.
section
(
'facts'
)
.
kategorien
(
category
|
t
)
%}
<div
class=
"maxWidthLimit"
>
{%
set
category
=
craft.app.request.param
(
'category'
)
%}
{%
set
factsQuery
=
craft.entries
()
.
section
(
'facts'
)
.
kategorien
(
category
|
t
)
%}
<div
class=
"wm-accordion js-wm-accordion mt32"
>
<h3
class=
"wm-accordion__header js-wm-accordion-header accordion"
>
{{
"Themen"
|
t
}}
<svg
class=
"wm-icon wm-accordion__icon wm-accordion__icon--status"
width=
"28"
height=
"28"
focusable=
"false"
>
<use
xlink:href=
"/assets/icons/sprite.symbol.svg#chevron-down"
/>
</svg>
</h3>
<div
class=
"wm-accordion__panel js-wm-accordion-panel panel"
>
<div
class=
"wm-accordion__panel-inner"
>
<form
class=
"fact-filters wm-nav-tag__list"
>
<button
id=
"alle"
type=
"submit"
class=
"wm-nav-tag__link"
value=
""
>
{{
"Alle"
|
t
}}
</button>
{%
for
thema
in
craft.entries.section
(
'themen'
)
%}
<button
id=
"
{{
thema.slug
}}
"
type=
"submit"
class=
"wm-nav-tag__link"
name=
"category"
value=
"
{{
thema.slug
}}
"
>
{{
thema.title
}}
</button>
{%
endfor
%}
</form>
</div>
</div>
</div>
<h1
class=
"mt32"
>
{{
"Facts"
|
t
}}
</h1>
<form
class=
"fact-filters wm-nav-tag__list mt16"
>
{%
set
allFilterEnabled
=
true
%}
{%
for
thema
in
craft.entries.section
(
'themen'
)
%}
{%
if
category
==
thema.slug
%}
<button
id=
"
{{
thema.slug
}}
"
type=
"submit"
class=
"wm-nav-tag__link"
name=
"category"
value=
"
{{
thema.slug
}}
"
disabled
>
{{
thema.title
}}
</button>
{%
set
allFilterEnabled
=
false
%}
{%
else
%}
<button
id=
"
{{
thema.slug
}}
"
type=
"submit"
class=
"wm-nav-tag__link"
name=
"category"
value=
"
{{
thema.slug
}}
"
>
{{
thema.title
}}
</button>
{%
endif
%}
{%
endfor
%}
<button
id=
"alle"
type=
"submit"
class=
"wm-nav-tag__link filter-all"
{%
if
allFilterEnabled
==
true
%}
disabled
{%
endif
%}
value=
""
>
{{
"Alle"
|
t
}}
</button>
</form>
{%
paginate
factsQuery.limit
(
12
)
as
entries
%}
<div
class=
"news mt32"
>
{%
for
entry
in
entries
%}
{%
set
image
=
entry.images.one
()
%}
<div
class=
"wm-card wm-card--m wm-card--linked"
data-wm-card
>
{%
for
ket
in
entry.kategorien
%}
<span
class=
"wm-badge wm-card__badge"
>
{{
ket.label
|
t
}}
</span>
{%
endfor
%}
<h3
class=
"wm-card__heading "
>
<a
href=
"
{{
entry.url
}}
"
class=
"wm-card__link wm-link--unstyled "
>
{{
entry.title
}}
</a>
</h3>
<div
class=
"wm-card__media "
>
<img
class=
"wm-image wm-card__image"
loading=
"lazy"
src=
"
{{
baseurl
}}
/
{{
image.url
}}
"
width=
"350"
height=
"197"
data-src=
""
alt=
"Bildbeschreibung"
>
</div>
<div
class=
"wm-card__content wm-rich-text "
>
<p>
{{
entry.teaser
}}
</p>
</div>
<div>
<a
href=
"
{{
entry.url
}}
"
class=
"wm-em-link"
><span
class=
"wm-em-link__content"
>
{{
"Mehr lesen"
|
t
}}
</span></a>
</div>
</div>
{%
endfor
%}
</div>
<nav
class=
"wm-pagination mt32"
aria-labelledby=
""
>
<ol
class=
"wm-pagination__items"
>
<li
class=
"wm-pagination__item"
>
{%
if
paginate.prevUrl
%}
<a
class=
"wm-pagination__link button-prev"
href=
"
{{
paginate.prevUrl
}}
"
></a>
{%
endif
%}
</li>
{%
paginate
factsQuery.limit
(
12
)
as
entries
%}
<div
class=
"news mt16"
>
{%
for
entry
in
entries
%}
{%
set
image
=
entry.images.one
()
%}
<div
class=
"wm-card wm-card--m wm-card--linked"
data-wm-card
>
{%
for
ket
in
entry.kategorien
%}
<span
class=
"wm-badge wm-card__badge"
>
{{
ket.label
|
t
}}
</span>
{%
endfor
%}
<h3
class=
"wm-card__heading "
>
<a
href=
"
{{
entry.url
}}
"
class=
"wm-card__link wm-link--unstyled "
>
{{
entry.title
}}
</a>
</h3>
<div
class=
"wm-card__media "
>
<img
class=
"wm-image wm-card__image"
loading=
"lazy"
src=
"
{{
baseurl
}}
/
{{
image.url
}}
"
width=
"350"
height=
"197"
data-src=
""
alt=
"Bildbeschreibung"
>
</div>
<div
class=
"wm-card__content wm-rich-text "
>
<p>
{{
entry.teaser
}}
</p>
</div>
<div>
<a
href=
"
{{
entry.url
}}
"
class=
"wm-em-link"
>
<span
class=
"wm-em-link__content"
>
{{
"Mehr lesen"
|
t
}}
</span>
</a>
</div>
</div>
{%
endfor
%}
</div>
<nav
class=
"wm-pagination mt32"
aria-labelledby=
""
>
<ol
class=
"wm-pagination__items"
>
<li
class=
"wm-pagination__item"
>
{%
if
paginate.prevUrl
%}
<a
class=
"wm-pagination__link button-prev"
href=
"
{{
paginate.prevUrl
}}
"
></a>
{%
endif
%}
</li>
{%
for
page
,
url
in
paginate.getPrevUrls
(
5
)
%}
<li
class=
"wm-pagination__item"
>
<a
class=
"wm-pagination__link"
href=
"
{{
url
}}
"
>
{{
page
}}
</a>
</li>
{%
endfor
%}
<li
class=
"wm-pagination__item"
>
<span
class=
"current wm-pagination__link "
aria-current=
"page"
>
{{
paginate.currentPage
}}
</span>
</li>
{%
for
page
,
url
in
paginate.getPrevUrls
(
5
)
%}
<li
class=
"wm-pagination__item"
>
<a
class=
"wm-pagination__link"
href=
"
{{
url
}}
"
>
{{
page
}}
</a>
</li>
{%
endfor
%}
<li
class=
"wm-pagination__item"
>
<span
class=
"current wm-pagination__link "
aria-current=
"page"
>
{{
paginate.currentPage
}}
</span>
</li>
{%
for
page
,
url
in
paginate.getNextUrls
(
5
)
%}
<li
class=
"wm-pagination__item"
>
<a
class=
"wm-pagination__link"
href=
"
{{
url
}}
"
>
{{
page
}}
</a>
</li>
{%
endfor
%}
{%
for
page
,
url
in
paginate.getNextUrls
(
5
)
%}
<li
class=
"wm-pagination__item"
>
<a
class=
"wm-pagination__link"
href=
"
{{
url
}}
"
>
{{
page
}}
</a>
</li>
{%
endfor
%}
{%
if
paginate.nextUrl
%}
<li
class=
"wm-pagination__item"
></li><a
class=
"wm-pagination__link button-next"
href=
"
{{
paginate.nextUrl
}}
"
></a></li>
{%
endif
%}
</ol>
</nav>
{%
if
paginate.nextUrl
%}
<li
class=
"wm-pagination__item"
></li>
<a
class=
"wm-pagination__link button-next"
href=
"
{{
paginate.nextUrl
}}
"
></a>
</li>
{%
endif
%}
</ol>
</nav>
<!--<a href="
{{
paginate.firstUrl
}}
">First Page</a>
{%
if
paginate.prevUrl
%}
<a href="
{{
paginate.prevUrl
}}
">Previous Page</a>
{%
endif
%}
<!--<a href="
{{
paginate.firstUrl
}}
">First Page</a>
{%
if
paginate.prevUrl
%}
<a href="
{{
paginate.prevUrl
}}
">Previous Page</a>
{%
endif
%}
{%
for
page
,
url
in
paginate.getPrevUrls
(
5
)
%}
<a href="
{{
url
}}
">
{{
page
}}
</a>
{%
endfor
%}
<span class="current">
{{
paginate.currentPage
}}
</span>
{%
for
page
,
url
in
paginate.getNextUrls
(
5
)
%}
<a href="
{{
url
}}
">
{{
page
}}
</a>
{%
endfor
%}
{%
if
paginate.nextUrl
%}
<a href="
{{
paginate.nextUrl
}}
">Next Page</a>
{%
endif
%}
-->
{%
for
page
,
url
in
paginate.getPrevUrls
(
5
)
%}
<a href="
{{
url
}}
">
{{
page
}}
</a>
{%
endfor
%}
<span class="current">
{{
paginate.currentPage
}}
</span>
{%
for
page
,
url
in
paginate.getNextUrls
(
5
)
%}
<a href="
{{
url
}}
">
{{
page
}}
</a>
{%
endfor
%}
{%
if
paginate.nextUrl
%}
<a href="
{{
paginate.nextUrl
}}
">Next Page</a>
{%
endif
%}
-->
</div>
{%
endblock
%}
\ No newline at end of file
</div>
{%
endblock
%}
templates/themen/_entry.twig
View file @
fab1e9e0
{%
extends
"index"
%}
{%
block
content
%}
<div
class=
"
component
"
>
<div
class=
"maxWidthLimit wm-row wm-rich-text"
>
<div
class=
"
mt32
"
>
<div
class=
"maxWidthLimit wm-row
column
wm-rich-text"
>
<h1>
{{
entry.title
}}
</h1>
{{
entry.richText
}}
</div>
...
...
web/assets/css/main-large.min.css
0 → 100644
View file @
fab1e9e0
:root
{
--nav_background
:
#fff
;
--nav_background1
:
#e6e3df
;
--nav_background2
:
#f3f1ef
;
--nav_link
:
#292929
;
--nav_link_active
:
#292929
;
--nav_link_child
:
#292929
;
--nav_background_full
:
#d6d1ca
;
--wm-color-weiss
:
#fff
;
--wm-color-fastschwarz
:
#292929
}
.wm-has-ms-nav
:target
{
scroll-margin-top
:
13.6rem
}
@media
(
min-width
:
69.6875em
){
.wien.wm-has-inpage
:target
{
scroll-margin-top
:
8rem
}
@supports
not
(
scroll-margin-top
:
1rem
){
.wien.wm-has-inpage
:target:before
{
height
:
8rem
;
margin-top
:
-8rem
}}}
.wm-jsm
.wm-breaking-news-wrapper
{
transform
:
translateY
(
10rem
)}
.wm-jsm.wm-has-ms-nav
.wm-breaking-news-wrapper
{
transform
:
translateY
(
15.6rem
)}
.wm-jsm.wm-has-ms-nav
.wm-site--scrolled
.wm-breaking-news-wrapper
{
transform
:
translateY
(
11.6rem
)}
.wm-jsm
.wm-breaking-news-wrapper--static
{
transform
:
translateY
(
0
)}
.wm-jsm.wm-has-ms-nav
.wm-breaking-news-wrapper--static
,
.wm-jsm.wm-has-ms-nav
.wm-site--scrolled
.wm-breaking-news-wrapper--static
{
transform
:
translateY
(
-5rem
)}
.wm-jsm.wm-has-ms-nav
.wm-site--scrolled
.wm-site-header--no-margin
+
.wm-breaking-news-wrapper--static
,
.wm-jsm.wm-has-ms-nav
.wm-site-header--no-margin
+
.wm-breaking-news-wrapper--static
{
transform
:
translateY
(
0
)}
.wm-breaking-news__button
{
top
:
50%
;
transform
:
translateY
(
-50%
)}
@media
(
min-width
:
64em
){
.wm-breaking-news
{
padding-bottom
:
3.4rem
;
padding-top
:
3.4rem
}}
.wm-btn__text--l
{
display
:
flex
}
.wm-card
{
box-shadow
:
0
0
10px
0
rgba
(
41
,
41
,
41
,
.1
);
grid-template-columns
:
3rem
1
fr
3rem
;
padding
:
2rem
0
}
.wm-card
>*+*
{
margin-top
:
2rem
}
.wm-card--s
{
grid-template-columns
:
1.5rem
1
fr
1.5rem
;
padding
:
1.5rem
0
}
.wm-card--s
>*+*
{
margin-top
:
1.5rem
}
.wm-card--expose
{
gap
:
2rem
;
grid-template-columns
:
3rem
1
fr
2rem
1
fr
3rem
;
grid-template-rows
:
3rem
1
fr
3rem
;
padding
:
0
}
.wm-card--expose
>
:first-child
{
grid-column
:
2
;
grid-row
:
2
}
.wm-card--expose
>
:last-child
{
aspect-ratio
:
auto
;
grid-column
:
-3
/
-1
}
.wm-card--expose-reverse
{
gap
:
2rem
;
grid-template-columns
:
3rem
1
fr
2rem
1
fr
3rem
;
grid-template-rows
:
3rem
1
fr
3rem
;
padding
:
0
}
.wm-card--expose-reverse
>
:first-child
{
grid-column
:
-3
;
grid-row
:
2
}
.wm-card--expose-reverse
>
:last-child
{
aspect-ratio
:
auto
;
grid-column
:
1
/
3
}
.wm-card__media
{
margin-bottom
:
2rem
}
@supports
(
display
:
grid
){
.wm-card__media
{
margin-top
:
-2rem
}}
.wm-card__media--expose
{
flex-grow
:
1
;
grid-row
:
1
/
-1
;
margin
:
0
}
.wm-card__media--expose
img
:not
([
data-src
])
{
height
:
100%
;
object-fit
:
cover
}
.wm-card__badge
{
margin
:
0
0
1rem
}
@media
(
min-width
:
75em
){
.wm-carousel
>*
{
flex-basis
:
36.6rem
}}
@media
(
min-width
:
64em
){
.wm-carousel
[
data-size
=
large
]>*
{
flex-basis
:
45rem
}}
@media
(
min-width
:
75em
){
.wm-carousel
[
data-size
=
large
]>*
{
flex-basis
:
55rem
}}
.wm-carousel
[
data-tablet-only
]
{
margin-left
:
0
}
@media
(
min-width
:
71.5625em
){
.tns-controls
{
overflow
:
visible
;
position
:
static
}
.wm-carousel-controls--visible
{
aspect-ratio
:
auto
}}
[
data-controls
][
data-controls
=
prev
]
{
left
:
-3rem
}
[
data-controls
][
data-controls
=
next
]
{
right
:
-3rem
}
@media
(
min-width
:
71.5625em
){
[
data-controls
]
{
opacity
:
1
}}
@media
(
min-width
:
80em
){
.wm-carousel-controls--visible
[
data-controls
][
data-controls
=
prev
]
{
left
:
-3rem
}
.wm-carousel-controls--visible
[
data-controls
][
data-controls
=
next
]
{
right
:
-3rem
}}
.wm-has-bot
.wm-site-footer
{
margin-bottom
:
5rem
}
@media
(
min-width
:
75em
){
.wm-has-bot
.wm-site-footer
{
margin-bottom
:
0
}}
.wm-list--2col
{
column-count
:
2
;
column-gap
:
9rem
}
.wm-list--pipe-lg
{
display
:
flex
;
flex-wrap
:
wrap
;
justify-content
:
center
}
.wm-list--pipe-lg
>*+*
{
margin-left
:
1.5rem
}
.wm-list--pipe-lg
>*+
:before
{
content
:
"|"
;
padding-right
:
1rem
}
.wm-list--pipe-lg
>*+
:first-child
{
margin-left
:
0
}
.wm-list--pipe-lg
>*+
:first-child:before
{
display
:
none
}
[
dir
=
rtl
]
.wm-list--pipe-lg
>*+*
{
margin-left
:
0
;
margin-right
:
1.5rem
}
[
dir
=
rtl
]
.wm-list--pipe-lg
>*+
:before
{
padding-left
:
1rem
;
padding-right
:
0
}
[
dir
=
rtl
]
.wm-list--pipe-lg
>*+
:first-child
{
margin-right
:
0
}
@media
(
min-width
:
64.0625em
){
.wm-modal__wrapper
{
max-height
:
602px
;
max-width
:
1070px
}
.wm-modal__close
{
right
:
1.5rem
;
top
:
-1.5rem
;
transform
:
translateY
(
-100%
)}}
@media
(
min-width
:
66.875em
){
.wm-modal__close
{
right
:
0
}}
.wm-modal-content__item--loaded
{
height
:
100%
;
padding-bottom
:
0
}
.wm-modal-content__item--page
{
background
:
#fff
}
@media
(
min-width
:
69.6875em
){
.wm-modal-content__item--image
img
{
min-height
:
100%
;
min-width
:
100%
;
object-fit
:
cover
}
.wm-is-zoomed
.wm-modal-content__item--image
img
{
min-height
:
auto
;
min-width
:
auto
}
.wm-modal-content__item--image.wm-modal-content__item--loaded
{
background
:
#f3f1ef
}}
.wm-modal-content__page
{
height
:
100%
}
@media
(
min-width
:
64em
){
.wm-modal-content__page
{
padding
:
1.5rem
;
top
:
0
}}
.wm-modal-content__html
{
height
:
100%
}
@media
(
min-width
:
64em
){
.wm-modal-content__html
{
padding
:
2rem
;
top
:
0
}}
@media
(
min-width
:
69.6875em
){
.wm-modal-content__control
{
opacity
:
.7
}
.wm-modal-content__control
[
rel
=
prev
]
{
transform
:
translate
(
-50%
,
-50%
)}
.wm-modal-content__control
[
rel
=
next
]
{
transform
:
translate
(
50%
,
-50%
)}}
@media
(
min-width
:
64.0625em
){
.wm-modal-content__thumbs
{
bottom
:
auto
;
position
:
absolute
;
top
:
-1.5rem
;
transform
:
translateY
(
-100%
);
width
:
calc
(
100%
-
6.4rem
)}
.wm-modal-content__thumb
{
flex-basis
:
5.4rem
;
height
:
5.4rem
}
.wm-modal-content
img
{
max-height
:
100%
}
.wm-modal-content__info
{
display
:
none
}}
.wm-site--scrolled
.wm-nav-inpage
{
--offset
:
11.6rem
}
.wm-nav-inpage__items--toggle
{
padding
:
3rem
}
@media
(
min-width
:
69.6875em
){
.wm-nav-inpage__items
{
display
:
block
}
.wm-nav-inpage__items--toggle
{
box-shadow
:
0
4px
8px
rgba
(
41
,
41
,
41
,
.16
);
padding
:
0
}}
@media
(
min-width
:
75em
){
.wm-nav-inpage__items
{
padding
:
2.5rem
0
}}
@media
(
min-width
:
69.6875em
){
.wm-nav-inpage__link--active
,
.wm-nav-inpage__link
:hover
{
background-color
:
#f3f1ef
}
.wm-nav-inpage__link
:focus-visible
{
background-color
:
#f3f1ef
}}
@media
(
min-width
:
75em
){
.wm-nav-inpage__link
{
padding-left
:
3.5rem
;
padding-right
:
3.5rem
}}
@media
(
min-width
:
69.6875em
){
.wm-nav-inpage__wrapper
{
display
:
grid
;
grid-template-columns
:
minmax
(
5rem
,
1
fr
)
minmax
(
auto
,
110rem
)
minmax
(
5rem
,
1
fr
)}
.wm-nav-inpage__content
{
grid-column
:
1
/
-1
;
grid-row
:
1
;
min-width
:
0
}
.wm-nav-inpage__toggle
{
display
:
none
}
.wm-nav-inpage
{
background-color
:
#fff
;
grid-column
:
-2
/
-3
;
grid-row
:
1
;
margin-left
:
auto
;
max-height
:
55rem
;
max-width
:
28rem
;
position
:
static
;
position
:
-webkit-sticky
;
position
:
sticky
}
.wm-site--scrolled
.wm-nav-inpage
{
--offset
:
14.6rem
}
.wien
.wm-nav-inpage
{
top
:
9rem
}}
@media
(
min-width
:
75em
){
.wm-nav-inpage
{
max-width
:
32.5rem
}}
@media
(
min-width
:
64em
){
.wm-js
.wm-nav-wrapper--h
.wm-nav-main--abendstimmung
{
--nav_link_active
:
#292929
}
.wm-js
.wm-nav-main--h
{
font-size
:
1.7rem
;
-ms-grid-column
:
1
;
grid-column
:
1
;
-ms-grid-row
:
1
;
grid-row
:
1
;
max-width
:
100%
;
overflow
:
visible
;
width
:
100%
}
.wm-js
.wm-nav-main--h
.wm-nav-main__toggle
{
display
:
none
}}
[
data-nav-unlock
]
.wm-nav-main__header
{
background-color
:
var
(
--nav_background
)}
.wien
[
data-nav-unlock
]
.wm-nav-main__header
{
min-height
:
10rem
;
padding-left
:
5rem
;
right
:
2rem
;
top
:
-2rem
}
.wien
.wm-site--scrolled
.wm-nav-main__header
{
min-height
:
6rem
;
top
:
0
}
@media
(
min-width
:
64em
){
.wm-js
.wm-nav-main--h
.wm-nav-main__header
{
display
:
none
}}
.wm-nav-main__inner
{
top
:
10rem
}
.wm-site--scrolled
.wm-nav-main__inner
{
top
:
6rem
}
[
data-nav-active
]
.wm-nav-main__inner
{
height
:
calc
(
100vh
-
10rem
)}
.wm-site--scrolled
[
data-nav-active
]
.wm-nav-main__inner
{
height
:
calc
(
100vh
-
6rem
)}
.wien
.wm-site--scrolled
[
data-nav-active
]
.wm-nav-main__inner
,
.wien
[
data-nav-active
]
.wm-nav-main__inner
{
height
:
100vh
}
@media
(
min-width
:
64em
){
.wm-js
.wm-nav-main--h
.wm-nav-main__inner
{
background
:
none
;
height
:
auto
;
opacity
:
1
;
overflow
:
visible
;
position
:
static
}
.wm-js
.wm-nav-main--h
.wm-nav-main__content
{
padding
:
0
;
transform
:
none
;
transition
:
none
;
visibility
:
visible
}}
.wm-nav-main__backdrop
{
display
:
none
;
left
:
0
;
overflow
:
hidden
;
pointer-events
:
none
;
position
:
absolute
;
top
:
5.6rem
;
width
:
100%
;
z-index
:
0
}
.wm-nav-main__backdrop-inner
{
background
:
#aaaafa
;
background
:
var
(
--nav_background_full
);
height
:
100%
;
transform
:
translateY
(
-100%
);
transition
:
transform
.3s
}
@media
(
min-width
:
64em
){
.wm-js
.wm-nav-main--h
.wm-nav-main__subnav-icon
{
display
:
none
}
.wm-js
.wm-nav-main--h
[
data-click
]
.wm-nav-main__subnav-icon
{
display
:
block
}}
.wm-nav-main__actions
{
-ms-grid-row-align
:
end
;
-ms-grid-column-align
:
end
;
background-color
:
#e6e5fe
;
background-color
:
var
(
--nav_background
);
-ms-grid-column
:
1
;
grid-column
:
auto
/
2
;
-ms-grid-row
:
1
;
grid-row
:
1
;
justify-self
:
end
;
margin-right
:
0
;
transition
:
opacity
.3s
}
.wm-nav-main__actions
>*+*
{
margin-left
:
2rem
}
.wm-nav-main__actions
:before
{
background
:
linear-gradient
(
90deg
,
rgba
(
230
,
229
,
254
,
.1
),
rgba
(
230
,
229
,
254
,
.5
)
25%
,
#e6e5fe
54%
);
background
:
linear-gradient
(
90deg
,
var
(
--nav_background_gradient1
)
0
,
var
(
--nav_background_gradient2
)
25%
,
var
(
--nav_background
)
54%
);
content
:
""
;
display
:
none
;
height
:
100%
;
pointer-events
:
none
;
position
:
absolute
;
right
:
100%
;
top
:
0
;
width
:
10rem
}
[
dir
=
rtl
]
.wm-nav-main__actions
:before
{
background
:
linear-gradient
(
-90deg
,
rgba
(
230
,
229
,
254
,
.1
),
rgba
(
230
,
229
,
254
,
.5
)
25%
,
#e6e5fe
54%
);
background
:
linear-gradient
(
-90deg
,
var
(
--nav_background_gradient1
)
0
,
var
(
--nav_background_gradient2
)
25%
,
var
(
--nav_background
)
54%
);
left
:
100%
;
right
:
auto
}
.wm-nav-main--overlap
+
.wm-nav-main__actions
:before
{
display
:
block
}
.wm-nav-main__lists
{
z-index
:
2
}
.wien
.wm-nav-main__lists
{
padding-top
:
10rem
}
.wien
.wm-site--scrolled
.wm-nav-main__lists
{
padding-top
:
6rem
}
@media
(
min-width
:
64em
){
.wm-js
.wm-nav-main--h
.wm-nav-main__lists
{
max-width
:
100%
;
min-height
:
auto
;
padding
:
0
}}
.wm-nav-main__lists
>*+
:before
{
margin-left
:
5rem
;
margin-right
:
5rem
}
.wm-nav-main__list--padding
{
padding-left
:
5rem
;
padding-right
:
5rem
}
.wm-nav-main__list--padding
:before
{
margin-left
:
0
;
margin-right
:
0
}
@media
(
min-width
:
64em
){
.wm-js
.wm-nav-main--h
.wm-nav-main__list
:not
(
.wm-nav-main__list--1
)
{
height
:
auto
}}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
{
opacity
:
1
}
@media
(
min-width
:
64em
){
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
{
display
:
flex
;
text-transform
:
none
}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*+*
{
margin-left
:
5rem
}
.wm-js
[
dir
=
rtl
]
.wm-nav-main--h
.wm-nav-main__list--1
>*+*
{
margin-left
:
0
;
margin-right
:
5rem
}}
.wm-js
.wm-nav-main--d
.wm-nav-main__list--1
>*
{
flex-grow
:
1
}
.wm-js
.wm-nav-main--d
.wm-nav-main__list--1
>*+*
{
margin-left
:
0
}
@media
(
min-width
:
64em
){
.wm-js
.wm-nav-main--h
.wm-nav-main__list--2
{
background
:
none
;
left
:
0
;
position
:
absolute
;
top
:
100%
;
width
:
100%
}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--2
>
:first-child
{
padding-top
:
.5rem
}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--2
>
:last-child
{
padding-bottom
:
.5rem
}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--3
{
background
:
none
;
display
:
block
!important
;
height
:
auto
!important
;
margin-bottom
:
1rem
;
opacity
:
1
!important
;
visibility
:
visible
!important
}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--is-visible
:before
{
transform
:
translateY
(
5.6rem
)}
.wm-nav-main
:not
(
.wm-nav-main--h
)
.wm-nav-main__list
{
padding-left
:
0
!important
}}
.wm-nav-main__link
{
padding-left
:
5rem
;
padding-right
:
5rem
}
.wm-nav-main__list--2
.wm-nav-main__link
{
padding-left
:
6rem
}
.wm-nav-main__list--3
.wm-nav-main__link
{
padding-left
:
7rem
}
@media
(
min-width
:
64em
){
.wm-js
.wm-nav-main--h
.wm-nav-main__link
{
height
:
5.6rem
;
padding-left
:
0
;
padding-right
:
0
}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link
[
data-active
]
{
background
:
none
;
color
:
var
(
--nav_link
);
text-decoration
:
none
}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link
[
data-active
]>
span
{
box-shadow
:
0
4px
0
0
#292929
}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link--active
,
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link
[
aria-current
=
page
]
{
background
:
none
;
color
:
var
(
--nav_link
)}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link--active
>
span
,
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link
[
aria-current
=
page
]>
span
{
box-shadow
:
0
4px
0
0
var
(
--nav_background_full
)}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link--active
,
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link--active
:link
,
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link--active
:visited
,
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link
[
aria-current
=
page
],
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link
[
aria-current
=
page
]
:link
,
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link
[
aria-current
=
page
]
:visited
{
text-decoration
:
none
}}
@media
(
min-width
:
64em
){
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link
:focus-visible
{
color
:
var
(
--nav_link
);
outline-color
:
transparent
;
text-decoration
:
none
}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link
:focus-visible
>
span
{
box-shadow
:
0
4px
0
0
#292929
}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link
:hover
{
color
:
var
(
--nav_link
);
text-decoration
:
none
}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--1
>*>
.wm-nav-main__link
:hover
>
span
{
box-shadow
:
0
4px
0
0
#292929
}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--2
.wm-nav-main__link
{
font-weight
:
600
;
height
:
auto
;
padding-bottom
:
.5rem
;
padding-top
:
.5rem
}}
@media
(
min-width
:
64em
){
@supports
(
font-variation-settings
:
normal
){
.wm-js
.wm-nav-main--h
.wm-nav-main__list--2
.wm-nav-main__link
{
font-variation-settings
:
"wght"
600
;
font-weight
:
400
}}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--2
.wm-nav-main__link
,
.wm-js
.wm-nav-main--h
.wm-nav-main__list--2
.wm-nav-main__link
:link
,
.wm-js
.wm-nav-main--h
.wm-nav-main__list--2
.wm-nav-main__link
:visited
{
color
:
var
(
--nav_link_child
)}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--3
.wm-nav-main__link
{
padding
:
0
}
.wm-js
.wm-nav-main--h
.wm-nav-main__list--2
.wm-nav-main__link
,
.wm-js
.wm-nav-main--h
.wm-nav-main__list--2
.wm-nav-main__link
:link
,
.wm-js
.wm-nav-main--h
.wm-nav-main__list--2
.wm-nav-main__link
:visited
{
color
:
var
(
--nav_link_child
)}}
.wm-nav-main__link
:focus-visible
{
outline-color
:
transparent
;
text-decoration
:
underline
}
.wm-js
.wm-nav-main--h
.wm-nav-main__backdrop--is-visible
{
display
:
block
}
@media
(
min-width
:
64em
){
.wm-js
.wm-nav-main--h
.wm-nav-main__list--2
.wm-nav-main__sublink
{
font-weight
:
800
;
padding-bottom
:
0
}
@supports
(
font-variation-settings
:
normal
){
.wm-js
.wm-nav-main--h
.wm-nav-main__list--2
.wm-nav-main__sublink
{
font-variation-settings
:
"wght"
740
;
font-weight
:
400
}}}
.wm-nav-main__search-btn
{
flex-direction
:
row-reverse
}
.wm-nav-main__search-btn
span
{
clip
:
auto
;
clip-path
:
none
;
height
:
auto
;
margin
:
0
.5rem
0
0
;
overflow
:
visible
;
position
:
static
;
white-space
:
normal
;
width
:
auto
}
.wm-jsm
.wm-site-search--active
.wm-nav-main__search-btn
span
{
display
:
none
}
.wm-nav-main__login-content
{
transform
:
translateY
(
2.8rem
)}
.wm-site--scrolled
.wm-nav-main__login-content
{
transform
:
translateY
(
.8rem
)}
.wm-nav-wrapper__inner
.wm-nav-main__login-content
{
transform
:
translateY
(
.6rem
)}
@media
(
min-width
:
64em
){
.wm-nav-main--overlap
:focus-within
+
:not
(
.wm-nav-main__actions--full
),
.wm-nav-main--overlap
:hover
+
:not
(
.wm-nav-main__actions--full
)
{
opacity
:
0
;
pointer-events
:
none
}}
@media
(
min-width
:
64em
){
.wm-js
.wm-nav-wrapper--h
{
transform
:
rotate
(
0
)}}
.wm-nav-wrapper--init
{
height
:
5.6rem
;
overflow
:
hidden
}
@media
(
min-width
:
64em
){
.wm-js
.wm-nav-wrapper__inner--h
{
-ms-grid-columns
:
100%
;
display
:
-ms-grid
;
display
:
grid
;
grid-template-columns
:
100%
}}
.wm-progress__step
:nth-last-child
(
-n
+
5
)
:first-child
.wm-progress__text
{
left
:
0
;
transform
:
translateY
(
-100%
)}
.wm-progress__step
:nth-last-child
(
-n
+
5
)
:first-child
.wm-progress__text
,
.wm-progress__step
:nth-last-child
(
-n
+
5
)
:first-child
~
.wm-progress__step
.wm-progress__text
{
display
:
block
}
@media
(
min-width
:
64em
){
.wm-progress__step
:nth-last-child
(
-n
+
6
)
:first-child
.wm-progress__text
,
.wm-progress__step
:nth-last-child
(
-n
+
6
)
:first-child
~
.wm-progress__step
.wm-progress__text
{
display
:
block
}}
@media
(
min-width
:
75em
){
.wm-progress__text
{
display
:
block
;
hyphens
:
auto
;
text-align
:
center
;
width
:
15rem
}
.wm-progress__step
:first-child
.wm-progress__text
{
text-align
:
left
}
.wm-progress__step
:last-child
.wm-progress__text
{
right
:
1.5rem
;
transform
:
translateX
(
50%
)
translateY
(
-100%
)}}
@media
(
min-width
:
64em
){
.wm-quicklinks__items--3col
{
column-count
:
3
;
column-gap
:
1rem
}}
.wm-rich-text__teaser
{
font-size
:
2rem
}
.wm-row
{
align-items
:
flex-start
;
flex-direction
:
row
;
gap
:
3rem
;
justify-content
:
space-between
}
.wm-row
>*
{
flex
:
1
1
0%
;
min-width
:
0
}
.wm-row
>
:only-child
{
flex
:
0
1
71rem
}
.wm-section
{
margin-bottom
:
5rem
}
.wm-section--highlight
{
padding-bottom
:
3rem
;
padding-top
:
3rem
}
.wm-section--highlight
+
.wm-section--highlight
{
margin-top
:
-5rem
}
@media
(
min-width
:
64em
){
.wm-section--highlight
{
padding-bottom
:
3.5rem
;
padding-top
:
3.5rem
}}
@media
(
min-width
:
75em
){
.wm-section--highlight
{
padding-bottom
:
4.5rem
;
padding-top
:
4.5rem
}}
.wm-section--reduced
{
margin-bottom
:
3rem
}
.wm-section--clean
{
margin-bottom
:
0
}
.wm-section__content--carousel
{
max-width
:
121rem
}
@media
(
min-width
:
64em
){
.wm-section__content
>
:not
(
h2
)+
.wm-block
,
.wm-section__content
>
:not
(
h2
)+
.wm-row
{
margin-top
:
3rem
}
.wm-section__content
>
:not
(
h2
)+
.wm-block--large
{
margin-top
:
5rem
}
.wm-section__content
>
h2
+*
{
margin-top
:
2rem
}}
.wm-section__content--bleed
{
padding
:
0
}
.wm-section
:last-child
{
margin-bottom
:
0
}
@media
(
min-width
:
64em
){
.wm-section--reduced
{
margin-bottom
:
5rem
}
.wm-section--fixed
{
margin-bottom
:
0
}
.wm-section--intro
{
margin-bottom
:
.5rem
}
.wm-section--large
{
margin-bottom
:
8rem
}
.wm-section--clean
{
margin-bottom
:
0
}}
@media
(
min-width
:
75em
){
.wm-section
{
margin-bottom
:
8rem
}
.wm-section--highlight
+
.wm-section--highlight
{
margin-top
:
-8rem
}
.wm-section--fixed
{
margin-bottom
:
0
}
.wm-section--reduced
{
margin-bottom
:
5rem
}
.wm-section--clean
{
margin-bottom
:
0
}}
@media
(
min-width
:
71.5625em
){
.wm-section--intro
{
margin-top
:
5rem
;
padding-left
:
4.5rem
}}
.wm-site-content--no-stage
{
padding-top
:
5rem
}
.wm-site-header
{
align-content
:
flex-end
;
align-items
:
flex-end
;
display
:
flex
;
flex-wrap
:
wrap
;
height
:
15.6rem
;
margin-bottom
:
5rem
;
transition
:
transform
.3s
}
.wien
.wm-site-header
{
flex-wrap
:
nowrap
;
height
:
10rem
}
@media
(
min-width
:
64em
){
.wm-site-header
.wien
:not
(
.wm-has-no-stage
)
{
margin-bottom
:
0
}}
.wm-site-header--no-margin
{
margin-bottom
:
0
}
.wm-site-header__inner
{
transform
:
translateY
(
-2rem
)}
.wm-jsm
.wm-site-header__inner
{
transition
:
transform
.3s
}
.wm-site-header__inner
>*+*
{
margin-left
:
3rem
}
@media
(
min-width
:
64em
){
.wm-site-header__inner
>*+*
{
margin-left
:
5rem
}}
[
dir
=
rtl
]
.wm-site-header__inner
>*+*
{
margin-left
:
0
;
margin-right
:
3rem
}
@media
(
min-width
:
64em
){
[
dir
=
rtl
]
.wm-site-header__inner
>*+*
{
margin-left
:
0
;
margin-right
:
5rem
}}
[
data-nav-active
]
.wm-site-header__inner
{
position
:
relative
;
top
:
-2rem
;
transform
:
none
}
.wm-jsm
[
data-nav-notransition
]
.wm-site-header__inner
{
transition
:
none
}
.wm-site--scrolled
.wm-site-header__inner
{
transform
:
none
}
.wm-site--scrolled
[
data-nav-active
]
.wm-site-header__inner
{
top
:
0
}
.wm-site-header__title
{
font-size
:
2.5rem
;
transform-origin
:
center
left
;
transition
:
transform
.3s
}
@supports
(
scroll-margin-top
:
0
){
.wm-site--scrolled
.wm-site-header__title
{
transform
:
scale
(
.7145
)}}
[
dir
=
rtl
]
.wm-site-header__title
{
transform-origin
:
center
right
}
.wm-site--scrolled
.wm-site-header
,
html
:not
(
.wien
)
.wm-site--scrolled
.wm-site-header
{
transform
:
translateY
(
-4rem
)}
[
data-nav-notransition
]
.wm-site-header
{
transition
:
none
}
.wm-site--scrolled
[
data-nav-active
]
.wm-site-header
{
top
:
-4rem
;
transform
:
none
;
transition
:
none
}
.wm-site-search__content
{
margin-left
:
5rem
}
.wm-site-search__content--inline
{
margin
:
0
}
.wm-stage--desktop-only
{
margin-top
:
0
}
.wm-stage__heading
{
font-size
:
3.5rem
}
.wm-stage__text--color
,
.wm-stage__text--media
{
padding
:
2.5rem
3rem
3rem
}
.tns-item
.wm-stage__text--color
,
.tns-item
.wm-stage__text--media
{
padding-bottom
:
3rem
}
.wm-stage__media--desktop-only
{
display
:
grid
}
\ No newline at end of file
web/assets/css/main.css
View file @
fab1e9e0
...
...
@@ -2372,7 +2372,6 @@ a:is([href^="http://"], [href^="https://"]):not([class]):after {
border-radius
:
2px
;
flex-shrink
:
0
;
gap
:
1rem
;
margin-left
:
auto
;
max-height
:
4.4rem
;
padding
:
0
.7rem
;
position
:
relative
;
...
...
@@ -2604,6 +2603,7 @@ a:is([href^="http://"], [href^="https://"]):not([class]):after {
visibility
:
visible
!important
;
z-index
:
1
;
display
:
flex
;
gap
:
4rem
;
}
.wm-nav-main__list--is-hiding
{
...
...
@@ -2655,7 +2655,7 @@ a:is([href^="http://"], [href^="https://"]):not([class]):after {
.wm-nav-main__link
{
align-items
:
center
;
display
:
flex
;
padding
:
1.3rem
2rem
1.1rem
;
padding
:
1.3rem
0
1.1rem
;
width
:
100%
}
...
...
@@ -4769,7 +4769,7 @@ html:not(.wien) .wm-site--scrolled .wm-site-header {
@supports
(
font-variation-settings
:
normal
)
{
.wm-site-header__title
{
font-variation-settings
:
"wght"
74
0
;
font-variation-settings
:
"wght"
60
0
;
}
}
...
...
web/assets/css/style.css
View file @
fab1e9e0
...
...
@@ -12,22 +12,6 @@ body {
line-height
:
1.5
;
}
::-webkit-scrollbar
{
width
:
10px
;
}
::-webkit-scrollbar-track
{
background
:
#f1f1f1
;
}
::-webkit-scrollbar-thumb
{
background
:
rgb
(
216
,
0
,
0
);
}
::-webkit-scrollbar-thumb:hover
{
background
:
rgb
(
214
,
0
,
0
);
}
body
{
background-color
:
#F6F6F6
;
...
...
@@ -64,11 +48,12 @@ main {
}
.component__slider
{
margin-top
:
0
!important
;
padding-top
:
0
!important
;
padding-bottom
:
0
!important
;
margin-bottom
:
0
!important
;
}
.component_headline
{
margin-bottom
:
40px
;
text-align
:
center
;
...
...
@@ -554,6 +539,40 @@ iframe {
transform
:
none
!important
;
}
.wm-nav-main__list--1
>*+*
{
margin-left
:
5rem
;
}
#menu
{
order
:
1
;
}
.filter-all
{
order
:
-1
;
}
.fact-filters
.wm-nav-tag__link
[
disabled
]
{
background-color
:
#f3f1ef
;
color
:
#000
;
opacity
:
1
;
}
.wm-row
{
align-items
:
flex-start
;
flex-direction
:
row
!important
;
gap
:
3rem
;
justify-content
:
space-between
;
flex-wrap
:
wrap
;
}
.wm-row.column
{
flex-direction
:
column
!important
;
}
.wm-rich-text
p
{
margin-bottom
:
16px
;
}
.mt32
{
margin-top
:
32px
;
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment