/* Menü */

.uk-nav-sub {
	font-family: Epilogue;
    text-transform: none;

}

.uk-nav a {
	transition: 0.3s!important;
}

.uk-nav a:hover,
.uk-nav a:active,
.uk-nav .uk-active{
	margin-left: 10px;
}


/* Allgemeines */

@media(max-width: 1999px) and (min-width: 1600px){
    h1, .uk-h1{
    	font-size: 75px;
    }
}

@media(max-width: 1599px) and (min-width: 1200px){
    h1, .uk-h1{
    	font-size: 60px;
    }
}

@media(max-width: 1599px) and (min-width: 960px){
    h2, .uk-h2{
    	font-size: 45px;
    }
	
	h3, .uk-h3{
    	font-size: 35px;
    }
	
	h4, .uk-h4{
    	font-size: 25px;
    }
}

@media(max-width: 1199px) and (min-width: 960px){
    h1, .uk-h1,
    .uk-nav > li > a{
    	font-size: 45px;
    }
	
	.uk-text-meta {
		font-size: 20px;
	}
}

@media(max-width: 959px){
    .uk-logo {
    	width: 200px;
    }
    .uk-nav > li > a {
    	font-size: 35px;
    }
	.uk-text-meta {
		font-size: 20px;
	}
	h3, .uk-h3{
    	font-size: 25px;
    }
	
	h4, .uk-h4{
    	font-size: 20px;
    }
}

@media(max-width: 639px){
    h1, .uk-h1,
    .uk-nav > li > a{
    	font-size: 30px;
    }
	
	.uk-modal-body {	
		padding: 20px;
	}
}

@media(min-width: 960px){

	
	.uk-modal-container {
		padding: 70px;
	}
}

@media(min-width: 1600px){
    .uk-container {
		padding-left: 100px;
    	padding-right: 100px;
	}
	
	.uk-modal-container {
		padding: 100px;
	}
}


/* Overlay Slider Projekte */


.ra-overlay-slider-projekte .uk-overlay-primary {
	background-image: linear-gradient(
    to top,
    hsla(0, 0%, 0%, 0.75) 0%,
    hsla(0, 0%, 0%, 0.74) 8.1%,
    hsla(0, 0%, 0%, 0.714) 15.5%,
    hsla(0, 0%, 0%, 0.672) 22.5%,
    hsla(0, 0%, 0%, 0.618) 29%,
    hsla(0, 0%, 0%, 0.556) 35.3%,
    hsla(0, 0%, 0%, 0.486) 41.2%,
    hsla(0, 0%, 0%, 0.412) 47.1%,
    hsla(0, 0%, 0%, 0.338) 52.9%,
    hsla(0, 0%, 0%, 0.264) 58.8%,
    hsla(0, 0%, 0%, 0.194) 64.7%,
    hsla(0, 0%, 0%, 0.132) 71%,
    hsla(0, 0%, 0%, 0.078) 77.5%,
    hsla(0, 0%, 0%, 0.036) 84.5%,
    hsla(0, 0%, 0%, 0.01) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
  );
    transition: 0.3s;
    background-color: transparent;
    height: 33%;
    bottom: 0;
    top: auto;
    
}



.ra-overlay-slider-projekte .el-title::before {
	content: "Projekt:";
    text-align: left;
    display: inline-block;
    position: relative;
}

/* .ra-overlay-slider-projekte .el-title::after {
	content: url("/images/ruppel/icons/pfeil-weiss.svg");
    position: relative;
    display: inline-block;
    width: 30px;
    margin-left: 10px;
    
} */

.ra-overlay-slider-projekte .el-item {
	transition: 0.3s;
}

.ra-overlay-slider-projekte .uk-overlay-primary {
	transition: 0.3s;
}

.ra-overlay-slider-projekte .el-item:hover .uk-overlay-primary {
    height: 100%;
}



.ra-overlay-slider-projekte .el-title {
	transition: 0.3s;
        text-align: left;
}

.ra-overlay-slider-projekte .el-item:hover .el-title {
	margin-left: 10px;
}

@media(max-width: 639px){	
.ra-overlay-slider-projekte .uk-padding-large {
	padding: 20px;
}
    .ra-overlay-slider-projekte .uk-overlay-primary {
    	height: 60%;
    
    }
}


/* Link Pfeil */



.ra-panel-link-arrow .el-link {
	transition: 0.3s;
}

.ra-panel-link-arrow .el-link::after {
	content: url("/images/ruppel/icons/pfeil-grau.svg");
    position: relative;
    display: inline-block;
    width: 30px;
    margin-left: 10px;
    transition: 0.3s;
}


.ra-panel-link-arrow .el-link:hover::after {
	content: url("/images/ruppel/icons/pfeil-schwarz.svg");
    margin-left: 20px;
    
}


.ra-link-arrow {
	transition: 0.3s;
}

.ra-link-arrow::after {
	content: url("/images/ruppel/icons/pfeil-grau.svg");
    position: relative;
    display: inline-block;
    width: 30px;
    margin-left: 10px;
    transition: 0.3s;
}


.ra-link-arrow:hover::after {
	content: url("/images/ruppel/icons/pfeil-schwarz.svg");
    margin-left: 20px;
    margin-right: -10px;
    
}

.ra-link-arrow-down::after {
    margin-left: 10px;
    content: url("/images/ruppel/icons/pfeil-runter-grau.svg");
    width: 15px;
    height: 22px;
    top: 5px;
}

.ra-link-arrow-down:hover::after {
    top: 15px;
	margin-left: 10px;
    content: url("/images/ruppel/icons/pfeil-runter-schwarz.svg");
}


