@charset "utf-8";
/* CSS Document */

/* Variablen Difinition */

:root {
  --primary-color: #FFAF00;
  --secondary-color: #B9BDC0;
  --font-color: #747B81;
  --shadow-color: rgba(0,0,0,0.20);	
  --swiper-theme-color: #FFAF00;	
}


/* encode-sans-condensed-100 - latin */
@font-face {
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/encode/encode-sans-condensed-v4-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Encode Sans Condensed Thin'), local('EncodeSansCondensed-Thin'),
       url('../fonts/encode/encode-sans-condensed-v4-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode/encode-sans-condensed-v4-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode/encode-sans-condensed-v4-latin-100.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}

/* encode-sans-condensed-300 - latin */
@font-face {
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/encode/encode-sans-condensed-v4-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Encode Sans Condensed Light'), local('EncodeSansCondensed-Light'),
       url('../fonts/encode/encode-sans-condensed-v4-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode/encode-sans-condensed-v4-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode/encode-sans-condensed-v4-latin-300.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}

/* encode-sans-condensed-regular - latin */
@font-face {
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/encode/encode-sans-condensed-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Encode Sans Condensed Regular'), local('EncodeSansCondensed-Regular'),
       url('../fonts/encode/encode-sans-condensed-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode/encode-sans-condensed-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode/encode-sans-condensed-v4-latin-regular.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}

/* encode-sans-condensed-200 - latin */
@font-face {
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/encode/encode-sans-condensed-v4-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Encode Sans Condensed ExtraLight'), local('EncodeSansCondensed-ExtraLight'),
       url('../fonts/encode/encode-sans-condensed-v4-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode/encode-sans-condensed-v4-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode/encode-sans-condensed-v4-latin-200.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}

/* encode-sans-condensed-500 - latin */
@font-face {
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/encode/encode-sans-condensed-v4-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Encode Sans Condensed Medium'), local('EncodeSansCondensed-Medium'),
       url('../fonts/encode/encode-sans-condensed-v4-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode/encode-sans-condensed-v4-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode/encode-sans-condensed-v4-latin-500.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}

/* encode-sans-condensed-600 - latin */
@font-face {
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/encode/encode-sans-condensed-v4-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Encode Sans Condensed SemiBold'), local('EncodeSansCondensed-SemiBold'),
       url('../fonts/encode/encode-sans-condensed-v4-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode/encode-sans-condensed-v4-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode/encode-sans-condensed-v4-latin-600.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}

/* encode-sans-condensed-700 - latin */
@font-face {
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/encode/encode-sans-condensed-v4-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Encode Sans Condensed Bold'), local('EncodeSansCondensed-Bold'),
       url('../fonts/encode/encode-sans-condensed-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode/encode-sans-condensed-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode/encode-sans-condensed-v4-latin-700.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}

/* encode-sans-condensed-800 - latin */
@font-face {
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/encode/encode-sans-condensed-v4-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Encode Sans Condensed ExtraBold'), local('EncodeSansCondensed-ExtraBold'),
       url('../fonts/encode/encode-sans-condensed-v4-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode/encode-sans-condensed-v4-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode/encode-sans-condensed-v4-latin-800.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}

/* encode-sans-condensed-900 - latin */
@font-face {
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/encode/encode-sans-condensed-v4-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Encode Sans Condensed Black'), local('EncodeSansCondensed-Black'),
       url('../fonts/encode/encode-sans-condensed-v4-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode/encode-sans-condensed-v4-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode/encode-sans-condensed-v4-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode/encode-sans-condensed-v4-latin-900.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'SciFly Sans';
    font-style: normal;
    font-weight: normal;
    src: local('SciFly Sans'), 
		url('../fonts/SciFly-Sans.woff') format('woff');
}

body, h1, h2, h3, h4, h5, h6, p, li, ul, ol, a {
     font-family: 'Encode Sans Condensed' !important;
}

body, p {
    color: var(--font-color);
	font-size: 2.1vh;
	line-height: 1.75;
}

a {
    color: var(--primary-color);
}

h1, h2, h3{
	text-transform: uppercase;
	letter-spacing: 0.1rem;	
}

h4, h5 {
    color: var(--primary-color) !important;
}

h1, .h1 {	
	font-size: 3.7vh;
	margin-top: 4.2vh;
	margin-bottom: 1.5vh;
	font-weight: 700;
    color: var(--secondary-color);
}

h2, .h2 {	
	font-size: 3.7vh;
	margin-top: 3.9vh;
	margin-bottom: 1.3vh;
	font-weight: 500;
	color: var(--secondary-color);
}

h3, .h3 {
	font-size: 3.0vh;
	margin-top: 3.5vh;
	margin-bottom: 1.8vh;
	font-weight: 700;
    color: var(--secondary-color);
}

h4, .h4 {
	font-size: 2.5vh;
	margin-top: 3.5vh;
	margin-bottom: 1.5vh;
	font-weight: 700;
}

.text-small {
	font-size: 1.5vh;
	line-height: 1.2;
}

@media only screen and (max-width: 1024px) {
	h2, .h2 {
	font-size: 3.2vh;
}
	h4, .h4 {
	font-size: 2.1vh;
}
}

.hidden-landscape {
		display: block;
	}

@media only screen and (max-height: 575.98px) and (orientation: landscape) {
body, p {
	font-size: 2.1vw;
}

h1, .h1 {	
	font-size: 3.7vw;
	margin-top: 4.2vw;
	margin-bottom: 1.5vw;
	}

h2, .h2 {	
	font-size: 3.7vw;
	margin-top: 3.9vw;
	margin-bottom: 1.3vw;
}

h3, .h3 {
	font-size: 3.0vw;
	margin-top: 3.5vw;
	margin-bottom: 1.8vw;
}

h4, .h4 {
	font-size: 2.5vw;
	margin-top: 3.5vw;
	margin-bottom: 1.5vw;
}
	.hidden-landscape {
		display: none!important;
	}
	.mt--60-landscape {
		margin-top: 60px!important;
	}
}

.text-white {
	font-weight: 500;
}

.logofont {
	font-family: 'SciFly Sans' !important;
	text-transform: lowercase!important;
	letter-spacing: normal;	
}

a:hover {
    color: var(--primary-color);
}

.schrift-gruen, .txt-primary {
    color: var(--primary-color) !important;
}

.bg-primary {
	background-color: var(--primary-color) !important;
}

.bg-primary p{
	color: FFF !important;
}

.text-dark {
	color: var(--font-color)!important;
}

.h-9vh {
	height: 9vh;
}
.h-10vh {
	height: 10vh;
}

.b-white {
	border-color: #fff!important;
}

.punkt {margin: 0 -0.25vh;}

.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -50px;}

/* SLIDER */

.orange {
	top: 0;
	width: 100%;
	height: 15vh;
	background-color: var(--primary-color);
	text-align: center;
	margin-bottom: 10vh;
}

.orange h1 {	
	margin-top: 5vh;
	color: white;
	z-index: 999;
}

#js_header_spacer {
	height: 0;
}


.slider-h {
	height: 80vh!important;
}

.slider-mesh {
	height: 83vh!important;
}

.slider-partner {
	height: 83vh!important;
}

.slider-h2 {
	height: 35vh!important;
}


.slider-text-layer {
    top: 25%;
	left: 5%;
    margin: 0px !important;
    position: absolute;
    width: 40%;
    color: #FFF;
}

@media only screen and (max-width: 991px) {
	.slider-h {
	height: 80vh!important;
}
	.slider-h2 {
	height: 25vh!important;
}
	.slider-mesh {
		height: 68vh!important;}
	.slider-partner {
	height: 68vh!important;
}
	.slider-text-layer {
    width: 90%;
}

}

@media only screen and (max-width: 767px) {
	.slider-h {
	height: 70vh!important;
}
	.slider-mesh {
	height: 50vh!important;		
}
	.slider-partner {
	height: 40vh!important;
}
	
	.slider-text-layer {
	top: 10vh;
}

}

    
.slider-schrift {    
    font-size: 4.2vh;
	font-weight: 700;
    color: #FFF;
	text-transform: uppercase;
}

.slider-schrift-2 {
    font-size: 2.5vh;
	line-height: 1.5;
    color: #FFF;
    
}


@media only screen and (max-height: 575.98px) and (orientation: landscape) {
	.slider-mesh {
	height: 200vh!important;		
}
	.slider-partner {
	height: 150vh!important;
}
	.slider-h2 {
	height: 45vh!important;
}
	.slider-schrift {    
    font-size: 4.2vw;
	margin-top: 0;
}

.slider-schrift-2 {
    font-size: 2.5vw;    
}
}

.slider-text-inner {
    border-left: var(--primary-color) 7px solid;
    padding: 0 2vh;
    width: 100%;
    color: #FFF;
}

.swiper-pagination-bullet {
    background: #fff!important;
    opacity: .7!important;
}

.swiper-container.swiper-btn-group .swiper-pagination-bullet-active {
    background: var(--primary-color)!important;
	opacity: 1!important;
}

.netzwerk {
	position: absolute;
	z-index: 8;
	right: 0;
	top: 0;
	width: 35%;
	height: 50%;
	background-image: url("../images/icons/netzwerk_weiss_anschnitt.svg");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.solution-framework-header {
	position: absolute;
	z-index: 9;
	right: 1%;
	top: 5%;
	width: 52%;
	height: 90%;
	background-image: url("../images/grafik_solution_framework.png");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.solution-framework-header-en {
	background-image: url("../images/grafik_solution_framework_en.png");
}

.aktuell {
	position: absolute;
	z-index:9;
	right: 10%;
	top: 10%;
	width: 37vh;
	height: 37vh;
	background-color: var(--primary-color);
	border-radius: 50%;
	box-shadow: 0.5rem 0.5rem 1rem 1rem rgba(0,0,0,0.6);
	color: #fff!important;
}

.aktuell-mobile {
	margin-top:0;
	margin-bottom:0;
	padding: 2rem;
	width: 100%;
	background-color: var(--primary-color);
	color: #fff!important;
	display: none;
	text-align: center;
}

.bereiche {
	position: absolute;
	z-index:9;
	left: 5%;
	padding: 2vh;
	bottom: 10%;
	width: 100%;
	height: auto;
	background-color: transparent;
}

@media (max-width: 768px) {
	.bereiche {
	bottom: 5%;
}
	.aktuell-mobile {
	display: block;
}
}

.img-icon {
	width: 70%;
}
@media (max-width: 1200px) {
	.img-icon {
		width: 50%;
	}
}

.fs--55 {
    font-size: 5.5vh;
    line-height: 5.5vh !important;
}

@media (max-width: 600px) {
   slider-text-layer {
       width: 100%;
       top: auto;
	   bottom: 0px;
       height: 50%;
       padding: 0 30px;
       margin: 0;
       left: 0;
       right: 0;
}
	.img-icon {
	width: 60%!important;
		margin-top:30px;
}
    .hidden-xs {
        display: none;
    }    
    .slider-schrift, .slider-schrift-1 {
        font-size: 2.25vh !important;
        line-height: 1.5 !important;
        border: 0px;
        padding: 0;
        max-width: 100%;
		margin-top:30px;
        
    }
	.slider-schrift-2 {
		font-size: 1.8vh;
	}
	
	.bg-slider-sm {
    background-repeat: no-repeat!important;
    background-position: top!important;
    background-size: auto 50% !important;
	}
    
}


@media (min-width: 601px) and (max-width: 835px) {
   slider-text-layer {
       width: 45%;
       left: 5em;
       padding-top: 100px;
}
}

@media (min-width: 836px) and (max-width: 1150px) {
   slider-text-layer {
      width: 40%;
      left: 5em;
      padding-top:50px;
}
}


@media (min-width: 1400px) {
   slider-text-layer {
       width: 30%;
       left: 10%;
}
}

@media (min-width: 1700px) {
   slider-text-layer {
       width: 20%;
       left: 14%;
}
}


@media (min-width: 3800px) {
   slider-text-layer {
       width: 20%;
       left: 15em;
}
}

    
@media (min-width: 601px) {
    .hidden-md {
        display: none;
    }
    
}

.tel{
    font-weight: 600;
	color: #6c757d;
    border-bottom: 1px dashed transparent !important;
    text-decoration: none!important;
}

.arrow-lg.arrow-left, .arrow-lg.arrow-start {
    border-right: 20px solid var(--primary-color) !important;
    left: -60px;
    margin-left: 6px;
}

/* MENU */


button {
	color: var(--font-color)!important;
}

.btn.rounded-circle>i, .btn.rounded-circle>span:not(.badge) {
    font-size: 1.4vh!important;
}

.btn.rounded-circle {
    position: relative;
    line-height: 1.6;
    padding: 2vh;
    font-size: 1.5vh;
    text-align: center;
}


.navbar-brand>img {
    width: 20vh !important;
}

.navbar-toggler {
    width: 60px;
    margin-left: 0px;
    margin-right: 8px;
}


@media (max-width: 599px) {
    
	.navbar-brand > img {
    	max-width: 15vh !important;
	}
	
	.btn.rounded-circle {
    padding: 1.35rem;
    font-size: 0.9vh;
	line-height: 1.3;	
	margin-left: 0px!important;
	}
	
	.dropdown-menu.dropdown-menu-invert {    
    min-width: 60.2vw;
	}
    
}

#header nav.navbar:not(.h-auto), header.main-nav nav.navbar:not(.h-auto) {
    min-height: 11vh;
}
#header .navbar-nav a.nav-link, header.main-nav .navbar-nav a.nav-link {
    color: var(--text-color);
    letter-spacing: 0.05rem;
	text-transform: uppercase;
	font-size: 1.55vh;
}

#header .navbar-nav .nav-link, header.main-nav:not(.navbar-sm) .navbar-nav .nav-link {
    padding: 0.5vh 1vh;
	border: 1px solid #fff;
    border-radius: 0rem;
	border-top-left-radius: 2vh;
	border-bottom-right-radius: 2vh;
}

@media (max-width: 1023px) { 
    #header .navbar-nav .nav-link, header.main-nav:not(.navbar-sm) .navbar-nav .nav-link {
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    color: var(--secondary-color);
    font-size: 2.2vh!important;
	font-weight: 500;	
}
}

@media only screen and (max-height: 575.98px) and (orientation: landscape) {
	 #header .navbar-nav .nav-link, header.main-nav:not(.navbar-sm) .navbar-nav .nav-link {
    padding-left: 1.5vw;
    padding-right: 1.5vw;   
    font-size: 2.2vw!important;
}
}

.navbar-nav .nav-link.dropdown-toggle:not(.nav-link-caret-hide)::before {
    display: none;
}

.nav-item {
    margin-left: 1.0vh;
    margin-right: 1.0vh;
    margin-top: 1.0vh;
	margin-bottom: 1.0vh
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .active {
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color)!important;
}


.dropdown-menu-clean:not(.prefix-link-icon) a:not(.btn):hover {
    color: var(--primary-color);
}

.dropdown-menu .dropdown-item > a, .dropdown-menu a.dropdown-item, .dropdown-menu li:not(.dropdown-item) > a {
    padding: 8px 20px 8px 10px;
}

@media (max-width: 1023px) { 

    .dropdown-menu .dropdown-item > a, .dropdown-menu a.dropdown-item, .dropdown-menu li:not(.dropdown-item) > a {
        padding: 8px 0px;
    }
}
.badge-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}


.dropdown-menu {
	font-size: 1.3vh !important;
}

@media (max-width: 1023px) { 
    .dropdown-menu {
    font-size: 1.8vh!important;
}
}

@media only screen and (max-height: 575.98px) and (orientation: landscape) {	 
	.dropdown-menu {
    font-size: 1.8vw!important;
}
}

.fs--15 {
    font-size: 1.5vh!important;
}

.dropdown-header {
    background-color: var(--primary-color);
    color: #FFF;
    letter-spacing: 0.08em;
}

.prefix-icon-ignore {
    background-color: #EBEBEB;
}

.dropdown-menu-clean a:not(.btn).active, .dropdown-menu-clean a:not(.btn):focus, .dropdown-menu-clean a:not(.btn):hover, .dropdown-menu-clean li.active, .dropdown-menu-clean li.active > a:not(.btn), .dropdown-menu-clean li:focus, .dropdown-menu-clean li:hover {
    color: var(--primary-color);
}

.prefix-link-icon:not(.prefix-icon-arrow) .dropdown-item.active:not(.prefix-icon-ignore)::before, .prefix-link-icon:not(.prefix-icon-arrow) .dropdown-item.active > a:not(.prefix-icon-ignore)::before, .prefix-link-icon:not(.prefix-icon-arrow) .dropdown-item.show:not(.prefix-icon-ignore)::before, .prefix-link-icon:not(.prefix-icon-arrow) .dropdown-item.show > a:not(.prefix-icon-ignore)::before, .prefix-link-icon:not(.prefix-icon-arrow) .dropdown-item:hover:not(.prefix-icon-ignore)::before, .prefix-link-icon:not(.prefix-icon-arrow) .dropdown-item:hover > a:not(.prefix-icon-ignore)::before {
    background-color: var(--primary-color) !important;
}

.prefix-icon-dot a:not(.prefix-icon-ignore)::before, a.prefix-icon-dot:not(.prefix-icon-ignore)::before {
    display: none !important;
}

.prefix-link-icon:not(.prefix-icon-ico) a:not(.prefix-icon-ignore), a.prefix-link-icon:not(.prefix-icon-ico):not(.prefix-icon-ignore) {
    padding-left: 2.5vh!important;
    padding-right: 2.5vh !important;
}




@media (max-width: 600px) {
    .nav-item {
        margin-top:0px !important;
        margin-bottom: 20px !important;
    }
	.dropdown {
        margin-bottom: 0px !important;
    }
	
	.mt--80-xs {
		margin-top: 80px!important;
	}
}

/* Sections */

section, .section {
	overflow: hidden;
}

#product-nav, #subnav {
	padding: 5vh 0 2vh 0;
	background-color: var(--primary-color);
}

@media only screen and (min-width: 768px) {
body:not(.layout-admin) section {
    padding: 7vh 0;
}
}

@media only screen and (max-width: 767px) {
body:not(.layout-admin) section {
    padding: 5vh 0;
}
}
	
.weis {
	width: 5vh;
	height: 2vh
}

/* Container */

@media (min-width: 1900px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1250px;
    }
}

@media (min-width: 2500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1500px;
    }
}

@media (min-width: 3000px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 60vw;
    }
}

/*Buttons */

.btn {
	font-size: 1.6vh !important;
}

.btn:not(.rounded-circle):not(.btn-sm) i.fi {
    font-size: 2.5vh;
}

.btn-primary {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
	font-weight: 500;
    font-size: 2.1vh!important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border: var(--primary-color);
}


.btn-soft-static.btn-primary:not([aria-expanded="true"]):not(.active), .btn-soft.btn-primary:not(:hover):not([aria-expanded="true"]):not(.active) {
    color: #FFF;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    margin-left: 0.5vh;
}

.btn-primary:not(.btn-noshadow):hover, .btn-primary:not(.btn-noshadow):not(.btn-soft):active, .btn-primary:not(.btn-noshadow):not(.btn-soft):focus {
    box-shadow: 0 0.4vh 1.1vh rgba(107,107,106,.5);
}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-secondary {
    border: 1px #ffffff solid;
    background: var(--primary-color);
    padding: 1vh;
    padding-right: 1.5vh;
    border-radius: 0px;
    border-top-left-radius: 2vh;
	border-bottom-right-radius: 2vh;
	font-weight: 500;
    font-size: 2.1vh!important;
   
}

.btn-secondary:hover {
    border: 0.1vh #FFF solid;
    background: #fff;
	color: var(--primary-color);
}

.btn-slider {
    border: 1px var(--primary-color) solid;
	color: var(--primary-color);
	font-size: 1.8vh!important;
    background: rgba(0,0,0,0.3);
    padding: 1vh 1.75vh;
    border-radius: 0px;
    border-top-left-radius: 2vh;
	border-bottom-right-radius: 2vh;  	
	font-weight: 500;
}

.btn-slider-2 {
    border: 1px #fff solid;
	color: #fff;
	font-size: 1.8vh!important;
    background: rgba(0,0,0,0.0);
    padding: 1vh 1.75vh;
    border-radius: 0px;
    border-top-left-radius: 2vh;
	border-bottom-right-radius: 2vh; 
	font-weight: 500;  
}

@media only screen and (max-height: 575.98px) and (orientation: landscape) {
	
	.btn-secondary {
    padding: 1vw;
    padding-right: 1.5vw;
    font-size: 2.1vw!important;
   
}

.btn-slider {
	font-size: 1.8vw!important;   
    padding: 1vh 1.75vw;
}

.btn-slider-2 {
	font-size: 1.8vw!important;
    padding: 1vh 1.75vw;
}

}

.btn-slider:hover, .btn-slider-2:hover {
    border: 0.1vh #FFF solid;
    background: #fff;
}

.btn-slider i, .btn-slider-2 i {	
	font-size: 2.3vh!important;
}

.button-small {
width: 1.5vh !important;
height: 1.5vh !important;
    font-size:2.2vh !important;

}

.btn:not(.rounded-circle)>i, ul.list-icons>li>i {
    margin-right: 0.3rem;
}

.badge-ico-sm {
    min-width: 25px;
}

@media only screen and (max-width: 1024px) {

    .badge-ico-sm {
	margin-top: 2px!important;
}
}

@media only screen and (max-width: 1279px) {

    .btn-group-lg>.btn.rounded-circle, .btn.btn-lg.rounded-circle {
    padding: 1rem;
}
}

.btn-close {
	background-color: transparent!important;
	border: none!important;
	text-align: left!important;
}

/* BOXES */

.border-a {
	color: #fff !important;
    border: 0.1vh #fff;
    border-radius: 0rem;
	border-top-left-radius: 2vh;
	border-bottom-right-radius: 2vh;
}


.card-img-top {
    border-radius: 0rem;
    border-top-right-radius: 3vh;   
}

.bg-warning {
    background-color: var(--primary-color) !important;
}

.bg-warning a  {
    color: #FFF;
}

.bg-warning p  {
    color: #3A3A3A;
}


/* Footer */

.footer-svg-shape {
	position: absolute;
	top: -2.1vh;
	z-index: 2!important;
	width: 100%;
	overflow: hidden;
}

@media (min-width: 2500px) {
    .footer-svg-shape {
        top: -1.9vh;
    }
}

.footerimg {
    max-width: 55%;
    height: auto;
	margin-top: 10px;
}

.txt-footer {
	font-size: 1.55vh;
	color: #ffffff;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "|" !important;
}

#footer.footer-dark {
    color: #fff;
    background: var(--font-color);
    background: linear-gradient(180deg,#454545 0,var(--font-color));
}

#footer.footer-dark hr {
    border-color: rgba(255,255,255,.8);
}

#footer p {
    color: #FFF;
}

#footer h5 {
    color: var(--primary-color) !important;
}

#footer.footer-dark .footer-svg-shape > svg {
    fill: #454545 !important;
}

#footer.footer-dark .bg-distinct {
    background-color: rgba(0,0,0,0);
}

.icon-footer {
    width: 12vh;
    margin-top:-1vh;
}

/*header */

.bg-gradient-primary {
    background: #377dff;
    background: linear-gradient(180deg,var(--secondary-color) 0,var(--primary-color)) !important;
}

/*zeitstrahl */

.border-primary {
    border-color: var(--primary-color) !important;
}
.text-primary {
    color: var(--primary-color) !important;
}

/* Image-Carousel  */

.carousel-indicators li {
    border: 0px;
    border-radius: 0px;
    border-top-right-radius: 0;
}

/* Sonstiges*/

.text-warning {
    color: var(--primary-color) !important;
}

.formumrandung {
   /* border: 1px solid #FFF;
    padding: 30px;
    border-radius: 0rem;
    border-top-right-radius: 2rem;*/
    text-transform: uppercase;
    letter-spacing: 0.08vh;
    font-weight: 300;
    color: #FFF;
}

.formumrandung-bild {
    border-radius: 0rem;
    border-top-right-radius: 2vh;
}

.bg-green {
    background-color: #F1F1F1;
    border-radius: 0rem;
    border-top-right-radius: 2vh;
}

.row.col-border > div:not(:first-child) {
    border: 0px;
}

.badge-soft.badge-warning {
    color: #FFF !important;
    background-color: var(--primary-color);
}

.bg-theme-color-light {
    background-color: rgba(98,179,70,.07) !important;
}


@media (max-width: 600px) {
    #footer .mt--20 { 
        margin-top: -5vh !important;         
    }
}

@media (max-width: 1200px) {
      .fs--20 {
        font-size: 1.8vh !important;
    }
}

.card {
 border-radius: 0px;   
border-top-right-radius: 3vh;

}

.card-body {
    background: var(--primary-color);
    color: #FFF !important;
}

h4.text-success {
    background: #6dbb39;
padding: 10px;
color: #FFF !important;
text-align: center;
    margin-bottom: 20px;
}

@media only screen and (max-width: 991px){
.navbar-nav .nav-item.dropdown>.dropdown-menu {
    display: block!important;
    margin-bottom: 9px!important;
    margin-top: -9px;
}
}


@media only screen and (min-width: 992px) {
.navbar-nav:not(.navbar-sm) {
    padding-top: 1.5%;
    padding-bottom: 1%;
}
.navbar-nav:not(.navbar-sm) {
    height: 8vh;
}	
}


}
	
