/* --------------- FONTS---------------*/

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

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

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

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

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../data/fonts/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../data/fonts/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../data/fonts/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../data/fonts/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../data/fonts/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../data/fonts/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* --------------- GLOBALE EINSTELLUNGEN---------------*/
*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
    vertical-align: top;
}

html {
font-size: 0.9rem;
letter-spacing: 0.1em;
/*scroll-behavier:smooth;
*/overflow: auto !important; 
background:#FFF;
 }

body	{
margin: 0 !important;
font-family: 'Open Sans',normal !important;
line-height: 160%;
font-weight:400;
color:#000;

}

a:active, a:focus {outline: none;}
a  {text-decoration: none;} /* Darstellung von Links - NICHT die Farbe */
/*a:link,
a:Visited	{color:#018bc4;}
a:Active, a:Hover {text-decoration:underline;color:#018bc4;}*/
a:link,
a:Visited	{color:#fff;}
a:Active, a:Hover {text-decoration:underline;color:#fff;}
p, td, th, div, input, textarea, select, h1, h2, h3, h4, h5, h6, ul, ol, li, font, dl, dt, dd, marquee {font-family: inherit;}

table, form	{margin: 0;padding: 0;}
table {border-collapse: collapse;}
tr {vertical-align: top;}
th, td {text-align: left; margin: 0; /*padding: 0 10px 5px 0;*/}

input, select, textarea {border: 0px solid #cccccc; background-color: #bfe2ff;width:100%; height:30px;}
input[type="hidden"] {display: block;}
input[type="checkbox"],input[type="radio"] {border: 0; background-color:transparent;}

.list {list-style-position: outside;list-style-type:disc;padding:2%;}

/* --------------- AUFZAEHLUNGEN---------------*/

ul {
margin: 0;
padding: 0 0 5px 0;
margin-left: 0.9em;
}
.footerbox ul {margin-left:0;}
ul li {
/*list-style: none;
list-style-image: none;*/
margin: 5px 0;
}

ol {margin: 0; padding: 0;}

ol li {list-style-type: decimal;
margin: 2px 0 0 25px;
padding: 0;
}

dt {
margin-bottom: 2px;
padding-top: 10px;
clear: both;
}

dd {margin-bottom: 5px;}
.clear{clear:both; }

/* --------------- UEBERSCHRIFTEN---------------*/

H1, H2, H3 H4, H5, H6 {font-weight: normal; line-height: 120%; margin:10px 0 10px 0;text-transform: uppercase;}
H1 {color: #fff;display: inline-block;font-size: 3.5rem;font-family: "Open Sans";font-weight:bold;letter-spacing: 0.2rem;text-transform: uppercase;padding:0.8em;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
H2 {font-size: 2em; width: 100%;font-family: "Open Sans";font-weight: bold;line-height: 1.5em;letter-spacing: 0.2rem;text-transform: uppercase;text-align: left;color: #fff;display: inline;background: #000;box-shadow: 10px 0 0 #000, -10px 0 0 #000;-webkit-box-decoration-break: clone;-o-box-decoration-break: clone;box-decoration-break: clone;}
H3 {font-size: 0.9em;; color:#fff;font-family: 'Open Sans',bold ;text-transform: uppercase;margin:0 auto;text-align:center;}
H4 {width: 100%;font-family: "Open Sans";font-weight: bold;font-size: 3rem;line-height: 5rem;letter-spacing: 0.2rem;text-transform: uppercase;text-align: left;color: #fff;display: inline;background: #000;box-shadow: 10px 0 0 #000, -10px 0 0 #000;-webkit-box-decoration-break: clone;-o-box-decoration-break: clone;box-decoration-break: clone;}
H5 {font-size: 1rem; padding: 10px 0 2px 0; font-weight: bold;}
H6 {font-size: 2.0rem; padding-bottom:30px; color:#000;font-family: 'Open Sans',bold;}
H7 {font-size: 0.5rem; padding: 10px 0 2px 0;}

/* --------------- BREITE--------------*/
#header, #main-menu, .footerbox {max-width: 90%;}
#container {max-width:100%;}

/* --------------- MENUE---------------*/
#nav {
	padding-top:5px;
	margin: 0 auto;
	background: #000;
	border-top: 1px solid #fff;
	height: 35px;
	text-align:center;
	color:#fff;
	font-size:0.7rem;
	text-transform: uppercase;
}

#main-menu {margin: 0 auto;}

/* --------------- topnav ---------------*/
#topnav {   
	color:#cdcdcd;
	height: 30px;
	z-index: 1700;
	margin-right:10px;
	float:right;
	margin-top:10px;
	_margin-top:2px;
}
				
#topnav ul li {display: inline-block;list-style: none;list-style-image: none;}
#topnav ul li:not(:first-child) {margin-left: 0px;}
#topnav ul li a {font-size: 0.6em;text-decoration: none;text-transform: uppercase;}

#topnav li a {text-transform: uppercase;color: #fff;}
#topnav li:not(:first-child) {margin-left: 0px;}

#topnav a.active, #topnav a.active:link, #topnav a.active:visited {color: #fff !important; text-decoration: none;}
#topnav a:link {color:#fff;}
#topnav a:Hover {color:#fff;text-decoration: none;}

/*.underline {font-family: 'Open Sans', ;margin:0 0; padding:0 0;}
*/
/* --------------- Sprache---------------*/

#ge {
	display: block;
position: fixed;
right: 0px;
z-index: 1900;
top: 25px;
border-radius: 4px 0px 0px 4px;
background: #fff;
height: 55px;
width: 35px;
padding: 0 0 5px 5px;
}

.german {
background-color:#000;
background-repeat: no-repeat;
color: #ccc;
text-decoration:none;	
display:block;			
}
.english {
background-color:#000;
background-repeat: no-repeat;
color: #ccc;
text-decoration:none;				
}


/* --------------- LAYOUT---------------*/

#wrapheader, #footer {
background: #000;}

/*#wrapheader, .box-01.head1, .mask
{background: rgb(2,0,36);background: linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 11%, rgba(31,31,31,1) 37%, rgba(14,14,14,1) 61%, rgba(33,33,33,1) 80%, rgba(0,0,0,1) 100%);}*/

#container {
position: relative;
width: auto;
/*max-width:55em;
*/height:100% !important;
margin: 0 auto;
margin-top:80px;}

#wrapheader {
position: fixed;
z-index: 2300;
width: 100%;
top:0;
left:0;
}

#header {
margin: 0 auto;
height: 50px;
}

#slider {
width: 100%;
height:400px;
background-color:#000;
border-bottom:3px solid #f1cb00;
border-top:3px solid #fb9e25;
}

#main {margin:0 auto; width: 100%;position:relative;}
#anzeige {margin: 85px 0 0px 0;background-color:#f2f2f2;}
video {height:450px;}
/*
video {
padding-top:120px;
  margin-left: calc((100vw - (100vh * 1.7))/2);
  margin-right: calc((100vw - (100vh * 1.7))/2);
  min-height: 100vh;
  min-width: 100vw;}*/


#footer {
width: auto;
height: auto;
color: #018bc4;
text-align: left;
}


