/*
Theme Name: Fellinger Metallbau
Theme URI: https://www.metallbau-fellinger.at
Author: Ing. Michael Krichbaum
Author URI: https://www.disignx.com
Description: Das offizielle Theme von Metallbau Fellinger

Version: 2025.1

Metallbau Fellinger © 2025
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

*, *::after, *::before {box-sizing: border-box!important;}

*{
	margin: 0;
	padding: 0;
	outline: none;
	line-height: inherit;
	min-width: 0;
	min-height: 0;
}

*, *::before, *::after
{
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
}

:root {
  font-size: calc(100vw / 100);
  --fcolor:rgb(0,0,0);
  --white: rgb(255,255,255,1);
  --white-transparent: rgb(255,255,255,0.8);
  --slate-grey: rgb(129, 129, 129);
  --skyline-blue: rgb(0, 147, 208);
  --electric-sky: rgb(62, 210, 255);
  --old-royal-blue: rgb(0,19,240);
  --midnight-blue: rgb(11,23,63);
  --light-gray: rgb(245,245,245);
  --black:rgb(0,0,0);
  --midnight-purple:rgb(25, 25, 37);
  --burger-menu-transition: 300ms;
  --transition-duration-04: 0.4s;
}


@media(max-width: 1199.98px){:root {font-size: calc(100vw / 50);}}
@media(max-width: 767.98px){:root {font-size: calc(100vw / 30);}}



body, html
{
font-family: "Open Sans", sans-serif;
font-optical-sizing: auto;
-webkit-text-size-adjust: 100%;
color:var(--fcolor);
font-size: .94rem;
font-weight:300;
background:var(--light-gray);
}


.global-frame{position:relative;z-index:2;padding-left:8rem;padding-right:8rem;}
@media(max-width: 1199.98px){.global-frame{padding-left:4rem;padding-right:4rem;}}
@media(max-width: 767.98px){.global-frame{padding-left:2rem;padding-right:2rem;}}



/*
##########################################
TOOLKIT
##########################################
*/

[class^="col-"], [class*=" col-"] {margin-bottom:1.5rem;}

/*
##########################################
HEADINGS
##########################################
*/

h1,h2,h3,h4,h5,h6{line-height:1.2;}

h1{position:relative;display:inline-block;width:100%;font-size:4rem;padding-bottom:1rem;font-weight:600;color:var(--skyline-blue);}
@media(max-width: 767.98px){h1{font-size:3.5rem;}}
h2{position:relative;display:inline-block;width:100%;font-size:3rem;font-weight:600;padding-bottom:1rem;}

h3{position:relative;display:inline-block;width:100%;font-size:2rem;font-weight:200;padding-bottom:1rem;color:var(--skyline-blue);}


h4{position:relative;display:inline-block;font-size:1.6rem;font-weight:200;padding-bottom:0.5rem;margin-bottom:1rem;}
.h4-bordered{border-bottom:1px solid var(--fcolor);padding-bottom:1rem;}
.only-heading{padding-top:15rem;}
@media(max-width: 1199.98px){.only-heading{padding-top:0rem;}}

h5{display:inline-block;width:100%;font-size:1.4rem;color:var(--fcolor);font-weight:200;margin-bottom:1rem;}


@keyframes gradient-animation {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}


.bg-icon-disignx{padding-top:2rem;padding-bottom:2rem;}
.bg-icon-disignx::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;display:block;background:url(img/icon-disignx.svg);background-size:auto 100%;background-repeat: no-repeat;opacity:0.1;}
@media(max-width: 767.98px){.bg-icon-disignx::before{background:url(img/icon-disignx.svg);background-size:auto 90%;background-repeat: no-repeat;}}


/*
##########################################
GENERAL TRANSITIONS
##########################################
*/
a, header, transition-04, .mobile-menu, .wrapper-toggle-button, #scroll-to-content, input, textarea, #cn-notice-buttons a, .cn-close-icon, #mobile-navigation  .sub-menu li, #desktop-navigation .sub-menu li a, #mobile-navigation  .sub-menu li a, .global-transition, .web-quality-point-wrapper, a.link-to-project, .gradient-hover, a.link-to-project, .gradient-hover, .gt04,
.slide-arrow img
{
  -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}

