.align_baseline {
align-items: baseline;
}

.align_center {
color:#1A1A1A;
align-items: center;
}

.align_end {
align-items: flex-end;
}

.align_item_baseline {
align-self: baseline;
}

.align_item_center {
align-self: center;
}

.align_item_end {
align-self: flex-end;
}

.align_item_start {
align-self: flex-start;
}

.align_item_stretch {
align-self: stretch;
}

.align_start {
align-items: flex-start;
}

.align_stretch {
align-items: stretch;
}

.ArticleCatalogueText {
color:#0b1f42;
margin:0px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.ArticleCatalogueText {
font-size:0.8em;
line-height:1em;
width:100%;
}
}

@media screen and (max-width: 640px)
{
.ArticleCatalogueText {
font-size:0.8em;
line-height:1em;
width:100%;
}
}

.ArticleDescRegisterActiv {
background-color:#ececec;
color:#005f6a;
float:left;
font-size:1.333em;
height:1em;
padding-bottom:0.5em;
padding-left:1em;
padding-right:1em;
padding-top:0.5em;
position:relative;
text-transform:uppercase;
}

.ArticleDescRegisterStd {
color:#0b1f42;
float:left;
font-size:1.333em;
height:1em;
padding-bottom:0.5em;
padding-left:1em;
padding-right:1em;
padding-top:0.5em;
position:relative;
text-transform:uppercase;
Cursor:pointer;
}

.ArticleDetailCaption {
display:inline-block;
width:5em;
}

.ArticleDetailInfoDiv {
margin-top:1em;
position:relative;
width:24%;
float:left;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.ArticleDetailInfoDiv {
width:100%;
}
}

@media screen and (max-width: 640px)
{
.ArticleDetailInfoDiv {
width:100%;
}
}

.ArticleDetailPictureDiv {
width:35%;
float:left;

}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.ArticleDetailPictureDiv {
width:100%;
}
}

@media screen and (max-width: 640px)
{
.ArticleDetailPictureDiv {
width:100%;
}
}

.ArticleSelectionList {
position:relative;
width:73%;
Display:table;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.ArticleSelectionList {
width:100%;
}
}

@media screen and (max-width: 640px)
{
.ArticleSelectionList {
width:100%;
}
}

.BackButtonHover {
background-color:#808080;
background-repeat:no-repeat;
border-color:#808080;
border-style:solid;
border-width:1px;
color:#ffffff;
display:inline-block;
font-size:1em;
font-weight:200;
line-height:1em;
padding-bottom:0.5em;
padding-left:10px;
padding-right:10px;
padding-top:0.5em;
text-decoration:underline;
text-transform:uppercase;
font-family: 'Source Sans Pro', sans-serif;
Cursor: Pointer;
}

.BackButtonStandard {
background-color:#ececec;
background-repeat:no-repeat;
border-color:#ececec;
border-style:solid;
border-width:1px;
color:#606060;
display:inline-block;
font-size:1em;
font-weight:200;
line-height:1em;
margin-top:20px;
padding-bottom:0.5em;
padding-left:10px;
padding-right:10px;
padding-top:0.5em;
text-decoration:none;
text-transform:uppercase;
font-family: 'Source Sans Pro', sans-serif;

}

.background_size_contain {
background-size:contain!important;
}

.background_size_cover {
background-size:cover!important;
}

.base_box_sizing {
box-sizing:border-box;
}

.base_font_emily {
/* Eine Auswahl an Google Web-Fonts. Hinter den gewünschten Font !important schreiben - sollte nur immer hinter einem Font stehen. */
font-family: 'Roboto', sans-serif!important;
font-family: 'Cormorant Garamond', serif;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Gloria Hallelujah', cursive;
font-family: 'Kalam', cursive;
}

.base_font_shopmodern {
font-family: 'Source Sans Pro', sans-serif!important;
}

.base_standard {
font-weight:200;
margin:0;
padding:0;
}

.base_style {
background-color:#fff;
color:#000;
font-size:62.5%;
}

.BasketCurrancy {
display:table-cell;
position:relative;
width:3em;
}

.basketdesc {
display:table-cell;
float:left;
text-align:left;
vertical-align:middle;
}

.basketentry {
height:1em;
text-align:right;
width:3em;
}

.BasketLabel {
display:table-cell;
padding:0px;
position:relative;
width:20em;
}

.BasketPos {
position:relative;
width:100%;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.BasketPos {
float:left;
}
}

.BasketSum {
display:table-cell;
position:relative;
width:5em;
}

.basketvalue {
display:table-cell;
right:0px;
text-align:right;
}

.border_1px {
border-width:1px;
}

.border_corner_bottomleft_sl {
border-bottom-left-radius: 1.2em;
}

.border_corner_bottomleft_sm {
border-bottom-left-radius: 1em;
}

.border_corner_bottomleft_ss {
border-bottom-left-radius: 0.5em;
}

.border_corner_bottomleft_sxl {
border-bottom-left-radius: 1.5em;
}

.border_corner_bottomleft_sxs {
border-bottom-left-radius: 0.2em;
}

.border_corner_bottomleft_sxxl {
border-bottom-left-radius: 2em;
}

.border_corner_bottomright_sl {
border-bottom-right-radius: 1.2em;
}

.border_corner_bottomright_sm {
border-bottom-right-radius: 1em;
}

.border_corner_bottomright_ss {
border-bottom-right-radius: 0.5em;
}

.border_corner_bottomright_sxl {
border-bottom-right-radius: 1.5em;
}

.border_corner_bottomright_sxs {
border-bottom-right-radius: 0.2em;
}

.border_corner_bottomright_sxxl {
border-bottom-right-radius: 2em;
}

.border_corner_sl {
border-radius: 1.2em;
}

.border_corner_sm {
border-radius: 1em;
}

.border_corner_ss {
border-radius: 0.5em;
}

.border_corner_sxl {
border-radius: 1.5em;
}

.border_corner_sxs {
border-radius: 0.2em;
}

.border_corner_sxxl {
border-radius: 2em;
}

.border_corner_topleft_sl {
border-top-left-radius: 1.2em;
}

.border_corner_topleft_sm {
border-top-left-radius: 1em;
}

.border_corner_topleft_ss {
border-top-left-radius: 0.5em;
}

.border_corner_topleft_sxl {
border-top-left-radius: 1.5em;
}

.border_corner_topleft_sxs {
border-top-left-radius: 0.2em;
}

.border_corner_topleft_sxxl {
border-top-left-radius: 2em;
}

.border_corner_topright_sl {
border-top-right-radius: 1.2em;
}

.border_corner_topright_sm {
border-top-right-radius: 1em;
}

.border_corner_topright_ss {
border-top-right-radius: 0.5em;
}

.border_corner_topright_sxl {
border-top-right-radius: 1.5em;
}

.border_corner_topright_sxs {
border-top-right-radius: 0.2em;
}

.border_corner_topright_sxxl {
border-top-right-radius: 2em;
}

.border_dotted {
border-style:dotted;
}

.border_dotted_bottom {
border-bottom-style:dotted;
}

.border_dotted_left {
border-left-style:dotted;
}

.border_dotted_right {
border-right-style:dotted;
}

.border_dotted_top {
border-top-style:dotted;
}

.border_none {
border-width:0px;
}

.border_sl {
border-width:1.2em;
}

.border_sm {
border-width:1em;
}

.border_solid {
border-style:solid;
}

.border_solid_bottom {
border-bottom-style:solid;
}

.border_solid_left {
border-left-style:solid;
}

.border_solid_right {
border-right-style:solid;
}

.border_solid_top {
border-top-style:solid;
}

.border_srl {
border-width:1.2rem;
}

.border_srm {
border-width:1rem;
}

.border_srs {
border-width:0.5rem;
}

.border_srxl {
border-width:1.5rem;
}

.border_srxs {
border-width:0.2rem;
}

.border_srxxl {
border-width:2rem;
}

.border_ss {
border-width:0.5em;
}

.border_sxl {
border-width:1.5em;
}

.border_sxs {
border-width:0.2em;
}

.border_sxxl {
border-width:2em;
}

.breadcrump {
color:#0a1f42;
font-size:1em;
font-weight:100;
line-height:1em;
margin-bottom:1em;
margin-top:1em;
text-decoration:none;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.breadcrump {
font-size:1em;
line-height:1.333em;
}
}

@media screen and (max-width: 640px)
{
.breadcrump {
font-size:1em;
line-height:1.333em;
}
}

.ButtonDelete {
background-color:#ffffff;
background-position:left center;
background-repeat:no-repeat;
border-style:solid;
border-width:0px;
color:#0b1f42;
font-size:1em;
font-weight:200;
padding-bottom:0.111em;
padding-left:1.388em;
padding-right:0.417em;
padding-top:0.111em;
text-decoration:none;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/EntfernenBlau20x20px.png');
vertical-align:middle;
background-size: 1.250em 1.250em;
Cursor:pointer;
}

.ButtonToBasketFromLeaflet {
background-color:#ffffff;
background-position:left center;
background-repeat:no-repeat;
border-style:solid;
border-width:0px;
color:#0b1f42;
float:left;
font-size:1em;
font-weight:200;
height:1.778em;
padding-bottom:0.111em;
padding-left:1.388em;
padding-right:0.417em;
padding-top:0.111em;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/WarenkorbBlau20x20.png');
background-size: 1.250em 1.250em;
Cursor:pointer;

}

.ButtonToLeaflet {
background-position:left center;
background-repeat:no-repeat;
border-style:solid;
border-width:0px;
color:#0b1f42;
font-size:1em;
font-weight:200;
padding-bottom:0.111em;
padding-left:1.388em;
padding-right:0.417em;
padding-top:0.111em;
text-decoration:none;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/MerkzettelBlau20x20px.png');
vertical-align:middle;
background-size: 1.250em 1.250em;
Cursor:pointer;
}