/*------runde Ecken und Schlagschatten------*/

/*.box-01, .box-banner02, .box-contact01, .ofa_akkordeonButton, .menu__sub-list, .box-gallery01, #nav {box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);}*/

/*#flexbox .box-02 img, .box-01,.box-01 img, .box-02 img, .mask, .box-v, .box-banner01, 
.box-contact01, .box-contact01 img, .box-banner02, .box-gallery01,  .button, .ofa_akkordeonButton,.box-11, .box-12, .box-13  {border-radius:0.4em;}
.box-01 .head1, .box-gallery01 .head1,.box-11 .head1,{border-radius:0.4em 0.4em 0 0;}
.box-gallery01 img {border-radius:0 0 0.4em 0.4em;}*/

/*.box-02 img, .box-contact01, .box-gallery01,.box-01, .box-banner02, .box-gallery01, .text p, #nav {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
.box-03 object {width: calc(18% - 0px);margin: 0 auto;}
*/


/*------Infobox------*/

#info {	display: block;
position: fixed;
right: 15px;background:#000;
/*background: #018bc4;
background: -moz-linear-gradient(left, #018bc4 0%, #4cb8c9 100%);
background: -webkit-linear-gradient(left, #018bc4 0%,#4cb8c9 100%);
background: linear-gradient(to right, #018bc4 0%,#4cb8c9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018bc4', endColorstr='#4cb8c9',GradientType=1 );*/
width: 40px;
/*width:calc(4% - 10px);*/
z-index: 1800;
_top: 150px;font-size: 1em;
top: 280px;font-size: 1em;
color:#fff;
}

.info-box .pic {align-items: center;
justify-content: center;
display: flex;
padding: 20%;;}

.info-box {border-bottom:solid 1px #fff; fill:#fff;}
.info-box object {margin: 0 auto;width:100%;
}

/*svgshow, .svgcart, .svgemail, .svglocation, .svgshare, .svgtouch  {top: 7px;
left: 7px;
position: absolute;}

.svgchat, .svgshow, .svgcart, .svgemail, .svglocation, .svgshare, .svgtouch {position:relative;
width: 60%;
align-items: center;
justify-content: center;
display: flex;
margin: 0 auto;top: 20%;}


.svgchat object, .svgshow object, .svgcart object, .svgemail object, .svglocation object, .svgshare object, .svgtouch object {
margin: 0 auto;
}
*/
/*------Flexbox------*/
/*------Flexbox 1------*/
#flexbox {
	 display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
	flex-wrap:wrap;justify-content: space-between;
	margin:0 auto;padding:2% 5% 2% 5%;
}

#flexbox .box-02 img {width:100% !important;height:100%;}

/*------Flexbox Teaser------*/
#flexbox-t {	
margin: 85px 0 0px 0;
background-color: #f2f2f2;
	background: url(/data/images/slider/ws-hg-20.svg); 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
#box-t {margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;width: 100%;
height: 380px;}

	
.box-t {
width: 100%;
float: left;
position: relative;position: absolute;
font-style: normal;
line-height: 20px;
text-align: left;
-webkit-transition: all 1000ms ease-out 600ms;
-moz-transition: all 1000ms ease-out 600ms;
transition: all 1000ms ease-out 600ms;
height: 100%;
width: 100%;
top: 100px;
transform: rotate(-5deg);}	

.box-t H3 {

font-size: 3em;
text-align: center;
color: #000;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
font-weight: bold;
text-align: center;
background-color: yellow;
display: table;
margin: 0 auto;
line-height: 150%;
width: 105%;;}

