/* ===================================================================================

* Theme Name: Redox Child
* Theme URI: https://wp.ravextheme.com/redox/
* Author: ravextheme
* Author URI: https://themeforest.net/user/ravextheme
* Description: Redox - Creative Agency and Portfolio WordPress Theme
* Version: 1.0.0
* Tested up to: 6.8
* Requires PHP: 7.4
* Template: redox
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

:root {
  --ci: #FD700C;
}
::-moz-selection { background: var(--ci); color: #fff; }
::selection { background: var(--ci); color: #fff; }
::-webkit-scrollbar-thumb {background: var(--ci)}
/* html {
	scrollbar-color: #FD700C #d6d6d6;
	scrollbar-width: thin;
} */

/* Header */
.header-area-2 .header__logo img {
	width: 180px;
	max-width: 180px;
}
.header__navicon {
	display: none;
}
/* Footer */
.rr-btn-2::before {
	background-color: var(--ci) !important;
}
.footer-button-links .rr-btn-2:before {
	background-color: #FFF !important;
}
.footer-3__btn a::after {
    content: "";
    width: 0px;
    height: 0px;
    display: inline-block;
    transform: translate(0px, 0px);
    background-color: var(--ci);
    border-radius: 0px;
}

/* Floating Telefon Button */
.floating-phone {
	background-color: var(--ci);
    position: fixed;
    color: #FFF;
    bottom: 20px;
    left: 20px;
    z-index: 900;
    font-size: 18px;
    padding: 14px;
    border-radius: 50%;
}
/* Startseite */
.startseite-e1 .section-title .title-video + div > div:nth-child(2) {
    color: var(--ci) !important;
}
@media (min-width: 1920px) and (max-width: 1930px) {
.startseite-e1 .hero-area-2 .section-title {
	font-size: 190px;
}
}
.startseite-e1 .arrox-el-title > div {
	margin-right:25px;
}
.startseite-e1 .title-video {
	border-radius: 40px;
}
.startseite-e1-kleinertext p {
	font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    color: #FFFFFF;
}
@media (min-width: 1920px) {
	.startseite-e2 .elementor-heading-title {
		font-size: 100px !important;
	}
	.startseite-e4 .section-title {
		font-size: 80px;
	}
}
.startseite-e3 .impact-area .impact-inner {
    padding-top: 0px;
}
.startseite-e4 .arrox-el-title > div {
	height: 90px;
}
.startseite-e4 .arrox-el-title > div:nth-child(2),
.startseite-e4 .arrox-el-title > div:nth-child(3) {
	font-size: 65px;
	margin-bottom: -15px;
}
@media (max-width: 1400px) {
	.startseite-e4 .arrox-el-title > div:nth-child(2),
.startseite-e4 .arrox-el-title > div:nth-child(3) {
	font-size: 50px;
	margin-bottom: -30px;
}
}
@media (max-width: 1200px) {
	.startseite-e4 .arrox-el-title > div:nth-child(2),
.startseite-e4 .arrox-el-title > div:nth-child(3) {
	font-size: 40px;
	margin-bottom: -40px;
}
}
@media (max-width: 990px) {
	.startseite-e4 .arrox-el-title > div:nth-child(2),
.startseite-e4 .arrox-el-title > div:nth-child(3) {
	font-size: 25px;
	margin-bottom: -50px;
}
	    .startseite-e4 .arrox-el-title > div {
        font-size: 30px;
    }
}
@media (max-width: 768px) {
	.startseite-e4 .arrox-el-title > div:nth-child(2),
.startseite-e4 .arrox-el-title > div:nth-child(3) {
	font-size: 48px;
	margin-bottom: -40px;
}
	.startseite-e4 .arrox-el-title > div {
        font-size: 55px;
    }
}
@media (max-width: 530px) {
	.startseite-e4 .arrox-el-title > div:nth-child(2),
.startseite-e4 .arrox-el-title > div:nth-child(3) {
	font-size: 48px;
	margin-bottom: -40px;
}
	.startseite-e4 .arrox-el-title > div {
        font-size: 50px;
    }
}
@media (max-width: 400px) {
	.startseite-e4 .arrox-el-title > div:nth-child(2),
.startseite-e4 .arrox-el-title > div:nth-child(3) {
	font-size: 40px;
	margin-bottom: -40px;
}
	.startseite-e4 .arrox-el-title > div {
        font-size: 45px;
    }
}
@media (max-width: 370px) {
	.startseite-e4 .arrox-el-title > div:nth-child(2),
.startseite-e4 .arrox-el-title > div:nth-child(3) {
	font-size: 35px;
	margin-bottom: -40px;
}
	.startseite-e4 .arrox-el-title > div {
        font-size: 40px;
    }
}
.startseite-e4 .arrox-el-title > div:nth-child(3)::after {
	content: ".";
    color: var(--ci);
	font-family: 'Beatrice Trial';
}
.startseite-e4 .actually-area {
	background-color: #000 !important;
}
@media (min-width: 768px) and (max-width: 1919px) {
.startseite-e5 .service-box .text {
	max-width: 450px;
	margin-left: -100px;
}
}
@media (min-width: 1920px) {
.startseite-e5 .service-box .text {
	max-width: 550px;
}
}
.startseite-e6 .abstand {
	margin-left: 25px;
    margin-right: 4px;
}
@media (max-width: 900px) {
	.startseite-e6 .abstand {
	margin-left: 15px;
    margin-right: 3px;
}
}
@media (max-width: 768px) {
	.startseite-e6 .abstand {
	margin-left: 5px;
    margin-right: 1px;
}
}
.startseite-e6.hero-area .big-text{
	display: flex !important;
}
.startseite-e7 .form-control {
	box-shadow: 0px 0px 50px 10px var(--ci) !important;
	height: 70px;
}
.startseite-e8 .section-title a {
	pointer-events: none;
}
.startseite-e9-headline .elementor-heading-title:after {
	content: ".";
    color: var(--ci);
	font-family: 'Beatrice Trial';
}
.startseite-e9 .rr-btn.arrox-el-btn {
	background-color: var(--ci) !important;
	border-color: var(--ci) !important;
}
.startseite-e9 .contact-area-contact-page .contact-formfield textarea::placeholder,
.startseite-e9 .rr-btn .btn-wrap .text-two {
    color: #fff !important;
}
/* URL Checker */
.pagespeed-checker-container #wppsc-url {
    background-color: var(--rr-color-border-1);
    padding: 15px 104px 15px 15px;
    color: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 4px;
    box-shadow: 0px 0px 50px 10px var(--ci) !important;
    height: 70px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    font-family: var(--font_sequelsansromanbody);
	width: 100%;
}
.pagespeed-checker-container button {
    background-color: #FD700C;
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 100%;
    font-size: 16px;
    font-weight: 600;
    padding: 0 20px;
    border-radius: 4px;
	border: 2px solid #FD700C;
	transition: 0.7s;
}
.pagespeed-checker-container button:hover {
    background-color: #FFFFFF;
    color: #FD700C;
}
.pagespeed-checker-container #wppsc-result {
    color: #FFFFFF;
    margin-top: 20px;
    font-size: 2rem;
	font-family: var(--font_sequelsansromanbody);
}
@media (max-width: 670px) {
	.pagespeed-checker-container {
    padding: 0px 25px 0px 25px !important;
}
}