/*----- map ------*/
	
.leaflet-container a {
	color: var(--primary-color)!important;
}
	
/*----- lösungen -------*/
.p-icon {
	padding: 0 20%;
}

@media only screen and (max-width: 992px) {
    .p-icon {
       padding: 0;
    }
}

.bg-icon {
	background-color: #62686e;
	border-radius: 50%!important;
	width: 100%;
	aspect-ratio: 1 / 1;
	padding: 5vh;
	border: 2px solid #ffffff;
	margin-bottom: 3vh;
}

.activecircle {
	background-color: var(--primary-color) !important;
	border-radius: 50%!important;
	width: 100%;
	aspect-ratio: 1 / 1;
	padding: 5vh;
	border: 2px solid #ffffff;
	margin-bottom: 3vh;
}



.grafik-p {
	padding: 10vh 10% !important;
}

.loesung-a {
	background-color: transparent;
	width: 14vw;
	height: 14vw;
	position: absolute;
	z-index:9;
	border-radius: 50%!important;
}

#loesung-komrack {
	top: 45%;
    left: 24vw;
}

#loesung-komtab {
    top: 24%;
    left: 42vw;
}

#loesung-komcab {
	top: 62%;
    left: 35vw;
}

#loesung-komcase {
	top: 62%;
    left: 51vw;
}