.ButtonToLeafletHide {
background-position:left center;
background-repeat:no-repeat;
border-style:solid;
border-width:0px;
color:#0b1f42;
display:none;
font-size:1em;
font-weight:200;
padding-bottom:0.111em;
padding-right:0.417em;
padding-top:0.111em;
text-decoration:none;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/MerkzettelBlau20x20px.png');
vertical-align:middle;
background-size: 1.250em 1.250em;
Cursor:pointer;
}

.CatalogPictures {
margin:2%;
margin-top:1.11em;
width:30%;
border-style:none;
float:left;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.CatalogPictures {
margin-right:2%;
width:48%;
}
}

@media screen and (max-width: 640px)
{
.CatalogPictures {
margin-right:2%;
width:48%;
}
}

.CatalogPictures:nth-child(3n) {
margin-right:0px;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.CatalogPictures:nth-child(3n) {
margin-right:2%;
width:48%;
}
}

@media screen and (max-width: 640px)
{
.CatalogPictures:nth-child(3n) {
margin-right:2%;
width:48%;
}
}

.CatalogPicturesAnimal {
margin-top:1.11em;
width:15%;
border-style:none;
float:left;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.CatalogPicturesAnimal {
width:48%;
}
}

@media screen and (max-width: 640px)
{
.CatalogPicturesAnimal {
width:48%;
}
}

.CatalogPicturesSub {
background-color:#ececec;
float:left;
margin-right:5%;
margin-top:20px;
width:30%;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.CatalogPicturesSub {
margin-right:2%;
width:48%;
}
}

@media screen and (max-width: 640px)
{
.CatalogPicturesSub {
margin-right:2%;
width:48%;
}
}

.CatalogPicturesSub:nth-child(3n) {
margin-right:0px;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.CatalogPicturesSub:nth-child(3n) {
margin-right:2%;
}
}

@media screen and (max-width: 640px)
{
.CatalogPicturesSub:nth-child(3n) {
margin-right:2%;
}
}

.Celldesc {
display:table-cell;
padding-left:0.2em;
padding-right:0.2em;
position:relative;
width:20em;
vertical-align:top;
}

.CellPicture {
display:table-cell;
padding-left:0.278em;
padding-top:0.278em;
position:relative;
width:6em;
}

.CellPrices {
display:table-cell;
padding-left:0.2em;
padding-right:0.2em;
position:relative;
width:6em;
vertical-align:top;
text-align:right;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.CellPrices {
display:block;
padding-left:0em;
padding-right:0em;
width:100%;
}
}

@media screen and (max-width: 640px)
{
.CellPrices {
display:block;
padding-left:0em;
padding-right:0em;
width:100%;
}
}

.CellQuantity {
display:table-cell;
padding-left:0.2em;
padding-right:0.2em;
position:relative;
width:4em;
Display:table-cell;
vertical-align:top;
text-align:center;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.CellQuantity {
display:block;
padding-left:0em;
padding-right:0em;
width:100%;
text-align:right;
}
}

@media screen and (max-width: 640px)
{
.CellQuantity {
display:block;
padding-left:0em;
padding-right:0em;
width:100%;
text-align:right;
}
}

.CentredText {
text-align:center;
}

.color_bg_danger {
background-color:#CC3333;
}

.color_bg_hover {
background-color:#005f6a;
}

.color_bg_info {
background-color:#ffffff;
}

.color_bg_primary {
background-color:#0b1f42;
}

.color_bg_secondary {
background-color:#ececec;
}

.color_bg_success {
background-color:#00CC66;
}

.color_bg_warning {
background-color:#FFCC66;
}

.color_border_danger {
border-color:#cc3333;
}

.color_border_hover {
border-color:#005f6a;
}

.color_border_info {
border-color:#ffffff;
}

.color_border_primary {
border-color:#0b1f42;
}

.color_border_secondary {
border-color:#ececec;
}

.color_border_success {
border-color:#00cc66;
}

.color_border_warning {
border-color:#ffcc66;
}

.color_btn_danger {
background-color:#cc3333;
}

.color_btn_hover {
background-color:#005f6a;
}

.color_btn_info {
background-color:#ffffff;
}

.color_btn_primary {
background-color:#0b1f42;
}

.color_btn_secondary {
background-color:#ececec;
}

.color_btn_success {
background-color:#00cc66;
}

.color_btn_warning {
background-color:#ffcc66;
}

.color_line_danger {
color:#cc3333;
}

.color_line_hover {
color:#005f6a;
}

.color_line_info {
color:#ffffff;
}

.color_line_primary {
color:#0b1f42;
}

.color_line_secondary {
color:#ececec;
}

.color_line_success {
color:#00cc66;
}

.color_line_warning {
color:#ffcc66;
}

.color_text_danger {
color:#cc3333;
}

.color_text_hover {
color:#005f6a;
}

.color_text_info {
color:#ffffff;
}

.color_text_primary {
color:#0b1f42;
}

.color_text_secondary {
color:#ececec;
}

.color_text_success {
color:#00cc66;
}

.color_text_warning {
color:#ffcc66;
}

.cursor_pointer {
cursor: pointer;
}

.CustomerLogin {
background-repeat:no-repeat;
color:#0a1f42;
float:right;
font-size:1em;
font-weight:300;
line-height:1em;
margin-right:0px;
padding-bottom:0.88em;
padding-left:0.55em;
padding-right:0.55em;
padding-top:0.88em;
position:relative;
right:0px;
text-decoration:none;
text-transform:uppercase;
Cursor: pointer;
z-index:300;
}

.CustomerMenuBox {
background-color:#ffffff;
border-bottom-style:solid;
border-color:darkgrey;
border-left-style:solid;
border-right-style:solid;
border-width:1px;
padding:5%;
position:absolute;
right:0px;
top:2.77em;
width:17.5em;
z-index: 10000;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.CustomerMenuBox {
margin-bottom:50px;
padding:5%;
position:relative;
width:90%;
}
}

@media screen and (max-width: 640px)
{
.CustomerMenuBox {
background-color:#ffffff;
margin-bottom:50px;
padding:5%;
position:absolute;
top:2.76em;
width:90%;
}
}

.CustomerMenuEntryHover {
color:#808080;
font-size:1em;
font-weight:300;
line-height:1em;
text-decoration:underline;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.CustomerMenuEntryHover {
font-size:1em;
line-height:1.333em;
}
}

@media screen and (max-width: 640px)
{
.CustomerMenuEntryHover {
font-size:1em;
line-height:1.333em;
}
}

.CustomerMenuEntryStandard {
color:#0a1f42;
font-size:1em;
font-weight:300;
line-height:1em;
text-decoration:none;
}

.CustomerNewReg {
background-position:left center;
background-repeat:no-repeat;
color:#0a1f42;
font-size:1em;
font-weight:300;
line-height:1em;
padding-left:1.111em;
text-decoration:none;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Pfeil40x40.png');
background-size: Auto 100%;
}

.CustomerNewRegHover {
background-position:left center;
background-repeat:no-repeat;
color:#4d4d4d;
font-size:1em;
font-weight:300;
line-height:1em;
padding-left:1.111em;
text-decoration:underline;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/PfeilHover40x40.png');
Cursor: pointer;
background-size: Auto 100%;
}

.displayflex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content:space-between;
flex-wrap:wrap;

}

.DIVArticleCatPos {
width:100%;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.DIVArticleCatPos {
width:102%;
}
}

@media screen and (max-width: 640px)
{
.DIVArticleCatPos {
width:102%;
}
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.DIVFollowUsPos {
line-height:1.667em;
Display: inline-block;
vertical-align:middle;
float:left;
}
}

@media screen and (max-width: 640px)
{
.DIVFollowUsPos {
line-height:1.667em;
Display: inline-block;
vertical-align:middle;
float:left;
}
}

.DIVLogo {
height:7.277em;
width:15.388em;
}

@media screen and (max-width: 640px)
{
.DIVMenuLinePos {
float:left;
}
}

.DIVNewsletterFooter {
float:right;
position:relative;
right:0px;
width:390px;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.DIVNewsletterFooter {
width:100%;
}
}

@media screen and (max-width: 640px)
{
.DIVNewsletterFooter {
width:100%;
}
}

.DIVSearchPos {
float:left;
left:11.11em;
padding-left:0px;
position:relative;
max-width:22.22em;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.DIVSearchPos {
left:0px;
margin-bottom:0px;
margin-top:10px;
width:100%;
clear:both;
max-width: 100%;
}
}

@media screen and (max-width: 640px)
{
.DIVSearchPos {
left:0px;
margin-bottom:0px;
margin-top:10px;
width:100%;
clear:both;
max-width:100%
}
}

.DIVSocialMedia {
float:left;
height:Auto;
margin-right:2.778em;
width:200px;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.DIVSocialMedia {
width:100%;
Display:table-cell;
vertical-align:middle;
}
}

@media screen and (max-width: 640px)
{
.DIVSocialMedia {
width:100%;
}
}

.Dummy1em {
font-size:1.1em;
line-height:1.1em;
}

.EmbeddedLink {
color:#0a1f42;
font-weight:300;
text-decoration:none;
}

.EmbeddedLinkHover {
color:#4d4d4d;
font-weight:300;
text-decoration:underline;
}

.EntryFields {
font-size:1em;
height:1.8em;
line-height:1em;
width:20em;
}

.ErrorText {
color:#ff0000;
display:inline-block;
height:2em;
align:middle;
}

.FancyBoxGaleryPics {
text-decoration:none;
}

