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

/* Variablen Difinition */

:root {
  --primary-color: #da193b;
  --secondary-color: #bb0000;
  --light-color: rgba(255,0,0,1);
  --font-color: #222222;
  --font-md-color: #dddddd;	
  --font-light-color: #ffffff;
  --shadow-color: rgba(0,0,0,0.30);	
  --itw_01: rgba(84,86,91,1);	/*grau*/
  --itw_01_g: linear-gradient(90deg, rgba(120,120,122,1) 10%, rgba(84,86,91,1) 90%);	/*grau*/
  --itw_02: rgba(0,181,223,1);	/*hellblau*/
  --itw_02_g: linear-gradient(90deg, rgba(108,205,234,1) 10%, rgba(0,181,223,1) 90%);	/*hellblau*/
  --itw_03: rgba(0,149,201,1);	/*mittelblau*/	
  --itw_03b: rgba(0,91,148,1);	/*dunkelblau*/		
  --itw_03_g: linear-gradient(90deg, rgba(0,181,223,1) 10%, rgba(0,91,148,1) 90%);	/*dunkelblau*/	
  --itw_04: rgba(141,0,52,1);	/*rot*/
  --itw_04_g: linear-gradient(90deg, rgba(187,21,67,1) 10%, rgba(141,0,52,1) 90%);	/*rot*/
  --itw_05: rgba(234,158,35,1);	/*gelb*/
  --itw_05_g: linear-gradient(90deg, rgba(234,158,35,1) 10%, rgba(240,110,73,1) 90%);	/*gelb*/	
  --f1: #176a98;
  --f2: #00b6ed;		
  --f3: #003d69;	
  --f4: #12567c;	
  --rd: #0088c1;	
  --pbu: #002952;
	
	
}

/* Fonts */

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

/* montserrat-100italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/montserrat/montserrat-v18-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v18-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v18-latin-100italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

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

/* montserrat-200italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/montserrat/montserrat-v18-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v18-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v18-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v18-latin-200italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

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

/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat/montserrat-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v18-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

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

/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat/montserrat-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v18-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

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

/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/montserrat/montserrat-v18-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v18-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

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

/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/montserrat/montserrat-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v18-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

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

/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat/montserrat-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v18-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

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

/* montserrat-800italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/montserrat/montserrat-v18-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v18-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

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

/* montserrat-900italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/montserrat/montserrat-v18-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v18-latin-900italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* Basic Settings */

body {
	font-size: 1.5rem;
}
@media (max-width: 1300px) {
	body {
		font-size: 1.1rem;
	}
	
	.h1, h1 {
		font-size:1.75rem;
	}
	
	.h2, h2 {
    	font-size: 1.55rem;
	}
	
	.h3, h3 {
    	font-size: 1.4rem;
	}
	
	.h4, h42 {
    	font-size: 1.3rem;
	}
	
	.h5, h5 {
    	font-size: 1.2rem;
	}
}


body, h1, h2, h3, h4, h5, p, ul, li {
	font-family: 'Montserrat';
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5  {
	font-weight: 700;
}

.small {
	font-size: 0.65rem;
}

p {
	color: var(--font-color);
}

li.txt {
	margin-bottom: 20px;
	color: var(--font-color);
}

.li-sec {
	margin-left: 22px;
    list-style-type: disclosure-closed;
	font-size: 21px;
}

.li-th {
	margin-left: 42px;
    list-style-type: circle;
	font-size: 21px;
}

.diagramm-head {
	color:#fff;
	text-transform: uppercase;
	font-size: 0.85rem;
    text-align: center;
	margin-bottom: 0.85rem;
}

.diagramm-description {
	color:#fff;
	font-size: 0.65rem;
	margin-bottom: 0.45rem;
}

.video-description {
	font-size: 0.65rem;
	margin-top: 0.45rem;
	margin-bottom: 0;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

@media (max-width: 1300px) {

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}
	
	li.txt {
	margin-bottom: 0.85rem;
}

.li-sec {
	margin-left: 22px;
    list-style-type: disclosure-closed;
	font-size: 15px;
}
		
.li-th {
	margin-left: 42px;
    list-style-type: circle;
	font-size: 15px;
}
}

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

a:hover {
	color: var(--primary-color);
	text-decoration: none!important;
}

.pointer {
	cursor: pointer;
}

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

.fs-dropdown {
	font-size: 15px!important;
}

.fs-dropdown-icon{ 
	font-size: 23px!important;
	margin: -7px 6px 0px -4px;
}

@media (max-width: 1300px) {
	.fs-dropdown {
	font-size: 12px!important;
}

.fs-dropdown-icon{
	font-size: 18px!important;
	margin: -7px 6px 0px -4px;
}
}
/* Maße */

.h--130 {
	height: 130px!important;
}

@media (min-width: 1600px) {
	.mb-4-xl {
	   margin-bottom: 2.25rem!important;
	}
}


/* Header */

#header {
    background: linear-gradient(0deg, rgba(0,0,0,0) 10%, rgba(0,0,0,0.4) 100%)!important;
    box-shadow: none!important;
}

.navbar-brand {
	background: url("../images/bg/hobart-plate-bg2.jpg");
    box-shadow: 0 0 20px rgb(0 0 0 / 80%) !important;
    margin-left: 100px;
	width: 350px;
	height: 150px;
	padding: 45px 60px;
	border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}


