/*
Theme Name: The7 Child
Theme URI: https://the7.io/
Template: dt-the7
Author: Dream-Theme
Author URI: https://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Tags: multipurpose,responsive,retina ready,SEO ready,mobile friendly,iOS,material design,clean,minimal,business,corporate,portfolio,creative,photography,one page site,micro site
Version: 11.16.1.1773911612
Updated: 2026-03-19 10:13:32

*/

:root {
	--vrede-or: #dd9933;
    --focus-ring: 3px solid #dd9933;
}


html body .ausblenden {
    display: none !important;
}

body h1 {
    font-size: 80px !important;
}


.masthead .main-nav > li.current-menu-item > a .menu-text {
    color: var(--vrede-or) !important;
}




/*Scrool to Top */

.scroll-top {
    background: var(--vrede-or) !important;
    border-radius: 50% !important;
}

.scroll-top svg path {
    fill: #ffffff !important;
}

.scroll-top:hover {
    background: #c27d0e !important;
}




/*Buttondesign Startseite für einzelne Tools*/

.ult-content-box {
    position: relative !important;
    overflow: visible !important;
    transition: transform .4s ease;
	z-index: 10 !important;
}

.ult-content-box:hover {
    transform: scale(1.03);
}

.ult-content-box:focus {
	outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 4px;
}

.ult-content-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0);
    transition: background .4s ease;
    pointer-events: none;
}

.ult-content-box:hover::after {
    background: rgba(255,255,255,0.25);
}
.ult-content-box-container:hover + .wpb_text_column h3 a {
    color: #dd9933 !important;
    transition: color .3s ease;
}

/* ZENTRIERT THE7 TITEL IN WPBAKERY TOOLBOXEN */
body .ult-content-box-container h3,
body .ult-content-box-container h3 a,
body .wpb_text_column h3,
body .wpb_text_column h3 a {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}









/*Überschriften Header*/

.fancy-title.entry-title,
.fancy-title.entry-title span {
    overflow: visible !important; 
    line-height: 1.3 !important;   
}

.fancy-title.entry-title {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.fancy-title.entry-title span {
    display: inline-block;
    padding: 6px 0 !important;
}

.page-title-head,
.hgroup {
    overflow: visible !important;
}






/*Burger Menu*/

.dt-mobile-menu-icon .menu-line {
    background-color: var(--vrede-or) !important;
    transition: background-color .25s ease;
}

.dt-mobile-menu-icon:hover .menu-line {
    background-color: var(--vrede-or) !important;
}

.mobile-menu-open .dt-mobile-menu-icon .menu-line {
    background-color: var(--vrede-or) !important;
}

.mobile-menu-open .dt-mobile-menu-icon:hover .menu-line {
    background-color: var(--vrede-or) !important;
}

.dt-mobile-header .mobile-main-nav > li > a,
.dt-mobile-header .mobile-main-nav .sub-nav > li > a {
  color: var(--vrede-or) !important;
}
.dt-mobile-header .mobile-main-nav > li > a:hover,
.dt-mobile-header .mobile-main-nav .sub-nav > li > a:hover {
  color: var(--vrede-or) !important;
}

.vc_row .uvc-sub-heading,
.vc_row .uvc-main-heading,
.vc_row .aio-icon-header,
.vc_row .aio-icon-title,
.vc_row .uvc-heading,
.vc_row h3,
.vc_row h4,
.vc_row p,
.vc_row a {
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  hyphens: auto;
}




/*Media Points Anpassungen*/

@media (max-width: 768px) {
    .team-two-columns {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}


@media (max-width: 1024px) {
	.header-bar,
	.masthead,
	.masthead-mobile,
	.mobile-header-bar {
	  background-color: #002d47 !important;
	}
	
	.mobile-menu-icon-hover-bg-on
 	.dt-mobile-menu-icon:not(.floating-btn):after {
    background: var(--vrede-or) !important;
	}

	.mobile-header-scrollbar-wrap .mobile-main-nav > li > a:hover {
    background: var(--vrede-or) !important;
	}
	
	.dt-close-mobile-menu-icon:hover::after {
		background: var(--vrede-or) !important;
	}
	
	
	
	.owl-carousel .owl-nav .owl-prev,
	.owl-carousel .owl-nav .owl-next {
		top: 50% !important;
		transform: translateY(-50%);
		position: absolute;
		z-index: 20;
	}

	.owl-carousel .owl-nav .owl-prev {
		left: 10px !important;
	}

	.owl-carousel .owl-nav .owl-next {
		right: 10px !important;
	}
}


@media (max-width: 1200px) {
	.header-bar,
	.masthead,
	.masthead-mobile,
	.mobile-header-bar {
	  background-color: #002d47 !important;
	}
	
	.mobile-menu-icon-hover-bg-on
    .dt-mobile-menu-icon:not(.floating-btn):after {
    background: var(--vrede-or) !important;
	}

	.mobile-header-scrollbar-wrap .mobile-main-nav > li > a:hover {
    background: var(--vrede-or) !important;
	}
	
	.dt-close-mobile-menu-icon:hover::after {
	background: var(--vrede-or) !important;
	}	
}


/*Skiplink*/
.skip-link {
    position: fixed !important;
    top: 50px !important;
    left: 10px !important;
    z-index: 99999 !important;
    background: #fff;
    padding: 10px 15px;
    border-radius: 4px;
}


.page-title.gradient-bg {
    background: var(--vrede-or) !important;
}



.wf-container-bottom a {
    margin-right: 15px;
}