:root {
  --primary-color: #85d1de; /*#A5CB6B */
  --secondary-color: #93ce8e;
  --link-hover: #7bc574;
  --font-family: "montserrat0regular", sans-serif, Arial;
  --font-family-header: "montserrat_thinbold", sans-serif, Arial;
  --btn-background-color: #93ce8e;
  --btn-border-radius: 30px; /* var(--btn-background-color);*/
  --text-color: #002b39; /* var( --text-color);*/
  --text-font-weight: 300; /* var( --text-color);*/
  --panel-right-btn-bg: #85d1de;
  --panel-right-btn-border: #85d1de;
  --panel-right-btn-bg-hover: #67c4d4;
  --button-height: 46px;
  --small-button-height: 30px;
  --modal-headerBG-color: #67c4d4;
}

body,
body .nivo-caption,
body .camera_caption,
body .timeline .timeline-entry,
body small,
body .flex-caption {
  font-family: var(--font-family);
  font-weight: var(--text-font-weight);
}
body {
  color: var(--text-color);
}
/*
* Title: GS STYLES
* Description: Styles for Cordoba project
* Author: gs
* Date: 10/2015
*/

html, body, div, applet, object, iframe,
p, blockquote, pre, h1, h2, h3, h4, h5, h6
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, /*ol, ul, li,*/
form, label, legend, fieldset
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, .text-muted, list-group-item, small, hr, .list-group-item {
  color: rgb(60, 60, 60);
  border-color: rgb(60, 60, 60);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--font-family-header);
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
  font-family: var(--font-family-header);
  font-weight: normal;
  line-height: 1;
  color: rgb(60, 60, 60);
}

h1,
h2 {
  font-size: 27px;
  margin-top: 15px;
  margin-bottom: 16px;
}

h3,
h4 {
  font-size: 23px;
  margin-top: 15px;
  margin-bottom: 16px;
}

ul.categories > li > a {
  color: rgb(60, 60, 60);
}

footer html,footer  body,footer  div, footer  span,footer  applet,footer  object,footer  iframe,footer 
    p,footer  blockquote,footer  pre,footer  h1,footer  h2,footer  h3, footer  h5,footer  h6
    a,footer  abbr,footer  acronym,footer  address,footer  big,footer  cite,footer  code,footer 
    del,footer  dfn,footer  img,footer  ins,footer  kbd,footer  q,footer  s,footer  samp,footer 
    small,footer  strike,footer  strong,footer  sub,footer  sup,footer  tt,footer  var,footer 
    b,footer  u,footer   center,footer 
    dl,footer  dt,footer  dd,footer  /*ol,footer  ul,footer  li,footer */
    form,footer  label,footer  legend,footer  fieldset
    table,footer  caption,footer  tbody,footer  tfoot,footer  thead,footer  tr,footer  th,footer  td,footer 
    article,footer  aside,footer  canvas,footer  details,footer  embed,footer  
    figure,footer  figcaption,footer  footer,footer  header,footer  hgroup,footer  
    menu,footer  nav,footer  output,footer  ruby,footer  section,footer  summary,footer 
    time,footer  mark,footer  audio,footer  video {
  color: white;
}

footer h4,
footer a {
  color: rgb(60, 60, 60) !important;
}

footer input::-webkit-input-placeholder {
  color: rgb(60, 60, 60) !important;
}

footer input:-moz-placeholder {
  color: rgb(60, 60, 60) !important;
}

footer input::-moz-placeholder {
  color: rgb(60, 60, 60) !important;
}

footer input:-ms-input-placeholder {
  color: rgb(60, 60, 60) !important;
}

/******* START MASTER PAGE CSS ******/
html {
  height: 100%;
}
body {
}

/*TopHeader*/

.gs-top-links {
  width: 20%;
}
.gs-top-links li {
  width: 50%;
}
.gs-topbar {
  background-color: var(--primary-color);

  padding: 3px 3px 3px 24px;
  font-size: 13px;
  min-height: 55px;
}
.top-links a {
}
.gs-button-topbar {
  background-color: transparent;
}
.gs-right li {
  margin-top: 10px;
}
.gs-img-rounded {
  margin-right: 5px;
}
.page-header {
  margin: 0 !important;
}
.gs-topheader-container {
  padding: 0px !important;
}
.jbe-topbar .hidden-xs {
  display: inline-block !important;
}

.jbe-topbar .page-header {
  margin: 0 !important;
}

/*Header*/

.gs-header {
  background-color: rgba(130, 130, 130, 0.35) !important;
  color: var(--primary-color); /* old #4a6e3e */
  padding: 15px;
  margin-bottom: 30px !important;
}
.gs-not-vertical-align {
  vertical-align: top !important;
}
.gs-form-group {
  margin-bottom: 0px;
}
.gs-not-vertical-align {
  vertical-align: top;
}
.gs-form-group {
  margin-bottom: 0px;
}
.gs-secondMenu {
  height: 0px;
}
.gs-header-container {
  padding: 0px !important;
}
input,
select,
textarea {
  max-width: none !important;
}
.menuInputGroup.open > .gs-management-menu {
  display: flex;
  flex-direction: row;
}
.gs-listitem {
  color: black;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: var(--primary-color); /* old #4a6e3e */
  color: white;
}
.dropdown-menu > li > a {
  padding-bottom: 4px;
  padding-top: 4px;
}
.gs-listitem:hover {
  color: var(--primary-color); /* old #4a6e3e */
}

/* NormalLayout */
.normallayout body {
  background-attachment: fixed;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.normallayout .body-content {
  min-height: 600px;
}

/* FullWidthLayout */
.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

body {
  background-attachment: fixed;
  background-position: 0 0;
  background-repeat: no-repeat;
}
/*make page fullwidth. set content 100% width*/
#content {
  background-color: transparent;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 600px;
}

/*_Layout*/

.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

.gs-master {
  min-height: calc(100vh - 150px);
}

.gs-main-container {
  padding: 0px 27px;
  min-height: 700px;
}

/*Footer*/
#footer address .footer-sprite {
  padding-left: 0px !important;
}
#footer address {
  margin-left: 84px;
}
#footer address .footer-sprite .gs-address {
  padding-left: 30px;
}
.gs-float-left {
  float: left;
}
.gs-footer-logo {
  margin-bottom: 0px !important;
  margin-top: -30px;
}

#footer ul.footer-posts > li {
  padding: 2px 0;
}

/* General */
h1 {
  margin-bottom: 16px;
}
.btn-default {
  border-width: 1px;
}
.btn-toolbar {
  margin-top: 10px;
}
.btn.active {
  box-shadow: none;
}
.ul-dropdown-menu {
  list-style: none;
  padding-left: 20px;
}
.dropdown {
  margin-right: 15px;
}
ul li.current a {
  font-weight: bold;
  color: var(--primary-color); /* old #4a6e3e */
}
/*
img.img-initial{ // ES hei�t initial, weil die Angaben "initial" sein sollten, nicht 32px!
    height:32px;
    min-width:32px;
}
*/
.modal-dialog {
  box-shadow: none;
}

.peru.dialog [gs-click="click-save"] {
  height: var(--button-height) !important;
}

.modal-header {
  background-color: var(
    --modal-headerBG-color
  ); /*rgba(55, 94, 40, 1); old #4a6e3e */
  border-bottom: 1px solid var(--modal-headerBG-color);
}
.modal-header .modal-title,
.modal-header button {
  color: white;
  opacity: 1;
}
.panel-primary > .panel-heading,
.modal-dialog .panel,
.modal-dialog .panel-heading,
.panel,
.panel-heading {
  background-color: var(
    --modal-headerBG-color
  ); /*rgba(55, 94, 40, 1); old #4a6e3e */
  border: 1px solid var(--modal-headerBG-color);
}
.panel-body {
  background-color: white;
}
.modal-dialog .panel-title,
.panel-title,
.panel-title small {
  color: white;
}
#topBar ul.top-links > li > a > i {
  opacity: 1;
}

.close {
  text-shadow: none;
}
/******* END MASTER PAGE CSS ******/

/******* START VIEWS *******/

/* Login */

.gs-item {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 5px;
  margin-top: 24px;
  padding: 22px 25px;
  margin: 10px 0px;
}
.gs-item .gs-p {
  margin-bottom: 5px;
}
.loginForm {
  margin-top: 20px;
}
#LoginDialog .col-xs-1 {
  width: 100% !important;
}
#LoginDialog .btn-primary,
#PasswordForgottenDialog .btn-primary {
  color: white;
  border-color: transparent;
  background-color: var(--primary-color); /* old #4a6e3e */
  height: 34px;
}
#LoginDialog input {
  max-width: none;
}
#LoginDialog #dataForm {
  margin-bottom: 0px;
}

/* Logout */
.gs-main {
  background-color: var(--primary-color); /* old #4a6e3e */
  border-radius: 10px;
  padding: 20px;
}
.gs-main .btn-success {
  color: white;
  border-color: white;
  background-color: transparent;
}
.gs-color-white {
  color: white;
}
.gs-imagewrapper-logout {
  margin-top: 40px;
}

/* Dashboard */
.gs-test-box {
  height: 200px;
  width: 200px;
  background-color: black;
}

.gs-spacer {
  height: 50px;
}

.gs-row {
  padding-bottom: 10px;
}

.gs-section {
  padding-top: 0px;
}

/* Dashboard Box item*/

.jbe-no-padding {
  padding: 0px !important;
}

.jbe-no-margin-bottom {
  margin-bottom: 0px;
}

.jbe-dashboard-heading {
  margin-top: 20px;
}
.jbe-button-success {
  width: 70%;
  margin-top: 20px;
}
.jbe-button-container {
  width: 100%;
  text-align: center;
}

/* Register */
.gs-register-container #RegisterDialog,
.gs-register-container .page-header {
  background-color: #ffffff;
  border-radius: 5px;
}
.gs-register-container {
  margin: 30px 0px;
  background-color: white;
  border-radius: 5px;
  padding: 20px;
}
.gs-register-container .page-header h1 {
  margin-bottom: 0px;
}
.gs-register-container h3 {
  margin-bottom: 5px;
}

/* Members */
.conditionColor-Silver {
  color: silver;
}
.conditionColor-Red {
  color: red;
}
.conditionColor-Green {
  color: green;
}
.conditionColor-Yellow {
  color: yellow;
}

/* PictureBoxItem.cshtml */

.borderedLink {
  border: 1px solid black;
  padding: 11px;
  border-radius: 5px;
  color: black;
}

.borderedLink:hover {
  background-color: #ddd;
}

.color_black {
  color: black;
  font-size: 20px;
}

.PictureBoxItem-entry {
  border: 1px solid black;
  padding: 10px;
  margin-bottom: 10px;
}

.PictureBoxItem-ButtonList {
  margin-bottom: 10px;
}