@media (max-width: 1300px) {
.navbar-brand {
    margin-left: 60px;
    width: 270px;
    height: 110px;
    padding: 30px 50px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
}
.navbar-brand>img {
    height: auto;
    max-width: 100%;
}

#header .btn-group-sm>.btn.rounded-circle, .btn.btn-sm.rounded-circle {
    font-size: 1.5rem;
    height: 3.5rem;
    width: 3.5rem;
	z-index: 10;
}

#header .btn.rounded-circle>i, .btn.rounded-circle>span:not(.badge){
    font-size: 1.5rem!important;
}

@media (max-width: 1300px) {
#header .btn-group-sm>.btn.rounded-circle, .btn.btn-sm.rounded-circle {
    font-size: 1.25rem;
    height: 3rem;
    width: 3rem;
}

#header .btn.rounded-circle>i, .btn.rounded-circle>span:not(.badge){
    font-size: 1.25rem!important;
}

}
#header .btn-light {
    border-color: #fff;
	color: #fff;}

#js_header_spacer {
	height:0px!important;
	
}

.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;
}

.dropdown-menu {    
    min-width: 15rem;  
}

.dropdown-header {
    font-size: 1.0625rem!important;
}

.dropdown-menu .dropdown-item>a, .dropdown-menu a.dropdown-item, .dropdown-menu li:not(.dropdown-item)>a {
    padding: 5px 40px 5px 25px;
}

@media (max-width: 1300px) {
.dropdown-header {
    font-size: 0.85rem!important;
}

.dropdown-menu .dropdown-item>a, .dropdown-menu a.dropdown-item, .dropdown-menu li:not(.dropdown-item)>a {
    padding-left: 5px!important;
	padding-right: 5px!important;
}
}

/* Container */

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

/* Backgrounds */

.bg-plate {
	background-image: url("../images/bg/hobart-plate-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: var(--font-light-color);
}

.bg-lightgrey {
	background-color: #f2f2f2;
}

/* Boxen */

.teaserbox {
	border-radius: 20px;
	background-color: rgba(255,255,255,0.75);
	box-shadow: 0 10px 25px 10px rgba(0,0,0,.35)!important;
	color: var(--font-color);
	padding:50px;
	z-index: 6;
}

@media (max-width: 1300px) {
	
	.teaserbox {
	border-radius: 15px;	
	padding:30px;
}
}

/* Buttons */

#header button:hover {
	color: var(--primary-color)!important;
}

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

.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 4px 11px 0 var(--font-color);
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 50%);
}

.btn-m {
	font-size: 20px!important;
}

.btn:not(.rounded-circle)>i, ul.list-icons>li>i {
    display: inline-block;
    margin-right: 3px;
}

@-webkit-keyframes __utilPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@keyframes __utilPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

.btn-info {
    font-size: 8px;
    height: 11px;
    width: 11px;
    padding: 18px !important;
    margin: 8px;
    background: #FFF;
    border: #FFF;
    /*box-shadow: 0 1px 3px 0 rgba(50,50,93,.55),0 4px 6px 0 rgba(112,157,199,.55) !important;*/

}

.btn-info.focus, .btn-info:focus, .btn-info:hover {
    background-color: #FFF;
    border-color: #FFF;
}



@media (max-width: 1300px) {
.btn-m {
	font-size: 15px!important;
	}
.btn-info {
    padding: 11px !important;    
}	

.btn-group-sm>.btn, .btn-sm {
    font-size: 0.85rem;
}	
	
}



/* itw-business-model */

.itw-business-model {
	position: fixed;
	bottom: 80px;
	left: 78px;
	width: 12%;
}

@media (max-width: 1300px) {
.itw-business-model {
    bottom: 50px;
    left: 50px;
}
	
.itw-business-model2 {
    bottom: 75px;
	animation: .3s;
	transition: all .3s ease;
}	
	
}

/* Footer */

.footer-fixed {
	position: fixed;
	bottom:0px;
	left:0px;
	height: 55px;
	width: 100%;	
}

.footer-button {
	width: 20%;	
	margin-top: 10px;
	margin-bottom: 10px;
	border-left: solid 2px #fff;
}

#footer button 
{
	border: 0px;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	color: var(--font-light-color);
	text-transform: uppercase;
	padding: 0px;
	background-color: transparent;
	
}

#footer button:hover {
	background-color: rgba(0,0,0,0.45);
    margin-top: -10px;
    margin-bottom: -10px;
    height: 58px;
	transition: color .15s ease-in-out,background-color .15s;
} 


@media (max-width: 1300px) {
	
.footer-fixed {
	height: 44px;	
}	
	#footer button 
{	
	font-size: 15px;
	}
	#footer button:hover {	
    height: 48px;
} 
}


#integrity, .bg-integrity {
	background-color: var(--itw_02);
	color: var(--font-light-color);
}

#respect, .bg-respect{
	background-color: var(--itw_03);
	color: var(--font-light-color);
}

#trust, .bg-trust{
	background-color: var(--itw_03b);
	color: var(--font-light-color);	
}

#shared_risk, .bg-shared_risk{
	background-color: var(--itw_04);
	color: var(--font-light-color);	
}

#simplicity, .bg-simplicity{
	background-color: var(--itw_05);
	color: var(--font-light-color);	
}

/** Shadows **/

.shadow-md, .shadow-md-hover:hover {
    box-shadow: 0 0 35px rgba(0,0,0,.35)!important;
}

