/*
 Theme Name:   Hello Elementor Child
 Description:  Hello Elementor Child
 Author:       fourplex
 Author URI:   https://fourplex.de
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  hello-elementor-child
*/


body {
	overflow-x: hidden;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated, .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
	padding: 40px !important;
}

.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-7abdd20.no-padding>.elementor-element-populated {
	padding: 0 !important;
}

*:focus {
	outline:none !important;
	
}

.type-partner {
	margin: auto;
}

strong{
	font-weight: bold !important;
}

/* REFERENZEN SWIPER */
.teamslider .swiper-button-prev, .teamslider .swiper-button-next{
    background: none !important;
}

.teamslider .swiper-button-prev::after, .teamslider .swiper-button-next::after{
    color: #009dc5 !important;
}



@keyframes astronaut {
	0% {
		transform: translatex(0) translatey(0) rotate(0deg);
	}
	20% {
		transform: translatex(-50px) translatey(50px) rotate(15deg);
	}
	50% {
		transform: translatex(0) translatey(0) rotate(-15deg);
	}
	80% {
		transform: translatex(50px) translatey(50px) rotate(15deg);
	}
	100% {
		transform: translatex(0) translatey(0) rotate(0deg);
	}
}

#astronaut {
	animation-name: astronaut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 20s;
}




h1, h2, h3, h4, h5, h6, p, span {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

#dsgvo h2 {
	margin: 20px 0px !important;
}

#dsgvo p {
	margin-bottom: 10px !important;
}

::selection {
    color: #009dc5;
}

.overflowhidden {
	overflow:hidden !important;
}

.overflowvisible {
	z-index: 9999;
    overflow: visible !important;
}


@media (max-width: 1024px) {
	.overflowvisible {
    overflow: hidden !important;
}
}


ul {
	 padding-inline-start: 16px !important;
}

header.elementor-sticky--effects .header-container {
	margin: 0px 20px !important;
	background: #0F1112;

}

header .header-container {
		transition: margin 0.5s ease;
}

.vertical {
    writing-mode: vertical-rl;
    transform: rotate(180deg)
}


.wp-gr .wp-google-rating {
	color: #009dc5 !important;
}

.wp-google-left img {
	display: none !important;
}

div.team .elementor-widget:not(:last-child), div.nobottom.elementor-widget:not(:last-child) {
	margin-bottom: 0px !important;
}

.overlay, .title {
	opacity:0;
	transition: opacity 0.5s ease;
}

.title {
	color:#fff !important;
}


div.team:hover .overlay, 
div.team:hover .title {
	opacity:1;
}
/*
.ref-images article {
	display:none !important;
}

.ref-images article:nth-of-type(1) {
	display:block !important;
}
*/


@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.fourplex-sportclub {
	-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.ref-images article {
	display: none !important;
	
}


.ref-images article.active {
	display: block !important;
	-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}



.ref-texts article.active h3, .ref-texts article.active p  {
	color: #0F1112 !important;
}

.nav ul {
    padding-inline-start: 0px !important;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	margin-top: 3rem;
}

section.elementor-section.elementor-section-boxed>.elementor-container {
	max-width: 80%;
}

@media (max-width: 1024px){
section.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1024px;
	}}

@media (max-width: 767px){
	section.elementor-section.elementor-section-boxed>.elementor-container {
    	max-width: 767px;
	}
	.overflowvisible {
		overflow: hidden !important;
	}
}