#flexbox-t img {height: 100%;
width: 100%;
}

#flexbox-05 {	
	margin-top: 150px; 
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
	background: url(data/images/slider/watershow-header-1200x600-02.svg); 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	margin-top:65px;
	min-height:600px;
	padding:3em;}

/*------Flexbox 2------*/
#flexbox-02 {	
	margin-top: 85px; 
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
	background: url(/watergraphic/data/images/2GMAdidas05.jpg); 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	min-height:600px;
	padding:3em;}

#flexbox-02 .img {transform:rotate(180deg);}

/*------BOX 3------*/
/*#flexbox-03 {
	 display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
	flex-wrap:wrap;
	margin-top:65px;
}
*/


/*------Flexbox 3------*/
#flexbox-03 {	margin-top: 150px; display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
	background: url(../../data/images/slider/ws-slide-1-11.png); 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	margin-top:65px;
	min-height:600px;
	padding:3em;
	color:#fff;}

/*------Flexbox 4------*/
#flexbox-04, #flexbox-info {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
	background: url(/data/images/slider/ws-hg-20.svg); 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	padding:2% 5% 5% 5%;
}
	

#flexbox-info{
   background: unset;
}

/*------BOXEN-----*/
/*------BOX 1 - Produktkasten mit Icon-----*/
.box-01 {
margin: .9em;
flex: auto;
width: 3.0em;
word-wrap: break-word;
position: relative;
height:450px;overflow: hidden;background:none;}

.box-01:first-child, .box-05:first-child {margin-left:0;}
.box-01:last-child, .box-05:first-child {margin-right:0;}
.box-01 img, .box-04 img {
height: 450px;
width: 100% !important;
object-fit: cover;
object-position: top center;
overflow-x: hidden;
}