.PictureBoxItem-Caption {
  font-weight: bold;
}

/* PhotosHtml.cshtml */

.photos-dollar {
  font-size: 135px;
  color: rgb(60, 60, 60);

  margin: 0px;
  padding: 0px;

  margin-top: 20px;
}

.photos-price {
  margin-top: 0px;
  font-size: 80px;
  font-weight: bold;
  color: rgb(60, 60, 60);
}

.photos-price_cent {
  position: relative;
  left: 140px;
  top: 82px;
  font-size: 20px;
  color: black;
  text-align: left;
}

.photos-price_unit {
  position: relative;
  left: 145px;
  top: 115px;
  font-size: 20px;
  color: black;
  text-align: left;
}

.photos-PricesInfotext {
  margin-top: 57px;
}

.photos-imageDisplayContainer {
  padding: 5px;
}

.debug {
  border: 1px solid;
}

.TiledCRUDListView-Container {
  padding-top: 20px;
  padding-bottom: 15px;
}

.TiledCRUDListView-Image {
  border: 1px solid black;
}

.TiledCRUDListView-Subtitle {
  height: 1.6em;

  top: -2em;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.75);
  padding-left: 10px;
  border: 1px solid black;
  color: black;

  position: absolute;
  width: 100%;
}

.btn.btn-leaf {
  border-radius: 12px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.PinterestCrudList {
  /*margin-top:30px;*/
}
.PinterestCRUDListView-Hidden-Block {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.25s ease-out;
}

.PinterestCRUDListView-Hidden-Block:hover,
.PinterestCRUDListView-Entry:hover .PinterestCRUDListView-Hidden-Block {
  opacity: 1;
  transition: opacity 0.5s ease-out;
}

.PinterestCRUDListView-Hidden-Block > a {
  display: inline-block;
  margin: 5px 5%;
}
.PinterestCRUDListView-Hidden-Block > a:first-child {
  margin-left: 5px;
}

.PinterestCRUDListView-Hidden-Block > a:last-child {
  margin-right: 5px;
}

.PinterestCRUDListView-ImageDisplayContainer {
  padding: 5px !important;
}

.PinterestCRUDListView-Entry {
  border: 1px solid #ddd;
  /*border-radius: 4px;*/

  margin-bottom: 10px;
}

.PinterestCRUDListView-Entry-Image-Container {
}

.PinterestCRUDListView-Entry-DateTime {
  margin-bottom: 10px;
  margin-top: 5px;
  font-size: 10px;
  color: rgba(25, 25, 25, 1);
}
.PinterestCRUDListView-Entry-Image {
  /*border-radius: 4px 4px 0px 0px;*/
}

/*.PinterestCRUDListView-ButtonList{
    margin-right:-5px;
}*/

.PinterestCRUDListView-Entry-Text {
  padding: 10px;
  padding-bottom: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.PinterestCRUDListView-ButtonList {
  margin-bottom: 0;
}

ul.PinterestCRUDListView-ButtonList > li {
  margin-bottom: 10px;
}

.PinterestCRUDListView-Caption {
  font-weight: bold;
}

.PinterestCRUDListView-marker {
  position: absolute;
  top: 10px;
  /*left:-90px;*/
  right: 10px;
  /*width: 83px;*/
  z-index: 10;
  display: none;
  text-align: right;
}

.PinterestCRUDListView-showHot {
  display: block;
}

.SearchResultsCrudListView-Content-Top {
  position: absolute;
  line-height: normal;
  vertical-align: top;
  width: 100%;
}

.SearchResultsCrudListView-Content-Bottom {
  line-height: normal;
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
}

.SearchResultsCrudListView-Content {
  line-height: 200px;
}

.page-header > h1 {
  margin-top: 8px;
  margin-bottom: 0px;
}

.modal-content .select-forms {
  /*background-color: brown;*/
}

.modal-content {
  border-radius: 0;
}

.btn {
  color: var(--text-color);
  display: inline-flex;
  gap: 15px;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: var(--btn-border-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-inline: 28px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 100px;
  border-width: 2.5px;
}

.modal-dialog.modal-md .btn {
  padding: 6px 8px;
  &:not(.sm):not(.search):not(.btn-xs):not(.drop):not([gs-click]):not(
      [gs-role]
    ):not(.btn-sm):not(.dropdown-toggle) {
    height: 34px;
  }
}

.btn > span {
  line-height: 1;
}

.btn:not(.sm):not(.search):not(.btn-xs):not(.drop):not([gs-click]):not(
    [gs-role]
  ):not(.btn-sm):not(.dropdown-toggle):not(.btn-file) {
  height: 61px;
  min-width: 200px;
}

.btn.btn-xs,
.btn.btn-sm {
  min-height: 30px;
  min-width: var(--small-button-height);
  font-size: 15px;
}
.btn.drop {
  border-radius: 0;
}
.peru.dialog .modal-footer .btn {
  height: 42px;
}

.modal-body div.btn-toolbar button.btn {
  min-width: unset !important;
  min-height: var(--small-button-height);
  height: 42px !important;
}

div.btn-toolbar .form-control {
  max-height: var(--small-button-height);
}

div.peru.dialog div.btn-toolbar button.btn {
  border-radius: 5px;
  height: var(--small-button-height) !important;
}
div.peru.dialog button.btn {
  height: var(--small-button-height);
}

div.btn-toolbar .form-control {
  height: 42px !important;
}
div.btn-toolbar .input-group-sm .form-control {
  height: var(--small-button-height) !important;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: var(--text-color);
  background-color: #fff;
  border-color: #ccc;
  border-width: 1px;
}

.btn-default[gs-click="click-load-more"] {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  border-radius: var(--btn-border-radius);
}
.btn-primary:focus,
.btn-primary.focus {
  background-color: var(--btn-background-color);
  border-color: #a4cb6b;
}
.btn-primary:hover {
  background-color: var(--btn-background-color);
  border-color: #a4cb6b;
}
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-color: var(--btn-background-color);
  border-color: black;
}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  background-color: var(--btn-background-color);
  border-color: #a4cb6b;
}
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: var(--btn-background-color);
  border-color: black;
}

.btn-info {
  background-color: #5bc0de;
  border-color: #46b8da;
  border-radius: var(--btn-border-radius);
}
.btn-info:focus,
.btn-info.focus {
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

section.green.page-header .breadcrumb a {
  color: #fff;
}

section.green.page-header {
  color: #fff;
  border: none;
  background-color: none;
  background: none;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background: none;
}

.header-background {
  background: none;
  /*
    background-image: url(images/Header_Graskante.jpg);
    background-size: auto 100px;
    background-repeat: repeat-x;
    */
}

#wrapper > .green.page-header {
  display: none;
}

#wrapper.header-background {
  box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  /* margin-bottom: 15px; */
}

section.green.page-header a {
  color: rgb(60, 60, 60);
  /*background-color:rgba(255, 255, 255, 0.9);*/
  padding: 0px;
}

.details-nice .nav-tabs > li > a {
  border-radius: 0 !important; /* Muss essentials.css .nav-tabs>li>a �berschreiben */
}

section.green.page-header .searchField,
section.green.page-header .btn {
  background-color: rgba(255, 255, 255, 1);
}

section.green.page-header ul.page-options a {
  color: #ccc;
}

#header {
  border-bottom: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

#header.sticky.clearfix {
  background: none;
}

#header.sticky.clearfix.fixed {
  background: rgba(255, 255, 255, 0.95);
}

span.label-green,
span.badge-green,
.list-group-item.active > .badge.badge-green {
  background: var(--primary-color) !important;
  opacity: 0.8 !important;
  z-index: -1 !important;
}

a.loginLink {
  color: var(--text-color); /* old #4a6e3e */
  display: inline-block;
  text-decoration: underline;
}
a.loginLink:hover {
  color: var(--link-hover); /* old #4a6e3e */
}

.header-search-addon {
  background-color: transparent;
  border: 0px;
}

@media (max-width: 992px) {
  .guteGruende {
    display: none;
  }
}

@media (max-width: 1199px) {
  #topMain.nav-pills > li > a.dropdown-withsub {
    padding-right: 4px !important;
  }
}

@media (max-width: 1430px) {
  .guteGruende {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  #header #topNav a.logo {
    height: 60px !important;
    line-height: 91px !important;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 25px !important;
  }
  h2 {
    font-size: 23px !important;
  }
  h3 {
    font-size: 20px !important;
  }
}

/*@media (min-width: 768px) and (max-width: 992px) {
  h1 {
    font-size: 38px!important;
  }
  h2 {
    font-size: 33px!important;
  }
  h3 {
    font-size: 30px!important;
  }
}*/

.box-shadow-1 {
  -webkit-box-shadow: 0 11px 6px -5px #999;
  -moz-box-shadow: 0 11px 6px -5px #999;
  box-shadow: 0 11px 6px -5px #999;
}

section {
  padding-top: 4px;
  padding-bottom: 4px;
}

#topBar ul li a,
#mainMenu ul li a,
#topMain ul li a {
  text-transform: none;
}

#LoginDialog hr {
  display: none;
}

hr .fullWidthLine {
  padding-left: 0px;
  padding-right: 0px;
}

.list-group-item {
  border-left: 0px solid black;
  border-right: 0px solid black;
  padding: 5px;
  margin-left: 5px;
  padding-left: 0px;
}

#sidebarLayoutContent .container {
  max-width: 600px;
  padding: 0px;
}
/*
@media (min-width: 992px) {
    #sidebarLayoutContent .container {
        max-width: 700px;
        padding: 0px;
    }
}

  @media (min-width: 1200px) 
  {
    #sidebarLayoutContent .container 
    {
      max-width: 850px;
      padding:0px;
  
    }

  }
  */

.dashboardTeaserHeader {
  background-color: var(--primary-color); /* old #4a6e3e */ /*#a4cb6b;*/
  color: white !important;
  font-weight: bold;
  padding: 5px;
  font-size: 2.7em;
  display: inline-block;
}

.dashboardTeaserDescription {
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: var(--primary-color); /* old #4a6e3e */ /*#a4cb6b;*/
  font-weight: bold;
  font-size: 1.3em;
  padding: 5px;
  display: inline-block;
}

.dashboardTeaserButton {
  margin-right: 10px !important;
  vertical-align: bottom;
}

.dashboardteaserbuttonContainer {
  position: absolute;

  width: 100%;
  height: 20px;
  min-height: 60px;
  bottom: 0px;
}

.dashboardContentContainer {
  margin: 0px !important;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: var(--primary-color); /* old #4a6e3e */
}

a {
  color: var(--primary-color); /* old #4a6e3e */
}

.flexSliderSection {
  border-top: 0px;
}

.customHeaderSection .customHeader i {
  font-size: 26px;
}

.customHeaderSection {
  border: 0px;
  /*padding-bottom:10px; */
  margin: 0;
  padding: 0;
}

