* {font-family: 'Helvetica', arial, sans-serif;}

@media (max-width: 576px) {
   .trade-groups {padding: 0;}
   .trade-groups .card h2 {font-size: 14px;}
}

@media (max-width: 500px) { 
 .trade-groups .content .card {height: 211px;} 
}

@media screen and (max-width: 800px) {
   .trade-groups.full .card:nth-child(2n+2) {height: 211px; }
}

div#modal-text h1 {margin-bottom: 20px;}

@media screen and (max-width: 900px) {
     #page {
          padding-top: 20px;
     }
}

#actionModal .modal {height: 410px; background-color: transparent;}

#ouibounce-modal .modal .modal-title,
#actionModal .modal .modal-title {background-color: transparent;}

#actionModal .modal,
#actionModal .modal .modal-title,
#actionModal .modal .modal-body {padding: 0;}
#actionModal .modal {border: none;}

#actionModal .modal .modal-body {width: 100%; height: 100%}

/*Breite der Tabs auf der Startseite*/
.trade-groups.sidebar aside.sidebar li {width: 33.30%;}

/*Printess Design Select*/
#templateSelectForm #appendItems { display: flex;
flex-wrap: wrap;
width: 100%;
flex-direction: row;
justify-content: flex-start;
gap: 5px;
margin-bottom: 25px;
}
#templateSelectForm #appendItems > button { width: calc(25% - 5px); }
#templateSelectForm #appendItems > button img { width: 100%; }
@media screen and (max-width: 640px){
#templateSelectForm #appendItems > button { width: calc(50% - 5px);}
}
@media screen and (max-width: 480px) {
#templateSelectForm #appendItems { gap: 0; }
#templateSelectForm #appendItems > button { width: 100%; margin-bottom: 5px; }
}

/*Printess Button*/

.btn.success.PitchprintPrs {
background-color: #76B729;
border-color: #76B729;
background-image: url("/customers_pics/794/fc4945d4017ade70c4bd7e89e5d17b09.png");
}

.btn.success.PitchprintPrs:hover {
    background: white;
    color: #76B729;
    background-image: url("/customers_pics/794/a232285307e7ea11418f089c7f533ec0.png")
}

.btn.success.PitchprintPrs,
.btn.success.PitchprintPrs:hover {
    background-repeat: no-repeat;
    background-size: 15%;
    background-origin: content-box;
    background-position: left;
}

#printess-desktop-grid.main-tabs .corner-tools {height:120px;}