/*
##########################################
FORMATING
##########################################
*/
a{color:var(--fcolor);position: relative;z-index:10;text-decoration: none;}
a:hover{color:var( --skyline-blue);}
b{font-weight:700!important;}
i, em{font-style: italic;}
p {margin: 0 0 1.5rem;line-height: 1.6;}

img{max-width:100%;height:auto;}
strong{font-weight:600;}

.hidden {display:none;}
.no-points{list-style-type:none;}
hr{margin-top:2rem;margin-bottom:2rem;}


/* Standardmäßig das <br> ausblenden */
.desktop-break{display:block;}

/* Im Desktopmodus anzeigen (z.B. ab 992px Breite) */
@media(max-width: 1199.98px){.desktop-break {display:none;}}


/*RESPONSE POINTS
@media(max-width: 575.98px){}
@media(max-width: 767.98px){}
@media(max-width: 991.98px){}
@media(max-width: 1199.98px){}
@media(max-width:1600px){}
*/




/*
##########################################
SPACES
##########################################
*/
.padd-left{padding-left:5rem;}
@media(max-width: 1199.98px){.padd-left{padding-left:0rem;}}

.padd-right{padding-right:5rem;}
@media(max-width: 1199.98px){.padd-right{padding-left:0rem;}}

@media(max-width: 1199.98px){.margin-0-resp{margin:0;}}

.mt-2rem{margin-top:2rem!important;}
.nopt{padding-top:0rem!important;}
.nopb{padding-bottom:0rem!important;}
.nomb{margin-bottom:0rem!important;}
.nomt{margin-top:0rem!important;}

.no-padding{padding:0rem!important;}


.padding-content-1{padding-top:6rem;}


/*
##########################################
Z-Index
##########################################
*/
.z-index-1{z-index:1;}
.z-index-0{z-index:0;}
.z-index-5{z-index:5;}


/*
##########################################
Aligments
##########################################
*/
.acenter{text-align:center;}
.aleft{text-align:left;}
.aright{text-align:right;}
.float-right{float:right;}

@media(max-width: 1199.98px){.resp-align-left{text-align:left;}}

/*
##########################################
Wrappers
##########################################
*/
.text-wrapper-white{position:relative;display:block;width:100%;padding:6rem;background:var(--white);}


/*
##########################################
Groups
##########################################
*/
.group-text-1{position:relative;display:block;float:left;width:100%;padding-left:4rem;}
.group-text-1::before{content:"";position:absolute;top:1rem;left:0;width:2.5rem;height:1px;background:var(--black);}
/*
##########################################
Elements
##########################################
*/
.heroimage-contentpage{position:absolute;display:block;top:0;left:0;width:36%;bottom:0;}
@media(max-width: 1199.98px){.heroimage-contentpage{width:100%;}}

.section-titling{position:relative;z-index: -1;display:block;width:100%;padding-bottom:2rem;}
.section-titling span { position: relative;z-index: 11;font-weight: 600;letter-spacing: 0.4rem;font-size: 75%;color: var(--skyline-blue);background: var(--light-gray);padding-right: 1rem;text-transform:uppercase;}
.section-titling::after {content: "";z-index: 10;display: block;position: absolute;top: 0.7rem;width: 100%;height: 1px;background: var(--black);}

/*
##########################################
Images
##########################################
*/
.cover-image-container{position:relative;display:block;float:left;width:100%;height:100%;}
.cover-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}
@media(max-width: 1199.98px){.cover-image-container{height:30rem;}}


/* Cover Image Default Absolute */
.cover-image-container-absolute{position:absolute;top:0;left:0;display:block;float:left;width:100%;height:100%;}
.cover-image-container-absolute img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}