.customHeaderSection .customHeader h1,
.customHeaderSection .customHeader h2,
.customHeaderSection .customHeader h3,
.customHeaderSection .customHeader h4,
.customHeaderSection .customHeader h5 {
  margin-bottom: 8px;
  margin-top: 12px;
  text-align: center;
}

.customHeaderSection .customHeader h2 a,
.customHeaderSection .customHeader h3 a {
  font-size: 15px;
  color: gray;
}

.splitcontainer .customHeaderSection .customHeader h1,
.splitcontainer .customHeaderSection .customHeader h2,
.splitcontainer .customHeaderSection .customHeader h3,
.splitcontainer .customHeaderSection .customHeader h4,
.splitcontainer .customHeaderSection .customHeader h5 {
  text-align: left;
}

.label-success {
  background-color: var(--primary-color); /* old #4a6e3e */
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: var(--primary-color); /* old #449d44 */
}

.input-group-btn .btn-success,
.dashboardteaserbuttonContainer .btn {
  background-color: var(--primary-color); /* old #4a6e3e */
  border-color: var(--primary-color); /* old #4a6e3e */
}

section.featured-grid div.row > div .ribbon:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border: 150px solid brown;
  border-right: 0;
  border-bottom: 0;
  border-left: 150px solid transparent;
}

section.featured-grid {
  margin-left: 25px;
  margin-right: 25px;
  border: 0px;
}

section.featured-grid > div > div:nth-of-type(1) > div {
  margin-right: 11px;
}

section.featured-grid > div > div:nth-of-type(2) > div {
  margin-left: 11px;
}

section.mainTeaser-grid {
  margin-left: 15px;
  margin-right: 15px;
}

.details-video {
  width: 100%;
}

.videoDetailsTexts {
  margin: 0px;
  margin-left: 6px;
  margin-right: 6px;
}

.videoDetailsTexts div {
  padding: 0px;
}

.videoDetailsTexts .videoDetailsButtonsDiv {
  text-align: right;
  padding: 0px;
}

.videoDetailsTexts .btn {
  margin: 0px;
}

.videoDetailsTexts .btn i {
  margin-right: 5px;
}

.customHeaderWithLink {
  padding-left: 5px;
  margin-bottom: 0px;
}

.teaserContentContainer {
  margin: 0px !important;
}

.TeaserHeader {
  background-color: none;
  color: var(--primary-color); /* old #4a6e3e */
  font-weight: bold;
  padding: 5px;
  font-size: 2.5em;
  display: inline-block;
  margin-left: 22.5%;
  margin-bottom: 0px;
  margin-top: 2%;
}

.TeaserDescription {
  color: var(--primary-color); /* old #4a6e3e */
  font-weight: bold;
  font-size: 1em;
  max-width: 19%;
  padding: 5px;
  display: inline-block;
  margin-left: 22.5%;
}

.TeaserbuttonContainer {
  width: 100%;
  height: 20px;
  min-height: 60px;
  bottom: 0px;
}

.TeaserButton {
  margin-left: 71% !important;
  bottom: 16%;
  font-size: 1em;
  background-color: rgba(255, 255, 255, 0.75);
  border-color: white;
  color: var(--primary-color); /* old #4a6e3e */
  position: absolute;
}

.TeaserButton:hover {
  background-color: white;
  border-color: white;
  color: var(--primary-color); /* old #4a6e3e */
}

.teaserPriceTag {
  position: absolute;
  width: 14%;
  height: 64%;
  right: 17.8%;
  top: 9%;
  background-image: url(images/Etikett.png);
  background-size: contain;
}

.teaserPriceTag .teaserPriceTagBefore {
  text-align: center;
  top: 16%;
  position: absolute;
  width: 100%;
  color: white;
  font-size: 1.55vw;
  letter-spacing: 2px;
}

.teaserPriceTag .teaserPriceTagPrice {
  text-align: center;
  top: 34%;
  position: absolute;
  width: 100%;
  color: white;
  font-size: 2.6vw;
}

.teaserPriceTag .teaserPriceTagAfter {
  text-align: center;
  top: 65%;
  position: absolute;
  width: 100%;
  color: white;
  font-size: 1.45vw;
  letter-spacing: 2px;
}

.teaserImage {
  margin: 0px;
  padding: 0px;
}

.TeaserSection {
  position: relative;
  border: 0px;
  padding: 0px;
  margin-bottom: 32px;
}

section {
  border-bottom: none;
}

.page-header {
  border-bottom: none;
}

#FormVirtualMachines .page-header {
  text-align: center;
}

#topNav div.submenu-gs ul.dropdown-menu {
  background-color: var(--primary-color); /* old #4a6e3e */
  color: #fff;
}

#topNav div.submenu-gs ul.dropdown-menu li > a {
  color: #fff;
  font-weight: 400;
}
#topNav div.submenu-gs ul.dropdown-menu li:hover > a {
  font-weight: 500;
}

#topMain.nav-pills > li > a {
  font-size: 0.9em;
}

#topNav div.submenu-gs ul.dropdown-menu {
  /*border-color: #3f5d36;*/
  color: #fff;
}

@media (max-width: 1199px) and (min-width: 992px) {
  #topNav #topMain > li.dropdown > ul.dropdown-menu {
    left: calc(-200px + 100%);
  }

  #topNav ul.dropdown-menu > li:hover > ul.dropdown-menu {
    left: -100%;
  }
}

#topNav div.submenu-gs #topMain ul.dropdown-menu ul.dropdown-menu {
  border-left: 1px solid #fff !important;
}

#topNav div.submenu-gs ul.dropdown-menu > li.dropdown {
  margin-right: 0;
}

body #topNav div.submenu-gs ul.dropdown-menu > li a {
  color: #fff;
}

body #topNav .submenu-gs ul.dropdown-menu li {
  border-bottom-color: #fff;
}

#wrapper.header-background {
  border: 0 none;
}

.item-box-margin {
  margin-bottom: 10px;
}

#footer .footer-background {
  /* background-image: url(images/Footer_Cordoba.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    height: 150px; */
  display: none;
}

#footer .footer-first-column {
  margin-left: 84px;
}

#footer .footer-second-column {
  margin-top: 28px;
}

#footer .container {
  padding-top: 58px;
  /*padding-bottom: 70px;*/
}

#footer .copyright .container {
  padding: 0;
  /*margin-top: 210px;*/
  color: #fff;
}

#footer .copyright .container a {
  color: #fff !important;
}

#footer {
  background: none;
}

#footer > .copyright {
  background-color: var(--text-color);
  padding: 10px 0;
}

#footer form .input-group input {
  color: rgb(60, 60, 60);
}

#footer form .input-group-btn .btn-success {
  background-color: rgb(226, 233, 191);
  color: rgb(60, 60, 60);
  border-color: rgba(0, 0, 0, 0.25);
}

select.input-sm,
.input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  min-height: 32px;
}

ul.process-steps li.active a {
  background-color: rgb(156, 199, 111);
  border: none !important;
}

#footer form .input-group-addon {
  background-color: rgb(226, 233, 191);
  color: rgb(60, 60, 60);
}

address > ul > li {
  font-size: 22px;
}

address > ul > li > i {
  font-size: 26px;
  min-width: 30px;
}

address > ul > li .gs-address {
  font-size: 14px;
  margin-bottom: 12px;
}

ul.process-steps li.active a:hover,
ul.process-steps li.active:hover > a {
  background-color: rgb(117, 156, 77);
}

.checkout-check-left {
  /*border: 1px solid grey;*/
  padding-top: 20px;
  padding-bottom: 20px;
}

.checkout-check-right {
  border: 1px solid #f39200;
  padding-top: 12px;
  padding-bottom: 8px;
  position: absolute;
  right: 0;
  top: 8px;
}

.checkout-price {
  margin-left: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.checkout-check-right hr {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.checkout-price b {
  margin-left: 12px;
}

.checkout-price span {
  float: right;
  margin-right: 12px;
}

.checkout-price hr {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.checkout-check-right .media-object {
  max-height: inherit;
  max-width: inherit;
}

.checkout-check-media {
  overflow-y: auto;
  max-height: 292px;
  padding-top: 8px;
}

#FormCheckout #WizardContent #PageContent {
  min-height: 300px;
}

.news-contents {
  line-height: 32px;
  font-size: 16px;
  padding-bottom: 20px;
  padding-top: 10px;
}

/*.form-control {
    border: 1px solid #ccc;
}*/

.page-header .btn,
.page-header-xs .btn {
  border-radius: 0;
}

.page-header .form-control,
.page-header-xs .form-control {
  border: 1px solid #ddd;
  border-radius: 0;
}

.noborder-left {
  border-width: 1px !important;
  border-left: none;
}

.noborder-right {
  border-width: 1px !important;
  border-right: none;
}

#topBar ul.top-links > li {
  border-right: none;
}

#topBar {
  background-color: var(--primary-color);
  border: none;
}

#topBar li,
#topBar li a {
  color: white !important;
}

#topBar .dropdown-langs a,
#topBar .dropdown-menu a {
  color: rgb(60, 60, 60) !important;
}

#footer .footer-second-column img {
  max-width: 120px;
}

#footer .footer-second-column h4 {
  margin-left: 28px;
}

#footer .form-control {
  border-width: 1px;
  background-color: white;
}

#footer form input[type="submit"]:hover,
#footer form input:focus,
#footer form textarea:focus {
  background-color: rgb(250, 255, 226);
}

.details-nice div.tab-content {
  padding-top: 0;
}

.details-nice .detail-teaser td {
  color: white !important;
  font-weight: bold;
}

.item-box .teaser {
  color: white !important;
  text-align: center;
  padding: 3px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}

.item-box .approval {
  color: white !important;
  text-align: center;
  padding: 3px;
  border-bottom: 1px solid #ddd;
}

.details-nice div.tab-content > #detail-preise > table {
  width: 100%;
  table-layout: fixed;
  border: 1px solid #ddd;
  text-align: center;
}
.details-nice div.tab-content > #detail-preise > table > thead > tr > th {
  background-color: var(--primary-color);
  color: #fff;
  text-align: center;
}

.details-nice div.tab-content > #detail-preise > table > thead > tr > th,
.details-nice div.tab-content > #detail-preise > table > tbody > tr > td {
  padding: 10px 10px;
}

.details-nice div.tab-content > #detail-preise > table > tbody > tr > td {
  background-color: #f5f5f5;
  color: #666666;
}

.details-nice
  div.tab-content
  > #detail-preise
  > table
  > tbody
  > tr.detail-basket-buttons
  > td {
  background-color: inherit;
  background-color: initial;
}

.details-nice
  div.tab-content
  > #detail-preise
  > table
  > tbody
  > tr.detail-input
  > td {
  background-color: #cfcfcf;
  color: #666;
  text-align: left;
  line-height: 1.2;
}