.shadow-lg {
	box-shadow: 0 10px 40px 10px rgba(0,0,0,.75)!important;
}


/** Modals **/

.modal-full {
    margin: 28px;
}

.modal-backdrop {
    background-color: rgba(0,0,0,.65);
}

.modal-dialog {
	scroll-behavior: smooth;	
}

.modal-body {
    max-height: 750px;
    padding: 0;
}


.modal-sm {
    max-width: 400px;
    margin-top: 250px!important;	
}

@media (max-width: 1300px) {
.modal-body {
	max-height: 510px;
	padding: 0;
}
}

.modal-title {
    font-size: 1.5rem;
}

.close {
	color: var(--font-light-color);
	text-shadow: 0 1px 0 #000;
}

.carousel-modal {
	height: 800px;
	width:1540px;
}

.carousel-inhalt {
	padding-top: 50px;
}

.carousel-inhalt-small {
	padding-top: 18px;
}

.carousel-inhalt-4 {
	padding-top: 90px;
}

.carousel-inhalt-6 {
	padding-top: 75px;
}

.card-content-h {
	height: 130px!important;
}

.carousel-modal-back {
	position: absolute!important;
	bottom:69px;
	right:24px;
}

.carousel-content {
	padding: 55px 80px;	
}

.carousel-media {
	padding: 0 40px 0 0;	
	height: 640px;
}

.carousel-text {
	height: 640px;
}

.content-box {
		height: 760px;
		max-height: 760px;
	}
	

@media (max-width: 1300px) {
.carousel-modal {
	height: 520px;
    width: 1140px;
}
	
.carousel-media {
	padding: 0 40px 0 0;	
	height: 600px;
}
	
.carousel-modal-back {
	position: absolute!important;
	bottom:20px;
	right:24px;
}	
	
.modal-dialog {
    margin: 69px auto;
}	
	
.carousel-inhalt, .carousel-inhalt-small {
	padding-top: 3px;
}

.carousel-inhalt-4 {
	padding-top: 30px;
}

.carousel-inhalt-6 {
	padding-top: 10px;
}
	
.card-content-h {
	height: 70px!important;
}

.carousel-media {	
	height: 400px;
}

.carousel-text {
	height: 400px;
}

	.content-box {
		height: 510px;
		max-height: 510px;
	}

.modal-sm {
    max-width: 300px;
    margin-top: 150px!important;	
	
}
}

@media (min-width: 1600px){
	
.modal-xl {
    max-width: 1540px;
    max-height: 850px;
    min-height: 750px;
    margin-top: 120px;
}

}


@media (min-height: 1180px) {
	
	.modal-xl {
    margin-top: 180px;
}
}

/** Fancybox **/

.fancybox-container .fancybox-bg {
    background-color: rgba(0,0,0,.85)!important;
	/**background-image: url("../images/bg/hobart-plate-bg2.jpg");**/
}

.fancybox-button--close {
    color: #fff!important;
}

.fancybox-caption {
    background: linear-gradient(0deg,hsla(0,0%,20%,.85) 0,hsla(0,0%,20%,0))!important;
}

.fancybox-caption__body {
    color: #fff!important;
}

.fancybox-slide--video .fancybox-content {
    background: transparent!important;
}


/** Übersichtsplan **/

#infoboxen ul {
	padding-inline-start: 20px;
}

#infoboxen .btn {
	font-size: 0.95rem;
}


.arrow-lg.arrow-end, .arrow-lg.arrow-right {
    right: -55px;
}

.arrow-lg.arrow-bottom {
	bottom: -69px;}

.arrow-lg.arrow-left, .arrow-lg.arrow-start {
    left: -75px;
}

.uebersicht {
	position: absolute;
    z-index: 1;
    background-color: transparent;
}
.uebersicht_f1 { 
   	top: 568px;
    left: 881px;
    width: 245px;
    height: 269px;
}

.uebersicht_f1b {    
   	top: 833px;
    left: 1097px;
    width: 132px;
    height: 62px;
}

.uebersicht_f2 {  
    top: 151px;
    left: 514px;
    width: 425px;
    height: 370px;
}

.uebersicht_f3 {    
    top: 500px;
    left: 1269px;
    width: 97px;
    height: 370px;
}

.uebersicht_f4 {    
	top: 500px;
    left: 1126px;
    width: 142px;
    height: 332px;
}

.uebersicht_rd {   
	top: 603px;
    left: 832px;
    width: 49px;
    height: 240px;
}

.uebersicht_pbu {    
    top: 500px;
    left: 1368px;
    width: 166px;
    height: 235px;
}

@media (min-height: 1180px) {
/*	.uebersicht {
    background-color: rgba(0,0,0,0.50);
	}*/
    .uebersicht_f1 { 
        top: 633px;
   	 	left: 871px;
    	width: 276px;
    	height: 303px;
    }

    .uebersicht_f1b {    
        top: 915px;
    	left: 1112px;
    	width: 147px;
   		height: 81px;
    }

    .uebersicht_f2 {  
        top: 171px;
    	left: 464px;
   		width: 473px;
    	height: 409px;
    }

    .uebersicht_f3 {    
        top: 554px;
    	left: 1302px;
    	width: 111px;
    	height: 410px;
    }

    .uebersicht_f4 {    
        top: 600px;
    	left: 1147px;
    	width: 155px;
    	height: 329px;
    }

    .uebersicht_rd {   
        top: 670px;
    	left: 816px;
    	width: 55px;
    	height: 266px;
    }

    .uebersicht_pbu {    
        top: 601px;
    	left: 1412px;
    	width: 183px;
    	height: 216px;
	}	

	
}
	
