/* Farben */
:root {
  --textfarbestandard:#000000;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 21, 2024 */
@font-face {
  font-family: 'daimler_csproregular';
  src: url('../fonts/daimlercspro/daimlercspro-regular-webfont.woff2') format('woff2'),
    url('../fonts/daimlercspro/daimlercspro-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Allgemein */
html, body, table, th, td, * {font-family:daimler_csproregular,Arial, Helvetica, Geneva, Swiss, sans-serif;}
body {color:var(--textfarbestandard);}
* {hyphens:auto;hyphenate-limit-chars:auto 5;hyphenate-limit-lines:2;-webkit-hyphens:auto;-webkit-hyphenate-limit-chars:auto 5;-webkit-hyphenate-limit-lines:2;-ms-hyphens: auto;-ms-hyphenate-limit-chars: auto 5;-ms-hyphenate-limit-lines:2;}

.clear {clear:both;}
.nowrap {white-space:nowrap;color:inherit;font-family:inherit;font-weight:inherit;}
.underline {text-decoration:underline;}
.flexspacebetween {display:flex;justify-content:space-between;}

a {text-decoration:underline;}
a, a:link, a:active, a:visited, a:hover {color:#00677f;}
hr {border-top:2px solid;opacity:1;}
ul.nobullet {list-style:none;}
ul.nobullet li {margin:1.2em 0;}

.leerplatzhalter {display:none;}
.inlineeditorblock, .swiebuv {padding:0!important;margin:0!important;}
.gerahmt {border:solid 3px #999999;}

h1 {font-size:2.8em;color:var(--textfarbestandard);text-align:left;padding-top:0.8em;}
h2 {color:var(--textfarbestandard);text-align:left;font-size:1.7rem;font-weight:bold;}
h3 {font-weight:bold;font-size:1.3rem;}
h4 {color:var(--textfarbestandard);text-align:left;font-size:1.2rem;font-weight:bold;}
h5 {font-weight:bold;padding-top:0.8em;}

a:focus-visible {
  outline: none;
    outline-color: transparent;
    outline-style: none;
    outline-width: 0;
}

/* Navi */
.navigation {background-color:black;color:white;margin-top:20px;margin-bottom:20px;}
.navigation .homelinksymbol {display: inline-block;padding:10px 0 10px 0;}
.navigation .homelinksymbol img {width:30px;margin-top:-10px;}
.navigation .dtprinshoplogo {font-size:18px;color:white;text-transform:uppercase;display:inline-block;padding:15px 0 0 0;margin:0;}
.navigation .dtprinshoplogo .dt {font-weight:bold;}
.navigation .dtprinshoplogo printshop {font-weight:normal;}
.navigation .wklinksymbol {float:right;}
.navigation .wklinksymbol {display: inline-block;padding:10px 0 10px 0;}
.navigation .wklinksymbol img {width:40px;}
@media (min-width:768px) {
  .navigation .homelinksymbol {padding:10px 20px 10px 20px;}
  .navigation .homelinksymbol img {width:40px;margin-top:-30px;}
  .navigation .dtprinshoplogo {font-size:40px;}
  .navigation .wklinksymbol img {width:60px;}
  .navigation .wklinksymbol {padding:10px 20px 10px 20px;}
 }

/* Artikelhauptgruppen */
.artikelhauptgruppenkacheln img {max-width:100%;height:auto;}

/* Formulare */
input[type=text],input[type=email],input[type=password],input[type=date],input[type=checkbox],input[type=radio],select,select.form-select,textarea.form-control {}
ul.formular {list-style:none;width:100%;margin:0;padding:0;}
ul.formular>li {}
ul.formular>li>* {display:block;vertical-align:middle;padding:0.4em 0;}
fieldset.buttons {text-align:right;padding-top:1em;}

@media (min-width:768px) {
  ul.formular>li.zweispaltig {display:table-row;}
  ul.formular>li>* {display:table-cell;}
  ul.formular>li>label {width:200px;padding-right:1em;text-align:right;}
}
ul.formular::-webkit-input-placeholder {}
ul.formular:-moz-placeholder {}
ul.formular::-moz-placeholder {}
ul.formular:-ms-input-placeholder {}
ul.formular input::placeholder {}
ul.formular textarea::-webkit-input-placeholder {}
ul.formular textarea:-moz-placeholder {}
ul.formular textarea::-moz-placeholder {}
ul.formular textarea:-ms-input-placeholder {}
ul.formular textarea::placeholder {}
.fehlermeldung, .fehlermeldung li {color:#c20003;}
input.fehler, textarea.fehler, select.fehler {border:solid 1px #c20003;}
div.fehler {border:solid 1px #c20003;}
div.zeile.fehler {border:none;}
div.zeile.fehler label {color:#c20003;}
div.zeile.fehler input, div.zeile.fehler textarea, div.zeile.fehler select {border:solid 1px #c20003;}

.btn.primaer {background-color:black;color:white;font-weight:bold;}

/* Bestellformular */
#label_bestellung__EA__ort__EZ__, #label_bestellung__EA__hausnummer__EZ__ {display:none;}
#bestellung__EA__plz__EZ__, #bestellung__EA__hausnummer__EZ__ {width:28%;display:inline-block;}
#bestellung__EA__ort__EZ__, #bestellung__EA__strasse__EZ__ {width:70%;display:inline-block;}
#bestellung__EA__ort__EZ__, #bestellung__EA__hausnummer__EZ__ {float:right;}
#label_bestellung__EA__liefer_ort__EZ__, #label_bestellung__EA__liefer_hausnummer__EZ__ {display:none;}
#bestellung__EA__liefer_plz__EZ__, #bestellung__EA__liefer_hausnummer__EZ__ {width:28%;display:inline-block;}
#bestellung__EA__liefer_ort__EZ__, #bestellung__EA__liefer_strasse__EZ__ {width:70%;display:inline-block;}
#bestellung__EA__liefer_ort__EZ__, #bestellung__EA__liefer_hausnummer__EZ__ {float:right;}


/* Header */
header {}
header .container {}
header .container .logozeile {display:flex;justify-content:space-between;align-items: center;padding:15px 0;}
header .logo {display:inline-block;height:100%;}
header .logo img {height:80px;width:auto;max-width:100%;}
header a {text-decoration:none;}
header a.kontakt,header a.kontakt:active,header a.kontakt:visited,header a.kontakt:hover {color:var(--textfarbestandard);}
@media (min-width: 992px) {
}

/* main */
.main {}

/* accordion */
.accordion-body .container {max-width:none;padding:0;}
.accordion-button:not(.collapsed) {color:black;background-color:#dddddd;}
h2 .accordion-button {font-size:1.4rem;font-weight:inherit;}

/* Artikelliste */
.artikelliste .einartikel {display:block;text-decoration:none;color:inherit;border-bottom:solid 3px #000000;padding-bottom:2em;margin-bottom:3em;}
.artikelliste .einartikel h3 {text-align:left;}
.artikelliste .einartikel img {max-width:100%;max-height:200px;}
.artikelliste #cagVisitenkarten .einartikel img {border:solid 3px #999999;width:100%;max-height:none;}

/* Druckdateneingabe */
.posrel {position:relative;}
.pad0 {padding:0;}
.druckdateneingabe .gerahmt {min-height:100%;}
.druckdateneingabe.artnr15 .gerahmt.rueck, .druckdateneingabe.artnr13 .gerahmt.rueck, .druckdateneingabe.artnr14 .gerahmt.rueck, .druckdateneingabe.artnr38 .gerahmt.rueck, .druckdateneingabe.artnr39 .gerahmt.rueck {min-height:unset;}
.druckdateneingabe .row.vorlage {margin-bottom:1.5rem;}
.druckdateneingabe img.vorlage {width:100%;}
.druckdateneingabe.uploadartikel img.vorlage {width:auto;max-width:100%;max-height:30vh;}
.druckdateneingabe .row.dateneingabe {margin-bottom:1.5rem;}

.druckdateneingabe .row.dateneingabe fieldset.daten {}
.druckdateneingabe .row.dateneingabe .colrueck {min-height:300px;}
.druckdateneingabe .row.dateneingabe .rueck fieldset.daten {position:absolute;top:0;left:0;}
.druckdateneingabe .row.dateneingabe .vorder.gerahmt {min-height:500px;}
.druckdateneingabe .row.dateneingabe .vorder fieldset.daten {padding-left:32px;padding-top:32px;}

.druckdateneingabe .row.dateneingabe fieldset.daten input {margin: 0.1em 0 0.1em 0;}
.druckdateneingabe .row.dateneingabe fieldset.daten input:first-child {margin-top:0;}
.druckdateneingabe input[type=text] {width:200px;}
.druckdateneingabe fieldset.daten input.inline {display:inline;}


/* andere Artikel */
.andereartikel .eigenschaften {}
.andereartikel .eigenschaften .zeile {}
.andereartikel .eigenschaften .zeile .spalte {padding:10px 20px;}

fieldset.mengebtninwk {text-align:left;}

@media (min-width:576px) {
  .andereartikel .eigenschaften {display:table;}
  .andereartikel .eigenschaften .zeile {display:table-row;}
  .andereartikel .eigenschaften .zeile .spalte {display:table-cell;padding:10px 20px;}
  .andereartikel .eigenschaften .zeile .spalte:first-child {padding-left:0;}
  .andereartikel .eigenschaften .zeile .spalte input, .andereartikel .eigenschaften .zeile .spalte select {}
}


/* Warenkorb */
.warenkorb input.menge {width:80px;display:inline;}
.btnwkaktualisieren {display:flex;justify-content:space-between;flex-wrap:wrap;}


/* Footer */
#hinweisanfragen {display:none;}
.hinweiswichtig {color:#c20003;font-weight:bold;font-size:1.5em;}
.hinweiswichtigfontsizenormal {color:#c20003;font-weight:bold;}
footer {border-top:solid 1px black;margin-top:1em;padding-top:1em;}
footer nav ul {list-style:none;text-align:center;}
@media (min-width: 768px) {
  footer nav ul {display:flex;justify-content:space-between;text-align:left;}
}
footer nav ul li {color:var(--textfarbestandard)}
footer nav ul li a {text-decoration:none;color:inherit;}

@media (max-width:575px) {}
@media (max-width:767px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width:1200px) {}