.details-nice
  div.tab-content
  > #detail-preise
  > table
  > tbody
  > tr.detail-input
  > td
  * {
  color: #fff;
  color: inherit;
}

.detail-input .artnr {
  font-size: 0.75em;
}

.details-nice div.tab-content > #detail-preise .price.pricePortrait {
  float: left;
}

.details-nice div.tab-content > #detail-preise .price.pricePortrait .cur {
  /*font-size: 140%;*/
  font-size: 18px;
  position: relative;
}

.details-nice div.tab-content > #detail-preise .price.pricePortrait .old {
  color: rgb(187, 187, 187) !important;
  text-decoration: line-through;
  float: right;
  /*font-size:14px;*/
}

#topMain .glyphicon.glyphicon-tag {
  opacity: 0.6;
}

.details-nice
  div.tab-content
  > #detail-preise
  > table
  > tbody
  > tr.detail-input
  > td
  small {
  color: #676767;
}

.details-nice
  div.tab-content
  > #detail-preise
  > table
  > tbody
  > tr.detail-input
  > td
  > input[type="checkbox"] {
  width: 1.4em;
  height: 1.4em;
  margin-right: 8px;
}

.details-nice
  div.tab-content
  > #detail-preise
  > table
  > tbody
  > tr.detail-input
  > td
  > input[type="checkbox"]:checked {
}

.details-nice .nav-tabs {
  border-color: #000;
}

.details-nice .nav-tabs > li > a {
  border-bottom-color: #000;
  color: #666;
}

.details-nice .nav-tabs > li.active > a,
.details-nice .nav-tabs > li.active > a:hover,
.details-nice .nav-tabs > li.active > a:focus {
  border-color: #000;
  border-bottom-color: transparent;
  color: var(--primary-color); /* old #449d44 */
}

.gs-master h1,
.gs-master h2,
.gs-master h3,
.gs-master h4 {
  color: #414141; /* old #449d44 */
  font-family: var(--font-family-header);
  text-transform: uppercase;
  line-height: 1.3;
}

.gs-master h2,
.gs-master h4 {
  color: var(--text-color); /* old #449d44 */
}

.row.row-cell-padding-5 {
  margin: 0 -5px;
}

.row.row-cell-padding-5 > .col {
  padding: 0 5px;
}

.row.row-cell-padding-7 {
  margin: 0 -7px;
}

.row.row-cell-padding-7 > .col {
  padding: 0 7px;
}

.gs-master .color-std {
  color: #000;
  color: initial;
  color: inherit;
}

.full-container {
  margin: 0 50px;
}

body hr {
  color: #f0f0f0;
  border-color: #f0f0f0;
  margin-top: 53px;
  margin-bottom: 53px;
  background: none;
}

#contenttable .PinterestCrudList > .gs-row > hr {
  visibility: visible;
  border-color: #ddd !important;
  border-style: none;
  border-bottom: double;
  border-width: 3px;
  margin-bottom: 15px;
  margin-top: 5px;
}

#contenttable .PinterestCrudList > .gs-row > hr:first-child {
  display: none;
}

#contenttable .PinterestCrudList > .gs-row > hr,
#dataForm + hr {
  display: none;
}

.input-group > .header-search-addon.input-group-addon {
  padding: 0 0 0 5px;
}

.details-nice section.flexSliderSection {
  padding-top: 0;
}

.flex-caption > b {
  color: #fff;
}

.flex-caption {
  max-width: 650px;
}

.flex-caption h1,
.flex-caption h2,
.flex-caption h3,
.flex-caption h4,
.flex-caption h5,
.flex-caption h6,
.flex-caption p {
  color: #fff;
}

.search-container {
  display: block;
  margin: 0 auto 25px;
  position: relative;
  width: 90%;
}

@media (min-width: 768px) {
  .search-container {
    width: 75%;
  }
}

@media (min-width: 992px) {
  .search-container {
    width: 50%;
  }
}

.customHeader > div > p,
.customHeader > p {
  font-weight: inherit;
}

.TiledCrudList .portfolio-gutter {
  margin-top: 25px;
  margin-bottom: 25px;
}

/*
.picture-type-Free {
    padding: 5px 5px 0;
}
*/

.picture-type-Free > img.PinterestCRUDListView-Entry-Image,
img.PinterestCRUDListView-Entry-Image {
  /*height: auto;*/ /*n�tig f�r verzerrungsfreie responsive Darstellung*/
  /*height: auto;*/
}

.details-nice
  div.tab-content
  > #detail-preise
  > table
  > tbody
  > tr.detail-basket-buttons
  > td {
  padding: 20px 0 0 0;
}

section.flexSliderSection.flex-picture-gallery
  > .flexslider
  > .flex-viewport
  > ul.slides
  > li
  > .flex-caption {
  font-size: 16px;
  margin-left: 0;
  bottom: 30px;
  background-color: rgba(165, 203, 107, 0.8); /* GreenSolutions Green */
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

#detail-preise.noprint > table > thead > tr > th:nth-child(2),
#detail-preise.noprint > table > tbody > tr > td:nth-child(2) {
  visibility: hidden;
}

#detail-preise.noweb > table > thead > tr > th:nth-child(1),
#detail-preise.noweb > table > tbody > tr > td:nth-child(1) {
  visibility: hidden;
}

#detail-preise .detail-input .price > .old {
  text-decoration: line-through;
  color: #f00 !important;
  display: inline-block;
  margin-left: 10px;
  font-size: 0.75em;
}

#detail-preise .detail-input .price > .cur {
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5 {
  color: #3c3c3c;
}

h2 {
  text-transform: uppercase;
}

/*
body .gs-master .page-header h1, 
body .gs-master .page-header h2, 
body .gs-master .page-header h3, 
body .gs-master .page-header h4, 
body .gs-master .page-header h5,
*/

/*.customHeader h1,
.customHeader h2,
.customHeader h3,
.customHeader h4,
.customHeader h5
{
    color: rgba(25, 25, 25, 1);
}*/

.customHeader h1 {
  margin-bottom: 10px;
}

body .gs-master .page-header small {
  margin-top: 0.5em;
  display: block;
}
/*body .gs-master .page-header small,*/
.customHeader h1:last-child,
.customHeader h2:last-child,
.customHeader h3:last-child,
.customHeader h4:last-child,
.customHeader h5:last-child,
.customHeader h6:last-child,
.customHeader p:last-child {
  /*color: var(--primary-color);;*/
  margin-top: 10px;
  padding-top: 0;
}

/*
.customHeader h1,
.customHeader h1 + p {
    text-transform: uppercase;
}
*/

.item-box-desc > h3 {
  color: black;
}

.PinterestCRUDListView-ButtonList .btn-success,
.PinterestCRUDListView-marker > .label-success {
  background-color: var(--primary-color);
  border: 0 none;
  color: #fff;
}

.PinterestCRUDListView-marker > .label {
  margin-bottom: 4px;
  display: inline-block;
}

.PinterestCRUDListView-Entry-Text > h4 {
  color: var(--primary-color);
  color: #355d27; /*dunklere Variante*/
  color: rgba(25, 25, 25, 1);
  font-weight: 500;
}

.PinterestCRUDListView-Entry-Text > h4 > b {
  font-weight: 700;
  color: inherit;
}

.PinterestCRUDListView-Entry-Text > h6 {
  color: #333;
  font-weight: 400;
  color: rgba(25, 25, 25, 1);
}

.PinterestCRUDListView-Entry-Text > h6 > b {
  font-weight: 700;
  color: inherit;
}

.back-button {
  background-color: #aaa;
  color: #fff;
  margin-top: 1em;
  margin-bottom: 1em;
}

.details-search-container {
  position: relative;
}

.details-search-container > section,
.details-search-container > section > div,
.details-search-container > section > div > h2 {
  display: inline-block;
  width: 200px;
}

.details-search-container {
  /*margin-left: 50%;*/
  right: 0;
  margin-top: 15px;
  /*width: 530px;*/
  padding-right: 40px;
  margin-bottom: 10px;
  padding-left: 15px;
}

.details-search-container > form > div > input,
.details-search-container > form > div > .input-group-btn > button {
  height: 36px;
}

.details-search-container > form > div > input {
  font-size: 16px;
}

.details-nice {
  margin-top: 7px;
}

.details-nice > div > h2 {
  margin-top: 0;
  padding-top: 0;
}

.badge-tag {
  background-color: var(--primary-color);
  color: #fff;
  padding: 4px 10px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-right: 5px;
}

.badge-controller {
  background-color: #08f;
  color: #fff;
  padding: 4px 10px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-right: 5px;
}

.breadcrumbs > span.gt:first-child {
  display: none;
}
body #topNav div.submenu-gs ul.dropdown-menu > li.active > a {
  color: #000;
  font-weight: bold;
}

body #topNav div.submenu-gs ul.dropdown-menu > li > a > i {
  color: #fff;
}

.modal.dialog .modal-dialog .modal-footer .btn.btn-success {
  background-color: var(--primary-color);
}

.detail-checkbox-text {
  display: inline-block;
  /*max-width: 220px;*/
  font-size: 14px;
  width: 75%;
}
.detail-checkbox-text > h6 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.detail-checkbox-text > p {
  margin: 0;
}
.detail-checkbox-text > p.price {
  font-size: 1.125em;
  margin-top: 3px;
}
.detail-mode-rent .detail-checkbox-text {
  /*font-size: 12px;*/
}
.detail-input {
}
.detail-input input {
  vertical-align: top;
  margin-top: 17px;
}

.video-play-button {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  display: table;
}
.video-play-button > span {
  vertical-align: middle;
  display: table-cell;
}

.video-play-button > span > i {
  color: #eee;
  background-color: rgba(0, 0, 0, 0.5);
  width: auto;
  height: auto;
  padding: 10px 16px 10px 20px;
  border-radius: 15px;
}

.video-play-button-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.position-relative {
  position: relative;
}

.details-nice.-video {
  margin-top: 15px;
}

.entry-content li {
  list-style-type: disc;
}

#WizardContent > hr {
  display: none;
}

#detail-preise ul {
  display: inline-block;
  padding-right: 40px;
}
#detail-preise ul > li {
  list-style-type: none;
}

.video-resolution > span {
  font-weight: bold;
}

.bold-phone {
  font-weight: 500;
}

body .row {
  margin-left: 0;
  margin-right: 0;
  /* outline: 2px dashed #f00; /*debug: rows ohne container*/
}

body .container .row,
.inputtable .row {
  margin-left: -15px;
  margin-right: -15px;
  outline: none;
}