.FieldLabelsRegister {
color:#606060;
display:inline-block;
font-size:1em;
font-style:normal;
font-weight:200;
line-height:1em;
margin-top:0.5em;
text-align:left;
width:15em;
font-family: 'Source Sans Pro', sans-serif;
align:middle;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.FieldLabelsRegister {
display:inline-block;
width:100%;
}
}

@media screen and (max-width: 640px)
{
.FieldLabelsRegister {
display:inline-block;
width:100%;
}
}

.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

.flex_direction_updown {
flex-direction: column;
}

.flex_item_basis {
flex-basis: 100%;
}

.flex_item_grow1 {
flex-grow:1;
}

.flex_item_grow2 {
flex-grow:2;
}

.flex_item_grow3 {
flex-grow:3;
}

.flex_item_grow4 {
flex-grow:4;
}

.flex_item_grow5 {
flex-grow:5;
}

.flex_item_order_1 {
order: 1;
}

.flex_item_order_2 {
order: 2;
}

.flex_item_order_3 {
order: 3;
}

.flex_item_shrink1 {
flex-shrink:1;
}

.flex_item_shrink2 {
flex-shrink:2;
}

.flex_item_shrink3 {
flex-shrink:3;
}

.flex_item_shrink4 {
flex-shrink:4;
}

.flex_item_shrink5 {
flex-shrink:5;
}

.flex_nowrap {
flex-wrap:nowrap;
}

.flex_wrap {
flex-wrap:wrap;
}

.Flex-Container {
Display: Flex;
Flex-wrap:wrap;
justify-content: space-between;
}

.float_clear {
clear:both;
}

.float_left {
float:left;
}

.float_right {
float:right;
}

.font_decoration_no_underline {
text-decoration:none;
}

.font_decoration_strike {
text-decoration:line-through;
}

.font_decoration_underline {
text-decoration:underline;
}

.font_size_dyn {
font-size:18px;
}

.font_size_fix {
font-size:1.8rem;
}

.font_size_sl {
font-size:1.2em;
}

.font_size_sm {
font-size:1em;
}

.font_size_srl {
font-size:1.2rem;
}

.font_size_srm {
font-size:1rem;
}

.font_size_srs {
font-size:0.5rem;
}

.font_size_srxl {
font-size:1.5rem;
}

.font_size_srxs {
font-size:0.2rem;
}

.font_size_srxxl {
font-size:2rem;
}

.font_size_ss {
font-size:0.5em;
}

.font_size_sxl {
font-size:1.5em;
}

.font_size_sxs {
font-size:0.2em;
}

.font_size_sxxl {
font-size:2em;
}

.font_weight_200 {
font-weight:200;
}

.font_weight_300 {
font-weight:300;
}

.font_weight_bold {
font-weight:bold;
}

.font_weight_bolder {
font-weight:bolder;
}

.font_weight_lighter {
font-weight:lighter;
}

.FontSecurity {
font-size:1em;
line-height:1em;
margin:0px;
padding-top:20px;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.FontSecurity {
font-size:0.6em;
}
}

@media screen and (max-width: 640px)
{
.FontSecurity {
font-size:0.8em;
}
}

.FooterBlock {
background-color:#ffffff;
float:left;
height:10.55em;
padding:0.5%;
position:relative;
text-align:left;
width:30%;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.FooterBlock {
height:auto;
margin-right:0px;
padding:1%;
width:98%;
}
}

@media screen and (max-width: 640px)
{
.FooterBlock {
height:auto;
margin-right:0px;
padding:1%;
width:98%;
}
}

.FooterBlock2 {
background-color:#ffffff;
float:left;
height:10.55em;
margin-left:3.5%;
padding:0.5%;
position:relative;
text-align:left;
width:30%;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.FooterBlock2 {
float:left;
height:6em;
margin-left:0px;
margin-right:0px;
padding:1%;
width:48%;
}
}

@media screen and (max-width: 640px)
{
.FooterBlock2 {
height:6em;
margin-left:0px;
margin-right:0px;
padding:1%;
width:48%;
}
}

.FooterDIV {
max-width:1290px;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.FooterDIV {
width:100%;
}
}

@media screen and (max-width: 640px)
{
.FooterDIV {
width:100%;
}
}

.FooterLine {
border-bottom-style:solid;
border-bottom-width:1px;
border-color:#b1b1b1;
}

.ForgotPasswordHover {
color:#808080;
font-size:0.778em;
font-weight:300;
line-height:1em;
text-decoration:underline;
}

.ForgotPasswordStandard {
color:#0a1f42;
font-size:0.778em;
font-weight:300;
line-height:1em;
text-decoration:none;
}

.formListArticleGrid {
float:left;
margin-top:10px;
width:16em;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.formListArticleGrid {
margin-right:2%;
width:48%;
}
}

@media screen and (max-width: 640px)
{
.formListArticleGrid {
margin-right:2%;
width:48%;
}
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.formListArticleGrid:nth-child(2n) {
margin-right:0px;
}
}

@media screen and (max-width: 640px)
{
.formListArticleGrid:nth-child(2n) {
margin-right:0px;
}
}

.formListArticleGrid:nth-child(4n) {
margin-right:0px;
}

.formListArticleList {
margin-top:10px;
width:100%;
}

.FromBasketToLeafletEntry {
color:#0b1f42;
height:1em;
margin-right:0.5em;
text-align:right;
width:3em;
}

.FromBasketToLeafletLabel {
color:#0b1f42;
text-align:left;
text-align:bottom;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.FromBasketToLeafletLabel {
font-size:2em;
}
}

.Galery {
height:22.22em;
margin-top:-1em;
position:relative;
width:8%;
Overflow: auto;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.Galery {
height:4em;
padding-top:0.278em;
width:100%;
}
}

@media screen and (max-width: 640px)
{
.Galery {
height:4em;
padding-top:0.278em;
width:100%;
}
}

.GaleryMainPic {
border-width:0px;
margin-right:0.5em;
position:relative;
width:91%;
float:left;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.GaleryMainPic {
margin-right:0em;
width:100%;
}
}

@media screen and (max-width: 640px)
{
.GaleryMainPic {
margin-right:0em;
width:100%;
}
}

.GaleryPicture {
border-width:0px;
height:2.777em;
margin-bottom:0.5em;
width:2.777em;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.GaleryPicture {
margin-bottom:0em;
}
}

@media screen and (max-width: 640px)
{
.GaleryPicture {
margin-bottom:0em;
}
}

.GreenCheck {
background-position:left center;
background-repeat:no-repeat;
display:inline-block;
margin-bottom:0.2em;
margin-top:0.2em;
padding-left:1.5em;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/GreenCheck.png');
align:middle;
background-size: 1em 1em;
vertical-align:middle;
}

.GreenText {
color:#006600;
font-weight:bold;
}

.grid_1 {
width:calc(100% / 12 * 1);
}

.grid_10 {
width:calc(100% / 12 * 10);
}

.grid_11 {
width:calc(100% / 12 * 11);
}

.grid_12 {
width:calc(100% / 12 * 12);
}

.grid_2 {
width:calc(100% / 12 * 2);
}

.grid_3 {
width:calc(100% / 12 * 3);
}

.grid_4 {
width:calc(100% / 12 * 4);
}

.grid_5 {
width:calc(100% / 12 * 5);
}

.grid_6 {
width:calc(100% / 12 * 6);
}

.grid_7 {
width:calc(100% / 12 * 7);
}

.grid_8 {
width:calc(100% / 12 * 8);
}

.grid_9 {
width:calc(100% / 12 * 9);
}

.Head {
font-size:1.333em;
font-weight:bold;
line-height:1.333em;
text-align:center;
text-transform:uppercase;
}

.HeaderAssembly {
background-position:left center;
background-repeat:no-repeat;
color:#333333;
float:left;
font-size:1em;
font-weight:300;
line-height:1em;
margin-left:0.278em;
margin-top:0.389em;
padding-left:2.222em;
padding-right:0.556em;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Schraubenschluessel30x30.png');
background-size: 1.667em 1.667em;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.HeaderAssembly {
font-size:0.6em;
}
}

@media screen and (max-width: 640px)
{
.HeaderAssembly {
font-size:0.8em;
}
}

.HeaderDelivery {
background-position:left center;
background-repeat:no-repeat;
color:#333333;
float:left;
font-size:1em;
font-weight:300;
line-height:1em;
margin-left:0.278em;
margin-top:0.389em;
padding-left:2.222em;
padding-right:0.556em;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/LKW30x30.png');
background-size: 1.667em 1.667em;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.HeaderDelivery {
font-size:0.6em;
}
}

@media screen and (max-width: 640px)
{
.HeaderDelivery {
font-size:0.8em;
}
}

.HeaderPhone {
background-position:left center;
background-repeat:no-repeat;
color:#606060;
font-size:1.333em;
font-weight:300;
line-height:1em;
margin:0.208em;
padding-bottom:0.250em;
padding-left:2.333em;
padding-top:0.208em;
text-align:left;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Phone30x30.png');
background-size: 1.250em 1.250em;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.HeaderPhone {
margin-bottom:0px;
margin-right:0px;
padding-bottom:10px;
}
}

@media screen and (max-width: 640px)
{
.HeaderPhone {
margin-bottom:0px;
margin-right:0px;
padding-bottom:10px;
}
}

.HeaderQuarantee {
background-position:left center;
background-repeat:no-repeat;
color:#333333;
float:left;
font-size:1em;
font-weight:300;
line-height:1em;
margin-left:0.278em;
margin-top:0.389em;
padding-left:2.222em;
padding-right:0.556em;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Step6g.png');
background-size: 1.667em 1.667em;
}