.tooltip{
 color: #d1d6d9;}
 
.tooltip:hover{
 color:white;
}
 
.tooltiptext {
  display: none;
  width: 150px;
  color: #fff;
  text-align: center;
  position: absolute;
  z-index: 1;
  padding-left: 50px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
  display: block;
  opacity: 1;
}


p.leistungsname:hover + p.leistungsbeschreibung {
	display:block;
	z-index: 100;
}

p.leistungsname {
	color:#fff;
	text-transform:uppercase;
}


p.leistungsname:hover {
	font-weight: 700;
}

p.leistungsbeschreibung {
	position: absolute;
	padding: 20px;
	background: #000;
	display: none;
}

ul {
	list-style-type: "» ";
}

.ref-images:not(:last-child) {
    margin-bottom: 0px !important;
}

.swiper-button-next, .swiper-button-prev {
	display: flex;
	background: #009dc5 !important;
	justify-content: center;
	align-items: center;
	width: 40px !important;
	height: 40px !important;
	font-size: 20px;
}

/*-----------------ÜBERSETZUNG--------------------*/

.cpel-switcher__list {
	padding: 0 !important;
}

/*---------------ACF Table--------------*/

.my-table tbody tr td {
	background-color: transparent !important;
	border: none !important;
	border-bottom: solid 1px #f7f7f7 !important ;
	font-size: 16pt;
	color: #D1D6D9;
}

.elementor-element-c55205f p {
	font-size: 16pt;
	color: #D1D6D9;
}

/*--------------DRUCKAUFTRAG---------------*/

.hardcode-formular {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 40px;
}

.hiddengroup, .hiddengroup2 {
	display: none;
}

.hiddengroup.visible , .hiddengroup2.visible {
	display: block;
}

.form-group {
	margin-top:30px;
}

.form-group label {
	margin-bottom: 8px;
}

.form-group label.labelkopf {
	margin-bottom: 15px;
	font-size: 18pt;
	color: #6EC1E4;
}

.formularbutton{
	position: absolute;
	bottom: 0;
}


/*-----------------Ansprechpartner Angebotsseite------------------*/

.ansprechpartnerdiv {
	display: grid;
	grid-template-columns: 1fr 1fr;
	
}

.ansprechpartnerbild img {
	max-width: 100% !important;
	height: auto;
}



.ansprechpartnerinfos {
	padding: 40px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

@media (max-width: 800px) {
	.ansprechpartnerdiv {
	grid-template-columns: 1fr;
	
}
.ansprechpartnerinfos {
	padding: 20px;
}
}


/*-----------------Leistungen Angebotsseite------------------*/

.angebotsdiv {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin-bottom: 40px;
}


.angebotstext {
	padding: 40px;
	grid-column: 2 / -1;
	background-color: #009dc5;
}

.angebotstext h3 {
	margin-bottom: 40px;
}

.angebotstext p {
	max-width: 70%;
}


@media (max-width: 800px) {
	
	.angebotsdiv {
	grid-template-columns: 1fr;
}
	.angebotstext {
	padding: 20px ;
	grid-column: 1/ -1;
	grid-row: 2;
}
	.angebotstext p {
	max-width: 100%;
}}

.angebotsbild img {
	max-width: 100% !important;
	height: auto;
}


/*-----------------Ansprechpartner Unterseite------------------*/

.bereichdiv {
	display: grid;
	grid-template-columns: auto 1fr 1fr;
}

.bereichbild {
	grid-column: 1;
	height: auto;
	width: 400px;
	margin-bottom: 50px;
	z-index: 3;
}

.bereichinfos {
	background-color: #009dc5;
	padding: 40px;
	grid-column: 2/ -1;
	margin-top: 50px;
    margin-left: -50px;
	padding-left: 100px;
}

.bereichsname {
	font-size: 20pt !important;
	margin-bottom: 40px !important;
}

.bereichinfos h3, .bereichinfos p, .bereichinfos a {
	color: #fff !important;
}

/*-----------------Ansprechpartner Unterseite LAPTOP------------------*/

@media (max-width: 1300px) {
	
.bereichsansprechpartner {
	font-size: 30pt!important;
}
	.bereichsname {
	font-size: 18pt !important;
}
	
}



/*-----------------Ansprechpartner Unterseite TABLET------------------*/



@media (max-width: 820px) {
	
.bereichdiv {
	display:unset;

}
	
.bereichbild {
	margin-left: -40px;
    margin-bottom: -120px;
	max-width: 80vw;
}
	
.bereichinfos {
	margin-right: -40px;
    margin-left: 40px;
    padding-left: 40px;
	padding-top: 80px;
}
	
.bereichsansprechpartner {
	font-size: 20pt !important;
}
	
.bereichsname {
	font-size: 12pt !important;
}
#space-to-create {
overflow: hidden !important;


}}


/*-----------------Ansprechpartner Unterseite TABLET------------------*/

@media (max-width: 500px) {
	.bereichsansprechpartner {
	font-size: 22pt !important;
}
	
.bereichsname {
	font-size: 12pt !important;
}
}

/*----------------- DIE DRUCKEREI - SUBPAGE ------------------*/
iframe{
	height: auto;
 	width: 100%;
 	aspect-ratio: 9 / 16;
}


.video-container iframe,
.video-container video,
.video-short-container iframe,
.video-short-container video {
	 aspect-ratio: 16 / 9;
}

/*-------------------TIKTOK - SUBPAGE--------------------------*/
.custom-h3 {
	font-size: 100px;
	font-weight: bold;
}


/* REFERENCES ********************************************************************************************************/
/* DUNKIN */
#tiktok-1, #tiktok-2, #tiktok-3{
	cursor: pointer;
}