.signageEditor .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.signageEditor .btn-group.finish {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.signageEditor .btn {
  border-radius: 0;
  padding: 6px 12px;
}

.publisherdialog .modal-title {
  font-size: 18px !important;
}

/* ios, no horizontal scroll */
body {
  overflow-x: hidden;
  font-size: 18px;
}

p {
  font-size: 18px;
}

p.hint {
  color: grey;
  font-size: 15px;
}

@media only screen and (max-height: 700px) {
  .publisherdialog .modal-body {
    max-height: 600px;
  }
}

@media only screen and (max-height: 1024px) {
  .publisherdialog .modal-body {
    max-height: 820px;
  }
}

@media only screen and (min-width: 1200px) {
  .publisherdialog .modal-xl {
    width: 1200px;
  }
}

.newsignagewizarddialog .modal-body {
  max-height: 820px;
}

@media only screen and (min-width: 1200px) {
  .newsignagewizarddialog .modal-xl {
    width: 1200px;
  }
}
.newsignagewizarddialog .close > span[style] {
  display: block !important;
}

/*
.threesixty {
    margin-left: auto;
    margin-right: auto;
}
*/
@media only screen and (max-width: 768px) {
  body .flex-caption {
    display: block !important;
  }

  body
    section.flexSliderSection.flex-picture-gallery
    > .flexslider
    > .flex-viewport
    > ul.slides
    > li
    > .flex-caption,
  body
    section.flexSliderSection.flex-video-gallery
    > .flexslider
    > .flex-viewport
    > ul.slides
    > li
    > .flex-caption {
    font-size: 12px;
    bottom: 10px;
    max-width: 350px;
    background-color: rgba(165, 203, 107, 0.75);
  }
  /*
    body {
        font-size: 12px;
    }
    */
}

@media only screen and (max-width: 768px) {
  body .flex-direction-nav a {
    top: 40%;
    width: 40px !important;
  }
}

@media only screen and (max-width: 768px) {
  .btn-toolbar .btn-group .input-group-btn button[gs-click="click-search"] {
    display: none;
  }
  #FormOrders .btn-toolbar .btn-group:nth-child(3n) {
    margin-left: 5px !important;
    margin-top: 40px;
    display: block;
    float: none;
    clear: both;
  }

  #FormOrders .btn-toolbar > .btn-group:first-child,
  #FormPurchases .btn-toolbar > .btn-group:first-child {
    padding-right: 0;
    width: 89%;
  }

  #FormOrders .btn-toolbar .btn-group:nth-child(2),
  #FormPurchases .btn-toolbar .btn-group:nth-child(2) {
    float: right;
  }
}

@media only screen and (max-width: 480px) {
  body .flex-direction-nav a {
    top: 30%;
  }
}

@media only screen and (max-width: 480px) {
  #FormOrders .btn-toolbar > .btn-group:first-child,
  #FormPurchases .btn-toolbar > .btn-group:first-child {
    width: 82.5%;
  }
}

body .btn.pull-right,
body .btn-group.pull-right {
  margin-top: 0;
}

@media only screen and (max-width: 400px) {
  /*
    body {
        font-size: 12px;
    }
    body {
        font-size: 8px;
    }
    */
  body .flex-caption {
    display: block !important;
  }

  body
    section.flexSliderSection.flex-picture-gallery
    > .flexslider
    > .flex-viewport
    > ul.slides
    > li
    > .flex-caption,
  body
    section.flexSliderSection.flex-video-gallery
    > .flexslider
    > .flex-viewport
    > ul.slides
    > li
    > .flex-caption {
    font-size: 10px;
    bottom: 5px;
    max-width: 250px;
  }

  body .flex-caption .btn {
    display: inline;
    padding: 2px 4px !important;
    line-height: 1;
    /*
        background: none;
        border: none;
        */
  }

  body .flex-caption .row {
    margin-bottom: 0;
  }
}

@media (max-width: 400px) {
  .hidden-xxs {
    display: none;
  }
  .col-xxs-1,
  .col-xxs-10,
  .col-xxs-11,
  .col-xxs-12,
  .col-xxs-2,
  .col-xxs-3,
  .col-xxs-4,
  .col-xxs-5,
  .col-xxs-6,
  .col-xxs-7,
  .col-xxs-8,
  .col-xxs-9 {
    float: left;
  }

  .col-xxs-12 {
    width: 100%;
  }

  .col-xxs-11 {
    width: 91.66666667%;
  }

  .col-xxs-10 {
    width: 83.33333333%;
  }

  .col-xxs-9 {
    width: 75%;
  }

  .col-xxs-8 {
    width: 66.66666667%;
  }

  .col-xxs-7 {
    width: 58.33333333%;
  }

  .col-xxs-6 {
    width: 50%;
  }

  .col-xxs-5 {
    width: 41.66666667%;
  }

  .col-xxs-4 {
    width: 33.33333333%;
  }

  .col-xxs-3 {
    width: 25%;
  }

  .col-xxs-2 {
    width: 16.66666667%;
  }

  .col-xxs-1 {
    width: 8.33333333%;
  }

  .col-xxs-pull-12 {
    right: 100%;
  }

  .col-xxs-pull-11 {
    right: 91.66666667%;
  }

  .col-xxs-pull-10 {
    right: 83.33333333%;
  }

  .col-xxs-pull-9 {
    right: 75%;
  }

  .col-xxs-pull-8 {
    right: 66.66666667%;
  }

  .col-xxs-pull-7 {
    right: 58.33333333%;
  }

  .col-xxs-pull-6 {
    right: 50%;
  }

  .col-xxs-pull-5 {
    right: 41.66666667%;
  }

  .col-xxs-pull-4 {
    right: 33.33333333%;
  }

  .col-xxs-pull-3 {
    right: 25%;
  }

  .col-xxs-pull-2 {
    right: 16.66666667%;
  }

  .col-xxs-pull-1 {
    right: 8.33333333%;
  }

  .col-xxs-pull-0 {
    right: auto;
  }

  .col-xxs-push-12 {
    left: 100%;
  }

  .col-xxs-push-11 {
    left: 91.66666667%;
  }

  .col-xxs-push-10 {
    left: 83.33333333%;
  }

  .col-xxs-push-9 {
    left: 75%;
  }

  .col-xxs-push-8 {
    left: 66.66666667%;
  }

  .col-xxs-push-7 {
    left: 58.33333333%;
  }

  .col-xxs-push-6 {
    left: 50%;
  }

  .col-xxs-push-5 {
    left: 41.66666667%;
  }

  .col-xxs-push-4 {
    left: 33.33333333%;
  }

  .col-xxs-push-3 {
    left: 25%;
  }

  .col-xxs-push-2 {
    left: 16.66666667%;
  }

  .col-xxs-push-1 {
    left: 8.33333333%;
  }

  .col-xxs-push-0 {
    left: auto;
  }

  .col-xxs-offset-12 {
    margin-left: 100%;
  }

  .col-xxs-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-xxs-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-xxs-offset-9 {
    margin-left: 75%;
  }

  .col-xxs-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-xxs-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-xxs-offset-6 {
    margin-left: 50%;
  }

  .col-xxs-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-xxs-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-xxs-offset-3 {
    margin-left: 25%;
  }

  .col-xxs-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-xxs-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-xxs-offset-0 {
    margin-left: 0;
  }
}

.grid-item {
  display: inline-block;
}

.grid-item {
}

@media (max-width: 767px) {
  .footer-background .footer-second-column {
    position: absolute;
    right: 0;
    top: 20%;
    width: 50%;
  }
}

@media (max-width: 500px) {
  .footer-background .footer-second-column {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
  }
}

.newsletter {
}

body .flex-direction-nav .flex-prev,
body .flex-direction-nav .flex-next {
  background-color: rgba(255, 255, 255, 1);
  color: #121212;
  border: 1px solid black;
  opacity: 0;
}

.item-box-desc h5 {
  color: black;
  font-weight: 500;
  font-size: 1.1em;
}

.item-box-desc .priceOld {
  color: rgb(187, 187, 187);
  text-decoration: line-through;
}

.item-box-desc .price.highlitePrice {
  font-size: 140%;
  position: relative;
  top: -3px;
  left: 10px;
}

.hoverable .hoverText {
  position: absolute;
  color: #000;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: 600;
  font-size: 22px;
  opacity: 0;
  text-align: center;
  vertical-align: middle;
  transition: opacity ease-out 0.25s;
}

.hoverable:hover .hoverText {
  opacity: 1;
  transition: opacity ease-in 0.25s;
}

.hoverable .hoverText > span {
  display: block;
  margin-top: 28%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body .customHeader p {
  line-height: 1.5;
}

.input_NewPassword_repeat .inputText,
.input_Password_repeat .inputText,
.input_UsernameOrEMail .inputText {
  white-space: normal;
}

/*
#contents.masonry-grid {
    margin-left: auto;
    margin-right: auto;
}
*/

@media (max-width: 991px) {
  @media (min-width: 768px) {
    .clear-sm-only {
      clear: both;
      display: block;
    }
  }
}

#FormPurchases .subtable .hidden-xxs {
  display: block !important;
}

#FormPurchases .subtable .visible-xxs {
  display: none !important;
}

#FormCheckout button.btn,
#FormPurchases button.btn {
  margin-bottom: 5px;
}

#FormCheckout_AddressPage_AddressesInvoice_ContactAddressDialog_InputTable_Address_HouseNumber_Text,
#FormCheckout_AddressPage_AddressesInvoice_ContactAddressDialog_InputTable_Address_City_Text {
  display: none !important;
}

#topBar .top-links:nth-child(2),
#topBar .top-links:nth-child(2) li {
  white-space: nowrap;
  overflow: hidden;
}

.details-nice .details-nice-image-col {
  text-align: center;
}

.details-nice .details-nice-image-col .threesixty {
}

.details-nice .details-nice-image-col .threesixty img {
  left: 0;
}

.details-nice .details-nice-image-col .threesixty li {
  text-align: center;
}

.details-nice .threesixty {
  width: 500px;
  height: 500px;
  display: inline-block;
  position: relative;
}

@media (max-width: 540px) {
  .details-nice .threesixty {
    width: 385px;
    height: 385px;
  }
}

@media (max-width: 420px) {
  .details-nice .threesixty {
    width: 335px;
    height: 335px;
  }
}

@media (max-width: 370px) {
  .details-nice .threesixty {
    width: 280px;
    height: 280px;
  }
}

@media (max-width: 315px) {
  .details-nice .threesixty {
    width: 200px;
    height: 200px;
  }
  #threeSixtyInfo {
    white-space: normal;
    width: 165px;
  }
}

#spinner {
  text-align: left;
}

body #topBar ul.top-links > li > a {
  display: inline;
}

body #topBar ul > li > i {
  margin-right: 0;
}

body #topBar ul.top-links > li {
  margin-left: 0;
}

input[name="RegisterDialog.inputTable.Captcha.Text"] {
  font-family: var(--font-family);
}

.item-box-tiled {
  position: relative;
}