.HeaderReturn {
background-position:left center;
background-repeat:no-repeat;
color:#606060;
float:left;
font-size:1em;
font-weight:300;
line-height:1em;
margin-left:0.278em;
margin-top:0.389em;
padding-left:2.222em;
padding-right:0.556em;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Pfeile30x30.png');
background-size: 1.667em 1.667em;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.HeaderReturn {
font-size:0.6em;
}
}

@media screen and (max-width: 640px)
{
.HeaderReturn {
font-size:0.8em;
}
}

.HeaderSales {
background-position:left center;
background-repeat:no-repeat;
color:#333333;
float:left;
font-size:1em;
font-weight:300;
line-height:1em;
margin-left:0.278em;
margin-top:0.389em;
padding-left:2.222em;
padding-right:0.556em;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Werksverkauf_grau.png');
background-size: 1.667em 1.667em;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.HeaderSales {
font-size:0.6em;
}
}

@media screen and (max-width: 640px)
{
.HeaderSales {
font-size:0.8em;
}
}

.HeaderTel {
background-position:left center;
background-repeat:no-repeat;
color:#333333;
float:left;
font-size:1em;
font-weight:300;
line-height:1em;
margin-left:0.278em;
margin-top:0.389em;
padding-left:2.222em;
padding-right:0.556em;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Phone30x30.png');
background-size: 1.667em 1.667em;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.HeaderTel {
font-size:0.6em;
}
}

@media screen and (max-width: 640px)
{
.HeaderTel {
font-size:0.8em;
}
}

.HeaderText {
color:#606060;
font-size:1.667em;
font-weight:bold;
line-height:1em;
}

.hide {
display:none;
}

.HideByDesktop {
display:none;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.HideByDesktop {
display:inline;
}
}

@media screen and (max-width: 640px)
{
.HideByDesktop {
display:inline;
}
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.HideByDevice {
display:none;
}
}

@media screen and (max-width: 640px)
{
.HideByDevice {
display:none;
}
}

.HorizontaleLinie {
border-bottom-style:solid;
border-bottom-width:1px;
border-top-style:solid;
border-top-width:0px;
color:#ececec;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.HorizontaleLinie {
border-bottom-width:3px;
}
}

@media screen and (max-width: 640px)
{
.HorizontaleLinie {
border-bottom-width:3px;
}
}

.ImageLink {
border-style:solid;
border-width:0px;
}

.imgSliderTrans {
background-position:center center;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.imgSliderTrans {
opacity:1;
}
}

@media screen and (max-width: 640px)
{
.imgSliderTrans {
opacity:1;
}
}

.inlineblock {
display:inline-block;
}

.input_outline_none:focus {
outline:none;
}

.justify_center {
justify-content: center;
}

.justify_end {
justify-content: flex-end;
}

.justify_spacearound {
justify-content:space-around;
}

.justify_spacebetween {
justify-content:space-between;
}

.justify_spaceevenly {
justify-content:space-evenly;
}

.justify_start {
justify-content: flex-start;
}

.KeepLoggedInCheckbox {
color:#0a1f42;
font-size:0.778em;
font-weight:300;
height:1em;
line-height:1em;
margin-top:1em;
width:1em;
}

.KeepLoggedInText {
color:#0a1f42;
font-size:0.778em;
font-weight:300;
line-height:1em;
margin-top:1em;
}

.Kursiv {
font-size:1em;
font-style:italic;
font-weight:200;
line-height:1em;
text-transform:none;
}

.LabelChangeAddress {
background-position:left center;
background-repeat:no-repeat;
color:#0b1f42;
display:inline-block;
padding-left:1.2em;
text-decoration:none;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Stift12x12.png');
background-size: 1.1em 1.1em;
vertical-align:middle;
}

.LabelChangeAddressMouseOver {
background-position:left center;
background-repeat:no-repeat;
color:#808080;
display:inline-block;
padding-left:1.2em;
text-decoration:underline;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/StiftMouseOver12x12.png');
background-size: 1.1em 1.1em;
vertical-align:middle;
}

.LeftMenuMain {
color:#0b1f42;
font-size:1.333em;
line-height:1.2em;
margin:0px;
padding:0px;
text-decoration:none;
width:100%;
}

.LeftMenuMainActiv {
background-color:#ececec;
color:#808080;
font-weight:bold;
margin-top:0.5em;
padding-left:1em;
text-decoration:none;
list-style-type:none;
}

.LeftMenuMainLink {
background-color:#ececec;
color:#0b1f42;
text-decoration:none;
}

.LeftMenuMainText {
background-color:#ececec;
color:#0b1f42;
line-height:1.5em;
margin-top:0.5em;
padding-left:1em;
text-decoration:none;
list-style-type:none;
}

.LeftMenuSub {
background-color:#ececec;
color:#0b1f42;
font-size:1em;
font-weight:300;
line-height:1em;
margin:0px;
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
padding-top:10px;
text-decoration:none;
}

.LeftMenuSubActiv {
background-color:#ececec;
color:#808080;
font-weight:bold;
line-height:1.2;
text-decoration:none;
}

.LeftMenuSubActiv:before {
background-color:#ececec;
color:#005f6a;
font-weight:bold;
text-decoration:none;
text-transform:capitalize;
content: ">" " ";
}

.LeftMenuSubLink {
background-color:#ececec;
color:#0b1f42;
font-size:80%;
text-decoration:none;
}

.LeftMenuSubText {
background-color:#ececec;
color:#0b1f42;
font-size:0.9em;
line-height:1.2em;
text-decoration:none;
}

.LeftMenuSubText:before {
background-color:#ececec;
color:#0b1f42;
text-decoration:none;
text-transform:capitalize;
content: ">" " ";

}

.line_broken_s1 {
border-bottom-style:dashed;
border-bottom-width:1px;
border-left-width:0px;
border-right-width:0px;
border-top-style:solid;
border-top-width:0px;
}

.line_double_s1 {
border-bottom-style:double;
border-bottom-width:4px;
border-left-width:0px;
border-right-width:0px;
border-top-style:solid;
border-top-width:0px;
}

.line_s1 {
border-bottom-style:solid;
border-bottom-width:1px;
border-top-style:solid;
border-top-width:0px;
}

.line_sxs {
border-bottom-style:solid;
border-bottom-width:0.2em;
border-top-style:solid;
border-top-width:0px;
}

.LinkPicture30px {
border-width:0px;
height:1.667em;
width:1.667em;
}

.LinkSelection {
color:#0a1f42;
font-weight:300;
margin-bottom:0.5em;
margin-left:0.5em;
margin-right:0.5em;
margin-top:0.5em;
text-decoration:none;
}

.LinkWithout {
color:#ffffff;
text-decoration:none;
}

.LinkWithoutNote {
color:inherit;
text-decoration:none;
}

.list_style_none {
list-style-type:none;
}

.ListNavigationActiv {
background-color:#0b1f42;
color:#ececec;
font-size:1em;
height:2em;
line-height:1em;
padding-left:0.5em;
padding-right:0.5em;
text-decoration:none;
width:2em;
}

.ListNavigationStandard {
background-color:#ececec;
color:#0b1f42;
font-size:1em;
height:2em;
line-height:1em;
padding-left:0.5em;
padding-right:0.5em;
text-decoration:none;
width:2em;
}

.LiveSucheContainer {
background-color:#eee;
padding:5px;
position:absolute;
top:2.77em;
width:20em;
z-index: 1000000;
min-height: 50px;
}

.LoginButtonHover {
background-color:#808080;
background-repeat:no-repeat;
border-color:#808080;
border-style:solid;
border-width:1px;
color:#ffffff;
display:inline-block;
font-size:1em;
font-weight:200;
line-height:1em;
padding-bottom:0.5em;
padding-left:10px;
padding-right:10px;
padding-top:0.5em;
text-decoration:underline;
text-transform:uppercase;
font-family: 'Source Sans Pro', sans-serif;
Cursor: Pointer;
}

.LoginButtonNoMargin {
background-color:#0b1f42;
background-repeat:no-repeat;
border-color:#0b1f42;
border-style:solid;
border-width:1px;
color:#ffffff;
display:inline-block;
font-size:1em;
font-weight:200;
line-height:1em;
padding-bottom:0.5em;
padding-left:10px;
padding-right:10px;
padding-top:0.5em;
text-decoration:none;
text-transform:uppercase;
font-family: 'Source Sans Pro', sans-serif;

}

.LoginButtonStandard {
background-color:#0b1f42;
background-repeat:no-repeat;
border-color:#0b1f42;
border-style:solid;
border-width:1px;
color:#ffffff;
display:inline-block;
font-size:1em;
font-weight:200;
line-height:1em;
margin-top:20px;
padding-bottom:0.5em;
padding-left:10px;
padding-right:10px;
padding-top:0.5em;
text-decoration:none;
text-transform:uppercase;
font-family: 'Source Sans Pro', sans-serif;

}

.LoginEntry {
background-color:#ececec;
border-color:#0b1f42;
border-style:solid;
border-width:1px;
color:#606060;
font-size:1em;
font-style:italic;
font-weight:200;
line-height:1em;
width:99%;
font-family: 'Source Sans Pro', sans-serif;
vertical-align:middle;
}

.LogoffHover {
background-color:#ffffff;
background-position:left center;
background-repeat:no-repeat;
border-width:0px;
color:#808080;
font-size:1em;
font-weight:300;
line-height:1em;
padding-left:25px;
text-decoration:underline;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Abmelden20x20.png');
Cursor: pointer;
}

.LogoffStandard {
background-color:#ffffff;
background-position:left center;
background-repeat:no-repeat;
border-width:0px;
color:#0a1f42;
font-size:1em;
font-weight:300;
line-height:1em;
margin-top:20px;
padding-left:1.389em;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Abmelden20x20.png');
background-size: Auto 100%;
}