/* Cookies */
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll
{background-color: #102045;
border-color: #102045}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive
{border-color: #102045 !important}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover,
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover
 {color: #102045 !important}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {background-color: #102045 !important}

/* Popups */
#ds_popup {max-height: 100%}

/* Header */
/* Logo */
header.main > .wrp > #brand-logo > img {max-height: 120px}
header.main > .wrp > #brand-logo {margin-top: -10px}

/* Startseite */
#slider .slide figcaption p  {display: none}
#slider .slide figcaption a {transform: translateX(0rem) translateY(0.8rem);}
#slider .slide figcaption {text-align: right; top: unset; bottom: 2.1rem}
#slider .slide .wrp {width: 450px}
.trade-groups .wrp h3 {display: none}
#homepage-text2 .rte_container h2 {text-transform: uppercase; color: #76b727;}
.parallax {height: 100%}
.parallax .wrp {background: rgba(255,255,255,0.85)}
.trade-groups .tab {hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: auto 4; -webkit-hyphenate-limit-chars:auto 4; text-align: center;}

/* Mein Konto */
#account_tracking p {margin-bottom: 20px}
form:not([id="formular_reseller"]) article .btn:not([name="cmd_calc"]) {margin-top: 10px;}

/* Registrierung */
form:not([id="formular_reseller"])>section:not(#total_block)>.btn:not([name="cmd_calc"]) {
margin-left: 0;
}

/* Service Seiten */
#modal-text h2,
#modal-text h2 sup {color: #76b727}
.rte_container li {padding-left: 25px}
.rte_container li:before {background:  none; content: 'w'; font-family: 'icon'; color: #76b727; top: 0; font-weight: 1000}
.rte_container li.list:before {top: 4px}
#newsletter .rte_container img {width: 100% !important; height: 100% !important;}
.rte_container .content img {margin-bottom: 0.2rem}
.rte_container .content li:before {content: ''}
.video iframe {height:650px;}
#modal-text .certificates {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}

/* Kalenderwissen */
table.tg {border-color: #eeeeee}
.tg th.tg-031e {font-weight: bold}
tr:nth-of-type(even) {background-color: #f2f8ed}
.tg td, 
.tg th 
{border-color: dimgray}

/* Passwort vergessen */
form:not([id="formular_reseller"]) fieldset {margin-top: 10px;}

/* Kundenlogo Hinweistext */
#address span {font-size: 0.8rem}
form:not([id="formular_reseller"]) #sidebar input {height: 100%}

/* Kundenupload bei Sonderanfrage Formular einblenden */
#form_individual fieldset.upload_field {display: block}

/* Warengruppe Übersicht Produkte */
.pagination {display: none}
.category .rte_container h1 {
margin-bottom: 10px !important;
}

/* Produkte*/
/* Bemerkungsfeld */
#configurator h3.remark,
fieldset.remark {display: none}

#resellerArticle {background: #f7f7f7;}

#resellerArticle #product_informations {width: 1150px; margin: 40px auto;}

#modulesPrinttemplate {
display: none;
}

#product-detail form:not([id="formular_reseller"]) label {
    width: 215px;
}


.select2.select2-container.select2-container--default {display: none}
/* Artikel Nummer */
#configurator h1 small {display: none}

/* Individuelle Formulare */
#form_individual form:not([id=formular_reseller]) .non-input-field, 
#form_individual form:not([id=formular_reseller]) input:not(.btn), 
#form_individual form:not([id=formular_reseller]) select, 
#form_individual form:not([id=formular_reseller]) textarea {width: 270px}

/*Warenkorb > Datenupload Datenblatt hochladen > Info Feld ausgeblendet*/
#upload_info {display: none;}

/* Kassenseite */
#cart_third_delivery {display: none}
#cart #sidebar section.cf p {margin-bottom: 15px;}
#cart #sidebar section.cf img[alt="Rechnung"] {margin-top: 4px;}

/* Impressum */
#impressum address {display: none}

/* Druckmuster Ausblenden */
footer.main > .wrp > nav li.druckmuster_jn {display: none}

/* Footer */
/* Verkaufsfördernde Argumente/ Zertifizierungen */
#usp-bar .individualUSP span img  {max-width: 100%; height: 70px}
#usp-bar .individualUSP span strong {font-size: 15px}
.individualUSP p {margin-right: 5%; margin-left: 5%}
footer h3 {margin-bottom: 10px;}
footer .headline {margin-bottom: 24px}

/* E-Mail und Telefon Größe angepasst */
footer.main address .col_left {width: 55%}
footer.main i a {font-size: 1.1rem}
footer.main i.phone {font-size: 1.1rem}
#footer-bar a.leadprint-brand {display: none}

/* Gender Hinweis */
footer h4 {color: #76B729; margin-top: 15px; margin-bottom: 10px;}

@media (max-width: 735px) {
.certificate {width: 100%;}
#homepage-text3 .rte_container {margin-bottom: 40px}
section .sidebar li a {font-size: 12px; text-align: center;}
section .sidebar li a:after {float: none; display: flex; justify-content: center;}
#actionModal .modal {width:90% !important; height: 15rem !important;}

}

@media screen and (max-width: 900px) {
#usp-bar .individualUSP span {height: 100px;}
.certificate {width: 50%; height: 100px; margin-bottom: 25px}
#homepage-text3 .rte_container {padding: 38px 0}
}

@media screen and (max-width: 800px) {
.trade-groups.full .card {height: 100%;}
}

@media (min-width: 756px) and (max-width: 1023px) {
#product-detail #total_block,
#product-detail #delivery {width:100%}
}

@media (max-width: 1023px) {
#homepage-text3 .rte_container {padding: 38px 0}
#product-detail #total_block,
#product-detail #delivery {width:100%}
form:not([id="formular_reseller"]) .info .tooltip {
left: unset;
right: 10px;
}
main .col_right .info {display: block}
}

@media (max-width: 1280px) {
section .sidebar ul {height: 60px}
.trade-groups.sidebar aside.sidebar li {height: 54px;}
.trade-groups.sidebar aside.sidebar li.current a {height: 54px;}
.sidescroller {position: relative !important; float: right;}
}

@media (min-width: 769px) and  (max-width: 838px) {
#navbar {top: 175px}
header.main {height: 210px}
}

@media (min-width: 1023px) {
.month-img {margin-left: 8rem}
}

@media (min-width: 768px) {
.homebanner {display: none;}
}

@media screen and (max-width: 767px) {
.trade-groups.sidebar aside.sidebar li {
   width:33%;
}
#address .wrp form article {width: 100%;} 
#slider {display: block !important;}
header.main #brand-logo {float: none;}
header.main #customer-menu {float: none;}
header.main #customer-menu {display: block;}
header.main #customer-menu>button {display:none;}
header.main #customer-menu a {display: none;}
form.search input[type="submit"] {left: 5px; top:12px;}
form.search input[type="text"] {width: 100%}
form.search {position: relative; top: -12px;}
form:not([id="formular_reseller"]) input:not(.btn) {padding: 10px 30px;}
#offcanvas form fieldset {display: none;}
#homepage-text4 .wrp > div .headline {font-size: 20px; padding: 0 14px;}
#offcanvas_open {right: 15px;}
#homepage-text3 {padding: 0 15px;}
.category nav.breadcrumb {margin: 15px 0}
#homepage-text1 {padding: 0 0 0 0;}
main #homepage-text1 .wrp {padding: 0;}
.trade-groups.sidebar {margin-top: 0; padding: 0 0 25px 0}
#product-detail #detail_infobar {float: none; display: block;}
#product-detail #detail_infobar #detail_infobar_text {display:none;}
#product-detail {background: white;}
#configurator h1 {background: white !important; }
.video iframe {height: 380px;}
main.category header {margin-top: 90px;}
main header img {height: 140px; width:100% !important; object-fit: cover;}
main header img[alt="Monatskalender"] {height: 140px; width: 100% !important; object-fit: cover; object-position: 84%;}
main header img[alt="Schreibtischunterlagen"] {height: 140px; width: 100% !important; object-fit: cover; object-position: 75%;}
main .wrp {padding: 0 15px;}
main .wrp#modal-text {padding: 0 30px;}
main.category .wrp {padding: 30px 30px 0 30px;}
.breadcrumb {display: none;}
footer.main>.wrp>address {margin-bottom: 20px;}
}

@media screen and (max-width: 600px) {
main.category header img {display: block;}
}

@media (max-width: 800px) and (min-width: 798px) {
#navbar {display: none;}
}

@media screen and (max-width: 500px) {
.trade-groups .content .card {width: 50%;}
.video iframe {height: 210px;}
}

@media screen and (max-width: 1023px) {
section .sidebar li a {line-height: 15px}
.trade-groups.sidebar aside.sidebar li a {padding: 10px;}
}

#homepage-text2 {padding: 0 15px 20px 15px;}

#homepage-text4,
#homepage-text3 {
text-align: center;
}