/* Allgemein 
a {
    color: #ff3e17;
}

a:hover, a:focus, a:active {
    color: #a71c00;
}
*/

/* Header */


@media (max-width: 991px) {
  #sp-header {
    
}

}

header#sp-header {
    background-color: rgb(255, 255, 255, 0.8);
    position: absolute;
    box-shadow: none;
   
}





header#sp-header .sp-megamenu-parent > li > a{
    color:white;
    font-size:16px;
    font-weight: 200;
}

header#sp-header .sp-megamenu-parent>li:hover>a {
    font-weight:400;
}



/* Header Menü Item unterstrichen */

.sp-megamenu-parent>li {
margin: 0 15px 0 15px;
}

.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
padding: 0 3px;
}

.sp-megamenu-parent>li:last-child>a {
    padding: 0px 3px;
}


.sp-megamenu-parent>li>a::before,
.sp-megamenu-parent>li>span::before {
    content: '';
    position: absolute;
    display: block;
    bottom: 25%;
    left: 0;
    background-color: #ff3e17;
    height: 2px;
    width: 0;
    transition: width .3s;

}
.sp-megamenu-parent>li:hover>a::before,
.sp-megamenu-parent>li:hover>span::before,
.sp-megamenu-parent>li.active>a::before {
    width: 100%;
}

/* Submenu Style 

.sp-dropdown-inner .sp-menu-separator:hover 
{color: green; 
border-bottom: 1px solid #4f89b0 !important;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge){
      border-bottom: 1px solid #4f89b0 !important;
}

.sp-megamenu-parent > li > a {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.sp-megamenu-parent > li > a span {
    order: 2;
}  */

/* Aktivieren falls aktives Item nicht unterstrichen werden soll
.sp-megamenu-parent > li.active > a::before {
	display: none;
} */

/* Header Menü social Icons */

#sp-menu ul.social-icons a:hover, #sp-menu ul.social-icons a:focus {
    color: #ff3e17;
}


/* Klassen für Kategorie Rechtliches */

.legal p {
  font-family: Inter, Sans-Serif;
  font-size: 16px;
  font-weight: 300;
}

.legal h1 {
  font-family: Univers, Sans-Serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0px;
}

.legal h2 {
  font-family: Univers, Sans-Serif;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0px;
}

.legal h3 {
  font-family: Univers, Sans-Serif;
  font-size: 22px;
  font-weight: 600;
}

/* Klassen für Services */

.services .fa, .fas, [class^=icon-], [class*=\ icon-] {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px; 
}

.services .sppb-media-heading {
    margin: 0 0 0px;
}





/* Header sticky */

#sp-header.header-sticky {
    background-color: rgb(255, 255, 255, 0.95);
    box-shadow: 0 0 5px #b3b3b3;
    opacity: 1;
    /*height:70px;*/
}

#sp-header.header-sticky .sp-megamenu-parent > li > a {
    font-family: Inter, Sans-Serif;
    color:black;
    font-size:16px;
    font-weight: 300;
}

/* Austausch Logo im Header sticky */
#sp-header.header-sticky .logo img { 
    opacity: 0; 
}

#sp-header.header-sticky .logo a { 
    background-image: url(/images/logo/vexxus_v_logo190x75.png); 
    background-repeat: no-repeat; 
    background-size: contain; 
}



#sp-header.header-sticky .logo-image {
     height:70px !important; 
    margin-top:0px;
    box-shadow: none;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
 }


/* a.offcanvas-logo, .offcanvas-logo img {display: none;} */
/* a.offcanvas-logo, .offcanvas-logo img {background-image: url(/images/logo/vexxus_v_logo190x75.png)} */
/* #offcanvas-menu .logo, .offcanvas-menu .logo img  {background-image: url(/images/logo/vexxus_v_logo190x75.png) !important} */

/*
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    
    font-weight: 600;
}  */


/* Einzelne Beiträge*/
.beitrag {
  padding-left:10px;
}


/* Blog Karriere*/