.cover-image-container-absolute-individual-1{position:absolute;z-index:0;top:0;right:0;display:block;float:left;width:55%;height:100%;}
.cover-image-container-absolute-1 img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}

@media(max-width: 1199.98px){.cover-image-container-absolute-individual-1{width:100%;height:24rem;}}

/* Cover Image Electric Frame */
.cover-image-container-frame{position:relative;display:block;float:left;width:100%;height:100%;}

.cover-image-container-frame::after{content:"";display:block;position:absolute;z-index:-1;top:0;width:90%;height:90%;border:0.2rem solid var( --skyline-blue);border-radius:2rem;}
.cover-image-container-frame img{position:absolute;bottom:0;width:90%;height:90%;object-fit: cover;}
.cover-image-container-frame.image-contain img{width:100%;height:100%;object-fit:contain;}

.cover-image-container-frame.frame-left::after{left:0;}
.cover-image-container-frame.frame-left img{right:calc(var(--bs-gutter-x) / 2);}

.cover-image-container-frame.frame-right::after{right:0;}
.cover-image-container-frame.frame-right img{left: calc(var(--bs-gutter-x) / 2);}

@media(max-width: 1199.98px){.cover-image-container-frame{width:100%;height:auto;padding-top:100%;margin-bottom:3rem;}}


/*
##########################################
Text Formating
##########################################
*/

#content ul { display:block; width:100%; padding-top:0rem; padding-bottom:1rem; padding-left:1rem; list-style:none; margin:0; }
#content ul li { position:relative; display:block; width:100%; padding-top:0.3rem; padding-bottom:0.3rem; padding-left:1rem; font-weight:300; }
#content ul li::before { content:""; position:absolute; top:0rem; left:0rem; width:1rem; height:100%; background:url("img/list-style-point.svg"); background-size:0.3rem auto; background-position:top 0.6rem left; background-repeat:no-repeat; }



/*
##########################################
SECTIONS & COLOR SCHEMES
##########################################
*/
section{position:relative;display:block;width:100%;padding-top:12rem;padding-bottom:6rem;}
@media(max-width: 1199.98px){section.content-page{padding-top:35rem;}}
.section-first-frontpage{padding-top:8rem;}


/*
##########################################
COLORS
##########################################
*/
.sb{color:var( --skyline-blue);}


/*
##########################################
GLOBAL SPACERS
##########################################
*/
.spacer-12rem{display:inline-block;width:100%;height:12rem;}
.spacer-9rem{display:inline-block;width:100%;height:9rem;}
.spacer-6rem{display:inline-block;width:100%;height:6rem;}
.spacer-5rem{display:inline-block;width:100%;height:5rem;}
.spacer-4rem{display:inline-block;width:100%;height:4rem;}
.spacer-3rem{display:inline-block;width:100%;height:2rem;}
.spacer-2rem{display:inline-block;width:100%;height:2rem;}
.spacer-1rem{display:inline-block;width:100%;height:1rem;}
.spacer-05rem{display:inline-block;width:100%;height:0.5rem;}



/*
##########################################
VISIBILITY
##########################################
*/
.resp-display{display:none;}
@media(max-width: 1199.98px){.resp-display{display:block;}}

.no-display-resp{display:block;}
@media(max-width: 1199.98px){.no-display-resp{display:none;}}

/*
##########################################
BUTTONS
##########################################
*/

.button-1{float:left;display:block;padding:1.5rem 3rem 1.5rem 3rem;margin-top:1rem;font-size:1.2rem;border-radius:5rem;border:1px solid var( --skyline-blue);color:var( --white);background:var(--skyline-blue);font-weight:600;}
.button-1:hover{border:1px solid var( --electric-sky);background:var( --electric-sky);color:var(--white);}
.button-1.white-hover:hover{border:1px solid var(--light-gray);background:var(--light-gray);color:var(--fcolor);}

.button-mini, .project-category-tag{display:inline-block;padding:0.8rem 1.5rem 0.8rem 1.5rem;margin-top:1rem;text-decoration:none;color:var( --skyline-blue);font-size:100%;;border-radius:5rem;transition: all .3s ease-in-out;border:0.1rem solid var( --skyline-blue);}
.project-category-tag{margin-right:1rem;}