.main_div {
margin-left:auto;
margin-right:auto;
max-width:126rem;
}

.MainDIV {
position:relative;
top:0px;
margin:Auto;
text-align:left;
max-width:1250px;
/*min-width:520px;*/
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.MainDIV {
width:99%;
}
}

@media screen and (max-width: 640px)
{
.MainDIV {
width:99%;
}
}

.MainNavHover {
background-color:#808080;
background-repeat:no-repeat;
color:#ffffff;
padding-bottom:11px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-decoration:underline;
text-transform:uppercase;
Display:table-cell;
Cursor: Pointer;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.MainNavHover {
padding-left:2%;
padding-right:0px;
text-decoration:none;
width:98%;
}
}

@media screen and (max-width: 640px)
{
.MainNavHover {
padding-left:2%;
padding-right:0px;
text-decoration:none;
width:98%;
}
}

.MainNavMenu {
background-color:#0b1f42;
margin:0px;
padding:0px;
width:100%;
float:left;
z-index:100;

}

.MainNavStandard {
background-color:#0b1f42;
background-repeat:no-repeat;
color:#ffffff;
font-size:1.333em;
font-weight:300;
line-height:1em;
padding-bottom:11px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-decoration:none;
text-transform:uppercase;
float:left;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.MainNavStandard {
padding-left:2%;
padding-right:0px;
width:98%;
}
}

@media screen and (max-width: 640px)
{
.MainNavStandard {
padding-left:2%;
padding-right:0px;
width:98%;
}
}

.MainNavSubEntryBlock {
background-color:#808080;
background-repeat:no-repeat;
border-color:#808080;
border-width:0px;
color:#ffffff;
font-size:1em;
font-weight:200;
left:0px;
line-height:1.167em;
padding:10px;
position:absolute;
text-decoration:none;
text-transform:uppercase;
Cursor: Pointer;
z-index:100;
opacity: 0.7;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.MainNavSubEntryBlock {
position:relative;
}
}

@media screen and (max-width: 640px)
{
.MainNavSubEntryBlock {
position:relative;
}
}

.MainNavText {
color:#ffffff;
text-decoration:none;
}

.MainNavTextSub {
font-weight:300;
padding-top:5%;
}

.MainNavTextSubHover {
text-decoration:underline;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.MainNavTextSubHover {
text-decoration:none;
}
}

@media screen and (max-width: 640px)
{
.MainNavTextSubHover {
text-decoration:none;
}
}

.margin_bottom_sl {
margin-bottom:1.2em;
}

.margin_bottom_sm {
margin-bottom:1em;
}

.margin_bottom_ss {
margin-bottom:0.5em;
}

.margin_bottom_sxl {
margin-bottom:1.5em;
}

.margin_bottom_sxs {
margin-bottom:0.2em;
}

.margin_bottom_sxxl {
margin-bottom:2em;
}

.margin_left_sl {
margin-left:1.2em;
}

.margin_left_sm {
margin-left:1em;
}

.margin_left_ss {
margin-left:0.5em;
}

.margin_left_sxl {
margin-left:1.5em;
}

.margin_left_sxs {
margin-left:0.2em;
}

.margin_left_sxxl {
margin-left:2em;
}

.margin_negleft_sl {
margin-left:-1.2em;
}

.margin_negleft_sm {
margin-left:-1em;
}

.margin_negleft_ss {
margin-left:-0.5em;
}

.margin_negleft_sxl {
margin-left:-1.5em;
}

.margin_negleft_sxs {
margin-left:-0.2em;
}

.margin_negleft_sxxl {
margin-left:-2em;
}

.margin_right_sl {
margin-right:1.2em;
}

.margin_right_sm {
margin-right:1em;
}

.margin_right_ss {
margin-right:0.5em;
}

.margin_right_sxl {
margin-right:1.5em;
}

.margin_right_sxs {
margin-right:0.2em;
}

.margin_right_sxxl {
margin-right:2em;
}

.margin_sl {
margin:1.2em;
}

.margin_sm {
margin:1em;
}

.margin_ss {
margin:0.5em;
}

.margin_sxl {
margin:1.5em;
}

.margin_sxs {
margin:0.2em;
}

.margin_sxxl {
margin:2em;
}

.margin_top_sl {
margin-top:1.2em;
}

.margin_top_sm {
margin-top:1em;
}

.margin_top_ss {
margin-top:0.5em;
}

.margin_top_sxl {
margin-top:1.5em;
}

.margin_top_sxs {
margin-top:0.2em;
}

.margin_top_sxxl {
margin-top:2em;
}

.MenuMobileImg {
right:0px;
}

@media screen and (max-width: 640px)
{
.MenuMobileImg {
height:50%;
margin-left:50%;
width:50%;
}
}

.noSpace-P {
margin:0px;
padding:0px;
}

.opacity_100 {
opacity: 0;
}

.opacity_20 {
opacity: 0.8;
}

.opacity_50 {
opacity: 0.5;
}

.opacity_80 {
opacity: 0.2;
}

.overflow_hidden {
overflow: hidden;
}

.overflow_hidden_scroll {
overflow-x: hidden;
overflow-y: scroll;
}

.overflow_scroll_hidden {
overflow-x: scroll;
overflow-y: hidden;
}

.padding_bottom_sl {
padding-bottom:1.2em;
}

.padding_bottom_sm {
padding-bottom:1em;
}

.padding_bottom_ss {
padding-bottom:0.5em;
}

.padding_bottom_sxl {
padding-bottom:1.5em;
}

.padding_bottom_sxs {
padding-bottom:0.2em;
}

.padding_bottom_sxxl {
padding-bottom:2em;
}

.padding_left_sl {
padding-left:1.2em;
}

.padding_left_sm {
padding-left:1em;
}

.padding_left_ss {
padding-left:0.5em;
}

.padding_left_sxl {
padding-left:1.5em;
}

.padding_left_sxs {
padding-left:0.2em;
}

.padding_left_sxxl {
padding-left:2em;
}

.padding_right_sl {
padding-right:1.2em;
}

.padding_right_sm {
padding-right:1em;
}

.padding_right_ss {
padding-right:0.5em;
}

.padding_right_sxl {
padding-right:1.5em;
}

.padding_right_sxs {
padding-right:0.2em;
}

.padding_right_sxxl {
padding-right:2em;
}

.padding_sl {
padding:1.2em;
}

.padding_sm {
padding:1em;
}

.padding_ss {
padding:0.5em;
}

.padding_sxl {
padding:1.5em;
}

.padding_sxs {
padding:0.2em;
}

.padding_sxxl {
padding:2em;
}

.padding_top_sl {
padding-top:1.2em;
}

.padding_top_sm {
padding-top:1em;
}

.padding_top_ss {
padding-top:0.5em;
}

.padding_top_sxl {
padding-top:1.5em;
}

.padding_top_sxs {
padding-top:0.2em;
}

.padding_top_sxxl {
padding-top:2em;
}

.PageMenuFooter {
margin:0px;
padding:0px;
}

.pic_btn_arrow_blue {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Pfeil40x40.png');
background-size: 1.250em 1.250em;
}

.pic_btn_basket_blue {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/WarenkorbBlau20x20.png');
background-size: 1.250em 1.250em;
}

.pic_btn_basket_white {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Warenkorb30x30.png');
background-size: 1.250em 1.250em;
}

.pic_btn_basket2_grey {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Shopping-Basket-grey.png');
background-size: 1.250em 1.250em;
}

.pic_btn_basket2_white {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Shopping-Basket2.png');
background-size: 1.250em 1.250em;
}

.pic_btn_bottom {
background-position:center bottom;
background-repeat:no-repeat;
}

.pic_btn_center {
background-position:center center;
background-repeat:no-repeat;
}

.pic_btn_check_green {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/GreenCheck.png');
background-size: 1.250em 1.250em;
}

.pic_btn_checked_blue {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Checked20x20.png');
background-size: 1.250em 1.250em;
}

.pic_btn_close_grey {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Einklappen.png');
background-size: 1.250em 1.250em;
}

.pic_btn_exchange_grey {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Document-Exchange32x32.png');
background-size: 1.250em 1.250em;
}

.pic_btn_left {
background-position:left center;
background-repeat:no-repeat;
}

.pic_btn_left_ss {
background-position:0.5em center;
}

.pic_btn_magnifier_blue {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Lupe30x30.png');
background-size: 1.250em 1.250em;
}

.pic_btn_magnifier_white {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Search.png');
background-size: 1.250em 1.250em;
}

.pic_btn_note_blue {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/MerkzettelBlau20x20px.png');
background-size: 1.250em 1.250em;
}

.pic_btn_note_grey {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/MerkzettelGrau30x30.png');
background-size: 1.250em 1.250em;
}

.pic_btn_open_grey {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Ausklappen_1.png');
background-size: 1.250em 1.250em;
}

.pic_btn_paddingleft {
padding-left:1.5em;
}

.pic_btn_paddingleft_ss {
padding-left:2.0em;
}

.pic_btn_pencil_blue {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Stift12x12.png');
background-size: 1.250em 1.250em;
}

.pic_btn_phone {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Phone30x30.png');
background-size: 1.250em 1.250em;
}

.pic_btn_remember_blue {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/RememberLater.png');
background-size: 1.250em 1.250em;
}

.pic_btn_right {
background-position:right center;
background-repeat:no-repeat;
}

.pic_btn_switchoff {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Abmelden20x20.png');
background-size: 1.250em 1.250em;
}

.pic_btn_trash_grey {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Garbage-Open32x32.png');
background-size: 1.250em 1.250em;
}

