Description
@ Charset "utf-8";
@ Import url('//fonts.googleapis.com/css?family=Lato');
@ Import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
@ Import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);
@ Import '//fonts.googleapis.com/css?family=Roboto+Slab';
Körper {
Polsterung: 0px;
Breite: 100%;
Margin: 0px;
Schrift-familie: 'Montserrat', sans-serif;
}
. Halle {
Position: relative;
Schrift-familie: 'Montserrat', sans-serif;
Weiß-raum: normal;
Wort-wrap: brechen-wort;
}
. Halle. Hd-raum {
Raum: sowohl;
}
. Halle. Hd-wrap {
Breite: 100%;
}
. Halle. Hd-wrapcen {
Breite: 100%;
Text-align: center;
Polsterung: 0px;
Margin: 0px;
Position: relative;
Float: left;
}
. Halle. Mainholder {
Polsterung: 0px! Wichtig;
Margin: 0;
Breite: 100%;
Text-align: center;
Margin: 0px;
Float: left;
Hintergrund: url(//www.halldesigns.co.uk/clients/naughteesclothingltd/images/bglisting.jpg) top center keine-wiederholen;
Hintergrund-farbe: # fff;
}
. Halle. Hd-inhalt {
Breite: 1000px;
Marge: 20px auto;
Polsterung: 0px;
Hintergrund: transparent;
}
/* --- Gemeinsame und Standard --- <STARTEN */
. Halle # hd-header {
Breite: 100%;
Position: relative;
Margin: 0;
Polsterung: 0px;
Float: left;
}
. Halle. Hd-header {
Breite: 1000px;
Margin: 0 auto;
Polsterung: 0;
}
. Halle # hd-logo {
Farbe: #000;
Font-family: Arial, Helvetica, sans-serif;
Font-size: 14px;
Schrift-gewicht: bold;
Text-dekoration: keine;
Text-schatten: 0 5px 5px rgba(0, 0, 0, 0.32);
Margin-top: 5px;
Margin-bottom:0px;
}
. Halle # headerlinks {
Breite: 1000px;
Margin-bottom:30px;
Text-align:center;
}
. Halle # headerbox1, # headerbox2, # headerbox3, # headerbox4 {
Breite: 25%;
Float: left;
Padding-bottom:20px;
}
. Halle # headerbox1 ein, # headerbox2 ein, # headerbox3 ein, # headerbox4 eine {
Farbe: #000;
Text-dekoration: keine;
Schrift-familie: 'Lato', sans-serif! wichtig;
Font-size:18px;
/* Text-schatten:
-1px -1px 0 # fff,
1px -1px 0 # fff,
-1px 1px 0 # fff,
1px 1px 0 # fff; */
}
. Halle # headerbox1 a:hover, # headerbox2 a:hover, # headerbox3 a:hover, # headerbox4 a:hover {
Farbe: #900;
Text-dekoration: unterstreichen;
}
. Halle # hd-logo img {
Breite: 70%;
Höhe: auto;
}
/* --- Header --- <STARTEN */
. Halle. Hd-wrapcens {
Breite: 100%;
Text-align: center;
Margin: 0;
Polsterung: 0;
Float: left;
}
. Halle # hd-footer {
Breite: 1000px;
Polsterung: 0;
Position: relative;
Marge: 15px auto 0px;
}
. Halle # hd-footer # hd-copyright {
Farbe: # ed2024;
Schrift-familie: 'Lato', sans-serif! wichtig;
Font-size: 13px;
Schrift-gewicht: 300;
Margin: 0px 0px 40px;
Polsterung: 0;
Breite: 100%;
Text-align: center;
Text-dekoration: keine;
Float: left;
Brief-abstand: 1px;
}
. Halle # hd-danke {
Farbe: #000;
Schrift-familie: 'Lato', sans-serif! wichtig;
Font-size: 25px;
Text-transform: groß;
Brief-abstand: 1px;
}
. Halle # hd-footer # hd-copyright spanne {
Farbe: #000;
}
. Halle # imagegallery img {
Max-breite: 75%;
Margin-bottom:10px;
}
@ Media (max-breite: 800px) {
. Halle. Hd-header {
Breite: 100%;
}
. Halle # hd-logo {
Font-size: 100%;
Marge: 3% 0;
Breite: 100%;
Text-align:center;
}
. Halle # hd-logo img {
Breite: 50%;
Höhe: auto;
}
. Halle. Slogan {
Breite: 100%;
Hintergrund: keine;
Font-size: 100%;
Marge: 1% 0;
}
. Halle. Hd-inhalt {
Breite: 100%;
Marge: 2% 0;
}
. Halle # listingarea {
Breite: 100%;
}
. Halle. Hd-listingarea-box {
Breite: 100%;
Margin-bottom: 2%;
}
. Hd-listingarea-box. Nonepadding {
Breite: 100%;
}
. Halle. Hd-listinghead {
Float: none;
Linie-höhe: normal;
Polsterung: 2% 3%;
Breite: auto;
Text-align: center;
Margin-bottom: 0;
}
. Halle. Desc-headtitle {
Float: none;
Linie-höhe: normal;
Polsterung: 1% 3%;
Breite: auto;
Höhe: auto;
Text-align: left;
Margin-bottom: 0;
}
. Halle. Desc-rd {
Polsterung: 3% 5%;
Breite: 90%;
}
. Halle. Desc-text ul li {
Polsterung: 0 0 0 8%;
Breite: 93%;
}
. Halle. Desc-rd.desc-text img {
Breite: auto;
Max-breite: 100%;
}
. Halle. Hd-wrapcens {
}
. Halle # hd-footer {
Breite: 100%;
}
. Halle # hd-footer # hd-copyright {
Marge: 2% 0;
Polsterung: 0 1%;
Breite: 98%;
}
. Halle # headerlinks {
Breite: 100%;
Margin-bottom:30px;
Text-align:center;
}
. Halle # headerbox1, # headerbox2, # headerbox3, # headerbox4 {
Display: block;
Float: none;
Breite: 100%;
}
. Halle # imagegallery img {
Max-breite: 90%;
Margin-bottom:10px;
}
}
@ Media (max-breite: 500px) {
. Halle. Hd-header {
Breite: 100%;
}
. Halle # hd-logo {
Font-size: 100%;
Marge: 3% 0;
Breite: 100%;
Text-align:center;
}
. Halle. Slogan {
Breite: 100%;
Hintergrund: keine;
Font-size: 100%;
Marge: 1% 0;
}
. Halle. Hd-inhalt {
Breite: 100%;
Marge: 2% 0;
}
. Halle # listingarea {
Breite: 100%;
}
. Halle. Hd-listingarea-box {
Breite: 100%;
Margin-bottom: 2%;
}
. Halle. Hd-listingarea-box. Nonepadding {
Breite: 100%;
}
. Halle. Hd-listinghead {
Float: none;
Linie-höhe: normal;
Polsterung: 1% 3%;
Breite: auto;
Text-align: center;
Margin-bottom: 0;
}
. Halle # hd-logo img {
Breite: 80%;
Höhe: auto;
}
. Halle. Desc-headtitle {
Float: none;
Linie-höhe: normal;
Polsterung: 1% 3%;
Breite: auto;
Höhe: auto;
Text-align: left;
Margin-bottom: 0;
}
. Halle. Desc-rd {
Polsterung: 3% 5%;
Breite: 90%;
}
. Halle. Desc-text ul li {
Polsterung: 0 0 0 8%;
Breite: 93%;
}
. Halle. Desc-rd.desc-text img {
Breite: auto;
Max-breite: 100%;
}
. Halle. Hd-wrapcens {
}
. Halle # hd-footer {
Breite: 100%;
}
. Halle # hd-footer # hd-copyright {
Marge: 2% 0;
Polsterung: 0 1%;
Breite: 98%;
}
. Halle # headerlinks {
Breite: 100%;
Margin-bottom:30px;
Text-align:center;
}
. Halle # headerbox1, # headerbox2, # headerbox3, # headerbox4 {
Display: block;
Float: none;
Breite: 100%;
}
. Halle # imagegallery img {
Max-breite: 75%;
Margin-bottom:10px;
}
}
@ Media (max-breite: 400px) {
. Halle. Hd-header {
Breite: 100%;
}
. Halle # hd-logo {
Font-size: 100%;
Marge: 3% 0;
Breite: 100%;
Text-align:center;
}
. Halle # hd-logo img {
Breite: 90%;
Höhe: auto;
}
. Halle. Slogan {
Breite: 100%;
Hintergrund: keine;
Font-size: 100%;
Marge: 1% 0;
}
. Halle. Hd-inhalt {
Breite: 100%;
Marge: 2% 0;
}
. Halle # listingarea {
Breite: 100%;
}
. Halle. Hd-listingarea-box {
Breite: 100%;
Margin-bottom: 2%;
}
. Halle. Hd-listingarea-box. Nonepadding {
Breite: 100%;
}
. Halle. Hd-listinghead {
Float: none;
Linie-höhe: normal;
Polsterung: 2% 3%;
Breite: auto;
Text-align: center;
Margin-bottom: 0;
}
. Halle. Desc-headtitle {
Float: none;
Linie-höhe: normal;
Polsterung: 1% 3%;
Breite: auto;
Höhe: auto;
Text-align: left;
Margin-bottom: 0;
}
. Halle. Desc-rd {
Polsterung: 3% 5%;
Breite: 90%;
}
. Halle. Desc-text ul li {
Polsterung: 0 0 0 8%;
Breite: 93%;
}
. Halle. Desc-rd.desc-text img {
Breite: auto;
Max-breite: 100%;
}
. Halle. Hd-wrapcens {
}
. Halle # hd-footer {
Breite: 100%;
}
. Halle # hd-footer # hd-copyright {
Marge: 2% 0;
Polsterung: 0 1%;
Breite: 98%;
}
. Halle # headerlinks {
Breite: 100%;
Margin-bottom:30px;
Text-align:center;
}
. Halle # headerbox1, # headerbox2, # headerbox3, # headerbox4 {
Display: block;
Float: none;
Breite: 100%;
}
. Halle # imagegallery img {
Max-breite: 85%;
Margin-bottom:10px;
}
. Halle img {
Max-breite: 1000px;
}
@ Media (max-breite: 320px) {
. Halle. Hd-header {
Breite: 100%;
}
. Halle # hd-logo {
Font-size: 100%;
Marge: 3% 0;
Breite: 100%;
Text-align:center;
}
. Halle # hd-logo img {
Breite: 95%;
Höhe: auto;
}
. Halle. Slogan {
Breite: 100%;
Hintergrund: keine;
Font-size: 100%;
Marge: 1% 0;
}
. Halle. Hd-inhalt {
Breite: 100%;
Marge: 2% 0;
}
. Halle # listingarea {
Breite: 100%;
}
. Halle. Hd-listingarea-box {
Breite: 100%;
Margin-bottom: 2%;
}
. Halle. Hd-listingarea-box. Nonepadding {
Breite: 100%;
}
. Halle. Hd-listinghead {
Float: none;
Linie-höhe: normal;
Polsterung: 2% 3%;
Breite: auto;
Text-align: center;
Margin-bottom: 0;
}
. Halle. Desc-headtitle {
Float: none;
Linie-höhe: normal;
Polsterung: 1% 3%;
Breite: auto;
Höhe: auto;
Text-align: left;
Margin-bottom: 0;
}
. Halle. Desc-rd {
Polsterung: 3% 5%;
Breite: 90%;
}
. Halle. Desc-text ul li {
Polsterung: 0 0 0 8%;
Breite: 93%;
}
. Halle. Desc-rd.desc-text img {
Breite: auto;
Max-breite: 100%;
}
. Halle. Hd-wrapcens {
}
. Halle # hd-footer {
Breite: 100%;
}
. Halle # hd-footer # hd-copyright {
Marge: 2% 0;
Polsterung: 0 1%;
Breite: 98%;
}
. Halle # headerlinks {
Breite: 100%;
Margin-bottom:30px;
Text-align:center;
}
. Halle # headerbox1, # headerbox2, # headerbox3, # headerbox4 {
Display: block;
Float: none;
Breite: 100%;
}
. Halle # imagegallery img {
Max-breite: 75%;
Margin-bottom:10px;
}
}
