Remove "Shop" link in navigation; Summarize styles into classes

This commit is contained in:
OpenVisor 2024-04-26 21:57:14 +02:00
parent 993e013de5
commit c723d1c89f
9 changed files with 285 additions and 694 deletions

View file

@ -32,7 +32,7 @@
<br /> <br />
<span> <span>
 ·  ·
<span v-html="raw571z"></span> <span v-html="rawprj6"></span>
</span> </span>
<span> <span>
Intensive Momente und Emotionen ermöglichen, die in Erinnerung Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@ -42,7 +42,7 @@
<br /> <br />
<span> <span>
 ·  ·
<span v-html="raw3mel"></span> <span v-html="raw8m0r"></span>
</span> </span>
<span> <span>
Persönliche Auseinandersetzungen der Spieler mit nicht Persönliche Auseinandersetzungen der Spieler mit nicht
@ -53,7 +53,7 @@
<br /> <br />
<span> <span>
 ·  ·
<span v-html="raw2sm9"></span> <span v-html="rawbfv8"></span>
</span> </span>
<span> <span>
Interne Charakterentwicklung oder -verfestigung durch externe Interne Charakterentwicklung oder -verfestigung durch externe
@ -63,14 +63,14 @@
<br /> <br />
<span> <span>
 ·  ·
<span v-html="rawbefa"></span> <span v-html="raw8utu"></span>
</span> </span>
<span>Dilemmata mit sich selbst und mit anderen.</span> <span>Dilemmata mit sich selbst und mit anderen.</span>
<br /> <br />
<br /> <br />
<span> <span>
 ·  ·
<span v-html="raww03e"></span> <span v-html="raw884l"></span>
</span> </span>
<span> <span>
Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@ -254,7 +254,7 @@
<br /> <br />
<span> <span>
Wir werden das Wir werden das
<span v-html="rawduec"></span> <span v-html="rawxq53"></span>
</span> </span>
<router-link to="/larpkonzept" class="info-box-navlink"> <router-link to="/larpkonzept" class="info-box-navlink">
Open Visor Larpkonzept Open Visor Larpkonzept
@ -518,7 +518,7 @@
<br /> <br />
<span> <span>
Parkplatz: Parkplatz:
<span v-html="rawiwq6"></span> <span v-html="raw0a6r"></span>
</span> </span>
<a <a
href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA" href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@ -1458,13 +1458,13 @@ export default {
}, },
data() { data() {
return { return {
raw571z: ' ', rawprj6: ' ',
raw3mel: ' ', raw8m0r: ' ',
raw2sm9: ' ', rawbfv8: ' ',
rawbefa: ' ', raw8utu: ' ',
raww03e: ' ', raw884l: ' ',
rawduec: ' ', rawxq53: ' ',
rawiwq6: ' ', raw0a6r: ' ',
} }
}, },
} }

View file