.pic_btn_unchecked_blue {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Unchecked20x20.png');
background-size: 1.250em 1.250em;
}

.pic_btn_upload_grey {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Document-Upload32x32.png');
background-size: 1.250em 1.250em;
}

.pic_btn_upload_white {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Document-UploadWhite32x32.png');
background-size: 1.250em 1.250em;
}

.pic_btn_x_blue {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/EntfernenBlau20x20px.png');
background-size: 1.250em 1.250em;
}

.pic_btn_x_white {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/ClearFilterWhite20x20.png');
background-size: 1.250em 1.250em;
}

.position_absolute {
position:absolute;
}

.position_bottom {
bottom:0px;
left:0px;
right:0px;
}

.position_bottom_none {
bottom:0px;
}

.position_height_100 {
height:100%;
}

.position_height_10em {
height:10em;
}

.position_height_5em {
height:5em;
}

.position_height_sl {
height:1.2em;
}

.position_height_sm {
height:1em;
}

.position_height_ss {
height:0.5em;
}

.position_height_sxl {
height:1.5em;
}

.position_height_sxs {
height:0.2em;
}

.position_height_sxxl {
height:2em;
}

.position_left_none {
left:0px;
}

.position_none {
bottom:0px;
left:0px;
right:0px;
top:0px;
}

.position_relative {
position:relative;
}

.position_right_none {
right:0px;
}

.position_top_none {
top:0px;
}

.position_top_sxl {
top:1.5em;
}

.position_width_10em {
width:10em;
}

.position_width_20em {
width:20em;
}

.position_width_30em {
width:30em;
}

.position_width_5em {
width:5em;
}

.position_width_none {
width:0px;
}

.position_width_sl {
width:1.2em;
}

.position_width_sm {
width:1em;
}

.position_width_ss {
width:0.5em;
}

.position_width_sxl {
width:1.5em;
}

.position_width_sxs {
width:0.2em;
}

.position_width_sxxl {
width:2em;
}

.position_zindex_100 {
z-index:100;
}

.position_zindex_10000 {
z-index:10000;
}

.PriceBold {
font-weight:bold;
}

.PriceBoldBig {
font-size:1.333em;
font-weight:200;
}

.PrimaryButtonBasket {
background-color:#0b1f42;
background-position:left center;
background-repeat:no-repeat;
border-color:#0b1f42;
border-style:solid;
border-width:5px;
color:#ffffff;
font-size:1.333em;
font-weight:200;
padding-bottom:0.333em;
padding-left:1.667em;
padding-right:0.417em;
padding-top:0.333em;
text-decoration:none;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Warenkorb30x30.png');
Display:table-cell;
vertical-align:middle;
background-size: 1.250em 1.250em;
}

.PrimaryButtonBasketHover {
background-color:#808080;
background-position:left center;
background-repeat:no-repeat;
border-color:#808080;
border-style:solid;
border-width:5px;
color:#ffffff;
font-size:1.333em;
font-weight:200;
padding-bottom:0.333em;
padding-left:1.667em;
padding-right:0.417em;
padding-top:0.333em;
text-decoration:underline;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Warenkorb30x30.png');
Cursor: Pointer;
background-size: 1.250em 1.250em;
}

.PrimaryButtonNewsletter {
background-color:#0b1f42;
background-position:left center;
background-repeat:no-repeat;
border-color:#0b1f42;
border-style:solid;
border-width:5px;
color:#ffffff;
font-size:1.333em;
font-weight:200;
padding-bottom:0.333em;
padding-left:0.417em;
padding-right:0.417em;
padding-top:0.333em;
text-decoration:none;
text-transform:uppercase;
Display:table-cell;
vertical-align:middle;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.PrimaryButtonNewsletter {
padding-left:0.1em;
padding-right:0.1em;
}
}

@media screen and (max-width: 640px)
{
.PrimaryButtonNewsletter {
padding-left:0.1em;
padding-right:0.1em;
}
}

.PrimaryButtonNewsletterHover {
background-color:#808080;
background-position:left center;
background-repeat:no-repeat;
border-color:#808080;
border-style:solid;
border-width:5px;
color:#ffffff;
font-size:1.333em;
font-weight:200;
padding-bottom:0.333em;
padding-left:0.417em;
padding-right:0.417em;
padding-top:0.333em;
text-decoration:underline;
text-transform:uppercase;
Cursor: Pointer;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.PrimaryButtonNewsletterHover {
padding-left:0.1em;
padding-right:0.1em;
}
}

@media screen and (max-width: 640px)
{
.PrimaryButtonNewsletterHover {
padding-left:0.1em;
padding-right:0.1em;
}
}

.ProductSearchLink {
color:#4d4d4d;
text-decoration:none;
}

.RatingStars {
height:1em;
width:1em;
}

.RedText {
color:#990000;
font-weight:bold;
}

.RegFormCustomer {
display:table-cell;
width:60%;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.RegFormCustomer {
display:inline-block;
margin-bottom:1em;
width:100%;
}
}

@media screen and (max-width: 640px)
{
.RegFormCustomer {
display:inline-block;
margin-bottom:1em;
width:100%;
}
}

.RegKeepLoggedInCheckbox {
color:#0a1f42;
font-size:0.778em;
font-weight:300;
line-height:1em;
margin-left:12.853em;
margin-top:20px;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.RegKeepLoggedInCheckbox {
height:0.778em;
margin-left:10.282em;
width:0.778em;
}
}

@media screen and (max-width: 640px)
{
.RegKeepLoggedInCheckbox {
height:0.778em;
margin-left:10.282em;
width:0.778em;
}
}

.RegLoginButtonStandard {
background-color:#0b1f42;
background-repeat:no-repeat;
border-color:#0b1f42;
border-style:solid;
border-width:1px;
color:#ffffff;
display:inline-block;
font-size:1.286em;
font-weight:200;
line-height:1.286em;
margin-left:7.776em;
margin-top:20px;
padding-bottom:11px;
padding-left:10px;
padding-right:10px;
padding-top:11px;
text-transform:uppercase;
font-family: 'Source Sans Pro', sans-serif;
Display: table-cell;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.RegLoginButtonStandard {
margin-left:6.22em;
}
}

@media screen and (max-width: 640px)
{
.RegLoginButtonStandard {
margin-left:6.22em;
}
}

.RegLoginEntry {
background-color:#ececec;
border-color:#0b1f42;
border-style:solid;
border-width:1px;
color:#606060;
display:inline-block;
font-size:1em;
font-style:italic;
font-weight:200;
line-height:1em;
margin-top:0.5em;
width:15em;
font-family: 'Source Sans Pro', sans-serif;
vertical-align:middle;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.RegLoginEntry {
width:10em;
}
}

@media screen and (max-width: 640px)
{
.RegLoginEntry {
width:10em;
}
}

.RegLoginLabel {
color:#606060;
display:inline-block;
font-size:1em;
font-style:normal;
font-weight:200;
line-height:1em;
margin-top:0.5em;
width:10em;
font-family: 'Source Sans Pro', sans-serif;
align:middle;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.RegLoginLabel {
width:8em;
}
}

@media screen and (max-width: 640px)
{
.RegLoginLabel {
width:8em;
}
}

.right10px {
margin-right:10px;
}

.Row2 {
background-color:#e5e5e5;
}

.SalePriceNew {
color:#ff0000;
font-weight:bold;
}

.SalePriceNewBig {
color:#ff0000;
font-size:1.333em;
font-weight:200;
}

.SalePriceOld {
font-weight:bold;
text-decoration:line-through;
}

.SalePriceOldBig {
font-size:1.333em;
font-weight:200;
text-decoration:line-through;
}

.SearchBorder {
border-color:#606060;
border-style:solid;
border-width:1px;
height:2.778em;
padding-left:5px;
position:relative;
max-width: 345px;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.SearchBorder {
display:block;
font-size:1em;
height:2.778em;
padding-left:0px;
padding-right:-2px;
width:100%;
max-width:100%;
}
}

@media screen and (max-width: 640px)
{
.SearchBorder {
display:block;
font-size:1em;
height:2.778em;
padding-left:0px;
width:100%;
max-width:100%;
}
}

.SearchButton {
background-color:#ffffff;
background-position:center center;
background-repeat:no-repeat;
border-style:solid;
border-width:0px;
height:100%;
margin-top:0.01em;
position:absolute;
right:0px;
top:0px;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Lupe30x30.png');
Cursor:pointer;
background-size:1.555em 1.555em;
aspect-ratio: 1/1
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.SearchButton {
background-repeat:no-repeat;
height:100%;
position:absolute;
right:0px;
top:0px;
Cursor:pointer;
background-size:1.555em 1.555em;
aspect-ratio: 1/1;
}
}

@media screen and (max-width: 640px)
{
.SearchButton {
background-position:left center;
background-repeat:no-repeat;
height:100%;
position:absolute;
right:0px;
top:0px;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Lupe50x50.png');
Cursor:pointer;
background-size:1.555em 1.555em;
aspect-ratio: 1/1;
}
}

.SearchEntry {
border-style:solid;
border-width:0px;
color:#606060;
font-size:1.333em;
font-style:italic;
font-weight:200;
line-height:1em;
margin-bottom:0.3em;
margin-top:0.3em;
width:10.5em;
font-family: 'Source Sans Pro', sans-serif;
max-width:340px;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.SearchEntry {
margin-bottom:0.333em;
margin-left:0.333em;
margin-top:0.333em;
width:85%;
max-width:95%;
}
}

@media screen and (max-width: 640px)
{
.SearchEntry {
margin-bottom:0.333em;
margin-left:0.333em;
margin-top:0.333em;
width:85%;
max-width:95%;
}
}

