/*
 Theme Name:   YOOtheme MyTheme
 Template:     yootheme
 Author:       John Doe
 Description:  YOOtheme Child Theme
 Version:      1.0.0
 Text Domain:  yootheme-mytheme
*/

/* ----------------------------------
   FONTS
---------------------------------- */
@font-face {font-family: 'ABCFavorit-Bold'; font-style: normal; src: url(../yootheme/fonts/ABCFavorit-Bold.otf) format('otf'); }
@font-face {font-family: 'ABCFavorit-Bold'; font-style: normal; src: url(../yootheme/fonts/ABCFavorit-Bold.ttf) format('ttf'); }
@font-face {font-family: 'ABCFavorit-Bold'; font-style: normal; src: url(../yootheme/fonts/ABCFavorit-Bold.woff) format('woff'); }
@font-face {font-family: 'ABCFavorit-Bold'; font-style: normal; src: url(../yootheme/fonts/ABCFavorit-Bold.woff2) format('woff2'); }
@font-face {font-family: 'GT-Super-Display-Medium'; font-style: normal; src: url(../yootheme/fonts/GT-Super-Display-Medium.woff2) format('woff2'); }
@font-face {font-family: 'GT-Super-Display-Medium'; font-style: normal; src: url(../yootheme/fonts/GT-Super-Display-Medium.woff) format('woff'); }
@font-face {font-family: 'GT-Super-Display-Medium'; font-style: normal; src: url(../yootheme/fonts/GT-Super-Display-Medium.ttf) format('ttf'); }
@font-face {font-family: 'GT-Super-Display-Medium'; font-style: normal; src: url(../yootheme/fonts/GT-Super-Display-Medium.otf) format('otf'); }


/* ----------------------------------
   KEYFRAMES
---------------------------------- */
@keyframes rotation {
  from {transform: rotate(0deg);}
  to {transform: rotate(359deg);}
}


html p{font-weight: 500;
    font-family: Inter !important;}




/* ----------------------------------
   GRUNDELEMENTE / TYPOGRAFIE
---------------------------------- */
body {color: black!important; padding: 0px !important;}
.page-id-1549 #tm-main {padding-left: 2rem; padding-right: 2rem;}
.uk-light {color: white !important;}

.uk-h1 {line-height: 2rem !important;}
.uk-heading-medium {line-height: 3rem !important;}
.uk-heading-small {line-height: 2rem !important;}
.uk-heading-large {line-height: 4rem !important;}
.uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-accordion-title {letter-spacing: -3px;}
.uk-heading-2xlarge {font-weight: 100 !important;}
.uk-heading-3xlarge {font-weight: 100 !important;}
.fontsplit {font-family: 'ABCFavorit-Bold';}
.quform-button-text {color: black !important;}
.textbox {display: inline-block; background: black; color: inherit; padding: 0.5cm;}


/* ----------------------------------
   HEADER & MENU
---------------------------------- */
.headersmall {display: flex;}
.uk-navbar-nav>li>a {min-height: 40px !important;}
.uk-navbar {padding: 1rem !important;}
.uk-navbar-right .menu-item-type-post_type.menu-item-object-page {border: 3px black solid; padding: 5px 15px 5px 15px;}


/* ----------------------------------
   SEKTIONEN & HINTERGRÜNDE
---------------------------------- */
.overlayslidercolor .el-item {background-color: rgba(0, 0, 0, 0.4);}
.backgroundblack {background-color: black; padding: 80px;}
.backgroundblack .uk-heading-medium {line-height: 78px;}
.uk-tile-default.uk-position-cover {background-color: rgba(0, 0, 0, 0.4);}
footer {margin-top: 40px;}


