html {font-size:17px;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;}
header .uk-navbar-center {border:solid 1.5px white; padding: 0px 50px; border-radius: 200px;}

h2.highlighter {visibility: initial;}  
h2.active {visibility: visible;}  
h2.highlighter:before {position:absolute;font-weight:800;opacity:.2;margin-left:-.25em;}


.uk-tile-default {
    border-radius: 25px;
}

#hero .uk-background-cover.uk-background-center-center {background-position-x:60%;}

.awsm-grid-wrapper .awsm-grid {
    list-style: none;
    padding: 0px 0;
    margin: 0 -15px;
}

.uk-card.uk-card-secondary {border: 2px solid #DCC6A0;}

.uk-sticky-below ul.falang-language-switcher li a { color:  ;}

.uk-container{padding-left: 30px;padding-right: 30px;}

.chilliii.uk-section:before {content:'';
    background: #FCFCFC;
    border-radius: 200px 200px 0px 0px;
    position: absolute;
    margin-top:-190px;
    width: 100%;
    height: 50px;}

.uk-panel.uk-tile-muted {
    border: 2px solid #DCC6A0;    border-radius: 30px;}

.bird.uk-section-muted:before {content:'';
    background: #F7F7F7;
    border-radius: 200px 200px 0px 0px;
    position: absolute;
    margin-top: -50px;
    width: 100%;
    height: 50px;
    z-index: 99;}

.chill .uk-background-norepeat.uk-background-bottom-left.uk-section{padding-bottom:160px;}




.chill.uk-section-muted:after {content:'';
    background: #F7F7F7;
    border-radius: 0px 0px 200px 200px;
    position: absolute;
    width: 100%;
    height: 50px;
 z-index:99;

}

.bird .uk-background-norepeat.uk-background-bottom-left.uk-section {padding-top: 140px;
    padding-bottom: 190px;}

button.quform-submit{
border-radius: 200px;
background-color: white;
border: 1px solid #173954;
color: #173954;
padding: 15px 25px 15px 25px;
hover-background: #173954;
}

button.quform-submit:hover {background-color: #173954;
color: white;}


 .quform-form .quform-field-text {border:none;
border-bottom: solid 1px lightgrey;}

.quform-button-submit {}

.headerbutton.uk-position-absolute {
    width: auto;
    transform: rotate(270deg);
    border: solid 1.5px white;
    padding: 13px 50px;
    border-radius: 200px;   
    right: 0% !important;position:fixed !important;}

.drawer-style.style-1>.awsm-grid-card {
    padding: 25px;
}
.awsm-grid figure {
    border-radius: 25px;
}
.drawer-style.style-1>.awsm-grid-card .awsm-grid-list-item::before {border:inherit;}
.drawer-style.style-1 figcaption {    left: 0px;    right: 0px;    top: 0px;    bottom:0px;    border-radius: 25px;}
#awsm-team-373 .mCSB_draggerContainer {display:none;}

.drawer-style.style-1 figcaption::before {
    height: 35%;
}

.awsm-team-item .awsm-personal-info {
	    display: flex !important;
    flex-direction: column-reverse;    justify-content: space-evenly;
}


.uk-navbar-right .uk-subnav>* {
    padding-left: 10px;
}
.uk-subnav-divider>::before {
    margin-right: 10px;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
    background: transparent;
}

.uk-sticky-below .uk-navbar-center:not(:only-child) {
    background: #163a5694 !important;
    -webkit-backdrop-filter: blur(1px) !important;
    backdrop-filter: blur(1px) !important;
}

.uk-sticky-below .uk-subnav a {color:#163a56 !important;}
.uk-sticky-below .uk-subnav>.uk-active>a {color:#163a56b8 !important;}
.tm-header-mobile .uk-navbar-container:not(.uk-navbar) {
    background: #163a56;    padding-top: 10px;padding-bottom:10px;
}
.tm-header-mobile .uk-sticky-below .uk-subnav a {
    color: white !important;
}


.awsm-icon-linkedin {font-size: 35px;
    
}
.awsm-social-icons span{height: 60px;
width: 60px;
display:flex;
justify-content: center;
align-items: center;}

.iconss{padding-bottom: 3rem;}

.uk-accordion a.uk-accordion-title::before { background-image: url(/wp-content/uploads/2024/03/fefes.svg) !important;}







/* Versteckt die Elemente standardmäßig */
h2.highlighter {
  display: none;
}

/* Klasse für das Einfliegen */
.highlighter-in {
  display: block !important;
  animation: fadeSlideIn 0.6s ease forwards;
}

/* Klasse für das Ausfliegen */
.highlighter-out {
  display: block !important;
  animation: fadeSlideOut 0.6s ease forwards;
}

/* Die eigentlichen Animationen */
@keyframes fadeSlideIn {
  0% { opacity: 0; transform: translateX(50px); }
  100% { opacity: 1; transform: translateX(0); }
}

@keyframes fadeSlideOut {
  0% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(-50px); }
}

.uk-section-primary .awsm-grid-wrapper .awsm-grid-show p, .uk-section-primary .awsm-grid-wrapper .awsm-grid-show li {    font-size: inherit;
    line-height: 1.5;color: white !important;}

.uk-section-primary .drawer-style.style-1 .awsm-grid-card.awsm-expanded .awsm-grid-list-item::after {
    border-top-color: white;
}

/*.awsm-grid-wrapper .awsm-grid.drawer-style {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}*/

/* ==========================================================================
   5. WOHNUNGSPANEL (W-KACHEL)
   ========================================================================== */
 
 .uk-background-norepeat {
    background-repeat: no-repeat;
    border-radius: 0px;
}
 
 .w-kachel-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
   
 .w-kachel-container h2.rotate-font {

    position: absolute;
}

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

.w-kachel-container > div > div{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2em;
}

.w-kachel-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.w-kachel-container .w-kachel-child {
    transition: all 0.3s ease-in-out;
    width: calc(100%/4)
}
.w-kachel-child .uk-background-norepeat.uk-background-cover {border-radius: 30px;}



.w-kachel-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(130deg, rgb(22 58 86 / 0%) 0%, rgb(22 58 86 / 71%) 100%);
    opacity: 1; /* Hier steuerst du die Transparenz des Bildes */
    z-index: 1; /* Bild liegt hinter dem Content */
    transition: opacity 0.3s ease-in-out; /* Optional: Animation der Bild-Stärke */    border-radius: 30px;
}

.w-kachel-child:hover::before {
    background: linear-gradient(180deg,rgba(22, 58, 86, 1) 0%, rgba(22, 58, 86, 1) 100%);
    opacity: 0.8; /* Hier steuerst du die Transparenz des Bildes */
    transition: opacity 0.3s ease-in-out; /* Optional: Animation der Bild-Stärke */
}


.w-kachel-child > div > div > div > .uk-tile {
    padding: 2em;
}
.w-kachel-container .w-kachel-child .uk-tile .uk-panel{
    position: relative;
    z-index: 2;
}


.w-kachel-container:hover .w-kachel-child {
    width: 20%;
}

.w-kachel-container:hover .w-kachel-child {
    width: 20%;
}

.w-kachel-container .w-kachel-child:hover {
    width: 40%;
}

h2.rotate-font {
	height: 500px;
    right: 0;
    bottom: 0;
    position: absolute;
}


.w-kachel-content-container {
    height: 300px;
}

.w-kachel-container .w-kachel-child .w-kachel-content-container .w-kachel-content {
    opacity: 0;
    /* Schneller (0.2s) und ohne Delay (0s) */
    transition: all 0.1s ease-in-out 0s; 
}

.w-kachel-container .w-kachel-child:hover .w-kachel-content-container .w-kachel-content {
    opacity: 1;
    transition: all 0.2s ease-in-out 0.3s;
}

.w-kachel-container .w-kachel-child .w-kachel-content-container p{
    width: 100%;
    opacity: 0;
    transition: all .1s ease-in-out;
    transform: scaleX(0.7)
}
.w-kachel-container .w-kachel-child:hover .w-kachel-content-container p{
    width: auto;
    padding-right: 10%;
    transform: scaleX(1);
    opacity: 1;
    transition: all .2s ease-in-out 0.1s;
}


.mCSB_container {
    overflow: visible !important;
    width: auto;
    height: auto;
}
.mCustomScrollBox {
    position: relative;
    overflow: visible;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}
.awsm-personal-details {
    max-height: 100% !important;
    overflow: visible !important;
}
.mCSB_scrollTools {display: none !important;}


.portfoliobox 
.drawer-style.style-1 .awsm-details {
    width: 100%;
}



#hero h2.uk-heading-large.highlighter {font-size:2.5rem ;}



/* AWMS TEAM */

.portfoliobox .awsm-grid.drawer-style.style-1 figure {
padding-bottom: 90px;
}
.portfoliobox .drawer-style.style-1 figcaption{
height: 90px;
width: 100%;
bottom: 0;
left: 0;
right: 0;
top: auto;
position: absolute;
padding: 20px;
color: rgba(31,31,31,1);
text-align: center;
overflow: hidden;
background: none;
transform: none;
-webkit-transform: none;
-moz-transform: none;
opacity: 1;
-webkit-transition: height .4s;
-moz-transition: height .4s;
transition: height .4s;
}
.portfoliobox .drawer-style.style-1 figcaption h3{
color:white;
}
.portfoliobox .awsm-grid.drawer-style.style-1 figcaption::before {
content: "";
position: absolute;
height: 1px;
background: ;
transition: height .4s;
-webkit-transition: height .4s;
-moz-transition: height .4s;
left: 0;
bottom: 0;
width: 100%;
}
.portfoliobox .awsm-grid.drawer-style.style-1 figure img {
-webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
transition: transform .4s;
}
.portfoliobox .awsm-grid-wrapper .awsm-grid.drawer-style {
margin: 0 -15px;
}
.portfoliobox .drawer-style.style-1>.awsm-grid-card {
padding: 15px;
}
.portfoliobox .awsm-grid.drawer-style.style-1 figure.cs-hover img, .no-touchevents .awsm-grid.drawer-style.style-1 a:hover img {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
.portfoliobox .awsm-grid.drawer-style.style-1 figure.cs-hover figcaption, .no-touchevents .awsm-grid.drawer-style.style-1 a:hover figcaption{
color: #fff;
height: 125px;
}
.portfoliobox .awsm-grid.drawer-style.style-1 figure.cs-hover figcaption h3, .no-touchevents .awsm-grid.drawer-style.style-1 a:hover figcaption h3{
color: #fff;
}
.portfoliobox .awsm-grid.drawer-style.style-1 figure.cs-hover figcaption::before, .no-touchevents .awsm-grid.drawer-style.style-1 a:hover figcaption::before{
height: 100%;
-webkit-transition: height .2s;
-moz-transition: height .2s;
transition: height .2s;
}
.portfoliobox .drawer-style.style-1 figcaption::after{
display: none;
}
.portfoliobox .drawer-style.style-1 .awsm-personal-info {
display: flex;
flex-flow: column wrap;color:white;
}
.portfoliobox .drawer-style.style-1 .awsm-personal-info * {
order: 3;
}
.portfoliobox .drawer-style.style-1 .awsm-personal-info h3{
order: 1;
margin-bottom: 0;display: none;
}
.portfoliobox .drawer-style.style-1 .awsm-personal-info span{
order: 2;
}
.portfoliobox .drawer-style.style-1 .awsm-personal-details .awsm-content-scrollbar {
display: flex;
flex-flow: column wrap;
}
.portfoliobox .drawer-style.style-1 .awsm-personal-details .awsm-content-scrollbar * {
order: 3;
}
.portfoliobox .drawer-style.style-1 .awsm-personal-details .awsm-content-scrollbar h2{
order: 1;
margin-bottom: 0;
}
.portfoliobox .drawer-style.style-1 .awsm-personal-details .awsm-content-scrollbar span{
order: 2;
margin-bottom: 20px;display: none;
}


.portfoliobox .awsm-grid-wrapper .awsm-grid-control:active,.portfoliobox .awsm-grid-wrapper .awsm-team-link-control:hover,.portfoliobox .awsm-grid-wrapper a:active,.portfoliobox .awsm-grid-wrapper a:hover {color: white !important;}


.portfoliobox .drawer-style.style-1 .awsm-grid-padding .awsm-grid-control, .portfoliobox .drawer-style.style-1 .awsm-grid-padding a {color: white !important;}

.portfoliobox .drawer-style.style-1 .awsm-grid-close:hover::after, .portfoliobox .drawer-style.style-1 .awsm-grid-close:hover::before {color: white !important;}

.portfoliobox .drawer-style.style-1 .awsm-grid-close::after, .portfoliobox .drawer-style.style-1 .awsm-grid-close::before {

    background: white !important;

}












@media (min-width: 960px)
{
	#hero .uk-background-cover.uk-background-center-center {background-position-x:inherit;}
	
#hero h2.uk-heading-large.highlighter {font-size:4.5rem ;}
}

@media (min-width: 1200px)
{
	.uk-sticky-below ul.falang-language-switcher li a { color:  ;}
	
#hero h2.uk-heading-large.highlighter {font-size:5.5rem ;}
}
@media (min-width: 1600px)
{
#hero h2.uk-heading-large.highlighter {font-size:5.5rem ;}
}

@media (max-width: 1200px)
{
	.uk-sticky-below ul.falang-language-switcher li a { color: white ;}
}

@media (max-width: 1600px)
{
    .bird.uk-section:before {content:'';
    background: #F7F7F7;
    border-radius: 200px 200px 0px 0px;
    position: absolute;
    width: 100%;
    height: 50px;
    margin-top: -190px;}
   
}

@media (max-width: 960px)
{
      .headerbutton {display:none;}
    
    
    h2.highlighter:before {margin-left:-.13em;}
    .uk-logo img {width:150px;}
    
     .bird.uk-section:before {content:'';
    background: #F7F7F7;
    border-radius: 200px 200px 0px 0px;
    position: absolute;
    width: 100%;
    height: 50px;
    margin-top: -120px;}
    
    .chilliii.uk-section:before {content:'';
    background: #FCFCFC;
    border-radius: 200px 200px 0px 0px;
    position: absolute;
    margin-top:-120px;
    width: 100%;
    height: 50px;}




    
    
}


@media (max-width: 640px)
{


}