.button-mini:hover, .button-mini:active, .button-mini:focus{background:var(--white-transparent-middle);color:#fff;}


.button-2{display:inline-block;padding:1rem 2rem 1rem 2rem;margin-top:1rem;text-decoration:none;color:var(--skyline-blue);font-weight:600;border-radius:3rem;border:1px solid var(--skyline-blue);}
.button-2:hover{color:var( --fcolor);border:1px solid var( --fcolor);}


.button-supersize{display:inline-block;}

.button-4{display:inline-block;padding:0.3rem 1rem 0.3rem 1rem;text-decoration:none;color:var(--fcolor);font-weight:600;border-radius:2rem;border:0.2rem solid var(--fcolor);}

/*
##########################################
HEADER
##########################################
*/
header{position:fixed;display:block;z-index:1001;left:0px;top:0px;width:100%;height:auto;padding-top:1.5rem;padding-bottom:1.5rem;background:var(--white-transparent);min-height:7rem;}

header.hasScrolled{background:var(--white);}

.header-logo{position:relative;display:block;float:left;width:15rem;}
@media(max-width: 1199.98px){.header-logo{width:12rem;}}

.header-logo img{display:block;width:100%;height:auto;}


/*
##########################################
NAVIGATION DESKTOP
##########################################
*/


.header-menu-wrapper{display:flex;justify-content:flex-end;align-items:center;}

#desktop-navigation{display:flex;align-items:center;padding-left:8rem;padding-top:1rem;}
@media(max-width: 1199.98px){#desktop-navigation{display:none;}}

/* Menu */
#desktop-navigation ul{display:flex;align-items:center;list-style:none;padding:0;margin:0;}
#desktop-navigation ul li{position:relative;display:flex;align-items:center;margin-left:1rem;margin-right:1rem;padding-bottom:1rem;cursor:pointer;}
#desktop-navigation ul li.menu-item-has-children::before{content:"";position:absolute;bottom:-0.5rem;left: calc(50% - 0.4rem);width: 1.2rem;height:0.8rem;background-image:url(img/dropdown-arrow.svg);background-size:100% auto;background-repeat:no-repeat;transition:all 0.5s ease;pointer-events:none;}
#desktop-navigation ul li a{display:flex;align-items:center;text-decoration:none;font-size:1.2rem;font-weight:700;color:var(--white);background:var(--slate-grey);padding:0.8rem 2rem 0.8rem 2rem;}

#desktop-navigation ul li a:hover{background:var(--skyline-blue);}

/* Sub-Menu */
#desktop-navigation .sub-menu{position:absolute;top:4rem;left:0rem;display:flex;flex-direction:column;min-width:16rem;padding:0;visibility:hidden;transform:translate(0,-2rem);transition:transform 0.2s ease-out,opacity 0.2s,z-index 0s 0.2s;opacity:0;}
#desktop-navigation .sub-menu li{display:block;width:100%;padding-top:0.1rem;padding-bottom:0.1rem;margin:0rem;}
#desktop-navigation .sub-menu li a{display:block;font-size:1rem;font-weight:500;color:var(--white);background:var(--skyline-blue);}
#desktop-navigation .sub-menu li a:hover{background:var(--electric-sky);color:var(--white);}


/* LI HOVER */
#desktop-navigation ul li.menu-item-has-children:hover::before{transform: rotate(180deg);}

/* LI HOVER */
#desktop-navigation ul li:hover .sub-menu, #desktop-navigation ul li:active.sub-menu{
  visibility: visible;
  transform: translate(0, 0);
  opacity: 1;
  z-index: 0;
}

/* LI HOVER */
#desktop-navigation ul li:hover .sub-menu li, #desktop-navigation ul li:active .sub-menu li{
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}

