/*



          /\
         /**\
        /****\   /\
       /      \ /**\
      /  /\    /    \
     /  /  \  /      \
    /  /    \/ /\     \
   /  /      \/  \/\   \
__/__/_______/___/__\___\______________________________

Made with Passion by GIPFELGOLD // www.gipfelgold.com
_______________________________________________________
*/


/* Version 221011 */


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 ROOT
___________________________________________________________________________*/


/* noto-serif-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/noto-serif-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/noto-serif-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-v21-latin-700.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/* work-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/work-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/work-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/work-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/work-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}

:root {
    --blau: #12385b;
    --hellblau: #f1f8ff;
    --beige: #faf0df;
    --hellbeige: #fff9ee;
}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 FONTS
___________________________________________________________________________*/

/*h1 {
	     word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}*/

h1, h2, h3, h4, h5, h6, p, li, a, i {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
 /*
body,
html {
    font-family: sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.625em;
}*/


h1, .h1 {
font-size: clamp(50px,4.2vw,80px);
  font-weight: 700;
  line-height: 1.2em;
}
h2, .h2 {}
h3, .h3 { line-height: 1.62em !important; }
h4, .h4 {}
h5, .h5 {}
h6, .h6 {}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 ELEMENTS
___________________________________________________________________________*/

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// MENÜ */

/* Menü */
#header-outer.transparent #top nav > ul > li > a,
#header-outer.transparent #top nav > .sf-menu > li > a {
  opacity: 1;
}

/* Header Button */
#header-outer .menu-item-86 > a:before,
#header-outer .menu-item-86 > a:after {
    height: calc(100% + 12px);
}
#header-outer .menu-item-86 > a:hover:before,
#header-outer .menu-item-86 > a:hover:after {
    background: #faf0df;
}
body #header-outer[data-has-menu][data-format] header#top nav ul.sf-menu li.menu-item.menu-item-86[class*="menu-item-btn-style"] > a:hover *:not(.char) {
  transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
}
body #header-outer[data-has-menu][data-format] header#top nav ul.sf-menu li.menu-item.menu-item-86[class*="menu-item-btn-style"] > a:hover *:not(.char) {
  color: #12385b !important;
}

/* Transparent Header Button */

#header-outer.transparent .menu-item-86 > a:before,
#header-outer.transparent .menu-item-86 > a:after {
    background: #ffffff !important;
}
body #header-outer.transparent[data-has-menu][data-format] header#top nav ul.sf-menu li.menu-item.menu-item-86[class*="menu-item-btn-style"] > a *:not(.char) {
  color: #12385b !important;
}

#header-outer.transparent .menu-item-86 > a:hover:before,
#header-outer.transparent .menu-item-86 > a:hover:after {
    background: #fff9ee !important;
}
body #header-outer.transparent[data-has-menu][data-format] header#top nav ul.sf-menu li.menu-item.menu-item-86[class*="menu-item-btn-style"] > a:hover *:not(.char) {
  color: #12385b !important;
}


/* Mobile Header */
body #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
    background-color: transparent;
}
body #header-outer.transparent[data-has-menu][data-format][data-padding][data-using-logo] > #top .slide-out-widget-area-toggle[data-custom-color="true"] .lines-button:after,
body #header-outer.transparent[data-has-menu][data-format][data-padding][data-using-logo] > #top .slide-out-widget-area-toggle[data-custom-color="true"] a .lines-button i:before,
body #header-outer.transparent[data-has-menu][data-format][data-padding][data-using-logo] > #top .slide-out-widget-area-toggle[data-custom-color="true"] a .lines-button i.lines:after {
  background-color: #ffffff !important;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// Transparent Header */

body #header-outer[data-transparent-header="true"].transparent {
    border-bottom: none;
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// nectar Slider */

body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .content h2 {
  font-size: clamp(50px,4.2vw,80px) !important;
  font-weight: 700;
  line-height: 1.2em !important;
}
.sp-homeslider .content h1,
.sp-homeslider .content h3 {
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: clamp(24px,1.66vw,32px);
  line-height: 1.2em !important;  
}


