@font-face {
    font-family:"Afacad Flux Thin";
    font-display:swap;
    src:url("/static/fonts/AfacadFlux-VariableFont_slnt_wght.ttf") format("truetype")
}

html, body { min-height:100%; margin:0px; padding:0px; }

/* max width of website 1200px */
.base-container-fluid { font-family: "Afacad Flux Thin", sans-serif !important; max-width:1200px !important; }

/* Bootsrap Fix */
.row { --bs-gutter-x:0; }

/* django specific modifikation */
.errorlist { list-style:none; padding-left:unset; color:maroon; }

/* Colors */
.col-berry { color:#AF005F; }
.col-bluedark { color:#000452; }
.col-bluelight { color:#2FC9FF; }
.col-greydark { color:#3B3838; }
.col-white { color: white; }
.colbg-berry { background-color:#AF005F; }
.colbg-bluedark { background-color:#000452; }
.colbg-bluelight { background-color:#2FC9FF; }
.colbg-bluelighter { background-color:#CFF3FF; }
.colbg-orangelighter { background-color:#FFDAB9 }
.colbg-greylight { background-color:lightgrey; }
.colbg-greydark { background-color:#3B3838; }
.colbg-teaser1 { background-color:#7DBDBD; }
.colbg-teaser2 { background-color:#7AAA92; }
.colbg-white { background-color: white; }

/* Font family */
.font-bl { font-family: "Afacad Flux Thin", sans-serif !important; font-weight:700; }
.font-lg { font-family: "Afacad Flux Thin", sans-serif !important; font-weight:500; }
.font-sb { font-family: "Afacad Flux Thin", sans-serif !important; font-weight:400; }
.font-sl { font-family: "Afacad Flux Thin", sans-serif !important; font-weight:300; }

.ownfont { font-family: "Afacad Flux Thin", sans-serif !important; }
.wght300 { font-weight:300; }
.wght400 { font-weight:400; }
.wght500 { font-weight:500; }
.wght600 { font-weight:600; }
.wght700 { font-weight:700; }
.wght800 { font-weight:800; }

/* Font sizes (DAN*2) */
.font-size1 { font-size:7pt; } /* 7 on PPT */
.font-size2 { font-size:9pt; } /* 9 on PPT */
.font-size3 { font-size:10pt; } /* 10 on PPT */
.fs7pt { font-size:7pt; }
.fs8pt { font-size:8pt; }
.fs9pt { font-size:9pt; }
.fs10pt { font-size:10pt; }
.fs11pt { font-size:11pt; }
.fs12pt { font-size:12pt; }
.fs14pt { font-size:14pt; }
.fs16pt { font-size:16pt; }
.font-size4 { font-size:11pt; } /* 11 on PPT */
.font-size41 { font-size:12pt; } /* 12 on PPT */
.font-size5 { font-size:14pt; } /* 14 on PPT */
.font-size6 { font-size:16pt; } /* 16 on PPT */
.font-size7 { font-size:17pt; } /* 17 on PPT */
.font-size8 { font-size:18pt; } /* 18 on PPT */
.font-size9 { font-size:24pt; } /* 24 on PPT */
.font-size91 { font-size:25pt; } /* 25 on PPT */
.font-sizeA { font-size:28pt; } /* 28 on PPT */

.fs32px { font-size:32px; }
.fs28px { font-size:28px; }
.fs23px { font-size:23px; }
.fs20px { font-size:20px; }
.fs18px { font-size:18px; }
.fs16px { font-size:16px; }
.fs15px { font-size:15px; }
.fs14px { font-size:14px; }
.fs13px { font-size:13px; }
.fs12px { font-size:12px; }
.fs11px { font-size:11px; }
.fs10px { font-size:10px; }

/* Header */
h1 { font-size:32px; line-height:1.2em; padding-bottom:10px; font-weight:500; word-wrap:break-word; }
h2 { font-size:28px; line-height:1.2em; padding-bottom:10px; font-weight:500; word-wrap:break-word; }
h3 { font-size:23px; line-height:1.0em; padding-bottom:10px; font-weight:500; word-wrap:break-word; }
h4 { font-size:18px; line-height:1.0em; padding-bottom:10px; font-weight:500; word-wrap:break-word; }
h5 { font-size:16px; line-height:1.0em; padding-bottom:10px; font-weight:500; word-wrap:break-word; }
h6 { font-size:14px; line-height:1.0em; padding-bottom:10px; font-weight:500; word-wrap:break-word; }
.standard-body-text { font-size:17px; line-height:1.1em; padding-bottom:10px; word-wrap:break-word; }
.standard-body-text-large { font-size:20px; line-height:1.1em; padding-bottom:10px; word-wrap:break-word; }

/* Links */
.berry-nd { color:#AF005F; text-decoration:none; }
.bluelight-nd { color:#2FC9FF; text-decoration:none; }
.bluedark-nd { color:#000452; text-decoration:none; }
.white { color: white; }
.white-nd { color: white; text-decoration:none; }
.vertical { vertical-align:-webkit-baseline-middle; }
.menu-vertical { margin:auto; }
.nav-linebreak::after {content:"\a"; white-space:pre; }

/* Padding around  (TOP, RIGHT, BOTTOM, LEFT*/
.nav-padding-menu { padding:0px 10px 5px 10px; }
.padding-menu { padding:5px 10px 5px 10px; }
.padding-All5 { padding:5px 5px 5px 5px; }
.padding-All10 { padding:10px 10px 10px 10px; }
.padding-All15 { padding:15px 15px 15px 15px; }
.padding-box { padding:13px 13px 13px 23px; }

/* Margin */
.margin-menu-view { margin-left:0px; }
.margin-l10 { margin-left:10px; }
.margin-menu-10 { margin-left:10px; }
.margin-l15 { margin-left:15px; }
.margin-l20 { margin-left:20px; }
.margin-menu-20 { margin-left:20px; }
.margin-l50 { margin-left:50px; }
.margin-t10 { margin-top:10px; }
.margin-func1 { margin-top:0px; }
.margin-func2 { margin-left:100px; margin-right:100px; }
.margin-b10 { margin-bottom:10px; }
.margin-text { margin-bottom:1.1rem; }

/* Lines (hr) */
hr.linemenu { height:2px; margin:0px; margin-bottom:1rem; border:1px; width:100%; color:#2FC9FF; box-shadow:4px 4px 14px  rgba(0, 0, 0, 0.877); border-top:0; opacity:100; }

/* Social media and icons */
.btn.btn-rounded { border-radius:20px; width:40px; }
.btn-facebook { background:#3b579d; color:#ffffff; }
.btn-instagram { background:#dc4a38; color:#ffffff; }
.btn-tiktok { background:black; color:#ffffff; }
.btn-whatsapp { background:#25d366; color:#ffffff; }
.btn-youtube { background:#e52d27; color:#ffffff; }
.icon-cart { color:#2FC9FF; }

/* Specials for index */
.indexHeight100 { height:100%; }

/* Specials for kitaplatz */
.displayKitaIMG { display:none; }
.widthKitaIMG1 { flex:0 0 auto; width:60%; }
.widthKitaIMG2 { flex:0 0 auto; width:40%; padding:0px 50px 0px 50px;}

/* Specials for klagepakete */
.displayKlagePaketIMG { display:none; }
.widthKlagePaketIMG1 { flex:0 0 auto; width:55%; }
.widthKlagePaketIMG2 { flex:0 0 auto; width:40%; margin-left:5%; }
.widthFAQSearchIMG1 { flex:0 0 auto; width:100%; }
.widthFAQSearchIMG2 { width:0%; }

/* Specials for products */
.teaser-group1-container { display:flex; }
.teaser-box-group1 { flex:1; width:49%; background-color:#7DBDBD; box-shadow:5px 5px 0px 0px #7BAC97; }
.teaser-group2-container { display:flex; }
.teaser-box-group2 { width:75%; background-color:#7DBDBD; box-shadow:5px 5px 0px 0px #7BAC97; }
.teaser-group3-container { display:flex; }
.teaser-box-group3 { flex:1; width:49%; background-color:#7DBDBD; box-shadow:5px 5px 0px 0px #7BAC97; }
.teaser-group4-container { display:flex; }
.teaser-box-group4 { flex:1; width:49%; background-color:#7DBDBD; box-shadow:5px 5px 0px 0px #7BAC97; }
.teaser-box-space { flex:0 0 auto; width:2%; }
.teaser-box-price { float:right; margin-right:10px; }
.teaser-box-button { border:1px #3B3838; box-sizing:border-box; border-radius:5px; margin:10px 0px 10px 0px; padding:5px 20px 5px 20px; }
.teaser-box-button:hover { background-color:#3B3838 }
.teaser-box-button-large { float:right; }

/* Specials for menu */
.caret-off::before { display:none; }
.caret-off::after { display:none; }
.dropdown-toggle::after { display:none; }

/* Specials for contact */
.contact-input { width:50%; font-size:18px; font-weight: bold; margin-left:5px; float:left; }

/* Specials for kndowledge */
.knowU3 td { border:1px solid #999999; border-spacing:2px; padding:2px; }

/* Specials for So funktioniert's */
.padding-func { padding-left:20px; padding-right:20px; }
.funcSwitchIMG { content:url(../img/function002.png); width:10% }
.funcWidth1, .funcWidth2, .funcWidth3 { margin-top:0; width:25%; }

/* Specials for Wir helfen Dir */
.displayHelpYou2 { display:none; }
.help1wd { flex:0 0 auto; width: 45%;}
.help1sp { flex:0 0 auto; width: 10%;}
.helpAlign { text-align:left !important; margin-left:15px !important; }
#mediaHelpSpace { display:inline-flex; }

/* Specials for Wissen */
.displayKnowledge2  { display:none; }

/* Specials for Über uns */
.about_bgimg { background-image:url(../img/indexEightMaxHeight4K.png); background-size: cover; background-repeat:no-repeat; }
.whoWeAre { flex:0 0 auto; width: 97%; }

/* Specials for Wir schützen Dich */
.protectYouImage { flex:0 0 auto; width: 25%; }
.protectYouText { flex:0 0 auto; width: 42%; }

/* Specials for Team */
.teamWidth { width:30%; }

/* Specials for fightPlace */
.displayFightIMG1 { display:none; }
.displayFightIMG2 { flex:0 0 auto; width:48%; margin-left:2%; }
.widthFightIMG1 { flex:0 0 auto; width:55%; }
.widthFightIMG2 { flex:0 0 auto; width:43%; margin-left:2%; display:block; }

/* Specials for afterDenied */
.displayWKKIMG1 { display:none; }
.displayWKKIMG2 { flex:0 0 auto; width:48%; margin-left:2%; }
.widthWKKIMG1 { flex:0 0 auto; width:50%; display:block; }
.widthWKKIMG2 { flex:0 0 auto; width:46%; margin-left:4%; display:block; }
.widthWKKIMG3 { display:none; }

/* Specials for interview */
.interview-answered-box { margin-bottom:10px; padding:10px 15px; box-shadow:0px 0px 50px rgb(151 86 192 / 10%); border-radius:8px; box-sizing:border-box; }

/* Special for Impressum */
.ImpressumTable { border:0px; width:95%; word-wrap:break-word; table-layout:fixed; }
.ImpressumURecht { width:100px; white-space:nowrap; }
.ImpressumWidth { width:180px; }

/* Special for Impressum */
.displayMyContent { flex:0 0 auto; width:58%; }
.displayOrderItemCollection { flex:0 0 auto; width:67%; }
.displayDesktopCollection { display:flex;  }
.displayTabletCollection { display:none; }

/* Basics */
.footer { background-color:#3f3f3f; color:#d5d5d5; }
.cursor { cursor:pointer; }
.text-center { text-align:center; }
.clearFloat { clear:both; }
.spaceH5 { height:5px; font-size:5pt; }
.spaceH10 { height:10px; font-size:10px; }
.spaceH15 { height:15px; font-size:15px; }
.spaceH20 { height:20px; font-size:20px; }
.spaceH30 { height:30px; font-size:30px; }
.nowrap { white-space: nowrap; }
.paddingB7 { padding-bottom:7px; }
.top { vertical-align:top; }
.noborder { border:0px; }
.buttonDisabled { Cursor:text !important; Text-Decoration: None !important; }
.fakeTelCall { float:left;padding-left:15px; }
.fake-space-smartphone { height:0px; font-size:0px; }
.ftlf { float:left; }
.width-pc20 { width:20%; }
.width-pc25 { width:25%; }
.width-pc55 { width:55%; }
.width-pc60 { width:60%; }

/* Progress bar */
#progress-bar { margin-top: 1em; }
.modalWait { display:none; position:fixed; z-index:1000; top:0; left:0; height:100%; width:100%; background:#3f3f3f; }

/* Error messages */
.message_info { color:#00529B; background-color: #BDE5F8; }
.message_success { color:#4F8A10; background-color:#DFF2BF; }
.message_warning { color:#9F6000; background-color:#FEEFB3; }
.message_error { color:#D8000C; background-color:#FFD2D2; }
.message_info:before, .message_success:before, .message_warning:before, .message_error:before {
    font-family:FontAwesome; font-style:normal; font-weight:400; display:inline-block; text-decoration:inherit;
    width:1em; margin-right:.2em; text-align:center; font-variant:normal; text-transform:none;
    line-height:1em; margin-left:.2em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.message_info:before { content:'\f05a'; }
.message_success:before { content:'\f00c'; }
.message_warning:before { content:'\f071'; }
.message_error:before { content:'\f057'; }
.message_info, .message_success, .message_warning, .message_error { margin:10px 22px; font-size:2em; vertical-align:middle; }
.form-error { border: 3px solid red !important; }

.baseSticky { position:-webkit-sticky; position:sticky; top:10px; z-index:5000; cursor:pointer; }
.baseStickyDisplay { display:table; }
.baseStickyPos { float:right; border: 3px solid #000452; }
.baseStickyPlus { margin-top:5px; margin-right:5px; margin-bottom:5px; margin-left:5px; }

/* Product-Data-Fragen */
/* --- Google Places Wrapper --- */
#global_child_address_autocomplete_wrapper,
#mpb_address_autocomplete_wrapper {
    width: 100%;
    border: 1px solid #ced4da;
    background: #fff;
    border-radius: 4px;
}

#global_child_address_autocomplete_container,
#mpb_address_autocomplete_container {
    width: 100%;
}

gmp-place-autocomplete {
    display: block;
    width: 100%;
    color-scheme: light;
    background-color: #fff;
}
/* --- Google Places Wrapper --- */

/* Dropdown von Google optisch etwas anpassen */
.pac-container {
    z-index: 2000 !important;
    font-size: 0.95rem;
}

/* Fehlertexte global sauber */
.error-text,
#globalAddressWrongValue,
#globalCaptchawrongValue {
    display: block;
    color: red;
    font-weight: 600;
    margin-top: 6px;
    margin-bottom: 10px;
}

/* Deine bestehenden Inputs angleichen (falls nötig) */
.popup-body-text input,
.popup-body-text textarea {
    border: 1px solid #ced4da;
    border-radius: 4px;
}
.wrongValueSingle {
    display:block;
    width: 100%;
    color: red;
    font-weight: 700;
    margin-top: -20px;
    margin-bottom: 30px;
}

/* For tablet */
@media only screen and (min-width:1045px) {
    #showFirstHeadLine { margin-top:0px; }
}
@media only screen and (min-width:768px) and (max-width:1044px) {
    #showFirstHeadLine { margin-top:20px; }
}

/* For smartphone */
@media only screen and (max-width:767px) {
    .navbar-toggler { float:right; }
    .base-search { display:none; }
    .margin-menu-view, .margin-menu-10, .margin-menu-20 { margin-top:10px; margin-left:0px; }
    .funcWidth { width:80%; margin-left:10%; margin-right:10%; margin-bottom:10px; }
    .funcSwitchIMG { content:url(../img/function005.png); width:20%; margin-top:10px; margin-bottom:10px; margin-left:40%; margin-right: 40%; }
    .padding-func { padding-left:10px; padding-right:10px; }
    .nowrap { white-space:normal; }

    .displayKlagePaketIMG { width:100%; display:block; margin-top:5px; }
    .widthKlagePaketIMG1 { width:97%; }
    .widthKlagePaketIMG2 { width:0%; }

    .displayKitaIMG { width:80%; display:block; margin-top:5px; margin-left:10%; }
    .widthKitaIMG1 { width:97%; }
    .widthKitaIMG2 { width:0px; height:0px; }

    .widthFAQSearchIMG1 { width:0%; }
    .widthFAQSearchIMG2 { width:100%; }

    .margin-func1 { margin-top:15px; }
    .margin-func2 { margin-left:20px; margin-right:20px; }

    .displayHelpYou1 { display:none; }
    .displayHelpYou2 { display:block; }
    #mediaHelpSpace { display:none; }

    .displayKnowledge1  { display:none; }
    .displayKnowledge2  { display:block; }
    .menu-vertical { margin:0%; }
    .nav-linebreak::after { content:" "; white-space:nowrap; }

    .col-3 { width:100%; }
    .col-2 { width:100%; height:5px; }

    .displayFightIMG1 { display:block; width:98%; margin-top:5px; }
    .displayFightIMG2 { display:block; width:98%; margin-top:25px; }
    .widthFightIMG1 { width:98%; }
    .widthFightIMG2 { width:0%; display:none; }
    .widthFightIMG3 { width:98%;}

    .displayWKKIMG1 { display:block; margin-top:5px; }
    .displayWKKIMG2 { display:block; margin-top:20px; }
    .widthWKKIMG1 { width:98%; display:block; }
    .widthWKKIMG2 { width:0%; display:none; }
    .widthWKKIMG3 { width:98%; display:block; }

    .about_bgimg { background-image:url(../img/indexEightSmartphone.png); }

    .fakeDisplay { display:none; height:10px; }

    .teamWidth { width:100%; }

    .fakeCallBox { height:200px; }
    .fakeCallBoxMargin { margin-left:20px; }
    .fakeTelCall { float:left;padding-left:0px; }
    .fake-space-smartphone { margin-top:1.5rem; }
    .help1wd { width: 100%; margin-top:1.5rem; }
    .help1sp { margin-top:1.5rem; }

    .protectYouImage { flex:0 0 auto; width: 97%; margin-bottom:0.5rem; }
    .protectYouText { flex:0 0 auto; width: 97%; margin-bottom:1.5rem; }
    .ImpressumURecht { width:30px; white-space:nowrap; }

    .margin-l50 { margin-left:20px; }
    .fakeSpaceContact, .fakeSpaceDashboard, .fakeSpaceShowInterview { margin-top:2rem; }
    .displayMyContent, .displayOrderItemCollection { width:100%; }
    .displayDesktopCollection { display:none;  }
    .displayTabletCollection { display:block; }

    .standard-body-text { font-size:15px; }
    .standard-body-text-large { font-size:15px; }

    .teaser-box-group1 { flex:0 0 content; height:auto; }
    .teaser-group2-container { display:flex; }
    .teaser-box-group2 { flex:0 0 content; height:auto; }
    .teaser-group3-container { display:flex; }
    .teaser-box-group3 { flex:0 0 content; height:auto; }
    .teaser-group4-container { display:flex; }
    .teaser-box-group4 { flex:0 0 content; height:auto; }
    #teaser-box1 { margin-bottom:20px; }
    #teaser-box4 { margin-bottom:20px; }
    #teaser-box6 { margin-bottom:20px; }
    .teaser-box-space { display:none; }
    .teaser-box-content { height:auto;}
    .teaser-box-content-large { height:auto;}
    .teaser-box-description { height:auto; margin-bottom:10px; }
    .teaser-box-price { float:right; height:auto; margin-right:10px; }
}