@ -29,26 +29,31 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle" class="mobile-menu-dropdown-toggle desktop-menu-dropdown-toggle"
> >
<span class="navigation-larps nav-link">{{ larps }}</span> <span class="nav-link desktop-menu-dropdown-header">
{{ larps }}
</span>
<div <div
data-thq="thq-dropdown-arrow" data-thq="thq-dropdown-arrow"
class="navigation-dropdown-arrow" class="desktop-menu-arrow-container"
> >
<svg viewBox="0 0 1024 1024" class="navigation-icon"> <svg viewBox="0 0 1024 1024" class="desktop-menu-arrow">
<path d="M426 726v-428l214 214z"></path> <path d="M426 726v-428l214 214z"></path>
</svg> </svg>
</div> </div>
</div> </div>
<ul data-thq="thq-dropdown-list" class="navigation-dropdown-list"> <ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
<router-link to="/letzte-gelegenheit"> <router-link to="/letzte-gelegenheit">
<li data-thq="thq-dropdown" class="navigation-dropdown list-item"> <li
data-thq="thq-dropdown"
class="list-item desktop-menu-list-item"
>
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle01" class="desktop-menu-dropdown-toggle desktop-menu-dropdown-element navigation-dropdown-toggle01"
> >
<span class="desktop-menu-dropdown-text"> <span class="desktop-menu-dropdown-option">
{{ letzteGelegenheit }} {{ letzteGelegenheit }}
</span> </span>
</div> </div>
@ -57,13 +62,13 @@
<router-link to="/suesse-traeume"> <router-link to="/suesse-traeume">
<li <li
data-thq="thq-dropdown" data-thq="thq-dropdown"
class="navigation-dropdown1 list-item" class="list-item desktop-menu-list-item"
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle02" class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle02"
> >
<span class="desktop-menu-dropdown-text"> <span class="desktop-menu-dropdown-option">
{{ suesseTraeume }} {{ suesseTraeume }}
</span> </span>
</div> </div>
@ -77,31 +82,31 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle03" class="desktop-menu-dropdown-toggle"
> >
<span class="navigation-drama-games nav-link"> <span class="nav-link desktop-menu-dropdown-header">
{{ dramaGames }} {{ dramaGames }}
</span> </span>
<div <div
data-thq="thq-dropdown-arrow" data-thq="thq-dropdown-arrow"
class="navigation-dropdown-arrow1" class="desktop-menu-arrow-container"
> >
<svg viewBox="0 0 1024 1024" class="navigation-icon02"> <svg viewBox="0 0 1024 1024" class="desktop-menu-arrow">
<path d="M426 726v-428l214 214z"></path> <path d="M426 726v-428l214 214z"></path>
</svg> </svg>
</div> </div>
</div> </div>
<ul data-thq="thq-dropdown-list" class="navigation-dropdown-list1"> <ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
<router-link to="/murphys-larp"> <router-link to="/murphys-larp">
<li <li
data-thq="thq-dropdown" data-thq="thq-dropdown"
class="navigation-dropdown2 list-item" class="list-item desktop-menu-list-item"
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle04" class="desktop-menu-dropdown-toggle desktop-menu-dropdown-element navigation-dropdown-toggle04"
> >
<span class="desktop-menu-dropdown-text"> <span class="desktop-menu-dropdown-option">
{{ murphysLarp }} {{ murphysLarp }}
</span> </span>
</div> </div>
@ -115,31 +120,31 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle05" class="desktop-menu-dropdown-toggle"
> >
<span class="navigation-kurzgeschichten nav-link"> <span class="nav-link desktop-menu-dropdown-header">
{{ kurzgeschichten }} {{ kurzgeschichten }}
</span> </span>
<div <div
data-thq="thq-dropdown-arrow" data-thq="thq-dropdown-arrow"
class="navigation-dropdown-arrow2" class="desktop-menu-arrow-container"
> >
<svg viewBox="0 0 1024 1024" class="navigation-icon04"> <svg viewBox="0 0 1024 1024" class="desktop-menu-arrow">
<path d="M426 726v-428l214 214z"></path> <path d="M426 726v-428l214 214z"></path>
</svg> </svg>
</div> </div>
</div> </div>
<ul data-thq="thq-dropdown-list" class="navigation-dropdown-list2"> <ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
<router-link to="/ein-orden-fuer-eine-gute-tat"> <router-link to="/ein-orden-fuer-eine-gute-tat">
<li <li
data-thq="thq-dropdown" data-thq="thq-dropdown"
class="navigation-dropdown3 list-item" class="list-item desktop-menu-list-item"
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle06" class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle06"
> >
<span class="desktop-menu-dropdown-text"> <span class="desktop-menu-dropdown-option">
{{ einOrdenFuerEineGuteTat }} {{ einOrdenFuerEineGuteTat }}
</span> </span>
</div> </div>
@ -148,13 +153,13 @@
<router-link to="/rosenteufel"> <router-link to="/rosenteufel">
<li <li
data-thq="thq-dropdown" data-thq="thq-dropdown"
class="navigation-dropdown4 list-item" class="list-item desktop-menu-list-item"
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle07" class="desktop-menu-dropdown-toggle desktop-menu-dropdown-element"
> >
<span class="desktop-menu-dropdown-text"> <span class="desktop-menu-dropdown-option">
{{ rosenteufel }} {{ rosenteufel }}
</span> </span>
</div> </div>
@ -162,9 +167,6 @@
</router-link> </router-link>
</ul> </ul>
</div> </div>
<a href="https://shop.openvisor.ch" class="desktop-menu-text nav-link">
{{ shop }}
</a>
</nav> </nav>
</div> </div>
<div data-thq="thq-burger-menu" class="navigation-burger-menu"> <div data-thq="thq-burger-menu" class="navigation-burger-menu">
@ -192,7 +194,7 @@
<nav <nav
data-thq="thq-mobile-menu-nav-links" data-thq="thq-mobile-menu-nav-links"
data-role="Nav" data-role="Nav"
class="navigation-nav-body" class="mobile-menu-nav-body"
> >
<router-link to="/" class="mobile-menu-text nav-link"> <router-link to="/" class="mobile-menu-text nav-link">
{{ home }} {{ home }}
@ -206,32 +208,31 @@
<div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item"> <div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle08" class="mobile-menu-dropdown-toggle"
> >
<span class="navigation-larps1 nav-link">{{ larps }}</span> <span class="nav-link mobile-menu-dropdown-header">
{{ larps }}
</span>
<div <div
data-thq="thq-dropdown-arrow" data-thq="thq-dropdown-arrow"
class="navigation-dropdown-arrow3" class="mobile-menu-dropdown-arrow-container"
> >
<svg viewBox="0 0 1024 1024" class="navigation-icon10"> <svg viewBox="0 0 1024 1024" class="mobile-menu-dropdown-arrow">
<path d="M426 726v-428l214 214z"></path> <path d="M426 726v-428l214 214z"></path>
</svg> </svg>
</div> </div>
</div> </div>
<ul <ul data-thq="thq-dropdown-list" class="dropdown-list">
data-thq="thq-dropdown-list"
class="navigation-larps-dropdown-list"
>
<router-link to="/letzte-gelegenheit"> <router-link to="/letzte-gelegenheit">
<li <li
data-thq="thq-dropdown" data-thq="thq-dropdown"
class="navigation-letzte-gelegenheit-dropdown list-item" class="list-item mobile-menu-list-item"
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle09" class="navigation-dropdown-toggle09"
> >
<span class="mobile-menu-dropdown-text nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ letzteGelegenheit }} {{ letzteGelegenheit }}
</span> </span>
</div> </div>
@ -240,7 +241,7 @@
<router-link to="/suesse-traeume"> <router-link to="/suesse-traeume">
<li <li
data-thq="thq-dropdown" data-thq="thq-dropdown"
class="navigation-suesse-traeume-dropdown list-item" class="list-item mobile-menu-list-item"
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
@ -257,32 +258,31 @@
<div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item"> <div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle11" class="mobile-menu-dropdown-toggle"
> >
<span class="navigation-larps2 nav-link">{{ dramaGames }}</span> <span class="nav-link mobile-menu-dropdown-header">
{{ dramaGames }}
</span>
<div <div
data-thq="thq-dropdown-arrow" data-thq="thq-dropdown-arrow"
class="navigation-dropdown-arrow4" class="mobile-menu-dropdown-arrow-container"
> >
<svg viewBox="0 0 1024 1024" class="navigation-icon12"> <svg viewBox="0 0 1024 1024" class="mobile-menu-dropdown-arrow">
<path d="M426 726v-428l214 214z"></path> <path d="M426 726v-428l214 214z"></path>
</svg> </svg>
</div> </div>
</div> </div>
<ul <ul data-thq="thq-dropdown-list" class="dropdown-list">
data-thq="thq-dropdown-list"
class="navigation-drama-games-dropdown-list"
>
<router-link to="/murphys-larp"> <router-link to="/murphys-larp">
<li <li
data-thq="thq-dropdown" data-thq="thq-dropdown"
class="navigation-murphys-larp-dropdown list-item" class="list-item mobile-menu-list-item"
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle12" class="navigation-dropdown-toggle12"
> >
<span class="mobile-menu-dropdown-text nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ murphysLarp }} {{ murphysLarp }}
</span> </span>
</div> </div>
@ -293,34 +293,31 @@
<div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item"> <div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle13" class="mobile-menu-dropdown-toggle"
> >
<span class="navigation-kurzgeschichten1 nav-link"> <span class="nav-link mobile-menu-dropdown-header">
{{ kurzgeschichten }} {{ kurzgeschichten }}
</span> </span>
<div <div
data-thq="thq-dropdown-arrow" data-thq="thq-dropdown-arrow"
class="navigation-dropdown-arrow5" class="mobile-menu-dropdown-arrow-container"
> >
<svg viewBox="0 0 1024 1024" class="navigation-icon14"> <svg viewBox="0 0 1024 1024" class="mobile-menu-dropdown-arrow">
<path d="M426 726v-428l214 214z"></path> <path d="M426 726v-428l214 214z"></path>
</svg> </svg>
</div> </div>
</div> </div>
<ul <ul data-thq="thq-dropdown-list" class="dropdown-list">
data-thq="thq-dropdown-list"
class="navigation-kurzgeschichten-dropdown-list"
>
<router-link to="/ein-orden-fuer-eine-gute-tat"> <router-link to="/ein-orden-fuer-eine-gute-tat">
<li <li
data-thq="thq-dropdown" data-thq="thq-dropdown"
class="navigation-ein-orden-fuer-eine-gute-tat-dropdown list-item" class="list-item mobile-menu-list-item"
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle14" class="mobile-menu-dropdown-toggle mobile-menu-dropdown-element"
> >
<span class="mobile-menu-dropdown-text nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ einOrdenFuerEineGuteTat }} {{ einOrdenFuerEineGuteTat }}
</span> </span>
</div> </div>
@ -329,13 +326,13 @@
<router-link to="/rosenteufel"> <router-link to="/rosenteufel">
<li <li
data-thq="thq-dropdown" data-thq="thq-dropdown"
class="navigation-rosenteufel-dropdown list-item" class="list-item mobile-menu-list-item"
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle15" class="mobile-menu-dropdown-toggle mobile-menu-dropdown-element navigation-dropdown-toggle15"
> >
<span class="mobile-menu-dropdown-text nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ rosenteufel }} {{ rosenteufel }}
</span> </span>
</div> </div>
@ -343,9 +340,6 @@
</router-link> </router-link>
</ul> </ul>
</div> </div>
<a href="https://shop.openvisor.ch" class="mobile-menu-text nav-link">
{{ shop }}Shop
</a>
</nav> </nav>
</div> </div>
</div> </div>
@ -444,7 +438,7 @@ export default {
display: flex; display: flex;
} }
.navigation-nav { .navigation-nav {
gap: var(--dl-space-space-twounits); gap: 40px;
flex: 0 0 auto; flex: 0 0 auto;
display: flex; display: flex;
align-items: center; align-items: center;
@ -456,100 +450,11 @@ export default {
position: relative; position: relative;
border-radius: var(--dl-radius-radius-radius2); border-radius: var(--dl-radius-radius-radius2);
} }
.navigation-dropdown-toggle {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: 0px;
border-radius: var(--dl-radius-radius-radius2);
padding-right: 0px;
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-larps {
color: #ffffff;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
margin-right: 4px;
vertical-align: middle;
}
.navigation-dropdown-arrow {
transition: 0.3s;
}
.navigation-icon {
fill: #ffffff;
width: 18px;
height: 18px;
margin-top: auto;
transition: 0.3s;
margin-bottom: auto;
}
.navigation-dropdown-list {
left: 0%;
width: max-content;
display: none;
z-index: 100;
position: absolute;
min-width: 100%;
transition: 0.3s;
align-items: stretch;
border-color: #D9D9D9;
border-width: 1px;
border-radius: var(--dl-radius-radius-radius4);
flex-direction: column;
list-style-type: none;
background-color: var(--dl-color-gray-white);
list-style-position: inside;
}
.navigation-dropdown {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
text-decoration: none;
}
.navigation-dropdown-toggle01 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
transition: 0.3s;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius4);
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle01:hover { .navigation-dropdown-toggle01:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-dropdown1 {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
text-decoration: none;
}
.navigation-dropdown-toggle02 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
transition: 0.3s;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius4);
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle02:hover { .navigation-dropdown-toggle02:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
@ -561,75 +466,6 @@ export default {
position: relative; position: relative;
border-radius: var(--dl-radius-radius-radius2); border-radius: var(--dl-radius-radius-radius2);
} }
.navigation-dropdown-toggle03 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: 0px;
border-radius: var(--dl-radius-radius-radius2);
padding-right: 0px;
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-drama-games {
color: #ffffff;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
margin-right: 4px;
vertical-align: middle;
}
.navigation-dropdown-arrow1 {
transition: 0.3s;
}
.navigation-icon02 {
fill: #ffffff;
width: 18px;
height: 18px;
margin-top: auto;
transition: 0.3s;
margin-bottom: auto;
}
.navigation-dropdown-list1 {
left: 0%;
width: max-content;
display: none;
z-index: 100;
position: absolute;
min-width: 100%;
transition: 0.3s;
align-items: stretch;
border-color: #D9D9D9;
border-width: 1px;
border-radius: var(--dl-radius-radius-radius4);
flex-direction: column;
list-style-type: none;
background-color: var(--dl-color-gray-white);
list-style-position: inside;
}
.navigation-dropdown2 {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
text-decoration: none;
}
.navigation-dropdown-toggle04 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
transition: 0.3s;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius4);
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle04:hover { .navigation-dropdown-toggle04:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
@ -641,105 +477,11 @@ export default {
position: relative; position: relative;
border-radius: var(--dl-radius-radius-radius2); border-radius: var(--dl-radius-radius-radius2);
} }
.navigation-dropdown-toggle05 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: 0px;
border-radius: var(--dl-radius-radius-radius2);
padding-right: 0px;
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-kurzgeschichten {
color: #ffffff;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
margin-right: 4px;
vertical-align: middle;
}
.navigation-dropdown-arrow2 {
transition: 0.3s;
}
.navigation-icon04 {
fill: #ffffff;
width: 18px;
height: 18px;
margin-top: auto;
transition: 0.3s;
margin-bottom: auto;
}
.navigation-dropdown-list2 {
left: 0%;
width: max-content;
display: none;
z-index: 100;
position: absolute;
min-width: 100%;
transition: 0.3s;
align-items: stretch;
border-color: #D9D9D9;
border-width: 1px;
border-radius: var(--dl-radius-radius-radius4);
flex-direction: column;
list-style-type: none;
background-color: var(--dl-color-gray-white);
list-style-position: inside;
}
.navigation-dropdown3 {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
text-decoration: none;
}
.navigation-dropdown-toggle06 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
transition: 0.3s;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius4);
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle06:hover { .navigation-dropdown-toggle06:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-dropdown4 {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
text-decoration: none;
}
.navigation-dropdown-toggle07 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
transition: 0.3s;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius4);
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle07:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-burger-menu { .navigation-burger-menu {
display: none; display: none;
align-items: center; align-items: center;
@ -765,7 +507,7 @@ export default {
height: 100vh; height: 100vh;
display: none; display: none;
padding: 32px; padding: 32px;
z-index: 100; z-index: 99;
position: absolute; position: absolute;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
@ -799,69 +541,6 @@ export default {
.navigation-icon08:hover { .navigation-icon08:hover {
opacity: 0.5; opacity: 0.5;
} }
.navigation-nav-body {
flex: 0 0 auto;
display: flex;
margin-top: -30px;
align-items: flex-start;
margin-left: 30px;
flex-direction: column;
}
.navigation-dropdown-toggle08 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius2);
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-larps1 {
font-size: 14px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
margin-right: 4px;
vertical-align: middle;
}
.navigation-dropdown-arrow3 {
transition: 0.3s;
}
.navigation-icon10 {
width: 18px;
height: 18px;
margin-top: auto;
transition: 0.3s;
margin-bottom: auto;
}
.navigation-larps-dropdown-list {
left: 0%;
width: max-content;
display: none;
z-index: 100;
position: absolute;
min-width: 100%;
transition: 0.3s;
align-items: stretch;
border-color: #D9D9D9;
border-width: 1px;
border-radius: var(--dl-radius-radius-radius4);
flex-direction: column;
list-style-type: none;
background-color: var(--dl-color-gray-white);
list-style-position: inside;
}
.navigation-letzte-gelegenheit-dropdown {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
text-decoration: none;
}
.navigation-dropdown-toggle09 { .navigation-dropdown-toggle09 {
fill: #595959; fill: #595959;
color: #595959; color: #595959;
@ -880,13 +559,6 @@ export default {
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-suesse-traeume-dropdown {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
text-decoration: none;
}
.navigation-dropdown-toggle10 { .navigation-dropdown-toggle10 {
fill: #595959; fill: #595959;
color: #595959; color: #595959;
@ -914,61 +586,6 @@ export default {
font-family: Poppins; font-family: Poppins;
font-weight: 400; font-weight: 400;
} }
.navigation-dropdown-toggle11 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius2);
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-larps2 {
font-size: 14px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
margin-right: 4px;
vertical-align: middle;
}
.navigation-dropdown-arrow4 {
transition: 0.3s;
}
.navigation-icon12 {
width: 18px;
height: 18px;
margin-top: auto;
transition: 0.3s;
margin-bottom: auto;
}
.navigation-drama-games-dropdown-list {
left: 0%;
width: max-content;
display: none;
z-index: 100;
position: absolute;
min-width: 100%;
transition: 0.3s;
align-items: stretch;
border-color: #D9D9D9;
border-width: 1px;
border-radius: var(--dl-radius-radius-radius4);
flex-direction: column;
list-style-type: none;
background-color: var(--dl-color-gray-white);
list-style-position: inside;
}
.navigation-murphys-larp-dropdown {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
text-decoration: none;
}
.navigation-dropdown-toggle12 { .navigation-dropdown-toggle12 {
fill: #595959; fill: #595959;
color: #595959; color: #595959;
@ -987,99 +604,6 @@ export default {
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-dropdown-toggle13 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius2);
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-kurzgeschichten1 {
font-size: 14px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
margin-right: 4px;
vertical-align: middle;
}
.navigation-dropdown-arrow5 {
transition: 0.3s;
}
.navigation-icon14 {
width: 18px;
height: 18px;
margin-top: auto;
transition: 0.3s;
margin-bottom: auto;
}
.navigation-kurzgeschichten-dropdown-list {
left: 0%;
width: max-content;
display: none;
z-index: 100;
position: absolute;
min-width: 100%;
transition: 0.3s;
align-items: stretch;
border-color: #D9D9D9;
border-width: 1px;
border-radius: var(--dl-radius-radius-radius4);
flex-direction: column;
list-style-type: none;
background-color: var(--dl-color-gray-white);
list-style-position: inside;
}
.navigation-ein-orden-fuer-eine-gute-tat-dropdown {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
text-decoration: none;
}
.navigation-dropdown-toggle14 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
transition: 0.3s;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius4);
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle14:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-rosenteufel-dropdown {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
text-decoration: none;
}
.navigation-dropdown-toggle15 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
transition: 0.3s;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius4);
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle15:hover { .navigation-dropdown-toggle15:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
@ -1130,67 +654,13 @@ export default {
} }
} }
@media(max-width: 767px) { @media(max-width: 767px) {
.navigation-dropdown-list {
display: none;
}
.navigation-dropdown-list1 {
display: none;
}
.navigation-dropdown-list2 {
display: none;
}
.navigation-larps1 {
color: #ffffff;
font-size: 16px;
}
.navigation-icon10 {
fill: #ffffff;
}
.navigation-larps-dropdown-list {
display: none;
border-color: #000000;
background-color: rgb(41, 41, 41);
}
.navigation-suesse-traeume1 { .navigation-suesse-traeume1 {
color: #ffffff; color: #ffffff;
} }
.navigation-larps2 {
color: #ffffff;
font-size: 16px;
}
.navigation-icon12 {
fill: #ffffff;
}
.navigation-drama-games-dropdown-list {
display: none;
border-color: #000000;
background-color: rgb(41, 41, 41);
}
.navigation-kurzgeschichten1 {
color: #ffffff;
font-size: 16px;
}
.navigation-icon14 {
fill: #ffffff;
}
.navigation-kurzgeschichten-dropdown-list {
display: none;
border-color: #000000;
background-color: rgb(41, 41, 41);
}
} }
@media(max-width: 479px) { @media(max-width: 479px) {
.navigation-navbar-interactive { .navigation-navbar-interactive {
padding: var(--dl-space-space-unit); padding: var(--dl-space-space-unit);
} }
.navigation-icon10 {
fill: #ffffff;
}
.navigation-icon12 {
fill: #ffffff;
}
.navigation-icon14 {
fill: #ffffff;
}
} }
</style> </style>

View file

@ -12,7 +12,7 @@
<h1 class="row1-header1"> <h1 class="row1-header1">
<span> <span>
Leitung der Justizvollzugsanstalt Leitung der Justizvollzugsanstalt
<span v-html="rawlrtl"></span> <span v-html="raw048v"></span>
</span> </span>
<br /> <br />
</h1> </h1>
@ -105,7 +105,7 @@ export default {
}, },
data() { data() {
return { return {
rawlrtl: ' ', raw048v: ' ',
} }
}, },
} }

View file

@ -66,7 +66,7 @@
Tabellen und Graphen auf Notizzettel. Die Wärter mussten Jenatsch schon Tabellen und Graphen auf Notizzettel. Die Wärter mussten Jenatsch schon
mehrmals dafür bestrafen, als Jenatsch diese trotz Warnungen überall mehrmals dafür bestrafen, als Jenatsch diese trotz Warnungen überall
wieder liegen liess. wieder liegen liess.
<span v-html="rawcvmg"></span> <span v-html="rawpxu6"></span>
</span> </span>
<span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span> <span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
<br /> <br />
@ -113,7 +113,7 @@ export default {
}, },
data() { data() {
return { return {
rawcvmg: ' ', rawpxu6: ' ',
} }
}, },
} }