@media (max-width: 1300px) {

.arrow-lg.arrow-bottom {
	bottom: -64px;}

.arrow-lg.arrow-left, .arrow-lg.arrow-start {
    left: -70px;
}
	
#infoboxen .btn {
    font-size: 0.75rem;
}	
	
.uebersicht {
    background-color: transparent;
}
	
.uebersicht_f1 { 
    top: 380px;
    left: 586px;
    width: 166px;
    height: 184px;
}

.uebersicht_f1b {    
   	top: 560px;
    left: 568px;
    width: 252px;
    height: 38px;
}

.uebersicht_f2 {  
    top: 103px;
    left: 343px;
    width: 284px;
    height: 245px;
}

.uebersicht_f4 {    
	top: 361px;
    left: 752px;
    width: 94px;
    height: 197px;
}

.uebersicht_f3 {    
    top: 332px;
    left: 846px;
    width: 66px;
    height: 247px;
}

.uebersicht_rd {   
    top: 400px;
    left: 553px;
    width: 33px;
    height: 161px;
}

.uebersicht_pbu {    
    top: 359px;
    left: 912px;
    width: 111px;
    height: 133px;
	}
}
	
@media only screen and (width: 1280px) and (height: 800px) {

/*.uebersicht {
    background-color: rgba(0,0,0,0.50);
}*/
	
.uebersicht_f1 { 
    top: 423px;
    left: 580px;
    width: 207px;
    height: 200px;
}

.uebersicht_f1b {    
	top: 623px;
    left: 561px;
    width: 278px;
    height: 41px;
}

.uebersicht_f2 {  
    top: 115px;
    left: 309px;
    width: 315px;
    height: 271px;
}

.uebersicht_f4 {    
	top: 398px;
    left: 787px;
    width: 80px;
    height: 222px;
}

.uebersicht_f3 {    
    top: 369px;
    left: 867px;
    width: 76px;
    height: 272px;
}

.uebersicht_rd {   
    top: 446px;
    left: 544px;
    width: 36px;
    height: 178px;
}

.uebersicht_pbu {    
    top: 401px;
    left: 942px;
    width: 123px;
    height: 145px;
	}
}

.close-uebersicht{
	margin: -13px -2px 0 0;
}

h2.f1, h2.f2, h2.f3, h2.f4, h2.rd, h2.pbu  {	
	color:#fff;
	font-size: 1.15rem;
	padding: 0px 0px 0px 0px;
}

@media (max-width: 1300px) {
h2.f1, h2.f2, h2.f3, h2.f4, h2.rd, h2.pbu  {
    font-size: 0.95rem;
    padding: 7px 0px 3px;}
}
.bc {
	margin-right:-14px!important;	
}


.uebersicht_b {	    
	position: absolute;
    z-index: 2;	
	border: 15px solid;
	font-size: 15px;
	color: #fff;
	padding: 0px;
	box-shadow: 0 5px 15px 5px rgba(0,0,0,.35)!important;
	animation: .3s;
	transition: all .3s ease;
}


@media (max-width: 1300px) {
.uebersicht_b {
    border: 10px solid;
    font-size: 13px;    
    box-shadow: 0 2px 15px 2px rgba(0,0,0,.35)!important;		
}
}

.uebersicht_bf1 {
    top: 817px;
    left: 475px;
    width: 315px;
    height: 220px;
    border-color: var(--f1);
    background-color: var(--f1);
}

.uebersicht_bf1-de {
    left: 455px;
    width: 335px;
    height: 225px;
}


.c-f1 {
	color: var(--f1)!important;
}

.bc-f1 {
	border-left-color: var(--f1)!important;
}


.btn-f1 {
    background-color: var(--f1);
    border-color: var(--f1);
	color: #fff;
}

.uebersicht_bf2 {
    top: 291px;
    left: 155px;
    width: 315px;
    height: 220px;
    border-color: var(--f2);
	background-color: var(--f2);
}

.c-f2 {
	color: var(--f2)!important;
}

.bc-f2 {
	border-left-color: var(--f2)!important;
}

.btn-f2 {
    background-color: var(--f2);
    border-color: var(--f2);
	color: #fff;
}

.uebersicht_bf3 {
    top: 770px;
    left: 1400px;
    width: 315px;
    height: 220px;	
	border-color: var(--f3);
    background-color: var(--f3);
}


.uebersicht_bf3-de {
    width: 330px;
    height: 200px;
}


.c-f3 {
	color: var(--f3)!important;
}

.bc-f3 {
	border-right-color: var(--f3)!important;
}

.btn-f3 {
    background-color: var(--f3);
    border-color: var(--f3);
	color: #fff;
}

.uebersicht_bf4 {
    top: 220px;
    left: 1050px;
    width: 315px;
    height: 240px;
	border-color: var(--f4);
    background-color: var(--f4);
}

.uebersicht_bf4-de {
    top: 235px;
    height: 225px;
}


.c-f4 {
	color: var(--f4)!important;
}


.bc-f4 {
	border-top-color: var(--f4)!important;
}

.btn-f4 {
    background-color: var(--f4);
    border-color: var(--f4);
	color: #fff;
}