/* ----------------------------------
   BUTTONS
---------------------------------- */
/* Primary */
.uk-button.uk-button-primary {
	content: url('../../../wp-content/uploads/2024/07/Ebene-1-2-5.svg');
	border: none;
	width: 8rem;
	transition: transform .2s;
}
.uk-button.uk-button-primary:hover {
	transform: scale(1.2);
	background-color: transparent;
}
.bigpicbox .uk-button.uk-button-primary {position: absolute; right: 35px; bottom: 50px;}
.buttonsmalldisplay .uk-button.uk-button-primary {width: 5em; padding: 0px; margin: 0.5rem;}
.buttonsmalldisplay .uk-overlay {display: flex;}
.nonepadding .uk-button.uk-button-primary {
	content: url('../../..//wp-content/uploads/2024/07/Ebene-1-2-4.svg');
	border: none;
	width: 5em;
	padding: 0px !important;
	transition: transform .2s;
}

/* Secondary */
.uk-button.uk-button-secondary {
	content: url('../../../wp-content/uploads/2024/07/Ebene-1-2-2.svg');
	border: none;
	width: 8rem;
	float: right;
	transition: transform .2s;
}
.uk-button.uk-button-secondary:hover {transform: translate(20px); background-color: transparent;}
.bigbutton .uk-button.uk-button-secondary:hover {transform: scale(1.3); background-color: transparent;}

/* Default & Danger */
.uk-button.uk-button-default {background-color: transparent; border: 1px solid white; color: white;}
.uk-button.uk-button-danger {background-color: transparent; border: 1px solid black; color: black;}
.uk-button.uk-button-danger:hover {background-color: black;}
.uk-button.uk-button-danger:active {background-color: black;}


/* ----------------------------------
   FORMULAR
---------------------------------- */
.quform-button-submit .quform-submit {
	border: 3px solid black;
	background-color: transparent;
	font-family: 'ABCFavorit-Bold';
	padding: 10px 15px;
	text-transform: uppercase;
}
.quform-button-submit .quform-submit:hover {background-color: black; }
.quform-button-submit .quform-submit:hover span {color:white !important; }

.quform-option-text a {text-decoration: underline;}

/* ----------------------------------
   HOME SEITE: HOVER & BOXEN
---------------------------------- */
.iconbutton .el-link img {transition: transform .2s;}
.iconbutton .el-link img:hover {transform: scale(1.5);}

.homebox .uk-overlay-default {visibility: hidden;}
.homebox:hover .uk-overlay-default {visibility: visible; transition: all 1s ease-in;}
.homebox .el-title {translate: 0em 3em; transition: .3s ease-in;}
.homebox:hover .el-title {translate: 0em 0em;}
.homebox .el-content {visibility: hidden; translate: 0em 3em; opacity: 0; transition: .3s ease-in;}
.homebox:hover .el-content {visibility: visible; opacity: 1; translate: 0em 0em;}
.homebox .el-link {visibility: hidden; translate: 0em 3em; opacity: 0; transition: .3s ease-in;}
.homebox:hover .el-link {visibility: visible; opacity: 1; translate: 0em 0em;}

.homeboxmini .uk-overlay-default {visibility: hidden;}
.homeboxmini:hover .uk-overlay-default {visibility: visible; transition: all 1s ease-in;}
.homeboxmini .el-title {translate: 0em 1.8em; transition: .3s ease-in;}
.homeboxmini:hover .el-title {translate: 0em 0em;}
.homeboxmini .el-content {visibility: hidden; translate: 0em 3em; opacity: 0; transition: .3s ease-in;}
.homeboxmini:hover .el-content {visibility: visible; opacity: 1; translate: 0em 0em;}
.homeboxmini .el-link {visibility: hidden; translate: 0em 3em; opacity: 0; transition: .3s ease-in;}
.homeboxmini:hover .el-link {visibility: visible; opacity: 1; translate: 0em 0em;}

.uk-overlay-default {background: rgba(0,0,0,0.4);}
.blacksectionhomebutton .uk-button.uk-button-primary {width: 7rem;}
.blacksectionhomebutton .uk-flex-middle .uk-first-column {display: flex !important; justify-content: end !important;}


/* ----------------------------------
   ACCORDION
---------------------------------- */
.accordiontext .uk-accordion-content .el-content {margin-bottom: 2rem;}
.uk-accordion-content {margin-top: 2rem !important;}
.accordionlosung {padding-left: 12rem !important; padding-right: 9rem !important;}