.box-01:hover {transform: scale(1.1);transition: 0.3s all ease-in-out;}
.box-01.text:hover {background-color:#000;color:#fff;transition: 0.3s all ease-in-out;}
.box-01 H3{padding:10px;line-height: 120%;color: #fff;}

/*------BOX 2------*/

.box-02 {
flex:auto;
word-wrap:break-word;
position: relative;
width:350px;
}

.box-02 .head1 {
	padding:.8em;
    display: block;
    flex: auto;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
	position: absolute;
	top: 0;
	background-color:transparent;
	align-items: flex-start;}
	
.box-02 .text {
	padding:.8em;
	color:#fff;
    height: 130px;
	background: rgba(90, 167, 177, 0.7);
	position: absolute;
	bottom: 0;	
}

.box-02 img{
height: 90%;
width: 90% !important;
object-fit: cover;
object-position: top center;
overflow-x: hidden;}

/*------BOX 3------*/
.box-03 {
color:#000;
flex:auto;
width:350px;
word-wrap:break-word;
position: relative;
height:100%;
}

.box-03 a { color: blue;

}

#flexbox-02 .box-03, #flexbox-02 .box-03, #flexbox-03 .box-03 {left:3%;color:#fff; text-transform:uppercase;width:auto;height:auto;}
.box-03:first-child {margin-right: 3em;}

#flexbox-02 .box-03  h4, #flexbox-03 .box-03  h4  {color: #000;
    background: yellow;
    box-shadow: 10px 0 0 yellow, -10px 0 0 yellow;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;}

.box-03 h3 {
	color:#000;
	font-size:1.2rem;
	line-height:1.8rem;
	text-align:left;}
	
.box-03 img{
height: 400px;
width: 90% !important;
object-fit: cover;
object-position: top center;
overflow-x: hidden;}

.footerbox .box-03 img {height:10%;}

.box-03 a,
.box-03 a:link,
.box-03 a:visited,
.box-03 a:hover {color: #fff;}
	

/*------BOX 4------*/
.box-04{
margin:.3em;
flex:auto;
width:13.0em;
height:450px;
word-wrap:break-word;
position: relative;
background-color:#000;}

.box-04 .head1:hover {background-color:#018bc4;color:#fff;transition: 0.3s all ease-in-out;}
.box-04 .head1 H3:hover  {	color:#fff;}
.box-04 .head1 {bottom:0;}
.box-04 .head1 H3  {color:#018bc4;font-size: 2.0vw;line-height: 1em;}

/*------BOX 5------*/
.box-05{
margin: .3em;
width: 3.0em;
flex:auto;
word-wrap: break-word;
position: relative;
background: #018bc4; /* Old browsers */
background: -moz-linear-gradient(left, #018bc4 0%, #4cb8c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #018bc4 0%,#4cb8c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #018bc4 0%,#4cb8c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018bc4', endColorstr='#4cb8c9',GradientType=1 ); 
height:450px;
}

.box-05 .head1 {align-items: center;
justify-content: center;
position: relative;
background-color: #000;
height: 100px;
display: flex;}

.box-05 h3 {font-size:1.5vw; line-height:1.8vw;/*font-size:calc(32px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));line-height: 1.2;*/}
.box-05 .headline-box {
	display:flex;flex: auto;
word-wrap: break-word;
font-size: calc(14px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
line-height: 1.0em;
font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 0.2rem;
text-transform: uppercase;
text-align:center;
margin:auto;
max-height: 130px;
align-items: center;
justify-content: center;
}

.box-05 .pic {
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #000;
    height: 150px;
    width: auto;
    display: flex;
}

.box-05 .text {
height: auto;
background: #018bc4; /* Old browsers */
background: -moz-linear-gradient(left, #018bc4 0%, #4cb8c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #018bc4 0%,#4cb8c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #018bc4 0%,#4cb8c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018bc4', endColorstr='#4cb8c9',GradientType=1 ); width: auto;
display: flex;
align-items: center;
justify-content: center;
position: relative;}

.box-05 object {/*width: calc(80% - 80px);*/ width:35%;}


/*------BOX 06------*/

.box-06 {
margin:.3em;
flex:auto;
display:flex;
width:3em;
word-wrap:break-word;
position: relative;
background: #000;
color:#fff;

}
.box-06 h1 {font-size: 3em;padding: 1.2em;}
.box-06 .text  {
padding: 3.7em;
color: #fff;
flex: auto;
flex: wrap;
display: flex;
position: absolute;
background-color:transparent;
}

/*------BOX 07------*/
.box-07 {
display: flex;
justify-content: flex-start;
background-color:#fff;
width:100%;
transition: all 0.5s ease 0s;
}

.box-07 img  {
width: 150% !important;
object-fit: cover;
object-position: top center;
overflow-x: hidden;
}


.box-07 .teaser { display: flex;
flex-direction: column;
width: 75em;
background: #fff;
height: 400px;
}

.box-07 .block {display: flex;
flex-direction: column;
align-items: center;
height: 400px;
margin: auto;
background-image: url(../data/images/landing_page/watergraphic/2GMAdidas05.jpg);
background-size: cover;
width: 100%;

}
.box-07 .block-02 {display: flex;
flex-direction: column;
align-items: center;
height: 500px;
margin: auto;
background-image: url(../data/images/landing_page/referenzen/Efteling2018-02.jpg);
background-size: cover;
width: 100%;

}


.box-07 H3 {
width: 100%;
font-family: "Open Sans";
font-weight: bold;
font-size: 4vw;
line-height: 6vw;
letter-spacing: 0.2rem;
text-transform: uppercase;
text-align: left;
color: #fff;
display: inline;
background: #000;
box-shadow: 10px 0 0 #000, -10px 0 0 #000;
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
}

/*------BOX Video------*/
.box-v {
color:#000;
margin: .9em;
flex:auto;
word-wrap:break-word;
position: relative;
height:450px;
text-align:center;
background:#000;
}
.box-v:first-child {margin-left: 0em;}

.box-v {
	/*position: relative;
	padding-bottom: 56%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;*/
}

.box-v iframe,  
.box-v object,  
.box-v embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*------BOXEN Landing Page------*/
/*------BOX 11 - Kasten mit Text -----*/
.box-11 {
	margin: .9em;
	margin-right:0;
	flex: auto;
	min-width: 380px;
	width: 3.0em;	
	word-wrap: break-word;
	position: relative;
	height: 450px;
	overflow: hidden;
	background: #fff;
	flex-grow: 1;
	border: 1px solid aliceblue;}

.flyerbox {
	margin: .9em;
	_margin-right:0;
	margin-left:0;
	flex: auto;
	_min-width: 380px;
	min-width: 380px;
	max-width: 380px;
	width: 3.0em;	
	word-wrap: break-word;
	position: relative;
	_height: 750px;
	height: 100%;
	overflow: hidden;
	background: #fff;
	flex-grow: 1;
	border: 1px solid aliceblue;
	}

.box-11:first-child, .box-05:first-child, ._flyerbox:first-child {margin-left:0;padding-left:0;}
.box-11:last-child,  .box-05:first-child, ._flyerbox:last-child  {margin-right:0;max-width:3em;}


.box-11 img, .box-04 img {
	height: 450px;
	width: 100% !important;
	object-fit: cover;
	object-position: top center;
	overflow-x: hidden;
}

.cat_infotext {

  color: #000;
  line-height: 150%;
  font-size: 1em;
  top: 40px;
  padding: 10px;
  text-transform: uppercase;
 
}

.flyerbox img {
	_height: 350px;
	width: 100% !important;
	object-fit: cover;
	object-position: top center;
	overflow-x: hidden;
        margin-top: 60px;

}

.relbox { position: relative;  }

.box-11 H3, .flyerbox H3 {padding:10px;line-height: 120%;color: #fff;}
.box-11 .head1, .flyerbox .head1 {height:60px;}

/*------BOX 12 - Kasten mit Bild -----*/
.box-12 {
    margin: .9em;
    width: 3.0em;
    min-width: 380px;
    word-wrap: break-word;
    position: relative;
    height: 450px;
    overflow: hidden;
    background: none;
    -ms-flex: 1 1 auto;
    flex-grow: 1;
}

.box-12:first-child {margin-left:0;}
.box-12:last-child {margin-right:0;}
.box-12 img {
height: 450px;
width: 100% !important;
object-fit: cover;
object-position: top center;
overflow-x: hidden;
}
.box-12 H3{padding:10px;line-height: 120%;color: #fff;}

/*------BOX 13 - Kasten mit Tabelle -----*/
.box-13, .box-14 {
word-wrap: break-word;
position: relative;
height: auto;
overflow: hidden;
background: #fff;
-ms-flex: 1 1 auto;
flex-grow: 4;
min-width: 100%;
padding:2%;
}


.reset { all: unset;
	 }

.box-13:first-child, .box-12:first-child, .box-11:first-child {margin-left:0;padding-left:0;}
.box-11:last-child {margin-right:0;}
.box-13 img, .box-04 img {

#ws_info_txt_monster .box-13:first-child { padding-left: 2% }

height: 450px;
width: 100% !important;
object-fit: cover;
object-position: top center;
overflow-x: hidden;
}
.box-13 .head1 {height:60px;}
.box-13 H3{padding:10px;line-height: 120%;color: #fff;}

.box-fl-gallery {
word-wrap: break-word;
position: relative;
margin-top: .8em;
height: auto;
overflow: hidden;
background: #fff;
-ms-flex: 1 1 auto;
flex-grow: 4;
min-width: 100%;
padding:2%;

}



.box-fl-gallery img {

  vertical-align: unset;
}







/*------ Style innerhalb der Boxen ------*/

.head1 {align-items: center;
justify-content: center;
position: absolute;
display: flex;
flex-direction: column;
flex-wrap: wrap;
background-color: #000;
height: 150px;
width: 100%;background:#000;}

.box-01 .head1, .box-11 .head1, .flyerbox .head1 {top: 0;border-bottom: 4px solid #fff;}

.text {
color: #fff;
display: flex;
height: auto;
position: absolute;
bottom: 40px;
line-height: 1.0rem;
text-align:left;
font-size: 0.8rem;
font-family: 'Open Sans',bold;
width: 280%;
left: -10px;
}

.text p {/*transform: rotate(-5deg);background-color: yellow;*/
display: table;text-transform: uppercase;padding-left: 4%;
padding-right: 60%;
padding-top: 1%;
padding-bottom: 1%;font-weight: bold;letter-spacing: 0;background: #018bc4;
background: -moz-linear-gradient(left, #018bc4 0%, #4cb8c9 100%);
background: -webkit-linear-gradient(left, #018bc4 0%,#4cb8c9 100%);
background: linear-gradient(to right, #018bc4 0%,#4cb8c9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018bc4', endColorstr='#4cb8c9',GradientType=1 );}

.edit {
  display: flex;
  position: absolute;
  bottom: 20px;
  right:  20px;
  text-align: left;
  height: auto;
  color: #000;
  font-size: 1.0rem;
  background-color: #ff0;
}


.box-11 .text, .box-13 .text {color:#000;top:40px;line-height: 150%;
font-size: 0.9em;left:0px; padding:3%;text-transform: uppercase;white-space: nowrap;word-wrap: break-word;}

/*------HOVER fuer BOX 01-----*/
.mask
{position: absolute;
top: 0;
display: flex;
flex-wrap: wrap;
height: 450px;
width: 100%;
background-color: #000;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
opacity: 0;
z-index: 2000;
color: #fff;
align-items: center;
justify-content: center;
vertical-align: middle;
margin: 0 auto;
}

.mask .headline-box {display:flex;flex: auto;
width: 100%;
word-wrap: break-word;
position: relative;
font-size: 1.0em;
line-height: 1.5em;
font-weight: bold;
text-transform: uppercase;
text-align:center;
margin:auto;
align-items: center;
justify-content: center;

}

.mask .icon {
	display:flex;
word-wrap: break-word;
position: relative;
z-index:2001;
margin:0 auto;
padding-bottom:30px;

}
.icon object {
	width: calc(70% - 0px);
margin: 0 auto;}

.box-03 .icon object {
	width: calc(50% - 0px);
margin: 0 auto;}

.box-03 .icon{
display:flex;
word-wrap: break-word;
position: relative;
z-index:2001;
margin:0 auto;
bottom:-30px;}


.icon img  {
height: 64px;
width: 64px;
object-fit: cover;
object-position: top center;
overflow-x: hidden;
}



@keyframes flybirds {
	from { background-position: 0px 0px }
	to { background-position: 0px 300px }
}

.box-01:hover .mask, .box-05:hover .mask  {opacity: 1;}​



/*------HOVER BOXEN------*/
/*------HOVER BOX allgemein-----*/
/*.box-hover {
  width: 250px;
  height: 250px;
  background-color: white;
  margin: 20px;
  transition: 0.3s all ease-in-out;
  position: relative;
  box-shadow: 0px 0px 1px ;
  border-radius: 8px 0px 0px 0px;
}
.box-hover .boxContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 15px;
}
.box-hover .boxContent .icon {
  color: linear-gradient(to bottom, rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%);
  font-size: 48px;
  padding: 15px;
}
.box-hover .boxContent .title {
  font-size: 24px;
  color: linear-gradient(to bottom, rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%);
  font-weight: bold;
  padding: 10px;
}
.box-hover .boxContent .desc {
  color: #000;
  font-size: 15px;
  height: 20%;
}
.box-hover a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.box-hover:hover {
  background: linear-gradient(to bottom, rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%);
  box-shadow: none;
}
.box-hover:hover .icon,
.box-hover:hover .title,
.box-hover:hover .desc {
  color: white;
  transition: 0.3s all ease-in-out;
}



*/
/*

.block H3 {width: 100%;
font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 4vw;
line-height: 5vw;
letter-spacing: 0.2rem;
text-transform: uppercase;
text-align: left;
color: #fff;
}
*/

/*------HOVER fuer BOX 01-----*/
/*.box-07 .mask
{position: absolute;
top:0;
 display: flex; 
flex-direction:column;
flex-wrap: wrap;
height: 100%; 
width: 100%; 
background-color: #000;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
opacity: 0;
z-index:2000;
color: #fff;


}
.box-07 .mask .headline-box {display:flex;flex: auto;
width: 100%;
word-wrap: break-word;
position: relative;
font-size: 2vw;
line-height: 2.2vw;line-height: 1.0em;
font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 0.2rem;
text-transform: uppercase;
text-align:center;
margin:auto;
align-items: center;
justify-content: center;

}

.box-07 .mask .icon {
	display:flex;
word-wrap: break-word;
position: relative;
z-index:2001;
margin:0 auto;
padding-bottom:30px;

}
.box-07 .icon object {
	width: calc(80% - 0px);
margin: 0 auto;}

.box-07 .teaser .icon {
	align-items: center;
display: flex;}


.box-07 span {display: block;
margin: auto;}
*/
/*.box-08 {
margin:.3em;
flex:auto;
word-wrap:break-word;
position: relative;
background-color: #018bc4;
width:35em;

}

.box-08 .head1 {
	padding:.8em;
    display: block;
    flex: auto;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
	position: absolute;
	top: 0;
	background-color:transparent;
	align-items: flex-start;}
	

	
.box-08 .text {
	padding:.8em;
	color:#fff;
    height: 130px;
	background: rgba(90, 167, 177, 0.7);
	position: absolute;
	bottom: 0;
	
}*/

/*.box-08 img{
height: 100%;
width: 100% !important;
object-fit: cover;
object-position: top center;
overflow-x: hidden;}

*/


/*.box-10 {
color:#000;
flex:auto;
width:auto;
word-wrap:break-word;
position: relative;
height:100%;
oveflow:hidden;
word-break:break-all;}*/


/*.box-10 h3 , .box-tab h3{
	color:#000;
	font-size:1.2rem;
	line-height:1.8rem;
	text-align:left;}
	Gallery Boxen*/
	
	
/*------Boxen Gallery------*/
.box-gallery01{
    max-width: 300px;
    height: 350px;
    background-color: #fff;
    flex: auto;
	margin-bottom: 50px;
}

.box-gallery01 img {
width: 100% !important;
object-fit: cover;
object-position: top center;
overflow-x: hidden;
}

.box-gallery01:hover {transform: scale(1.1);transition: 0.3s all ease-in-out;}
.box-gallery01 .text:hover {background-color:#000;color:#fff;transition: 0.3s all ease-in-out;}
.box-gallery01 .pic {position:relative;position: relative;}

.box-gallery01 .head1 {
align-items: center;
justify-content: center;
display:flex;
position: relative;
background-color: #000;
height: 80px;
width: 100%;}

/*------Box Kontakt------*/

.box-pic-chiefs {
	display: block;
	width: 3.0em;
	min-width: 300px;
	background-color: #fff;
        height: 225px;
	margin: .9em;
	overflow:hidden;
}

.box-contact01 {
	display: block;
	width: 3.0em;
	min-width:300px;
	background-color: #fff;
	height: 450px;
	margin: .9em;
	overflow:hidden;
}

.box-contact01 .head1 {
	align-items: center;
	justify-content: center;
	position: relative;
	background-color: #fff;
	height: 70px;
	width: auto;
	display: flex;
}

.box-contact01 h3 {
	color:#000;
	font-size:1.6rem; 
	line-height:1.8rem;
	/*font-size:calc(32px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
	line-height: 1.2;*/
}

.box-contact01 .headline-box {
	display:flex;
	flex: auto;
	word-wrap: break-word;
	font-size: calc(14px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
	line-height: 1.0em;
	font-weight: bold;
	letter-spacing: 0.2rem;
	text-transform: uppercase;
	text-align:center;
	margin:auto;
	max-height: 130px;
	align-items: center;
	justify-content: center;
}

.box-contact01 .pic {
	align-items: center;
	justify-content: center;
	position: relative;
	_height: 200px;
	height: 100px;
	width: auto;
	display: flex;
}

.box-contact01 .text {
	height: 70px;
	position: relative;
	_padding: 0;
	padding: 15px;
	text-align: center;
	color: #000;
	background:#fff;
	display:block;
	left:0px;
	width:auto;
	bottom: 0;
}

.box-contact01 .descr_txt {

        font-size: 2.0em;
}

.box-contact01 object {/*width: calc(80% - 80px);*/ 

	_width:35%;
	width:25%;
}

.box-contact01 img, .box-banner02 object, .box-pic-chiefs img {height:100%;width:auto;}

/*------ Fueller-Boxen------*/
.box-banner01 {
	display:block;
	width:300px;
	height:auto;
	background-color:#fff;
	border:1px solid #e8e8e8;
	height:100%;
}

.box-banner01 object {width:100%;}

.box-banner02 {
	display: block;
	width: 3.0em;min-width:300px;
	background-color: #fff;
	height: 450px;
	margin: .9em;
	overflow:hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

	
/*------LOGO------*/
#logo {
_margin-top: 20px;
margin-top: 10px;
float: left;
z-index: 1750;
background-color:#0F3;
display:block;
width:0;
}

#logo h1 {margin: 0; padding: 0;}

/*------FOOTER------*/
.footerbox {margin: 0 auto;
height: auto;
padding: 30px 0 20px 0;
color: #018bc4;
font-size: 0.7rem;
text-transform: uppercase;
}

.footerbox-left {
text-align: left;
font-weight:300;
color: #fff;
line-height: 130%;
}
.footerbox-right {
height: auto;
text-align:left;
float:right;
font-weight:300;
color:#fff;
line-height: 130%;
}
.footerbox-right h3,.footerbox-left h3 {font-size:0.7rem;color:#fff;}

.footerbox a {text-decoration:none; color:#018bc4;padding-right:25px;}
.footerbox a:hover {text-decoration:underline;}
.footerbox a.active, #footerbox a.active:link, #footerbox a.active:visited {text-decoration:underline;}


.footerbox .box-03 {background-color:#000;color:#fff;}
.footerbox-left li {list-style: none;list-style-image: none;margin: 5px 0;}
.footerbox img {width:20%;}

/*------BUTTON------*/
.button {
background: #000;
display: inline-block;
cursor: pointer;
color: #fff;
font-weight: normal;
text-decoration: none;
text-transform:uppercase;
width: auto;
height:auto;
font-sie: 1em;
padding: 0px 6px;
line-height:200%;
}

.button:link,.button:visited{
background: #000; 
cursor: pointer;
color: #fff;
text-decoration: none;
text-transform:uppercase;
width: auto;
height:auto;
}

.button:active, .button:hover {
background: #018bc4; /* Old browsers */
background: -moz-linear-gradient(left, #018bc4 0%, #4cb8c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #018bc4 0%,#4cb8c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #018bc4 0%,#4cb8c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018bc4', endColorstr='#4cb8c9',GradientType=1 ); 
color:#fff;
display: inline-block;
cursor: pointer;
text-decoration: none;
text-transform:uppercase;
width: auto;
height:auto;
}

.button a {text-decoration:none;}

/*::-moz-input-placeholder{
color: rgba(255,255,255,0.6);
}*/

/*------SWIPER SLIDER------*/
.inner {width: 500%;line-height: 0;}
article { width: 100%;float: left;position: relative;}
article img {width: 100%;}
#anzeige .info {
position: absolute;
font-style: normal;
line-height: 20px;
text-align: left;
-webkit-transition: all 1000ms ease-out 600ms;
-moz-transition: all 1000ms ease-out 600ms;
transition: all 1000ms ease-out 600ms;
height: 100%;
width:100%;
top:100px;
transform: rotate(-5deg);
}

#anzeige .info h3{
font-weight:bold;
line-height:100%;
font-size:3em;
text-align:center;
color: #000;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
margin: .3em;
font-weight: bold;
text-align:center;
background-color:yellow;
display:table;
margin:0 auto;
line-height: 150%;
width:105%;
}

info h6 {font-size: 2.8rem;padding-top:60px;}
#anzeige .info .top-left {top: 300px;left: 0px;width:60%;}

/*------ INFO BOX RECHTS------*/
.info {
position: absolute;
font-style: normal;
line-height: 20px;
text-align: left;
-webkit-transition: all 1000ms ease-out 600ms;
-moz-transition: all 1000ms ease-out 600ms;
transition: all 1000ms ease-out 600ms;
height: 100%;
}

.info.top-right {top: 0px;right: 0px;width:45%;}
.info.top-right p {padding-left: 30px;padding-right: 20px;font-size: 0.7rem;line-height:120%;}
.info.bottom-left {top: 0px;left: 0px; width:100%;height:100%;}
.info.bottom-right {bottom: 0px;right: 70px;}

.info a {color: #002984;}
.info a:link,
.info a:Visited	{color:#002984;text-decoration:underline;}
.info a:Active, .info a:Hover {color:#00C000;text-decoration:underline;}

/*---- TOOLTIPPS Infoboxen rechts Hover ----*/
[tooltip] {position: relative; /* opinion 1 */}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: uppercase; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1.2;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1780; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  /*min-width: 3em;
  max-width: 28em;*/
  min-width: 400%;
  max-width: 5000%;
white-space:inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background-color:#000;
  color: #fff;
  z-index: 1800; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: calc(32% + 5px);
  border-right-width: 0;
  border-left-color: #018bc4;
 /* left: calc(0em - 5px);*/
left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: calc(20% + 5px);
  /*right: calc(100% + 5px);*/
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  top: 100%;
  border-bottom-width: 0;
  border-top-color: #002984;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  top: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: -70%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: calc(74% + 5px);
  border-top-width: 0;
  border-bottom-color: #002984;
}
[tooltip][flow^="down"]::after {
  top: calc(75% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: -70%;
  transform: translate(-50%, .5em);
}



/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 100%;
  border-left-width: 0;
  border-right-color: #002984;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: calc(100% + 5px);
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}



/*---- BACK TO TOP ----*/
#scroll {
z-index: 1700;
position: fixed;
right: 10px;
bottom: 100px;
cursor: pointer;
width: 40px;
height: 40px;
background-color: #018bc4;
text-indent: -9999px;
display: block;
}

#scroll span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#ffffff;	
content:"top";
color:#fff;
}

#scroll:hover {
background: #cccccc; 
}



/*---- AKKORDEON ----*/
.ofa_akkordeonButton {
	width: 100%;
	padding: 8px;
	margin-bottom: 3px;
	border: 0px;
	background-color: #e8e8e8;
	font-size: 16px;
	font-weight: normal;
	color: #282828;
	cursor: pointer;
	transition: 0.5s;
}

.ofa_akkordeonButtonAktiv, .ofa_akkordeonButton:hover {background-color: grey;}
.ofa_akkordeonEinheit {
    max-height: 0px;
    background-color: #ffffff;
    padding: 0px 12px;
    overflow: hidden;
    transition: max-height 0.5s linear;
}
.ofa_akkordeonButton:after {
    /*content: "▼";*/
	content: "+";
    float: right;
    margin-left: 7px;
    font-size: 18px;
    color: #000000;
}
.ofa_akkordeonButtonAktiv:after {
	/*content: "▲";*/
	content: "-";
    float: right;
    margin-left: 7px;
    font-size: 18px;
    color: #000000;
}



/*PDF links*/

/*a[href$=‘.pdf‘] {
background: url(/data/images/icons/download-16x16.png) center left no-repeat;
padding-left:20px;
line-height:16px;
}*/


.pdf-link {padding-left: 25px;background: url(messebau/data/images/icons/global/download-16x16.png) 0 100% no-repeat;color:#000;}

/*ZWISCHENUEBERSCHRIFT*/
#markup {background-color:yellow;margin-top:5%;}
#markup H1 {padding:0;text-align:center;display:block;color:#000;word-break: break-word;}


#markup-02 {background-color:#000;margin-top:5%;}
#markup-02 H1 {padding:0;text-align:center;display:block;color:#fff;word-break: break-word;}
#markup-02 H2 {padding:0;text-align:center;display:block;color:#fff;word-break: break-word;}

.markup-inline {
	margin-left: 5%;
	margin-right: 5%;
	padding-left: 2%;
	padding-right: 2%;
}

/*TAB Funktionen-Darstellung Watergraphic*/
.tab-wrap {
  -webkit-transition: 0.3s box-shadow ease;
  transition: 0.3s box-shadow ease;
  border-radius: 6px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  list-style: none;
  background-color: #fff;
  margin: 40px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab-wrap:hover {box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);}
.tab {display: none;}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
  border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tab:checked + label {
  background-color: #fff;
  box-shadow: 0 -1px 0 #fff inset;
  cursor: default;
  color:#000;
}
.tab:checked + label:hover {
  box-shadow: 0 -1px 0 #fff inset;
  background-color: #fff;
}
.tab + label {
  box-shadow: 0 -1px 0 #eee inset;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #fff;
  -webkit-box-flex: 3;
-ms-flex-positive: 3;
 flex-grow: 3;
  text-align: center;
  background-color: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  -webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  height: 100px;
  box-sizing: border-box;
  padding: 15px;
  font-weight: bold;
	text-transform: uppercase;
}
.tab + label:hover {
  background-color: #f9f9f9;
  box-shadow: 0 1px 0 #f4f4f4 inset;
  color:#000;
}
.tab__content {
  padding: 10px 25px;
  background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  -webkit-transform: translateY(-3px);
/*  ´transform: translateY(-3px);
*/   transform: translateY(-3px);
	flex: auto;
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top: 50px;
}


	  
/*.tab__content .pic{	
width: 160px;
background: #000;
display: flex;
padding: 10px;}*/
	  
.box-tab {flex:auto;
max-width: 800px;

}
	  
.tab__content  .box-gallery01 .head1 {display:none;}
.tab__content  .box-gallery01 {height:270px;}  



#slide {
background-image:url(../data/images/slider/ws-slide-1-05-hg-min.png); 
background-size: 100%;

background-repeat:no-repeat;
background-position: bottom;
background-color:#000;
margin-top: 79px;

}


.icon2 {
display: flex;
word-wrap: break-word;
margin: 0 auto;
width: 20%;}

.icon2 object {
	width: calc(100% - 0px);
margin: 0 auto;}



/* --------------- Footer Info intern--------------*/
.art {font-size:0.7em;color:grey;}


/* --------------- Table für Landingpages--------------*/
table { 
	width:100%;
	color:#000;
	font-size:0.9em;
	margin:0 auto;
	padding:5%;
	line-height: 180%;
	text-transform:uppercase;
}
table .right {text-align:right;}
table td { border-bottom:6px solid grey;height:40px;vertical-align: middle;}
/*.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}*/

/* --------------- Text in nav bei Landingpages --------------*/	
.lp-teaser {
	color:#fff;
	text-align:center;
	padding-top:5px;
	margin:0 auto;
	color:#fff;
	font-size:0.7rem;
	text-transform: uppercase;
	background: #000;
	border-top: 1px solid #fff;
	min-height: 35px;}	



.hideme
{opacity:0;}




	
/* --------------- VIEWPORTS --------------*/	
@media (max-width: 459px) {
	table {font-size:0.7em; line-height:120%;}
	.box-11, .box-12 {margin-left:0;margin-right:0;
	}.box-12 {
 padding:0;margin:0;
    width: auto;
    min-width: auto;}
	.box-11 {width:100%;min-width:auto;}
	.lp-teaser {display:none;}
	.hideme
{opacity:1;display:none;}
	
	}
	
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1224px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { .hideme{opacity:1!important;}/* Hier dein CSS einfügen */}