.SecondaryButtonLeaflet {
background-color:#ececec;
background-position:left center;
background-repeat:no-repeat;
border-color:#ececec;
border-style:solid;
border-width:5px;
color:#606060;
font-size:1.333em;
font-weight:200;
padding-bottom:0.333em;
padding-left:1.667em;
padding-right:0.417em;
padding-top:0.333em;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/MerkzettelGrau30x30.png');
Display:table-cell;
vertical-align:middle;
background-size: 1.250em 1.250em;
}

.SecondaryButtonLeafletHover {
background-color:#808080;
background-position:left center;
background-repeat:no-repeat;
border-color:#808080;
border-style:solid;
border-width:5px;
color:#ffffff;
font-size:1.333em;
font-weight:200;
padding-bottom:0.333em;
padding-left:1.667em;
padding-right:0.417em;
padding-top:0.333em;
text-decoration:underline;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/MerkzettelWeiss30x30.png');
Cursor: pointer;
background-size: 1.250em 1.250em;
}

.SecondaryButtonPrint {
background-color:#ececec;
background-position:left center;
background-repeat:no-repeat;
border-color:#ececec;
border-style:solid;
border-width:5px;
color:#606060;
font-size:1.333em;
font-weight:200;
padding-bottom:0.333em;
padding-left:1.667em;
padding-right:0.417em;
padding-top:0.333em;
text-decoration:none;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/DruckerGrau26x26.png');
Display:table-cell;
vertical-align:middle;
background-size: 1.250em 1.250em;
}

.SecondaryButtonPrintHover {
background-color:#808080;
background-position:left center;
background-repeat:no-repeat;
border-color:#808080;
border-style:solid;
border-width:5px;
color:#ffffff;
font-size:1.333em;
font-weight:200;
padding-bottom:0.333em;
padding-left:1.667em;
padding-right:0.417em;
padding-top:0.333em;
text-decoration:underline;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/DruckerWeiss26x26.png');
Cursor: pointer;
background-size: 1.250em 1.250em;
}

.SelectFields {
color:#606060;
display:inline-block;
font-size:1em;
font-weight:300;
height:1.8em;
line-height:1em;
margin-bottom:0.2em;
margin-top:0.2em;
width:20.2em;
font-family: 'Source Sans Pro', sans-serif!important;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.SelectFields {
height:1.6em;
}
}

.SetPaymentButton {
display:none;
}

.show {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

.SlideArea {
background-color:#000000;
color:#ffffff;
font-size:40px;
height:231px;
line-height:40px;
padding-top:191px;
text-align:center;
width:40px;
opacity:0.3;
Cursor:pointer;
}

.SliderBlockHover {
background-color:#808080;
opacity: 0.8;
}

.SliderBlockStandard {
background-color:#0b1f42;
bottom:40px;
height:auto;
padding:10px;
position:absolute;
right:72px;
width:380px;
opacity: 0.7;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.SliderBlockStandard {
bottom:0px;
height:100%;
left:0px;
padding:0px;
position:relative;
right:0px;
top:0px;
width:100%;
opacity:1.0;
}
}

@media screen and (max-width: 640px)
{
.SliderBlockStandard {
bottom:0px;
height:100%;
left:0px;
padding:0px;
position:relative;
right:0px;
top:0px;
width:100%;
opacity:1.0;
}
}

.SliderTextHeader {
color:#ffffff;
font-size:1.667em;
font-weight:normal;
line-height:1em;
margin:0px;
padding:0px;
text-decoration:none;
text-transform:uppercase;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.SliderTextHeader {
font-size:1.333em;
margin:0px;
padding:0px;
}
}

@media screen and (max-width: 640px)
{
.SliderTextHeader {
font-size:1.333em;
margin:0px;
padding:0px;
}
}

.SliderTextText {
color:#ffffff;
font-size:1.333em;
font-weight:300;
line-height:1em;
text-decoration:none;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.SliderTextText {
font-size:1em;
margin-left:0px;
margin-top:5px;
}
}

@media screen and (max-width: 640px)
{
.SliderTextText {
font-size:1em;
margin-left:0px;
margin-top:5px;
}
}

.SocialMediaButtons {
float:left;
margin-right:0.2em;
}

.SocialMediaContainer {
height:1em;
margin-left:0.2em;
margin-right:0.2em;
width:1em;
}

.special_emily_custmenu {
margin-left:-18em;
width:17em;
}

.special_intended_articles:nth-child(1n+2) {
margin-left:3em;
}

.special_label {
left:-5px;
position:absolute;
top:-5px;
}

.special_livesearch_shopmodern_negleft {
margin-left:calc(-0.5em + -0.2rem);
}

.special_rb_check + .special_rb_text {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Unchecked20x20.png');
background-size: 1.250em 1.250em;
}

.special_rb_check:checked + .special_rb_text {
background-repeat:no-repeat;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Checked20x20.png');
background-size: 1.250em 1.250em;
}

.special_textbox_on_pic {
position:relative;
}

.Standard {
color:#606060;
font-size:1.44vw;
font-weight:300;
line-height:1em;
font-family: 'Source Sans Pro', sans-serif!important;
}

@media screen and (min-width: 1290px) 
{
.Standard {
font-size:18px;
}
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.Standard {
font-size:40px;
line-height:40px;
-ms-text-size-adjust: None;
-moz-text-size-adjust:None;
-webkit-text-size-adjust: None;
}
}

@media screen and (max-width: 640px)
{
.Standard {
font-size:18px;
line-height:18px;
}
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.starsimg {
height:1em;
width:1em;
}
}

@media screen and (max-width: 640px)
{
.starsimg {
height:1em;
width:1em;
}
}

.StepLine {
background-position:left center;
background-repeat:repeat-x;
display:table-cell;
height:2em;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/StepLine.png');
width:3em;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.StepLine {
width:2em;
}
}

@media screen and (max-width: 640px)
{
.StepLine {
width:2em;
}
}

.Steps {
display:table-cell;
height:2em;
width:2em;
}

.SubCatalogHeader {
background-color:#0b1f42;
bottom:2px;
color:#ffffff;
float:left;
font-size:1.333em;
font-weight:200;
left:0px;
line-height:1em;
padding-bottom:0.417em;
padding-left:2%;
padding-right:2%;
padding-top:0.417em;
position:absolute;
text-decoration:none;
text-transform:uppercase;
width:96%;
opacity:0.8;

}

.SubCatalogHeaderHover {
background-color:#808080;
bottom:2px;
color:#ffffff;
float:left;
font-size:1.333em;
font-weight:200;
left:0px;
line-height:1em;
padding-bottom:0.417em;
padding-left:2%;
padding-right:2%;
padding-top:0.417em;
position:absolute;
text-decoration:underline;
text-transform:uppercase;
width:96%;
opacity:0.8;

}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.SubCatalogHeaderHover {
padding-bottom:0.250em;
padding-top:0.250em;
}
}

@media screen and (max-width: 640px)
{
.SubCatalogHeaderHover {
padding-bottom:0.250em;
padding-top:0.250em;
}
}

.table {
display: table;
}

.TestCopy1 {
color:#606060;
}

@media screen and (min-width: 1290px) 
{
.TestCopy1 {
color:#fff;
}
}

.text_align_center {
text-align:center;
}

.text_align_right {
text-align:right;
}

.text_nowrap {
white-space: nowrap;
}

.text_transform_uppercase {
text-transform:uppercase;
}

.TextCheck {
background-position:left center;
background-repeat:no-repeat;
padding-left:1.3em;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Checked20x20.png');
background-size: 1em 1em;
}

.TextUnCheck {
background-position:left center;
background-repeat:no-repeat;
padding-left:1.3em;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Unchecked20x20.png');
background-size: 1em 1em;
Cursor:pointer;
}

.TextVerticalAlign {
height:36px;
Display:table-cell;
vertical-align:middle;
}

.Top-Footer-Background {
background-color:#cccccc;
width:100%;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.Top-Footer-Background {
min-width: 0px;
}
}

@media screen and (max-width: 640px)
{
.Top-Footer-Background {
min-width: 0px;
}
}

.VariantDesc {
font-size:1.333em;
margin-left:0.278em;
}

.VariantPicDisabled {
border-color:#ffffff;
border-style:solid;
border-width:3px;
height:1.666em;
margin:0.278em;
width:1.666em;
opacity: 0.1;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.VariantPicDisabled {
border-width:10px;
height:3em;
width:3em;
}
}

@media screen and (max-width: 640px)
{
.VariantPicDisabled {
border-width:10px;
height:3em;
width:3em;
}
}

.VariantPicSelect {
border-color:#000066;
border-style:solid;
border-width:3px;
height:1.666em;
margin:0.278em;
width:1.666em;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.VariantPicSelect {
border-width:10px;
height:3em;
width:3em;
}
}

@media screen and (max-width: 640px)
{
.VariantPicSelect {
border-width:10px;
height:3em;
width:3em;
}
}

.VariantPicStd {
border-color:#ffffff;
border-style:solid;
border-width:3px;
height:1.666em;
margin:0.278em;
width:1.666em;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.VariantPicStd {
border-width:10px;
height:3em;
width:3em;
}
}

@media screen and (max-width: 640px)
{
.VariantPicStd {
border-width:10px;
height:3em;
width:3em;
}
}

.VoucherButtonHover {
background-color:#808080;
border-color:#808080;
border-style:solid;
border-width:1px;
color:#ffffff;
display:inline-block;
height:2em;
padding-left:0.5em;
padding-right:0.5em;
text-decoration:underline;
Cursor:pointer;
vertical-align:middle;
}

