/* backgrounds.css (c) redesign-berlin.de 2021
---------------------------------------------------------------*/

/*background-sizes
--------------------------------*/

[class*="bg-img"] {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover !important;
    height: auto;
}

.ios [class*="bg-img"] {
    background-size: inherit;
}



/*background-images
-----------------------------------*/


.bg1,
.bg-img1 {
    background-image: url(https://redesign-berlin.lima-city.de/__images/1920x600/WebP/1.webp);
}

.bg2,
.bg-img2 {
    background-image: url(https://redesign-berlin.lima-city.de/__images/1920x600/WebP/2.webp);
}

.bg3,
.bg-img3 {
    background-image: url(https://redesign-berlin.lima-city.de/__images/1920x600/WebP/3.webp);
}


.bg4,
.bg-img4 {
    background-image: url(https://redesign-berlin.lima-city.de/__images/1920x600/WebP/4.webp);
}

.bg5,
.bg-img5 {
    background-image: url(https://redesign-berlin.lima-city.de/__images/1920x600/WebP/5.webp);
}


.bg6,
.bg-img6 {
    background-image: url(https://redesign-berlin.lima-city.de/__images/1920x600/WebP/6.webp);
}


/*background-position-x 
---------------------------------------------------------*/


@media(max-width:1024px) {

    [class*="bg-"] {
        background-position: left !important;
    }
}




/*backgroundcolor
--------------------------------*/


.bg-grad_darkblue {
    background: rgb(2, 0, 36);
    background: -moz-linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(56, 56, 96, 1) 31%, rgba(58, 75, 79, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(56, 56, 96, 1) 31%, rgba(58, 75, 79, 1) 100%);
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(56, 56, 96, 1) 31%, rgba(58, 75, 79, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#3a4b4f", GradientType=1);
}

.bg-color1 {
    background-color: #3B3838;
}

.bg-color2 {
    background-color: #F0EFF6;
}



.bg-white {
    background-color: #fff;
}

.bg-white_20 {
    background-color: rgba(255, 255, 255, 0.2);
}

.bg-white_33 {
    background-color: rgba(255, 255, 255, 0.33);
}

.bg-white_50 {
    background-color: rgba(255, 255, 255, 0.5);
}





.bg-black {
    background-color: rgba(0, 0, 0, 1);
}

.bg-black_20 {
    background-color: rgba(0, 0, 0, 0.2);
}

.bg-black_33 {
    background-color: rgba(0, 0, 0, 0.33);
}

.bg-black_50 {
    background-color: rgba(0, 0, 0, 0.50);
}





.bg-lightgray {
    background-color: lightgray;
}

.bg-darkgrey {
    background-color: darkgrey;
}

.bg-grey {
    background-color: grey;
}




.bg-orange {
    background-color: orange
}

.bg-orange_50 {
    background-color: rgba(255, 120, 0, 0.50);
}

.bg-orange_33 {
    background-color: rgba(255, 120, 0, 0.33);
}


.bg-orange_30 {
    background-color: rgba(255, 120, 0, 0.30);
}



/* bg-color Matrix
----------------------------------------*/

.matrix-black30 .fullwidth-content,
.matrix-black30 .ui-widget-content {
    background-color: rgba(0, 0, 0, 0.30);
}

.matrix-black50 .fullwidth-content,
.matrix-black50 .ui-widget-content {
    background-color: rgba(0, 0, 0, 0.50);
}

.matrix-black60 .fullwidth-content,
.matrix-black60 .ui-widget-content {
    background-color: rgba(0, 0, 0, 0.60);
}

.matrix-black70 .fullwidth-content,
.matrix-black70 .ui-widget-content {
    background-color: rgba(0, 0, 0, 0.70);
}

.matrix-black80 .fullwidth-content,
.matrix-black80 .ui-widget-content {
    background-color: rgba(0, 0, 0, 0.80);
}

[class*=matrix-black] .ui-widget-content {
    width: 90%;
    margin: 0 auto
}

/*
[class*=matrix-] .fullwidth-content {
    border: 1px solid #fff;
}*/


/*matrix white*/
.matrix-white30 .fullwidth-content,
.matrix-white30 .ui-widget-content {
    background-color: rgba(255, 255, 255, 0.30);
}

.matrix-white50 .fullwidth-content,
.matrix-white50 .ui-widget-content {
    background-color: rgba(255, 255, 255, 0.50);
}

.matrix-white60 .fullwidth-content,
.matrix-white60 .ui-widget-content {
    background-color: rgba(255, 255, 255, 0.60);
}

.matrix-white70 .fullwidth-content,
.matrix-white70 .ui-widget-content {
    background-color: rgba(255, 255, 255, 0.70);
}

.matrix-white80 .fullwidth-content,
.matrix-white80 .ui-widget-content {
    background-color: rgba(255, 255, 255, 0.80);
}

.fullwidth [class*=matrix-] .ui-widget-content {
    width: 100%;
    margin: 0 auto;
    padding: 0 !important;
}

.fullwidth [class*=matrix-] div.cc-m-all > div.cc-m-all-editor {
    width: 100% !important;
}


/* padding html-code
-----------------------------------------*/
.cc-pagemode-default .n.j-htmlCode,
.cms-edit .j-htmlCode div[class*="pt"],
.cms-edit .j-htmlCode div[class*="pb"] {
    padding: 0 !important;
}


/*font-color
---------------------*/

.font-white .j-text,
.font-white h1,
.font-white h2,
.font-white h3,
.font-white p,
.font-white ol,
.font-white li,
.font-white td,
.font-white a {
    color: white !important;
}

.font-white a:hover {
    color: #333 !important;
}

.font-white hr {
    border: none;
    border-bottom: 2px solid white;
/*    padding: 10px 0;
    margin: 0;
    min-width: 100%;*/
}

.font-black .j-text,
.font-black h1,
.font-black h2,
.font-black h3,
.font-black p,
.font-black ol,
.font-black li,
.font-black td {
    color: black !important;
}

.font-darkgrey h1,
.font-darkgrey h2,
.font-darkgrey h3,
.font-darkgrey p {
    color: darkgrey !important;
}


.cc-sm-content-wrapper {
    color: inherit !important;
}