.uebersicht_brd {
    top: 560px;
    left: 475px;
    width: 315px;
    height: 215px;	
	border-color: var(--rd);
    background-color: var(--rd);
}

.uebersicht_brd-de {
    left: 455px;
    width: 335px;
    height: 225px;
}


.c-rd {
	color: var(--rd)!important;
}


.bc-rd {
	border-left-color: var(--rd)!important;
}

.btn-rd {
    background-color: var(--rd);
    border-color: var(--rd);
	color: #fff;
}

.uebersicht_bpbu {
    top: 340px;
    left: 1480px;
    width: 315px;
    height: 240px;	
	border-color: var(--pbu);
    background-color: var(--pbu);
}

.uebersicht_bpbu-de {
    width: 350px;
    height: 245px;
}

.c-pbu {
	color: var(--pbu)!important;
}

.bc-pbu {
	border-right-color: var(--pbu)!important;
    margin-top: 49px !important;
}

.btn-pbu {
    background-color: var(--pbu);
    border-color: var(--pbu);
	color: #fff;
}


@media (max-width: 1300px) {
	
	.uebersicht_bf1 {
    top: 538px;
    left: 260px;
    width: 260px;
    height: 175px;
}	
	.uebersicht_bf1-de {
    left: 215px;
    width: 305px;
}
	
	.uebersicht_bf2 {
    top: 150px;
    left: 63px;
    width: 250px;
    height: 175px;
}
	
	.uebersicht_bf2-de {
    top: 135px;
    height: 190px;
}
	
	.uebersicht_bf3 {
    top: 517px;
    left: 945px;
    width: 245px;
    height: 175px;
}
	
	.uebersicht_bf3-de {
    width: 280px;
}
	
	.uebersicht_bf4 {
    top: 105px;
    left: 685px;
    width: 245px;
    height: 195px;
}
	
	.uebersicht_brd {
	top: 355px;
    left: 260px;
    width: 260px;
    height: 175px;
}
	
	.uebersicht_brd-de {
	left: 215px;
    width: 305px;
}
	
	.uebersicht_bpbu {
    top: 162px;
	left: 1004px;
    width: 215px;
    height: 235px;
}
	
	.uebersicht_bpbu-de {
    width: 240px;
}
	
	.bc {
		margin-right:-4px!important;}	

	.btn-detail {
		font-size: 14px;
    	padding: 7px;
    	margin-top: 10px;
	}
	
}


@media only screen and (width: 1280px) and (height: 800px)  {
	
	.uebersicht_bf1 {
    left: 210px;
	top: 604px;
}	
	
	.uebersicht_bf2 {
    left: 41px;
}
	
	.uebersicht_bf3 {
	top: 555px;
    left: 970px;
}
		
	.uebersicht_bf4 {
    top: 140px;
    left: 710px;
}
	
	.uebersicht_brd {
	top: 415px;
    left: 210px;
}
		
	.uebersicht_bpbu {
    top: 205px;
    left: 1025px;
}
	
}


.arrow-lg.arrow-center.arrow-left.bc-pbu {
    margin-top: 49px !important;
}

/** Übersichtsplan Maschinenfotos **/

.plan-maschinen {
	position: absolute;
    z-index: 1;
    background-color: transparent; 
}

.plan-maschinen_f2a { 
   	top: 435px;
    left: 613px;
    width: 145px;
    height: 390px;
    text-align: center;
}

.plan-maschinen_f2b {    
  	top: 290px;
    left: 472px;
    width: 45px;
    height: 260px;
    text-align: center;
}

.plan-maschinen_f2c { 
	top: 435px;
    left: 775px;
    width: 145px;
    height: 390px;
    text-align: center;
}

.plan-maschinen_f2d {    
 	top: 290px;
    left: 580px;
    width: 45px;
    height: 260px;
    text-align: center;
}

.plan-maschinen_f2e {    
 	top: 435px;
    left: 936px;
    width: 70px;
    height: 390px;
    text-align: center;
}


.plan-maschinen_f2f {    
	top: 435px;
    left: 1020px;
    width: 146px;
    height: 390px;
    text-align: center;
}

.plan-maschinen_f2g {    
	top: 290px;
    left: 744px;
    width: 45px;
    height: 260px;
    text-align: center;
}


.plan-maschinen_f1a { 
   	top: 185px;
    left: 676px;
    width: 427px;
    height: 270px;
    text-align: right;
   
}

.btn-info-f1a {
    position: absolute;
    right: 5px;
    top: 54px
}

.plan-maschinen_f1b {    
    top: 200px;
    left: 460px;
    width: 285px;
    height: 120px;
    text-align: right;
}

.plan-maschinen_f1c { 
 	top: 503px;
    left: 675px;
    width: 506px;
    height: 256px;
    text-align: right;
    
}

.btn-info-f1c {
    position: absolute;
    right: 5px;
    top: 150px
}

.plan-maschinen_f1d {    
 	top: 475px;
    left: 460px;
    width: 335px;
    height: 50px;
    text-align: right;
}


.plan-maschinen_f3a { 
   	top: 188px;
    left: 819px;
    width: 212px;
    height: 400px;
    text-align: center;
}


.plan-maschinen_f3b { 
   	top: 623px;
    left: 974px;
    width: 83px;
    height: 331px;
    text-align: center;
}

	
.btn-info-f3a {
    position: absolute;
    right: 42px;
    top: 5px;
}