.item-box-image-link {
  display: block;
  position: relative;
}

.item-box-image-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: opacity ease-out 0.25s;
}

.item-box-image-link:hover .item-box-image-overlay {
  opacity: 1;
}

.item-box-image-overlay > .btn > i {
  color: #666666;
  transition: color ease-out 0.2s;
}
.item-box-image-overlay > .btn:hover > i {
  color: #339933;
}

#advancedSearch .panel-body > .row {
  margin: 0;
}

#advancedSearch .panel-body {
  margin: 0;
  background-color: #f5f5f5;
}

#advancedSearch.notoggle .panel-body {
  margin: 0;
  background-color: white;
  border-bottom: 1px solid #e7e7e7;
}

#advancedSearch.notoggle .panel {
  box-shadow: none;
}

#advancedSearch.notoggle .col-xs-12 {
  padding-left: 2px;
  padding-right: 2px;
}

#advancedSearch.notoggle .panel {
  border: none;
}

#advancedSearch .inputText {
  font-weight: normal;
}

.TiledCRUDListView-group-separator {
  margin: 10px 0;
}

.detail-input:empty,
.detail-input > td:empty {
  display: none;
}

/** Bootstrap 5 column equal grid
 ******************************** **/
.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  float: left;
}

@media (max-width: 767px) {
  .col-xs-5th {
    width: 20%;
    float: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .col-sm-5th {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .col-md-5th {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5th {
    width: 20%;
    float: left;
  }
}

.modal-header.newsDialogColor {
  background-color: #c75353;
}

.contactPersonMargin {
  margin-bottom: 5px;
  line-height: 23px;
}

.contactPersonPadding {
  padding-left: 4px;
}

hr {
  margin-top: 53px;
  margin-bottom: 53px;
  border: 0 !important;
  border-top: 1px solid #f0f0f0 !important;
}

.blog-post-item {
  border: none;
}

.PinterestCRUDListView-Entry.selected {
  -webkit-box-shadow: 0px 0px 19px -1px rgba(100, 100, 100, 1);
  -moz-box-shadow: 0px 0px 19px -1px rgba(100, 100, 100, 1);
  box-shadow: 0px 0px 19px -1px rgba(100, 100, 100, 1);
}

.PinterestCrudList
  .PinterestCRUDListView-Entry
  .PinterestCRUDListView-ButtonList {
  width: 100%;
}

.PinterestCrudList
  .PinterestCRUDListView-Entry
  .PinterestCRUDListView-ButtonList
  li.buttons {
  float: right;
  padding: 0px;
}

.PinterestCrudList
  .PinterestCRUDListView-Entry
  .PinterestCRUDListView-ButtonList
  li.checkboxes {
  padding: 0px;
}

.signageEditor .zoom {
  opacity: 0.4;
}

.signageEditor .zoom:hover {
  opacity: 0.9;
}

.signageEditor .items {
  opacity: 0.8;
}

.signageEditor .items:hover {
  opacity: 1;
}

.center {
  text-align: center;
}

.quote {
  position: relative;
  margin: 1.5em 0;
}

.quote > small {
  opacity: 0.7;
  font-size: 1em;
}

h1.contentarea,
h2.contentarea,
h3.contentarea,
h4.contentarea,
h5.contentarea {
  margin-bottom: 0px;
}

.taspoHeaderLogo {
  position: absolute;
  z-index: 100000;
  height: 135px;
  left: -17%;
  max-height: initial !important;
  display: none;
}

@media (min-width: 1410px) {
  .taspoHeaderLogo,
  #rightLinksArea {
    display: block !important;
  }
}

@media (max-width: 1550px) and (min-width: 1410px) {
  .taspoHeaderLogo {
    left: -12% !important;
  }
}

#rightLinksArea {
  width: auto;
  position: fixed;
  top: 30%;
  right: 0px;
  opacity: 0.6;
  z-index: 300;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: none;
  box-shadow: 0px 0px 12px 0px rgba(80, 80, 80, 0.28);
}

#rightLinksArea a {
  padding: 9px;
  font-size: 18px;
  display: block;
  color: #3c3c3b;
}

#rightLinksArea a:hover {
  color: white;
  background: var(--primary-color);
}

#rightLinksArea a .fa {
  width: 22px;
  text-align: center;
}

/*
#rightLinksArea:hover .zentrale img{ 
  content:url("/Templates/gs/Content/images/GS_Logo-Zentrale_Hover.png");
}

#rightLinksArea:hover .vertrieb img{ 
  content:url("/Templates/gs/Content/images/GS_Logo-Vertrieb_Hover.png");
}

#rightLinksArea:hover .support img{ 
  content:url("/Templates/gs/Content/images/GS_Logo-Support_Hover.png");
}
*/
#rightLinksArea:hover {
  opacity: 1;
}

#rightLinksArea hr {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  border-top-color: #dadad9 !important;
}

.containerMarginBottomMiddle {
  margin-bottom: 90px !important;
}

#rightLinksArea .newsletter {
  color: white;
  background: var(--primary-color);
}

#rightLinksArea > a {
  z-index: 300;
  font-size: 16px;
  color: black;
  background-color: #fff;
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(0%) translateY(0) translate3d(0, 0, 0);
  -moz-transform: translateX(0%) translateY(0) translate3d(0, 0, 0);
  -ms-transform: translateX(0%) translateY(0) translate3d(0, 0, 0);
  -o-transform: translateX(0%) translateY(0) translate3d(0, 0, 0);
  transform: translateX(0%) translateY(0) translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

#rightLinksArea > a:hover {
  transform: translateX(-72%) translateY(0) translate3d(0, 0, 0);
}

#rightLinksArea {
  background-color: transparent;
  transform: translateX(72%) translateY(0) translate3d(0, 0, 0);
}

#rightLinksArea > a > span {
  margin-left: 12px;
  padding-right: 5px;
}

.gs-item-box {
}

.gs-item-box img {
  -webkit-box-shadow: 1px 1px 4px 0px rgba(60, 60, 60, 0.75);
  -moz-box-shadow: 1px 1px 4px 0px rgba(60, 60, 60, 0.75);
  box-shadow: 1px 1px 4px 0px rgba(60, 60, 60, 0.75);
  border-bottom: 4px solid #a4cb6b;
}

.gs-item-box .caption {
  min-height: 50px;
  border: 1px solid #ddd;
  margin-bottom: 25px;
  -webkit-box-shadow: 1px 4px 1px 0px rgba(60, 60, 60, 0.75);
  -moz-box-shadow: 1px 1px 4px 0px rgba(60, 60, 60, 0.75);
  box-shadow: 1px 1px 4px 0px rgba(60, 60, 60, 0.75);
  border-top: none;
}

.gs-item-box h4 {
  text-align: center;
  margin-top: 2px;
  color: rgb(60, 60, 60);
  font-size: 14px;
  margin-bottom: 2px;
  padding: 6px;
}

#LoadMore .more-Results-Header .heading-title > div.btn {
  float: none !important;
}

.guteGruende {
  position: absolute;
  top: 0px;
  right: -12%;
}

.guteGruende img {
  width: 83px;
  padding: 5px;
  margin-top: 7px;
}

.sticky.clearfix.fixed .guteGruende img {
  width: 61px;
  padding: 5px;
  margin-top: 0px;
}

.modal-body {
  max-height: 680px;
}

.item-sub-row {
  background-color: #222222;
  color: white !important;
  min-height: 60px;
}

.table-hover > tbody > tr.item-sub-row > td > center {
  background-color: #222222;
  color: white !important;
}

.table-hover > tbody > tr.item-sub-row:hover {
  background-color: #222222;
  color: white !important;
}

.table-striped > tbody > tr.item-sub-row:nth-of-type(odd) {
  background-color: #222222;
  color: white !important;
}

.modal-dialog .row > .table_tile_row_item > .thumbnail {
  position: inherit;
}

.modal-dialog .row > .table_tile_row_item > .thumbnail img {
  position: inherit;
  top: inherit;
  bottom: inherit;
  left: inherit;
  right: inherit;
  margin-bottom: 0px !important;
  margin: inherit;
}

.table_tile_row_item .thumbnail {
  position: relative;
}

.table_tile_row_item .thumbnail input[type="checkbox"] {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 300;
  margin-top: 0px;
}

.table_tile_row_item .thumbnail .caption h3 {
  margin-top: 7px;
  font-size: 14px;
  font-weight: bold;
}

#wrapper.smallHeader .taspoHeaderLogo,
#wrapper.smallHeader .guteGruende {
  display: none !important;
}

#wrapper.smallHeader #topMain > li > a {
  height: 50px;
  line-height: 33px;
  padding-left: 8px;
  padding-right: 8px;
}

#wrapper.smallHeader a.logo {
  display: flex;
  align-items: center;
  height: 70px;
}

#wrapper.smallHeader .container .pull-left {
  display: flex;
}

#wrapper.smallHeader ul.nav-second-main {
  margin-top: 13px;
}

.toggleHeader {
  position: absolute;
  top: 5px;
  right: -50px;
  cursor: pointer;
}

.sticky.clearfix.fixed .toggleHeader {
  display: none !important;
}
.toggleHeader img {
  display: none;
}

.toggleHeader img.active {
  display: block !important;
}

#editorCanvasContainer .sidebar,
#editorCanvasContainer .sidebarContent {
  transition-duration: 0.2s;
  -webkit-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

#editorCanvasContainer .sidebar.toggledOut {
  transform: translateX(265px);
}

#sidebarDialog .col-xs-12.content {
  margin-top: 12px !important;
}

#sidebarDialog #searchForm #searchinput {
  min-width: 300px;
  margin-bottom: 8px;
}

#sidebarDialog .nav.nav-tabs li a {
  color: white !important;
}

.modal-body .newsignagewizard .signageEditor {
  margin-top: -33px;
  margin-bottom: 0px;
  margin-left: -8px;
  margin-right: -8px;
}

.signageEditor #variablesForm label {
  font-weight: normal;
  font-size: 12px;
}

.signageEditor #variablesForm input {
  font-size: 12px;
}

.modal-body .signageEditor {
  margin-top: -8px;
  margin-bottom: -8px;
  margin-left: -8px;
  margin-right: -8px;
}

.publisherdialog .modal-header {
}
/*#sidebarDialog .item.tiled .thumbnail .item-buttons {
    margin-top: 2px;
}*/
#sidebarDialog .nav-tabs li.active {
  color: black;
}

#sidebarDialog .nav-tabs li.active a {
  color: black !important;
}

#sidebarDialog h4 {
  margin-top: 0px;
  margin-bottom: 4px;
  color: white;
}

#sidebarDialog h5 {
  margin-top: 0px;
  margin-bottom: 10px;
  color: silver;
}

#sidebarDialog h5.subtitle {
  color: gray;
}

#sidebarDialog #dataForm div.col-xs-12 {
  padding: 0px !important;
}