@media only screen and (max-width: 999px) {
.success-card h3.vc_custom_heading {
  padding: 1vh 4vw !important;
}
.success-card .wpb_text_column { padding: 0 4vw 2vh 4vw !important;
}
}
@media only screen and (max-width: 690px) {
.nectar-flickity[data-spacing="20px"]:not(.masonry) .flickity-slider .cell {
    margin: 0 10px;
}
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// Testimonials */

.testimonial_slider .controls ul li .pagination-switch {
    border: 1px solid #12385b;
}
.testimonial_slider .controls ul li .pagination-switch.active, .testimonial_slider .controls ul li .pagination-switch:hover {
    background-color: #12385b;
}
.nectar_single_testimonial .image-icon, .testimonial_slider .image-icon {
    font-family: Noto serif,serif!important;
    font-size: 100px;
    border-radius: 100px;
    width: 100px;
    height: 100px;
    line-height: 1em;
    border: none;
    color: rgba(0,0,0,0.1);
}

.testimonial_slider blockquote span {
  font-weight: 400;
}
body .testimonial_slider blockquote span {
  font-size: 18px;
}



/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 HOME
___________________________________________________________________________*/

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// Portrait */

.portrait-pfeiffberger .vc_column-inner {
  opacity: 0;
  transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
}
.portrait-schitter .vc_column-inner {
  opacity: 0;
  transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
}
.portrait-pfeiffberger:hover .vc_column-inner {
  opacity: 1;
}
.portrait-schitter:hover .vc_column-inner {
  opacity: 1;
}




/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 SINGLE PORTFOLIO
___________________________________________________________________________*/

body.single-portfolio h1 {
font-size: clamp(50px,4.2vw,80px) !important;
  font-weight: 700;
  line-height: 1.2em !important;
}

body.single-portfolio #page-header-bg h1, html body.single-portfolio .row .col.section-title h1 {
  display: none;
}

body.single-portfolio .bottom_controls {
  display: none;
}

@media only screen and (max-width: 999px) {
  body:not(.single-post) #page-header-bg:not(.fullscreen-header) {
    height: 30vh !important;
  }
}

/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 FOOTER
___________________________________________________________________________*/


#footer-widgets {
  font-size: 14px;
  line-height: 2em;
}

#footer-widgets a {
  text-decoration: none;
}
#footer-widgets a:hover {
  text-decoration: underline;
}

#footer-widgets .footer-sociallink {
  display: block;
  padding-left: 30px;
  line-height: 1.5em;
  background-image: url("/wp-content/uploads/2023/03/facebook.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  margin-bottom: 1em
}

#footer-widgets .footer-sociallink.instagram-sp {
  background-image: url("/wp-content/uploads/2023/03/instagram.svg");
}

@media only screen and (min-width: 1000px) {
  #footer-widgets .span_3:nth-child(1) {
    width: 13.5%;
  }
  #footer-widgets .span_3:nth-child(2) {
    width: 33.5%;
  }
}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 TABLEPRESS
___________________________________________________________________________*/


body#spcatering:not(.woocommerce-cart) .main-content table {
    border: none;
    background: none;
}


th.column-1,
td.column-1 {
  width: 16.65%;
}
th.column-2,
td.column-2 {
  width: 16.65%;
}
th.column-3,
td.column-3 {
  width: 16.65%;
}
th.column-4,
td.column-4 {
  width: 16.65%;
}
th.column-5,
td.column-5 {
  width: 16.65%;
}
th.column-6,
td.column-6 {
  width: 16.65%;
}
#spcatering .tablepress tfoot th,
#spcatering .tablepress thead th {
    background-color: transparent;
    font-weight: 700;
    vertical-align: middle;
    font-size: clamp(14px, 1.1vw, 16px);
    letter-spacing: 0.02em;
    border: none;
    padding: 0.5em 1.5em 0.5em 0.5em;
    color: var(--blau);
    border-bottom: 2px solid var(--beige);
    text-align: left;
    text-transform: none;
    font-family: Noto serif,serif;
}
#spcatering .tablepress tfoot th:after,
#spcatering .tablepress thead th:after {
    color: rgba(18,56,91,0.2);
}