/* Keyframes */
@-webkit-keyframes slideInLeft {
  from {
    transform: translate(-25%, 0);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes slideInLeft {
  from {
    transform: translate(-25%, 0);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/*
##########################################
NAVIGATION RESPONSIV
##########################################
*/


/*MAIN NAVIGATION*/
.mobile-menu{position:fixed;z-index:999;top:0px;left:0px;display:block;width:100%;height:0;opacity:0%;top:50%;overflow-y:auto;
  background:var(--light-gray);
    -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}

.show-mobile-navigation .mobile-menu{height:100%;top:0%;opacity:100%;}


#mobile-navigation ul{display:block;float:right;width:100%;margin:0px;padding:0px;padding:8rem;background:var(--white);}

@media(max-width: 1199.98px){#mobile-navigation ul{padding:4rem;padding-top:8rem;}}
@media(max-width: 767.98px){#mobile-navigation ul{padding:2rem;padding-top:12rem;}}

#mobile-navigation ul li{position:relative;display:block;float:left;width:100%;cursor:pointer;padding-left:4.5rem;background:var(--skyline-blue);margin-bottom:1rem;}
#mobile-navigation ul li a{float:left;text-align:left;width:100%;padding-top:1rem;padding-bottom:1rem;font-size:2.5rem;font-weight:700;color:var(--white);}

#mobile-navigation ul li a:hover{color:var(--white);}


#mobile-navigation ul li.menu-item-has-children::before{position:absolute;top:50%;left:0.3rem;transform:translateY(-50%);display:block;content:'\f3dd';font-family:'Material Symbols Outlined';font-size:4rem;transition:all 0.5s ease;color:var(--white);}



#mobile-navigation ul li.menu-item-has-children:hover::before{color:var(--white);}
#mobile-navigation ul li.menu-item-has-children.expand-menu-button::before{content:'\e644';font-family: 'Material Symbols Outlined';transition: all 0.5s ease;}


#mobile-navigation ul li.menu-item-has-children.expand-menu-button .open-submenu{color:var(--white);}
#mobile-navigation ul li.menu-item-has-children.expand-menu-button::before{padding-right:3rem;color:var(--white);}

/* Sub-Menu */
#mobile-navigation  .sub-menu{display:block;float:left;width:50%;padding:0rem;min-height:auto;max-height:0rem;overflow:hidden;background:transparent; -webkit-transition: max-height 1s;
  -moz-transition: max-height 0.5s;
  -ms-transition: max-height 0.5s;
  -o-transition: max-height 0.5s;
  transition: max-height 0.5s;
}

@media(max-width: 1199.98px){#mobile-navigation  .sub-menu{width:100%;}}


#mobile-navigation  .sub-menu li{display:block;float:left;width:100%;margin:0rem;padding-left:0rem;}
#mobile-navigation  .sub-menu li:first-of-type{margin-top:1rem;}
#mobile-navigation  .sub-menu li a{display:block;width:100%;font-weight:600;font-size:1.5rem;padding:1.5rem 2rem 1.5rem 2rem;background:var(--white);margin-bottom:1rem;}
@media(max-width: 767.98px){#mobile-navigation  .sub-menu li a{font-size:1rem;color:var(--skyline-blue)}}
#mobile-navigation  .sub-menu li a:hover{padding-left:4rem;color:var(--electric-sky);}

#mobile-navigation  .sub-menu.open-submenu{max-height:100rem;}



/*
##########################################
TOGGLE BUTTON
##########################################
.global-frame{position:relative;z-index:2;padding-left:10rem;padding-right:10rem;}
@media(max-width: 1199.98px){.global-frame{padding-left:4rem;padding-right:4rem;}}
@media(max-width: 767.98px){.global-frame{padding-left:2rem;padding-right:2rem;}}
*/

.wrapper-toggle-button{position:absolute;z-index:1000;display:none;top:0rem;right:0rem;}
@media(max-width: 1199.98px){.wrapper-toggle-button{display:block;}}

.burger-wrapper 
{
  position:relative;
  display:block;
  float:left;
  cursor: pointer;
  margin: auto;
  width: 7rem;
  height: 7rem;
  caret-color: transparent;
  border:0.2rem solid var(--skyline-blue);
}
.burger-wrapper .hamburger {
  position: relative;
  top:50%;
  left:50%;
  background: var( --skyline-blue);
  width: 50%;
  margin-left:-25%;
  display:block;
  height: 0.2rem;
  transition: background 10ms 300ms ease;
}
.burger-wrapper .hamburger:before, .burger-wrapper .hamburger:after {
  transition: top 300ms 350ms ease, transform 300ms 50ms ease;
  position: absolute;
  background: var( --skyline-blue);
  width: 100%;
  height: 0.2rem;
  content: "";
}


/* Obere Linie */
.burger-wrapper .hamburger:before{
  top: -500%;
  left: 0;
}

/* Untere Linie */
.burger-wrapper .hamburger:after {
  top: 500%;
  left: 0;
}

.menu-trigger:checked ~ .burger-wrapper .hamburger {
  background: transparent;
}
.menu-trigger:checked ~ .burger-wrapper .hamburger:after, .menu-trigger:checked ~ .burger-wrapper .hamburger:before {
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  top: 0;
}
.menu-trigger:checked ~ .burger-wrapper .hamburger:before {
  transform: rotate(45deg);
}
.menu-trigger:checked ~ .burger-wrapper .hamburger:after {
  transform: rotate(-45deg);
}


/*
##########################################
Pop-Ups
##########################################
*/

.popup {display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color:var(--light-gray);padding: 4rem;z-index: 1500;border-radius:2rem;}
@media(max-width: 767.98px){.popup{width:80%;}}

.pop-up-bg{position:fixed;z-index:1499;top:0;right:0;bottom:0;left:0rem;background:var(--white-transparent);visibility:hidden;opacity:0;}
.pop-up-bg.active{visibility:visible;opacity:1;}


/*
##########################################
recaptcha-badge
##########################################
*/
.grecaptcha-badge{display:none;}


/*
##########################################
Footer
##########################################
*/
footer{position:relative;float:left;padding-bottom:3rem;padding-top:6rem;width:100%;background:var(--skyline-blue);color:var(--white);}

@media(max-width: 1199.98px){.footer-col{padding-bottom:3rem;}}

/*Footer MENUS*/



footer ul{padding:0px;margin:0px;}
footer ul li{display:inline-block;}

.adress-line {display: flex; align-items: center; gap: 0.5rem;margin-bottom:0.5rem;}
.adress-line .material-symbols-outlined {font-size: 2rem;}
.adress-line a {text-decoration: none; color: inherit;}

.adress-line a, .adress-line .disignx-locations{display:block;float:left;padding-top:0.5rem;}
.adress-line a{font-weight:600;text-decoration: underline;}

.h4-bordered{border-bottom:0.2rem solid var(--white);font-weight:700;}

.quicklinksmenue ul li{display:inline-block;margin-bottom:0.5rem;width:100%;}
.quicklinksmenue ul li a{position:relative;display:inline-block;padding:0.5rem 2rem;font-weight:600;text-decoration:none;border:0.1rem solid var(--white); color:var(--white)}
.quicklinksmenue ul li a::before{position:absolute;top:0.5;left:0.8rem;content:"+";display:inline-block;}
.quicklinksmenue ul li a:hover{background:var(--white);color:var(--skyline-blue);}

.footer-cert img{width:6rem;}

.footer-menu{display:inline-block;padding-top:1rem;}

.footer-menu ul{display:inline-block;border-top:0.1rem solid #005c83;padding-top:0.5rem;}
.footer-menu ul li a{color:var(--white);font-weight: 700;font-size:80%;padding-left:1rem;padding-right:1rem; border-left:0.1rem solid #005c83;color:#005c83;}
.footer-menu ul li:first-child a{padding-left:0rem;border-left:0.0rem solid var(--white);}
.footer-menu ul li a:hover{color:var(--electric-sky);}

.rights-text{float:left;width:100%;font-size:80%;}


.carfted-by-disignx-block{position:relative;float:left;width:100%;display:block;padding-top:2rem;padding-bottom:2rem;background:#005c83;}
.carfted-by-disignx { display: inline-block; width: 2.5rem;}

/*
##########################################
LIGHT GALLERY 
##########################################
*/

#lightgallery-gallery {position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)); gap: 1.5rem; width: 100%;}
#lightgallery-gallery a {position: relative; display: block; overflow: hidden; aspect-ratio: 4 / 4;}
#lightgallery-gallery a img {display: block; width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 9; transition: transform 0.4s ease;}
#lightgallery-gallery a::before {content: ''; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,147,208, 0.0); background-repeat: no-repeat; background-position: 50% 50%; background-image: none; transition: background-color 0.4s ease;}
#lightgallery-gallery a:hover::before {background-color: rgba(0,147,208, 0.8); background-image: url(img/plus-white.svg);background-size:20% auto;}
#lightgallery-gallery a:hover img {transform: scale(1.1);}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{border-color:var(--skyline-blue)!important;}
/*
##########################################
FADEIN EFFECT
##########################################
*/
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




/*
##########################################
LOADING SPINNER
##########################################
*/
#loading-page{position:fixed;z-index:5000;top:0px;left:0px;width:100%;height:100%;background:var(--white);}
#loading-wrapper{position:absolute;top:50%;left:50%;margin-top:-10rem;margin-left:-10rem;}
#loading{display:inline-block; width: 20rem; height: 20rem;border: 0.3rem solid rgba(0,147,208,.3);border-radius: 50%;border-top-color:var(--skyline-blue);animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}
@keyframes spin { to { -webkit-transform: rotate(360deg); }}
@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); }}




/*
##########################################
Cookie Consent by Osano
##########################################
*/

/* Cookie-Banner Container */
.cc-window{width: auto;max-width:20rem;bottom:0.5rem!important;left:auto!important;right:0.5rem!important;background-color: rgb(37,39,41,0.8)!important;color:#fff;font-family: inherit!important;font-size: 80%!important;padding: 2rem!important;border-radius: 0.5rem!important;box-shadow:none!important;flex-direction: column!important;}
@media(max-width: 767.98px){.cc-window {max-width: calc(100% - 1rem)!important;}}

.cc-window a::before{display:none;}
.cc-message{display:block;float:left;width:100%;margin-right:0rem!important;margin-bottom:1rem;}
.cc-message a{color:var(--skyline-blue)!important;}
.cc-message a:hover{color:#fff!important;}
.cc-compliance a{color:var(--skyline-blue)!important;}
.allow.cookies{border:0.1rem solid var(--skyline-blue)!important;}
.cc-btn{border-radius: 0.5rem!important;font-size:0.7rem!important;padding:0.6rem!important;}
.cc-btn:hover{color:#fff!important;}

.cc-compliance{display:block!important;float:left;width:100%;}
.cc-animate.cc-revoke.cc-active.cc-bottom{display:none;}


.cc-revoke{visibility:hidden!important;}




/*
##########################################
Slider Frontpage
##########################################
*/

#heroCarousel,
#heroCarousel .carousel-item,
#heroCarousel .carousel-slide-bg,
#heroCarousel .carousel-item img {
  height: 100vh;
  width: 100%;
  object-fit: cover;
}

.carousel-caption{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 2rem;background: rgba(0, 0, 0, 0.2); /* optionales Overlay */color: white;}
@media(max-width: 767.98px){.carousel-caption{padding: 5rem;}}
.carousel-caption h1{width:auto;color:var(--white);text-transform:uppercase;padding:1rem;margin-top:10%;margin-bottom:1rem;}
.carousel-content h3{background:var(--white);padding:1rem 2rem;margin-bottom:1rem;}
.carousel-content p{margin:0rem;}

@media(max-width: 767.98px){.carousel-caption h1{font-size:2rem;width:100%;}}
@media(max-width: 767.98px){.carousel-content h3{font-size:1.5rem;width:100%;}}