.el-title.uk-accordion-title::before {
	background-image: none;
	content: url('../../../wp-content/uploads/2024/07/Ebene-1-2-2.svg');
	width: 2.5rem;
	float: right;
	transition: transform .2s;
	margin-right: 20px;
}
.el-title.uk-accordion-title:hover::before {transform: rotate(90deg);}
.uk-open .el-title.uk-accordion-title::before {transform: rotate(90deg);}
.uk-open>.uk-accordion-title::before {background-image: none !important;}

.uk-accordion-title:hover#uk-accordion-2,
.uk-accordion-title:hover#uk-accordion-4,
.uk-accordion-title:hover#uk-accordion-6,
.page-id-1738 .uk-accordion-title:hover#uk-accordion-1,
.page-id-1738 .uk-accordion-title:hover#uk-accordion-3,
.page-id-1738 .uk-accordion-title:hover#uk-accordion-5 {color: #8c8c8c;}


/* ----------------------------------
   CARDS
---------------------------------- */
.uk-card.uk-card-secondary {border-radius: 0;}
.homecard.uk-card.uk-card-primary {background: black; display: block !important; border: none; color: white;}
.uk-card.uk-card-default {border-radius: 20px 0px 20px 20px; box-shadow: inset 0 5px 15px rgba(0,0,0,.2);}
.uk-card.uk-card-primary {border:none; transition: transform .2s; display: flex; align-items: flex-end;}
.uk-card.uk-card-primary .el-title .uk-margin-top {display: flex; align-items: flex-end;}


/* ----------------------------------
   SLIDER / SLIDENAV
---------------------------------- */
.sliderbig .uk-slidenav-next {
	content: url('../../../wp-content/uploads/2024/07/Ebene-1-2-4.svg');
	border: none;
	width: 2rem;
	float: right;
	transition: transform .2s;
	background-color: transparent !important;
}
.sliderbig .uk-slidenav-previous {
	content: url('../../../wp-content/uploads/2024/07/pfeil-mittel.svg');
	border: none;
	width: 2rem;
	float: right;
	transition: transform .2s;
	background-color: transparent !important;
}
.sliderbig .uk-slidenav-next:hover,
.sliderbig .uk-slidenav-previous:hover {transform: scale(1.2);}


/* Testimonials */
.testimonials .el-item {display: flex; flex-direction: column;}
.testimonials .el-item img {width: 180px; height: 180px; border-radius: 50%; display: flex; flex-direction: column; margin-bottom: 20px;}
.testimonials .el-item picture {display: flex; justify-content: center;}
.testimonials .el-slidenav.uk-slidenav-previous {
	content: url('../../../wp-content/uploads/2024/07/fsf.svg');
	border: none;
	width: 5rem;
	transition: transform .2s;
	background-color: transparent !important;
}
.testimonials .el-slidenav.uk-slidenav-next {
	content: url('../../../wp-content/uploads/2024/07/Ebene-1-2-2.svg');
	border: none;
	width: 5rem;
	background-color: transparent !important;
	transition: transform .2s;
	transform-origin: center center;
}
.testimonials .el-slidenav.uk-slidenav-next:hover,
.testimonials .el-slidenav.uk-slidenav-previous:hover {transform: scale(1.1);}


/* Project Panel Slider */
.project_panel_slider {height: 710px;}
.project_panel_slider .el-slidenav.uk-slidenav-previous {
	content: url('../../../wp-content/uploads/2024/07/fsf.svg');
	width: 3rem;
	background-color: transparent;
	transition: transform .3s;
}
.project_panel_slider .el-slidenav.uk-slidenav-next {
	content: url('../../../wp-content/uploads/2024/07/Ebene-1-2-2.svg');
	width: 3rem;
	background-color: transparent;
	transition: transform .3s;
}
.project_panel_slider .el-slidenav.uk-slidenav-next:hover,
.project_panel_slider .el-slidenav.uk-slidenav-previous:hover {transform: scale(1.1);}
.project_panel_slider .uk-slidenav-container {position: absolute !important; bottom: -120px; right: -45px;}