html{
	 scroll-padding-top: 150px;
}


/* ACCESSABILITY TOOL */
#cx-aw-launcher, body #cx-aw-panel .cx-aw-footer-links  {
    display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	height: 0 !important;
	width: 0 !important;
	overflow: hidden !important;
}

body #cx-aw-panel {
	right: -700px !important;
	width: 600px !important;
}

body #cx-aw-panel.open {
	right: 0px !important;
}

body #cx-aw-panel, body #cx-aw-panel .cx-aw-header, body #cx-aw-panel .cx-aw-footer {
	background: var(--e-global-color-6bf742a) !important;
}

body #cx-aw-panel .cx-aw-item, body #cx-aw-panel .cx-aw-nav-btn, body #cx-aw-panel .cx-aw-control-group, body #cx-aw-panel .cx-aw-font-btn, body #cx-aw-panel .cx-aw-highlight-btn, body #cx-aw-panel .cx-aw-align-btn, body #cx-aw-panel .cx-aw-visual-btn, body #cx-aw-panel .cx-aw-mode-item {
	background: var(--e-global-color-7733555) !important;
	border: 1px solid var(--e-global-color-7733555) !important;
/* 	color: var(--e-global-color-c591db1) !important; */
}

body #cx-aw-panel .cx-aw-item:hover, body #cx-aw-panel .cx-aw-nav-btn:hover, body #cx-aw-panel .cx-aw-font-btn:hover, body #cx-aw-panel .cx-aw-highlight-btn:hover, body #cx-aw-panel .cx-aw-align-btn:hover, body #cx-aw-panel .cx-aw-visual-btn:hover {
	background: var(--e-global-color-primary) !important;
	border: 1px solid var(--e-global-color-primary) !important;
	color: var(--e-global-color-303f61e) !important;
}

body #cx-aw-panel .cx-aw-item.active, body #cx-aw-panel .cx-aw-nav-btn, body #cx-aw-panel .cx-aw-back-btn, body #cx-aw-panel .cx-aw-font-btn.active, body #cx-aw-panel .cx-aw-highlight-btn.active, body #cx-aw-panel .cx-aw-align-btn.active, body #cx-aw-panel .cx-aw-visual-btn.active {
	background: var(--e-global-color-c591db1) !important;
	border-color: var(--e-global-color-c591db1) !important;
}

body #cx-aw-panel .cx-aw-control-btn, body #cx-aw-panel input[type="checkbox"]:checked + .cx-aw-toggle-switch, body #cx-aw-panel .cx-aw-dictionary-input button, body #cx-aw-panel .cx-aw-footer-btn {
	background: var(--e-global-color-c591db1) !important;
}

body #cx-aw-panel .cx-aw-dictionary-input input {
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid var(--e-global-color-c591db1) !important;
}

body #cx-aw-panel .cx-aw-footer-btn {
	font-size: 1rem !important;
}