@import url("../Syr_Default/syr_default.css");
/*
	SYR FARBCODES
	#221e1f - SCHWARZ
	#004a99 - BLAU
	#d6332c - ROT
	#002a55 - DUNKELBLAU
	#231f20 - FOOTERGRAU; f3f3f3
*/
html {
  font-family: 'Arial';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f9f9f9;
  color: #221e1f; }

img {
  border: 0px; }

h1, h2, h3, h4, h5, h6, b, strong {
  font-family: 'Arial';
  color: #221e1f; }

a, a:visited, a:active, a:link {
  text-decoration: none;
  color: inherit; }

a:hover {
  color: inherit; }

hr {
  border: 0px;
  background-color: #00ccff; }

/* GENERAL */
.header {
  background-color: white; }

.header-inside {
  background-color: white; }

.header-upper {
  background-color: #323232;
  color: white; }

.header-searchPreText {
  color: black !important;
  font-family: 'Arial'; }

.searchbox-outer {
  font-weight: bold; }

.header-searchbox {
  color: black;
  font-family: 'Arial';
  font-weight: bold; }

.header-line-text {
  color: #004a99;
  font-weight: bold; }

.header-scrolledSubline ul {
  list-style: none;
  background-color: #004a99; }

.header-scrolledSubline li {
  color: white;
  cursor: pointer;
  border-right: 1px solid #006cb9;
  font-weight: bold; }

.header-scrolledSubline li:first-child {
  border-left: 1px solid #006cb9; }

.header-scrolledSubline li:hover {
  background-color: #0052a5; }

.header-scrolledSubline-outer {
  background-color: #004a99; }

.section1-bg {
  background-color: #004a99; }

.loginbox-outer {
  background-color: white;
  color: black; }

.hidden {
  box-shadow: 0px 0px 3px 0px black; }

.loginbox-outer button {
  border: 0px;
  background-color: #221e1f;
  color: white;
  font-family: Arial Bold;
  cursor: pointer; }

.loginbox-outer-button {
  border: 0px;
  background-color: #221e1f;
  color: white !important;
  font-family: 'Arial';
  cursor: pointer; }

.loginbox-outer-button, .loginbox-outer-button a:hover, .loginbox-outer-button a:link, .loginbox-outer-button a:active {
  color: white; }

.failureModal {
  font-family: 'Arial'; }

.loginbox-headline {
  background-color: #221e1f;
  color: white; }

.loginbox-headline b {
  color: white; }

.loginbox-inputs ul li {
  list-style: none; }

.loginbox-inputs li:first-child {
  color: white; }

.loginbox-inputs ul input {
  font-family: 'Arial';
  border: 0px;
  background-color: #f3f3f3;
  color: black; }

.loginbox-underline {
  font-weight: bold; }

.loginbox-underline section:first-child {
  color: black; }

.jetztRegistrieren {
  color: white;
  font-weight: bold; }

.jetztRegistrieren b {
  color: white; }

.login-subtext b {
  color: white; }

.login-subtext {
  color: white;
  font-weight: bold; }

.login-subtext-alert {
  color: #ff7826;
  font-family: 'Arial'; }

.login-subtext-alert ul li {
  list-style: none; }

.section1-subline {
  color: white; }

.section1-subline ul {
  font-family: 'Arial';
  cursor: pointer; }

.section1-subline ul:hover {
  color: #71c4ff; }

.section1-subline ul li {
  list-style: none;
  cursor: pointer; }

/* apphowto_section */
.section2-bg {
  background-color: #004a99;
  color: white; }

.apphowto_titel {
  color: white; }

.apphowto_list {
  font-weight: bold; }

/* vorteile_section */
.syr_vorteile_section_bg {
  background-color: white;
  color: black;
  font-family: 'Arial'; }

.syr_vorteile_titel {
  font-weight: 800; }

.syr_vorteile_list {
  font-weight: bold;
  list-style-image: url("Images/red_dot.png"); }

/* section 4 */
.section4-bg {
  background-color: white; }

.section4-bg h1 {
  color: #221e1f; }

.section5-bg {
  color: #221e1f;
  background-color: #f3f3f3; }

.section5-bg b {
  color: #221e1f; }

.section5-inner ul li {
  list-style: none; }

.section6-bg {
  background-color: #0052a5;
  color: white; }

.ansicht {
  background-color: #004a99; }

.section7-bg {
  background-color: #231f20;
  color: white; }

.section7-bg b {
  color: white; }

#display_sizes {
  color: #fff; }

#display_sizes li a {
  color: #FFF;
  font-weight: normal;
  text-decoration: none; }

#display_sizes li {
  list-style: none; }

#display_sizes li.select, #display_sizes li:hover {
  background-color: #231f20; }

#display_sizes li.select, #display_sizes li:hover a {
  color: #fff; }

#display_sizes li.select a {
  font-family: 'Arial';
  color: #fff;
  text-decoration: none; }

#display_sizes li a:hover {
  text-decoration: none;
  color: #fff; }

.registration_content input[type="text"] {
  background-color: #f3f3f3;
  font-weight: bold;
  border: none; }

.registration_content input[type="password"] {
  background-color: #f3f3f3;
  border: none; }

.h1-blue {
  background-color: black;
  color: white; }

.inner_page_view {
  background-color: white; }

.RadButton_QRMetro.RadButton:active .rbDecorated, .RadButton_QRMetro.RadButton:focus .rbDecorated, .RadButton_QRMetro.RadButton.rbSkinnedButtonChecked .rbDecorated, .RadButton_QRMetro.RadButton.rbSkinnedButtonChecked:hover .rbDecorated, .RadButton_QRMetro.RadButton.rbLinkButtonChecked .rbDecorated, .RadButton_QRMetro.RadButton.rbLinkButtonChecked:hover .rbDecorated {
  color: #ffffff; }

.RadButton_QRMetro.rbSkinnedButtonChecked, .RadButton_QRMetro.rbSkinnedButtonChecked.rbHovered, .RadButton_QRMetro.rbSkinnedButtonChecked input.rbDecorated, .RadButton_QRMetro.rbSkinnedButtonChecked.rbHovered .rbDecorated {
  background-color: #004a99; }

.rbSkinnedButton {
  background-color: transparent;
  border: 0 none;
  text-decoration: none !important; }

.imprint_outer a {
  text-decoration: underline; }

.warning {
  color: #d6332c !important; }

@media (max-width: 1100px) {
  .section1-bg {
    background: none;
    background-color: #004a99; }
  .section1-bg {
    background-color: #004a99; } }

/*Default Adminpage*/
.roundedBorder {
  border: 2px solid #004a99; }

.roundedBorder50 {
  border: 2px solid #004a99; }

.roundedBorder100 {
  border: 2px solid #004a99; }

.section7-bg b {
  color: white; }

.rlbGroup {
  overflow: hidden !important; }

.rlbItem {
  float: left !important; }

.rlbGroup, .RadListBox {
  width: auto !important; }

.small_grey {
  color: #999999;
  font-family: Verdana,Helvetica,Geneva,Arial,sans-serif;
  font-size: 10px;
  font-weight: normal; }

.mandatory_item {
  color: #c50a33 !important; }

/* video box on qr-Code-Scan */
.expand span:before {
  content: "\f08e ";
  font-family: FontAwesome;
  padding-right: 5px;
  margin-left: 10px; }

.qrVideoTrigger input[type="checkbox"]:checked ~ .qrVideoFrame {
  display: block !important; }

.fieldsetContainer {
  height: 0;
  overflow: hidden;
  transition: height 400ms linear; }

.dataContainer input {
  display: none; }

.dataContainer > input:checked ~ .fieldsetContainer {
  height: 100%; }

label .arrow-dn {
  display: inline-block; }

label .arrow-up {
  display: none; }