/* CSS Document mp */
@media print {
.HeadColor {display:none!important;}
.CAQNavHead-outer {display:none!important;}
#Content-Head-BG {display:none!important;}
.ContentTabs-outer {display:none!important;}
}

* {margin:0;padding:0;-webkit-text-size-adjust:none;box-sizing:content-box;
	/*Debughilfe*/ 	/* border:1px solid #0F0!important;*/
	}
/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com
*/

@font-face {font-family:"Goldplay";font-style:normal;font-weight:200;font-display:swap;src:url("/styles/fonts/5855360/8e948948-c382-4083-a1d5-6eade41f293f.woff2") format("woff2"),url("Fonts/5855360/6ec9000c-591d-486a-8e80-b1cea3866374.woff") format("woff");}
@font-face {font-family:"Goldplay";font-style:normal;font-weight:400;font-display:swap;src:url("/styles/fonts/5855368/fc14428e-51f7-4b95-90a8-0c701402da05.woff2") format("woff2"),url("Fonts/5855368/5278954f-5fbf-433d-96f6-6b539c47691b.woff") format("woff");}
@font-face {font-family:"Goldplay";font-style:italic;font-weight:400;font-display:swap;src:url("/styles/fonts/5855372/ae851dea-92d7-4836-9057-e17555e722e2.woff2") format("woff2"),url("Fonts/5855372/ee4d6cb0-1c22-427f-ab1f-d390576776bc.woff") format("woff");}
@font-face {font-family:"Goldplay";font-style:normal;font-weight:500;font-display:swap;src:url("/styles/fonts/5855384/5a26ce91-5a4b-4a05-ad4d-99fce46ab558.woff2") format("woff2"),url("Fonts/5855384/4c00c89f-44ed-476e-9e54-7611fba23630.woff") format("woff");}
@font-face {font-family:"Goldplay";font-style:normal;font-weight:600;font-display:swap;src:url("/styles/fonts/5855392/1047fbd8-4f4c-4863-bb19-30dc18b08e30.woff2") format("woff2"),url("Fonts/5855392/300b36f7-c83c-4d44-ad27-8ba7fcbe8004.woff") format("woff");}
@font-face {font-family:"Goldplay";font-style:normal;font-weight:700;font-display:swap;src:url("/styles/fonts/5855400/222b5d75-3350-4564-a8d2-1a1e013056b1.woff2") format("woff2"),url("Fonts/5855400/3b1ec644-cd14-4d24-be90-1f6700eb91b7.woff") format("woff");}