#loesung-kompack {
	top: 44%;
    left: 62.5vw;
}

@media only screen and (max-width: 1280px) {
    #loesung-komrack {
        top: 47.5%;
    }
	#loesung-komtab {
    top: 26%;
    left: 42vw;
}
	
}

@media only screen and (min-width: 3000px) {
    #loesung-komrack {
        top: 41%;
    	left: 23vw;
    }
	
	#loesung-komtab {
    top: 24%;
    left: 42vw;
    }
    
    slider-text-layer {
    padding-right: 3vh;
    padding-bottom: 3vh;
    padding-left: 3vh;
    padding-top: 7vh;
    }
}



/* ----- partner ----- */

.parnerlogo {
	padding: 0 5vw;
    width: 100%;
    height: 9vh;
	align-content: center;
}


#modal1 p, #modal2 p, #modal3 p, #modal4 p, #modal5 p, #modal6 p, #modal7 p, #modal8 p, #modal9 p {
	font-size: 1.8vh!important;
}


/* ----- mesh ----- */

.mesh-button {
	position: absolute;
    z-index: 9;
    width: 12%;
    height: 12%;
    border-radius: 50%;
    background-color: transparent;
}
.mesh-button-partner {
	position: absolute;
    z-index: 9;
    width: 25%;
    height: 29%;
    border-radius: 50%;
    background-color: transparent;
}