.career h3 {
  font-family: Univers, Sans-Serif;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 28px
}


/* Projekte*/

.projects .sppb-table-style td {
    min-width: 1em;
    border: hidden !important;
    padding: 3px 0px;
    vertical-align: middle;
    box-sizing: border-box;
    position: relative;
    background-color: transparent;
}

.projects .sppb-table-style th {
    min-width: 1em;
    border: hidden !important;
    padding: 0px 0px;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    background-color: transparent;
}

.projects h2 {
    font-family: Univers, Sans-Serif;
    font-weight: 500;
    font-size: 27px;
    line-height: 30px;
    letter-spacing: 0px;
}

.projects p {
    font-family: Inter, Sans-Serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
}


/* Bottom */


#sp-bottom .sp-module ul>li {
    display: block;
    margin-bottom: 5px;
}

.base h1 {
  font-family: Inter, Sans-Serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 18px
}

/* Footer */

#sp-footer .container-inner {
    padding: 0px 0;
    border-top: 1px solid rgba(0, 0, 0, .5);
}

.sp-copyright {
    color: #858585;
    font-size: 14px;
    line-height: 24px;
    font-family: Inter, Sans-Serif;
    margin-top: 11px;
    display: inline-block;
}





/* Local fonts */

/* inter-100 - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/inter/inter-v13-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter/inter-v13-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-200 - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/inter/inter-v13-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter/inter-v13-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-300 - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter/inter-v13-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter/inter-v13-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-regular - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter/inter-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter/inter-v13-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-500 - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter/inter-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter/inter-v13-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-600 - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter/inter-v13-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter/inter-v13-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-700 - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter/inter-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter/inter-v13-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-800 - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter/inter-v13-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter/inter-v13-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-900 - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter/inter-v13-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter/inter-v13-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Univers - LTCYR-45Light */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Univers';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/univers/UniversLTCYR-45Light.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/univers/UniversLTCYR-45Light.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Univers - LTCYR-55Roman */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Univers';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/univers/UniversLTCYR-55Roman.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/univers/UniversLTCYR-55Roman.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Univers - LTCYR-65Bold */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Univers';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/univers/UniversLTCYR-65Bold.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/univers/UniversLTCYR-65Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Univers - LTCYR-75Black */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Univers';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/univers/UniversLTCYR-75Black.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/univers/UniversLTCYR-75Black.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* Font Zuordnung */

body {font-family: Inter, Sans-Serif; font-weight:300;font-size:16px;}
p    {font-family: Inter, Sans-Serif; font-weight:300;font-size:16px;}

h1 {font-family: Univers, Sans-Serif; font-weight:600;font-size:45px; line-height:48px;letter-spacing:0px;}
h2 {font-family: Univers, Sans-Serif; font-weight:500;font-size:30px; line-height:30px;letter-spacing:0px;}
h3 {font-family: Univers, Sans-Serif; font-weight:600;font-size:30px; line-height:30px;letter-spacing:0px;}
h4 {font-family: Univers, Sans-Serif; font-weight:600;font-size:23px; line-height:30px;letter-spacing:0px;}
h5 {font-family: Univers, Sans-Serif; font-weight:600;font-size:18px; line-height:30px;letter-spacing:0px;}
h6 {font-family: Univers, Sans-Serif;} /* Für einzelne Fälle (z.B. Slider), Design über pagebuilder) */


/*
@media (max-width: 1200px) {
    #offcanvas-toggler {
        display: block !important;
    }
    #sp-menu .sp-megamenu-parent {
        display: none !important;
    }
}
*/
@media (max-width: 1199px) {
.sp-megamenu-parent>li {
margin: 0 7px 0 7px;
}
  
}


@media (max-width: 991px){
#sp-header .logo {
    padding-top: 5px;
}
  

#offcanvas-toggler {
  padding-top: 0px;
  }
}


@media (max-width: 575px){
#sp-header .logo {
    padding-top: 0px;
}

}