body#spcatering:not(.woocommerce-cart) .main-content tr td {
    border: none;
    padding: 1em;
    font-size: clamp(12px, 1.1vw, 14px);
    border-bottom: 1px dotted rgba(18,56,91,0.1);
    border-bottom: 1px solid var(--beige);
    text-align: left;
    line-height: 1.2em;
    vertical-align: middle;
}
body#spcatering:not(.woocommerce-cart) .main-content tr td.column-1 {
    font-weight: 700;
}

body#spcatering:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) {
    background: none;
}

#spcatering .tablepress .row-hover tr:hover td {
    background-color: var(--beige);
    color: var(--blau);
}

/* Collapse */

body#spcatering:not(.woocommerce-cart) table.collapsed tr td.dtr-control.column-1 {
    padding: 1em 1em 1em 3em;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: transparent;
    border: 1px solid var(--blau);
    border-radius: 16px;
    box-shadow: none;
    box-sizing: initial;
    color: var(--blau);
    content: "+";
    display: block;
    font-family: Courier New,Courier,monospace;
    height: 26px;
    left: 4px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    text-indent: 0!important;
    top: calc(50% - 13px);
    width: 26px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    background-color: transparent;
    content: "-";
}
/* Collapse Details */
body#spcatering:not(.woocommerce-cart) table.collapsed tr td .dtr-details li {
 list-style: none;
}
body#spcatering:not(.woocommerce-cart) table.collapsed tr.parent > td {
    border-bottom: 1px solid #ffffff;
}

body#spcatering:not(.woocommerce-cart) table.collapsed tr td.child {
    padding: 1em 1em 1em 3em;
}


/* LInk */
.projektdetails a.planlink {
    display: block;
    width: 18px;
    height: 35px;
    text-indent: -10000px;
    background-image: url("/wp-content/uploads/2023/02/icon-plan-02.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin: 0 auto;
}

@media only screen and (min-width: 1000px) {
body#spcatering:not(.woocommerce-cart) .main-content tr td,
body#spcatering:not(.woocommerce-cart) .main-content tr th {
  hyphens: auto;
}
}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 FORMULAR
___________________________________________________________________________*/


.original[data-form-style=default] input[type=date]:focus, .original[data-form-style=default] input[type=email]:focus, .original[data-form-style=default] input[type=number]:focus, .original[data-form-style=default] input[type=password]:focus, .original[data-form-style=default] input[type=search]:focus, .original[data-form-style=default] input[type=tel]:focus, .original[data-form-style=default] input[type=text]:focus, .original[data-form-style=default] input[type=url]:focus, .original[data-form-style=default] textarea:focus {
    background-color: var(--hellblau);
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    color: var(--blau);
    background-color: #ffffff;
}
.wpcf7-acceptance > span {
  margin: 0;
  font-size: 12px;
  line-height: 1.2em;
  color: var(--blau);
}
.wpcf7-form p span {
    color: var(--blau);
}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 KARRIERESEITE
___________________________________________________________________________*/


.mitarbeitervorteile {
  font-size: 0.85em;
  line-height: 1.5em;
}

.mitarbeitervorteile ul li {
  margin-bottom: 1em;
}

.page-id-84 .swiper-slide[data-bg-alignment="center"] .image-bg {
  background-position: 80% center !important;
}

.stelleanzeigenpdf {
  background: #12385b;
  padding: 0.2em 0.75em;
  color: #ffffff;
  border-radius: 5px;
}
.stelleanzeigenpdf:hover {
  color: var(--beige);
}

/*/////////////////////////////////////////////////////////////////////////////////// reCAPTCHA */

body:not(.page-id-84) .grecaptcha-badge {
    display: none !important;
}
#footer-outer {
    z-index: 9;
}
.grecaptcha-badge {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    bottom: 70px !important;
  z-index: 9;
}


@media only screen and (max-width: 1000px) {
    .page-id-84 .swiper-slide[data-bg-alignment="center"] .image-bg {
        opacity: 0.5;
    }
}