@charset "UTF-8";

@font-face {
	font-family: 'Conv_DIGITALDREAMFAT';
	src: url('./../fonts/DIGITALDREAMFAT.eot');
	src: local('☺'), url('./../fonts/DIGITALDREAMFAT.woff') format('woff'), url('./../fonts/DIGITALDREAMFAT.ttf') format('truetype'), url('./../fonts/DIGITALDREAMFAT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_DIGITALDREAMFATNARROW';
	src: url('./../fonts/DIGITALDREAMFATNARROW.eot');
	src: local('☺'), url('./../fonts/DIGITALDREAMFATNARROW.woff') format('woff'), url('./../fonts/DIGITALDREAMFATNARROW.ttf') format('truetype'), url('./../fonts/DIGITALDREAMFATNARROW.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html { box-sizing: border-box; scroll-behavior: smooth; }

*, *::after, *::before { box-sizing: inherit; }

.headerwrapper { background-color: #ffffff; }
header { font-family: "Yanone Kaffeesatz", sans-serif; padding: 0.8em 0em 1.0em 0em; background-color: #ffffff; font-size: 1.3em; text-transform: uppercase; font-weight: lighter; margin: 0 auto; max-width: 95%; margin-left: auto; margin-right: auto; position: relative; }
header::after { clear: both; content: ""; display: table; }
@media screen and (max-width: 1180px) { header { max-width: 95%; margin-left: auto; margin-right: auto; }
  header::after { clear: both; content: ""; display: table; } }
@media screen and (max-width: 980px) { header { max-width: 95%; margin-left: auto; margin-right: auto; font-size: 20px; text-align: center; padding-top: 0.8em; /*4.4em*/ }
  header::after { clear: both; content: ""; display: table; } }
@media screen and (max-width: 640px) { header { font-size: 20px; } }
@media print { header { display: none; } }
header a.bbw-logo { float: left; display: block; margin-right: 1.55951%; width: 32%; -webkit-transform: translateZ(0); transform: translateZ(0); overflow: visible; }
header a.bbw-logo:last-child { margin-right: 0; }
@media screen and (max-width: 980px) { header a.bbw-logo { float: left; display: block; margin-right: 1.55951%; width: 100%; position: absolute; top: 1.5em; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }
  header a.bbw-logo:last-child { margin-right: 0; } }
header a.bbw-logo img { width: 7em; float: right; }
@media screen and (max-width: 980px) { header a.bbw-logo img { float: none; } }
header a.bbw-logo:hover { border: none; }
header nav { float: left; display: block; margin-right: 1.55951%; width: 66.14683%; }
header nav:last-child { margin-right: 0; }
@media screen and (max-width: 980px) { header nav { margin-left: 16.92659%; } }
@media screen and (max-width: 640px) { header nav { float: left; display: block; margin-right: 1.55951%; width: 88.71561%; margin-left: 5.6422%; font-size: 0.8em; }
  header nav:last-child { margin-right: 0; } }
header nav a { padding: 0.9em 0em 0.3em 0em; margin: 0em 0.6em; font-size: 0.92em; display: inline-block; color: #141414; border-bottom: 0.2em solid transparent; transition: all 0.2s ease; }
header nav a.active { border-bottom: 0.2em solid #f03b23; padding-bottom: 0.1em; }
header nav a:first-child { padding-left: 0em; margin-left: 0em; }
header nav a:hover { border-bottom: 0.2em solid #f03b23; padding-bottom: 0.1em; color: #000000;}
/*header nav a:active { border-bottom: 0.2em solid #f03b23; padding-bottom: 0.1em; color: #000000;}*/
header nav a.ghost { margin-left: 0em; margin-top: 0.5em; margin-right: 1.2em; padding-left:0.6em; padding-right:0.6em; }
header nav a.ghost.active { border-bottom: 1px solid #f03b23; padding-bottom: 0.3em; }
header nav a.ghost.activetwo { border-bottom: 1px solid #f03b23; padding-bottom: 0.3em; }
header nav a.ghost:hover { border-bottom: 1px solid #f03b23; padding-bottom: 0.3em; }

* { box-sizing: border-box; }

body { padding: 0; margin: 0; font-family: "open sans"; color: #141414; min-height: 100vh; font-size: 16px; background-color: #FFFFFF; -webkit-text-size-adjust: none;}

.mirror_h { transform: scale(-1, 1); }
.mirror_v { transform: scale(1, -1); }
.mirror_b { transform: scale(-1, -1); }

a { text-decoration: none; color: #8a8a8a; }
a:hover { color: #f03b23; }

a > img{
    border: 0;
}

h1, h2, h3, h4 { font-family: "Yanone Kaffeesatz", sans-serif; text-align: left; margin: 0.05em 0em /*0em*/0.05em 0em; }

h1 { font-size: 2.4em; padding-bottom: 0em; font-weight: 300; }

h2 { font-size: 1.3em; font-weight: 300; -webkit-transform: translateZ(0); transform: translateZ(0); padding-top: 0; margin: 0em; }

h3 { font-size: 1em; }

p { text-align: left; -webkit-transform: translateZ(0); transform: translateZ(0); line-height: 1.4em; font-size: 0.95em; z-index: 10; -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; }
p a { color: #8a8a8a; transition: all 0.3s ease; }
p a:hover { color: #f03b23; }
/*p a:active { color: #f03b23; }*/

.userlistelement { padding-bottom: 1.5em; }
.userlistelement.deaktiv { padding-left: 2.5em; }
.userlistelement.vertragslock { padding-left: 5em; }

.logo_preview {
	width: 175px;
	height: 50px;
	border: 0px solid #8A8A8A;
	margin-bottom: 1em;
}

.object-fit_contain {
  -o-object-fit: contain;
     object-fit: contain;
	 width: 100%;
	 height: 100%;
	 padding: 0 !important;
	 object-position: left bottom;
}


.logo_interfacelogo {
	width: 147px;
	height: 42px;
	border: 0px;
	margin-bottom: 0;
	float: right;
}

.object-fit_interfacelogo_contain {
  -o-object-fit: contain;
     object-fit: contain;
	 width: 100%;
	 height: 100%;
	 padding: 0 !important;
	 object-position: right center;
}

.logo_interfacelogo_popup {
	width: 130px;
	height: 37px;
	border: 0px;
	margin-bottom: 0;
	float: right;
}

.object-fit_interfacelogo_contain_popup {
  -o-object-fit: contain;
     object-fit: contain;
	 width: 100%;
	 height: 100%;
	 padding: 0;
	 object-position: right center;
}

@media screen and (max-width: 980px) { .logo_interfacelogo { float: unset; margin: 0 auto 0.2em auto; } .object-fit_interfacelogo_contain {  object-position: center; } }
@media screen and (max-width: 630px) { .logo_interfacelogo { float: unset; margin: 0 auto 0.1em auto; height: 40px; width: 240px; } .object-fit_interfacelogo_contain {  object-position: center; } }
@media screen and (max-width: 415px) { .logo_interfacelogo { float: unset; margin: 0 auto 0.1em auto; height: 40px; width: 240px; } .object-fit_interfacelogo_contain {  object-position: center; } }

.printlogo { width: 94.5%; margin-left: auto; margin-right: auto; }
.printlogo  img { width: 110px; float: right; padding-right: 0em; padding-top: 0em; }
@media screen { .printlogo { display: none; } }
.printcopyright { width: 95%; margin-left: auto; margin-right: auto; }
.printcopyright  p { font-size: 0.6em; }
@media screen { .printcopyright { display: none; } }

.teaser { margin: 0 auto; z-index: 0; height: /*40*/ 8em; overflow: hidden; text-align: center; position: relative; text-align: center; display: block; background-color: #f4f4f4; }
@media screen and (max-width: 980px) { .teaser { height: 7em; } }
@media screen and (max-width: 630px) { .teaser { height: 6em; } }
@media screen and (max-width: 415px) { .teaser { height: 5em; } }
.teaser picture { position: absolute; top: 50%; left: 50%; /* bring your own prefixes */ -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; }
.teaser picture img { display: block; position: absolute; top: 50%; left: 50%; /* bring your own prefixes */  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: 100%; }
@media print { .teaser { display: none; } }

.linientrenner  { margin: 0 auto; z-index: 0; height: 0.1em; overflow: hidden; position: relative; text-align: center; display: block; background-color: #C0C0C0; }
@media print { .linientrenner { display: none; } }

footer { background-color: #9e9e9e; color: #ffffff; padding: 0.6em 0em; -webkit-transform: translateZ(0); transform: translateZ(0); font-weight: 400; z-index: 100; position: relative; }
footer div { margin: 0em; padding: 0em; padding-left: 0em; /*padding-right: 185px;*/ padding-top: 0em; padding-bottom: 0em; max-width: 95%; margin-left: auto; margin-right: auto; margin: 0 auto; }
footer div::after { clear: both; content: ""; display: table; }
@media screen and (max-width: 1180px) { footer div { max-width: 95%; margin-left: auto; margin-right: auto; /*padding-right: 155px;*/}
  footer div::after { clear: both; content: ""; display: table; } }
@media screen and (max-width: 980px) { footer div { max-width: 99%; margin-left: auto; margin-right: auto; padding-right: 0em;}
  footer div::after { clear: both; content: ""; display: table; } }
footer div p { float: left; display: block; margin-right: 1.55951%; width: /*77.43122 60.43122 40.43122*/78.7%; font-size: 0.75em; display: inline-block; /*margin-top: 0.2em; margin-bottom: 0.2em; */}
footer div p:last-child { margin-right: 0; }
@media screen and (max-width: 980px) { footer div p { margin-left: 3%; width: 94%; margin-top: 0.2em; margin-right: 3%; margin-bottom: 0.2em;} }
footer div a { float: left; display: block; margin-right: 1.55951%; width: 19.72488%; font-weight: lighter; text-transform: none; text-align: center; margin-top: 0.35em; /*min-height: 2.95em*/}
footer div a:last-child { margin-right: 0; }
@media screen and (max-width: 980px) { footer div a { margin-left: 3%; float: left; display: block; margin-right: 3%; width: 94%; /*min-height: auto;*/}
  footer div a:last-child { margin-right: 0; } }
@media print { footer { display: none; } }

section { background-color: #f4f4f4; padding: 1.5em 0em 1.5em 0em; z-index: 1000; /* min-height: -o-calc(100vh - 182px); min-height: -webkit-calc(100vh - 182px); min-height: -moz-calc(100vh - 182px); min-height: calc(100vh - 182px); */}
@media print { section { background-color: #ffffff; }}
@media screen and (max-width: 640px) { section { font-size: 14px; padding: 0em; } }
section section.content { padding: 0em; font-size: 1em; }
section section.content h1 { float: left; display: block; margin-right: 1.55951%; width: 43.57805%; float: none; }
section section.content h1:last-child { margin-right: 0; }
section section.content h2 { padding-bottom: 1.2em; float: left; display: block; margin-right: 1.55951%; width: 9.72488%; }
section section.content h2:last-child { margin-right: 0; }
section .tag > h1 { padding-top: 1.57em; }
@media screen and (max-width: 1180px) { section .tag > h1 { padding-top: 1.40em; } }
@media screen and (max-width: 640px) { section .tag > h1 { padding: 0.3em 0 0 0; padding-top: 0.3em; } }
@media screen and (max-width: 980px) { section .tag > h1 { padding: 0.5em 0 0 0; padding-top: 0.5em; } }
section .no-tags h1 { padding-top: 0em; }
section .no-tags .video-content { margin-top: 1em; }
section .content, section > ul, section.content { padding: 1.7em 0em 1.4em 0em; max-width: 95%; margin-left: auto; margin-right: auto; position: relative; }
section .notopbottomabstand, section > ul, section.notopbottomabstand  { padding: 0.7em 0em 0.7em 0em; }
@media print { 
section .notopbottomabstand, section > ul, section.notopbottomabstand  { padding-bottom: 0; }
}
section .reallynotopbottomabstand, section > ul, section.notopbottomabstand  { padding: 0.0em 0em 0.0em 0em; }

section .content::after, section > ul::after, section.content::after { clear: both; content: ""; display: table; }
@media screen and (max-width: 1180px) { section .content, section > ul, section.content { max-width: 95%; margin-left: auto; margin-right: auto; }
  section .content::after, section > ul::after, section.content::after { clear: both; content: ""; display: table; } }
@media screen and (max-width: 980px) { section .content, section > ul, section.content { max-width: 95%; margin-left: auto; margin-right: auto; }
  section .content::after, section > ul::after, section.content::after { clear: both; content: ""; display: table; } }
section .content h2, section > ul h2, section.content h2 { float: left; display: block; margin-right: 1.55951%; width: 100%; float: none; }
section .content h2:last-child, section > ul h2:last-child, section.content h2:last-child { margin-right: 0; }
section .content time, section > ul time, section.content time { padding: 0; margin-top: -3em; display: block; font-size: 0.67em; color: #9e9e9e; text-align: right; }
section .content .list--style, section > ul .list--style, section.content .list--style { list-style: circle; padding: 0em 2em; margin-bottom: 2em; }
section .content .list--style li, section > ul .list--style li, section.content .list--style li { font-size: 0.9em; list-style: none; padding: 0.3em 0em; margin-left: -0.2em; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
section .content .list--style li:before, section > ul .list--style li:before, section.content .list--style li:before { content: ""; font-family: FontAwesome; display: inline-block; margin-left: /*-0.7em*/-1.0em; margin-right: 0.3em; width: 0.7em; }
section .content span.author, section > ul span.author, section.content span.author { display: block; font-size: 0.67em; color: #9e9e9e; text-align: right; }
section .content aside, section > ul aside, section.content aside { float: left; display: block; margin-right: 1.55951%; width: 9.72488%; cursor: default;}
section .content aside:last-child, section > ul aside:last-child, section.content aside:last-child { margin-right: 0; }
@media screen and (max-width: 1180px) { section .content aside, section > ul aside, section.content aside { width: 10.2%; } }
@media screen and (max-width: 980px) { section .content aside, section > ul aside, section.content aside { float: left; display: block; margin-right: 1.55951%; width: 88.71561%; margin-left: 5.6422%; width: 9.72488%;}
  section .content aside:last-child, section > ul aside:last-child, section.content aside:last-child { margin-right: 0; } }
@media print { section .content aside, section > ul aside, section.content aside { float: left; display: block; margin-right: 1.55951%; width: /*88.71561%*/100%; margin-left: /*5.6422%*/0%; margin-top: 20px; margin-bottom: 20px; border: 1px solid #000000; }
  section .content aside:last-child, section > ul aside:last-child, section.content aside:last-child { margin-right: 0; } }
section .content aside span, section > ul aside span, section.content aside span { float: left; background-color: #141414; width: 4.4em; height: 4.4em; text-transform: uppercase; font-weight: 300; -webkit-transform: translateZ(0); transform: translateZ(0); padding: 3.1em 0em 0.2em 0.3em; font-size: 1.4em; color: #ffffff; font-family: "Yanone Kaffeesatz", sans-serif; }
@media screen and (max-width: 1180px) { section .content aside span, section > ul aside span, section.content aside span { font-size: 1.3em; } }
@media screen and (max-width: 980px) { section .content aside span, section > ul aside span, section.content aside span { font-size: 17px; } }
@media screen and (max-width: 980px) { section .content aside.additonal-infos, section > ul aside.additonal-infos, section.content aside.additonal-infos { float: left; display: block; margin-right: 1.55951%; width: 88.71561%; margin-left: 5.6422%; }
  section .content aside.additonal-infos:last-child, section > ul aside.additonal-infos:last-child, section.content aside.additonal-infos:last-child { margin-right: 0; } }
section .content aside.additonal-infos .bottom-content, section > ul aside.additonal-infos .bottom-content, section.content aside.additonal-infos .bottom-content { float: left; display: block; margin-right: 1.55951%; width: 15.36707%; list-style: none; height: auto; position: absolute; bottom: 3em; }
section .content aside.additonal-infos .bottom-content:last-child, section > ul aside.additonal-infos .bottom-content:last-child, section.content aside.additonal-infos .bottom-content:last-child { margin-right: 0; }
@media screen and (max-width: 980px) { section .content aside.additonal-infos .bottom-content, section > ul aside.additonal-infos .bottom-content, section.content aside.additonal-infos .bottom-content { float: left; display: block; margin-right: 1.55951%; width: 100%; }
  section .content aside.additonal-infos .bottom-content:last-child, section > ul aside.additonal-infos .bottom-content:last-child, section.content aside.additonal-infos .bottom-content:last-child { margin-right: 0; } }
@media screen and (max-width: 980px) { section .content aside.additonal-infos .bottom-content, section > ul aside.additonal-infos .bottom-content, section.content aside.additonal-infos .bottom-content { position: relative; bottom: auto; } }
section .content aside.additonal-infos .bottom-content li, section > ul aside.additonal-infos .bottom-content li, section.content aside.additonal-infos .bottom-content li { padding: 0.4em; }
section .content article, section > ul article, section.content article { float: left; display: block; margin-right: 1.55951%; width: 99.75%; }
section .content article:last-child, section > ul article:last-child, section.content article:last-child { margin-right: 0; }
@media screen and (max-width: 980px) { section .content article, section > ul article, section.content article { float: left; display: block; margin-right: 1%; width: 99%; margin-left: 1%; }
  section .content article:last-child, section > ul article:last-child, section.content article:last-child { margin-right: 0; } }
section .content article img, section .content article p, section .content article .video-content, section > ul article img, section > ul article p, section > ul article .video-content, section.content article img, section.content article p, section.content article .video-content { padding: 0.5em 0em; }
section .content article figure, section > ul article figure, section.content article figure { margin: 0em; }
section .content article figure img, section > ul article figure img, section.content article figure img { max-width: 100%; padding-bottom: 0em; }
section .content article figure figcaption, section > ul article figure figcaption, section.content article figure figcaption { float: left; font-size: 0.7em; padding: 0em 0.3em; color: #9e9e9e; padding-bottom: 1.5em; }
section .content article .video-content, section > ul article .video-content, section.content article .video-content { padding: 0em; }
@media screen and (max-width: 980px) { section .content article .video-content, section > ul article .video-content, section.content article .video-content { margin-top: 2em; } }
section .content article .video-content h1, section > ul article .video-content h1, section.content article .video-content h1 { margin-top: 0.5em; }
section.black-section { background-color: #141414; color: #9e9e9e; }
section.black-section h1, section.black-section h2, section.black-section h3, section.black-section h4, section.black-section h5 { color: #f4f4f4; }
section.black-section a { color: #dedede; }
section.black-section a:hover { color: #f03b23; }
/*section.black-section a:active { color: #f03b23; }*/
section.black-section aside span { background-color: #ffffff; color: #141414; }

section.white-section { background-color: #ffffff; color: #000000; }
section.submenu-section { padding-top: 0.6em; padding-bottom: 0.6em; }
section.popupkopf-section { padding-top: 0.6em; padding-bottom: 0.6em; background-color: #ffffff; color: #000000; z-index: 200; position: relative; }
.popupkopflogo  img { width: 8em; float: right; padding-right: 0em; padding-top: 0.3em; padding-bottom: 0.3em; }
@media print {
section.submenu-section { display: none; }
section.popupkopf-section { display: none; }
section.white-section { padding-bottom: 0; }
}

section aside span.bbwsignet { background-image: url("./../gfx/bbw-signet100x100.png");
    background-repeat: no-repeat; background-size: 100% 100%;
    -webkit-background-size: 100% 100%; /*  Safari  */
    -khtml-background-size: 100% 100%; /*  Konqueror  */
    -moz-background-size: 100% 100%; /*  Firefox  */ }
section.black-section aside span.bbwsignet { background-image: url("./../gfx/bbw-signet100x100-blk.png"); }

.prodbloglnkcontainer:hover { cursor: pointer; }
.prodbloglnkcontainer:hover h4 { color: #f03b23;}
.prodbloglnkcontainer:hover a { color: #f03b23;}

.abgedunkelt { filter: brightness(85%); -webkit-filter: brightness(85%); transition: filter 3.0s 0.5s ease, -webkit-filter 3.0s 0.5s ease; }
.abgedunkelt:hover { filter: brightness(100%); -webkit-filter: brightness(100%); }

.clearer { clear: both; }

.redboxdotted { border: 1.5px dashed #f03b23;
	padding-left: 1.0em;
	padding-right: 1.0em;
}

.project--list { max-width: 1088px; margin-left: auto; margin-right: auto; }
.project--list::after { clear: both; content: ""; display: table; }
@media screen and (max-width: 1180px) { .project--list { max-width: 915px; margin-left: auto; margin-right: auto; }
  .project--list::after { clear: both; content: ""; display: table; } }
  @media screen and (max-width: 980px) { .project--list { max-width: 800px; } }
.project--list ul { float: left; display: block; margin-right: 1.55951%; width: 83.07341%; padding: 0em; margin-top: 0em; margin-bottom: 0em; }
.project--list ul:last-child { margin-right: 0; }
@media screen and (max-width: 980px) { .project--list ul { float: left; display: block; margin-right: 1.55951%; width: 88.71561%; margin-left: 5.6422%; }
  .project--list ul:last-child { margin-right: 0; } }
.project--list ul li { position: relative; overflow: hidden; margin-bottom: 1em; background-color: black; float: left; display: block; margin-right: 1.55951%; width: 32.29366%; }
.project--list ul li:last-child { margin-right: 0; }
.project--list ul li:nth-child(3n) { margin-right: 0; }
.project--list ul li:nth-child(3n+1) { clear: left; }
@media screen and (max-width: 1180px) { .project--list ul li { float: left; display: block; margin-right: 1.55951%; width: 49.22024%; }
  .project--list ul li:nth-child(3n) { margin-right: 1.55951%; }
  .project--list ul li:nth-child(3n+1) { clear: none; }
  .project--list ul li:last-child { margin-right: 0; }
  .project--list ul li:nth-child(2n) { margin-right: 0; }
  .project--list ul li:nth-child(2n+1) { clear: left; } }
@media screen and (max-width: 980px) { .project--list ul li { float: left; display: block; margin-right: 1.55951%; width: 100%; }
  .project--list ul li:nth-child(2n) { margin-right: 1.55951%; }
  .project--list ul li:nth-child(2n+1) { clear: none; }
  .project--list ul li:last-child { margin-right: 0; }
  .project--list ul li:nth-child(1n) { margin-right: 0; }
  .project--list ul li:nth-child(1n+1) { clear: left; } }
.project--list ul li h4 { color: #ffffff; font-weight: normal; font-size: 1.6em; position: absolute; z-index: 10; visibility: hidden; bottom: 0.5em; padding: 0em 0.5em; }
/*@media screen and (max-width: 980px) { .project--list ul li h4 { visibility: visible; } }*/
.project--list ul li span { position: absolute; background-color: #141414; color: #ffffff; padding: 0.3em 0.6em; right: 0em; top: 0.5em; visibility: hidden; z-index: 20; font-family: "Yanone Kaffeesatz", sans-serif; text-transform: uppercase;}
/*@media screen and (max-width: 980px) { .project--list ul li span { visibility: visible; } }*/
.project--list ul li img { width: 100%; height: auto; z-index: 0; display: block; }
/*@media screen and (max-width: 980px) { .project--list ul li img { opacity: 0.5; } }*/
.project--list ul li:hover img { opacity: 0.5; }
.project--list ul li:hover h4 { visibility: visible; }
.project--list ul li:hover span { visibility: visible; }

/*.project--list ul li:active img { opacity: 0.5; }
.project--list ul li:active h4 { visibility: visible; }
.project--list ul li:active span { visibility: visible; }*/

th, td { border-bottom: 0.1em solid #9e9e9e; }

table { border-collapse: collapse; width: 100%; font-size: 0.8em; border-bottom: 0.1em solid #9e9e9e; color: #141414; }
table td { padding: 0.8em 0.5em 0.8em 1em; width: 2em; }
/*table tr:first-child { background-color: #dbdbdb; font-weight: 700; }*/

table.logindownloadtbl  { table-layout: fixed; overflow: hidden; margin-bottom: 3.75em; margin-top: 2.2em;}
table.logindownloadtbl td { }
table.logindownloadtbl tr { border-top: 0;}
table.logindownloadtbl tr:hover{ cursor: pointer; color: #f03b23;}
table.logindownloadtbl tr:first-child { color: #f4f4f4; background-color: #9E9E9E; font-weight: 700; text-transform: uppercase; border-bottom: 0; }
table.logindownloadtbl tr:first-child :hover{ cursor: default; color: #f4f4f4; }
.black-section  table.logindownloadtbl  { color: #9E9E9E; }

.facts { width: 50%; float: right; padding: 0.8em 0em 1.5em 2.5em; z-index: 100; }
.loginfacts { width: 58.5%; float: left; padding-left: 0em; padding-right: 0em; padding-bottom: 3.0em; z-index: 100; }
@media screen and (max-width: 980px) { .facts { float: left; width: auto; position: relative; padding: 1em 0em; } }
@media screen and (max-width: 980px) { .loginfacts { padding-bottom: 3.0em;} }
.facts h5 { margin: 0em; padding: 0.9em; background-color: #9e9e9e; color: #ffffff; font-family: "Open Sans", sans-serif; text-transform: uppercase; font-weight: 700; width: 171%; }
@media screen and (max-width: 980px) { .facts h5 { width: 100%; } }
.facts dl { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0.8em; margin: 0em; padding: 0em; color: #141414; width: 171%; }
@media screen and (max-width: 980px) { .facts dl { width: 100%; } }
.facts dl dt { width: 35%; border-bottom: 1px solid #9e9e9e; margin: 0em; padding: 1em 0.95em; }
.facts dl dd { width: 65%; border-bottom: 1px solid #9e9e9e; margin: 0; padding: 1em 0.6em; }

h2  + .facts {
  padding-top:1.8em;
}

.video-content + h1 {
  padding-top:0.55em!important;
}

figure + h1 , p + h1 {
  padding-top:0.55em!important;
}

.black-section dl { color: #9e9e9e; }

.shiftedcontent--image { width: 50%; float: right; padding: 0.3em 0em 1.5em 2.5em; z-index: 100; }
@media screen and (max-width: 980px) { .shiftedcontent--image { float: left; width: auto; position: relative; padding: 1em 0em; } }
.shiftedcontent--image img { width: 171%; }
@media screen and (max-width: 980px) { .shiftedcontent--image img { width: 100%; } }
.shiftedcontent--image figcaption { position: relative; float: left; font-size: 0.7em; padding: 0em 0.3em; color: #9e9e9e;}

.ghost { color: #9e9e9e; border: 1px solid #9e9e9e; padding: 0.3em 0.9em 0.3em 0.9em; font-family: "Yanone Kaffeesatz", sans-serif; }
.ghost.white-ghost { color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.3); }
.ghost.white-ghost:hover { color: #9e9e9e; background-color: #ffffff; border-color: #ffffff; }
/*.ghost.white-ghost:active { color: #9e9e9e; background-color: #ffffff; border-color: #ffffff; }*/
.ghost:hover { color: #ffffff; background-color: #f03b23; border-color: #f03b23; }
/*.ghost:active { color: #ffffff; background-color: #f03b23; border-color: #f03b23; }*/
.ghost.active { color: #ffffff; background-color: #f03b23; border-color: #f03b23; }
.ghost.active:hover { /*color: #9e9e9e; background-color: #ffffff; border-color: #9e9e9e;*/}
.ghost.activetwo { color: #ffffff; background-color: #f03b23; border-color: #f03b23; }
.ghost.activetwo:hover { color: #9e9e9e; background-color: #ffffff; border-color: #9e9e9e;}
/*.ghost.activetwo:active { color: #9e9e9e; background-color: #ffffff; border-color: #9e9e9e;}*/
.ghost.logout-ghost { color: #9e9e9e; border-left: 0px; border-top: 1px solid #f03b23; border-right: 1px solid #f03b23; border-bottom: 1px solid #f03b23; background-color: #ffffff; padding-left: 0.25em; padding-right:0.2em; margin-left: 0em; margin-right: 1.2em;}
.ghost.logout-ghost:hover { color: #ffffff; background-color: #f03b23; border-color: #f03b23; }
/*.ghost.logout-ghost:active { color: #ffffff; background-color: #f03b23; border-color: #f03b23; }*/
.ghost.logout-ghost.active { border-color: #9e9e9e; }
.ghost.logout-ghost.active:hover { border-color: #f03b23; }
/*.ghost.logout-ghost.active:active { border-color: #f03b23; }*/

.author-info { background-color: #9e9e9e; color: #f4f4f4; margin-bottom: 1.61em; float: left; width: 100%; padding: 1em 2em 1em 9.3em; position: relative; overflow: hidden; }
@media screen and (max-width: 980px) { .author-info { padding-left: 2em; } }
.author-info h4 { padding: 0em; margin: 0em; text-transform: uppercase; font-weight: 300; }
.author-info p { margin: 0em; padding: 0; }
.author-info a { color: #cecece; }
.author-info span { display: block; position: absolute; left: 0; top: 0; width: 8em; height: 8em; margin-right: 1.3em; overflow: hidden; padding: 0em; }
@media screen and (max-width: 980px) { .author-info span { /*display: none;*/ position: relative; height:100%; padding-bottom: 0.7em;} }
.author-info span .author-info-img { padding: 1.2em 0em 0em 1em; margin: 0em; height: auto; width: 100%; display: block; }
@media screen and (max-width: 980px) { .author-info span .author-info-img { padding: 0; } }

.button-list { border-bottom: 1px solid #e2e2e2; padding: 0em; margin: 0em; }
.button-list a { padding: 0.1em 0.5em 0.1em 1.8em; color: #9e9e9e; font-size: 0.8em; transition: all 0.1s ease; -webkit-transform: translateZ(0); transform: translateZ(0); display: inline-block; }
.button-list li:before { font-family: FontAwesome; display: inline-block; margin: 0.4em 0.5em 0em 0.2em; width: 1em; height: 0em; font-size: 0.8em; color: #9e9e9e; position: absolute; transition: all 0.1s ease; }
.button-list li.link--download { word-wrap: break-word; word-break: break-all; }
.button-list li.link--download:before { content: ""; }
.button-list li.link--internal:before { content: ""; }
.button-list li.link--external:before { content: ""; }
.button-list li:last-child { margin-bottom: 0.2em; }
.button-list li:hover { background-color: #e2e2e2; cursor: pointer;}
/*.button-list li:active { background-color: #e2e2e2; }*/
.button-list li:hover:before { color: #f03b23; }
/*.button-list li:active:before { color: #f03b23; }*/
.button-list li:hover a { color: #9e9e9e; }
/*.button-list li:active a { color: #9e9e9e; }*/

.black-section .button-list { border-bottom: 1px solid #262626; }
.black-section .button-list li a { color: #9e9e9e; }
.black-section .button-list li:hover { background-color: #262626; }
/*.black-section .button-list li:active { background-color: #262626; }*/
.black-section .button-list li:hover a { color: #ffffff; }
/*.black-section .button-list li:active a { color: #ffffff; }*/

.image_view { float: left; display: block; margin-right: 1.55951%; width: 100%; margin-bottom: 0em; max-width: 600px; }
.image_view:last-child { margin-right: 0; }
.image_view a { float: left; display: block; margin-right: 1.55951%; width: 32.29366%; display: block; }
.image_view a:last-child { margin-right: 0; }
.image_view a:nth-child(3n) { margin-right: 0; }
.image_view a picture img { padding: 0em 0em 0.3em 0em; width: 100%; border: 0;}

.bbwloginform { padding-top: 0.5em; padding-bottom: 0.5em; font-size: 0.95em; line-height: 1.4em; }
.bbwloginform-elementcontainer { display: inline-block; padding-right: 1.2em; vertical-align: middle;}
.bbwloginform-elementcontainer.lastline { display: block; padding-right: 1.2em; vertical-align: middle; }
.bbwloginform-elementcontainer.halbtiefer { padding-top: 0.4em; }
.bbwloginform-elementcontainer.nosidedist {padding-right: 0em; } 
.bbwloginform-elementcontainer.nosidedist.tiefer {padding-top: 0.6em;} 
.bbwloginform-error { display: block; color: #f03b23; padding-top: 0.25em; padding-bottom: 0.25em; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.bbwloginform-erklaertext { font-size: 0.8em; padding-top: 0.0em;}
.bbwloginform-form { padding-top: 0.5em; padding-bottom: 0.5em; display: block; }
.bbwloginform-label { display: block; margin-bottom: 0.25em; font-weight: 600; font-size: 0.85em; }
.addontext { font-weight: 400; font-size: 0.85em; }
.bbwloginform-label.emptyfield { color: #f03b23; }
.bbwloginform-textinput {  display: block; border: 1px solid #8A8A8A;
   background: #ffffff;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #141414;
   padding: 0.5em;
   margin-bottom: 1em;
   width:200px; height: 33px; -webkit-appearance: none; max-width: 90vw;
   -moz-appearance: none;
   outline: none;
   font-family: Arial, sans-serif;
   font-size: 13px;}
.bbwloginform-textinput.emptyfield { border-color: #f03b23; } 
.bbwloginform-textinput:focus { color: #141414; border-color: #141414; } 
.bbwloginform-offlineinput {  display: block; border: 1px solid #E2E2E2;
   background: #F4F4F4;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #141414;
   padding: 0.5em;
   margin-bottom: 0.3em;
   width:200px; height: 26px; -webkit-appearance: none; max-width: 90vw;
   -moz-appearance: none;
   outline: none;
   font-family: Arial, sans-serif;
   font-size: 13px;}
.bbwloginform-offlineinput:focus { color: #141414; border-color: #141414; } 
.bbwloginform-textareainput {  display: block; border: 1px solid #8A8A8A;
   background: #ffffff;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #141414;
   padding: 0.5em;
   margin-bottom: 1em;
   width:200px; height: 99px; -webkit-appearance: none; max-width: 90vw;
   -moz-appearance: none;
   outline: none;
   font-family: Arial, sans-serif;
   font-size: 13px;
   resize: none;}
.bbwloginform-textareainput.emptyfield { border-color: #f03b23; }
.bbwloginform-textareainput:focus { color: #141414; border-color: #141414; }  
.bbwloginform-selectinput {  
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   display: block;
   border: 1px solid #8A8A8A;
   background: #ffffff;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #141414;
   padding: 0.5em;
   margin-bottom: 1em;
   width:200px; height: 33px; max-width: 90vw;
   outline: none;
   font-family: Arial, sans-serif;
   font-size: 13px;
   }
.bbwloginform-selectinput.emptyfield { border-color: #f03b23; }
.bbwloginform-selectinput:focus { color: #141414; border-color: #141414; }  
select optgroup{
    font-style:normal;
    font-weight:normal;
    }
.bbwloginform-button  { display: block; margin-top: 1.17em; border: 1px solid #8A8A8A; background: #ffffff; color: #141414; padding: 0.3em 0.9em 0.3em 0.9em; font-family: "Yanone Kaffeesatz", sans-serif; text-transform: uppercase; font-size: 1.15em; font-weight:lighter; text-decoration: none; vertical-align: middle; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; outline:none;}
.bbwloginform-button:hover  { border-color: #8A8A8A; background: #8A8A8A; color: #ffffff; cursor: pointer;}
.bbwloginform-button:focus { border-color: #8A8A8A; background: #8A8A8A; color: #ffffff; cursor: pointer; }
/*.bbwloginform-button:active { border-color: #f03b23; background: #f03b23; color: #ffffff;}*/
.bbwloginformskripttimer { position: static; top: 197px; padding: 0px; margin-top: 0; border: 0; text-align: right; display: block; white-space:nowrap; font-size: 0.85em; width: 504px; max-width: 90vw;}
.bbwloginformskripttimer.lower {top: 217px; margin-top: 0.3em;}
.bbwloginform-checkboxremover { 
/* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #f4f4f4;
  /* Not removed via appearance */
  margin: 0; margin-right: 0.2em;
  outline: none;
	}
.bbwloginform-checkboxremover::before { 
  width: 15px;
  height: 15px;
  border-radius: 0px;
  border: 1px solid #8A8A8A;
  background-color: #ffffff;
  background: #ffffff;
  color: #000000;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
  }
.bbwloginform-checkboxremover::after { 
  width: 15px;
  height: 15px;
  border-radius: 0px;
  border: 1px solid #ffffff;
  background-color: #000000;
  background: #000000;
  color: #000000;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  position: absolute;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  }
.bbwloginform-checkboxremover:checked::after { 
  transform: scale(0.6);
  transition: 120ms transform ease-in-out;
  }
.bbwloginform-checkboxremover.regularsize:checked::after { 
  transform: scale(0.65);
  }
.bbwloginform-checkboxremover:focus::before {
	border: 1px solid #141414;
}
.bbwloginform-checkboxlabel { 
	display: inline-flex; margin-bottom: 0.25em; margin-top: 0.5em; font-weight: normal; font-size: 0.8em; /*0.85 für reguläre schriftgröße, so wie labels, ggf. für Checkboxen in User-Settings relevant, ggf. auch scale(0.7) dann für den Haken */ line-height: 1.2em; cursor: pointer;
	}
.bbwloginform-checkboxlabel.regularsize { 
	font-size: 0.85em; line-height: 1.3em; margin-bottom: 0.75em; margin-right: 1.75em;
}
/* file upload button */
input[type="file"]::file-selector-button {
  border-radius: 0px;
  padding: 0 0 px;
  height: 20px;
  cursor: pointer;
  color: #141414 important!;
  background-color: white;
  border: 1px solid #8A8A8A;
  /*box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  margin-right: 16px;
  transition: background-color 200ms; */
}

/* file upload button hover state */
input[type="file"]::file-selector-button:hover {
  color: #ffffff;
  background-color: #8A8A8A;
}

/* file upload button active state */
input[type="file"]::file-selector-button:active {
  color: #ffffff;
  background-color: #8A8A8A;
}

.black-section .bbwloginform-textinput { border: 1px solid #ACACAC; background: #8A8A8A; color: #f4f4f4; }
.black-section .bbwloginform-textinput:focus { color: #f4f4f4; border: 1px solid #f4f4f4; }  
.black-section .bbwloginform-button  { border-color: #DEDEDE; background: #8A8A8A; color: #ffffff; }
.black-section .bbwloginform-button:hover { border-color: #8A8A8A; background: #ffffff; color: #141414; }
/*.black-section .bbwloginform-button:active { border-color: #f03b23; background: #f03b23; color: #ffffff;}*/
.black-section .bbwloginform-label { color: #f4f4f4; }

.bbwred { color: #f03b23; }
.bbwnv {display: none; }

.welcomepageicon { width: 1.3em; }
.welcomepagebold { font-weight: 600; }
.welcomepagebold2 { font-weight: 700; font-size: 1.3em; }
.welcomepagesmaller { font-size: 0.9em; }

.archivflapicon-left{ margin-left: 0.3em;}
.archivicon { margin-left: 0.6em;}
.archivicon_verylowmargin { margin-left: 0.1em;}
.archivnv {display: none; }
section .content article p.archivp-bottomno { margin-bottom: 0; }
section .content article p.archivp-topno { margin-top: 0; padding-top: 0; }


.sablauf_submenu  { margin: 0 auto; z-index: 0; height: 200px; overflow: hidden; position: relative; text-align: left; display: block; background-color: #C0C0C0; }
@media print { .sablauf_subemnu { display: none; } }

.submenu-table  th, td { border-bottom: 0; }
table.submenu-table { padding: 0; margin: 0; table-layout: fixed; border-collapse: collapse; border: 0px solid #000000; width: 100%; min-width: 500px; font-size: 1.0em; }
table.submenu-table td.submenu-left { vertical-align: middle; min-width: 630px; text-align: left; padding: 0; }
table.submenu-table td.submenu-right { vertical-align: middle; min-width: 330px; text-align: right; padding: 0; /* padding-right: 3px; */ }

.submenu_link { display: inline-block; color: #141414; font-family: "Yanone Kaffeesatz", sans-serif; font-weight: lighter; text-transform: uppercase; padding-left: 0.8em; font-size: 1.2em; padding-bottom: 12px; padding-top: 15px; }
.submenu_link.aktiviert { color: #f03b23; }
.submenu_link:first-child { padding-left: 0.0em; }

.submenu_dropdown-container {
	display: inline;
	position: relative;
	padding-left: 0.8em;
	overflow: visible;
}
.submenu_dropdown-content {
	display: none;
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border-top-color: #f03b23;
	min-width: 170px;
	box-shadow: 0 3px 6px #ccc;
	z-index: 300;
	overflow: visible;
	top: 30px;
	/*right: 0px; /*damit wird es rechtsbündig, wenn es left wäre, müsste 0.8em wg. Position bündig mit Textbeginn, dann ragt es jedoch ggf. teilweise aus dem Bildschirm heraus, wenn Parent-Link zu weit rechts positioniert ist. */
}
.drpdwnright { right: 0px; }
.drpdwnleft { left: 0.8em; }

.drpdwnright::before {
	/*border-width: 70px;
    border-style: solid;
    height: 10px;
    width: 10px;
    border-color: blue green yellow purple;
    top: 10px;
    position: absolute;*/

	position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: ' ';
  border-bottom: 0.3em solid #f03b23;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
	box-sizing: inherit;
	right: 7px;
	top: -9.5px;
	/*transform: translate(-7px, -9px);*/
	}
	
.drpdwnright::after {
	/*top: -5px;
	left: 10px;
	border-top: 0;
	box-sizing: inherit; */
	position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: ' ';
  border-bottom: 0.3em solid #ffffff;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
	box-sizing: inherit;
	right: 7px;
	top: -8.5px;
	
	}
	
.drpdwnleft::before {
	/*border-width: 70px;
    border-style: solid;
    height: 10px;
    width: 10px;
    border-color: blue green yellow purple;
    top: 10px;
    position: absolute;*/

	position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: ' ';
  border-bottom: 0.3em solid #f03b23;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
	box-sizing: inherit;
	left: 7px;
	top: -9.5px;
	/*transform: translate(-7px, -9px);*/
	}
	
.drpdwnleft::after {
	/*top: -5px;
	left: 10px;
	border-top: 0;
	box-sizing: inherit; */
	position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: ' ';
  border-bottom: 0.3em solid #ffffff;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
	box-sizing: inherit;
	left: 7px;
	top: -8.5px;
	
	}
	
@media screen and (min-width: 630px) {
	.submenu_dropdown-container:hover .submenu_dropdown-content {
	  display: inline-block;
	}
	.submenu_dropdown-container:focus .submenu_dropdown-content {
	  display: inline-block;
	}
}

.submenu_dropdown-show {
  display: inline-block;
}

.submenu_dropdown-content a {
	float: none;
	display: block;
	text-align: left;
	padding-top: 10px;
	padding-left: 0.8em;
	padding-right: 0.8em;
	color: #141414; font-family: "Yanone Kaffeesatz", sans-serif; font-weight: lighter; /*text-transform: uppercase;*/
	font-size: 1.0em;
  }
.submenu_dropdown-content a:first-child {
	padding-top: 12px;
}
.submenu_dropdown-content a:last-child {
	padding-bottom: 10px;
}
.submenu_dropdown-content a:hover {
	color: #f03b23;
}
.submenu_dropdown-content a:hover .fa {
	color: #f03b23;
}
.submenu_dropdown-content a:focus {
	color: #f03b23;
}
.submenu_dropdown-content a:focus .fa {
	color: #f03b23;
}

.submenu_dropdown-content .subheading {
	float: none;
	display: block;
	text-align: left;
	margin-top: 9px;
	padding-top: 9px;
	padding-left: 0.8em;
	padding-right: 0.8em;
	color: #a8a8a8;
	font-family: "Open Sans", sans-serif; font-weight: 600; text-transform: uppercase;
	font-size: 0.6em;
	border-top: 1px solid #f03b23;
	cursor: default;
  }

.submenu_dropdown-content .fa {
	color: #8d8d8d;
	margin-right: 2px;
}

.bbwsamform-elementcontainer { display: inline-block; padding-right: 0.5em; }
.bbwsamform-form {}
.bbwsamform-menulabel { display: block; margin-bottom: 0.25em; font-weight: 600; font-size: 0.6em; }
.bbwsamform-textinput {  display: block; border: 1px solid #8A8A8A;
   background: #ffffff;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #141414;
   padding: 0.5em;
   margin-bottom: 1em;
   width:200px; -webkit-appearance: none; max-width: 90vw;
   outline: none;
   height: 25px;
   font-family: Arial, sans-serif;
   font-size: 12px;
   }
.bbwsamform-textinput:focus { color: #141414; border-color: #141414; }  
.bbwsamform-selectinput {  
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   display: block;
   border: 1px solid #8A8A8A;
   background: #ffffff;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #141414;
   padding: 0.5em;
   margin-bottom: 1em;
   width:200px; -webkit-appearance: none; max-width: 90vw;
   outline: none;
   height: 25px;
   font-family: Arial, sans-serif;
   font-size: 12px;}
.bbwsamform-selectinput.submenu { padding: 0.2em; margin-bottom: 0.3em;} 
 select::-ms-expand { display: none; }
.bbwsamform-selectinput:focus { color: #141414; border-color: #141414; }  
.bbwsamform-button  { display: block; margin-top: 1.17em; border: 1px solid #8A8A8A; background: #ffffff; color: #141414; padding: 0.3em 0.9em 0.3em 0.9em; font-family: "Yanone Kaffeesatz", sans-serif; text-transform: uppercase; font-size: 1.15em; font-weight:lighter; text-decoration: none; vertical-align: middle; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; outline:none;}
.bbwsamform-button:hover  { border-color: #8A8A8A; background: #8A8A8A; color: #ffffff; cursor: pointer;}
.bbwsamform-button:focus { border-color: #8A8A8A; background: #8A8A8A; color: #ffffff; cursor: pointer; }
/*.bbwloginform-button:active { border-color: #f03b23; background: #f03b23; color: #ffffff;}*/

@media screen and (max-width: 973px) {
	table.submenu-table { min-width: 515px; font-size: 1.0em; }
	table.submenu-table td.submenu-left  { width: auto; padding-left: 0.5em; }
	table.submenu-table td.submenu-right { width: auto;  /*min-width: 170px;*/ }
	.bbwsamform-selectinput.submenu { width: 150px; }
	}
@media screen and (max-width: 640px) { 
	table.submenu-table { min-width: 210px; font-size: 1.1em; }
	table.submenu-table td.submenu-left { display: block; text-align: left; min-width: auto; padding-left: 0.3em;  }
	table.submenu-table td.submenu-right { display: block; width: auto; text-align: left; min-width: auto; padding-top: 0.6em; padding-left: 0.3em; }
	.submenu_link {padding-bottom: 0; padding-top: 0; }
	}

.sablauf th, td { border-bottom: 0; }

table.sablauf  { table-layout: fixed; border-collapse: collapse; width: 100%; min-width: 900px; font-size: 0.8em; color: #141414; text-align: left; page-break-inside:auto; page-break-before: auto;}
table.sablauf th  { border-top: 0.1em solid #000000; border-left: 0.1em solid #000000; border-right: 0.1em solid #000000; border-bottom: 0.1em solid #000000; padding: 0.1em 0.4em 0.4em 0.4em; vertical-align: top; text-align: left; background-color: #C0C0C0; font-weight: 700;}
table.sablauf td { border-top: 0.1em solid #9E9E9E; border-left: 0.1em solid #000000; border-right: 0.1em solid #000000; padding: 0.4em 0.4em 0.4em 0.4em; vertical-align: top; word-break:break-word; word-wrap:break-word; }
table.sablauf td.rechtsbuend { text-align:right; }
table.sablauf tr { page-break-inside:avoid; page-break-after:auto; }
table.sablauf tr:last-child  td { border-bottom: 0.1em solid #000000;}

table.bbwibsdata  { table-layout: fixed; border-collapse: collapse; min-width: 500px; font-size: 0.8em; color: #141414; text-align: left; page-break-inside:auto; page-break-before: auto;}
table.bbwibsdata th  { border-top: 0.2em solid #000000; border-left: 0; border-right: 0; border-bottom: 0.2em solid #000000; padding: 0.4em 0.4em 0.4em 0.0em; vertical-align: top; text-align: left; background-color: #ffffff; font-weight: 700;}
table.bbwibsdata th:last-child { padding-right: 0em; }
table.bbwibsdata td { border-top: 0.1em solid #9E9E9E; border-left: 0; border-right: 0; padding: 0.4em 0.4em 0.4em 0.0em; vertical-align: top; word-break:break-word; word-wrap:break-word; }
table.bbwibsdata td:last-child { padding-right: 0em; }
table.bbwibsdata .rechtsbuend { text-align: right; }
table.bbwibsdata .greytext { color: #9E9E9E; }
table.bbwibsdata .topborderbold { border-top: 0.2em solid #000000; }
table.bbwibsdata tr { page-break-inside:avoid; page-break-after:auto; }
table.bbwibsdata tr:hover { background: none; background-color: #E4E4E4;}
table.bbwibsdata .nohover:hover { background: none; background-color: #ffffff;}
table.bbwibsdata tr:last-child  td { border-bottom: 0.2em solid #000000;}

table.sablauf th.pos { width: 45px; }
table.sablauf th.typ { width: 62px; }
table.sablauf th.status { width: 17px; }
table.sablauf th.haltstat { width: 18px; }
table.sablauf th.titel { width: auto; }
table.sablauf th.inserts { width: 160px; }
table.sablauf th.studiotft { width: 145px; }
table.sablauf th.techquelle { width: 70px; }
table.sablauf th.gepllaenge{ width: 63px; }
table.sablauf th.zeiten { width: 70px; text-align: right;}
table.sablauf th.zeiten_linksbuendig { width: 70px; }

table.sablauf th.id { width: 45px; }
table.sablauf th.aktivvertraege { width: 170px; }
table.sablauf th.lizenzmodelldetails { width: auto; }
table.sablauf th.waehlbarkeit { width: 250px; }
table.sablauf th.aktionen { width: 150px; }
table.sablauf th.vertragstatus { width: 18px; }
table.sablauf th.vertragspartner { width: auto; }
table.sablauf th.vertragsdatenzeiten { width: 176px; }
table.sablauf th.vertragsuser { width: 180px; }
table.sablauf th.vertragsaenderungen { width: 160px; }

table.sablauf th.bbwibs_datum { width: 80px; }
table.sablauf th.bbwibs_renr { width: 115px; }
table.sablauf th.bbwibs_status { width: 22px; }
table.sablauf th.bbwibs_zahlungserinnerungen { width: 95px; }
table.sablauf th.bbwibs_autobreite { width: auto; }
table.sablauf th.bbwibs_betrag { width: 75px; }
table.sablauf th.bbwibs_ustsatz { width: 50px; }
table.sablauf th.bbwibs_ustfeld { width: 130px; }
table.sablauf th.bbwibs_eurcksa { width: 40px; }
table.sablauf th.bbwibs_aktionen { width: 84px; } /* 105px */

.smallertabletext { font-size: 0.9em; }
.smallertabletextinline { font-size: 0.8em; }

.sablauf_skriptauszug { color: #404040; margin-left: 0.1em; margin-right: 0.1em; margin-bottom: 0.5em; padding-top: 0.3em; padding-bottom: 0.3em; border-top: 0.1em dotted #606060; border-bottom: 0.1em dotted #606060;}
.sablauf_boldertext { font-weight: 600; color: #606060; font-size: 0.9em; }
.sablauf_individualnotiz { color: #404040; background-color: rgba(255,228,178,0.6); margin-top: 1.0em; margin-left: 0.1em; margin-right: 0.1em; margin-bottom: 0.0em; padding-top: 0.3em; padding-bottom: 0.4em; padding-left: 0.5em; padding-right: 0.5em; border: 0.1em solid #FFE4B2; }
.sablauf_individualnotiz_einzelabsatz { padding-bottom: 0.1em; }
.sablauf_individualnotiz_einzelabsatz strong { font-weight: 600; }
.sablauf_individualnotiz_headlineplatzhalter { height: 0.4em; }
.sablauf_individualnotiz_absatzplatzhalter { height: 0.4em; }

.skriptoutput {  }
.skriptoutput_einzelabsatz { /* padding-bottom: 0.3em;*/ }
.skriptoutput_einzelabsatz strong { font-weight: 600; }
.skriptoutput_abstandsplatzhalter { height: 0.6em; }

.skripthervorhebung { background-color: #888888; color: #FFFFFF; }
.skriptkommentar { color: #888888; }

.zielzeitbox { font-size: 1.0em; border: 0.1em solid #606060; display: inline-block; margin-top: 0.3em; width: 90% }
.zielzeitbox_kuerzel { color: #ffffff; background-color: #606060; font-weight: 600; padding-left: 0.2em; padding-right: 0.2em; display: inline-block; width: 100%;}
.zielzeitbox_zeit { padding-left: 0.2em; padding-right: 0.2em; display: inline-block; }

.linkbox { font-size: 0.9em; border: 0.1em solid #606060; color: #606060; display: inline-block; margin-top: 0.8em; width: auto; margin-right: 0.5em; margin-bottom: 0.2em; }
.linkbox:hover { background-color: #606060; color: #ffffff; }
.linkbox_link { text-decoration: none; color: #606060; /*#8a8a8a;*/ }
.linkbox_link:hover { text-decoration: none; color: #ffffff; }
.linkbox_lefticon { color: #ffffff; background-color: #606060; font-weight: 400; padding-left: 0.2em; padding-right: 0.3em; display: inline-block; width: auto; font-size: 1.0em; border-right: 0.1em solid #ffffff; }
.linkbox_rechtslink { font-size: 1.0em; padding-left: 0.3em; padding-right: 0.3em; display: inline-block; width: auto; }

.automation_ablauficon { position: relative; background-color: #606060; color: #ffffff; padding: 0em 0.3em 0em 0.3em; margin-top: 0.3em; width: fit-content; }

table.sablauf td.erstzeile { padding-top: 1.6em; padding-bottom: 1.6em; padding-left: 1.1em; }

@media print {
.nonprint { display: none; }
}

@media screen {
.printonly { display: none; }
}

.status_g_geplantoderinarbeit { background-color: #9D1200; color: #FFFFFF; }
.status_f_fertigbereitzurabnahme { background-color: #FF8B00; color: #FFFFFF; }
.status_a_abgenommen { background-color: #1F520E; color: #FFFFFF; }
.status_s_abgenommensendefertig { background-color: #74B524; color: #FFFFFF; }

.standardelement { background: none; background-color: #FFFFFF; color: #000000; }
.trenner {background: none; background-color: #000000; color: #FFFFFF; }
.maz {background: none; background-color: #E4E4E4;}
.schalteoffmaz {background: repeating-linear-gradient(
  -55deg,
  #E4E4E4,
  #E4E4E4 50px,
  #FFF 25px,
  #FFF 75px);}
.ablaufnotiz {background: none; background-color: #F7F7F7; } /* Vormals: #BEE4FF */

.sablauftablerow_dragdrop_selected { display: table-row; visibility: visible; /*opacity: 0.6; -> Wird über JS direkt gemacht, daher hier obsolet */ }
.sablauftablerow_dragdrop_placeholder { background-image: radial-gradient(circle at 2px 2px, #7E7E7E 2px, transparent 0);
  background-size: 5px 5px;}
.sablauftablerow_dragdrop_handle { cursor: grab; }
  
.normalzeile_lizenzmodellverwaltung {background: none; background-color: #FFFFFF;}
.normalzeile_lizenzmodellverwaltung:hover {background: none; background-color: #E4E4E4;}
.normalzeile_vertragsverwaltung {background: none; background-color: #FFFFFF;}
.normalzeile_vertragsverwaltung:hover {background: none; background-color: #E4E4E4;}

.normalzeile_vertragsverwaltung.addon td { border-top: 0.1em dotted #606060; }
.normalzeile_vertragsverwaltung.addon:hover { background: none; background-color: #FFFFFF; }
  
.hold {background: none; background-color: #FF8A88; color: #141414;} /* Vormals: #FF5C59 */
@media screen { .aktiv {background: none; background-color: #FFE165; color: #141414;} }

.tabcontrols { position: relative; top: 5px; background-color: #C0C0C0; opacity: 0.85; padding: 7px; border: 0.1em dotted #000000; text-align: center; display: none; white-space:nowrap;}
.tabcontrols a { color: #000000; }
.tabcontrols a:hover { color: #f03b23; }
.tabcontrols i { width: 25px; }

@media screen and (max-width: 973px) { 
table.sablauf  { min-width: 515px; font-size: 0.6em; }
table.sablauf th.pos { width: 37px; }
table.sablauf th.typ { width: 45px; }
table.sablauf th.status { width: 13px; }
table.sablauf th.haltstat { width: 15px; }
table.sablauf th.titel { width: auto; }
table.sablauf th.inserts { width: 100px; }
table.sablauf th.studiotft { width: 95px; }
table.sablauf th.techquelle { width: 48px; }
table.sablauf th.gepllaenge{ width: 50px; }
table.sablauf th.zeiten { width: 54px; }

table.sablauf th.id { width: 35px; }
table.sablauf th.aktivvertraege { width: 130px; }
table.sablauf th.lizenzmodelldetails { width: auto; }
table.sablauf th.waehlbarkeit { width: 190px; }
table.sablauf th.aktionen { width: 120px; }
table.sablauf th.vertragstatus { width: 15px; }
table.sablauf th.vertragspartner { width: auto; }
table.sablauf th.vertragsdatenzeiten { width: 120px; }
table.sablauf th.vertragsuser { width: 100px; }
table.sablauf th.vertragsaenderungen { width: 108px; }

table.sablauf th.bbwibs_datum { width: 65px; }
table.sablauf th.bbwibs_renr { width: 95px; }
table.sablauf th.bbwibs_status { width: 18px; }
table.sablauf th.bbwibs_zahlungserinnerungen { width: 80px; }
table.sablauf th.bbwibs_autobreite { width: 150px; }
table.sablauf th.bbwibs_betrag { width: 65px; }
table.sablauf th.bbwibs_ustsatz { width: 35px; }
table.sablauf th.bbwibs_ustfeld { width: 95px; }
table.sablauf th.bbwibs_eurcksa { width: 28px; }
table.sablauf th.bbwibs_aktionen { width: 60px; } /*80px*/
}

@media screen and (max-width: 640px) { 
table.sablauf  { min-width: 515px; font-size: 0.6em; }
table.sablauf th.pos { width: 32px; }
table.sablauf th.typ { width: 37px; }
table.sablauf th.status { width: 12px; }
table.sablauf th.haltstat { width: 13px; }
table.sablauf th.titel { width: auto; }
table.sablauf th.inserts { width: 85px; }
table.sablauf th.studiotft { width: 75px; }
table.sablauf th.techquelle { width: 36px; }
table.sablauf th.gepllaenge{ width: 42px; }
table.sablauf th.zeiten { width: 47px; }

table.sablauf th.id { width: 30px; }
table.sablauf th.aktivvertraege { width: 115px; }
table.sablauf th.lizenzmodelldetails { width: auto; }
table.sablauf th.waehlbarkeit { width: 155px; }
table.sablauf th.aktionen { width: 100px; }
table.sablauf th.vertragstatus { width: 13px; }
table.sablauf th.vertragspartner { width: auto; }
table.sablauf th.vertragsdatenzeiten { width: 85px; }
table.sablauf th.vertragsuser { width: 85px; }
table.sablauf th.vertragsaenderungen { width: 95px; }

table.sablauf th.bbwibs_datum { width: 55px; }
table.sablauf th.bbwibs_renr { width: 80px; }
table.sablauf th.bbwibs_status { width: 15px; }
table.sablauf th.bbwibs_zahlungserinnerungen { width: 70px; }
table.sablauf th.bbwibs_autobreite { width: 120px;  }
table.sablauf th.bbwibs_betrag { width: 50px; }
table.sablauf th.bbwibs_ustsatz { width: 25px; }
table.sablauf th.bbwibs_ustfeld { width: 85px; }
table.sablauf th.bbwibs_eurcksa { width: 27px; }
table.sablauf th.bbwibs_aktionen { width: 45px; } /*50px*/
}

@media print {
.tabcontrols { display: none; opacity: 0; }
table.sablauf thead { display: table-header-group; }
}

@media print and (max-width: 973px) { 
table.sablauf  { min-width: 515px; font-size: 0.6em; }
table.sablauf th.pos { width: 37px; }
table.sablauf th.typ { width: 45px; }
table.sablauf th.status { width: 13px; }
table.sablauf th.haltstat { width: 15px; }
table.sablauf th.titel { width: auto; }
table.sablauf th.inserts { width: 100px; }
table.sablauf th.studiotft { width: 95px; }
table.sablauf th.techquelle { width: 48px; }
table.sablauf th.gepllaenge{ width: 50px; }
table.sablauf th.zeiten { width: 54px; }

table.sablauf th.id { width: 35px; }
table.sablauf th.aktivvertraege { width: 130px; }
table.sablauf th.lizenzmodelldetails { width: auto; }
table.sablauf th.waehlbarkeit { width: 190px; }
table.sablauf th.aktionen { width: 120px; }
table.sablauf th.vertragstatus { width: 15px; }
table.sablauf th.vertragspartner { width: auto; }
table.sablauf th.vertragsdatenzeiten { width: 120px; }
table.sablauf th.vertragsuser { width: 100px; }
table.sablauf th.vertragsaenderungen { width: 108px; }

table.sablauf th.bbwibs_datum { width: 65px; }
table.sablauf th.bbwibs_renr { width: 95px; }
table.sablauf th.bbwibs_status { width: 18px; }
table.sablauf th.bbwibs_zahlungserinnerungen { width: 80px; }
table.sablauf th.bbwibs_autobreite { width: 150px; }
table.sablauf th.bbwibs_betrag { width: 65px; }
table.sablauf th.bbwibs_ustsatz { width: 35px; }
table.sablauf th.bbwibs_ustfeld { width: 95px; }
table.sablauf th.bbwibs_eurcksa { width: 28px; }
table.sablauf th.bbwibs_aktionen { width: 60px; } /*80px*/
}


table.logindownloadtbl  { table-layout: fixed; overflow: hidden; margin-bottom: 3.75em; margin-top: 2.2em;}
table.logindownloadtbl td { }
table.logindownloadtbl tr { border-top: 0;}
table.logindownloadtbl tr:hover{ cursor: pointer; color: #f03b23;}
table.logindownloadtbl tr:first-child { color: #f4f4f4; background-color: #9E9E9E; font-weight: 700; text-transform: uppercase; border-bottom: 0; }
table.logindownloadtbl tr:first-child :hover{ cursor: default; color: #f4f4f4; }
.black-section  table.logindownloadtbl  { color: #9E9E9E; }


.selementinfo  th, td { border-bottom: 0; }

table.selementinfo { table-layout: fixed; border-collapse: collapse; border: 0px solid #000000; width: 100%; font-size: 0.9em; text-align: left; page-break-inside: auto; min-width: 500px; margin-bottom: 0.8em; }
table.selementinfo tr { page-break-inside:avoid; page-break-after:auto; page-break-before: auto;}
table.selementinfo td { padding: 0; vertical-align: top;  }
table.selementinfo td.selementinfo_linksblock  { width: 50%; padding-right: 25px; vertical-align: top; }
table.selementinfo td.selementinfo_rechtsblock  { width: 50%; vertical-align: top; }


.stitel  th, td { border-bottom: 0; }

table.stitel { table-layout: fixed; border-collapse: collapse; border: 0px solid #000000; width: 100%; font-size: 0.9em; text-align: left; page-break-inside: auto; min-width: 500px; margin-bottom: 0.8em;  }
table.stitel tr { page-break-inside:avoid; page-break-after:auto; page-break-before: auto; }
table.stitel td { padding: 0; vertical-align: top; }
table.stitel td.stitel_linksblock  { width: auto; padding-right: 25px; vertical-align: bottom; }
table.stitel td.stitel_rechtsblock  { width: 163px; vertical-align: bottom; }

.stitel_name { font-size: 1.2em; font-weight: 700; display: inline-block; padding-right: 1em; }
.stitel_prodnr { font-size: 0.9em; display: inline-block; padding-bottom: 0.2em; }
.stitel_sendezeit { padding-bottom: 0.0em;}
.stitel_sendezeit + .stitel_crew { padding-top: 0.5em }
.stitel_sendezeit + .stitel_notes { padding-top: 0.5em }
.stitel_sendezeit + .stitel_zielzeiten { padding-top: 0.5em }
.stitel_crewhead { font-weight: 600; padding-right: 0.5em; }
.stitel_crew  { padding-bottom: 0.0em; font-size: 0.9em;  }
.stitel_crew + .stitel_notes { padding-top: 0.3em; }
.stitel_noteshead { font-weight: 600; padding-right: 0.5em; }
.stitel_notes  { font-size: 0.9em; }
.stitel_zielzeitenhead { font-weight: 600; padding-right: 0.5em; }
.stitel_zielzeiten { padding-bottom: 0.0em; font-size: 0.9em; }
.stitel_crew + .stitel_zielzeiten { padding-top: 0.3em; }
.stitel_notes + .stitel_zielzeiten { padding-top: 0.3em; }

table.stitel_icons { table-layout: fixed; border-collapse: collapse; width: 100%; font-size: 0.9em; color: #141414; text-align: left; page-break-inside:avoid; border: 0; overflow: hidden; cursor: default;}
table.stitel_icons tr { page-break-inside:avoid; page-break-after:auto; }
table.stitel_icons  td { padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; vertical-align: middle;}
table.stitel_icons td.tablinks { width: 1.4em; font-size: 1.2em; vertical-align: top; }
table.stitel_icons td.tabrechts { width: auto; font-size: 0.9em; }

table.stitel_planzeiten { table-layout: fixed; border-collapse: collapse; width: 100%; font-size: 0.9em; color: #141414; text-align: left; page-break-inside:avoid; margin-top: 0.5em; border: 0.1em solid #C0C0C0; overflow: hidden; }
table.stitel_planzeiten tr { page-break-inside:avoid; page-break-after:auto; }
table.stitel_planzeiten tr:first-child { background-color: #C0C0C0; font-weight: 600; height: 1.7em; }
table.stitel_planzeiten  td { padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; vertical-align: middle;}
table.stitel_planzeiten td.tablinks { width: 48%; }
table.stitel_planzeiten td.tabrechts { width: auto; text-align: right; }

.planzeitbold { font-weight: 700; }

#planungsbox_freischwebend {
    font-size: 0.9em;
	z-index: 150;
    top: 0;
    right: 0;
	width: 163px;
	padding: 0;
	position: -webkit-sticky; position: sticky;
	margin-left: auto;
	height: 0px;
	overflow: visible;
	display: none;
}

#planzeitenbox_stick {
	background: #ffffff;
}

@media print {
	#planungsbox_freischwebend { display: none; }
}

@media screen and (max-width: 973px) {
	table.stitel { min-width: 515px; font-size: 0.8em; }
	table.stitel td.stitel_rechtsblock  { width: 153px; }
	#planungsbox_freischwebend { width: 153px; font-size: 0.8em; }
	table.stitel_planzeiten td.tablinks { width: 45%; }
	}
@media screen and (max-width: 640px) { 
	table.stitel { min-width: 210px; font-size: 0.8em; }
	table.stitel td.stitel_linksblock  { display: block; }
	table.stitel td.stitel_rechtsblock  { display: block; width: 127px; }
	#planungsbox_freischwebend { width: 127px; font-size: 0.8em; margin-left: 0; }
	table.stitel_icons { margin-top: 0.5em; }
	table.stitel_planzeiten  td { padding-left: 2px; padding-left: 2px; }
	table.stitel_planzeiten td.tablinks { width: 46%; }
	}
@media print {
	table.stitel_icons { display: none; }
}
@media print and (max-width: 973px) { 
	table.stitel { min-width: 515px; font-size: 0.8em; }
	}

	
table.popupkopf-table { padding: 0; margin: 0; table-layout: fixed; border-collapse: collapse; border: 0px solid #000000; font-size: 0.8em; }
table.popupkopf-table td { padding: 0; }

	
.onairtimercontainer { background-color: #000000; height: auto; margin-bottom: 0.7em; position: -webkit-sticky; position: sticky; top: 0px; width: 100%; font-size: 1.0em; text-align: center; z-index: 200; }
.onairtimercontainer-popup { background-color: #202022; height: auto; margin-bottom: 0.0em; top: 0px; width: 100%; font-size: 1.0em; text-align: center; z-index: 200; }
.onairtimercontainer-menu { padding: 1.3em; color: #FFFFFF; font-size: 0.9em; text-align: left; }
.timewidgets-popupenlarge { font-size: 1.8em; }
.onairtimer { width: 200px; display: inline-block; border: 0.1em solid #FFFFFF; margin-top: 1.1em; margin-left: 0.4em; margin-right: 0.0em; margin-bottom: 0.0em; margin-right: 0.4em; cursor: default;}
.onairtimer:first-child { margin-left: 0.8em; }
.onairtimer:last-child { margin-bottom: 1.1em; margin-right: 1.1em; }
.onairtimer.popupmod { width: 13em; z-index: 230;}
.onairtimer.popupmod:first-child {margin-left: 0em; margin-top: 0.5em; }
.onairtimer.popupmod:last-child {margin-right: 0em; }
.onairtimer.popupmod .timerzeit { background-color: #202022; }
.timerheading  { height: 20px; background-color: white; color: #000000; padding-left: 0.2em; padding-right: 0.2em; padding-top: 0.1em; padding-bottom: 0.1em; font-size: 0.8em; font-weight: 600; text-align: left; vertical-align: middle;}
.timerheading.popupmod { height: 1.7em; }
.timerzeit { font-family:'Conv_DIGITALDREAMFATNARROW', monospace; font-size: 1.8em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.3em; padding-right: 0.3em; text-align: left; font-weight: bold; line-height: 1em; background-color: #000000; }
.timerzeit.red { color: #FF2700; }
.timerzeit.green { color: #00FF55; }
.timerzeit.white { color: #FFFFFF; }
.timerbunt_red { color: #FF2700; }
.timerbunt_green { color: #00FF55; }
.timerbunt_yellow { color: #FFCF0F; }


.onairtimerconttrigger { width: 100%; text-align: center; }
.timertrigger { background-color: #8A8A8A; color: #FFFFFF; font-size: 0.8em; border: 0.1em solid #DEDEDE; padding-top: 0.0em; padding-bottom: 0.2em; padding-left: 0.9em; padding-right: 0.9em; text-align: left; display: inline-block; margin-top: 0em; margin-bottom: 1.1em; margin-left: 0.5em; margin-right: 0.5em; font-weight: 300; text-transform: uppercase; cursor: pointer;}
.timertrigger:hover { border: 0.1em solid #8A8A8A; background-color: #FFFFFF; color: #141414; }
.timertrigger:focus { border: 0.1em solid #8A8A8A; background-color: #FFFFFF; color: #141414; }
.timertrigger.bold { font-weight: 700; }
.timertrigger.autoaktiv { border: 0.1em solid #8A8A8A; background-color: #FFFFFF; color: #141414; }
.timertrigger.autoaktiv:hover { border: 0.1em solid #DEDEDE; background-color: #8A8A8A; color: #FFFFFF; }
.timertrigger.autoaktiv:focus { border: 0.1em solid #DEDEDE; background-color: #8A8A8A; color: #FFFFFF; }
.breiticon { width: 1.4em; }

@media screen and (max-width: 973px) {
.onairtimercontainer { position: static; font-size: 0.8em; }
.onairtimercontainer-popup { font-size: 0.8em; }
.onairtimer { width: 158px; }
.onairtimer:last-child { margin-right: 0.0em; }
.onairtimer.popupmod {width: 13em;}
.timerheading.popupmod { height: 1.7em; }
.timertrigger { font-size: 1.1em; }
}
@media screen and (max-width: 640px) { 
.onairtimercontainer { position: static; }
.onairtimercontainer-popup { font-size: 0.7em; }
.onairtimer { width: 138px; }
.onairtimer:last-child { margin-right: 0.0em; }
.onairtimer.popupmod {width: 13em;}
.timerheading.popupmod { height: 1.7em; }
.timertrigger { font-size: 1.2em; }
}
@media print {
	.onairtimercontainer { display: none; }
}

.popupblackmenu-container {
	background-color: #000000; height: auto; margin-bottom: 0.0em; top: 0px; width: 100%; font-size: 1.0em; text-align: center; z-index: 200; position: relative;
}
.popupblackmenu-menu {
	padding-top: 1.3em; padding-bottom: 1.3em; width: 95%; margin-left: auto; margin-right: auto; color: #FFFFFF; font-size: 0.9em; text-align: left;
	z-index: 250;
}
.popupblackmenu-menu a { font-weight: 600; }

.popupcontent-container {
	padding-top: 1.3em; padding-bottom: 1.3em; width: 95%; margin-left: auto; margin-right: auto; text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(100vh - 11em);
}
.popupcontent-content {
	z-index: 10;
	overflow: hidden;
	width: 80vw;
}


.stagetimer_countuhr {
	color: #ffffff;
	font-size: 7.5em;
	font-family: "Open Sans", sans-serif; font-weight: 600;
	text-shadow: 2px 2px 8px #000000;
	z-index: 10;
}
.stagetimer_textzeile {
	color: #9c9c9c;
	font-size: 1.1em;
	font-family: "Open Sans", sans-serif; font-weight: 600;
	text-shadow: 2px 2px 8px #000000;
}
.stagetimer_balken {
	border: 0.1em solid #9c9c9c;
	width: 80vw;
	height: 1.8em;
	background-color: #000000;
	box-shadow: 2px 2px 8px #000;
	padding: 4px;
	margin-top: 2em;
}

.stagetimer_balkeninnen_red { background-color: #FF2700; height: 100%; float: left; }
.stagetimer_balkeninnen_green { background-color: #00FF55; height: 100%; float: left; }
.stagetimer_balkeninnen_yellow { background-color: #FFCF0F; height: 100%; float: left; }

.pulsieren {
    animation-name: animation_pulsieren;
    animation-timing-function: ease-in;
    animation-duration: 1s; 
    animation-iteration-count: infinite;            
}
@keyframes animation_pulsieren {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }    
}

.stagetimer_nextzeile {
	color: #9c9c9c;
	font-size: 1.1em;
	font-family: "Open Sans", sans-serif; font-weight: 600;
	text-shadow: 2px 2px 8px #000000;
	margin-top: 2em;
	margin-bottom: -2em;
}
.stagetimer_nextzeile_whitebigger {
	font-size: 1.0em;
	color: #ffffff;
}

.stagetimer_realuhrzeit {
	color: #ffffff;
	font-size: 6.0em;
	font-family: "Open Sans", sans-serif; font-weight: 300;
	text-shadow: 2px 2px 8px #000000;
	margin-top: 0.6em;
}
.stagetimer_realuhrzeit_label {
	color: #9c9c9c;
	font-size: 1.1em;
	font-family: "Open Sans", sans-serif; font-weight: 600;
	text-shadow: 2px 2px 8px #000000;
}

@media screen and (max-width: 973px) {
	.popupblackmenu-container { font-size: 0.9em; }
	.popupcontent-container { height: fit-content; }
	.popupcontent-content { font-size: 0.8em; }
	.stagetimer_balken { height: 1.6em; padding: 3px; }
}
@media screen and (max-width: 640px) {
	.popupblackmenu-container { font-size: 0.8em; }
	.popupcontent-container { height: fit-content; }
	.popupcontent-content { font-size: 0.5em; }
	.stagetimer_balken { height: 1.3em; padding: 2px; }
}
@media screen and (min-width: 1500px) {
	.popupcontent-content { font-size: 1.2em; }
	.stagetimer_balken { height: 2.0em; padding: 5px; }
}

/*jQuery UI Helper
------------------------------*
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}