/* ----------------------------------
   BILDER & ANIMATIONEN
---------------------------------- */
.scaleimage {transition: transform .5s;}
.scaleimage:hover {transform: scale(1.02);}
.rotate img {animation: rotation 8s infinite linear;}


/* ----------------------------------
   SONDERKLASSEN
---------------------------------- */
.fcknazis::before {content: url('../../../wp-content/uploads/2024/11/Katze_Basic_Kaffee.gif'); scale: 0.2; width: 120px; position: absolute; margin-top: -43rem; margin-left: 100px; transform: .2s;}
.gifcat01::before {content: url('../../../wp-content/uploads/2024/11/Katze_Basic_Crazy.gif'); scale: 0.2; width: 120px; position: absolute; margin-top: -32.2rem; margin-left: 49vw; transform: .2s;}
.gifcat02::before {content: url('../../../wp-content/uploads/2024/11/Katze_Basic_Raster.gif'); scale: 0.2; width: 120px; position: absolute; margin-top: -40rem; margin-right: 100px; transform: .2s;}

.catcircleafter.big {position: relative;}
.catcircleafter.big::after {
	content:'';
	background: url("../../../wp-content/uploads/2024/07/svg-kreis.svg");
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	margin-top: -150px;
	right: 0;
	margin-right: 120px;
	display: block !important;
	width: 19em;
	height: 19em;
	background-color: white;
	border-radius: 50%;
	animation: rotation 8s infinite linear;
}
.catcircleafterleftbig {position: relative;}
.catcircleafterleftbig::after {
	content:'';
	background: url("../../../wp-content/uploads/2024/07/svg-kreis.svg");
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 120px;
	margin-right: 120px;
	display: block !important;
	width: 20em;
	height: 20em;
	background-color: white;
	border-radius: 50%;
	animation: rotation 8s infinite linear;
	margin-top: 60px;
}
.catcircleafterleft {position: relative;}
.catcircleafterleft::after {
	content:'';
	background: url("../../../wp-content/uploads/2024/07/svg-kreis.svg");
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 120px;
	margin-right: 120px;
	display: block !important;
	width: 15em;
	height: 15em;
	background-color: white;
	border-radius: 50%;
	animation: rotation 8s infinite linear;
	margin-top: 60px;
}


/* ----------------------------------
   MEDIA QUERIES
---------------------------------- */
@media (max-width: 640px) {
	.blacksectionhomebutton .uk-button.uk-button-primary {width: 7rem;}
	.uk-accordion-title {font-size: 35px !important;}
	.el-title {line-height: 2rem !important;}
}

@media (max-width: 580px) {
	.button_projekte .el-content.uk-button {width: 100%;}
	.button_projekte .el-item {width: 100%;}
}

@media (max-width: 1000px) {
	.fcknazis::before {scale: 0.1; margin-top: -41rem; margin-left: 0px; width: 10px;}
}

@media (max-width: 1232px) {
	.uk-navbar-right {display: flex; align-items: flex-end !important;}
}

@media (max-width: 1200px) {
	.uk-navbar-center .uk-navbar-nav {position: relative; bottom: -9vh; right: 13vw;}
}

@media (max-width: 960px) {
	.catcircle::before,
	.scaleimagecat::before,
	.rotate img,
	.catcircleafterleftbig::before,
	.catcircleafter::before,
	.catcircleafter.big::after {display: none !important;}

	.bookingbox .el-link.uk-button-secondary {padding: 0px !important; width: 7em;}
	.bookingbox {display: flex !important; align-items: flex-start !important; flex-direction: column;}
	.el-title {line-height: 3rem !important;}
}

@media (min-width: 1600px) {
	.overlayslidercolor .el-link {width: 4em !important; position: absolute; bottom: 7vh; right: 8vw;}
	.buttontablet .el-link {right: 85px;}
}