diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss index ba8f97e..3a79de8 100644 --- a/assets/scss/custom.scss +++ b/assets/scss/custom.scss @@ -733,7 +733,7 @@ body { /* ÄNDERUNG: deutlich kleinere Buttons (Höhe, Breite, Schrift) */ --btn-py: clamp(1rem, 1.2vw, 1.5rem); /* vorher 1.8–2.5rem -> jetzt kompakter */ --btn-px: clamp(1rem, 1.6vw, 1.5rem); /* vorher 1.8–2.5rem -> schmaler */ - --btn-fs: clamp(1.5rem, 1.15vw, 1.5rem);/* vorher 1.8–2.5rem -> p-nahe Größe */ + --btn-fs: clamp(1.8rem, 1.6vw, 2.5rem);/* vorher 1.8–2.5rem -> p-nahe Größe */ position: relative; overflow: hidden; @@ -924,55 +924,33 @@ body { z-index: 2; } -.cta__btn { - display: inline-flex; - align-items: center; - gap: .7rem; - padding: var(--btn-py) var(--btn-px); /* nutzt die kleineren Presets oben */ - border-radius: 9999px; - background: #fff; - color: var(--cta-primary); - border: 1px solid rgba(0,0,0,.06); - box-shadow: 0 1px 3px rgba(0,0,0,.06); - text-decoration: none; - font-weight: 700; - font-size: var(--btn-fs); /* nutzt die kleinere Schrift */ - transition: background .15s ease, color .15s ease, box-shadow .2s ease, transform .04s ease; - position: relative; - overflow: hidden; - - &::before { - content: ''; - position: absolute; - top: 50%; - left: 50%; - width: 0; - height: 0; - border-radius: 50%; - background: var(--cta-accent); - transform: translate(-50%, -50%); - transition: width 0.6s ease, height 0.6s ease; - z-index: -1; - } - - &:hover { - background: var(--cta-accent); - color: #fff; - box-shadow: 0 8px 22px rgba(245,166,35,.35); - - &::before { - width: 300%; - height: 300%; - } - } - - &:active { transform: translateY(1px); } - - &:focus-visible { - outline: 2px dashed var(--cta-accent); - outline-offset: 3px; - } +.cta__btn, +button.cta__btn{ + display:inline-flex; align-items:center; gap:.7rem; + padding:var(--btn-py,12px) var(--btn-px,22px); + border-radius:9999px; + background:#fff; + color:var(--cta-primary,#0a8f8d); + border:1px solid rgba(0,0,0,.06); + box-shadow:0 1px 3px rgba(0,0,0,.06); + text-decoration:none; + font-weight:700; + font-size:var(--btn-fs,1rem); + transition:background .15s ease, color .15s ease, box-shadow .2s ease, transform .04s ease; + position:relative; overflow:hidden; + -webkit-appearance:none; appearance:none; /* wichtig bei + {{ end }}{{ end }} diff --git a/layouts/_default/karriere.html b/layouts/_default/karriere.html new file mode 100644 index 0000000..c31109f --- /dev/null +++ b/layouts/_default/karriere.html @@ -0,0 +1,188 @@ +{{ define "main" }} +{{ partial "page-title.html" . }} + + + + +{{ $h := .Params.hero }} +{{ $img := or (and $h $h.image) .Params.image }} +{{ $alt := or (and $h $h.image_alt) (printf "Arbeiten bei %s" .Site.Title) }} + +
+
+
+
+

+ {{ if $h }} + {{ with $h.title }}{{ . }}{{ else }}Karriere bei {{ $.Site.Title }}{{ end }} + {{ else }} + Karriere bei {{ .Site.Title }} + {{ end }} +

+ {{ with $h }}{{ with .lead }} +
{{ . | markdownify }}
+ {{ end }}{{ end }} +
+ +
+ {{ with $img }} +
+ {{ $alt }} +
+ {{ end }} +
+
+
+
+ + +{{ with .Params.values }} +
+
+

Unsere Werte

+
+ {{ range $i, $v := . }} +
+
+ +

{{ $v.title }}

+

{{ $v.text }}

+
+
+ {{ end }} +
+
+
+{{ end }} + + +
+
+

Was wir bieten

+
+
+
    + {{ range .Params.benefits_left }} +
  • + + {{ . | markdownify }} +
    • + {{ end }} +
+
+
+
    + {{ range .Params.benefits_right }} +
  • + + {{ . | markdownify }} +
    • + {{ end }} +
+
+
+
+
+ + +{{ $impressum := site.GetPage "page" "impressum" }} +{{ $ctaEnabled := or (and .Params.cta .Params.cta.enable) (or .Params.cta_text .Params.cta_label) }} +{{ if $ctaEnabled }} +
+ + +
+
+

+ {{ .Params.cta_text | default "Gestalte die Energiewende mit uns." }} +

+ {{ with .Params.subtitle }}

{{ . }}

{{ else }} +

Wir freuen uns über deine Initiativbewerbung!

+ {{ end }} + +
+ {{ with .Params.cta_label }} + + {{ . }} + + {{ end }} + + {{ if $impressum }} + E-Mail senden + Anrufen + {{ end }} +
+ + +
+
+
+{{ end }} + + + + +{{ end }} diff --git a/layouts/_default/leistung.html b/layouts/_default/leistung.html index fbff433..a1812a6 100644 --- a/layouts/_default/leistung.html +++ b/layouts/_default/leistung.html @@ -329,8 +329,6 @@ - - {{/* Fallback/Ergänzung: direkte Kontaktwege aus Impressum */}} {{ if $impressum }} diff --git a/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content b/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content index 66c07ff..6c55963 100644 --- a/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content +++ b/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content @@ -3141,7 +3141,7 @@ body { /* vorher 1.8–2.5rem -> jetzt kompakter */ --btn-px: clamp(1rem, 1.6vw, 1.5rem); /* vorher 1.8–2.5rem -> schmaler */ - --btn-fs: clamp(1.5rem, 1.15vw, 1.5rem); + --btn-fs: clamp(1.8rem, 1.6vw, 2.5rem); /* vorher 1.8–2.5rem -> p-nahe Größe */ position: relative; overflow: hidden; @@ -3362,48 +3362,55 @@ body { position: relative; z-index: 2; } -.cta__btn { +.cta__btn, +button.cta__btn { display: inline-flex; align-items: center; gap: .7rem; - padding: var(--btn-py) var(--btn-px); - /* nutzt die kleineren Presets oben */ + padding: var(--btn-py, 12px) var(--btn-px, 22px); border-radius: 9999px; background: #fff; - color: var(--cta-primary); + color: var(--cta-primary, #0a8f8d); border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); text-decoration: none; font-weight: 700; - font-size: var(--btn-fs); - /* nutzt die kleinere Schrift */ + font-size: var(--btn-fs, 1rem); transition: background .15s ease, color .15s ease, box-shadow .2s ease, transform .04s ease; position: relative; - overflow: hidden; } - .cta__btn::before { - content: ''; - position: absolute; - top: 50%; - left: 50%; - width: 0; - height: 0; - border-radius: 50%; - background: var(--cta-accent); - transform: translate(-50%, -50%); - transition: width 0.6s ease, height 0.6s ease; - z-index: -1; } - .cta__btn:hover { - background: var(--cta-accent); - color: #fff; - box-shadow: 0 8px 22px rgba(245, 166, 35, 0.35); } - .cta__btn:hover::before { - width: 300%; - height: 300%; } - .cta__btn:active { - transform: translateY(1px); } - .cta__btn:focus-visible { - outline: 2px dashed var(--cta-accent); - outline-offset: 3px; } + overflow: hidden; + -webkit-appearance: none; + appearance: none; + /* wichtig bei - - - - - {{- end }}{{ end }} -
- {{ with site.Params.contact -}} -
-
-

{{ i18n "address_title" }}

-
    - {{ $add_address_descriptors := .address_descriptors }} - {{ with site.Params.location }}
  • {{ if $add_address_descriptors }}{{ i18n "location" | printf "%s: " }}{{ end }}
    {{ . | markdownify }}
    • {{ end }} - {{ with site.Params.email }}
  • {{ if $add_address_descriptors }}{{ i18n "email" | printf "%s: " }}{{ end }}{{ partial "cloak_email" . }}
    • {{ end }} - {{ with site.Params.phone }}
  • {{ if $add_address_descriptors }}{{ i18n "phone" | printf "%s: " }}{{ end }}{{ . }}
    • {{ end }} -
- -
-
- {{- end }} - {{ if site.Params.gmap.enable -}} -
-
-
-
-
-
-
- {{- end }} -
- - - -{{ end }}