:root {
--mobileviewsplit:768px;
}

.cscss-frontbanner-headline-3vw-center
{
color: #fff;
font-size: 3vw;
line-height: 3vw;}
.cscss-frontbanner-cta-tag-1vw
{
margin-left: 5%;
font-size: 2vw;
line-height: 3vw;
font-weight:bold;
color: #fff;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:1px solid #fff;
padding-bottom:4px;
}
.cscss-outer-div-paymentbar
{
  display: flex;
  justify-content: center;
  align-items: center;
  
  img{
    margin: 2px;
  }}
.cscss-outer-div-paymentbar-img
{
   max-width: 100%;
  max-height: 40px;
  margin-right: 10px;
  
     @media only screen and (max-width: 768px) {
              margin-right: 4px;
        }}
.cscss-flixrichdata-container
{
margin: 0 auto; 
max-width: 1440px;
@media (max-width: 768px) {
  
 max-width: 320px !important;
  
}
 }
.cscss-dyntest2
{
font-size:18px;
color:red;
}
.cscss-listshowingfavtools
{
text-align:center;
font-size:16px;
padding:6px;}
.cscss-bfcountdown
{
font-size: 48px;
line-height: 64px;
font-weight:bold;
text-transform:uppercase;
padding-top:40px;
padding-bottom:4px;
width:100%;
text-alignment:center;}
.cscss-lego-themes-outer-div-catalogs
{
display: grid;
flex-wrap: wrap;
grid-template-columns: repeat(4, 1fr);
grid-gap: 6px;
justify-content: center;
/* align images horizontally */
/* align images vertically */

@media only screen and (max-width: 1035px) {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 2fr);
grid-gap: 6px;
}
                       
@media only screen and (max-width: 768px) {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 2fr);
grid-gap: 6px;
}}
.cscss-rma-desc-block
{
background-color:#e6e6e6;
padding:8px;}
.cscss-page-default-full-headline
{
font-size:24px;
width:100%;

@media only screen and (max-width: 768px) {
            font-size: 12px;
        }}
.cscss-nutritionblock-link
{
font-size:12px;
font-decoratoin:underline;}
.cscss-test2
{

}
.cscss-bfcountdown_eol
{
}
.cscss-lego-brandpage-bigbuttons
{
width: 24.24%;
float: left; 
margin-right: 1%; 
margin-bottom: 15px;}
.cscss-rma-letter-block
{
font-size:24px;
font-weight:bold;
padding-top:4px;
padding-bottom:4px;}
.cscss-max-length-filter-groups
{
 overflow: hidden;
  max-width: 24ch;
  text-overflow: ellipsis;
  white-space: nowrap;}
.cscss-lego-themes-outer-div-catalogs-img
{
max-width: 100%;
/* make the image responsive and resize based on the width of its container */
max-height: 400px;
/* make the image responsive and resize based on the width of its container */
padding: 4px;
/* add margin between images */

@media only screen and (max-width: 768px) {
margin: 0px;
padding: 2px;
}}
.cscss-lego-brandpage-smallbuttons
{
width: 15.8%;
float: left; 
margin-right: 1%; 
margin-bottom: 15px;
/* Use a media query to add a breakpoint at 600px: */
@media screen and (max-width: 600px)
width: 49% !important;}
.cscss-lego-competition
{
.button {
  background-color: #14395e; /* white*/
  border: none;
  font-weight: bold;
  border-radius: 5px;
  color: black;
  border: 2px solid white; /* white*/
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  width: 150px;
}
.button {
  transition-duration: 0.4s;
}

.button:hover {
  background-color: white; /* white */
  color: #14395e;
  border: #14395e;
}
}
.cscss-rma-procedure-manufacture-highligted
{
font-size:20px;
font-weight:bold;}
.cscss-droppoint-att-info
{
background-color:#fffcb2;
margin-top:8px;
padding:0px;



@media only screen and (max-width: 1035px) {
max-width:305px;
}

}
.cscss-frontbanner-headline-3vw
{
color: #fff!important;
font-size: 3vw;
line-height: 3vw;
margin-left: 5%;
margin-top: 10%;
}
.cscss-flixrichdata-container-childs
{
 max-width: 100%; 
  margin: 0 auto; 
  box-sizing: border-box; }
.cscss-sparepartalinkcontainer
{
color: blue;
text-decoration: none;
text-transform: initial;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;}