/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

/* ================================================================
   S.T.O.P. DESIGN for s-t-o-p.de
   MASTER: 05-tyskland/hjemmeside-DE/_build/child-theme/style.css
   The file in the child theme (Appearance > Theme File Editor) is a COPY.
   Built from s-t-o-p.nu's stop-design.css (08/_build/design/), adapted:
   - Dosis comes from TheGem > Self-Hosted Fonts (family "Dosis"): no @font-face here.
   - The header is fixed night blue (Theme Options), never transparent:
     no band, no menu rules, the top starts right below the header.
   - No phone button: primary red button and white outline button.
   No external requests from this file. Recipe: _build/design/OPSKRIFT-DE.md
   Brand: blue #006c91, night #002839, red #d1422f, grey #b2b2b2, dark #1d1d1b.
   ================================================================ */

/* 1. Rows that hold a full-width block: el_class="stop-fuld" on the [vc_row] */
.stop-fuld > .wpb_column > .vc_column-inner{padding-top:0!important;padding-bottom:0!important}
.stop-fuld .wpb_raw_html{margin-bottom:0!important}
/* Below 1200 px TheGem pulls every row 1.4em up; rows built with these blocks reset it. */
.stop-fuld.wpb_row{margin-top:0!important}
/* Pages built with the blocks: no theme padding above and below the content. */
html body #page:has(.stop-fuld) #main .block-content{padding-top:0!important;padding-bottom:0!important}

/* 1b. Header: the mobile menu button is white on the night-blue header
       (TheGem drew it in the header colour, so it was invisible; seen by Michael 5/10-2026). */