.VoucherButtonStandard {
background-color:#0b1f42;
border-color:#0b1f42;
border-style:solid;
border-width:1px;
color:#ffffff;
display:inline-block;
height:2em;
padding-left:0.5em;
padding-right:0.5em;
text-decoration:none;
Cursor:pointer;
vertical-align:middle;
}

.VoucherEntry {
border-style:solid;
border-width:1px;
display:inline-block;
height:1em;
line-height:1em;
margin-bottom:0px;
margin-left:0px;
margin-right:0.5em;
margin-top:0px;
padding-bottom:0.5em;
padding-top:0.5em;
width:20em;
vertical-align:middle;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.VoucherEntry {
width:10em;
}
}

@media screen and (max-width: 640px)
{
.VoucherEntry {
width:10em;
}
}

body {
color:#606060;
font-size:1.44vw;
font-weight:300;
line-height:1em;
font-family: 'Source Sans Pro', sans-serif!important;
}

@media screen and (min-width: 1290px) 
{
body {
font-size:18px;
}

}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
body {
font-size:40px;
line-height:40px;
-ms-text-size-adjust: None;
-moz-text-size-adjust:None;
-webkit-text-size-adjust: None;
}

}

@media screen and (max-width: 640px)
{
body {
font-size:18px;
line-height:18px;
}

}

hr {
border-bottom-style:solid;
border-bottom-width:1px;
border-top-style:solid;
border-top-width:0px;
color:#ececec;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
hr {
border-bottom-width:3px;
}

}

@media screen and (max-width: 640px)
{
hr {
border-bottom-width:3px;
}

}

input {
color:#606060;
font-size:1.44vw;
font-weight:300;
line-height:1em;
font-family: 'Source Sans Pro', sans-serif!important;
}

@media screen and (min-width: 1290px) 
{
input {
font-size:18px;
}

}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
input {
font-size:40px;
line-height:40px;
-ms-text-size-adjust: None;
-moz-text-size-adjust:None;
-webkit-text-size-adjust: None;
}

}

@media screen and (max-width: 640px)
{
input {
font-size:18px;
line-height:18px;
}

}

select {
color:#606060;
display:inline-block;
font-size:1em;
font-weight:300;
height:1.8em;
line-height:1em;
margin-bottom:0.2em;
margin-top:0.2em;
width:20.2em;
font-family: 'Source Sans Pro', sans-serif!important;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
select {
height:1.6em;
}

}

@media screen and (max-width: 640px)
{
select}

.EmbeddedLink:hover {
color:#4d4d4d;
font-weight:300;
text-decoration:underline;
}

.PrimaryButtonBasket:hover {
background-color:#808080;
background-position:left center;
background-repeat:no-repeat;
border-color:#808080;
border-style:solid;
border-width:5px;
color:#ffffff;
font-size:1.333em;
font-weight:200;
padding-bottom:0.333em;
padding-left:1.667em;
padding-right:0.417em;
padding-top:0.333em;
text-decoration:underline;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Warenkorb30x30.png');
Cursor: Pointer;
background-size: 1.250em 1.250em;
}

.SecondaryButtonLeaflet:hover {
background-color:#808080;
background-position:left center;
background-repeat:no-repeat;
border-color:#808080;
border-style:solid;
border-width:5px;
color:#ffffff;
font-size:1.333em;
font-weight:200;
padding-bottom:0.333em;
padding-left:1.667em;
padding-right:0.417em;
padding-top:0.333em;
text-decoration:underline;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/MerkzettelWeiss30x30.png');
Cursor: pointer;
background-size: 1.250em 1.250em;
}

.MainNavStandard:hover {
background-color:#808080;
background-repeat:no-repeat;
color:#ffffff;
padding-bottom:11px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-decoration:underline;
text-transform:uppercase;
Display:table-cell;
Cursor: Pointer;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.MainNavStandard:hover {
padding-left:2%;
padding-right:0px;
text-decoration:none;
width:98%;
}

}

@media screen and (max-width: 640px)
{
.MainNavStandard:hover {
padding-left:2%;
padding-right:0px;
text-decoration:none;
width:98%;
}

}

.CustomerNewReg:hover {
background-position:left center;
background-repeat:no-repeat;
color:#4d4d4d;
font-size:1em;
font-weight:300;
line-height:1em;
padding-left:1.111em;
text-decoration:underline;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/PfeilHover40x40.png');
Cursor: pointer;
background-size: Auto 100%;
}

.LoginButtonStandard:hover {
background-color:#808080;
background-repeat:no-repeat;
border-color:#808080;
border-style:solid;
border-width:1px;
color:#ffffff;
display:inline-block;
font-size:1em;
font-weight:200;
line-height:1em;
padding-bottom:0.5em;
padding-left:10px;
padding-right:10px;
padding-top:0.5em;
text-decoration:underline;
text-transform:uppercase;
font-family: 'Source Sans Pro', sans-serif;
Cursor: Pointer;
}

.LogoffStandard:hover {
background-color:#ffffff;
background-position:left center;
background-repeat:no-repeat;
border-width:0px;
color:#808080;
font-size:1em;
font-weight:300;
line-height:1em;
padding-left:25px;
text-decoration:underline;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/Abmelden20x20.png');
Cursor: pointer;
}

.ForgotPasswordStandard:hover {
color:#808080;
font-size:0.778em;
font-weight:300;
line-height:1em;
text-decoration:underline;
}

.SliderBlockStandard:hover {
background-color:#808080;
opacity: 0.8;
}

.PrimaryButtonNewsletter:hover {
background-color:#808080;
background-position:left center;
background-repeat:no-repeat;
border-color:#808080;
border-style:solid;
border-width:5px;
color:#ffffff;
font-size:1.333em;
font-weight:200;
padding-bottom:0.333em;
padding-left:0.417em;
padding-right:0.417em;
padding-top:0.333em;
text-decoration:underline;
text-transform:uppercase;
Cursor: Pointer;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.PrimaryButtonNewsletter:hover {
padding-left:0.1em;
padding-right:0.1em;
}

}

@media screen and (max-width: 640px)
{
.PrimaryButtonNewsletter:hover {
padding-left:0.1em;
padding-right:0.1em;
}

}

.MainNavTextSub:hover {
text-decoration:underline;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.MainNavTextSub:hover {
text-decoration:none;
}

}

@media screen and (max-width: 640px)
{
.MainNavTextSub:hover {
text-decoration:none;
}

}

.CustomerMenuEntryStandard:hover {
color:#808080;
font-size:1em;
font-weight:300;
line-height:1em;
text-decoration:underline;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.CustomerMenuEntryStandard:hover {
font-size:1em;
line-height:1.333em;
}

}

@media screen and (max-width: 640px)
{
.CustomerMenuEntryStandard:hover {
font-size:1em;
line-height:1.333em;
}

}

.VoucherButtonStandard:hover {
background-color:#808080;
border-color:#808080;
border-style:solid;
border-width:1px;
color:#ffffff;
display:inline-block;
height:2em;
padding-left:0.5em;
padding-right:0.5em;
text-decoration:underline;
Cursor:pointer;
vertical-align:middle;
}

.RegLoginButtonStandard:hover {
background-color:#808080;
background-repeat:no-repeat;
border-color:#808080;
border-style:solid;
border-width:1px;
color:#ffffff;
display:inline-block;
font-size:1em;
font-weight:200;
line-height:1em;
padding-bottom:0.5em;
padding-left:10px;
padding-right:10px;
padding-top:0.5em;
text-decoration:underline;
text-transform:uppercase;
font-family: 'Source Sans Pro', sans-serif;
Cursor: Pointer;
}

.BackButtonStandard:hover {
background-color:#808080;
background-repeat:no-repeat;
border-color:#808080;
border-style:solid;
border-width:1px;
color:#ffffff;
display:inline-block;
font-size:1em;
font-weight:200;
line-height:1em;
padding-bottom:0.5em;
padding-left:10px;
padding-right:10px;
padding-top:0.5em;
text-decoration:underline;
text-transform:uppercase;
font-family: 'Source Sans Pro', sans-serif;
Cursor: Pointer;
}

.LabelChangeAddress:hover {
background-position:left center;
background-repeat:no-repeat;
color:#808080;
display:inline-block;
padding-left:1.2em;
text-decoration:underline;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/StiftMouseOver12x12.png');
background-size: 1.1em 1.1em;
vertical-align:middle;
}

.SecondaryButtonPrint:hover {
background-color:#808080;
background-position:left center;
background-repeat:no-repeat;
border-color:#808080;
border-style:solid;
border-width:5px;
color:#ffffff;
font-size:1.333em;
font-weight:200;
padding-bottom:0.333em;
padding-left:1.667em;
padding-right:0.417em;
padding-top:0.333em;
text-decoration:underline;
text-transform:uppercase;
background-image:url('/Hauptner/CustomUpload/374O357O340O370O356O369O350O327O352O372O367O371O365O356O369O/WebPortal/Portal/img/DruckerWeiss26x26.png');
Cursor: pointer;
background-size: 1.250em 1.250em;
}

.SubCatalogHeader:hover {
background-color:#808080;
bottom:2px;
color:#ffffff;
float:left;
font-size:1.333em;
font-weight:200;
left:0px;
line-height:1em;
padding-bottom:0.417em;
padding-left:2%;
padding-right:2%;
padding-top:0.417em;
position:absolute;
text-decoration:underline;
text-transform:uppercase;
width:96%;
opacity:0.8;

}

@media only screen and (min-device-width:320px) and (max-device-width:640px)
{
.SubCatalogHeader:hover {
padding-bottom:0.250em;
padding-top:0.250em;
}

}

@media screen and (max-width: 640px)
{
.SubCatalogHeader:hover {
padding-bottom:0.250em;
padding-top:0.250em;
}

}