.btn-info-f3b {
    position: absolute;
    right: 0px; 
    top: 217px;
}

.plan-maschinen_f4a { 
	top: 779px;
    left: 734px;
    width: 145px;
    height: 390px;
    text-align: center;
}

.plan-maschinen_f4b {    
  	top: 405px;
    left: 871px;
    width: 45px;
    height: 260px;
    text-align: center;
}

@media (min-height: 1180px) {

/*	.plan-maschinen {
    background-color: rgba(0,0,0,0.50); 
}*/	

.plan-maschinen_f2a { 
   	top: 488px;
    left: 589px;
    width: 157px;
    height: 417px;
}

.plan-maschinen_f2b {    
  	top: 290px;
    left: 472px;
    width: 45px;
    height: 260px;
}

.plan-maschinen_f2c { 
	top: 488px;
    left: 765px;
    width: 153px;
    height: 416px;
}

.plan-maschinen_f2d {    
 	top: 290px;
    left: 580px;
    width: 45px;
    height: 260px;
}

.plan-maschinen_f2e {    
	top: 488px;
    left: 935px;
    width: 73px;
    height: 416px;
}


.plan-maschinen_f2f {    
    top: 488px;
    left: 1025px;
    width: 152px;
    height: 416px;
}

.plan-maschinen_f2g {    
	top: 290px;
    left: 744px;
    width: 45px;
    height: 260px;
}


.plan-maschinen_f1a { 
   	top: 222px;
    left: 658px;
    width: 453px;
    height: 288px;
}

.plan-maschinen_f1b {    
    top: 200px;
    left: 460px;
    width: 285px;
    height: 120px;
}

.plan-maschinen_f1c { 
 	top: 560px;
    left: 656px;
    width: 539px;
    height: 274px;
    
}

.btn-info-f1a {
    top: 58px;
}

.btn-info-f1c {
    top: 160px;
}

.plan-maschinen_f1d {    
 	top: 475px;
    left: 460px;
    width: 335px;
    height: 50px;
}


.plan-maschinen_f3a { 
   	top: 237px;
    left: 816px;
    width: 217px;
    height: 411px;
}


.plan-maschinen_f3b { 
   	top: 686px;
    left: 976px;
    width: 83px;
    height: 339px;
}


.btn-info-f3b {
    top: 225px;
}

.plan-maschinen_f4a { 
	top: 742px;
    left: 751px;
    width: 206px;
    height: 315px;
    text-align: left;
}
	
.btn-info-f4a {
	top: 135px;
    left: 13px;
}	

.plan-maschinen_f4b {    
  	top: 221px;
    left: 652px;
    width: 461px;
    height: 446px;
}
		
.btn-info-f4b {
	top: 223px;
    left: 7px;
}	
	
}

@media (max-width: 1300px) {

.plan-maschinen_f2a { 
   	top: 290px;
    left: 408px;
    width: 96px;
    height: 260px;
    text-align: center;
}

.plan-maschinen_f2b {    
  	top: 290px;
    left: 472px;
    width: 45px;
    height: 260px;
}

.plan-maschinen_f2c { 
    top: 290px;
    left: 518px;
    width: 96px;
    height: 260px;
    text-align: center;
}

.plan-maschinen_f2d {    
 	top: 290px;
    left: 580px;
    width: 45px;
    height: 260px;
}

.plan-maschinen_f2e {    
 	top: 290px;
    left: 627px;
    width: 45px;
    height: 260px;
}


.plan-maschinen_f2f {    
	top: 290px;
    left: 681px;
    width: 96px;
    height: 260px;
    text-align: center;
}

.plan-maschinen_f2g {    
	top: 290px;
    left: 744px;
    width: 45px;
    height: 260px;
}


.plan-maschinen_f1a { 
   	top: 122px;
    left: 451px;
    width: 285px;
    height: 180px;
    text-align: right;
   
}

.btn-info-f1a {
    position: absolute;
    right: 5px;
    top: 35px
}

.plan-maschinen_f1b {    
    top: 200px;
    left: 460px;
    width: 285px;
    height: 120px;
    text-align: right;
}

.plan-maschinen_f1c { 
 	top: 337px;
    left: 451px;
    width: 335px;
    height: 170px;
    text-align: right;
    
}

.btn-info-f1c {
    position: absolute;
    right: 5px;
    top: 95px
}

.plan-maschinen_f1d {    
 	top: 475px;
    left: 460px;
    width: 335px;
    height: 50px;
    text-align: right;
}


.plan-maschinen_f3a { 
   	top: 129px;
    left: 547px;
    width: 139px;
    height: 260px;
    text-align: center;
}


.plan-maschinen_f3b { 
   	top: 419px;
    left: 652px;
    width: 52px;
    height: 214px;
    text-align: center;
}
	
.btn-info-f3a {
    position: absolute;
    right: 24px;
    top: 1px;
}

.btn-info-f3b {
    position: absolute;
    right: 1px; 
    top: 137px;
}
	
.plan-maschinen_f4a {    	
    top: 520px;
    left: 465px;
    width: 145px;
    height: 390px;
    text-align: center;
}

.plan-maschinen_f4b {    
  	top: 275px;
    left: 576px;
    width: 45px;
    height: 260px;
    text-align: center;
}	
}