#sidebarDialog div.col-sm-6 {
  padding: 0px !important;
  padding-left: 4px !important;
}

#sidebarDialog .inputText {
  color: white !important;
}

#sidebarDialog label {
  color: white !important;
}

/*#editorCanvasContainer .sidebar.toggledIn {
    transform: translateX(0px);
}*/

#editorCanvasContainer .sidebarContent {
  z-index: 999;
  position: absolute;
  display: none;
  left: 56px;
  height: 100%;
  top: 1px;
  width: 300px;
  opacity: 0.9;
  background-color: #161616;
  overflow: auto;
}

#editorCanvasContainer .sidebar {
  z-index: 999;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 55px;
  background-color: #3e3e3e;
  /*border-right: 1px solid gray; */
  overflow: auto;
}

#editorCanvasContainer #properties {
  text-align: center;
  margin-top: 12px;
  margin-bottom: 4px;
}
#editorCanvasContainer .sidebar .toggleMenu {
  right: 0px;
  cursor: pointer;
  z-index: 5000;
  width: 100%;
  text-align: center;
}

#editorCanvasContainer .sidebar .toggleMenu {
  margin-top: 12px;
  margin-bottom: 12px;
}

.sidebarContent .closeAction {
  font-size: 25px;
  color: white;
  position: absolute;
  z-index: 1000;
  right: 21px;
  top: -5px;
  cursor: pointer;
}

#editorCanvasContainer .sidebar .toggleMenu ul li.active {
  background: black;
}

#editorCanvasContainer .sidebar .toggleMenu ul li:hover {
  background: gray;
}

#editorCanvasContainer .sidebar .toggleMenu ul {
  list-style-type: none;
  padding: 0px;
}

#editorCanvasContainer .sidebar .toggleMenu ul li {
  padding-top: 8px;
  padding-bottom: 8px;
}

#editorCanvasContainer .sidebar .toggleMenu ul i {
  margin-right: 0px !important;
}

#editorCanvasContainer .sidebar.toggledOut {
  left: -268px !important;
}

#editorCanvasContainer .sidebar .toggleMenu .switchPoint:not(.active) {
  display: none;
}

#editorCanvasContainer .sidebar .toggleMenu .fa.optionPoint {
  color: white;
  font-size: 22px;
  /*margin-bottom: 20px;*/

  opacity: 0.9;
}

#editorCanvasContainer .sidebar .toggleMenu .fa {
  color: white;
}

#editorCanvasContainer .sidebar .toggleMenu li.newArea {
  margin-top: 20px;
}

#editorCanvasContainer .sidebar.toggledIn #variablesForm {
  display: none;
}

.signageEditor .sidebar label {
  color: silver;
}

.signageEditor #variablesForm label {
}

.signageEditor #variablesForm button {
  margin-top: 4px;
  padding: 3px 8px;
}

.signageEditor .sidebar label.forCheckbox span {
  left: 4px;
  position: relative;
  top: -1px;
}

.signageEditor .sidebar label.forCheckbox {
  margin-top: 9px;
}

.signageEditor .sidebar input[type="checkbox"] {
  margin: 0px;
}

@media (min-width: 1200px) {
  .sticky.clearfix.fixed a.logo img {
    margin-top: 5px;
  }
}

.hierachicahlList.checkbox-list li small a {
  font-weight: normal;
}

.list-unstyled.checkbox-list small a {
  color: rgb(64, 64, 64);
}

.searchSideBar .checkbox-list.label-list li.active label,
.searchSideBar .checkbox-list.label-list li.active small a {
  color: black !important;
}

.sidebar::-webkit-scrollbar {
  background: #3e3e3e;
  width: 8px;
}

.sidebar::-webkit-scrollbar-thumb {
  background: #595959;
  border-radius: 3px;
  /*border-top:5px solid white;*/
  /*border-bottom:5px solid white;*/
}

.price-tag {
}

.price-tag .price {
  font-size: 50px !important;
  padding-bottom: 0px;
  font-weight: bold;
}

.price-tag .price .interval {
  font-size: 20px !important;
  font-weight: normal;
}

.searchSideBar h3,
.searchSideBar h2 {
  color: black;
}

.searchSideBar h3 {
  font-weight: bold;
  color: rgb(25, 25, 25);
}

.inactive .PinterestCRUDListView-Entry-Text {
  color: silver;
}

.inactive .PinterestCRUDListView-Entry-Text > h4 {
  color: silver;
}

.inactive .PinterestCRUDListView-Entry-Text > small {
  color: silver;
}

.inactive .PinterestCRUDListView-Entry-Text > a > small {
  color: silver;
}

#topMain.nav-pills > li > a.dropdown-withsub {
  padding-right: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#topNav .nav-pills > li + li {
  margin-right: 0px;
}

#topNav ul.dropdown-menu li.divider {
  padding: 0;
  border: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: white;
  position: relative;
}
#topNav ul.dropdown-menu li.divider:after {
  content: "";
  border-top: 2px dotted #002b39;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 1px;
}

.modal-dialog .pagination > li > a,
.pagination > li > span {
  padding: 1px 8px;
}

.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable {
  overflow-y: initial;
}

/* News */

/* Tiled */

.item.tiled .thumbnail {
  border-radius: 0px;
}

.item.tiled .thumbnail {
  border-radius: 0px;
}

.item.tiled .thumbnail h3 {
  margin-top: 4px;
  color: black;
}

/* Pinterest */
.item.pinterest.thumbnail {
  border-radius: 0px;
}

.item.pinterest.thumbnail h3 {
  margin-top: 4px;
  color: black;
}

.item.pinterest.thumbnail .columns .column-text a {
  font-weight: bold;
}

/* St�rer */
.stoerer {
  background-color: #f5f5f5;
  padding-bottom: 10px;
  padding-top: 10px;
}

.stoerer p {
  color: black;
}

.stoerer .customHeader h2,
.stoerer .customHeader h3 {
  text-align: center;
}

.item.pinterest.thumbnail .item-teaser {
  background-color: #8cad58 !important;
  padding: 3px 10px 3px 10px;
}

.fullwidth {
  padding-left: 8px;
  padding-right: 8px;
}

.fullwidth .pinterest {
  margin-left: 7px;
}

.btn-toolbar #searchinput {
  max-width: 700px;
  min-width: 212px;
}
.btn-group.btn-group-sm > .btn {
  min-width: unset !important;
}

#topBar .container {
  padding-top: 4px;
  background-color: var(--primary-color);
}

pre,
.alert,
.panel,
.navbar-toggle {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.list-inline.categories.nomargin ul li a {
  color: silver;
}

.nice-image {
  border: 1px solid #ddd;
  padding: 8px;
  position: relative;
  margin-bottom: 20px;
}

.nice-image #zoom {
  right: 8px;
  top: 8px;
  color: silver;
  font-size: 20px;
  position: absolute;
}

.nice-image #hint {
  right: 8px;
  top: 8px;
  color: silver;
  font-size: 10px;
  position: absolute;
}

.nice-image .teaser {
  position: absolute;
  left: 0px;
  top: 32px;
  background-color: red;
  color: white;
  padding: 1px 10px 1px 10px;
  font-size: 12px;
}

#ShopDetailDialog {
  margin-top: 8px;
  margin-bottom: 8px;
}

#PhotoDetailDialog {
  margin-top: 8px;
  margin-bottom: 8px;
}

#PhotoDetailDialog .btn {
  min-height: var(--button-height);
  border-radius: var(--btn-border-radius);
}

#VideoDetailDialog .btn {
  min-height: var(--button-height);
  border-radius: var(--btn-border-radius);
}

.addOrRemoveBasketItemFromBasket {
  margin-top: 10px;
}

.details-nice-tags {
  margin-bottom: 16px;
}

.inputtable hr {
  margin: 4px !important;
}

.mainSearch input {
  border-radius: 0px;
}

.mainSearch.searchExt {
  float: right;
  width: 437px;
  margin-top: 8px;
  margin-left: 22px;
  max-height: var(--small-button-height);
}

#header:not(.fixed) .mainSearch.searchExt {
  margin-top: 18px;
  width: 350px;
}

#header:not(.fixed) ul.nav-second-main {
  margin-top: 23px;
}

#header:not(.fixed) .nav-main {
  margin-top: 10px;
}

#header.fixed .mainSearch.searchExt {
  width: 421px;
  margin-top: 11px;
}

.mainSearch.searchExt input {
  height: 35px;
  border-width: 1px;
  font-size: 13px;
  border-color: #ccc;
}

.mainSearch.searchExt button.search,
.mainSearch.searchExt button.drop {
  font-weight: bold;
  height: 35px;
}

.mainSearch.searchExt button.search i,
.mainSearch.searchExt button.drop i {
  color: gray;
}

.mainSearch.searchExt .open.dropdown-menu {
  min-width: 800px;
}

.mainSearch.searchExt .open.dropdown-menu .wrapper {
  position: relative;
}

.mainSearch.searchExt .open.dropdown-menu .wrapper .close {
  position: absolute;
  top: 0px;
  right: 8px;
}

.mainSearch.searchExt button.close {
  position: absolute;
  top: 4px;
  right: 4px;
}

.mainSearch.searchExt .open.dropdown-menu .wrapper .close {
  position: absolute;
  top: 0px;
  right: 8px;
}

.item-box-desc {
  padding: 4px 20px 20px 20px;
}

.item.tiled.selected .thumbnail {
  border-color: #a4cb6b;
  background-color: #dff0d8;
}

.item-row.selected {
  border-color: #a4cb6b !important;
  background-color: #dff0d8 !important;
}

.item-row .badge {
  font-weight: normal;
}

.item.tiled.datatype_folder img {
  padding: 4px;
}

.item.pinterest.datatype_website img {
  padding: 8px;
}

.item.pinterest.datatype_website .clickable-image {
  background-color: #eeeeee;
}

.item.pinterest.datatype_website .content {
}

.item.pinterest.datatype_website {
  min-width: 280px;
}

.item.tiled.datatype_folder .item-title {
  height: 18px;
  font-size: 12px;
  text-align: center;
}

.item.pinterest.datatype_signage .item-description {
  margin-bottom: 10px;
}

.item.pinterest.selected.thumbnail {
  border-color: #a4cb6b;
  background-color: #dff0d8;
}

#FormSignages_Container_categories {
  margin-top: 20px;
}

.item.tiled.datatype_shortcut img,
.item.tiled.datatype_template img,
.item.tiled.datatype_format img,
.item.tiled.datatype_picture img,
.item.tiled.datatype_signagetype img {
  padding: 4px;
}

.item.tiled.datatype_shortcut .item-title,
.item.tiled.datatype_template .item-title,
.item.tiled.datatype_format .item-title,
.item.tiled.datatype_picture .item-title,
.item.tiled.datatype_signagetype .item-title {
  height: 22px;
  font-size: 12px;
}