/* Panel Links */


@media(min-width: 639px){
.ra-panel-left {
	margin-top: 70px;
    margin-bottom: 70px;
}
}


/* Modal */

.el-sublayout-modal .uk-close {
	right: 70px;
    top: 70px;
}

.el-sublayout-modal .uk-close svg {
	color: #333333;
}

.el-sublayout-modal .uk-close svg line {
	stroke-width: 2px;
}

@media(max-width: 1199px){
.el-sublayout-modal .uk-close {
	right: 60px;
    top: 60px;
}
}

@media(max-width: 959px){
.el-sublayout-modal .uk-close {
	right: 35px;
    top: 60px;
}
}


@media(max-width: 639px){
.el-sublayout-modal .uk-close {
	right: 15px;
    top: 40px;
}
}


/* Grid Projekte */


.ra-grid-projekte .el-content img {
	width: 30px;
}

.ra-grid-projekte .uk-card-body {
	aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    margin-top: -100%;
    width: calc(100% - 80px);
	background-image: linear-gradient(
    to top,
    hsla(0, 0%, 0%, 0.75) 0%,
    hsla(0, 0%, 0%, 0.74) 8.1%,
    hsla(0, 0%, 0%, 0.714) 15.5%,
    hsla(0, 0%, 0%, 0.672) 22.5%,
    hsla(0, 0%, 0%, 0.618) 29%,
    hsla(0, 0%, 0%, 0.556) 35.3%,
    hsla(0, 0%, 0%, 0.486) 41.2%,
    hsla(0, 0%, 0%, 0.412) 47.1%,
    hsla(0, 0%, 0%, 0.338) 52.9%,
    hsla(0, 0%, 0%, 0.264) 58.8%,
    hsla(0, 0%, 0%, 0.194) 64.7%,
    hsla(0, 0%, 0%, 0.132) 71%,
    hsla(0, 0%, 0%, 0.078) 77.5%,
    hsla(0, 0%, 0%, 0.036) 84.5%,
    hsla(0, 0%, 0%, 0.01) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
  );
    transition: 0.3s;
	opacity: 0;
	padding: 40px;
}

.ra-grid-projekte .el-item:hover .uk-card-body {
	opacity: 1;
}

.ra-grid-projekte .fs-filter-grid {
	margin-top: 0!important;
    margin-bottom: 100px!important;
    width: 33%;
    margin-right: 100px;
    margin-left: auto;
}

@media(max-width: 1599px){
	.ra-grid-projekte .fs-filter-grid {
    margin-right: 70px;
        margin-bottom: 70px!important;
}
}

@media(max-width: 1199px){
	.ra-grid-projekte .fs-filter-grid {
    width: 50%;
}
}

@media(max-width: 959px){
	.ra-grid-projekte .fs-filter-grid {
    margin-right: 40px;
        margin-bottom: 40px!important;
}
}

@media(max-width: 639px){
	
	.ra-grid-projekte .uk-card-body {

    width: calc(100% - 40px);
	padding: 20px;
}
	
	.ra-grid-projekte .fs-filter-grid {
    margin-right: 20px;
        margin-bottom: 20px!important;
            margin-top: 40px!important;
        margin-left: 20px;
        text-align: left;
         width: calc(100% - 40px);
}
   .ra-grid-projekte .fs-filter-grid .uk-subnav{
    	justify-content: flex-start;
    }
    
   .ra-grid-projekte .fs-grid-filter-tags,
   .ra-grid-projekte .fs-filter-grid-left-cell{
    	padding-left: 0;
    }
}


/* Modal Projekte */

.ra-modal-projekte-overlay-slider {
	margin-right: -70px;
    margin-top: 40px!important;
    margin-bottom: 40px!important;
}

.ra-modal-projekte-tabelle .el-content {
	text-align: right;
}

.ra-modal-projekte-tabelle .el-item:first-child td {
    	padding-top: 0!important;
    }
    
    .ra-modal-projekte-tabelle .el-item:last-child td {
    	padding-bottom: 0!important;
    }

@media(max-width: 1199px){
    .ra-modal-projekte-overlay-slider {
	margin-right: -40px;
        margin-top: 0!important;
    margin-bottom: 0!important;
}
}

@media(max-width: 959px){
.ra-modal-projekte-tabelle .el-content {
	text-align: left;
}
    .ra-modal-projekte-tabelle .el-item td:first-child {
    	padding-bottom: 0!important;
    }
    .ra-modal-projekte-tabelle .el-item td:last-child {
    	padding-top: 0!important;
    }
    
    
}

@media(max-width: 639px){
    .ra-modal-projekte-overlay-slider {
	margin-right: -20px;
}
}

@media(min-width: 1600px){
    .ra-modal-projekte-overlay-slider .el-image {
    	aspect-ratio: 1/1;
    }
}


/* Cookie Banner */

.tm-cookie-banner > .uk-notification-message {
   font-size: 16px;
}


.tm-cookie-banner button {
   font-size: 15px;
   padding: 0 10px;
   line-height: 39px;
   text-transform: none;
   letter-spacing: 0;
}


@media(max-width: 439px) {
   .tm-cookie-banner p.uk-margin-small-top {
       text-align: center;
       display: grid;
   }


   .tm-cookie-banner button {
       width: fit-content;
       justify-self: center;
   }


   .tm-cookie-banner button:nth-child(1) {
       margin-bottom: 15px;
   }


   .tm-cookie-banner button:nth-child(2) {
       margin-left: unset!important;
   }
}