@media only screen and (width: 1280px) and (height: 800px) {

/*.plan-maschinen {
    background-color: rgba(0,0,0,0.50); 
}*/

.plan-maschinen_f2a { 
    top: 325px;
    left: 394px;
    width: 102px;
    height: 278px;
}

.plan-maschinen_f2b {    
  	top: 290px;
    left: 472px;
    width: 45px;
    height: 260px;
}

.plan-maschinen_f2c { 
    top: 325px;
    left: 510px;
    width: 102px;
    height: 278px;
}

.plan-maschinen_f2d {    
 	top: 290px;
    left: 580px;
    width: 45px;
    height: 260px;
}

.plan-maschinen_f2e {    
 	top: 325px;
    left: 624px;
    width: 48px;
    height: 277px;
}

.plan-maschinen_f2f {    
	top: 325px;
    left: 683px;
    width: 103px;
    height: 277px;
}

.plan-maschinen_f2g {    
	top: 290px;
    left: 744px;
    width: 45px;
    height: 260px;
}


.plan-maschinen_f1a { 
   	top: 147px;
    left: 439px;
    width: 302px;
    height: 192px;  
}

.btn-info-f1a {
    position: absolute;
    right: 5px;
    top: 38px
}

.plan-maschinen_f1b {    
    top: 200px;
    left: 460px;
    width: 285px;
    height: 120px;
    text-align: right;
}

.plan-maschinen_f1c { 
 	top: 374px;
    left: 438px;
    width: 359px;
    height: 181px;    
}

.btn-info-f1c {
    position: absolute;
    right: 5px;
    top: 105px
}

.plan-maschinen_f1d {    
 	top: 475px;
    left: 460px;
    width: 335px;
    height: 50px;
    text-align: right;
}


.plan-maschinen_f3a { 
   	top: 159px;
    left: 543px;
    width: 145px;
    height: 273px;
}


.plan-maschinen_f3b { 
   	top: 457px;
    left: 650px;
    width: 56px;
    height: 226px;
}
	
.btn-info-f3a {
    position: absolute;
    right: 28px;
    top: 1px;
}

.btn-info-f3b {
    position: absolute;
    right: -1px;
    top: 148px;
}
	

.btn-info-f4b {
    position: absolute;
    right: -4px;
    top: 153px;
}
	
.btn-info-f4a {
    position: absolute;
    right: -42px;
    top: 89px;
}
	
.plan-maschinen_f4a {    	
    top: 494px;
    left: 502px;
    width: 136px;
    height: 210px;
}

.plan-maschinen_f4b {    
  	top: 148px;
    left: 435px;
    width: 307px;
    height: 297px;
}	
	
}

.maschinen-popup {	    
	position: absolute;
    z-index: 2;	
	border: 20px solid;
	font-size: 16px;
	color: #fff;
	padding: 0px;
	box-shadow: 0 5px 15px 5px rgba(0,0,0,.35)!important;
}

@media (max-width: 1300px) {
.maschinen-popup {
    border: 10px solid;
    font-size: 13px;
    color: #fff;
    padding: 0px;
    box-shadow: 0 2px 15px 2px rgba(0,0,0,.35)!important;	
	animation: .3s;
	transition: all .3s ease;
}
}


.maschinen-popup-f2 {
    border-color: var(--f2);
    background-color: var(--f2);
}

.maschinen-popup-f1
{
    border-color: var(--f1);
    background-color: var(--f1);
}

.maschinen-popup-f3 {
    border-color: var(--f3);
    background-color: var(--f3);
}

.maschinen-popup-f4
{
    border-color: var(--f4);
    background-color: var(--f4);
}

.maschinen-popup-rd {
    border-color: var(--rd);
    background-color: var(--rd);
}

.maschinen-popup-pbu {
    border-color: var(--pbu);
    background-color: var(--pbu);
}

	.maschinen-popup-f2a {
    top: 200px;
    left: 100px;
    width: 350px;
    height: 240px;
}
    
    .maschinen-popup-f2b {
    top: 465px;
    left: 100px;
    width: 350px;
    height: 240px;
}
    
     .maschinen-popup-f2c {
    top: 100px;
    left: 379px;
    width: 350px;
    height: 240px;
}
    
     .maschinen-popup-f2d {
    top: 100px;
    left: 650px;
    width: 350px;
    height: 240px;
}
    
    .maschinen-popup-f2e {
    top: 200px;
    right: 155px;
    width: 350px;
    height: 240px;
}
    
    .maschinen-popup-f2f {
    top: 465px;
    right: 155px;
    width: 350px;
    height: 240px;
}
    
    .maschinen-popup-f2g {
    top: 500px;
    right: 100px;
    width: 350px;
    height: 240px;
}
    
    
    .maschinen-popup-f1a {
    top: 197px;
    right: 266px;
    width: 350px;
    height: 240px;
}
    
    .maschinen-popup-f1b {
    top: 370px;
    left: 84px;
    width: 350px;
    height: 240px;
}
    
     .maschinen-popup-f1c {
    top: 510px;
    left: 100px;
    width: 350px;
    height: 240px;
}
    
     .maschinen-popup-f1d {
    top: 370px;
    right: 100px;
    width: 350px;
    height: 240px;
}
    
    
.maschinen-popup-f3a {
    top: 188px;
    left: 426px;
    width: 350px;
    height: 240px;
}
	
.maschinen-popup-f3c {
    top: 469px;
    left: 426px;
    width: 350px;
    height: 240px;
}	
.maschinen-popup-f3d {
    top: 188px;
    left: 40px;
    width: 350px;
    height: 240px;
}
	