.item.tiled.datatype_picture .item-buttons {
  margin-top: 0px;
}

.item.tiled.datatype_shortcut .item-title {
  font-weight: bold;
}

.nav-pills > li > a {
  border-radius: 0px;
}

.zoom-image {
  color: silver;
}

.item-status.approval {
  color: white;
  background-color: gray !important;
}

.pinterest .columns td {
  padding-bottom: 2px;
}

.tiled .columns td {
  padding-bottom: 2px;
}

/* TreeView */
.treeNode.list-group .list-group-item {
  border: none;
}

.treeNode.list-group .list-group-item.staticFolder {
}

.treeNode.list-group .list-group-item.staticFolder span,
.treeNode.list-group .list-group-item.staticFolder i,
.treeNode.list-group .list-group-item.staticFolder a {
  color: var(--text-color);
  font-weight: normal;
  max-width: 200px;
}

.treeNode.list-group .list-group-item.staticFolder a.caption {
  max-width: 200px;
}

.treeNode.list-group .list-group-item.staticFolder.active a.caption {
  font-weight: bold;
}

.treeNode.list-group .list-group-item a.caption {
  display: inline-flex;
  max-width: 45%;
  white-space: nowrap;
  overflow: hidden;
}

@media (min-width: 1200px) {
  #FormSignages_Container div.column_0 {
    width: 70%;
  }

  #FormSignages_Container div.column_1 {
    width: 30%;
  }
}

@media (min-width: 1400px) {
  #FormSignages_Container div.column_0 {
    width: 80%;
  }

  #FormSignages_Container div.column_1 {
    width: 20%;
  }
}

.treeNode.list-group .list-group-item.active {
  background-color: white;
  color: gray;
}

.treeNode.list-group .list-group-item i.glyph {
  color: gray;
  font-size: 18px;
}

.treeNode.list-group .list-group-item.active span.caption {
  font-weight: bold;
}

.treeNode.list-group .chevron {
  color: black;
}

.btn-toolbar > .btn > i.fa,
.btn-toolbar > .btn > span.glyphicon {
  color: black !important;
}

.btn.classicbutton {
  width: 100%;
  padding: 5px;
  margin-top: 10px;
}

.btn.btn-primary.btn-xs img {
  margin-top: -4px;
}

.folders .btn.btn-primary.btn-xs {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.input-group-btn-static {
  position: static;
}

.signageproxydialog .items.gscrudlistview .btn img {
  margin-top: -2px;
}

.gscrudlistview div.btn-toolbar #searchinput .form-control {
  max-height: var(--small-button-height) !important;
  margin-block: 0px;
  min-height: unset;
  border-width: 1px;
}

.gscrudlistview div.btn-toolbar #searchinput .form-control {
  max-height: var(--small-button-height) !important;
  margin-block: 0px;
  min-height: unset;
  border-width: 1px;
}

.gscrudlistview div.btn-toolbar #searchinput .btn.btn-default.btn-round-none {
  margin-inline-start: -1px;
}
.gscrudlistview div.btn-toolbar #searchinput .btn.btn-default.btn-round-noleft {
  margin-inline-start: -1px;
  max-height: var(--small-button-height) !important;
}
.gscrudlistview div.btn-toolbar #searchinput .btn {
  line-height: 1;
  max-height: var(--small-button-height) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search.gscrudlistview .btn {
  height: 42px;
  max-height: var(--small-button-height) !important;
  min-height: unset !important;
}

.search.gscrudlistview
  .btn:not(.sm):not(.search):not(.btn-xs):not(.drop):not([gs-click]):not(
    [gs-role]
  ):not(.btn-sm):not(.dropdown-toggle) {
  height: 42px;
  min-height: unset !important;
}

.search.gscrudlistview .form-control {
  height: 42px;
  max-height: unset;
  min-height: unset !important;
}

#CouponDetailsDialog .customHeaderSection .customHeader h2 {
  text-align: left;
}

#FormSignages_categories {
  margin-top: 10px;
}

#SignageEditorOpenImageDialog .inputtable .row {
  margin-right: 0px;
}

.item.pinterest.vm-hosted {
  border-color: var(--primary-color);
}

.item.pinterest.webapp-hosted .item-teaser {
  background-color: silver !important;
}

#header a.logo > img:first-child {
  height: auto;
  max-height: 70% !important;
}

.newsletterPage ul {
  padding-left: 25px;
  margin-top: 5px;
}

.newsletterPage hr {
  padding-left: 25px;
  margin-top: 5px;
}

.newsletterPage .input-group-btn {
  max-height: 34px;
}

.newsletterPage .input-group-btn > button {
  max-height: inherit;
}

.owl-theme.controlls-over .owl-controls .owl-page {
  background-color: transparent;
}

.owl-theme .owl-controls .owl-page span {
  width: 15px;
  height: 15px;
  display: block;
  background: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  text-indent: -9999px;
  box-shadow: black 0 0 3px 0px;
  border-radius: 20px;
  margin: 0 2px;
  opacity: 0.7;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: var(--primary-color);
}

.owl-theme .owl-controls .owl-buttons div {
  border: 1px solid black;
}

#WizardContent .row {
  margin-bottom: 5px;
}

.wcontainer {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 50px;
  max-width: 1520px;
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
}

div.textandpicture {
  margin-bottom: 0px;
}

.search-container {
  margin-bottom: 56px;
}

.stoerer h2,
.stoerer h4,
div.textandpicture.left h2,
div.textandpicture.left h4,
div.textandpicture.right h2,
div.textandpicture.right h4 {
  color: #4a4a49;
}
div.textandpicture.right a {
  background-color: var(--panel-right-btn-bg);
  border-color: var(--panel-right-btn-border);
}
div.textandpicture.right a:active:hover {
  background-color: var(--panel-right-btn-bg-hover);
  border-color: var(--panel-right-btn-border);
}

div.textandpicture.right .btn-primary:active:hover {
  background-color: var(--panel-right-btn-bg-hover);
  border-color: var(--panel-right-btn-border);
}

.homeheader {
  padding-top: 15px;
  padding-bottom: 0px;
}

.textandpicture .col-md-6 {
  padding-right: 25px;
  padding-left: 25px;
}

.textandpicture .content {
}

.signagesinfotext1 .content {
  margin-top: 25px;
}

.signagesinfotext1 h2 {
  margin-top: 10px;
}

.customHeaderSection {
  margin-top: 28px;
}

.customHeaderSection h2 {
  margin-top: 33px;
}

.small hr {
  margin-top: 20px;
  margin-bottom: 20px;
}

.customHeaderSection .btn {
  margin-top: 15px;
}

.startHeader h2 {
  margin-top: 33px !important;
  margin-bottom: 21px !important;
}

.textandpicture .paragraphheader {
  margin-top: 15px;
}

.textandpicture a {
  margin-top: 13px;
}

.signagesHeader2 {
  padding-top: 0;
}

.owl-carousel .owl-item {
  display: table-cell;
  float: none;
  vertical-align: bottom;
}

.owl-carousel video {
  width: 100%;
  overflow: hidden;
  left: 0px;
  bottom: 0px;
  position: absolute;
  background: transparent;
  z-index: 5;
}

.grouprow h4 {
  color: white;
}

@media (max-width: 786px) {
  .nav-second-main + .pull-left {
    display: block !important;
    margin-top: -15px;
    margin-bottom: 25px;
  }
  #searchForm .row .btn-toolbar {
    display: block !important;
  }

  #searchForm .row .btn-toolbar > .input-group {
    width: 100% !important;
    margin-bottom: 8px;
  }

  #header:not(.fixed) .mainSearch.searchExt {
    margin-top: 18px;
    width: 300px;
    padding: 0;
    margin-left: 8px;
  }
  .btn-toolbar #searchinput {
    width: 100%;
    margin-bottom: 8px;
  }
  #header #topNav a.logo {
    max-height: 62px !important;
    height: unset;
    display: block;
  }
  #header {
    height: unset !important;
    min-height: max-content;
  }
}

.signageproxydialog .modal-dialog {
  width: 1400px;
  max-width: 100%;
}

.foldersdialog .modal-dialog {
  width: 750px;
  max-width: 100%;
}

@media screen and (max-width: 640px) {
  #FormSignages_Container {
    display: flex;
    flex-direction: column;
  }
  #FormSignages_Container > div {
    width: 100%;
  }
}

.text-picture {
  background-color: var(--primary-color);
}

#FormHome .splitcontainer.row {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding-top: 0;
  text-align: center;
  margin-top: 15px;
}

.text-picture .content,
#FormHome .splitcontainer {
  display: flex;
  max-width: 1580px;
  gap: 50px;
  margin-inline: auto;
  padding: 50px 20px;
  margin-block: 25px;
  align-items: stretch;
  flex-wrap: wrap;
}

#FormHome .splitcontainer {
  max-width: 1170px;
}

#FormHome .splitcontainer h1 {
  text-align: center !important;
}

#FormHome .splitcontainer > div {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  max-width: 530px;
}

#FormHome .splitcontainer a.btn {
  margin-top: auto;
  width: fit-content;
}

#FormHome .splitcontainer .customHeader {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#FormHome .splitcontainer p {
  margin-bottom: 25px !important;
}

#FormHome .splitcontainer.row::before {
  content: unset;
}
#FormHome .splitcontainer.row::after {
  content: unset;
}

#FormHome .splitcontainer .customHeaderSection {
  margin-top: 0 !important;
}

#FormHome .splitcontainer .customHeader {
  padding-bottom: 25px !important;
}

#FormHome .text-picture .content .text {
  max-width: 770px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (max-width: 992px) {
  #FormHome .text-picture .content .text {
    text-align: center;
  }
}

#FormHome hr {
  max-width: 1650px;
  padding: 0px 15px 30px;
  margin: auto auto 30px auto;
  border-top: 1px solid var(--text-color) !important;
}

.text-picture.Right .content {
  flex-direction: row-reverse;
}

#FormHome .customHeader.center p {
  text-align: center;
  max-width: 900px;
  margin: auto;
}

#FormHome .splitcontainer .customHeader.center p {
  text-align: center;
  max-width: 900px;
  margin: unset;
}

#FormHome .splitcontainer .customHeader.center .btn {
  margin: auto auto 0 auto;
  display: flex;
  max-width: fit-content;
}

#FormHome .splitcontainer .customHeader.center {
  margin: auto;
  margin-top: 0px;
  display: flex;
  max-width: fit-content;
  align-items: center;
}
#FormHome .customHeader {
  margin-bottom: 30px;
}

#FormHome .customHeader.caption {
  margin-bottom: 0;
}

#FormHome .customHeader.caption h1 {
  margin-bottom: 0;
}

.fullScreenPicture {
  margin-block-start: -30px;
}