@media only screen and (max-width: 767px) {
    .mesh-button-partner {
    height: 29%;
}
    }
	
	
.genehmigung {
    left: 13%;
    bottom: 17%;
}

.support {
	top: 18%;
    right: 41%;
}

.umsetzung {
    top: 41%;
    right: 2%;
}

.foerdermittel {
    bottom: 17%;
    left: 29%;
}

.finanzierung {
    top: 27%;
    left: 32%;
}

.konzeption {
    top: 7%;
    left: 11%;
}

.beratung {
	bottom: 7%;
    left: 43%;	
}

.guard-stack {
	top: -1%;
    left: 2%;
}

.digital-sim {   
	top: 15%;
    left: 24%;
}

.go-smart {
	top: 6%;
    right: 26%;	
}

.panasonic-connect {
	top: 31%;
    right: 0%;
}

.microbizz {
    left: 1%;
    bottom: 5%;
}

.mmv {
	bottom: 5%;
    left: 25%;
}

.kilchenmann {
	bottom: -2%;
    left: 49%;
}

.tepcon {
	bottom: 8%;
    left: 75%;
}

.pointsharp {
	top: -2%;
    left: 74%;
}

.mesh-link {
	width: 100%;
	height: 100%;
    border-radius: 50%;
	background-color: transparent;
}