.maschinen-popup-f3e {
    top: 469px;
    left: 40px;
    width: 350px;
    height: 240px;
}	
    
.maschinen-popup-f3b {
    top: 432px;
    left: 1110px;
    width: 350px;
    height: 240px;
}
	
.maschinen-popup-f3f {
    top: 713px;
    left: 1110px;
    width: 350px;
    height: 240px;
}


	.maschinen-popup-f4a {    
    top: 690px;
    left: 380px;
    width: 350px;
    height: 240px;
}
    
    .maschinen-popup-f4b {
    top: 315px;
    left: 1155px;
    width: 350px;
    height: 240px;
}

@media (max-width: 1300px) {
	
	.maschinen-popup-f2a {
    top: 170px;
    left: 84px;
    width: 245px;
    height: 175px;
}
    
    .maschinen-popup-f2b {
    top: 370px;
    left: 84px;
    width: 245px;
    height: 175px;
}
    
     .maschinen-popup-f2c {
    top: 100px;
    left: 379px;
    width: 245px;
    height: 175px;
}
    
     .maschinen-popup-f2d {
    top: 100px;
    left: 650px;
    width: 245px;
    height: 175px;
}
    
    .maschinen-popup-f2e {
    top: 170px;
    right: 100px;
    width: 245px;
    height: 175px;
}
    
    .maschinen-popup-f2f {
    top: 370px;
    right: 100px;
    width: 245px;
    height: 175px;
}
    
    .maschinen-popup-f2g {
    top: 500px;
    right: 100px;
    width: 245px;
    height: 175px;
}
    
    
    .maschinen-popup-f1a {
    top: 126px;
    right: 175px;
    width: 245px;
    height: 175px;
}
    
    .maschinen-popup-f1b {
    top: 370px;
    left: 84px;
    width: 245px;
    height: 175px;
}
    
     .maschinen-popup-f1c {
    top: 333px;
    left: 74px;
    width: 245px;
    height: 175px;
	}
    
     .maschinen-popup-f1d {
    top: 370px;
    right: 100px;
    width: 245px;
    height: 175px;
}
    
    
.maschinen-popup-f3a {
    top: 160px;
    left: 284px;
    width: 245px;
    height: 175px;
}
	
.maschinen-popup-f3c {
    top: 345px;
    left: 284px;
    width: 245px;
    height: 175px;
}	
.maschinen-popup-f3d {
    top: 160px;
    left: 30px;
    width: 245px;
    height: 175px;
}
	
.maschinen-popup-f3e {
    top: 345px;
    left: 30px;
    width: 245px;
    height: 175px;
}	
    
.maschinen-popup-f3b {
    top: 277px;
    left: 725px;
    width: 245px;
    height: 175px;
}
	
.maschinen-popup-f3f {
    top: 462px;
    left: 725px;
    width: 245px;
    height: 175px;
}
	
	.maschinen-popup-f4a {
    top: 462px;
    left: 135px;
    width: 350px;
    height: 240px;
}
    
    .maschinen-popup-f4b {
    top: 170px;
    left: 765px;
    width: 350px;
    height: 240px;
}	
    
}

@media only screen and (width: 1280px) and (height: 800px) {
	
	.maschinen-popup-f2a {
    left: 63px;
}
    
    .maschinen-popup-f2b {
    left: 63px;
}
	
	.maschinen-popup-f4a {
    top: 503px;
    left: 132px;
}
}

.txt-f1 {
    color: var(--f1);
}

.txt-f2 {
    color: var(--f2);
}

.txt-f3 {
    color: var(--f3);
}

.txt-f4 {
    color: var(--f4);
}

.txt-rd {
    color: var(--rd);
}

.txt-pbu {
    color: var(--pbu);
}

/** Pointer **/

.fill-f1 {
	fill:var(--f1);
}

.fill-f2 {
	fill:var(--f2);
}

.fill-f3 {
	fill:var(--f3);
}

.fill-f4 {
	fill:var(--f4);
}

.fill-rd {
	fill:var(--rd);
}

.fill-pbu {
	fill:var(--pbu);
}

.box_pointer_left {
	position:absolute; 
	filter: drop-shadow(-10px 15px 4px rgb(0 0 0 / 0.4));
}

.box_pointer_right {
	position:absolute; 
	filter: drop-shadow(2px 6px 4px rgb(0 0 0 / 0.4));
}

.pointer_rc20{
	width:200px;
	right:-200px; 
	top:0px;
}

.pointer_rc80{
	width:200px;
	right:-200px; 
	top:-90px;
}

.pointer_ft20{
	width:200px;
	left:-200px; 
	top:30px;
}

.pointer_ft80{
	width: 200px;
    left: -200px;
    bottom: -145px;
}

.route {
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-image: url("../images/content/overview/routen.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.h-85 {
	height: 85%!important;
}

.mrd {
	position: absolute;  
    top: 171px;
}

.mrd-01 {
    width: 88px;
    height: 87px;
    left: 42px;
}

.mrd-02 {
    width: 88px;
    height: 87px;
    left: 142px;
}

.mrd-03 {
    width: 88px;
    height: 87px;
    left: 242px;
}

.mrd-04 {
    width: 121px;
    height: 87px;
    left: 336px;
}


.txt-diversity     {
    font-size: 15px;
    color: #212529;
	margin-bottom: 3px;
}