@font-face {
  font-family: 'Continentale-Web-Bold';
  font-style: normal;
  font-weight: 400;
  src: url('/cosmoshop/default/pix/user_img/fonts/Continentale-Web-Bold.woff');
  src: local(''),
       url('/cosmoshop/default/pix/user_img/fonts/Continentale-Web-Bold.woff2') format('woff2')
}
@font-face {
  font-family: 'Continentale-Web-BoldItalic';
  font-style: normal;
  font-weight: 400;
  src: url('/cosmoshop/default/pix/user_img/fonts/Continentale-Web-BoldItalic.woff');
  src: local(''),
       url('/cosmoshop/default/pix/user_img/fonts/Continentale-Web-BoldItalic.woff2') format('woff2')
}
@font-face {
  font-family: 'Continentale-Web-CondensedBold';
  font-style: normal;
  font-weight: 400;
  src: url('/cosmoshop/default/pix/user_img/fonts/Continentale-Web-CondensedBold.woff');
  src: local(''),
       url('/cosmoshop/default/pix/user_img/fonts/Continentale-Web-CondensedBold.woff2') format('woff2')
}
@font-face {
  font-family: 'Continentale-Web-CondensedRegular';
  font-style: normal;
  font-weight: 400;
  src: url('/cosmoshop/default/pix/user_img/fonts/Continentale-Web-CondensedRegular.woff');
  src: local(''),
       url('/cosmoshop/default/pix/user_img/fonts/Continentale-Web-CondensedRegular.woff2') format('woff2')
}
@font-face {
  font-family: 'Continentale-Web-Extrabold';
  font-style: normal;
  font-weight: 400;
  src: url('/cosmoshop/default/pix/user_img/fonts/Continentale-Web-Extrabold.woff');
  src: local(''),
       url('/cosmoshop/default/pix/user_img/fonts/Continentale-Web-Extrabold.woff2') format('woff2')
}
@font-face {
  font-family: 'Continentale-Web-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('/cosmoshop/default/pix/user_img/fonts/Continentale-Web-Regular.woff');
  src: local(''),
       url('/cosmoshop/default/pix/user_img/fonts/Continentale-Web-Regular.woff2') format('woff2')
}


body,
[class^="font-"], [class*=" font-"] {font-family: 'Continentale-Web-CondensedRegular';text-transform: none;font-weight: 300;font-size: 16px;}

.bg-color-7, .bg-color-8 {background: #f1f1f1;}
.btn-color-2 {background: #173251;}
.btn-color-2:hover {background: #666;}
.left-nav-bg-color{background-color: #ffffff;}
.left-nav-bg-color:hover {background-color: #173251;color: #ffffff;}
.left-nav-bg-color.active > a{background-color: #173251;color: #ffffff;}
.articlePreview img,
.articlePreviewSmall img, 
.categoryPreview img {max-width: 100%;}
.btn-color-7 {background: #7f7a74;}
.btn-color-7:hover {background: #666;}

#rubrik_header {min-height: unset;}
#rubrik_header .categoryPicture {display: none;}

.hidden {display: none;}

.box-1 {border-color: #fff;padding: 0;}

#filterSubheader {displaY: none;}

.addMenuTop {display: none;}

.topArticleHeading, .categoryListHeading, .lastViewHeading {
    background: #fff !important;
    color: #163251 !important;
    padding: 2px !important;
    margin-top: 40px !important;
    font-size: 20px;
    text-transform: none;
    font-weight: 300;
    padding-bottom: 10px !important;
}

/*[class^="font-"], [class*=" font-"] {font-family: "Rotis";font-weight: 400;font-size: 18px;text-transform: none;letter-spacing: 0;}*/
h1 {font-size: 26px !important;color: #173251 !important;border-bottom: 0 solid #173251;padding-bottom: 10px !important;}
#categoriesTop ul ul li a {
    border-bottom: 0 solid #ccc;
    padding: 11px 15px;
    width: 240px;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    font-family: "Rotis";
    text-transform: none;
}
#categoriesTop ul ul li:hover > a, #categoriesTop ul ul li a:hover {
    color: #173251;
}
#categoriesTop > ul > li:hover > a {
    color: #666;
}
.bg-color-7, .bg-color-8 {
    background: #f1f1f1;
}
.bg-color-7 a, .bg-color-8 a, .bg-color-7 .color-1, .bg-color-8 .color-1, .bg-color-7.color-1, .bg-color-8.color-1 {color: #424245;}
.isCategoryside h1 {border-width: 1px;}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="radio"], input[type="date"], select, textarea {padding: 10px;box-shadow: none;}

a {text-decoration: none;color: #343434;}
.left {display: none;width: 0;float: none;}
.content {width: 100% !important;float: none !important;}
#filterBox { margin-top: 15px;}

/* layout article row and grid */
.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.flex-between {justify-content: space-between;}

/* custom Forms */
.persForm #PersonalizationFormContent {display: flex;flex-wrap: wrap;justify-content: space-between;}
.persForm .PersonalizationFormFieldContainer {width: 32%;position: relative;margin-bottom: 0.7em;}
.persForm .PersonalizationFormFieldContainer label {position: absolute;top: -13px;left: 5px;background: #fff;padding: 0.3em 0.3em 0 0.3em;font-size: 0.95rem;}
.persForm #PersonalizationFormHead {margin: 0.7em 0;text-transform: uppercase;color: #163251;font-weight: 600;}
.persForm textarea {height: 43px;resize: vertical;}
.persForm ::placeholder {color: #999;opacity: 1;font-size: 1rem;}
.persForm :-ms-input-placeholder {color: #999;font-size: 1rem;}
.persForm ::-ms-input-placeholder {color: #999;font-size: 1rem;}
.persForm .persRadio {display: flex;flex-wrap: wrap;border-color: #999999 #cccccc #e6e6e6;border-style: solid;border-width: 1px;padding: 8px 6px 3px 6px;}
.persForm .persRadio > label {display: block;width: auto;top: 0;position: relative;background: rgba(0,0,0,0);}
.persForm .persRadio > label input {width: auto;position: relative;top: 2px;}

[data-layout="row"] .articlePreview .pictureContainer {min-height: unset !important;height: autoi !important;}

/* Max Irmer #19416 */
.articlePreview {margin-bottom: 20px}