/* RECHTLICHE UNTERSEITEN */
.imp-header-all{line-height: 1.2; margin-top: 20px; margin-bottom: 10px;font-size: 28px !important;color:var(--ci) !important;}
.imp-paragraph{margin-bottom: 10px; line-height: 26px; font-size: 16px;color:#FFF !important;}
.ds-header-all{line-height: 1.2; margin-top: 20px; margin-bottom: 10px;color:var(--ci) !important;}
.ds-header-1{font-size:28px !important;}
.ds-header-2{font-size:24px !important;}
.ds-header-3{font-size:20px !important;}
.ds-wrapper{margin-left: 20px;}
.ds-paragraph{margin-bottom: 10px; line-height: 26px; font-size: 16px;color:#FFF !important;}

.ds-paragraph a:hover,
.imp-paragraph a:hover {
	color: var(--ci) !important;
}
.cmplz-document {
	color: #FFF;
}
.cmplz-document-eu h2 {
    line-height: 1.2 !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-size: 28px !important;
	font-weight: 400 !important;
	color: var(--ci) !important;
}
.cmplz-document-eu h3 {
	color: var(--ci) !important;
}
.cmplz-document-eu p {
    margin-bottom: 10px !important;
    line-height: 26px !important;
    font-size: 16px !important;
	color: #FFF;
}
.cmplz-document-eu .cmplz-subtitle {
    line-height: 1.2 !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    margin-left: 20px !important;
    font-family: Overpass, sans-serif !important;
    color: #000 !important
}
.cmplz-document-eu a:hover {
	color: var(--ci) !important;
}
#cmplz-document .cmplz-subtitle + p {
    margin-left: 20px !important;
}
@media only screen and (max-width: 767px) {
.ds-paragraph + ul li a {
	word-wrap: break-word;
	overflow-wrap: anywhere;
}
}

/* Fixes */
@media only screen and (max-width: 425px) {
	.startseite-e8 .section-title a > div > div {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translate(0px, 0px) !important;
	}
	
	/* Move Images closer together */
	.startseite-e11 .about-thumb img {
		transform: none !important;
	}
}

@media (max-width: 767px) {
    .startseite-e4 {
        overflow-x: hidden !important;
        position: relative; /* Ensures the clipping behaves correctly (otherwise you can scroll far to the right) */
    }
}
@media only screen and (max-width: 425px) {
	body .pagespeed-checker-container #wppsc-url::placeholder {
    	font-size: 0.8rem;
	}
}