.teaser-seite .breadcrumbs { display: none; margin: 0; padding:0; }
.teaser-seite .fitsize { width: 100%; margin-bottom: 15px; }
.teaser-seite .highlight-black.bold, .highlight-black.bold { font-weight: 600; font-size: inherit; }
.teaser-seite .info p, .teaser-seite .info p a, a.highlight-black {
     font-family: 'Zilla Slab', serif !important; color: #000 !important; text-align: center; font-weight: 500; line-height: 155%; font-size: 22px; }
.teaser-seite p.copy { padding: 0; margin: 0; }
.teaser-seite p.copy a, a.highlight-black, .snip-abendmode p.info a { text-decoration: none; padding: 0 2px; }
.teaser-seite p.copy a:hover, a.highlight-black:hover, .snip-abendmode p.info a:hover { color: #fff !important; background-color: #000; padding: 2px; }
.teaser-seite a.link_pfeil::after { content: " ->"; font-weight: 1000; }
.teaser-seite p.copy.abstand { padding-top: 25px; }
.teaser-seite p.copy.schuhe { margin: 8% auto 4%; }
.teaser-seite h1.harman { font-family: 'Harman-Script', serif !important; color: #000; font-size: 100px; font-weight: 400; line-height: 140%; text-align: center; margin-bottom: 0; }
.teaser-seite span.sub, .teaser-seite span.sub nobr { display: block; font-family: 'Zilla Slab', serif !important; color: #000; font-size: 26px; font-weight: 500; line-height: 120%;  text-transform: uppercase; letter-spacing: 2px; text-align: center; margin-top: -10px; }

h1.harman.white, h2.harman.white { position: relative; display: table-cell; vertical-align: bottom; }
h1.harman.white, h1.harman.white a,
h2.harman.white, h2.harman.white a, h2.harman.white a:hover { font-family: 'Harman-Script', serif !important; color: #fff; font-size: 85px; line-height: 125%; font-weight: normal; text-align: center; text-shadow: 0px 0px 17px #222222; }
.herren h2.harman.white, .herren h2.harman.white a { font-size: 70px; line-height: 110%; padding-bottom: 10px; }
h1.harman.white a:focus { text-decoration: none; outline: 0px auto -webkit-focus-ring-color; }
h1.harman.white a span.sub, h1.harman.white span.sub { display: block; font-family: 'Zilla Slab', serif !important; color: #fff; font-size: 22px; font-weight: 400; line-height: 120%; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-top: -10px; padding-left: 3%; }
h1.harman.white.subline { padding-bottom: 40px; }
h1.harman.white.subline a { font-size: 100px; line-height: 115%; }
.teaser-seite h2, .teaser-seite h2 a, .teaser-seite h2 a:hover, .teaser-seite h2 nobr, .teaser-seite h3, .teaser-seite p, .teaser-seite p a, .teaser-seite p a:hover, .teaser-seite ul, .teaser-seite li, .tweed-guide p, .tweed-guide p nobr {
    font-family: 'Zilla Slab', serif !important; color: #000; font-size: 22px; font-weight: 500; line-height: 155%; }
.teaser-seite h2 a:focus { text-decoration: none; outline: 0px auto -webkit-focus-ring-color; }
.teaser-seite p.produktlink { text-align: center; font-size: 20px; font-weight: 600; margin-top: -10px; }
.teaser-seite h2.upper, .teaser-seite h2.upper nobr, .teaser-seite h2.upper a { text-transform: uppercase; letter-spacing: 2px; text-align: center; font-size: 38px; line-height: 120%; margin: 30px 0 40px 0; font-weight: 500; padding-top: 4%; }
.teaser-seite .row.ohne-headline { margin-top: 9%; }
.teaser-seite .header-image { margin-top: 40px; margin-bottom: 30px; }
.teaser-seite img.sale_stoerer { width: 120px; margin-right: 30px; }
.teaser-seite div.table { display: table; }
.teaser-seite div.table-cell { display: table-cell; vertical-align: middle; }
img.sale-badge { position: absolute; width: 100px; display: block; }
img.sale-badge.oben-links { left: 20px; top: 10px; }

.menue-schuhe-container .infolinks { margin: 20px 0 24px; }
.mmobile .menue-schuhe-container .infolinks { margin: 0; }

/* HOVER BUTTONS */
.teaser-seite img.hover-button, .snip img.hover-button { position: absolute; width: 162px; display: block; z-index: 100; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.mehr-schuhe .schuhe-button img.hover-button { padding: 0 4%; max-width: 190px; position: absolute; display: block; z-index: 100; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.teaser-seite img.hover-button:hover, .snip img.hover-button:hover, .mehr-schuhe img.hover-button:hover  { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.teaser-seite img.hover-button.standard { top: 31%; left: 80%; }
.teaser-seite img.hover-button.rechts { top: 31%; right: 80%; }
.teaser-seite img.hover-button.links { top: 30%; left: 45%; }
.teaser-seite img.hover-button.mitte, .snip img.hover-button.mitte { top: calc(50% - 81px); left: calc(50% - 81px); }

/* SNIPPETS */
/*ABENDMODE*/
.snip-abendmode p.info { position: absolute; padding: 10% 15% 0; text-align: center; }
.snip-abendmode img.hover-button { margin-top: 295px; left: calc(50% - 81px); }
/* .snip-schuhe img.hover-button { position: relative; left: calc(50% - 81px); top: 40px; } */
.snip-schuhe img.stoerer-sale { position: relative; width: 150px; left: calc(50% - 75px); top: 30px; }
.global-navigation-what-else { margin-top: 6%; }

/* FULLWIDTH HEADER */
.fullwidth-container { height: 600px; display: table; width: 100%; background-position: center 10%; background-size: cover !important; background-repeat: no-repeat; }
.fullwidth-container.startseite { background-image:  url(../../../../../media/homepage/2019/img/JC_HW19_00_TITEL_3099P.jpg); }
.fullwidth-container.startseite2 { background-image:  url(../../../../../media/homepage/2019/img/JC_HW19_00_TITEL_3099P_rot.jpg); }
.fullwidth-container.herren { background-image:  url(../../../../../media/homepage/2019/img/JC_HW19_14-15_03_2305p.jpg); }
.fullwidth-container.damen { background-image:  url(../../../../../media/homepage/2019/img/JC_HW19_06-07_03_9787P.jpg); }
.fullwidth-container.tweed { background-image:  url(../../../../../media/homepage/2019/img/JC_HW19_Internet_Tweed-Doppel_6426p.jpg); }
.fullwidth-container.tweed-herren { background-image:  url(../../../../../media/homepage/2019/img/JC_HW19_14-15_01_1705p1.jpg); }
.fullwidth-container.tweed-damen { background-image:  url(../../../../../media/homepage/2019/img/JC_HW19_46-47_04_6682p.jpg); }
.fullwidth-container.accessoires { background-image:  url(../../../../../media/homepage/2019/img/JC_HW19_22_23-04_0278-2.jpg); }

/* SEITENSPEZIFISCHE STYLES */
.startseite img.hover-button.schuhe-doppel { right: 9%; top: 30%; }
/* .herren .tweed-schriftzug { z-index: 104; position: absolute; width: 540px; margin-left: calc(50% - 270px); bottom: 30px; } */
.herren img.guertel { width: 60%; max-width: 500px; }
.teaser-seite div.fullwidth-section, .store div.fullwidth-section { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding-left: 0; padding-right: 0; }
.teaser-seite.herren div.fullwidth-section { height: 600px; overflow: hidden;
  background-image:  url(../../../../../media/homepage/2019/img/JC_HW19_00_TITEL_3099P.jpg);
  background-position: center 10%; background-size: cover; background-repeat: no-repeat; display: table; }
.tweed img.fitsize.fliege { width: 80%; max-width: 300px; margin-left: 20%; }
.tweed img.fitsize.caps { max-width: 600px; }
.tweed .hover-button.fliege { right: 14%; bottom: -55%; }
.tweed .hover-button.caps { right: 7%; bottom: 40%; }
.tweed img.tweed-stoffe, .herren img.tweed-stoffe, .tweed-herren img.tweed-stoffe { margin-top: 30px; max-width: 350px; }
.tweed-damen img.fitsize.caps { width: 80%; max-width: 520px; margin: 30px 25% 0; }
.tweed-damen .hover-button.caps { left: 10%; bottom: 34%; }
.strick.teaser-seite { margin-top: 50px; }
.strick h1.harman.strick { font-family: 'Harman-Script', serif !important; color: #fff; font-size: 75px; font-weight: 400; line-height: 140%;
  text-align: center; background-color: #000; display: block; max-width: 300px; margin: 0 auto; }
.strick h1.harman.strick span.sup { display: block; font-family: 'Zilla Slab', serif !important; color: #fff; font-size: 16px; font-weight: 400;
    line-height: 100%; text-transform: uppercase; letter-spacing: 1px; text-align: center; padding-left: 3%; padding-top: 24px; margin-bottom: 30px; }
.strick h1.harman.strick span.sub { display: block; font-family: 'Zilla Slab', serif !important; color: #fff; font-size: 30px; font-weight: 400;
    line-height: 100%; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding-left: 3%; padding-bottom: 20px; }
.strick h1 img.schaf { display: block; margin: -20px auto 25px; }
/* .strick img.label { width: 80%; max-width: 500px; margin: 0 auto; display: block; } */
.strick img.schal { width: 63%; max-width: 250px; margin: 40px auto; display: block; }
.strick h2.upper { font-size: 38px; margin: 15px 0 46px 0; padding-top: 0; }
.strick .info { padding: 0 10% 3%; }
.strick .info p { text-align: left; font-weight: 500; line-height: 155%; font-size: 22px; }
.strick .info p.strick-kaschmir { margin: 20px 0 30px; line-height: 155%; font-size: 22px !important; }
.strick .info img.icon_schaf { display: inline; float: left; position: relative; margin-right: 5px; top: 4px; }
.strick img.hover-button { width: 133px; }
.strick img.hover-button.links-unten { bottom: 45px; left: 30px; }
.strick img.hover-button.rechts-unten  { bottom: 45px; right: 30px; }
.strick img.hover-button.big { width: 200px; }
.strick img.hover-button.cash-schals { right: 10%; bottom: 25%; }
.strick img.hover-button.strick-women { left: 10%; bottom: 10%; }
.strick img.hover-button.pull-men { top: 20%; right: 5%; }
.strick img.hover-button.cash-men { top: 15%; right: 5%; }
.strick img.hover-button.pull-women { top: 20%; right: 15%; }
.strick img.hover-button.schal-muetze { top: 15%; right: 12%; }
.strick img.hover-button.pullunder-men { right: 5%; bottom: 30%; }
.accessoires img.hover-button.caps { right: 10%; top: 42%; }
.accessoires img.hover-button.tuecher { left: 30%; top: 0; }
.accessoires img.hover-button.knoepfe { left: 60%; bottom: 5%; }
.accessoires img.hover-button.socken { right: 20%; top: 3%; }
.accessoires img.hover-button.guertel { top: 15%; left: 10%; }
.accessoires img.hover-button.traeger { top: 15%; right: 3%; }
.accessoires img.hover-button.krawatten { bottom: 5%; left: 17%; }
.accessoires img.hover-button.fliegen { right: 13%; bottom: 24%; }
.accessoires img.hover-button.eveningwear { top: 50%; left: 80%; }
.accessoires img.fitsize.socken { margin-top: 30%; }
.accessoires img.sale-badge.krawatten { left: 25%; top: 40px; }
/* .schuhe img.sale_stoerer { float: left; padding-right: 3%; width: 15%; margin-top: 9%; } */
.schuhe.teaser-seite h1.harman { font-size: 140px; }
.teaser-seite.schuhe span.sub { margin-top: -30px; padding-left: 3%; margin-bottom: 20px; }
.schuhe.lexikon span.sub, .schuhe.lexikon span.sub nobr { margin-top: 0; padding-left: 0; margin-bottom: 0; }
.schuhe h1 img.h1-sale-badge { margin: -10px 0 0 50px; }
.schuhe .row.schuhe-text { margin-top: 2%; }
.schuhe .row.schuhe-text.oben { margin: 8% auto 3%; }
.schuhe p span.bold, .mehr-schuhe p span.bold, .store p span.bold, .store p span.bold a .highlight-black { font-family: 'Zilla Slab', serif !important; font-size: inherit; font-weight: 600; color: #000; }
.store p span.bold .highlight-black {font-family: 'Zilla Slab', serif !important; font-size: inherit; font-weight: 600; color: #fff;}
.schuhe a p span.bold, .mehr-schuhe a p span.bold, .store a p span.bold { color: #000; }
.schuhe img.hover-button.mitte.tiefer { top: calc(50% - 110px); }
.schuhe img.hover-button.boots { left: 4%; top: 10%; }
.schuhe img.hover-button.socken { bottom: 20%; left: 5%; }
.schuhe .pflege { padding: 0 20% 3% 20%; }
.schuhe .pflege-link, .mehr-schuhe .pflege-link { font-family: 'Zilla Slab', serif !important; font-size: 22px; font-weight: 600; }
.schuhe img.icon_pfeil_links, .mehr-schuhe img.icon_pfeil_links { display: inline; padding: 11px 8px 0 0; }
.schuhe .wissen { padding: 0 14%; }
.schuhe .wissen p, .schuhe .wissen p a { font-size: 17px; line-height: 120%; font-weight: 400; color: #000; }
.schuhe .wissen p .bold { font-size: 17px; font-weight: 600; }
.schuhe img.zeichnung { left: calc(50% - 74px); position: relative; }
.schuhe img.icon_pfeil_rechts { display: inline; padding: 8px 0 0 3px; width: 20px; }
.schuhe img.schuhpflege { padding: 5% 10% 0 10%; }
.mehr-schuhe.container-fluid { margin-top: 30px; }
.mehr-schuhe .row.schuhe-buttons { margin: 5% 15%; height: 162px; }
.schuhe .info_link:hover, .schuhe .pflege-link:hover, .mehr-schuhe .info_link:hover { border-bottom: 2px solid #000; }

.schuhe.lexikon h1.harman { font-size: 100px; }
.schuhe.lexikon .info-container { background-color: #FCEDD6; padding: 20px 30px 40px;
  background-image: url(../../../../../media/homepage/2019/img/schuh-lexikon/Background-1.jpg); background-size: cover; }
.schuhe.lexikon h3 { font-family: 'Zilla Slab', serif !important; color: #000; font-size: 27px; font-weight: 500; line-height: 135%;
text-transform: uppercase; letter-spacing: 2px; text-align: center; margin: 20px 0 15px 0;  }
.schuhe.lexikon h3.align-left { text-align: left; }
.schuhe.lexikon .aufbau { border: 1px solid #000; padding: 20px 10%; }
.schuhe.lexikon .aufbau .aufbau-image  { text-align: center; }
.schuhe.lexikon .aufbau img { max-width: 800px; margin: 40px 0 60px; }
.schuhe.lexikon .aufbau ul.aufbau-infos { list-style-type: none; padding-left: 0; margin-left: 24px; }
.schuhe.lexikon .aufbau ul.aufbau-infos li { margin-bottom: 10px; }
.schuhe.lexikon .aufbau ul.aufbau-infos li:first-child:before { content: "1"; }
.schuhe.lexikon .aufbau ul.aufbau-infos li:nth-child(2):before { content: "2"; }
.schuhe.lexikon .aufbau ul.aufbau-infos li:nth-child(3):before { content: "3"; }
.schuhe.lexikon .aufbau ul.aufbau-infos li:nth-child(4):before { content: "4"; }
.schuhe.lexikon .aufbau ul.aufbau-infos li:nth-child(5):before { content: "5"; }
.schuhe.lexikon .aufbau ul.aufbau-infos li:before {
  margin-left: -24px; display: block; float: left; position: relative; width: 26px; height: 26px; border-radius: 13px;
  font-family: 'Zilla Slab', serif !important; font-size: 20px; color:#fff; line-height: 22px; text-align: center;
  background: #000; padding-right: 1px; top: 4px; }
.schuhe.lexikon .aufbau ul.aufbau-infos li p.copy { margin-left: 10px; }
.schuhe.lexikon .schuhformen img { padding: 30px 30px 0; max-width: 500px; }
.schuhe.lexikon .schuhformen .left-container { padding-right: 40px; }
.schuhe.lexikon .schuhformen .right-container { padding-left: 40px; }
.schuhe.lexikon .sohlen { margin-bottom: 80px; }
.schuhe.lexikon .sohlen .table .table-cell:nth-child(2) { width: 320px; }
.schuhe.lexikon .sohlen .table .table-cell:nth-child(2) img { max-width: 500px; }
.schuhe.lexikon .sohlen .table .table-cell:first-child { padding-right: 5%; }
.schuhe.lexikon .bildunterschrift { font-size: 18px; line-height: 130%; color: #999; }
.schuhe.lexikon .schuhpflege p span.bold { font-weight: 700; }

.store img.icon_phone { display: inline-block; position: relative; top: 8px; }
.store p .icon_pfeil_rechts { position: relative; top: 11px; margin-right: 8px; }
.store div.pressetext { background-color: #e5e5e5; max-width: 1208px; margin: 0 auto; padding: 0 2%; }
.store div.fullwidth-section { background-color: #e5e5e5; padding-bottom: 2%; }
.store a.link_tel::before { content: "\e900"; font-family: 'jc-icons'; font-size: 90%; margin-right: 2px; vertical-align: -4px; }
.teaser-seite.store a.link_pfeil_vorne::before,
.teaser-seite.schuhe a.link_pfeil_vorne::before,
a.link_pfeil_vorne::before { content: "\e91f"; font-family: 'jc-icons'; font-size: 90%; margin-left: 5px; margin-right: 7px;}

.store .pressetext h2.upper { padding-top: 2%; padding-bottom: 2%; }
.store .pressetext p.zitat { text-align: center; margin-bottom: 10px; }
.store .pressetext p.quelle { text-align: center; font-weight: 600; font-size: 16px; text-transform: uppercase; letter-spacing: 1px;}
.store .pressetext .ksa { padding-top: 40px; text-align: center; }
.store .pressetext .ksa img { margin-bottom: 25px; max-width: 300px; }
.store .pressetext .ksa p.zitat { padding: 0 20%; }
.store .pressetext .faz { text-align: center; }
.store .pressetext .faz img { padding-top: 30px; max-width: 400px; }
.store .pressetext .faz p.zitat { padding: 0 11%; }
.store .pressetext .was { padding-top: 20px; text-align: center;}
.store .pressetext .was p.zitat { padding: 0 8%; }
.store .pressetext .was img { max-width: 300px; }
.store .pressetext .link-pressearchiv { text-align: center; margin-top: 30px; }
.store iframe { width: 100%; }
.store .crocket-logo { float: right; }
.store .crocket-logo img { height: 250px; position: relative; top: -70px; left: -60px; }

/* TWEED-GUIDE */
.tweed-guide { background: url(../../../../../media/homepage/2019/img/tweed-guide/AGuideToTweed_BackgroundImage-neu.jpg);
  background-repeat: no-repeat; background-size: cover; padding-top: 3%; padding-bottom: 2%; margin-top: 8%; }
.tweed-guide .schriftzug { display: block; margin-right: auto; margin-left: auto; width: 75%; }
.tweed-guide a, .tweed-guide a nobr, .tweed-guide a:hover { color: #000; font-weight: 600 !important; font-family: 'Zilla Slab', serif !important; font-size: 22px; }
.tweed-guide img.icon_pfeil_rechts,
.tweed-seite img.icon_pfeil_rechts { display: inline; padding: 13px 0 0 0; width: 20px; margin-left: 7px; }
.tweed-guide .label-section, .tweed-guide .label-text-section { margin-bottom: 15px; }
.tweed-guide .row.tweed-labels { margin-right: 0; margin-left: 0; }
.tweed-guide .row.tweed-labels.first { margin-top: 50px; }
.tweed-guide h2.harman.white { font-family: 'Harman-Script', serif !important; color: #fff; font-size: 65px; line-height: 125%; font-weight: normal;
    text-align: center; text-shadow: 0px 0px 17px #111; display: block; margin: 20px auto 70px; }
.tweed-guide .lexikon-teaser p { text-align: center; padding: 0 50px; }

/* TWEED-SEITEN */
.tweed-seite .responsive-video iframe, .store .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; }
.tweed-seite .responsive-video, .store .responsive-video { position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px; height: 0; overflow: hidden; }
.tweed-seite .logo-link img.logo { max-width: 250px; display: inline-block;}
.tweed-seite .logo-link { margin-top: 8%; }
.tweed-seite .header-font, .teaser-seite .header-font { margin-top: 40px; margin-bottom: 30px; }
.tweed-seite .label-container { text-align: center; }
.tweed-seite .label-container img.img-label { max-width: 300px; margin: 15px 0 30px 0; }
.tweed-seite .label-container p a { font-weight: 600; }
.tweed-seite .label-container p.copy.links { margin-top: 20px; }
.teaser-seite.tweed-seite p.copy a, .teaser-seite.tweed-seite p.copy a:hover { color: #000 !important; background-color: #fff; padding: 0; }
.tweed-seite p.produktlink { text-align: left; font-size: 20px; font-weight: 600; margin-top: -10px; margin-bottom: 0; }
.tweed-seite p.copy.link-tweed-produkte { text-align: center; }
.tweed-seite p.copy.link-tweed-produkte a { font-weight: 600; }
.tweed-seite.lovat img.postkarte { margin: 40px 0 25px; -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg); -webkit-box-shadow: 0px 0px 32px 0px rgba(117,117,117,0.4); -moz-box-shadow: 0px 0px 32px 0px rgba(117,117,117,0.4); box-shadow: 0px 0px 32px 0px rgba(117,117,117,0.4); }

/* KATALOG TEASER */
.katalog-teaser { width: 300%; position: relative; left: -100%; margin-top: -50px; }
.katalog-teaser .katalog-container { max-width: 60%; position: relative; margin-left: 20%; top: 150px; text-align: center; }
.katalog-teaser .inner-container { max-width: 580px; display: inline-block; }
.katalog-teaser img.katalog-text { max-width: 300px; position: absolute; bottom: 170px; margin-left: -300px; }
.katalog-teaser p.katalog-text { max-width: 350px; display: inline; position: absolute; bottom: 130px; margin-left: -350px; font-family: 'digory_doodlesregular' !important; color: #d00000; font-size: 17px; font-weight: 400; line-height: 200%; text-align: left; }
/* Firefox Only */
@-moz-document url-prefix()  { .katalog-teaser p.katalog-text  { height: 200px; } }
.katalog-teaser .katalog-boden { width: 300%; height: 130px; background-color: #232323; margin-left: -100%; }

/* WHAT ELSE NAVIGATION */
.global-navigation-what-else.neu ul.more li, .global-navigation-what-else.neu ul.more li a { font-family: 'Zilla Slab', serif !important; color: #000;
    text-align: center; font-size: 24px !important; font-weight: 500; padding: 0 5px; display: inline-block; }
.global-navigation-what-else.neu ul.more li:hover { color: #000; background-color: #fff; }
.global-navigation-what-else.neu ul.more li a:hover { color: #fff; background-color: #000; padding: 0 5px; display: inline-block; }

/* NAVI % SALE-STOERER */
.magicmenu .nav-desktop .level0 .cat_label, .mean-container .mean-nav ul li a span.cat_label {
background-color: #C70002 !important; color: #ffffff !important; font-weight: normal; font-size: 20px !important; line-height: 25px !important;
position: absolute; padding: 0 7px 3px 7px !important; margin: 51px 26px !important; border-radius: 40px; z-index: 1000; }

/*********** BLOCK menue Store Köln ***********/
.menue-store-container { width: 600px; position: relative; }
.menue-store-container .container-left { padding-top: 10px; padding-left: 30px; padding-bottom: 10px; }
.menue-store-container .container-left ul li a { font-family: 'Zilla Slab', serif !important; line-height: 140%; font-size: 16px !important; font-weight: 700; margin: 10px 0; }
.menue-store-container .image-container-right { padding-left: 30px; float: right }

/* MOBILE NAVI */
.mmobile .image-container-right, .mmobile  .container-right {display:none;}
.mmobile .container-left, .mmobile .navigation-container-left {float:none !important; padding:0 !important; }
.mmobile .navigation-container-left div, .mmobile .container-left div { float: none; width: 100%; margin-right: 0; }
.mean-container .mean-nav .mmobile ul { width: 100vw !important; }
.mmobile .menue-tweed-container {  width: 100vw !important; position: inherit; }
.mmobile .menue-strick-container {  width: 100vw !important; position: inherit; }
.mmobile{ width: 100vw; overflow: hidden; }
.mmobile .navigation-container-left ul li.first, .navigation-container-left ul li.first a {
	font-size: 14px; font-weight: 700; display: block; color: #404040 !important; margin-bottom: 1px; }
.mmobile li.paddingtop { padding-top: 0px !important; }
.mmobile  li.border { border-bottom: none !important; padding-bottom: 0px !important; }
.mmobile .menue-schuhe-container .container-left ul li.first,
.mmobile .menue-schuhe-container .container-left ul li,
.mmobile .menue-strick-container .container-left ul li.first,
.mmobile .menue-strick-container .container-left ul li { margin-bottom: 0px !important; padding-bottom: 1em !important; }
.mmobile .menue-schuhe-container .container-left ul li,
.mmobile .menue-strick-container .container-left ul li { padding-bottom: 0px !important; }
.mmobile .menue-schuhe-container .container-left ul li.first,
.mmobile .menue-strick-container .container-left ul li.first { border-bottom: 1px solid #404040 !important; }
.mean-container .mean-nav .mmobile .menue-schuhe-container ul li.first,
.mean-container .mean-nav .mmobile .menue-strick-container ul li.first {
	background-color: #fff; display: block; margin: 0; text-align: left; color: #252525; border-bottom: 1px solid #eee;
	border-left: 1px solid #eee; border-right: 1px solid #eee; text-decoration: none; width: 80%; padding: 1em 10%; }
.mean-nav .cat-nav li.level-top a { font-family: 'Zilla Slab', serif !important; line-height: 140%; font-size: 16px !important; font-weight: 700; }
.mean-nav .cat-nav li.cat-nav-third a { font-weight: 400; }
.mean-container .mean-nav ul li { float: none; clear:left; }
.mean-nav .container-left ul li a,
.mean-nav .container-left .further_links ul li a,
.mean-nav .container-left ul li.last a { margin:0 !important; }
.mean-nav a img { width:5%;  margin-top: 4px !important;}
.mean-nav ul li.level0 a { padding-left: 14px; font-size: 15px; }
.mean-nav ul li.level0 .level-top-mega { display:none; }
.mean-container a.meanmenu-reveal { padding-left: 100%;}

/* NEWSLETTER HINWEISSEITEN  */
.newsletter .bestaetigung { text-align: center; }
.newsletter .nl-hinweis p { text-align: center; font-weight: 400; max-width: 680px; margin: 0 auto 20px auto; }
.newsletter .nl-hinweis p span { font-family: 'Zilla Slab', serif !important; color: #000; font-size: 22px; font-weight: 600; line-height: 155%; }
.newsletter .nl-hinweis p::before { font-family: 'ElegantIcons'; font-size: 35px; display: block; margin-bottom: 10px; }
.newsletter .nl-hinweis.success p::before { content: "\e052"; color: #3E8004; }
.newsletter .nl-hinweis.sanduhr p::before { content: "\e0e1"; color: #ffa800; }
.newsletter.anmeldung .archiv-container, .newsletter.anmeldebestaetigung .archiv-container { margin-top: 4%; margin-bottom: 4%; }
.newsletter .fullwidth-container.tweed { margin-top: 4%; background-position: center top;
  width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding-left: 0; padding-right: 0; }

  /* NEWSLETTER PAGE */
  .newsletter.teaser-seite h2.upper { margin: 0 0 50px 0; }
  .newsletter p.newsletter-info, .newsletter p.newsletter-info a { font-weight: 400; }
  .newsletter div.fullwidth-section { background-color: #aab7c8; }
  .newsletter div.fullwidth-section .newsletter-image { margin-top: 1%; padding-top: 1%; }
  .newsletter div.fullwidth-section .newsletter-image img { margin-bottom: 15px !important; margin-top: 10px; max-width: 1000px; }
  .newsletter .archiv-content { text-align: center; }
  .newsletter a.archiv-link { text-transform: uppercase; letter-spacing: 1px; font-size: 20px !important; }
  .newsletter a.archiv-link span.date { font-family: 'Zilla Slab', serif !important; letter-spacing: normal; color: #666; margin-left: 6px; font-size: 18px; }
  form.newsletter-mainpage .formbox.jcform { text-align: center; }
  form.newsletter-mainpage .email-input { display: inline-block; width: 50%; margin-right: 13px; }
  form.newsletter-mainpage .email-input label { display: none; }
  form.newsletter-mainpage .submit_container { display: inline-block;  width: 25%; max-width: 140px; }
  form.newsletter-mainpage input#text5108376, form.newsletter-mainpage input#text5108378 { width: 100%; font: 22px 'Zilla Slab', serif !important; border: 1px solid #ccc; height: 50px; padding-left: 20px; }
  form.newsletter-mainpage button[type=submit] {
         font: 16px 'Zilla Slab', serif !important; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;
         color: #fff; background-color: #ffa800; border: 0 none; height: 50px;  cursor:pointer; padding: 0 20px; width: auto;
         -webkit-border-radius: 0px; border-radius: 0px; }
  form.newsletter-mainpage button[type=submit]:hover { background-color: #444; color: #aaa; }
  .newsletter .archiv-container { margin-top: 2%; margin-bottom: 4%; }
  .newsletter form .error-email { text-align: left; }
  .newsletter form .error-email span { font: 20px 'Zilla Slab', serif !important; color: #f00; display: inline-block; margin-bottom: 6px; }

  /* NEWSLETTER FOOTER */
  .footer h3.uppercase-heading { font-family: 'Zilla Slab', serif !important; font-size: 18px; font-weight: 500; color: #aaa;
      text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; }
  .newsletter-container { margin-left: 3%; }
  .footer-social h3.block-title.heading, .newsletter-container h3.block-title.heading { margin-bottom: 20px; }
  form.footer-newsletter .email-input { display: inline-block; width: 70%; margin-right: 13px; }
  form.footer-newsletter .submit_container { display: inline-block; width: 25%; }
  form.footer-newsletter .email-input label { display: none; }
  form.footer-newsletter input#text5095949 { width: 100%; font: 17px 'Zilla Slab', serif !important; border-width: 0px; height: 50px; padding-left: 20px; }
  form.footer-newsletter button[type=submit] {
         font: 16px 'Zilla Slab', serif !important; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;
         color: #fff; background-color: #ffa800; border: 0 none; height: 50px; cursor:pointer; padding: 0 20px; width: auto;
         -webkit-border-radius: 0px; border-radius: 0px; }
  form.footer-newsletter button[type=submit]:hover { background-color: #444; color: #aaa; }

/* SOCIALMEDIA FOOTER */
  .footer-social .social-link { margin-top: 0; height: 50px; line-height: 50px; width: 50px; color: #fff; background-color: #ffa800; }
  .footer-social .social-link:hover { color: #aaaaaa; background-color: #444; }
  .footer-social .list-inline>li:first-child { padding-left: 0; }
  .footer-social .list-inline>li { padding-right: 0; }
  .footer-social .social-link i::before { top: 2px; position: relative; }

  .footer address a { color: #696969 !important; text-decoration: none !important; font-family: 'Zilla Slab', serif !important; font-size: 15px; }
  .footer address a:hover { color: #ffa800 !important; }



  /* - - - - - -   S A L E   2 0 1 9 - 1 2   - - - - - -  */
  img.sale-badge.oben-rechts { left: auto; top: 10px; right: 20px; }
  img.sale-badge.sale-tweed.fliegen { top: 0; left: 85%; z-index: 100; }
  img.sale-badge.sale-tweed.caps { bottom: 15%; left: 60%; }
  img.sale-badge.sale-tweed.caps-damen { bottom: 15%; left: 80%; }
  img.sale-badge.sale-tweed.caps-accessoires { top: 10%; left: 6%; width: 162px; }
  img.sale-badge.sale-tweed.herren-tweed { top: 10%; left: 6%; width: 162px; }
  .zilla.white { font-family: "Zilla Slab", serif !important; font-size: 140px; font-weight: bold; color: #fff; letter-spacing: 15px;
  	text-align: center; position: relative; display: table-cell; vertical-align: bottom; line-height: 115% }
  h1.harman.black, h1.harman.black a { font-family: 'Harman-Script', serif !important; color: #000; font-size: 60px; text-align: center; padding-top: 80px; line-height: 135%; }
  h1.harman.black a span.sub, h1.harman.black span.sub { display: block; font-family: 'Zilla Slab', serif !important; color: #000; font-size: 22px; font-weight: 400;
  	line-height: 120%; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-top: -10px; padding-left: 3%; }
  h1.harman.black.subline {padding-bottom: 30px;}
  h1.harman.black.subline a { font-size: 90px; line-height: 115%; }
  img.menu-badge, .mean-nav a img.menu-badge { width: 30px; margin-top: 2.5%; margin-left: 1%; }

  /*  - - - - - - EINBLENDEN, WENN SALE STARTET  - - - - - - */
   .fullwidth-container.startseite::before,
  .fullwidth-container.damen::before,
  .fullwidth-container.herren::before,
  .fullwidth-container.tweed::before,
  .fullwidth-container.tweed-damen::before,
  .fullwidth-container.tweed-herren::before { content: ""; position: absolute; margin-top: 440px; width: 100%;
    	height: 160px; background-color: #d00001; mix-blend-mode: multiply; z-index: 0; }
  .fullwidth-container.startseite h1,
  .fullwidth-container.damen h1,
  .fullwidth-container.herren h1,
  .fullwidth-container.tweed h1,
  .fullwidth-container.tweed-damen h1,
  .fullwidth-container.tweed-herren h1 { display: none !important; }
  img.hide-sale-2019 { display: none !important; }
  img.sale-badge.sale-anzug,
  img.sale-badge.sale-hemden,
  img.sale-badge.sale-mantel,
  img.sale-badge.sale-tweed,
  img.sale-badge.sale-krawatten,
  img.sale-badge.sale-hosen{ display: block !important; }
  .hide-no-sale { display: block !important; }
  .menue-damen-container { width: 520px; }
  .menue-damen-container .container-left { width: 230px; }
  .menue-damen-container .image-container-right { float: right; }
  img.sale-badge.sale-hemden-3fuer2,
  img.sale-badge.sale-krawatten-3fuer2 { display: none !important; }
  img.sale-badge.sale-tweed.fliegen,
  img.sale-badge.sale-tweed.caps,img.sale-badge.sale-tweed.sale-caps,
  img.sale-badge.sale-tweed.caps-damen,
  img.sale-badge.sale-tweed.caps-accessoires { display: none !important;}
  /*  - - - - - - ENDE EINBLENDEN, WENN SALE STARTET  - - - - - - */

  /* - - - - - - AUSBLENDEN, WENN SALE STARTET - - - - - -  */
  /*h2.zilla.white.header-h2-sale { display: none !important; }
  h2.zilla.white.header-h2-sale,
  .fullwidth-container.damen h2.header-h2-sale,
  .fullwidth-container.herren h2.header-h2-sale,
  .fullwidth-container.tweed h2.header-h2-sale,
  .fullwidth-container.tweed-damen h2.header-h2-sale,
  .fullwidth-container.tweed-herren h2.header-h2-sale { display: none !important; }
  h1.h1-sale { display: none !important; }
  .hide-no-sale { display: none !important; }
  img.sale-badge.sale-anzug { display: block !important; }
  img.sale-badge.sale-hemden,
  img.sale-badge.sale-mantel,
  img.sale-badge.sale-tweed,
  img.sale-badge.sale-krawatten { display: none !important; }
  img.sale-2019 { display: none !important; } /*
  /*  - - - - - - ENDE AUSBLENDEN, WENN SALE STARTET - - - - - -  */

  /* - - - - - -   E N D E   S A L E   2 0 1 9 - 1 2   - - - - - -  */


/* - - - - - - - -  SALE SCHUHE 2020 - 01  - - - - - - - - - - - */
/* EINBLENDEN BEI SALE, AUSBLENDEN BEI NICHT-SALE*/
.schuhsale { display: unset !important; }
/* Ende EINBLENDEN BEI SALE, AUSBLENDEN BEI NICHT-SALE*/

/* AUSBLENDEN BEI SALE, EINBLENDEN BEI NICHT-SALE*
.schuhsale { display: none !important; }
/* Ende AUSBLENDEN BEI SALE, EINBLENDEN BEI NICHT-SALE*/
/* - - - - - - - -  SALE SCHUHE 2020 - 01  - - - - - - - - - - - */


/* HEADER UPDATES 2020 */
button.button.orange { background-color: #ffa800 !important; }
button.button.orange:hover { background-color: #444 !important; }
.buttons-set { margin: 3em 0; }




/* HEADER UPDATES 2020 */
.header-top-contact { padding-top: 9px; }
.header-top-contact.phone { padding-top: 5px; float: none; }
.header-top-contact .phone { font-family: 'Zilla Slab', serif !important; font-size: 14px; font-weight: 500; }
.header-top-contact .phone a, .header-top-contact .phone a:hover { font-size: 19px; font-weight: 600; }
.header-top-contact .phone::before { content: "\e900"; font-family: 'jc-icons'; font-size: 130%; line-height: 110%; display: inline-block;
    padding-right: 3px; position: relative; top: 3px; }
.header-logo { margin-top: 3px; margin-bottom: 15px; text-align: center; }
.header-logo img { max-height: 115px; }
.header .form-search { margin-top: 0; }
.header-page .miniCartWrap { padding-top: 35px; }
.header-page .search-input { padding-top: 35px; width: 230px; }
.header .form-search input.input-text { height: 47px; line-height: 47px; }
.header-bottom .container { position: relative; left: -15px; }
.top-links-alo { padding: 0; }
.top-phone-container { text-align: center; padding: 0; }
.header-bottom .container { position: relative; left: 0; }
.icon-basket-loaded:before { top: -3px; position: relative; }
.mini-maincart { padding: 12px 30px 3px 15px; }
.header .form-search input.input-text { height: 40px; }
.header-page .search-input { padding-top: 38px; }
.header-page .miniCartWrap { padding-top: 37px; }
.fa-search:before { position: relative; top: -3px; }
.custom-menu { padding: 0 !important; }
button.button.orange { background-color: #ffa800 !important; }
button.button.orange:hover { background-color: #444 !important; }
.buttons-set { margin: 3em 0; }
.phone-indicator { background-color: #7ED321; position: absolute; width: 12px; height: 12px; border: none; margin: 10px 0 0 7px;border-radius: 6px; }
.mean-container .mean-bar { background: #444 !important; }
.mean-container .mean-nav ul li.level-top a span, .mean-container .mean-nav ul li a.level-top { font-family: 'Zilla Slab', serif !important; font-size: 17px; }
h3.mobi-title { font-family: 'Zilla Slab', serif !important; font-size: 17px !important; }
@media (min-width: 768px) {
.header .container { max-width: 98%; }
}
@media (min-width: 992px) {
.header.container { max-width: 98%; }
.search-container { padding-left: 5px; }
.cart-container { padding-right: 5px; }
}
@media (min-width: 1300px) {
.header .container { max-width: 1200px; }
}
@media (max-width: 1100px) {
.header-top-contact .address { padding-right: 20px; }
}
@media (max-width: 991px) {
.header-top-contact.phone { float: left; padding-left: 5px; }
}
@media (max-width: 991px) and (min-width: 768px) {
.header-page .miniCartWrap, .header-page .search-input { width: 90%; padding-top: 20px; margin-bottom: 10px; }
.mini-maincart { height: 42px; padding: 10px 0 0 !important; }
}
@media (max-width: 767px) {
.top-links-alo { text-align: right !important; padding-right: 20px; }
.header-top-contact.phone { float: none; }
.top-phone-container { text-align: left; padding-left: 20px; }
.header-page .search-input { padding-top: 0; width: 94%; margin: 0 auto; }
.header-page .miniCartWrap { padding: 0 0 15px 0; }
.miniCartWrap.pull-right { width: 94%; margin: 0 auto; }
.header .form-search input.input-text { height: 42px !important; }
.fa-search:before { top: 5px; }
}
@media (max-width: 600px) {
.top-phone-container { text-align: left; width: 100%; padding: 0; }
.header-top-contact.phone { text-align: center; }
.top-links-alo { text-align: center !important; width: 100%; padding: 0; }
}
/* ENDE HEADER UPDATES 2020 */














/* MEDIA QUERIES */
@media only screen and (min-width: 2000px) {
.fullwidth-container, .teaser-seite.herren div.fullwidth-section { height: 800px; }
.fullwidth-container.startseite::before, .fullwidth-container.damen::before, .fullwidth-container.herren::before,
.fullwidth-container.tweed::before, .fullwidth-container.tweed-damen::before, .fullwidth-container.tweed-herren::before { margin-top: 640px; }
}
@media only screen and (min-width: 1199px) {
.schuhe.lexikon .schuhpflege .pflege-container-right-1 { padding-left: 35px; }
.schuhe.lexikon .schuhpflege .pflege-container-left-1 { padding-right: 35px; }
.schuhe.lexikon .schuhpflege .pflege-container-right-2 { padding-left: 30px; }
.schuhe.lexikon .schuhpflege .pflege-container-left-2 { padding-right: 30px; }
img.sale-badge.gross {left: 76% !important;}
}
@media only screen and (max-width: 1300px) {
.katalog-teaser .inner-container { max-width: 450px; }
.katalog-teaser .katalog-container { top: 120px; }
.katalog-teaser img.katalog-text { max-width: 250px; bottom: 140px; margin-left: -260px; }
.katalog-teaser p.katalog-text { max-width: 300px; bottom: 80px; margin-left: -300px; font-size: 15px; }
@-moz-document url-prefix()  { .katalog-teaser p.katalog-text  { height: 190px; } } /* Firefox Only */
.katalog-teaser .katalog-boden { height: 100px; }
}
@media only screen and (max-width: 1199px) {
.tweed-herren img.tweed-stoffe { width: 180px; }
.snip-schuhe img.stoerer-sale { width: 100px; left: calc(50% - 60px); top: 20px; margin-bottom: 30px; }
.strick .info { padding-top: 3%; }
.mehr-schuhe .schuhe-button { padding: 10px; }
.tweed-guide h2.harman.white { font-size: 55px; margin: 15px auto 70px; }
.schuhe.lexikon .schuhpflege .pflege-container-left-1 { margin-bottom: 40px; }
.schuhe.lexikon .schuhpflege .pflege-container-right-1 { clear: both; margin-top: 20px; }
.schuhe.lexikon .schuhpflege .pflege-container-right-2 { margin: 40px 0; }
.schuhe.lexikon .schuhpflege .pflege-container-left-1 a:first-child img { float: left; width: 47%; }
.schuhe.lexikon .schuhpflege .pflege-container-left-1 a:nth-child(2) img { float: right; width: 47%; }
.schuhe.lexikon .schuhpflege .pflege-container-right-2 a:first-child img { float: left; width: 43%; }
.schuhe.lexikon .schuhpflege .pflege-container-right-2 a:nth-child(2) img { float: right; width: 43%; }
.schuhe.lexikon .schuhpflege .pflege-container-left-1 p.bildunterschrift,
.schuhe.lexikon .schuhpflege .pflege-container-right-2 p.bildunterschrift { clear: both; }
.schuhe.lexikon .aufbau { padding: 20px 10%; }
.schuhe.lexikon .info-container { margin-top: 50px; }
img.sale-badge.sale-tweed.herren-tweed { top: 5%; left: 2.5%; }
}
@media only screen and (max-width: 1060px) {
.katalog-teaser p.katalog-text { max-width: 260px; bottom: 100px; margin-left: -260px; font-size: 13px; }
@-moz-document url-prefix()  { .katalog-teaser p.katalog-text  { height: 70px; } } /* Firefox Only */
}
@media only screen and (max-width: 1024px) {
.teaser-seite img.hover-button.standard { top: 26%; left: 70%; }
}
@media only screen and (min-width: 992px){
img.sale-badge.gross {width: 162px; left: 79%; top: 42%;}
img.sale-badge.gross.sale-hemden {top: 33%;}
}
@media only screen and (max-width: 991px) {
.herren .tweed-schriftzug { width: 400px; margin-left: calc(50% - 200px); }
.snip-schuhe p.copy { text-align: left; }
.tweed-guide .row.tweed-labels.first { margin-top: 40px; }
.tweed-guide p, .tweed-guide p a, .tweed-guide p nobr, .tweed-guide p a nobr { font-size: 17px; }
.tweed-guide h2.harman.white { font-size: 50px; margin: 25px auto 60px; }
.tweed-guide img.icon_pfeil_rechts { padding: 10px 0 0 0; }
.teaser-seite img.hover-button.rechts { right: 70%; }
.tweed img.fitsize.fliege { margin-left: 43%; }
.tweed .hover-button.fliege { right: 60%; bottom: 20%; }
.tweed-herren img.tweed-stoffe { width: 80%; }
.strick h2.upper { margin: 25px 0 46px 0; }
.strick img.hover-button.cash-schals { right: 25%; }
.accessoires img.hover-button.eveningwear { left: 90%; }
.accessoires img.fitsize.showbits { width: 130%; margin-left: -15%; }
.accessoires img.fitsize.socken, .damen img.fitsize.socken, .startseite img.fitsize.socken  { margin-top: 15%; width: 70%; margin-left: 15%; }
.accessoires img.hover-button.guertel { left: 2%; }
.accessoires img.hover-button.krawatten { left: 10%; }
.accessoires img.hover-button.fliegen { right: 6%; }
.accessoires img.sale-badge.krawatten { left: 20%; top: -20px; }
.teaser-seite div.table-cell { display: inline; }
.teaser-seite div.table-cell.sale-badge { display: inline-block; float: left; }
.schuhe img.hover-button { width: 120px; }
.schuhe img.hover-button.mitte { top: calc(50% - 60px); left: calc(50% - 60px); }
.schuhe img.hover-button.mitte.tiefer { width: 120px; top: calc(50% - 90px); left: calc(50% - 60px); }
.damen .sektion-schuhe img.hover-button.mitte.tiefer { width: 120px; top: calc(50% - 70px); left: calc(50% - 60px); }
.damen.teaser-seite .sektion-schuhe img.sale_stoerer { margin-top: 25px; }
.mehr-schuhe .row.schuhe-buttons { margin: 5% 0; }
.mehr-schuhe.info-container .info.solo { padding: 0; }
.schuhe .info_link, .mehr-schuhe .info_link { font-family: 'Zilla Slab', serif !important; font-size: 22px; }
.schuhe a, .schuhe a:hover, .mehr-schuhe a, .mehr-schuhe a:hover { text-decoration: none; color: #000; }
img.sale-badge.oben-links { left: 30px; top: 20px; }
.store .damen-text, .store .anfahrt, .store .ladenlokal { margin-left: calc((100% - 83.3333%) / 2); }
.store .anfahrt:first-child {margin-top: 25px; }
.store .pressetext .ksa { padding-top: 0; margin-bottom: 70px; }
.store .pressetext .faz img { padding-top: 10px; }
.store .pressetext .was { padding-top: 60px; }
.store .crocket-logo { float: none; margin: 0 auto; width: 250px; }
.store .crocket-logo img { top: 0; left: 0; }
.teaser-seite .snip-hemden img.sale-badge.oben-links { left: 20px; top: -30px; }
.katalog-teaser { margin-top: -100px; }
.katalog-teaser .inner-container { max-width: 500px; }
.katalog-teaser img.katalog-text { max-width: 300px; bottom: 0; position: relative; margin: 70px 0 0 0; }
.katalog-teaser p.katalog-text { max-width: 360px; bottom: 0; position: relative; margin: 120px 0 -40px -20px; font-size: 15px; display: inline-block; text-align: center; }
.katalog-teaser p.katalog-text { display: none; }
.katalog-teaser p.katalog-text.mobile { display: inline-block !important; max-width: 400px; }
.snip-abendmode p.info { position: relative; text-align: left; padding: 0 5% 3% 7%; }
.snip-abendmode img.hover-button { margin-top: 8%; margin-left: 25%; }
.teaser-seite h1.harman { font-size: 70px; }
.schuhe.teaser-seite h1.harman { font-size: 100px; }
.schuhe h1 img.h1-sale-badge { width: 120px; }
.teaser-seite span.sub, .teaser-seite span.sub nobr { font-size: 22px; }
.tweed-seite p.copy.abstand-991-oben { margin-top: 25px; margin-left: calc((100% - 83.3333%) / 2); margin-right: calc((100% - 83.3333%) / 2); }
.tweed-seite p.copy.abstand-991-unten { margin-bottom: 40px; margin-left: calc((100% - 83.3333%) / 2); margin-right: calc((100% - 83.3333%) / 2); }
.tweed-seite .label-container.moon { margin-top: 50px; }
.tweed-seite .label-container.magee { margin-top: 10px; }
.tweed-seite p.produktlink.margin-991 { margin-bottom: 40px; }
.tweed-seite p.produktlink { text-align: center; }
.schuhe.lexikon .schuhformen .left-container { padding-right: 0; }
.schuhe.lexikon .schuhformen .right-container { padding-left: 0; }
.schuhe.lexikon .schuhformen .schuhform-image, .schuhe.lexikon .sohlen .sohlen-image { text-align: center; }
.schuhe.lexikon .sohlen .table .table-cell:first-child { padding-right: 0; }
.schuhe.lexikon .sohlen .table .table-cell:nth-child(2) img { margin: 40px 0; }
.schuhe.lexikon .info-container { margin: 40px 0 20px; }
.schuhe.lexikon .schuhformen img { margin-bottom: 40px; }
.schuhe.lexikon h1.harman { font-size: 70px; }
.newsletter div.fullwidth-section .newsletter-image img { width: 80%; }
img.sale-badge.sale-tweed.fliegen { left: 77%; }
img.sale-badge.sale-tweed.herren-tweed { left: calc(50% - 60px); top: 48%; width: 120px; }
/* Firefox Only */
@-moz-document url-prefix()  { .katalog-teaser p.katalog-text  { height: 140px; } }
}

@media only screen and (max-width: 768px) {
.tweed-schriftzug { width: 340px; margin-left: calc(50% - 170px); bottom: 20px; }
.tweed img.tweed-stoffe, .herren img.tweed-stoffe, .tweed-herren img.tweed-stoffe { max-width: 450px; }
.teaser-seite img.hover-button.rechts { right: 70%; }
.teaser-seite img.hover-button.standard { left: 60%; width: 130px; }
.damen img.hover-button.standard.schals { left: 74%; }
/* .accessoires img.hover-button.caps { right: 15%; } */
.accessoires img.hover-button.tuecher { left: 20%; top: -5%; }
.accessoires img.hover-button.knoepfe { bottom: -5%; }
.accessoires img.hover-button.standard.muetzen { left: 70%; }
.schuhe img.schuhpflege { padding: 5% 0 0 0; }
.tweed-seite .logo-link { margin-top: 80px; }
.tweed-seite .label-container { margin-left: calc((100% - 83.3333%) / 2); margin-right: calc((100% - 83.3333%) / 2); }
.teaser-seite .header-font { margin-top: 30px; }
.tweed-guide img.icon_pfeil_rechts { padding: 11px 0 0 0; }
.footer { padding-left: 20px; }
.footer .newsletter-container { margin-left: 0; margin-top: 50px; }
.footer .service-container, .footer .wissen-container { margin-bottom: 50px; }
.footer .links-container { margin-bottom: 30px; }
.footer .block-content.block-content-statick { margin-top: 15px; }
.footer .kontaktblock { margin-bottom: 40px; margin-top: 15px; }
.newsletter .archiv-content { text-align: left; }
img.sale-badge.sale-tweed.caps-accessoires { width: 100px; }
}

@media only screen and (max-width: 767px) {
.tweed-guide { background: url(../../../../../media/homepage/2019/img/tweed-guide/AGuideToTweed_BackgroundImage_Phone-neu.jpg); background-size: 130%; }
.tweed-guide .logo { width: 40%; max-width: 200px; display: block; margin-right: auto; margin-left: auto; }
.tweed-guide h2.harman.white { margin: 3% auto 60px; }
.tweed-guide .lexikon-teaser p { padding: 0; }
.tweed-guide .schriftzug { width: 75%; margin-top: 2%; }
.tweed-guide .label-text-section { text-align: center; }
.tweed-guide .label-text-section { margin-bottom: 70px; width: 70%; margin-left: 15%; }
.strick img.hover-button.big { width: 133px; }
.strick img.hover-button.cash-men { top: 25%; }
.tweed-guide p, .tweed-guide p a, .tweed-guide p nobr, .tweed-guide p a nobr { font-size: 19px; }
.teaser-seite h1.harman { font-size: 60px; }
.teaser-seite span.sub, .teaser-seite span.sub nobr { font-size: 20px; }
.tweed-guide .row.tweed-labels.first { margin-top: 50px; }
img.menu-badge { margin-top: -2px; max-width: 50px; }
.schuhe.lexikon h1.harman { font-size: 60px; }
.schuhe.lexikon .schuhpflege .pflege-container-left-1 { text-align: center; }
.schuhe.lexikon .schuhpflege .pflege-container-left-1 a:first-child img,
.schuhe.lexikon .schuhpflege .pflege-container-left-1 a:nth-child(2) img { float: none; width: 70%; }
.schuhe.lexikon .schuhpflege .pflege-container-right-2 a:first-child img,
.schuhe.lexikon .schuhpflege .pflege-container-right-2 a:nth-child(2) img { width: 48%; }
.schuhe.lexikon .aufbau { padding: 20px 6%; }
}

@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px) and (orientation : portrait) {
.strick img.hover-button { width: 162px; }
.teaser-seite .snip-hemden img.sale-badge.oben-links { left: 20px; top: -30px; }
}

@media only screen and (max-width: 550px) {
.fullwidth-container, .teaser-seite.herren div.fullwidth-section { height: 250px; }
h1.harman.white, h1.harman.white a { font-size: 45px; line-height: 135%; }
.herren h2.harman.white, .herren h2.harman.white a { font-size: 45px; line-height: 115%; }
h1.harman.white.subline a { font-size: 50px; }
h1.harman.white a span.sub { font-size: 18px; }
h1.harman.white.subline { padding-bottom: 20px; }
.guide-tweed { margin-top: 60px; }
.teaser-seite h2.upper, .teaser-seite h2.upper nobr, .teaser-seite h2.upper a { margin: 30px 0 25px 0; font-size: 26px; }
.teaser-seite p, .teaser-seite p a { font-size: 19px !important; }
img.sale-badge { width: 80px; }
img.sale-badge.oben-links { left: 25px; top: 15px; }
.teaser-seite .snip-hemden img.sale-badge.oben-links { left: 5px; top: -20px; }
.store .pressetext p.quelle { font-size: 16px !important; }
.teaser-seite img.hover-button, .snip img.hover-button { width: 100px; }
.teaser-seite img.hover-button.standard { left: 65%; width: 100px;}
.teaser-seite img.hover-button.rechts { right: 70%; }
.teaser-seite img.hover-button.mitte, .snip img.hover-button.mitte { top: calc(50% - 57px); left: calc(50% - 50px); }
.herren .tweed-schriftzug { width: 300px; margin-left: calc(50% - 150px); }
.tweed-schriftzug { width: 250px; margin-left: calc(50% - 125px); }
.tweed img.fitsize.fliege { width: 60%; margin-left: 30%; }
.tweed .hover-button.fliege { right: 63%; }
.tweed-damen img.fitsize.caps { width: 90%; margin: 30px 10% 0; }
.tweed-damen .hover-button.caps { left: 6%; bottom: 120px; }
.strick img.hover-button.strick-women,
.strick img.hover-button.pull-men { width: 100px; }
.strick img.hover-button.pull-men { top: 30%; right: 3%; }
.strick img.hover-button.pull-women { right: 5%; }
.strick img.hover-button.schal-muetze { right: 7%; }
.strick img.hover-button.cash-schals {right: 10%; }
.strick h1 img.schaf { margin: -20px auto 15px; }
.accessoires img.hover-button.standard.muetzen { left: 65%; }
.accessoires img.hover-button.traeger { top: -20%; }
.accessoires img.sale-badge.krawatten { left: 13%; top: -10px; }
.accessoires img.fitsize.socken, .damen img.fitsize.socken, .startseite img.fitsize.socken { width: 90%; margin-left: 5%; }
.teaser-seite img.sale_stoerer { width: 80px; margin-right: 15px; }
.schuhe img.hover-button { width: 80px; }
.schuhe img.hover-button.mitte.tiefer, .damen .sektion-schuhe img.hover-button.mitte.tiefer { width: 70px; top: calc(50% - 55px); left: calc(50% - 35px); }
.schuhe .row.wissen p { font-size: 17px !important; line-height: 120%; font-weight: 400; }
.schuhe .row.wissen p span.bold { font-size: 17px !important; }
.schuhe span.bold, .store span.bold { font-size: 19px !important; }
.schuhe img.hover-button.mitte { top: calc(50% - 40px); left: calc(50% - 40px); }
.schuhe img.schuhpflege {width: 120%; margin-left: -10%; }
.schuhe.teaser-seite h1.harman {font-size: 70px; }
.teaser-seite.schuhe span.sub { margin-top: -20px; font-size: 16px; }
.teaser-seite.schuhe.lexikon span.sub nobr { font-size: 16px; }
.schuhe h1 img.h1-sale-badge { width: 80px; margin: -10px 0 0 30px; }
.mehr-schuhe span.bold { font-size: 20px !important; }
.tweed-guide .schriftzug { margin-top: 5%; }
.tweed-guide h2.harman.white { font-size: 35px; }
.tweed-guide .label-text-section { width: 100%; margin-left: 0;}
.tweed-guide .row.tweed-labels.first { margin-top: 60px; }
.tweed-guide .lexikon-teaser p { padding: 0;}
.tweed-seite img.icon_pfeil_rechts { padding: 11px 0 0 0; }
/* img.sale-badge.oben-links { left: 10px; top: -20px; } */
.katalog-teaser { margin-top: -50px; }
.katalog-teaser .inner-container { max-width: 380px; }
.katalog-teaser img.katalog-text { max-width: 250px; margin: 0; }
.katalog-teaser p.katalog-text { max-width: 350px; font-size: 15px !important; margin: 60px 0 -40px; }
.katalog-teaser p.katalog-text.mobile { max-width: 350px; font-size: 13px !important; margin: 60px 0 -40px -20px; }
.teaser-seite h1.harman { font-size: 40px; }
.teaser-seite span.sub { font-size: 14px; letter-spacing: 1px; margin-top: 0; }
.tweed-seite .logo-link { margin-top: 60px; }
.tweed-seite .label-container img.img-label { max-width: 200px; margin: 15px 0 20px 0; }
.teaser-seite .header-font { margin-top: 20px; margin-bottom: 20px; }
.schuhe.lexikon h1.harman { font-size: 40px; line-height: 240%; }
.schuhe.lexikon .header-font { margin-top: 0; }
.schuhe.lexikon h3 { font-size: 22px; line-height: 155%; margin: 10px 0 15px 0; }
.schuhe.lexikon .schuhpflege .pflege-container-right-2 { text-align: center; }
.schuhe.lexikon .schuhpflege .pflege-container-right-2 a:first-child img,
.schuhe.lexikon .schuhpflege .pflege-container-right-2 a:nth-child(2) img { float: none; width: 70%; }
.schuhe.lexikon .aufbau img { margin: 20px 0 40px; }
.schuhe.lexikon .aufbau ul.aufbau-infos li:before { font-size: 18px;top: 2px; }
form.footer-newsletter .email-input { width: 96%; margin-right: 0; }
form.newsletter-mainpage .email-input { width: 100%; margin-right: 0; }
form.footer-newsletter .submit_container, form.newsletter-mainpage .submit_container { display: block; margin-top: 10px; width: 100%; }
.newsletter a.archiv-link { letter-spacing: 0px; font-size: 18px !important; }
.newsletter a.archiv-link span.date { font-size: 15px; }
.zilla.white{font-size: 95px;}
h1.harman.black.subline a { font-size: 60px; }
h1.harman.black, h1.harman.black a { font-size: 50px; }
.fullwidth-container.startseite::before, .fullwidth-container.damen::before, .fullwidth-container.herren::before, .fullwidth-container.tweed::before,
.fullwidth-container.tweed-damen::before, .fullwidth-container.tweed-herren::before { margin-top:145px; height: 105px; }
img.sale-badge.sale-tweed.herren-tweed { left: 10px; top: 10px; width: 80px; }
}

@media only screen and (max-width: 400px) {
.katalog-teaser .inner-container { max-width: 320px; }
.katalog-teaser p.katalog-text { font-size: 12px !important; }
.tweed-guide h2.harman.white { font-size: 30px; margin: 3% auto 50px; }
.katalog-teaser p.katalog-text.mobile { font-size: 11px !important; margin-left: -10px; }
}
@media only screen and (max-width: 330px) {
.strick h1.harman.strick { max-width: 100%; font-size: 50px; }
.strick h1.harman.strick span.sub { font-size: 23px; }
.strick h1.harman.strick span.sup { font-size: 14px; margin-bottom: 20px; }
.strick h1 img.schaf { margin: -10px auto 15px; }
}
@media only screen and (max-width: 300px) {
.katalog-teaser p.katalog-text.mobile { font-size: 9px !important; }
}