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

body, html { margin: 0px; padding-top: 0px; overflow: auto; background-color: #ffffff; font-family: 'Lato', sans-serif; /* font-size: 1em;*//*16px*/}

.baseline-back {background-image:url(../bilder/baseline-19-hks7k.png)}
	
sub, sup { line-height: 0; } /* damit ® die Höhe nicht verändert */

@font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('../fonts/lato-v13-latin-300.eot'); src: local('Lato Light'), local('Lato-Light'), url('../fonts/lato-v13-latin-300.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-v13-latin-300.woff2') format('woff2'), url('../fonts/lato-v13-latin-300.woff') format('woff'), url('../fonts/lato-v13-latin-300.ttf') format('truetype'), url('../fonts/lato-v13-latin-300.svg#Lato') format('svg'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('../fonts/lato-v13-latin-regular.eot'); src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/lato-v13-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-v13-latin-regular.woff2') format('woff2'), url('../fonts/lato-v13-latin-regular.woff') format('woff'), url('../fonts/lato-v13-latin-regular.ttf') format('truetype'), url('../fonts/lato-v13-latin-regular.svg#Lato') format('svg'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('../fonts/lato-v13-latin-700.eot'); src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/lato-v13-latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-v13-latin-700.woff2') format('woff2'), url('../fonts/lato-v13-latin-700.woff') format('woff'), url('../fonts/lato-v13-latin-700.ttf') format('truetype'), url('../fonts/lato-v13-latin-700.svg#Lato') format('svg'); }

h1, h2, h3, h4, h5, h6 {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-variant: normal;
	font-style: normal;
	white-space: normal;
	letter-spacing: 0em;
	position: relative;
	overflow: visible;
}
h1, h2, h3, h4 { margin-top: 0px }
h3, h4, h5, h6 { line-height: 1.5em; }

h1 { font-size: 2em; line-height: 2em;/*36px*/ top: 6px; /*0*/ padding-bottom: 8px; margin-bottom: 8px; }
h2 { font-size: clamp(0.875em, 1.75vw, 1.75em) /* 1.75em*/ /*28px*/; line-height: 1.5em /*36px*/;/*48*/ top: 1px; padding-bottom: 6px; margin-bottom: 0px;/*20*/ }
h3 { font-size: 1,375em /*22px*/; font-weight:300; top: 2px;/*-7*/ margin-bottom: 4px;/*-9*/ }
h4 { font-size: 1,125em /*18px*/; font-weight:400; top: 3px;/*-5*/ margin-bottom: 4px;/*-9*/ }
h5 { font-size: 1em /*16px*/; font-weight:400; top: 5px; margin-bottom: 6px }
h6 { font-size: 0,8125em /*13px*/; top: 6px; }

p { font-size: 1em /*16px*/; font-weight: 300; line-height: 1.5em /*24px*/; white-space: normal; letter-spacing: 0em; margin-top: 10px; margin-bottom: 12px; /* Blocksatz */ text-align:justify ; /* Silbentrennung-test-200112 negativ altes System Chrome neu OK */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; -ms-hyphenate-limit-chars: auto 5; -moz-hyphenate-limit-chars: auto 5; -webkit-hyphenate-limit-chars: auto 5; hyphenate-limit-chars: auto 5; -ms-hyphenate-limit-lines: 2; -moz-hyphenate-limit-lines: 2; -webkit-hyphenate-limit-lines: 2; hyphenate-limit-lines: 2; }

b { font-weight:700}
strong { font-weight:400; color:#ff6b00;}

.center { text-align: center}
.text12 { font-size:12px; font-weight:300; line-height: 24px }
.text-deco-none { text-decoration:none }

.tab1 {padding-left: 50px}
.tab2 {padding-left: 100px}

ol { font-size: 16px; font-weight: 300; line-height: 24px; white-space: normal; letter-spacing: 0em; margin-top: -12px; margin-bottom: 12px; list-style-position:outside; }
ul { font-size: 16px; font-weight: 300; line-height: 24px; white-space: normal; letter-spacing: 0em; margin-top: /*10*/ -12px; margin-bottom: 12px; }
li {margin-top: 0px; }
/*Typo Ende*/

/*Spalten*/
.li-headline {margin-top: 24px; margin-bottom: 12px;}
.li-br { line-height:36px;}


.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-8tel, .smartbreak {
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
}


.col-left{ float:left; position:relative;/*min-height:1px;*/ padding-right:15px; padding-left:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width: 270; }

.col-md-1k2 {width:10%}
.col-kreis-4 {width: 25%; }
.col-padding16 {padding-right: 16px}
.col-md-12 {width:100%}
.col-md-11 {width:100%}
.col-md-10 {width:100%}
.col-md-9 {width:75%}
.col-md-8 {width:75%}
.col-md-7 {width:50%}
.col-md-6 {width:50%}
.col-md-5 {width:50%}
.col-md-4 {width:50%}
.col-md-3 {width:50%}
.col-md-2 {width:25%}
.col-md-1 {width:25%}


/* @media (max-width:640px){
.col-md-1k2 {float:left; width:50%}
.col-md-8tel{float:left; width:50%}
}

@media (min-width:640px){
.col-md-1k2 {float:left; width:50%}
.col-md-8tel{float:left; width:50%}
}
200309 keine Verwendung für 1k2 8tel*/

.anchor { position: relative; top: -120px; padding-bottom: 120px; }


@media (max-width:768px){
.col-md-1k2 {width:25%}
.col-md-8tel{width:25%}
.col-md-6 {width:100%}
.col-md-4 {width:100%}
.col-md-3 {width:100%}
.col-md-2 {width:50%}
.smartbreak {width:50%; float:none}
.anchor { position: relative; top: -20px; padding-bottom: 20px; }
/*[id]::before { content: '';
display:block;
height: 8px;
top: -280px;
visibility: hidden;}*/
}
@media (min-width:769px){
	.smartbreak {width:25%; float:left}
}

@media (min-width:1280px){
.col-md-8tel{width:12.5%}
.smartbreak {width:25%; float:left}
}

@media (min-width:1600px){
.col-md-3{width:20%}
}

@media (min-width:992px){
.col-md-1k2 {width:10%}
.col-kreis-4 {width: 25%; }
.col-padding16 {padding-right: 16px}
.col-md-12 {width:100%}
.col-md-11 {width:91.66666667%}
.col-md-10 {width:83.33333333%}
.col-md-9 {width:75%}
.col-md-8 {width:66.66666667%}
.col-md-7 {width:58.33333333%}
.col-md-6 {width:50%}
.col-md-5 {width:41.66666667%}
.col-md-4 {width:33.33333333%}
.col-md-3 {width:25%}
.col-md-2 {width:16.66666667%}
.col-md-1 {width:8.33333333%}
}



.padding0 {padding:0px}
.divbox10px {width:10px}

[class*="col-"] { border: 1px solid rgba(150, 150, 150, 0); float:left; }

.col-background-fff {background-color: #ffffff}

.row { /* background-image: url(../bilder/baseline-18-75-1-125.png); background-image: url(../bilder/baseline-24.png);
border: #09F solid 1px;*/}
.row:after,.row:before{display:table;content:" "}
.row:after{clear:both }
.rowbox { margin-left:15px; margin-right:15px }

.table { width:100%; margin: 9px 0px 0px 0px; /* display: table; */ border-collapse:collapse; font-size: 16px; font-weight: 300; text-align:center }
@media (max-width:576px) { .table { width:100%; margin: 9px 0px 0px 0px; /* display: table; */ border-collapse:collapse; font-size: 10px; font-weight: 400; text-align:center } }
@media all and (max-width: 384px) { .table { width:100%; margin: 9px 0px 0px 0px; /* display: table; */ border-collapse:collapse; font-size: 8px; font-weight: 400; text-align:center } }

.table-row {/* display: table-row; */ border:1px solid #888; padding:0px }
.table-cell {/* display: table-cell; */  border: 1px solid rgba( 0, 0, 0, 1); padding: 2px 6px 2px 6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.table-leer {/* display: table-cell; */  border-top: 1px solid rgba( 0, 0, 0, 0); border-right: 1px solid rgba( 0, 0, 0, 0.25); padding: 2px 6px 2px 6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.table-body {display: table-row-group}
.table-header-group { display: table-header-group; border:1px solid #888; padding: 2px 6px 2px 6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#E00}

.neu { border: 1px solid #0099ff }

.boleft {border-left: #fff solid 16px}
.boright {border-right: #fff solid 16px}

.floatleft { float:left }
.floatright { float:right }

a { color:#000; font-weight: 400;}
a:hover { color:#ff6b00; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
/* a:focus { color:#000; }
a:visited { color:#000; }
a:active { color:#000; } */

hr {  }
hr.trenn { border-top: 1px solid #ff6b00; }
/* hr { background:#CCC; height: 1px; border:none; margin-top: 20px; margin-bottom: 20px; }*/
.linie-blau { background: rgba(150, 150, 150, 0.25); height: 1px; border:none; margin-left: 0px;margin-right: 0px; }
.linie-trenn { background: rgba(150, 150, 150, 0.25); height: 1px; border:none; margin-left: 0px;margin-right: 0px; }
@media (min-width:1280px){
.linie-trenn{ display:none }}	

nav {top: 0px; /* background-color: transparent; 200330 */}

.container { margin-top: 0px; width: 100%; padding: 0px; background-color: #ffffff; }
	
.content { position: relative; margin: 0px 25px; background-color: #ffffff; padding-top: 10px; /* background-image: url(../bilder/baseline-24-O.png) */ }
.top95 {padding-top:94px}

.header-bg { position: fixed; width: 100%; z-index:2000; }

.logo-header { float:left; top: 0px; left: 0px; height:48px; }
	
.logo-img-DICONAL { position: absolute; top: 9px; left: 16px; margin-bottom: 0px; width: 188px; height: 31px; border:0px; }
	
.logo-txt-DICONAL { position: absolute; width: auto; left: 230px; top: 22px; color: #FFF; font-size: 1em; font-weight: 400; letter-spacing: 1px; /* text-shadow: 1px 1px 3px rgba(0, 0, 0, 1), -1px -1px 3px rgba(255, 255, 255, 1);*/ text-transform: uppercase; }

div.logo-footer {display:inline-block; padding-top:24px }
	.logo-footer {float:left; position: relative; top: 5px; color:#FFF }
img.logo-footer  {width: 272px /*188px*/; height: 45px /*31px*/; position: relative; top: 13px;}
		
  
 @media (max-width:980px){
.logo-txt-DICONAL { display:none; /*position: absolute; width: auto; left: 225px; top: 25px; color: #FFF; font-size: 0.75em; font-weight: 400; /* text-shadow: 1px 1px 3px rgba(0, 0, 0, 1), -1px -1px 3px rgba(255, 255, 255, 1); text-transform: uppercase;*/ }}

 @media (max-width:860px){
.logo-txt-DICONAL {display:none; }}

address { float:left; display: block; font-size: 0.75em; font-weight: 400; line-height: 1.5em; cursor: pointer; color: #000000; padding-left: 0px; padding-right: 15px; margin-right: 0px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; font-style: normal; white-space: nowrap; border: 0px solid #fff; }

address a { color: #000000; text-decoration: underline; }

address a:hover { color: #cccccc; }

.footer { background-color:#ff6b00; padding: 10px 10px 10px 50px; position: relative; clear: both; }

.register { padding-right: 10px; float:left; line-height: 1.5em; }
	
.navifoot { /* footer menuepunkte unten. */ float:left; display: block; font-size: 0.75em; font-weight: 400; line-height: 1.5em; cursor: pointer; color: #ff6b00; padding-left: 15px; padding-right: 15px; margin-right: 0px; margin-top: 0px; padding-top: 0px; padding-bottom: 3px; font-style: normal; white-space: nowrap; border-left: solid 1px #dedede; }
.navifoot a { /* footer menuepunkte unten.font-size: 10px; */ }
.navifoot a:link { color: #fff; }
.navifoot a:visited { color: #fff; }
.navifoot a:hover, a:active  { color: #000; }
a.navifoot:active  { color: #000; }
.navifoot-img { padding-bottom:1em }

/* ende - footer menuepunkte unten. */

/********************************************************************************/

/* ende - footer menuepunkte unten. */

.img-dibt { max-width:209px;/* min-width:140px;*/ width:100% }

.img-uez { max-width:89px; /*min-width:59px;*/ width:45% }

.img-r { float: left; position: relative; width: 100%; height: auto; right: -10px; top: -10px; padding: 0px; margin: 10px;}

.img-l { float: right; position: relative; width: 100%; height: auto; left: -10px; top: -10px; padding: 0px; margin: 10px;}

.img-0 {width: 100%; height: auto;}

.img-svg {width: 100%; height: auto; margin-left: 0px; padding:0px;}

.img-border {border:#cccccc 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.img-kreis { padding:0px; height: auto; background-color:  rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, 0.25); -moz-border-radius:50%; -webkit-border-radius:50% ; border-radius:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; margin-bottom:8px; /* float:left wichtig bei neuen Browsern 200225*/}

.img-kreis-blanko {padding:1px}

a:link .img-kreis { background-color:  rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, 0.25); }

a:hover .img-kreis { background-color:  rgba(255, 107, 0, 1.00); border: 1px solid rgba(255, 107, 0, 1.0); }

.kreis-1, .kreis-2, .kreis-3, .kreis-4, .kreis-5, .kreis-6, .kreis-7, .kreis-8, .kreis-9, .kreis-10, .kreis-11, .kreis-12 { margin:0px; padding:0px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left }

.kreis-12{ -moz-column-count: 12; -webkit-column-count: 12; column-count: 12;}
.kreis-11{ -moz-column-count: 11; -webkit-column-count: 11; column-count: 11;}
.kreis-10{ -moz-column-count: 10; -webkit-column-count: 10; column-count: 10;}
.kreis-9{ -moz-column-count: 9; -webkit-column-count: 9; column-count: 9; }
.kreis-8{ -moz-column-count: 8; -webkit-column-count: 8; column-count: 8 }
.kreis-7{ -moz-column-count: 7; -webkit-column-count: 7; column-count: 7 }
.kreis-6{ -moz-column-count: 6; -webkit-column-count: 6; column-count: 6 }
.kreis-5{ -moz-column-count: 5; -webkit-column-count: 5; column-count: 5 }
.kreis-4{ -moz-column-count: 4; -webkit-column-count: 4; column-count: 4 }
.kreis-3{ -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 }
.kreis-2{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2 }
.kreis-1{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1 }

.icon-text {padding-left:8px;}

.col {width:100%; margin: 0; padding: 0; border: 0px solid #000; list-style: none;  -webkit-column-gap: 16px;  -moz-column-gap: 16px;
  column-gap: 16px /*bei 32 kreise gleich groß - Abstände indentisch */ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.col li { float:left; padding-right:16px }


.col li:last-child { padding-right:0px }
.col div:last-child { padding-right:0px }


ul.kreis {width:100%; margin: 0; padding: 0; border: 0; list-style: none;}

.kreis li { float:left; padding-right:16px}

.kreis {  padding-right:32px  }

.kreis li:last-child { padding-right:0px }
.kreis div:last-child { padding-right:0px }

.kreis1 { width: 95%/*fallback*/; width: calc(100% / 1 - 12px); }
.kreis2 { width: 45%/*fallback*/; width: calc(100% / 2 - 12px); }
.kreis3 { width: 28.33%/*fallback*/; width: calc(100% / 3 - 12px); }
.kreis4 { width: 20%/*fallback*/; width: calc(100% / 4 - 16px /*12px 250323 */); }
.kreis5 { width: 15%/*fallback*/; width: calc(100% / 5 - 12px); }
.kreis6 { width: 11.66%/*fallback*/; width: calc(100% / 6 - 12px); }
.kreis7 { width: 9.285%/*fallback*/; width: calc(100% / 7 - 12px); }
.kreis8 { width: 7.5%/*fallback*/; width: calc(100% / 8 - 12px); }
.kreis9 { width: 6.999%/*fallback*/; width: calc(100% / 9 - 15px); }
.kreis10 { width: 5%/*fallback*/; width: calc(100% / 10 - 12px); }
.kreis11 { width: 4.09%/*fallback*/; width: calc(100% / 11 - 12px); }
.kreis12 { width: 3.33%/*fallback*/; width: calc(100% / 12 - 12px); }

.kreis32 {width: 32%;  height: auto; max-width: 300px;}
.kreis50 {width: 50%;  height: auto; max-width: 300px;}
.kreis66 {margin-left: 15%; margin-right: 15%; width: 66%;}
.kreis100  {width: 100%; height: auto; max-width: 300px; /* 200309*/}

.kreis-48px {width:48px; height:48px}
.kreis-72px {width:72px; height:72px}
.kreis-96px {width:96px; height:96px}
.kreis-144px {width:144px; height:144px}

.img-struktur {background-image: url(../bilder/900x600-platz.png); width: 100%; height: auto; }

.farbboxRAL-struktur {position:relative; top:-6px; height:59px; font-size:12px; text-align:center; padding-top:22px; margin-top: 0px; margin-bottom: 13px; border-left: #fff solid 16px; border-right: #fff solid 16px; width:25%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.vidi { position:relative; padding-bottom:56.25%; height:0; }
.vidi iframe, .vidi embed, .vidi object { position:absolute; top:0; left:0; width:100%; height:100%; }

video { position:absolute; top:0; left:0; width:100%; height:100%; }

.pfeil { background-color:#fff; padding-top:12px }
svg .pfeil {fill: #000000; height:200px;}
svg:hover .pfeil {fill: #ff6b00; }
.pfeil { -moz-transition: .25s; -ms-transition: .25s; -o-transition: .25s; transition: 0.25s; }

.pfeil-kreis { background-color: transparent; padding-top:12px }
svg .pfeil-kreis {fill: #fff; height:200px;}
svg:hover .pfeil-kreis {fill: #ff6b00; }
.pfeil-kreis { -moz-transition: .25s; -ms-transition: .25s; -o-transition: .25s; transition: 0.25s; }

.kreis-pfeil { background-color:#fff; padding-top:12px }
svg .kreis-pfeil {fill: #000000; height:200px;}
svg:hover .kreis-pfeil {fill: #fff; }
.kreis-pfeil { -moz-transition: .25s; -ms-transition: .25s; -o-transition: .25s; transition: 0.25s; }

.divclear { clear: both; }
/* @media anly screen and (max-width:1600px) */ 
.divclearLH24 { clear: both; margin: 0px !important; padding:0px !important; line-height: 23px }

.divclear768 { clear: none }


@media (min-width: 768px) and  (max-width:992px) { .divclear768 { clear: both } } /* regelt Spaltenumbruch bei unterschiedlichen Längen 171212 */
/*******************************************************************************/
/* extra menu 1 oben */
.MenuBarHorizontal-wrap { float: right; display:inline-block; white-space: nowrap }
ul.MenuBarHorizontal { margin: 0px; padding: 0px; cursor: default; font-size: 12px;  line-height: 18px; letter-spacing: 0.1em; text-shadow: 1px 1px 3px rgba(0, 0, 0, 1), -1px -1px 3px rgba(255, 255, 255, 1) }
ul.MenuBarActive { z-index: 1000 }
ul.MenuBarHorizontal li { margin-left: 1px; list-style-type: none; position: relative; white-space: inherit;float: left; }
/*ul.MenuBarHorizontal li { margin-left: 1px; list-style-type: none; position: relative; width: auto; white-space: inherit;float: left; font-size: 0.75em; font-weight: 400; line-height: 1.5em; }*/
ul.MenuBarHorizontal a { display: block; background-color: transparent; color: #ffffff; padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; text-decoration: none; font-weight: 400; }
/*ul.MenuBarHorizontal a { display: block; background-color: transparent; color: #ffffff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 1), -1px -1px 3px rgba(255, 255, 255, 1); padding-left: 10px; padding-right: 10px; margin-right: 0px; margin-top: 0px; padding-top: 4px; padding-bottom: 4px; text-decoration: none; }*/
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background: #ff8c00; color: #ffffff; fill: #ffffff; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
/*ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background: #ff8c00; color: #ffffff; fill: #ffffff; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0), -1px -1px 3px rgba(255, 255, 255, 0); }*/
/* Ende extra menu 1 oben */
.MenuBarItemSubmenu { /* display none siehe unten */ } 
.MBIS-Active { display: block; background: #ff8c00; color: #ffffff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 100), -1px -1px 3px rgba(255, 255, 255, 100); padding-left: 10px; padding-right: 10px; margin-right: 0px; margin-top: 0px; padding-top: 4px; padding-bottom: 4px; text-decoration: none;  }
.telez { letter-spacing: 0.1em; line-height: 24px; font-size:16px; font-weight:300; }
/*.telez { padding-left: 10px; padding-right: 10px; }*/
.telez a:link { color: #ffffff; /* margin-right: -10px; margin-top: 0px; margin-bottom: 0px; margin-left: -10px; 181114*/ padding-top: 0px; padding-bottom: 2px; text-decoration: none;  }
/*.telez a:link { color: #ff9900; font-size: 16px; letter-spacing: 0.1em; line-height: 24px; color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 1), -1px -1px 3px rgba(255, 255, 255, 1);  margin-right: -10px; margin-top: 0px; margin-bottom: 0px; margin-left: -10px; padding-top: 0px; padding-bottom: 2px; text-decoration: none;  }*/
.telez a:hover { /* color: #ff9900; */}
.telezlogin { /* display:none; */ position:relative; line-height:1px; top:2px; font-size:22px; font-weight:300;  padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 24px; }
.telez-out { font-size:12px; position:relative; top:-1px }
.login { position:relative; padding:102px 25px 0px 25px;  width:90%}
.MBIS-Link { display: block; background-color: transparent; color: #ffffff; padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; text-decoration: none; font-weight: 400; }

/*******************************************************************************/


.cssmenu-u,.cssmenu-u ul,.cssmenu-u ul li,.cssmenu-u ul li a,.cssmenu-u #menu-button { margin: 0; padding: 0; border: 0; list-style: none; display: block; position: relative; z-index: 1000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Lato, sans-serif; text-transform: uppercase; }
.cssmenu-u:after, .cssmenu-u  ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.cssmenu-u #menu-button { display: none; }
.cssmenu-u { background: rgba(255, 255, 255, 0.95); }
.cssmenu-u ul li { float: left; border-right: 1px solid rgba(150, 150, 150, 0.15); }
/* menutext-oberstes Level */
.cssmenu-u ul li a { padding:14px 17px 0px 17px; height:46px; line-height: 20px; font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #000000; font-weight: 400; }
.cssmenu-u ul li a:hover { background: #ff6b00; color: #ffffff;}
.a-look { padding:14px 17px 0px 17px; height:32px; line-height: 20px; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-decoration: none; color: #ffffff; text-transform: uppercase; background: #ff6b00; color: #ffffff; display: block;  position: relative; z-index: 1000; } /* Ende passiver Link */
/* .cssmenu-u ul li.has-sub > a { padding-right: 30px; } */
.cssmenu-u,.cssmenu-u ul,.cssmenu-u ul li,.cssmenu-u ul li a,.cssmenu-u #menu-button { /*line-height: normal;*/ z-index: auto !important;}
/* .cssmenu-u ul ul { z-index: 1000 !important; } */
.cssmenu-u.cloned { background: rgba(255, 255, 255, 0.95); width: 100%; margin-right:0; position: fixed; top: 94px /*68px*/; z-index: 1000 !important; }

.planlogin { border-left: 2px solid #000; border-right: 2px solid #000; border-top: 2px solid #000; border-bottom: 2px solid #000; background-color:#ccc; }



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
body, html { background-color: #ff6b00;  }
.content { position: relative; margin: 0px 0px; padding-top: 10px; }

.footer { background-color:#ff6b00; padding: 10px 10px 10px 15px; position: relative; clear: both; }
.top95 {padding-top:0px}

/* cssmenu-u ausblenden */
.cssmenu-u, .cssmenu-u ul, .cssmenu-u ul li, .cssmenu-u ul li a, .cssmenu-u #menu-button {/*  display: block; display:none */ }
.cssmenu-u.cloned { /* display:none */ }/*180606-displaynonegehtnichtdeshalbnachobenschieben*/
.cssmenu-u.cloned { /* background: rgba(250, 250, 250, 0.95); width: 100%; margin-right:0; display: block;*/  position: absolute; top: -200px ; /* z-index: 1000 !important; */ }
/* 180315 - unnötig 200304 Zittern weg cssmenu-u verschoben nach -100px*/
/*Hamburger Menü schiebt Slideshow nach unten*/
/* wrapper für menu */

.header-bg { position: relative !important; width: 100%; z-index:2000; }
kl.logo-header-AC { height:136px; }
.farbboxRAL { /* padding-top:8px; */ width: 50% }

.MenuBarHorizontal-wrap {   }
ul.MenuBarHorizontal { text-shadow: none;}
ul.MenuBarHorizontal li { position:relative; right:0px; margin: 0px; line-height: 40px; width:48px; text-align:center; border-left: 1px solid rgba(120, 120, 120, 0.2) }
ul.MenuBarHorizontal a { padding-left: 10px; padding-right: 10px; color: #000000; background-color:#ffffff }
.MenuBarItemSubmenu { display: block; position:relative; font-size:21px;}
/*.MenuBarItemSubmenu { display:none; } */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background: #ff8c00; color: #ffffff; fill: #ffffff; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
.telez { display: block; position:relative; line-height: 40px; font-size:30px; }
.telez-out { display:none; }
.telez a:link {  color: #000000; padding-left: 3px; padding-right: 0px; padding-top: 3px; padding-bottom: 5px; }
.telezlogin { display: block; position:relative; line-height:24px; top:0px; font-size:35px; font-weight:300;  padding-left: 0px; padding-right: 0px; padding-top: 4px; padding-bottom: 12px; }
}


@media all and (max-width: 384px){
.logo-img-DICONAL { position: absolute; top: 10px; left: 16px; margin-bottom: 0px; width: 100px; height: 16px; border:0px; }
ul.MenuBarHorizontal li { position:relative; right:0px; margin: 0px; line-height: 28px; width:37px; text-align:center; border-left: 1px solid rgba(120, 120, 120, 0.2) }
.MenuBarItemSubmenu { display: block; position:relative; font-size:18px;}
.telez-out { display:none }
.telezlogin { display: block; position:relative; line-height:12px; top:1px; font-size:27px; font-weight:300;  padding-left: 2px; padding-right: 0px; padding-top: 5px; padding-bottom: 11px; }
.logo-header { float:left; top: 0px; left: 0px; height:auto; }
ul.MenuBarHorizontal a { padding-left: 6px; padding-right: 6px; }
}
/************************** klauwi ENDE ****************************************/
/************************** Login Design ****************************************/
.iframeksd { height:1200px; width:100% }
.iframeksd iframe { width:90%; height:100%; border:none }
.kopf { font-family: 'Lato', sans-serif; font-size: 16px; color:#000; font-weight: 400;}
.texthead { font-family: 'Lato', sans-serif; font-size: 16px; color:#0099ff; font-weight: 400;}
.texthead a { color:#0099ff; }
.texthead a:link { color: #0099ff; }
.texthead a:visited { color: #0099ff; }
.texthead a:hover, a:active  { color: #0099ff; }

.text { font-size: 0.75em; font-weight: 400; line-height: 1,125em; text-align:center }
.textrot { color:#ff0000; }

.dominoLogin { background-color:#fff; width:90%;}

.dominoLagerbestand { background-color:#FFF; width:90%; font-family: 'Lato', sans-serif; font-size: 12px; color:#000; font-weight: 400;}

/* form { font-family: 'Lato', sans-serif; font-size: 16px; color:#000; font-weight: 400;} */

form { font-family: 'Lato', sans-serif; font-size: 16px; color:#000; font-weight: 400; margin:0px; padding:0px; /* padding: 17px 17px 17px 0px */}

#Abmelden { width: 125px; background: #ff6b00; color:#fff; text-align:center; display: block; position: relative; z-index: 1000; } 
#Abmelden a { width: 125px; padding: 17px; text-decoration:none; background: #ccc; color: #ffffff; } 
#Abmelden:hover {  width: 125px; padding: 17px; background: #fff; color: #ff6b00; } 

#Druckversion {  width: 150px; content: "Druckversion"; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; text-align:center; display: block; position: relative; z-index: 1000; }
#Druckversion a { width: 125px; padding: 17px; text-decoration:none; background: #ccc; color: #ffffff; } 
#Druckversion a:hover {  width: 125px; padding: 17px; background: #09f; color: #ffffff; }
 /* 2505 Formularerstellung
input { min-width:125px; padding:14px 20px 13px; margin:4px 0;display:inline-block; background:  rgba(255, 107, 0, 0.0);  border:1px solid #ff6b00; cursor:pointer; text-transform: uppercase; letter-spacing: 1px; font-size:12px; font-weight: 400;  text-align:center; }
input:focus {   }
input:hover { background: #ff6b00; color: #ffffff; }

*/



input[type=image]{padding:14px 20px 13px;margin:4px 0;display:inline-block;border:1px solid #ccc;border-left:0;background-color:#FFF;box-sizing:border-box}
input[type=image]:hover{background:#ff6b00}
input,textarea{padding:17px 36px;margin:4px 0 12px;display:inline-block;border:1px solid #ccc;box-sizing:border-box;background-color:#eee}
input:focus,textarea:focus{background:#ccc;color:#fff;border:1px solid #ff6b00}
input:active,textarea:active{background:red;color:#09f;border:1px solid #ff6b00}
input:hover,textarea:hover{background:#ccc;color:#fff}
input[type=submit]{padding:17px 36px;background:#ff6b00;color:#fff;border:0 none;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:400}
input[type=submit]:hover{background:red}
textarea{width:100%;height:200px}




/*
input[type=text] { font-size:16px; padding:17px; border:1px solid #ccc; }
input[type=text]:focus { border:1px solid #09f; }

input[type=submit] { width: 125px; padding:17px; background:#ccc; border:0 none; cursor:pointer; text-transform: uppercase; letter-spacing: 1px; font-size:12px; font-weight: 400; }
input[type=submit]:hover { width: 125px; padding: 17px; background: #09f; color: #ffffff; }

input[type=button] { font-size:16px; padding:17px; border:1px solid #ff6b00; }
input[type=button]:focus { border:1px solid #ff6b00; }
input[type=button] { width: 125px; padding:17px; background:#fff; border:1px solid #ff6b00; cursor:pointer; text-transform: uppercase; letter-spacing: 1px; font-size:12px; font-weight: 400; }
input[type=button]:hover { width: 125px; padding: 17px; background: #ff6b00; color: #ffffff; }
*/

/************************ Login Design Ende*************************/

.displaynone {display:none !important}

.topgallpix {width: 100%; height: auto; position:relative; text-align: left; background-color:#ff6b00;}

.unicode-zahl { position:relative; color:#ff6b00; font-size: 2em; top: 4px; padding: 0 5px 0px 5px; }

.icon-big { font-size: 8em; }
.icon-blau { color:#09f; }

    @font-face {
      font-family: 'cookiefrei';
      src: url('../fonts/cookiefrei.eot');
      src: url('../fonts/cookiefrei.eot') format('embedded-opentype'),
           url('../fonts/cookiefrei.woff') format('woff'),
           url('../fonts/cookiefrei.ttf') format('truetype'),
           url('../fonts/cookiefrei.svg') format('svg');
      font-weight: normal;
      font-style: normal;
    }

    .icon-cookiefrei {
      font-family: "cookiefrei";
	  }
	  
   a.icon-cookiefrei {
      font-style: normal;
      font-weight: 400;
      text-decoration: none;
	  }

    @font-face {
      font-family: '10-jahr-g';
      src: url('../fonts/10-jahr-g.eot');
      src: url('../fonts/10-jahr-g.eot') format('embedded-opentype'),
           url('../fonts/10-jahr-g.woff') format('woff'),
           url('../fonts/10-jahr-g.ttf') format('truetype'),
           url('../fonts/10-jahr-g.svg') format('svg');
      font-weight: normal;
      font-style: normal;
    }

    .icon-10-jahr-g {
      font-family: "10-jahr-g";
	  }
    .icon-cookiefrei, .icon-10-jahr-g {
      font-style: normal;
      font-weight: normal;
      speak: never;     
      display: inline-block;
      text-decoration: none;
      padding-right: .2em;
	  line-height: 1em;
      text-align: center;     
      font-variant: normal;
      text-transform: none;
      padding-left: .2em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
	  }
	  
   a.icon-10-jahr-g {
      font-style: normal;
      font-weight: 400;
      text-decoration: none;
	  }