#site-header .menu-toggle .menu-line-1,#site-header .menu-toggle .menu-line-2,#site-header .menu-toggle .menu-line-3{background-color:#fff!important}
#site-header .menu-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* 2. KLODS "top": dark page top (section.stop-top) */
.stop-top{position:relative;left:50%;width:100vw;margin-left:-50vw;color:#fff;font-family:'Dosis',Arial,sans-serif;background:radial-gradient(ellipse 50% 46% at 50% 36%,rgba(0,105,141,1) 0%,rgba(0,105,141,0) 100%),linear-gradient(180deg,#002839 0%,#002839 25%,#003347 44%,#004d68 63%,#005978 72%,#006487 82%,#006c91 91%,#006c91 100%)}
.stop-top__in{max-width:1212px;margin:0 auto;padding:44px 21px 50px;box-sizing:border-box;display:flex;align-items:center;gap:40px}
.stop-top__txt{flex:1 1 auto;min-width:0;max-width:780px}
.stop-top p.stop-top__tag{font-family:inherit!important;font-weight:800;font-size:17px;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;color:#fff!important;margin:0 0 18px!important}
.stop-top h1.stop-top__h1{font-family:inherit!important;font-weight:800!important;font-size:clamp(34px,4.2vw,50px)!important;line-height:1.04!important;letter-spacing:.01em!important;text-transform:uppercase!important;color:#fff!important;margin:0 0 12px!important;padding:0!important;text-align:left!important;overflow-wrap:break-word;hyphens:manual}
.stop-top__h1 span{color:#b2b2b2}
.stop-top p.stop-top__sub{font-family:inherit!important;font-weight:700;font-size:17px;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;color:#fff!important;margin:0 0 16px!important}
.stop-top__line{display:block;width:64px;border-top:3px solid #fff;margin:0 0 16px}
.stop-top p.stop-top__p{font-family:inherit!important;font-weight:500;font-size:20px;line-height:1.45;color:#fff!important;margin:0 0 14px!important;max-width:680px}
.stop-top__cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}
.stop-top a.stop-top__btn{font-family:inherit!important;font-weight:800;font-size:17px;line-height:1.2;text-transform:uppercase;letter-spacing:.03em;text-decoration:none!important;padding:13px 22px;border-radius:4px;display:inline-flex;align-items:center;gap:10px;border:2px solid #fff;box-sizing:border-box;transition:background-color .15s,color .15s,border-color .15s}
.stop-top a.stop-top__btn--primaer{background:#d1422f;border-color:#d1422f;color:#fff!important}
.stop-top a.stop-top__btn--primaer:hover{background:#b8371f;border-color:#b8371f}
.stop-top a.stop-top__btn--sekundaer{background:transparent;color:#fff!important}
.stop-top a.stop-top__btn--sekundaer:hover{background:#fff;color:#006c91!important}
.stop-top a.stop-top__btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.stop-top p.stop-top__note{font-family:inherit!important;font-weight:500;font-size:17px;line-height:1.4;color:#fff!important;margin:14px 0 0!important;max-width:680px}
.stop-top__skjold{flex:0 0 190px;width:190px;height:190px}
@media (max-width:1000px){.stop-top__skjold{display:none}}
@media (max-width:767px){
.stop-top__in{display:block;padding:24px 21px 28px}
.stop-top p.stop-top__tag{font-size:13px;margin-bottom:14px!important}
.stop-top p.stop-top__sub{font-size:14px}
.stop-top p.stop-top__p{font-size:17px}
.stop-top__cta{margin-top:18px}
.stop-top a.stop-top__btn{width:100%;justify-content:center;text-align:center;padding:15px 16px}
.stop-top p.stop-top__note{font-size:16px}
}

/* 3. Shared base for text pages (el_class="stop-v ..." on the row) */
.stop-v{--blaa:#006c91;--nat:#002839;--moerk:#1d1d1b;--graa:#b2b2b2;font-family:'Dosis',Arial,sans-serif!important;color:#1d1d1b;font-weight:500}
.stop-v *,.stop-v *::before,.stop-v *::after{box-sizing:border-box}

/* 3a. KLODS "lys top": breadcrumb, label, H1, lead, author line (article pages) */
.stop-v-top{position:relative;left:50%;width:100vw;margin-left:-50vw;background:#fff;border-bottom:1px solid #b2b2b2}
.stop-v-top__in{max-width:808px;margin:0 auto;padding:30px 24px 30px}
.stop-v-sti ol{list-style:none!important;margin:0 0 26px!important;padding:0!important;display:flex;flex-wrap:wrap;font-family:inherit!important;font-size:16px;line-height:1.4}
.stop-v-sti ol li{margin:0!important;padding:0!important;font-family:inherit!important;font-size:16px!important;line-height:1.4!important;color:#1d1d1b!important}
.stop-v-sti ol li::before{content:none!important}
.stop-v-sti ol li+li::before{content:"/"!important;position:static!important;margin:0 9px;color:#b2b2b2;background:none!important;width:auto!important;height:auto!important}
.stop-v-sti a{color:#006c91!important;text-decoration:none}
.stop-v-sti a:hover{text-decoration:underline}
.stop-v p.stop-v-maerke{margin:0 0 10px!important;font-family:inherit!important;font-size:15px!important;line-height:1.3!important;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#006c91!important}
.stop-v h1.stop-v-h1{margin:0 0 18px!important;padding:0!important;font-family:inherit!important;font-size:clamp(30px,4vw,44px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:.01em!important;text-transform:uppercase!important;text-align:left!important;color:#1d1d1b!important;overflow-wrap:break-word}
.stop-v p.stop-v-manchet{margin:0 0 22px!important;font-family:inherit!important;font-size:21px!important;line-height:1.45!important;font-weight:500;color:#1d1d1b!important;max-width:680px}
.stop-v p.stop-v-af{margin:0!important;font-family:inherit!important;font-size:16px!important;line-height:1.5!important;color:#1d1d1b!important}
.stop-v-af strong{font-weight:700}
.stop-v-af a{color:#006c91!important}

/* 3b. KLODS "artikel": el_class="stop-v stop-art" on the [vc_row] holding the text */
.stop-art{max-width:808px;margin:0 auto!important;padding:36px 24px 56px;float:none!important}
.stop-art.wpb_row{margin-top:0!important}
.stop-art > .wpb_column > .vc_column-inner{padding-left:0!important;padding-right:0!important}
.stop-art p,.stop-art li{font-family:'Dosis',Arial,sans-serif!important;font-size:19px!important;line-height:1.6!important;color:#1d1d1b}
.stop-art p{margin:0 0 18px!important}
.stop-art ul,.stop-art ol{margin:0 0 18px!important;padding-left:24px!important}
.stop-art ul,.stop-art ul li{list-style:disc!important}
.stop-art ol,.stop-art ol li{list-style:decimal!important}
.stop-art ul li::before,.stop-art ol li::before{content:none!important}
.stop-art li{margin-bottom:6px!important;padding-left:0!important}
.stop-art a{color:#006c91;text-decoration:underline;text-underline-offset:2px}
.stop-art a:focus-visible,.stop-v-top a:focus-visible{outline:3px solid #006c91;outline-offset:2px}
.stop-art h2{margin:44px 0 12px!important;font-family:'Dosis',Arial,sans-serif!important;font-size:28px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:.01em!important;text-transform:uppercase!important;text-align:left!important;color:#006c91!important;scroll-margin-top:120px;overflow-wrap:break-word}
.stop-art h3{margin:28px 0 8px!important;font-family:'Dosis',Arial,sans-serif!important;font-size:22px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important;color:#1d1d1b!important;scroll-margin-top:120px}
.stop-art .wpb_text_column,.stop-art .wpb_raw_html{margin-bottom:0!important}
.stop-art .wpb_text_column:first-child h2:first-child{margin-top:0!important}

/* Link to the next page ("Weiter"): p.stop-weiter > a */
.stop-art p.stop-weiter a{font-weight:700;text-decoration:none}
.stop-art p.stop-weiter a::after{content:"\00a0\2192"}
.stop-art p.stop-weiter a:hover{text-decoration:underline}

/* Sources */
.stop-art .stop-art-kilder ol,.stop-art .stop-art-kilder ul{padding-left:22px!important}
.stop-art .stop-art-kilder li{font-size:17px!important;line-height:1.5!important;margin-bottom:8px!important;overflow-wrap:anywhere}
.stop-art .stop-art-kilder h2{font-size:22px!important}

/* 3c. KLODS "felter": cards for fields of work, inside the article row (ul.stop-felt) */
.stop-art ul.stop-felt{list-style:none!important;margin:8px 0 22px!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.stop-art ul.stop-felt > li{list-style:none!important;margin:0!important;padding:20px 22px 18px!important;border:1px solid #b2b2b2;border-top:4px solid #006c91;background:#fff}
.stop-art ul.stop-felt > li::before{content:none!important}
.stop-art .stop-felt h3{margin:0 0 8px!important;font-size:21px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.01em!important;text-transform:uppercase!important;color:#006c91!important;overflow-wrap:break-word;hyphens:manual}
.stop-art .stop-felt p{margin:0!important;font-size:17px!important;line-height:1.55!important}

/* 3d. KLODS "CTA-boks": one per page, white outline button on the blue gradient. No red button here. */
.stop-v-cta{margin:44px 0 0;padding:30px 30px 28px;border-radius:4px;color:#fff;background:linear-gradient(135deg,#002839 0%,#006c91 100%)}
.stop-art .stop-v-cta h2{margin:0 0 10px!important;color:#fff!important;font-size:26px!important}
.stop-art .stop-v-cta p{margin:0 0 20px!important;color:#fff!important;max-width:600px}
.stop-art .stop-v-cta a.stop-v-knap{display:inline-block;padding:13px 22px;border:2px solid #fff;border-radius:4px;color:#fff!important;background:transparent;font-size:17px;line-height:1.2;font-weight:800;letter-spacing:.03em;text-transform:uppercase;text-decoration:none!important}
.stop-art .stop-v-cta a.stop-v-knap:hover{background:#fff;color:#006c91!important}
.stop-art .stop-v-cta a.stop-v-knap:focus-visible{outline:3px solid #fff;outline-offset:2px}
.stop-art .stop-v-cta p.stop-v-cta__note{margin:18px 0 0!important;font-size:16px!important;line-height:1.5!important}
.stop-art .stop-v-cta p.stop-v-cta__note a{color:#fff!important}

.stop-art .stop-v-cta p.stop-v-cta__lead{margin:0 0 20px!important;font-size:20px!important;line-height:1.5!important}
.stop-art .stop-v-cta p.stop-v-cta__lead strong{font-weight:800}

/* 3f. KLODS "formular": Contact Form 7 inside [vc_column_text el_class="stop-form"] */
.stop-art .stop-form{margin-top:8px}
.stop-art .stop-form p{margin:0 0 18px!important}
.stop-art .stop-form label{display:block;font-weight:700;font-size:17px;line-height:1.4;margin:0;color:#1d1d1b}
.stop-art .stop-form .wpcf7-form-control-wrap{display:block;margin-top:6px}
.stop-art .stop-form input[type=text],.stop-art .stop-form input[type=email],.stop-art .stop-form input[type=tel],.stop-art .stop-form select,.stop-art .stop-form textarea{display:block;width:100%!important;max-width:100%;box-sizing:border-box;font-family:'Dosis',Arial,sans-serif!important;font-size:18px!important;line-height:1.4!important;color:#1d1d1b!important;background:#fff!important;border:1px solid #b2b2b2!important;border-radius:4px!important;padding:12px 14px!important;height:auto!important;margin:0!important;box-shadow:none!important}
.stop-art .stop-form textarea{min-height:180px;resize:vertical}
.stop-art .stop-form input:focus,.stop-art .stop-form select:focus,.stop-art .stop-form textarea:focus{outline:3px solid #006c91;outline-offset:1px;border-color:#006c91!important}
.stop-art .stop-form p.stop-form__hinweis{font-size:16px!important;line-height:1.5!important;margin:-8px 0 18px!important}
.stop-art .stop-form input[type=submit]{display:inline-block;width:auto!important;background:#d1422f!important;border:2px solid #d1422f!important;color:#fff!important;font-family:'Dosis',Arial,sans-serif!important;font-weight:800!important;font-size:17px!important;letter-spacing:.03em;text-transform:uppercase;padding:13px 22px!important;border-radius:4px!important;cursor:pointer;height:auto!important;line-height:1.2!important}
.stop-art .stop-form input[type=submit]:hover{background:#b8371f!important;border-color:#b8371f!important}
.stop-art .stop-form input[type=submit]:focus-visible{outline:3px solid #006c91;outline-offset:3px}
.stop-art .stop-form .wpcf7-not-valid-tip{display:block;margin-top:4px;color:#b8371f;font-size:16px;font-weight:700}
.stop-art .stop-form .wpcf7-response-output{margin:18px 0 0!important;padding:14px 16px!important;border:2px solid #006c91!important;border-radius:4px;font-size:17px;line-height:1.5}
.stop-form .stop-hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}

/* 3e. Placeholder in drafts (video, form). Must be gone before publishing. */
.stop-pladsholder{margin:0 0 18px;padding:22px 24px;border:2px dashed #d1422f;border-radius:4px;color:#d1422f;font-family:'Dosis',Arial,sans-serif;font-weight:700;font-size:18px;line-height:1.4}

@media (max-width:850px){
  .stop-art{padding-left:0;padding-right:0}
  .stop-v-top__in{padding-left:21px;padding-right:21px}
}
@media (max-width:767px){
  .stop-v-top__in{padding:22px 21px 24px}
  .stop-v-sti ol,.stop-v-sti ol li{font-size:15px!important}
  .stop-v-sti ol{margin-bottom:20px!important}
  .stop-v p.stop-v-manchet{font-size:19px!important}
  .stop-art{padding:28px 0 44px}
  .stop-art p,.stop-art li{font-size:18px!important}
  .stop-art h2{font-size:24px!important;margin-top:36px!important}
  .stop-art h3{font-size:20px!important}
  .stop-art ul.stop-felt{grid-template-columns:1fr;gap:14px}
  .stop-art .stop-felt h3{font-size:19px!important}
  .stop-v-cta{padding:24px 20px}
  .stop-art .stop-v-cta a.stop-v-knap{display:block;text-align:center;padding:15px 16px}
}