View file

@ -79,7 +79,7 @@
display: flex !important; display: flex !important;
} }
.nav-link { .nav-link {
color: #fff; color: #ffffff;
font-size: 16px; font-size: 16px;
font-style: Medium; font-style: Medium;
text-align: left; text-align: left;
@ -121,8 +121,9 @@
font-family: Poppins; font-family: Poppins;
font-weight: 500; font-weight: 500;
line-height: 36px; line-height: 36px;
padding-left: 12px;
padding-right: 12px;
letter-spacing: 2px; letter-spacing: 2px;
text-transform: uppercase;
} }
.section-heading { .section-heading {
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
@ -398,7 +399,7 @@
.event-yellow { .event-yellow {
color: #ffff00; color: #ffff00;
} }
.desktop-menu-dropdown-text { .desktop-menu-dropdown-option {
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
@ -407,7 +408,7 @@
font-family: "Poppins"; font-family: "Poppins";
font-weight: 400; font-weight: 400;
} }
.mobile-menu-dropdown-text { .mobile-menu-dropdown-option {
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
@ -417,6 +418,7 @@
font-weight: 400; font-weight: 400;
} }
.mobile-menu-text { .mobile-menu-text {
cursor: pointer;
font-style: normal; font-style: normal;
font-family: Poppins; font-family: Poppins;
font-weight: 500; font-weight: 500;
@ -440,8 +442,8 @@
margin-bottom: var(--dl-space-space-halfunit); margin-bottom: var(--dl-space-space-halfunit);
padding-right: 12px; padding-right: 12px;
} }
.page-heading { .uppercase {
text-transform: capitalize; text-transform: uppercase;
} }
.card-heading { .card-heading {
color: #ffffff; color: #ffffff;
@ -501,11 +503,151 @@
justify-content: center; justify-content: center;
} }
.mobile-menu-dropdown { .mobile-menu-dropdown {
display: inline-block;
position: relative;
font-weight: 500;
border-radius: var(--dl-radius-radius-radius2);
margin-bottom: 12px;
}
.mobile-menu-dropdown-toggle {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius2);
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.dropdown-list {
left: 0%;
width: max-content;
display: none;
z-index: 100;
position: absolute;
min-width: 100%;
transition: 0.3s;
align-items: stretch;
border-color: #D9D9D9;
border-width: 1px;
border-radius: var(--dl-radius-radius-radius4);
flex-direction: column;
list-style-type: none;
background-color: White (Gray);
list-style-position: inside;
}
.mobile-menu-list-item {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
position: relative; position: relative;
border-radius: var(--dl-radius-radius-radius2); border-radius: var(--dl-radius-radius-radius2);
margin-bottom: 12px; text-decoration: none;
}
.mobile-menu-dropdown-element {
transition: 0.3s;
border-radius: var(--dl-radius-radius-radius4);
}
.mobile-menu-dropdown-element:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.mobile-menu-dropdown-header {
font-size: 16px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
margin-right: 4px;
vertical-align: middle;
}
.mobile-menu-dropdown-arrow-container {
transition: 0.3s;
}
.mobile-menu-dropdown-arrow {
fill: #ffffff;
width: 18px;
height: 18px;
margin-top: auto;
transition: 0.3s;
margin-bottom: auto;
}
.mobile-menu-nav-body {
flex: 0 0 auto;
display: flex;
margin-top: -30px;
align-items: flex-start;
margin-left: 30px;
flex-direction: column;
}
.desktop-menu-dropdown-toggle {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: 0px;
border-radius: var(--dl-radius-radius-radius2);
padding-right: 0px;
padding-bottom: var(--dl-space-space-halfunit);
}
.desktop-menu-dropdown-header {
color: #ffffff;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
margin-right: 4px;
vertical-align: middle;
}
.desktop-menu-arrow-container {
transition: 0.3s;
}
.desktop-menu-arrow {
fill: #ffffff;
width: 18px;
height: 18px;
margin-top: auto;
transition: 0.3s;
margin-bottom: auto;
}
.desktop-menu-dropdown-list {
left: 0%;
width: max-content;
display: none;
z-index: 100;
position: absolute;
min-width: 100%;
transition: 0.3s;
align-items: stretch;
border-color: #D9D9D9;
border-width: 1px;
border-radius: var(--dl-radius-radius-radius4);
flex-direction: column;
list-style-type: none;
background-color: var(--dl-color-gray-white);
list-style-position: inside;
}
.desktop-menu-list-item {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
text-decoration: none;
}
.desktop-menu-dropdown-element {
transition: 0.3s;
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius4);
padding-right: var(--dl-space-space-unit);
}
.desktop-menu-dropdown-element:hover {
fill: #fff;
color: #fff;
background-color: #595959;
} }
.Heading { .Heading {
font-size: 32px; font-size: 32px;
@ -595,6 +737,14 @@
.buttons { .buttons {
flex-direction: column; flex-direction: column;
} }
.dropdown-list {
display: none;
border-color: #000000;
background-color: rgb(41, 41, 41);
}
.desktop-menu-dropdown-list {
display: none;
}
} }
@media(max-width: 479px) { @media(max-width: 479px) {
.section-head { .section-head {

View file

@ -8,14 +8,16 @@
/> />
<section class="home-veranstaltungen-kapitel"> <section class="home-veranstaltungen-kapitel">
<header class="home-veranstaltungen-titel"> <header class="home-veranstaltungen-titel">
<h2 class="home-section section-head">Kommende Veranstaltungen</h2> <h2 class="section-head uppercase home-section">
Kommende Veranstaltungen
</h2>
</header> </header>
<veranstaltungen-liste <veranstaltungen-liste
rootClassName="veranstaltungen-liste-root-class-name" rootClassName="veranstaltungen-liste-root-class-name"
></veranstaltungen-liste> ></veranstaltungen-liste>
</section> </section>
<section class="card-container"> <section class="card-container">
<h2 class="page-heading section-head">LARPs</h2> <h2 class="section-head">LARPs</h2>
<main class="card-row"> <main class="card-row">
<section class="card"> <section class="card">
<h1 class="card-heading">Letzte Gelegenheit</h1> <h1 class="card-heading">Letzte Gelegenheit</h1>
@ -59,7 +61,7 @@
</main> </main>
</section> </section>
<section class="card-container"> <section class="card-container">
<h2 class="section-head"> <h2 class="section-head uppercase">
<span>Kurzgeschichten</span> <span>Kurzgeschichten</span>
<br /> <br />
</h2> </h2>
@ -175,12 +177,6 @@ export default {
padding-bottom: var(--dl-space-space-oneandhalfunits); padding-bottom: var(--dl-space-space-oneandhalfunits);
justify-content: center; justify-content: center;
} }
.home-section {
color: #ffffff;
font-size: 36px;
padding-left: 12px;
padding-right: 12px;
}
.home-button { .home-button {
gap: var(--dl-space-space-oneandhalfunits); gap: var(--dl-space-space-oneandhalfunits);
cursor: pointer; cursor: pointer;

View file

@ -11,13 +11,13 @@
</span> </span>
<iframe <iframe
src="https://www.youtube-nocookie.com/embed/7cH4QuUSUaU" src="https://www.youtube-nocookie.com/embed/7cH4QuUSUaU"
class="letzte-gelegenheit-teaser" class="letzte-gelegenheit-teaser-video"
></iframe> ></iframe>
<h1 class="character-title section-head"> <h1 class="section-head character-title uppercase">
<span>Setting</span> <span>Setting</span>
<br /> <br />
</h1> </h1>
<div class="letzte-gelegenheit-container1 text-body"> <div class="letzte-gelegenheit-setting-container text-body">
<p> <p>
<span> <span>
Plötzlich fällt der Strom aus und eine dichte Nebelwand nähert sich von Plötzlich fällt der Strom aus und eine dichte Nebelwand nähert sich von
@ -41,7 +41,7 @@
</div> </div>
<section class="letzte-gelegenheit-veranstaltungen-kapitel"> <section class="letzte-gelegenheit-veranstaltungen-kapitel">
<header class="letzte-gelegenheit-veranstaltungen-titel"> <header class="letzte-gelegenheit-veranstaltungen-titel">
<h2 class="letzte-gelegenheit-section section-head">Kommende Runs</h2> <h2 class="section-head uppercase">Kommende Runs</h2>
</header> </header>
<veranstaltungen-liste></veranstaltungen-liste> <veranstaltungen-liste></veranstaltungen-liste>
</section> </section>
@ -56,18 +56,13 @@
<span class="button-text">Infos Deutschland</span> <span class="button-text">Infos Deutschland</span>
</div> </div>
</a> </a>
<div class="letzte-gelegenheit-container2"> <a
<a href="https://docs.google.com/document/d/1K8iooPzdVv76UZY8lRtZfj2axTbuK-Z9me2cYAm87bc/edit?usp=sharing"
href="https://docs.google.com/document/d/1K8iooPzdVv76UZY8lRtZfj2axTbuK-Z9me2cYAm87bc/edit?usp=sharing" target="_blank"
target="_blank" rel="noreferrer noopener"
rel="noreferrer noopener" >
class="letzte-gelegenheit-link1" <div class="button"><span class="button-text">Infos Schweiz</span></div>
> </a>
<div class="button">
<span class="button-text">Infos Schweiz</span>
</div>
</a>
</div>
</div> </div>
<div class="letzte-gelegenheit-buttons-right buttons"> <div class="letzte-gelegenheit-buttons-right buttons">
<a <a
@ -86,8 +81,8 @@
</a> </a>
</div> </div>
</div> </div>
<h2 class="character-title section-head">Charaktere</h2> <h2 class="character-title section-head uppercase">Charaktere</h2>
<div class="letzte-gelegenheit-container3 text-body"> <div class="letzte-gelegenheit-charaktere-container text-body">
<p> <p>
<span> <span>
Die Charaktere sind so geschrieben und verknüpft um intensives, Die Charaktere sind so geschrieben und verknüpft um intensives,
@ -96,7 +91,7 @@
Geschlecht definiert die spielende Person. Es wird ein paar Geschlecht definiert die spielende Person. Es wird ein paar
Nichtspielercharaktere geben die von Helfern bespielt werden, zum Nichtspielercharaktere geben die von Helfern bespielt werden, zum
Beispiel Häftling Summers, der/die mit euch ins Beispiel Häftling Summers, der/die mit euch ins
<span v-html="rawodlq"></span> <span v-html="rawsnrv"></span>
</span> </span>
<span>Spiel startet.</span> <span>Spiel startet.</span>
<br /> <br />
@ -118,17 +113,17 @@
<br /> <br />
</p> </p>
</div> </div>
<h2 class="character-group section-head">Gefängnispersonal</h2> <h2 class="character-group section-head uppercase">Gefängnispersonal</h2>
<app-row1></app-row1> <app-row1></app-row1>
<app-row2></app-row2> <app-row2></app-row2>
<app-row3></app-row3> <app-row3></app-row3>
<h2 class="character-group section-head">Häftlinge</h2> <h2 class="character-group section-head uppercase">Häftlinge</h2>
<app-row4></app-row4> <app-row4></app-row4>
<app-row5></app-row5> <app-row5></app-row5>
<h2 class="character-group section-head">Militär</h2> <h2 class="character-group section-head uppercase">Militär</h2>
<app-row6></app-row6> <app-row6></app-row6>
<h2 class="character-title section-head">Unterstützung</h2> <h2 class="character-title section-head uppercase">Unterstützung</h2>
<div class="letzte-gelegenheit-container4 text-body"> <div class="letzte-gelegenheit-unterstuetzung-container text-body">
<p> <p>
<span> <span>
Konzipiert und organisiert wurde und wird das gesamte LARP von Hermann. Konzipiert und organisiert wurde und wird das gesamte LARP von Hermann.
@ -172,7 +167,7 @@
<br /> <br />
<span> <span>
- -
<span v-html="rawqgyp"></span> <span v-html="raw81do"></span>
</span> </span>
<span>Phil U.</span> <span>Phil U.</span>
<br /> <br />
@ -211,8 +206,8 @@ export default {
}, },
data() { data() {
return { return {
rawodlq: ' ', rawsnrv: ' ',
rawqgyp: ' ', raw81do: ' ',
} }
}, },
metaInfo: { metaInfo: {
@ -257,7 +252,7 @@ export default {
background-image: url("/forest-background-luca-dross-1500w.jpg"); background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: top left; background-position: top left;
} }
.letzte-gelegenheit-teaser { .letzte-gelegenheit-teaser-video {
width: 640px; width: 640px;
height: 360px; height: 360px;
margin-top: 20px; margin-top: 20px;
@ -265,7 +260,7 @@ export default {
margin-right: 0px; margin-right: 0px;
margin-bottom: -40px; margin-bottom: -40px;
} }
.letzte-gelegenheit-container1 { .letzte-gelegenheit-setting-container {
width: 95%; width: 95%;
} }
.letzte-gelegenheit-veranstaltungen-kapitel { .letzte-gelegenheit-veranstaltungen-kapitel {
@ -288,32 +283,16 @@ export default {
padding-bottom: var(--dl-space-space-oneandhalfunits); padding-bottom: var(--dl-space-space-oneandhalfunits);
justify-content: center; justify-content: center;
} }
.letzte-gelegenheit-section {
color: rgb(255, 255, 255);
font-size: 36px;
}
.letzte-gelegenheit-buttons-left { .letzte-gelegenheit-buttons-left {
width: 45%; width: 45%;
} }
.letzte-gelegenheit-container2 {
flex: 0 0 auto;
width: auto;
height: auto;
display: flex;
align-items: center;
flex-direction: column;
}
.letzte-gelegenheit-link1 {
display: contents;
}
.letzte-gelegenheit-buttons-right { .letzte-gelegenheit-buttons-right {
gap: 10%; gap: 12%;
width: 33.3%;
} }
.letzte-gelegenheit-container3 { .letzte-gelegenheit-charaktere-container {
width: 95%; width: 95%;
} }
.letzte-gelegenheit-container4 { .letzte-gelegenheit-unterstuetzung-container {
width: 95%; width: 95%;
} }
@media(max-width: 991px) { @media(max-width: 991px) {
@ -322,7 +301,7 @@ export default {
} }
} }
@media(max-width: 767px) { @media(max-width: 767px) {
.letzte-gelegenheit-teaser { .letzte-gelegenheit-teaser-video {
width: 480px; width: 480px;
height: 270px; height: 270px;
} }
@ -331,7 +310,7 @@ export default {
} }
} }
@media(max-width: 479px) { @media(max-width: 479px) {
.letzte-gelegenheit-teaser { .letzte-gelegenheit-teaser-video {
width: 400px; width: 400px;
height: 225px; height: 225px;
} }
@ -341,9 +320,5 @@ export default {
max-width: auto; max-width: auto;
padding-top: 0px; padding-top: 0px;
} }
.letzte-gelegenheit-section {
height: auto;
line-height: 36px;
}
} }
</style> </style>

View file

@ -43,7 +43,7 @@
href="https://docs.google.com/document/d/1UWThYUOZUtHy3A89CeKnJ7KdkxyWW5DppVP4PiAECJ4/edit?usp=sharing" href="https://docs.google.com/document/d/1UWThYUOZUtHy3A89CeKnJ7KdkxyWW5DppVP4PiAECJ4/edit?usp=sharing"
target="_blank" target="_blank"
rel="noreferrer noopener" rel="noreferrer noopener"
class="murphys-larp-link button" class="murphys-larp-download-button button"
> >
<span class="button-text">Download</span> <span class="button-text">Download</span>
</a> </a>
@ -99,7 +99,7 @@ export default {
background-image: url("/forest-background-luca-dross-1500w.jpg"); background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: top left; background-position: top left;
} }
.murphys-larp-link { .murphys-larp-download-button {
text-decoration: none; text-decoration: none;
} }
@media(max-width: 767px) { @media(max-width: 767px) {

View file

@ -68,7 +68,7 @@
Aber... Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn Aber... Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn
lass schreiten. Seit Geschehnem ist hie kein einzger entlang. Wer weiss lass schreiten. Seit Geschehnem ist hie kein einzger entlang. Wer weiss
was was
<span v-html="rawa628"></span> <span v-html="rawrk5t"></span>
</span> </span>
<span>Geziefer dort treibt...</span> <span>Geziefer dort treibt...</span>
<br /> <br />
@ -236,7 +236,7 @@
nicht sauber gefragt und der Knecht viel zu blass als ihm vorzukommen. nicht sauber gefragt und der Knecht viel zu blass als ihm vorzukommen.
Letztlich doch die Augen sich schlossen. Doch wachten nur noch Ritter Letztlich doch die Augen sich schlossen. Doch wachten nur noch Ritter
und Knecht. Des Ritters Petz Kling noch immer rot; des Knechts Haut und Knecht. Des Ritters Petz Kling noch immer rot; des Knechts Haut
<span v-html="rawdt6d"></span> <span v-html="raw58yv"></span>
</span> </span>
<span> <span>
noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
@ -287,7 +287,7 @@
zuher. Sie starrten; auch kalt und hilflos wie Kind. Ich schritt nach zuher. Sie starrten; auch kalt und hilflos wie Kind. Ich schritt nach
vorn: In die Händ des Toten seh, weiss Ros. Ins Gesicht des Toten blick. vorn: In die Händ des Toten seh, weiss Ros. Ins Gesicht des Toten blick.
Beulen ziertens. Hässliche Beulen. Der Teufel aber wart woanders... Beulen ziertens. Hässliche Beulen. Der Teufel aber wart woanders...
<span v-html="rawme06"></span> <span v-html="rawowl5"></span>
</span> </span>
</span> </span>
</div> </div>
@ -308,9 +308,9 @@ export default {
}, },
data() { data() {
return { return {
rawa628: ' ', rawrk5t: ' ',
rawdt6d: ' ', raw58yv: ' ',
rawme06: ' ', rawowl5: ' ',
} }
}, },
metaInfo: { metaInfo: {