section.parallax.hero-cc{
  background-position-x: 25% !important; 
}

.text-cc-orange, .btn-link.text-cc-orange, a.text-cc-orange-hover:hover { color: #f49818; }
.bg-cc-orange { background-color: #f49818; }
.border-color-cc-orange { border-color: #f49818 !important; }
.bg-cc-orange { background-color: #f49818; }

.cc-button i { margin-left: 2px !important; font-size: 30px !important;}

.cc-link a { color: #828282 !important; padding-bottom: 1px; border-bottom: 1px solid #c7cdd5; } 
.cc-link a:hover { color: #f49818 !important; border-bottom: 1px solid #f49818; } 

.cc-footer a { color: #fff !important; padding-bottom: 0; border-bottom: 0; } 
.cc-footer a:hover { color: #ddd !important; padding-bottom: 0; border-bottom: 0; } 

/* Keep horizontal focal point centered even when the plugin writes bg-position */
.parallax-focal-mid { background-position-x: 50% !important; }

.cc-square {
    display: inline-block;     /* shrink-wrap to text */
    position: relative;
    padding-left: 1.4em;
    line-height: 1.2;
}

.cc-square::before {
    content: "";
    position: absolute;
    left: 0.4em;
    top: 0.26em;                    /* fine vertical tuning */
    width: 0.71em;                  /* square scales with font */
    height: 0.71em;
    background: #f49818;  
}

.cc-heading-wrap {
    text-align: center;
}

.cc-text {
    font-size: 17px;
    font-weight: 400;
    color: #232323;
}

.cc-list {
    padding-left: 40px;
    margin: -20px 0 25px;
}

.cc-list li {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    color: #232323;
}

.cc-mehrwert {
    margin: 15px 0 15px 0;
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    color: #232323;
}

.cc-2nd-section {
 padding-top: 0;
}

.cc-weiter {
    margin: 20px 0 0 0;
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
}
 
.cc-weiter::before {
    content: ">>\00a0";      
    color: #f49818;
}

.cc-background  {
    position: relative;
    background: url('../images/cc-squares.png') no-repeat right bottom / cover;
}

.cc-background::before {
    content: "";
    position: absolute;
    inset: 0;
    background: white;     /* white overlay */
    opacity: 0.5;         /* adjust wash strength */
    z-index: 0;
}

.cc-background > * {
    position: relative;
    z-index: 1;
}

.parallax {
    background-repeat: no-repeat;
    background-size: cover;
}

/* Tablet only (Bootstrap md) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .hero-cc h2 {  margin-top: 630px;}
}

/* Mobile devices */
@media (max-width: 767.98px) {
  .hero-cc h2 {  margin-top: 550px;}
}