html {overflow-y:scroll;}
html, body {background-attachment:scroll;height:100%}
body {padding:0px 0;background-color:#111;color:#111;min-width:1160px;}
body, button, input, textarea, ul, code {font-family: Goldplay, arial, 'Segoe ui', Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;font-size:1em;font-weight:400;}

.printonly {display:none;}

img, img a {border-width:0;outline:none;}
sup, sub {line-height:0;font-size:60%;}

/* HTML5 Tags ----------------------------------------------------------*/
header, nav, section, footer, aside, article {display:block;}

/* HTML Tags H1, H2, ... P, A, ... ----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .h1, .h1small, .h2, .h3, .h4, .h5, .h6 {color:#222;text-transform:none;margin:1.2em 0px 0.6em 0px;line-height:1.4em;font-weight:600;}

h1, .h1 {font-size:2.0em;margin-top:0px; font-weight:700;}
.h1small {font-size:1.7em;margin:1.0em 0px 0.4em 0px;}
h2, .h2 {font-size:1.5em;}
h3, .h3 {font-size:1.20em;}
h4, .h4 {font-size:1.15em;}
h5, h6 {font-size:1.0em;}

.h2:first-child {margin-top:0px;}
.summary {line-height:1.45em;font-weight:500;font-size:1.0em;margin:1.2em 0px 1.8em 0px;}

p {margin-bottom:1em;line-height:1.45em;}

b {font-weight:500;}
strong {font-weight:500;}
h2 strong, h2 b, h3 strong, h3 b, h4 strong, h4 b, h5 strong, h5 b, h6 strong, h6 b {font-weight: 600}
h1 strong, h1 b, .h1 strong, .h1 b {font-weight: 700}

.note, .warning {
	padding: 15px 10px 8px 70px;
	margin: 15px 12px 20px 12px;
	clear: both;
	min-height: 42px;
	border: 1px solid #bdbdbd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.note {background:#f6f6f6 url(/I/layout/sym/Info-42.png) no-repeat 10px 5px;}
.warning {background:#f6f6f6 url(/I/layout/sym/Warnung-48.png) no-repeat 10px 3px;color:#333;font-weight:bold;}

blockquote {background:#f9f9f9;font-style:italic;line-height:1.45em; border-left:10px solid #666;display: table;border-radius:5px;margin:20px 40px;padding:20px 20px 20px 30px;quotes:"\201C""\201D"/*"\2018""\2019"*/;}
blockquote::before {color:#666;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;}
blockquote p {display:inline;font-style:italic;}

a {text-decoration:none;color:#222;outline:none;}
a.exToolTip, a strong {text-decoration:underline;}
a:hover, a:hover {color:#0093d4;outline:none;}

#tt25.exToolTip {text-decoration:none!important;}

ul, ol {list-style-position:outside;padding-left:20px;margin:15px 0px 15px 0px;}
ul {list-style-image:url('/i/sym/li.svg');}
li {margin-bottom:4px;margin-left:20px;padding-left:10px;line-height:1.45em}
li::marker {font-size: 1.7em;}

.Content1070-outer ul {list-style:none;}
.Content1070-outer ul li::before { content:"• ";color:#444;font-size:2.2em;line-height:0px;margin-left:-22px;position:relative;top:3px;left:-7px;}
.Content1070-outer ul.SymOK li::before {content: "✔"; color: #afc425;font-size: 2em;margin-left:-26px;top:6px;}
.Content1070-outer ul.SymOKBig li::before {content: url(/I/sym/SymOKGreen42.svg); float:left;margin-left: -45px;}
.Content1070-outer ul.SymPlusBig li::before {content: url(/I/sym/SymPlusGreen42.svg); zoom:90%; margin-left: -45px;float:left;}

.Content1070-outer ul.SymOKBig li {margin-bottom:22px;margin-left:0px;padding-left:32px;line-height:1.45em}

hr {height:0px;margin:4px 0px;border-top:1px solid #c8c8c8;border-bottom:1px solid #fff;border-left:0px;border-right:0px;}

/* Seitennummer -----------------------------------------------------------*/
#pagination {margin:8px 0px;}
.pagination {border:1px solid #CCC;margin:0px 3px 0px 3px;padding:4px;text-align:center;float:left;width:24px;line-height:16px;}
.pagination a {display:block;}
.pagination:hover {background-color:#DAF2FE;}
#pagination .aktiv {background-color:#EAEAEA;font-weight:bold;cursor:default;color:#444;}

/* HeadBanner -----------------------------------------------------------*/

/* FORM ELEMENTS ----------------------------------------------------------*/

input[type=text], input[type=file], input[type=checkbox], input[type=password], select, textarea {border:1px solid #bdbdbd;padding:10px 10px 9px 10px;color:#333;border-radius:3px;}

input[type=checkbox] {margin-right:15px;padding:0px;border:1px;height:1.4em;width:1.4em;}
input[type=radio] {margin-right:15px;height:1.5em;width:1.5em;}
input[type=file] {padding:2px 1px 2px 3px;margin:0px 6px 2px 0px;color:#333;border:1px solid #ccc;background-color:#fff;}
select {padding:1px 1px 1px 0px;}
fieldset {}
legend {}

.Form2015 {margin-top:40px;}

.xformDatenschutzhinweis {margin: 0px 0px 12px 12px; font-size: 15px; line-height: 1.25em;}

/*Counter ------------------------------------------------*/
.HeadlineCounter {counter-reset: mycounter1}
.HeadlineCounter h2::before {counter-increment: mycounter1; content:  counter(mycounter1) ". ";}
.HeadlineCounter h2 {counter-reset: mycounter2;}
.HeadlineCounter h3::before {counter-increment: mycounter2; content: counter(mycounter1) "." counter(mycounter2) ". ";}

/*Markenbeispiele-----------------------------------------*/
.BrandColorBox {margin:20px;}
.BrandColorName {font-weight:500;font-size:0.9em;margin-bottom:10px;}
.BrandColorNo {font-size:0.8em;margin-top:5px;}
.BrandColor {height:30px;}
.BrandLeftOK, .BrandLeftNO {padding-left:52px; margin:0px 0px 10px 20px;}
.BrandLeftOK {background: url(i/sym/symbol-ok-24.svg) no-repeat left center;background-size:40px;}
.BrandLeftNO {background: url(i/sym/symbol-cancel-24.svg) no-repeat left center;background-size:40px;}
.BrandTopOK, .BrandTopNO {padding-top:52px; margin:0px 10px 10px 0px;}
.BrandTopOK {background: url(i/sym/symbol-ok-24.svg) no-repeat top center;background-size:40px;}
.BrandTopNO {background: url(i/sym/symbol-cancel-24.svg) no-repeat top center;background-size:40px;}
.BrandImageText {margin-top:10px; font-size:0.9em; font-style:italic; max-width:300px; line-height:1.5em; text-align:center;}

/*Table
----------------------------------------------------------*/
table {border-collapse:separate;border-spacing:10px 1px;}
Caption {text-align:left;font-weight:bold;}
th {padding:3px 6px;color:#666;font-size:0.9em;}
td {vertical-align:top;padding:8px 0px 8px 0px;}

/*Datentabelle*/
table.Data {font-size:1.0em;border-spacing:unset;width:100%;}
table.Data th {font-size:1.1em;font-weight:600;color:#333;padding:12px 8px 12px 8px;text-align:left;vertical-align:top;border-bottom:1px solid #ccc;}
table.Data td {padding:12px 8px;font-size:0.9em;}
table.Data tbody tr:nth-of-type(odd) {background-color:rgba(0, 0, 0, 0.03);}
table.Data tbody tr:nth-of-type(even) {background-color:rgba(0, 0, 0, 0.0);}
table.Data tbody tr:hover {background-color:rgba(0, 0, 0, 0.05);}
table.Data.hover tr:hover th[scope=row], table.Data.hover tr:hover td {background-color:#ffe8a4;} 

/*Tabelle für Layouts, ohne Abstände */
table.nopadding {border-collapse:collapse;border-spacing:0px;}
table.nopadding td {padding:0px;}

/*TableSorter */
table.tablesorter {}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {}
table.tablesorter thead tr {cursor:pointer;}
table.tablesorter thead tr .headerSortUp:after {content:" ↑ ";}
table.tablesorter thead tr .headerSortDown:after {content:" ↓ ";}

.TAStatus1, .TAStatus2, .TAStatus3, .TAStatus4 {width:100%;}

td.TAStatus1, td.TAStatus2, td.TAStatus3, td.TAStatus4,
td.TAStatus1Child, td.TAStatus2Child, td.TAStatus3Child, td.TAStatus4Child {vertical-align:middle;text-align:center;padding:2px;width:14px;border-radius:3px;}

td.TAStatus1 {background-color:#95c11f}
td.TAStatus1Child {background-color:#e9f5c9}
td.TAStatus2 {background-color:#fbb900}
td.TAStatus2Child {background-color:#fdf4d9}
td.TAStatus3 {background-color:#a72155}
td.TAStatus3Child {background-color:#f7dbe5}
td.TAStatus4 {background-color:#666}
td.TAStatus4Child {background-color:#f1f1f1}

/* MISC ----------------------------------------------------------*/

.px16, .px16 p {font-size:16px!important;}
.px15, .px15 p {font-size:15px!important;}
.px14, .px14 p {font-size:14px!important;}
.px12, .px12 p {font-size:12px!important;}
.px11, .px11 p {font-size:11px!important;}
.px10, .px10 p {font-size:10px!important;}
.px9, .px9 p {font-size:9px!important;}
	
/* Tabs -------------------------------------------------------*/
.tabs {float:left;list-style:none;width:auto;margin:0px;padding:0px 0px 0px 5px;overflow:hidden;white-space:nowrap;}
.tabs li {text-indent:0;padding:0;margin:0;list-style-image:none;display:inline-block;font-size:1em;text-transform:uppercase;}

.tabs a { font-weight:500;color:#444;display:block;text-align:center;text-decoration:none;padding:7px 0px 7px 0px;margin:0px 20px 0px 0px;position:relative;z-index:1;}
.tabs a:active {outline:none;}
.tabs a:hover {color:#000!important;cursor:pointer;}
.tabs .current, .tabs .current:hover, .tabs li.current a {cursor:default!important;color:#000;border-bottom:8px solid;padding-bottom:12px;}
.tabs .current:hover {}

.benefits ul  {font-size:1.0em; color:#fff; margin-top:60px; list-style:none;padding-left:0px;}
.benefits ul li {padding-left:0px; margin-left:0px; font-weight:500;margin-bottom: 8px;left:34px;position: relative;width: calc(100% - 34px);text-shadow: 0px 0px 4px #000;}
.benefits ul li::before {margin-right:15px; font-weight:400; content: "✔ "; font-size:1.2em;font-weight: bold;position:relative;margin-left:-34px;}

.cQAM_Net a.button {background:#afc425!important;}
.cQAM_Net ul li::before {color: #afc425;}
.cQAM_Net .tabs .current {border-color:#afc425;}

.cProcess_Net a.button {background:#d22f15!important;}
.cProcess_Net ul li::before {color:#d22f15;}
.cProcess_Net .tabs .current {border-color:#d22f15;}

.cQBD_Net a.button {background:#e14b19!important;}
.cQBD_Net ul li::before {color:#e14b19;}
.cQBD_Net .tabs .current {border-color:#e14b19;}

.cQualify_Net a.button {background:#ee7a22!important;}
.cQualify_Net ul li::before {color:#ee7a22;}
.cQualify_Net .tabs .current {border-color:#ee7a22;}

.cProjects_Net a.button {background:#f39523!important;}
.cProjects_Net ul li::before {color:#f39523;}
.cProjects_Net .tabs .current {border-color:#f39523;}

.cChange_Net a.button {background:#f5aa20!important;}
.cChange_Net ul li::before {color:#f5aa20;}
.cChange_Net .tabs .current {border-color:#f5aa20;}

.cCompact_Net a.button {background:#255faa!important;}
.cCompact_Net ul li::before {color:#255faa;}
.cCompact_Net .tabs .current {border-color:#255faa;}

.cEMP_Net a.button {background:#427db7!important;}
.cEMP_Net ul li::before {color:#427db7;}
.cEMP_Net .tabs .current {border-color:#427db7;}

.cPMM_Net a.button {background:#55a7d9!important;}
.cPMM_Net ul li::before {color:#55a7d9;}
.cPMM_Net .tabs .current {border-color:#55a7d9;}

.cPMS_Net a.button {background:#67c7e9!important;}
.cPMS_Net ul li::before {color:#67c7e9;}
.cPMS_Net .tabs .current {border-color:#67c7e9;}

.cSRM_Net a.button {background:#89b315!important;}
.cSRM_Net ul li::before {color:#89b315;}
.cSRM_Net .tabs .current {border-color:#89b315;}

.cRisk_Net a.button {background:#63ad2e!important;}
.cRisk_Net ul li::before {color:#63ad2e;}
.cRisk_Net .tabs .current {border-color:#63ad2e;}

.cREM_Net a.button {background:#439922!important;}
.cREM_Net ul li::before {color:#439922;}
.cREM_Net .tabs .current {border-color:#439922;}

.cQDrive_Net a.button {background:#b92819!important;}
.cQDrive_Net ul li::before {color:#b92819;}
.cQDrive_Net .tabs .current {border-color:#b92819;}

.cSuccess_Net a.button {background:#e14b19!important;}
.cSuccess_Net ul li::before {color:#e14b19;}
.cSuccess_Net .tabs .current {border-color:#e14b19;}

.cJobControl_Net a.button {background:#ee7a22!important;}
.cJobControl_Net ul li::before {color:#ee7a22;}
.cJobControl_Net .tabs .current {border-color:#ee7a22;}

.cWebApps_Net a.button {background:#2eb4af!important;}
.cWebApps_Net ul li::before {color:#2eb4af;}
.cWebApps_Net .tabs .current {border-color:#2eb4af;}

.cQXHub_Net a.button {background:#2eb4af!important;}
.cQXHub_Net ul li::before {color: #2eb4af;}
.cQXHub_Net .tabs .current {border-color: #2eb4af;}

.cCust_Net a.button {background:#28a6a2!important;}
.cCust_Net ul li::before {color:#28a6a2;}
.cCust_Net .tabs .current {border-color:#28a6a2;}

.cForm_Net a.button {background:#1e8d8d!important;}
.cForm_Net ul li::before {color:#1e8d8d;}
.cForm_Net .tabs .current {border-color:#1e8d8d;}

.cQReports_Net a.button {background:#147779!important;}
.cQReports_Net ul li::before {color:#147779;}
.cQReports_Net .tabs .current {border-color:#147779;}

.cConnect_Net a.button {background:#249b99!important;}
.cConnect_Net ul li::before {color:#249b99;}
.cConnect_Net .tabs .current {border-color:#249b99;}

.cAuditTrail_Net a.button {background:#239998!important;}
.cAuditTrail_Net ul li::before {color:#239998;}
.cAuditTrail_Net .tabs .current {border-color:#239998;}

.cCADLink_Net a.button {background:#187f80!important;}
.cCADLink_Net ul li::before {color:#187f80;}
.cCADLink_Net .tabs .current {border-color:#187f80;}

.cAPE_Net a.button {background:#116c72!important;}
.cAPE_Net ul li::before {color:#187f80;}
.cAPE_Net .tabs .current {border-color:#187f80;}

/* initially all panes are hidden */ 
.panes .pane {display:none;}
.pane {display:block;width:auto;position:relative;z-index:2;padding:10px 0px 0px 0px;}
#panes_main section.pane {display:block;}

/* Breadcrumbs
-----------------------------------------------*/
.breadcrumb ol {margin: 5px 0px 10px 5px;padding: 0px;}
.breadcrumb ol li {margin: 0px; padding: 0px;font-size:0.8em;}
.breadcrumb li {display: inline;}
.breadcrumb li:after {content: "/"; color: #666; margin: .3125rem;}
.breadcrumb li:last-child {content: "/"; color: #666; margin: 0;}
.breadcrumb li:last-child:after {content: "";}
.breadcrumb li a {color: #666;}

/* Accordion
-----------------------------------------------*/
.accordion input{display:none;}
.accordion .accordionpanel {margin:0 auto;height:0;overflow:hidden;line-height:1.4;padding:0 50px;box-sizing:border-box;}
.accordion input:checked~.accordionpanel {height:auto;color:#333;padding:15px 15px 15px 50px;}
.accordion h3 {margin:0px;background-image:url(/I/sym/button-expand-right.svg);background-position:12px center;background-repeat:no-repeat;background-size:26px;}
.accordion h3:hover {background-color:#f9f9f9;}
.accordion h2 {margin: 0px;background-image: url(/I/sym/button-expand-right.svg);background-position: 12px center;background-repeat: no-repeat;background-size: 26px;}
.accordion h2:hover {background-color: #f9f9f9;}
.accordion label {cursor: pointer;background-color:none;border-bottom:1px solid #bbb;display:block;padding:15px 0px 15px 50px;width:100%;box-sizing:border-box;z-index:100;}
.accordion input:checked+h3 {background-color:#f1f1f1;background-image:url(/I/sym/button-expand-down.svg);background-position:12px center;background-repeat:no-repeat;background-size:26px;}
.accordion input:checked + h2 {background-color: #f1f1f1;background-image: url(/I/sym/button-expand-down.svg);background-position: 12px center;background-repeat: no-repeat;background-size: 26px;}

/* Popup box
-----------------------------------------------*/
#cookiePopup, #popupbg {background:rgba(0,0,0,.6);cursor:pointer;display:none;height:100%;position:fixed;text-align:center;top:0;width:100%;z-index:9990000;}
#cookiePopup .popuphelper, #popupbg .popuphelper {display:inline-block;height:100%;vertical-align:middle;}
#cookiePopup > div, #popupbg > div {background-color:#fff;box-shadow:10px 10px 60px #333;display:inline-block;height:auto;	max-width:1000px;min-height:100px;vertical-align:middle;width: 90%;position:relative;
		border-radius:8px;padding:20px 25px 25px 25px;text-align:left;font-size:15px;cursor: default;}
#cookiePopup > div {max-width: 700px;}
.popupCloseButton {background-color:#fff;border:3px solid #999;border-radius:50px;cursor:pointer;display:inline-block;font-family:arial;font-weight:bold;position:absolute;top:-20px;right:-20px;
		font-size:25px;line-height:30px;width:30px;height:30px;text-align:center;}

.popupCloseButton:hover {background-color:#ccc;	}
/* Toggle Listen
-----------------------------------------------*/
.ToggleListA .Row {display:flex;justify-content:space-between;border-bottom:1px solid #ccc;}
.ToggleListA .Row:first-child  {border-top:1px solid #ccc;}
.ToggleBtn {margin:20px 0px 0px 15px; height:32px; background-repeat:no-repeat; background-size: contain; background-position:50% 50%; background-image: url(/I/sym/toggle-off-filled-24.svg); flex: 42px;flex-shrink: 0;cursor:pointer;}
.ToggleBtn.on { background-image: url(/I/sym/toggle-on-filled-24.svg); }

.ToggleListA .Row div p:first-child {font-size:16px;font-weight:600;margin:8px 0px;}
.ToggleListA .Row div p {font-size:14px;font-weight:400;margin:8px 0px;line-height:1.25em;}

/* Fading Award
-----------------------------------------------*/
.fadein, .fadein2 {width:305px;}
.fadein img {position:absolute;left:0;top:0;margin:0px 0px;}
.fadein2 img {position:absolute;right:0;top:0;margin:0px 0px;}

/* Bildformatierung
----------------------------------------------*/

/* Bildformatierung NEU!!!!!!!!!!!!!!!!!!!
----------------------------------------------*/
figure.PicFrameR, figure.PicFrameL, figure.PicFrameM, .PicFrameR, .PicFrameL, .PicFrameM {display:table;overflow:hidden;line-height:0px;min-width:50px;}

figure.PicFrameR figcaption, figure.PicFrameL figcaption, figure.PicFrameM figcaption, figure.PicFrameR figcaption a {color:#666;margin: 0px 12px 0 12px;}
figure.PicFrameR, .PicFrameR {float:right;margin:0px 0px 20px 35px;}
figure.PicFrameL, .PicFrameL {float:left;margin:0px 25px 8px 0px;}
figure.PicFrameM, .PicFrameM {margin:0px auto;text-align:center;}

figure.PicFrameR {}
figure.PicFrameR img, figure.PicFrameL img, figure.PicFrameM img {box-shadow:0px 0px 6px #666; margin:10px; padding:8px; border-radius:5px;}
img.PicFrameR, img.PicFrameL, img.PicFrameM {box-shadow:0px 0px 6px #666;padding:8px; border-radius:5px;}
figure.PicFrameR img, figure.PicFrameL img, figure.PicFrameM img {display:block;width:unset;}

figure.PicR, figure.PicL, figure.PicM {display:table;overflow:hidden;}
figure.PicR {float:right;margin:10px 0px 8px 50px;}
figure.PicL {float:left;margin:10px 50px 8px 0px;}
figure.PicM {margin:0px auto;text-align:center;}

.PicR {float:right;margin:5px 0px 8px 15px;}
.PicL {float:left;margin:0px 25px 8px 0px;}
.PicM {margin:0px auto;text-align:center;}
.PicTopR {float:right;margin:-20px -20px 0px 10px;}

figure img {display:block;width:100%;}

figcaption {display:table-caption;caption-side:bottom;margin-top:5px;padding:3px;font-size:0.85em;font-style:italic;line-height:1.3em;color:#888;}
figcaption a {border-bottom:none!important;}

div.zoom {position:relative;height:36px;margin-top:-55px;margin-bottom:21px;padding:0px;background:url(/I/Layout/sym/zoom.png) no-repeat top right;cursor:pointer;right:18px;bottom:-1px;}

.GalleryScreen {display:flex; flex-direction: row; /*justify-content: space-evenly;*/ margin-top:20px;}
.GalleryScreen div {text-align:center;}
.GalleryScreen div img {height:180px;box-shadow: 0px 0px 6px #666; margin: 10px; padding: 8px; border-radius: 5px;}
.GalleryScreen div p {font-size:0.9em; margin:5px 0px 0px 0px;display: table-caption;caption-side: bottom;}
.GalleryScreen div a {display:table;}

/*MP Header
--------------------------------------------------------*/
.CAQNavHead-outer {position:sticky;position:-webkit-sticky;top:0;width:100%;height:80px;display:flex;justify-content:center;z-index:30;background-color:#111;}
.CAQNavHead-inner {display:flex;justify-content:center;width:100%;justify-content:space-between;}
.CAQlogoclick {margin:0px 20px;display:flex;flex-direction:column;justify-content:center;height:100%;}
.CAQlogoclick img {height:58px;width:156px;}

.CAQnav {display:flex;flex-direction:row-reverse;align-items:center;max-width:1070px;}

.CAQheadnav {display:flex;flex-direction:column;}
.CAQlogobar {display:flex;justify-content:flex-start;margin-right:20px}
.CAQlogobaritems {display:flex;margin-left:auto;align-items:center;}
.CAQlogobaritems > a > div, .CAQlogobaritems > div {background-size:26px 26px;background-position:0px 50%;background-repeat:no-repeat;margin-left:12px;color:#fff;height:40px;padding-left:34px;font-weight:500;text-transform:uppercase;display:flex;align-items:center;}
.CAQlanguage {cursor:pointer;}
#LanguageBox {position:absolute;z-index:9010;top:75px;right:5px;display:none;background-color:#fff;border:1px solid #fff;padding:5px;min-width:130px;border-radius:2px;box-shadow:0px 0px 10px -1px rgba(0,0,0,0.75);display:flex;flex-direction:column;}
#LanguageBox a {color:#000;padding:5px;}
#CAQMobilemenu-button {display:none;}

#SearchMenuBox {display:none;position:absolute;top:80px;left:0px;color:#fff;background-color:#222;width:100%;min-height:300px;align-items:center;flex-direction:column;padding-top:100px;border-bottom:1px solid #555;z-index:10;}
#SearchMenuBox > div {padding:6px 8px 4px 10px;background-color:#fff;border-radius:3px;}
#SearchMenuBox input {width:450px;font-size:1.4em;border:none;outline:none;}
#SearchMenuBox input:focus {outline:none;}
#SearchMenuBox .SearchInput {display:flex;justify-content:center;}
#SearchMenuBox input:focus {border:none;}

.HeadColor, .FooterColor {height:3px;width:100%;position:fixed;top:80px;z-index:30;background-image:linear-gradient(to right, #309afe, #309afe, #7aba00, #7aba00, #ffd02c, #ffd02c, #a52832, #a52832);}
.FooterColor {position:unset;height:2px;}

	@media screen and (min-width:1200px) {
		.CAQlogoclick {margin-left:40px;}
.CAQlogoclick img {height:62px;width:167px;}
.CAQnav {flex-direction:row-reverse;align-items:center;}
.CAQlogobar {margin-right:40px;}
}

header {display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#222;}

/*MP Head
--------------------------------------------------------*/
#Content-Head-BG {width:100%;margin-top:0px;height:320px;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;justify-content:center;align-items:center;}
#Content-Head-BG.HeadReferencesoverview, #Content-Head-BG.HeadIndustriesoverview {height:480px;}
#Content-Head-BG.HeadProducts, #Content-Head-BG.HeadBigger, #Content-Head-BG.HeadStartpage, #Content-Head-BG.HeadNewspage, #Content-Head-BG.HeadPhilo {height:420px;}
#Content-Head-BG.HeadIndustries, #Content-Head-BG.HeadJobs, #Content-Head-BG.HeadScreencasts, #Content-Head-BG.HeadFeatures {height:380px;}
#Content-Head-BG.HeadNews, #Content-Head-BG.HeadPartner {height:320px;}
#Content-Head-C {width:1100px;display:flex;flex-direction:column;justify-content:flex-start;padding:10px 20px 10px 20px;}

.HeadH1 {color:#fff;font-weight:700;font-size:2.0em;margin-bottom:8px;}
.HeadH2 {color:#fff;font-weight:200;font-size:1.5em;line-height:1.45em;margin:10px 0px;}
.HeadH3 {color:#fff;font-weight:200;font-size:1.1em;line-height:1.45em;margin:10px 0px;}
.HeadP {color:#fff;font-weight:400;font-size:1.0em;line-height:1.4em;margin:0px;text-shadow:0px 2px 4px #000;}

/*MP Main
--------------------------------------------------------*/
main {flex:1 0 auto;background-color:#fff;}

.Content1070-outer {display:flex;justify-content:center;background-color:#fff;background-position:center;background-size:cover;background-repeat:no-repeat;}
.Content1070-inner {justify-content:center;width:1100px;padding:40px 20px;}
.Content1070-inner.flex {display:flex;}


.ContentTabs-outer {display:flex;height:60px;justify-content:center;background-color:#fff;border-bottom:1px solid #c8c8c8;z-index:5;position:-webkit-sticky;position:sticky;top:80px;box-shadow:0px 3px 5px 0px rgba(0,0,0,0.15);overflow:hidden;}
.ContentTabs-inner {width:1100px;padding:10px 20px 0px 20px;}
.ContentTabs-inner::-webkit-scrollbar {display:none;}
.ContentTabs-inner a.button {margin:0px 0px 0px auto;float:right;}

section .panes {width:100%;}

/*MP Footer 
----------------------------------------------------------*/
footer, footer a, footer a:hover {color:#fff;}
.Footer-Outer {display:flex;justify-content:center;background-color:#111;font-size:1em;}
.Footer-Inner {max-width:1100px;width:100%;display:flex;padding:20px;}

.Footer-Content {display:flex;width:100%;}
.Footer-Content > div {margin:20px 20px 20px 0px;flex:1 0 330px;}
.Footer-Content > div > div {margin:6px;}

.Footer-Copy-Outer {display:flex;justify-content:center;background-color:#000;font-size:1em;}
.Footer-Copyright {max-width:1100px;display:flex;margin-right:auto;}
.Footer-Copyright div {margin:15px 20px 15px 0px;}
.Footer-Follow {display:flex;justify-content:flex-end;}
.Footer-Follow div {margin:15px 20px 15px 0px;white-space:nowrap;}

.Footer-Follow a {background-size:30px; background-repeat:no-repeat; background-size:30px; width: 36px; height: 36px; background-color: #444; border-radius: 4px; background-position: 50%; margin: 5px 15px 10px 0px;}

.showBannerPadding {padding-bottom:164px;}


/*MP CookieDatenschutz 
----------------------------------------------------------*/
/*#cookieDatenschutz a {color:#fff;text-decoration:underline ;}
#cookieDatenschutz a:hover {text-decoration:underline;}
#cookieDatenschutz > div {padding:12px;width:1100px;display:flex;justify-content:space-between;align-items:center;}
#cookieDatenschutz {border-top:1px #333 solid;color:#fff;text-align:left;background:#111;background:rgba(0,0,0,0.85);position:fixed;bottom:0px;z-index:10000;width:100%;font-size:16px;display:flex;justify-content:center;}
#cookieDatenschutzCloser {margin-left:20px;float:right;}
#cookieDatenschutz:hover {background-color:#000;}
#cookieDatenschutz:hover a {color:#fff;}*/

#cookieViewButton {position: fixed; cursor:pointer; box-shadow: 0px -2px 10px 0px #00000080;bottom: 0px;z-index: 10002;background-color:#fff;border-radius: 10em; margin:12px;width:42px; height:42px;
				   background-image:url(/i/sym/fingerprint_21.svg); background-size:80%; background-repeat:no-repeat; background-position:50% 50%}
#cookieBannerManager {border-top: 1px #ccc solid;color: #fff;text-align: left;background: #222;position: fixed;bottom: 0px;z-index: 10001;width: auto;min-height: 150px;font-size: 16px;display: flex;align-items: center;
                        box-shadow: 0px -2px 10px 0px #00000080;padding: 0px 10px;width: 100%; justify-content: space-between;}
#cookieBannerManager > div {display: flex;padding:20px 20px;justify-content: space-between;align-items: center;max-width: 1400px;}
.cookieBannerText p {margin-bottom:0px; font-size: 14px!important;line-height: 1.3em;}
#cookieBannerSetting {margin:10px 30px;white-space:nowrap;}
#cookieBannerRejectAll {margin:10px 30px;white-space:nowrap;}

/*MP NewsBox
-----------------------------------------------------------------*/

.NewsBoxBox, .NewsBoxBoxSmall, .NewsBoxBox4, .ProcessBoxBox {display:flex;flex-wrap:wrap;align-items:stretch;align-content:flex-start;padding:20px 0px;margin-left:-40px;}
.NewsBoxBoxSmall  {margin-left:-20px;}
.NewsBoxBox4 {justify-content:unset; margin-left:unset;}

.NewsBox,.NewsBoxSmall, .NewsBox4, .DownloadsBox, .DashboardBox, .ManualsBox, .ScreencastsBox, .PartnerBox, .MethodsBox, .ProcessBox {display:flex;flex-direction:column;text-align:left;width:330px;border:1px solid #ccc;background-color:#fff;padding:0px;margin:10px 0px 30px 40px;box-shadow:0px 0px 6px -1px rgba(0,0,0,0.15);border-radius:3px;}
.NewsBoxImg {width:100%;height:150px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;border-bottom:1px solid #ccc;background-color:#eee;border-top-left-radius:3px;border-top-right-radius:3px;}
.NewsBoxSmall .NewsBoxImg {height:114px;}
.NewsBox4 .NewsBoxImg {height:109px;}
.NewsBoxTxt {flex:1 0 auto;display:flex;flex-direction:column;overflow:hidden;padding:10px 16px;font-weight:600;}
.NewsBoxtheme {display:none;background-color:#222;color:#fff;padding:5px 10px;font-size:11px;font-weight:bold;}
.NewsBoxSmall {width:230px;margin:10px 0px 10px 20px;}
.NewsBox4 {width:252px;margin:10px 10px 10px 10px;}
.ProcessBox {border:none; box-shadow:none; background-color:unset;}
.ProcessBoxHead {font-weight:600; min-height: 26px; font-size:1.2em; margin-bottom:0px; padding-left:40px; background-image: url(/I/sym/history-circle-forward-blue-24.svg); background-position: 0px top; background-repeat: no-repeat; background-size: 26px; }
.ProcessBoxHead.ProcessBlue {background-image: url(/I/sym/history-circle-forward-blue-24.svg)}
.ProcessBoxHead.ProcessRed {background-image: url(/I/sym/history-circle-forward-red-24.svg)}
.ProcessBoxHead.ProcessYellow {background-image: url(/I/sym/history-circle-forward-yellow-24.svg)}
.ProcessBoxHead.ProcessGreen {background-image: url(/I/sym/history-circle-forward-green-24.svg)}
.ProcessBoxText {padding-left:40px; line-height:1.25em;}


.BGBlack .NewsBox {color: #222;}

.NewsBoxDate {display:none;font-weight:normal;font-size:11px;padding:5px 0px 5px 10px;color:#999;float:right;}
.NewsBoxHead {font-size:18px;line-height:1.3em; margin-top: 0; margin-bottom: 18px;}
.NewsBoxSmall .NewsBoxHead {font-size:16px;line-height:1.3em;}
.NewsBoxSubline {font-weight:400;font-size:1em;text-overflow:'...';overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
.NewsBoxSmall .NewsBoxSubline {font-size:0.9em;}
.NewsBoxProductsClick {display:flex;align-items: flex-start;flex-basis:auto;margin-top:auto;}
.NewsBoxProductsClick img {margin-right: 10px;}
.NewsBoxProductsClick .NewsBoxClick {font-size:0.9em;min-height: 42px;}

.NewsBoxClick {flex-basis:auto;margin-top:auto;margin-bottom:5px; font-weight:500;}
a:hover .NewsBoxClick {color:#0093d4;}

.MethodsBox {width:240px;}
.DownloadsBox {width:180px;}
.DashboardBox {width:200px;margin: 10px 0px 10px 20px;}
.ManualsBox {width:234px;}
.ScreencastsBox {width:240px;}
.PartnerBox {width:240px;cursor: pointer;}

.MethodsBox .NewsBoxTxt p {margin-bottom:10px;}
.MethodsBoxGelb {border-left: 3px solid #f39523;}
.MethodsBoxBlue {border-left: 3px solid #55a7d9;}
.MethodsBoxGreen {border-left: 3px solid #89b315;}


.DownloadsBox .NewsBoxClick, .ManualsBox .NewsBoxClick {font-size:0.8em;}
.DownloadsBox .NewsBoxImg, .ManualsBox .NewsBoxImg {height:241px;}
.DownloadsBox .NewsBoxHead, .ManualsBox .NewsBoxHead {font-size:16px;}
.DownloadsBox .NewsBoxClick img, .ManualsBox .NewsBoxClick img {float:left;margin-right:8px;margin-top:3px;width:12px;}
.DownloadsBox .NewsBoxClick a, .ManualsBox .NewsBoxClick a {display:block;color:#777;font-size:13px;font-weight:400;}

.DashboardBox .NewsBoxClick {font-size:0.8em;}
.DashboardBox .NewsBoxImg {height:91px;}
.DashboardBox .NewsBoxHead {font-size:15px;}
.DashboardBox .NewsBoxClick img {float:left;margin-right:8px;margin-top:3px;width:12px;}
.DashboardBox .NewsBoxClick a {display:block;color:#777;font-size:13px;font-weight:400;}

.PartnerBox .NewsBoxImg {background-color: #fff;height:130px; display: flex;justify-content: center;align-items: center; overflow:hidden;}
.PartnerBox .NewsBoxImg img {max-width:14em; max-height:7em;}
.PartnerBox .NewsBoxHead {font-size:1.0em;}
.PartnerBox .NewsBoxTxt {background-color: #f9f9f9;}
.PartnerBox .NewsBoxSubline {font-size:0.9em;}

.ScreencastsBox {background-color: unset;}
.ScreencastsBox .NewsBoxClick {font-size:0.9em;font-weight:400;}
.ScreencastsBox .NewsBoxImg {background-size:unset;background-repeat:no-repeat;background-position:6px 2px;}
.ScreencastsBox .NewsBoxHead {font-size:0.9em;font-weight:700;}

.ScreencastIFrame {width:800px;height:450px;}

a:hover .NewsBoxSubline, a:hover .NewsBoxHead {color:#222;}
.NewsBox:hover, .DownloadsBox:hover, .CAQNewsBox:hover .CAQNewsBoxTxt {box-shadow:0px 0px 10px -1px rgba(0,0,0,0.25);}

.NewsBox.Box4er {width:228px;}
.Box4er .NewsBoxImg {height:119px;}

/*HighlightsBox*/
.HighlightsBox {background-repeat:no-repeat!important;background-position-y:4px!important;min-height:64px;padding-left:64px;margin-bottom:6px;font-size:1.3em;line-height:1.2em;}
.HighlightsTop10Box {width:320px;margin-top:25px;}
.HighlightsTop10Box:hover a div, .HighlightsTop10Box:hover a p, .HighlightsTop10Box:hover a span {transform:scale(1.03);}



/*ReferenzBox*/
.StartRefLogo {height:42px;margin:6px 8px;-webkit-filter:grayscale(55%);filter:grayscale(100%);opacity:0.55;}
.StartRefBoxFrame .NewsBoxImg {border-radius:unset;}
a.StartRefBoxFrame:hover .StartRefLogo {-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1;}
.StartRefBox {display:flex;justify-content:space-around;flex-flow:row wrap;margin:10px 5px;align-items:center;justify-content:center;}

/*MP Aside
-----------------------------------------------------------------*/
aside.right {float:right;text-align:unset;}
aside.asideBorderLeft {border-left:1px solid #ccc;width:340px;padding:0px 0px 0px 20px;margin:0px 0px 30px 30px}
aside.right240 {width:230px;padding:0px 24px 20px 24px;margin-top:0px;float:right;right:0px;border-left:1px solid #ccc;}
aside.left240 {display:none}

.RefLogos {box-sizing:border-box;width:100%;}
.RefLogosOld {background-color:#f9f9f9;border-radius:3px;border:1px solid #999;padding:20px;margin:30px 0px 0px 0px;box-sizing:border-box;width:100%;}

/*AccountBox
-------------------------------------------------------------*/
#AccountLoginBox {position:fixed;z-index:9999;top:0px;right:0px;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(0, 0, 0, 0.85);display:none;}

.AccountLoginBoxContent {padding:20px;min-width:400px;background-color:#fff;border-radius:2px;box-shadow:0px 0px 10px -1px rgba(0,0,0,1);}
.AccountLoginBoxContent input {width:100%;padding-left:0px;padding-right:0px;}
.AccountLoginBoxContent input:not(.button) {font-size:24px;width:100%;margin-top:12px!important;display:block;background:none;border-bottom:2px solid #666;border-top:none;border-right:none;border-left:none;}
.AccountLoginBoxContent input:focus {outline:none;}
.AccountLoginBoxContent input[type="checkbox"] {display:none;}
.AccountLoginBoxContent input[type="checkbox"] + label::before {width:22px;height:22px;background-color:transparent ;display:block;content:"";float:left;margin-right:10px;border:2px solid #666;border-radius:2px;cursor:pointer;}
.AccountLoginBoxContent input[type="checkbox"]:checked + label::before {background:url(/I/sym/okcheck-bk.svg) ;}
.AccountLoginBoxContent > div {padding:0px 0px 30px 0px;}
.AccountLoginBoxContent span {display:block;}

#AccountLogoutBox {position:absolute;z-index:9000;top:65px;right:10px;min-width:300px;border-radius:2px;background-color:#fff;box-shadow:0px 0px 10px -1px rgba(0,0,0,0.75);}
.AccountLoginBoxContent {display:flex;flex-direction:column;}
.AccountLogoutBoxContent > div {border-bottom:1px solid #ccc;padding:15px;display:flex;}

/* Buttons 
---------------------------------------------------------*/
a:hover, .BtnToggleMore:hover, img.hoverbig:hover {transform: scale(1.03);}
a.TextLink, a.textlink, .textlink, .Textlink  {color:#111;text-decoration:underline; font-weight:500}
a.textlinkwhite {color:#fff;text-decoration:underline; font-weight:500;cursor: pointer;}
a.TextLink:hover, a.textlink:hover, .textlink:hover, .Textlink:hover {color:#0093d4;}
a.NoTextLink, a.notextlink, .notextlink, .notextlink strong {color:unset;text-decoration:none;}

button, .button, .buttonWhite, .buttonGray, .buttonDisabled {display:inline-block;white-space:nowrap;background-color:#00adf0;text-decoration:none;cursor:pointer;font-size:1em;font-weight:500;color:#fff;margin:10px 5px 10px 0px;padding:11px 16px;text-align:center;border:none; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; cursor: pointer;}
.buttonWhite {background-color:#fff;color:#111;}
.buttonWhiteLight {background-color:#fff;color:#555;}
.buttonGray {background-color:#ddd;color:#111;}
.buttonDisabled {background-color:#eee;color:#999; cursor:default;}
button.small, .button.small, .buttonWhite.small {font-size:0.9em;padding:6px 12px;margin:3px 5px 3px 0px;}
.button:hover, .buttonWhite:hover, .buttonGray:hover {color:#fff;background-color:#0093d4;}

.LoginCloseButton {background-color:#444;font-weight:400;width:100%;padding-left:0px;padding-right:0px;}

.CancelButton:hover {background-color:#cc0000;}
.OKButton:hover {background-color:#49a300;}

.ButtonFrame, .ButtonFrameLight  {display:inline-block;font-weight:600;border-radius:3px;margin:10px 5px 10px 0px;padding:8px 12px;text-align:center;cursor:pointer;font-size:16px;}
.ButtonFrame {border:1px solid #222;color:#222;}
.ButtonFrameLight {border:1px solid #fff;color:#fff;}
.ButtonFrame:hover, .ButtonFrameLight:hover {color:#fff;background-color:#00adf0;border:1px solid #00adf0;}

.BtnToggleMore {display: inline-block;font-weight: 500;border-radius: 3px;margin: 0px;padding: 8px 12px;text-align: center;cursor: pointer;font-size: 16px;padding-top: 34px;background: url(/i/layout/sym/ShowMore-21.svg) no-repeat 50% 0px;background-size: 34px 34px;}
.BtnToggleMore.xActive {background: url(/i/layout/sym/ShowLess-21.svg) no-repeat 50% 0px;background-size: 34px 34px;}

.Show2:not(.xActive) > li:nth-child(2) ~ li, .Show2:not(.xActive) > div:nth-child(2) ~ div, .Show2:not(.xActive) > span:nth-child(2) ~ span, .Show2:not(.xActive) > img:nth-child(2) ~ img,
.Show3:not(.xActive) > li:nth-child(3) ~ li, .Show3:not(.xActive) > div:nth-child(3) ~ div, .Show3:not(.xActive) > span:nth-child(3) ~ span, .Show3:not(.xActive) > img:nth-child(3) ~ img,
.Show4:not(.xActive) > li:nth-child(4) ~ li, .Show4:not(.xActive) > div:nth-child(4) ~ div, .Show4:not(.xActive) > span:nth-child(4) ~ span, .Show4:not(.xActive) > img:nth-child(4) ~ img,
.Show5:not(.xActive) > li:nth-child(5) ~ li, .Show5:not(.xActive) > div:nth-child(5) ~ div, .Show5:not(.xActive) > span:nth-child(5) ~ span, .Show5:not(.xActive) > img:nth-child(5) ~ img,
.Show6:not(.xActive) > li:nth-child(6) ~ li, .Show6:not(.xActive) > div:nth-child(6) ~ div, .Show6:not(.xActive) > span:nth-child(6) ~ span, .Show6:not(.xActive) > img:nth-child(6) ~ img,
.Show8:not(.xActive) > li:nth-child(8) ~ li, .Show8:not(.xActive) > div:nth-child(8) ~ div, .Show8:not(.xActive) > span:nth-child(8) ~ span, .Show8:not(.xActive) > img:nth-child(8) ~ img,
.Show10:not(.xActive) > li:nth-child(10) ~ li, .Show10:not(.xActive) > div:nth-child(10) ~ div, .Show10:not(.xActive) > span:nth-child(10) ~ span, .Show10:not(.xActive) > img:nth-child(10) ~ img,
.Show12:not(.xActive) > li:nth-child(12) ~ li, .Show12:not(.xActive) > div:nth-child(12) ~ div, .Show12:not(.xActive) > span:nth-child(12) ~ span, .Show12:not(.xActive) > img:nth-child(12) ~ img,
.Show15:not(.xActive) > li:nth-child(15) ~ li, .Show15:not(.xActive) > div:nth-child(15) ~ div, .Show15:not(.xActive) > span:nth-child(15) ~ span, .Show15:not(.xActive) > img:nth-child(15) ~ img,
.Show20:not(.xActive) > li:nth-child(20) ~ li, .Show20:not(.xActive) > div:nth-child(20) ~ div, .Show20:not(.xActive) > span:nth-child(20) ~ span, .Show15:not(.xActive) > img:nth-child(20) ~ img {
	display: none;
}

#menu-button, #menu-Suchbutton {display:none;float:right;padding:17px 10px 0px 5px;}
.LogoClick {width:175px;height:90px;float:left;background:url(/I/Layout/LogoCaqTopLeft.png) 0px 10px no-repeat;}
.LogoClick img {width:100%;height:100%}

.spalten2 {-moz-column-count:2;-moz-column-gap:4em;-webkit-column-count:2;-webkit-column-gap:4em;column-count:2;column-gap:4em;orphans:10;}
.spalten3 {-moz-column-count:3;-moz-column-gap:4em;-webkit-column-count:3;-webkit-column-gap:4em;column-count:3;column-gap:4em;orphans:10;}

.desktopdisable {display:none;}

/*MP MENU*/
#CAQTopNav-Menu {display:flex;width:100%;color:#fff;}
.CAQTopNav-Menu > ul {display:flex;margin:0px;padding-left:0px;}
.CAQTopNav-Menu li {list-style:none;padding-left:0px;}
.CAQTopNav-Menu > ul > li {margin:0px;}
.CAQTopNav-Menu > ul > li > a {text-transform:uppercase;font-weight:500;padding:5px 0px 3px 0px;margin:0px 16px;font-size:1em;display:inline-block;white-space:nowrap;}
.CAQTopNav-Menu a {color:#fff;}

.MenuProManage ul, .MenuProMake ul, .MenuProMonitor ul, .MenuProAnalyse ul, .MenuProTools ul {margin-left:15px!important;}
.MenuProManage ul li:before, .MenuProMake ul li:before, .MenuProMonitor ul li:before, .MenuProAnalyse ul li:before, .MenuProTools ul li:before {content:"\25a0";font-weight:bold;display:inline-block;width:1em;margin-left:-1em;}
.MenuProManage ul li:before {color:#f39523;}
.MenuProMake ul li:before {color:#55a7d9;}
.MenuProMonitor ul li:before {color:#89b315;}
.MenuProAnalyse ul li:before {color:#e14b19;}
.MenuProTools ul li:before {color:#239998;}

.MenuProMethods {float:unset;clear:both;display:block;width:100%;padding-left:240px; margin-top: -55px;}

/* SUB */
.menu-sub {display:none;position:absolute;top:83px;z-index:900;justify-content:center;border-bottom:1px solid #555;padding-bottom:2em;font-size:1em;background:#222;width:100%;left:0;min-height:260px;}
.menu-sub-inner {display:flex;justify-content:flex-start;max-width:1100px;}
.menu-sub-inner > div ul {margin:0px 0px 0px 0px;}
.menu-sub-inner ul {padding:0px;}
.menu-sub-inner li, .menu-sub-inner .h4, .menu-sub-inner img {margin:3px 10px 7px 20px;}
.menu-sub-inner > div a {line-height:1em;}
.menu-sub .h4 {font-size:1.25em;font-weight:600;color:#fff;margin:30px 20px 10px 20px;}
.menu-txt-small {font-size: 0.8em;font-weight: 300;}

/* Softwaremodule
----------------------------------------------------------*/
.ProductModul {padding:0px 0px 10px 48px; font-size:1.6em;}
.ProductModulH1 {font-size:2.0em;}
.ProductModulTop li {color:#fff; font-size:1.1em;margin-top:10px; font-weight:500;}
ul.ProductModulTop {padding:20px 0px 0px 10px;}

.SoftwareModule {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.SoftwareModule h2 {font-size:1.6em;margin-bottom:0.8em;padding-bottom:0.4em;font-weight:300;border-bottom:1px solid #ccc;}
.SoftwareModule .BasisProdukte {max-width:30%;padding-right:20px;flex:1 1 auto;}
.SoftwareModule .BasisProdukte:last-child {padding-right:0px;}
.SoftwareModule .SoftModul {font-size:1.1em;font-weight:500;padding-left:60px;margin-bottom:8px;height:56px;padding-top:0px;background-position:0px 3px;background-repeat:no-repeat;background-size:42px;}
.SoftwareModule .SoftThemen {font-size:1.1em;font-weight:500;padding-right:30px;margin-bottom:8px;height:56px;padding-top:0px; padding-bottom:15px; line-height: 2em;}
.ThemenProdukte {width:100%;}
a:hover .SoftModul, .SoftModul:hover, a:hover .ScreencastBox {transform:scale(1.03);}
.SoftwareModule .SubProdukte {padding-right:unset;flex:1 0 auto;}
.SoftwareModule .SubProdukte .SoftModul {width:50%;padding-right:20px;white-space:normal;}
.SubProdukte100Pro {width:66%;}
.SoftwareModule .SubProdukte {display:flex;flex-direction:row;flex-wrap:wrap;width:100%;}

.caq-features {display:flex; flex-direction: row;justify-content: center; flex-wrap:wrap;}
.caq-feature {display: flex; flex-direction: column; align-items: center; justify-content: center; margin:15px 30px; width: 210px;}
.caq-feature div {color: #55a7d9; font-weight:600; font-size: 1.4rem;}
.caq-feature p {font-weight:600; font-size:1.05em;text-align: center;height: 50px;}
.caq-features li {font-weight:400;}
.caq-features li a, .caq-features li a strong {text-decoration:none;}

.ShowMoreFrame {
	margin-top: 40px;
}
.ShowMoreFrame li, .caq-features li {margin-bottom:16px; margin-left:0; padding-left:0;}
.ShowMoreFrame li .FeatureHead, .caq-features li .FeatureHead, .FeatureHead {font-size: 1.05em;	font-weight: 600;	margin-top: 0;}
h2.FeatureHead, h3.FeatureHead  {font-size:1.3em}
/*MP Helper
----------------------------------------------------------*/
.left {
	text-align: left
}
.right {text-align:right}
.center {text-align:center}
.nobreak {white-space:nowrap}
.vMiddle {vertical-align:middle;}

.jumpmark {position:relative;top:-160px;}
.DeskFlexWrap {display:flex;flex-wrap:wrap;}
.DeskFlexNoWrap {display:flex;}
.DeskFlex {display:flex;}
.DflexM100pro {display:flex;}

.unset {color:unset;font-size:unset!important;line-height:unset; font-weight:unset;margin:unset;}
.clear {clear:both;}
.red {color:#cc0000;}
.yellow {color:#ffd02d;}
.bold {font-weight:700;}

.FW300 {font-weight:300;}
.FW400 {font-weight:400;}
.FW600 {font-weight:600;}
.FW700 {font-weight:700;}

.Space60 {height:60px;}
.Space40 {height:40px;}
.Space30 {height:30px;}
.Space20 {height:20px;}

.BGGray {background-color:#f3f3f3;}
.BGBlack {background-color:#222;color:#fff;}
.BGBlackDark {background-color:#000;color:#fff;}
.BGBlack h2, .BGBlackDark h2, .BGBlack h1, .BGBlackDark h1, .BGBlack a, .BGBlackDark a {color:#fff;}

.noli {list-style: none;padding-left: 0px;margin-left: 0px; margin-top:20px;}
.noli::before {content:none!important;}

.responsive-video {padding: 56.25% 0 0 0;position: relative;height: 0;overflow: hidden;}
.responsive-video iframe, .responsive-video object,	.responsive-video embed {position: absolute;top: 0;	left: 0;width: 100%;height: 100%;}

.NoVideoMessage {aspect-ratio: 16 / 9; background-repeat:no-repeat;display:flex;align-items: center;justify-content: center; background-size:contain;background-color:#f1f1f1;}
.NoVideoMessage div:first-child::before {content: url('/i/sym/warning-sign_24dk.svg');display: inline-block; transform: scale(2); margin: 20px;}
.NoVideoMessage div:first-child {padding:20px; margin:20px;border: 2px solid #666;font-weight: 600; border-radius: 5px;
                                    text-align: center;backdrop-filter:blur(8px);background-color:rgb(0 0 0 / 0.6);color:#fff; max-width: 480px;}
.NoVideoMessage  div .ButtonFrameLight {margin-top:20px;}


/*Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.*/
#colorbox, #cboxOverlay, #cboxWrapper {position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay {position:fixed;width:100%;height: 100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear: left;}
#cboxContent {position: relative;}
#cboxLoadedContent {overflow: auto;-webkit-overflow-scrolling: touch;}
#cboxTitle {margin: 0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute;top:0;left:0;width:100%;height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer;}
.cboxPhoto {float: left;margin: auto;border:0;display: block;max-width: none;-ms-interpolation-mode: bicubic;}
.cboxIframe {width: 100%;height: 100%;display: block;border: 0;padding: 0;margin: 0;}
#colorbox, #cboxContent, #cboxLoadedContent {box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;}
#cboxOverlay {background:#000;opacity:0.9; filter: alpha(opacity = 90);}
#colorbox {outline: 0;}
#cboxContent {margin-top:20px;background:#000;}
.cboxIframe {background: #fff;}
#cboxError {padding:50px;border:1px solid #ccc;}
#cboxLoadedContent {border:5px solid #000;background:#fff;}
#cboxTitle {position:absolute;top:-20px;left: 0;color: #ccc;}
#cboxCurrent {position:absolute;top:-20px;right: 0px;color: #ccc;}
#cboxLoadingGraphic {background:url(/i/layout/colorbox/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0;padding:0;margin:0;overflow:visible;width:auto;background:none;}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow {position:absolute;top:-20px;right:90px;color:#fff;}
#cboxPrevious {position:absolute;top:50%;left:5px;margin-top:-32px;background:url(/i/layout/colorbox/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px;}
#cboxPrevious:hover {background-position:bottom left;}
#cboxNext {position:absolute;top:50%;right:5px;margin-top:-32px;background:url(/i/layout/colorbox/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px;}
#cboxNext:hover {background-position:bottom right;}
#cboxClose {position:absolute;top:5px;right:5px;display:block;background:url(/i/layout/colorbox/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px;}
#cboxClose:hover {background-position:bottom center;}


/* Mobile Layout:Bis 1279px ------------------------------------------------------------------*/
@media screen and (max-width:1279px) {
.CAQTopNav-Menu > ul > li > a {margin:0px 10px;}
}
/* Mobile Layout:Bis 360px ------------------------------------------------------------------*/
@media screen and (max-width:360px) and (orientation:portrait) {
#SearchMenubutton {display:none;}
}

/* Mobile Layout:Bis 640px ------------------------------------------------------------------*/
@media screen and (max-width:640px) {
body {-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-width:unset;}
h1, .h1 {font-size:1.7em!important;line-height:unset;}



/* Popup box
-----------------------------------------------*/
#cookiePopup > div, #popupbg > div {max-width: 100%;max-height: 100%;overflow-y: auto; position:fixed;top:0px; left:0px; }
.popupCloseButton {border:3px solid #999;border-radius:5px;position:absolute;top:5px;right:5px;}
.popupCloseButton:hover {background-color:#ccc;	}



/*Form2015*/
.Form2015 {margin-top:40px;}
.Form2015 div {display:block!important;margin:5px 0px!important;float:none!important;width:auto!important;text-align:left!important;padding-right:0px!important;}

 /*MP Footer-------------------------------------------------------------------*/
.Footer-Outer {justify-content:flex-start;}
.Footer-Inner {width:auto;flex-direction:column-reverse;padding: 20px 20px 60px 20px;}
.Footer-Copy-Outer {font-size:14px;width:auto;flex-direction:column-reverse;}
.Footer-Copyright {flex-direction:column-reverse;width:auto; xxxmargin-bottom:130px;}
.Footer-Follow {justify-content:flex-start;}
.Footer-Content {flex-direction:column;}
.Footer-Content > div {flex:1 0 auto;}
.Footer-Copyright div {margin:5px 20px 5px 0px;}
/*#cookieDatenschutz {font-size:0.9em}*/

#cookieBannerManager {flex-direction:column;padding:0px 0px;}
#cookieBannerManager > div {flex-direction: column;}
.cookieBannerText {padding-bottom:0px!important;}


/*MP HEAD------------------------------------------------------------------------*/
.CAQNavHead-outer {height:65px;position:unset;}
.CAQnav {flex-direction:unset;flex:unset;}
#CAQMobilemenu-button {display:inline;}
.HeadColor {top:67px;position:relative;}

.HeadStartpage {align-items:flex-end!important;background-size:247%!important;background-position-y:top!important;background-position-x:calc(100% + 150px)!important;margin-bottom:10px;}
.HeadIndustries {align-items:flex-end!important;}
.HeadProductoverview {background-image:url(/I/misc/Banner-CAQProductsMobile.jpg)!important;background-size:contain!important;background-position-y:top!important;height:auto!important;}
.HeadNewspage {height:auto!important;background-image:none!important;}
.HeadProductoverview #Content-Head-C {margin-top:170px!important;}
.HeadIndustriesoverview {height:480px!important;}
.HeadReferencesoverview {height:560px!important;}
.HeadReferencesoverview #Content-Head-C, .HeadIndustriesoverview #Content-Head-C {padding-bottom:140px;}
.HeadPhilo {height:200px!important;}

/*##################### MENU*/
#CAQTopNav-Menu {position:absolute;left:0px;top:65px;z-index:900;background-color:#222;font-size:1em;border-top:1px solid #fff;box-shadow:#000 0 0 10px;padding-bottom:20px;padding-top:10px;}
#CAQTopNav-Menu.collapsed {display:none;}
.CAQTopNav-Menu > ul {flex-direction:column;padding:0px;}
.CAQTopNav-Menu > ul > li {padding:5px 0px 10px 0px;margin:5px 20px 0 20px;border-bottom:1px solid #666;}
.CAQTopNav-Menu > ul > li > a {padding:10px 0px 10px 0px;display:block;margin:0px 0px;font-size:1.2em;}
.CAQTopNav-Menu > ul > li > a:before {content:"| ";}
.CAQTopNav-Menu .menu-sub {display:none;flex-direction:column;padding-bottom:10px;}
.CAQTopNav-Menu > ul, .menu-sub-inner {display:block;width:100%;}
.CAQTopNav-Menu > ul > li, .CAQTopNav-Menu > ul > li > a, .menu-sub-inner div, .menu-sub-inner ul {flex-direction:column;float:unset!important;max-width:unset;}

.menu-sub {position:relative;top:unset;min-height:unset;}
.menu-sub-inner > div > ul {margin-bottom:0px;}
.menu-sub-inner * {max-width:unset!important;}
.menu-sub-inner li {display:block;}
.menu-sub-inner li, .menu-sub-inner img {margin:12px 0px 12px 20px;}
.menu-sub-inner .h4 {margin:30px 0px 10px 20px}
.menu-sub-inner div ul li {max-width:unset;}

.MenuProMethods {padding-left:unset;margin-top: unset;}

.CAQlogobar {margin-right:0px}
.CAQlogoclick {margin:0px 10px 0px 20px;}
.CAQlogoclick img {height:53px;width:156px;}

.CAQlogobaritems > a > div, .CAQlogobaritems > div {background-size:26px 26px!important;height:48px;padding-left:30px;font-size:16px;margin:auto 6px;}

#SearchMenuBox {display:none;top:65px;align-items:flex-start;flex-direction:column;align-content:space-between;justify-content:unset;padding:60px 20px;}

#SearchMenuBox > div {padding:6px 8px 4px 10px;width:auto;}
#SearchMenuBox input {width:100%;font-size:1.4em;border:none;outline:none;}
#SearchMenuBox .SearchInput {display:flex;justify-content:space-between;}

.Content1070-inner {display:block;justify-content:center;width:100%;padding:20px;flex-wrap:wrap;}

#Content-Head-BG, #Content-Head-BG.HeadPartner {height:200px;background-size:cover;}
#Content-Head-BG.HeadProducts {height:auto!important;align-items:flex-end;background-image:none!important;}

.HeadJobs {background-image:none!important;height:unset!important;}
.HeadIndustries {height:200px!important;background-position-x:65%!important;}

#Content-Head-C {width:100%;margin-top:30px!important;margin-bottom:20px!important;}

.HeadH1 {font-size:1.6em;text-shadow:0px 2px 3px #000; width:100%!important;}
.HeadH2 {font-size:1.3em;text-shadow:0px 2px 3px #000; width:100%!important;}

aside {width:100%;max-width:100%;margin-left:0px;padding-left:0px;padding-bottom:40px!important;}
aside.asideBorderLeft {border-left:none;}

.RefLogos, .RefLogosOld {padding:10px!important;text-align:center;}

#SearchMenuBox {min-height:unset;z-index:9000;}

.ScreencastIFrame {width:100%;height:205px;}



/*AccountBox---------------------------------------------------------*/
#AccountLoginBox {display:block}
.AccountLoginBoxContent {min-width:unset;}

#AccountLogoutBox {position:absolute;z-index:9000;top:70px;right:0px;min-width:100%;border-radius:0px;}
.AccountLogoutBoxContent > div {border-bottom:1px solid #ccc;padding:15px;display:flex;}

/* NewsBox-----------------------------------------------------------------*/
.NewsBoxBox, .NewsBoxBoxSmall {margin-left:-20px;}
.ProcessBoxBox {margin-left:0px;}
.NewsBox, .NewsBoxSmall, .ProcessBox, .ProcessBox {min-width:42%;width:unset;margin-left:20px}
.NewsBoxSmall {width:162px!important;}
.NewsBoxImg {width:100%;min-height:120px;}
.NewsBoxTxt {min-height:80px;}
.DownloadsBox {width:41%;margin-left:20px}
.DashboardBox {width:41%;margin-left:20px}
.DashboardBox .NewsBoxImg {min-height:80px;height:80px;}



/*MP Helper----------------------------------------------------------*/
.DeskFlexWrap {display:block;}
.DeskFlexNoWrap {flex-wrap:wrap}
.DeskFlex {display:block;}
.DflexM100pro {display:block;}

.spalten2, .spalten3 {column-count:unset;}

.mobilefont1em {font-size:1em!important;}

.desktopdisable {display:block;}
.mobiledisable {display:none!important;}

.mobileheightAuto {height:auto!important;}
.mobile100pro {width:100%!important;max-width:100%!important;margin-left:0px!important;margin-right:0px;float:none!important;position:relative!important;left:0px!important;text-align:left!important;}
.mobile61pro {width:61%!important;}
.mobile50pro {width:50%!important;margin-left:0px!important;margin-right:0px;}
.mobile45profloatleft {width:45%!important;margin-left:0px!important;margin-right:10px!important;float:left!important;overflow:hidden;}
.mobile25pro {width:25%!important;margin-left:0px!important;margin-right:0px;}
.mobilemax100pro {display:block;float:none!important;margin-left:0px!important;max-width:100%;}
.mobilepaddingmarginnull {margin:0px!important;padding:0px!important;max-width:unset!important;}
.mobilecolumn {flex-direction:column!important;}
.mobilenobg {background-image:none!important;}
.mobile600height {height:600px!important;}
.mobile580height {height:580px!important;}
.mobiledisplayblock {display:block!important;}

aside.right240 {width:auto;float:none;border:none;padding:0px 15px 15px 15px!important;margin:0px;}

#Content-Middle-C {width:100%;}

#VeranstDetailBox {border:none!important;margin:0px!important;padding:0px!important;float:none!important;}

.btn {width:90%;}
.buttonsidebar {color:#309afe;font-size:11px;padding:3px 10px;width:auto;margin:7px -10px -10px -10px;display:block;}
.mobileButtonBottom {position: fixed;bottom: 85px;left: 0px;margin: 0px 20px 15px 20px !important;z-index: 999;	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
		border-radius: 5px;	width: calc(100% - 70px);}
.mobileButtonBottomNoCookie {bottom: 0px!important;}
.showBannerPadding {padding-bottom: 340px!important;}

	/* Tabelen*/
table.tablesorter thead tr th, table.tablesorter tfoot tr th {font-size: 1.0em;}
table th.nobreak {white-space:normal!important;}


/* show the button on small screens */
#menu-button, #menu-Suchbutton {display:inline;}
/* hide the menu when it has the "collapsed" class set by the script */
#TopNav-Menu.collapsed {display:none!important;}

.PicM img {margin:5px 0px 8px 0px!important;max-width:100%;}
.PicR img {margin:5px 0px 8px 0px!important;max-width:100%;}
.PicL img {margin:5px 0px 8px 0px!important;max-width:100%;}

.PicFrameR {margin:5px 0px 8px 10px!important;width:calc(100% - 20px)!important;}
.PicFrameL {margin:5px 10px 8px 0px!important;width:calc(100% - 20px)!important;}

.PicFrameR img, .PicFrameL img {text-align:left!important;max-width: calc(100% - 34px);}

figure.PicL, figure.PicFrameL {width:calc(100% - 20px)!important;margin:5px 0px 8px 0px!important;float:none!important;}
figure.PicR, figure.PicFrameR {width:calc(100% - 20px)!important;margin:5px 0px 8px 0px!important;float:none!important;}

.PicR {float:none;margin:5px 0px 5px 10px;max-width:100%;width:calc(100% - 20px)!important;}
.PicL {float:none;margin:0px 15px 8px 0px;max-width:100%;width:calc(100% - 20px)!important;}
.PicTopR {float:right;margin:-20px -20px 0px 10px;max-width:40%;}


/* ### Topmenüs */
div.TopMenu {float:none!important;}

/*Personen*/
.PersonBox {float:left;margin:0px 3px 5px 2px;width:55px;height:115px!important;line-height:1.1em;font-size:9px;display:block!important;}
.PersonBox a {display:block;}
.PersonBox a img {width:55px;margin-bottom:4px;}
.GruppenBox {width:100%!important;background-color:#f1f1f1;padding:2px 0px;float:left;margin:3px 0px 3px 0px;box-sizing:border-box;}
.GruppenDetailBox {width:98%!important;border:1px solid #999;background-color:#fff;margin:3px 50px 3px 3px!important;float:none;}
.GruppenBox100P {background-color:#f1f1f1;padding:2px;margin:0px 3px;text-align:center}
.GruppeVorstand {float:left;margin:4px 0px 0px 0px!important;text-align:center!important;}
.GruppenDetailBox .PersonBox {width:55px!important;}
#PersonDetail table {width:300px!important;}

.qtip {display:none!important;visibility:hidden!important;}

.ContentTabs-outer {top:0px;}
.ContentTabs-inner {width:100%;overflow-y:hidden;}

.tabs {overflow-y:hidden;overflow-x:scroll; 
-ms-overflow-style:none;/* IE and Edge */
scrollbar-width:none;/* Firefox */
white-space:nowrap;top:0px;width:auto;}

.tabs::-webkit-scrollbar {display:none;}

/*SliderBanner*/
.slide-image {background-position:center center;height:160px!important;}

/*Soderfall*/
.Serviceoverviewminus200left {left:-195px!important;max-width:510px!important;overflow:hidden;}

#PageClear {height:1px;}

.LangDE {background:url(/I/Layout/sym/Flag-German.png) 0px 0px no-repeat;padding-left:30px;overflow:hidden;width:0px;display:inline;}
.LangEN {background:url(/I/Layout/sym/Flag-English.png) 0px 0px no-repeat;padding-left:30px;overflow:hidden;width:0px;display:inline;}

.slide-text {display:none;}

/*################             ################*/
/*################ WebControls ################*/
/*################             ################*/

/*#region Controls*/
.xControlContainer.xCaptionInside .xControlInput {max-width:245px;}
}


/*################             ################*/
/*################ WebControls ################*/
/*################             ################*/

/*#region Controls*/

.xControlContainer {/*display:flex;*/flex-direction:row;justify-content:space-between;position:relative;flex:1 1 auto;margin-bottom:1em;margin-left:12px;margin-right:12px;}
.xControlContainer.xCaptionOnTop {flex-direction:column;}
/*.xHiddenForLayout {display:none;}*/

/*#region xControlInput / input inside Controls*/

/*.xControlContainer input,
.xControlContainer .xControlInput {outline:none;border:none!important;border-radius:inherit;width:100%;}*/
.xControlContainer.xCaptionInside input,
.xControlContainer.xCaptionInside .xControlInput,
.xSearchInput {font-size:15px;}

.xCurrencyLabel {margin-left:1.5em;margin-right:1em;font-size:15px;padding-top:1.0em;}

/*#region xInputContainer*/

.xInputContainer.xControlRequired, .xInputContainer.xControlRequired input {background-color:#ffffff!important;}
.xControlRequired > span.xControlCaption::after {content:"*";}
.xSelectorInfo.xControlRequired > span.xControlCaption::after {content:"*";}
.xInputContainer.xInputFocus {border:1px solid #306eae;box-shadow:0px 1px 3px #999;}
.xSelector-input.xInputFocus {border-bottom-left-radius:4px;border-bottom-right-radius:4px;}

.xListRow.xSelected, .xListRow.xSelected > td {color:unset;}

.xInput-image {flex:1;display:flex;align-items:center;padding-right:13px;width:26px;}
.xInput-arrow {display:flex;flex:0 0 auto;align-items:center;width:21px;height:21px;top:50%;margin:0 4px;background-image:url(/I/layout/sym/caqsym-expand-down.png);}

.xNumberEdit-ArrowContainer {display:flex;flex:0 0 auto;flex-direction:column;margin:0 4px;cursor:pointer;}
.xNumberEdit-ArrowUp {width:21px;height:21px;background-image:url(/I/layout/sym/caqsym-NumberEdit-ArrowUp.png);margin-bottom:3px;}
.xNumberEdit-ArrowDown {width:21px;height:21px;background-image:url(/I/layout/sym/caqsym-NumberEdit-ArrowDown.png);}

.xDateEdit-Input-Image {display: flex; flex: 0 1 auto; align-items: center; width: 21px; height: 21px; top: 50%;  margin: 0 0px;background-image:url(/I/layout/sym/calendar-month-21.svg);}
.xUnitLabel {display: flex;	align-items: center; margin:unset; padding:0 10px 0 0; color:#434a54; font-size:1.4em;}

.xSelector-erase-value {position:absolute;top:1.0em;right:2em;margin-right:4px;width:21px;height:21px;background-image:url(/I/layout/sym/caqsym-cancel.png)}
.xPasswordChar.xActive {background-image:url(/I/layout/sym/caqsym-ausblenden.png);}
.xPasswordChar {background-image:url(/I/layout/sym/caqsym-einblenden.png);}

.waitForIt {background-image:url(/I/layout/sym/ProgressSmall.gif);background-size:13px 4px;}

/*#endregion xInputContainer*/


/*#region BooleanInfo*/
/*.xRadioCheck {border-radius:2px;}
.xRadioContainer input:checked ~ .xRadioCheck {background-color:#f1f1f1;}
.xRadioContainer .xRadioCheck:not(.xRadio):after {width:23px;height:23px;background-image:url(/i/layout/sym/caqsym-ok-checked.png);background-position:center center;background-repeat:no-repeat;background-color:unset;left:unset;}*/
/*.xRadioContainer .xRadioLabel {font-size:15px; line-height:1.25em;}
.xRadioContainer .xRadioCheck:after {background-image: url(/I/16/ok-white);}*/

.xRadioContainer input:checked ~ .xRadioCheck.xRadio:after {
	background-image: url(/i/layout/sym/radioselect-white.png);
	background-position: 2px 2px;
}

/*#endregion BooleanInfo*/
/*Temp!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.xControlModified {
	color: #111;
}
.xSelectResizer {background-image:none;}
.xListRow-focused {cursor:pointer;}

.xCaptchaTextContainer {display:flex;margin:0px 12px 0px 0px;}
.xCaptchaTextContainer .xBtnContainer {justify-content:unset;}
.xCaptchaContainer {overflow:hidden;display:flex;flex-direction:row;margin-bottom:1em;margin-top:0.5em;}

.xCaptchaContainer img {border:1px solid #bdbdbd;border-radius:2px;}

.xCaptchaContainer .xbuttonRef {margin:0px 12px 0px 0px!important;}

.xbuttonRef {border-radius:2px;overflow:hidden;height:47px;border:1px solid #bdbdbd;background:url(/i/layout/sym/caqsym-update.png) no-repeat center center;margin:0px 12px 0px 12px!important;width:60px!important;padding:0px!important;}

.xGroupBox .xCollapsedBtn {background-image:url(/i/layout/sym/caqsym-expand-down.png);}
.xGroupBox.xCollapsed .xCollapsedBtn {background-image:url(/i/layout/sym/caqsym-expand-up.png);}

.xButton {font-size:16px;font-weight:500;}
.xButton.xTextOnly {padding-left:10px!important;}
.xButtonText {padding-left:8px;}
.xControlContainer textarea {font-size:15px;}
.xListCellText, .xListHeaderText {font-size:14px;}

button.CAQOKButton, button.ButtonOK {color:#fff;background-color:#7bbb01;padding:11px 16px;border-radius:3px;border:none;}
button.CAQOKButton:hover, button.ButtonOK:not([disabled]):hover, button.CAQOKButton.xButton:hover  {color:#fff;background-color:#73af01;transform:scale(1.03);box-shadow:none;}


@media screen and (max-width:640px) {
.xCaptchaContainer {padding-left:12px;}
.xCaptchaTextContainer {flex-direction:column;}
body {-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
}


/*############ Browserspezial #############*/
@media screen and (min-width:0\0) {
/* CSS für alte Versionen von IE */
.HeadColor {position:relative;top:80px;}
}