.mesh-link:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255,255,255,.0)!important;
}	


@media (min-width: 1950px) {
.modal-lg, .modal-xl {
    max-width: 40vw;
}
}

/* ----- timeline ----- */

.date-timeline {
	font-size: 3.25vh;
}

.fall-box {
	border-top-left-radius: 2vh;
    border-bottom-right-radius: 2vh;
	background-color: var(--primary-color);	
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);

}

.fall {
	font-size: 1.7vh;
	color: #fff;
	text-transform: none;
	font-weight: 300;
}

.fall-subline {
	font-size: 2.1vh;
	color: #fff;
	text-transform: none;
	letter-spacing: 0;
}


@media only screen and (max-height: 575.98px) and (orientation: landscape) {	 
	.fall-subline {
	font-size: 2.1vw;
}

}

.d-inline-before:before {
	display: inline!important;
}

.tooltip-inner {
  	max-width: 25vw;
  	padding: 1.5rem 2rem;
  	background-color: #6c757d;
	text-align: left;
	font-size: 1.5vh;
 }

/* --- Solution Framework ---- */

.f_sicherheit {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 50%;
	height: 50%;
	background-color: transparent;
}

.f_5g {
	position: absolute;
	z-index: 9;
	top: 0;
	right: 0;
	width: 50%;
	height: 50%;
	background-color: transparent;
}

.f_echtzeit {
	position: absolute;
	z-index: 9;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 50%;
	background-color: transparent;
}

.f_anleitungen {
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
	width: 50%;
	height: 50%;
	background-color: transparent;
}

.f_toughbook {
	position: absolute;
	z-index: 10;
	bottom: 37.5%;
	left: 40%;
	width: 20%;
	height: 25%;
	background-color: transparent;
	border-radius: 50%;
}

.zoom_pic {
	position: absolute;
	z-index: 10;
	bottom: -5%;
	left: 22%;
	background-color: transparent;
}

.fancybox-button {
	color:#fff!important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: var(--secondary-color)!important;
}