table.booking .blocked a {
    background: none repeat scroll 0 0 #f4f4f4;
    color: #b000dd;
    font-weight: bold;
  }
  .tile {
    margin:0px 0px 30px 0px;
    padding:0px 0px 0px 0px;
    display: inline-block;
    width: 100%;
  }

  .flex-container-center-elements{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .flex-container-center-elements-3split{
    width: calc(33.33% - 20px); /* 33.33% width for each section with 20px spacing */
    min-width: 300px;
  }

  .center-content{
    display: flex;
    flex-direction: column;
    align-items: center;

  }

  .rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 200%;
  }
  .rating > span {
    display: inline-block;
    position: relative;
    width: 1.1em;
  }
  .rating > span:hover:before,
  .rating > span:hover ~ span:before {
     content: "\2605";
     position: absolute;
  }

  .social-proof-google{
    width: 250px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .google-rating-flex-container {
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .google-rating-logo-size{
    width: 70px;
    height: 70px;
  }

  .google-rating-text-container {
    flex: 1;
    text-align: center;
    margin-right: 35px;
  }

  .google-rating-line1 {
    font-size: 24px;
    align-content: center;
  }

  .google-rating-line2 {
    line-height: 1.6
  }

  .google-rating-line3 {
    font-size: 10px;
    line-height: 1.2
  }

  .star_container{
    width: 170px;
    height: 25.86px;
    align-content: center;
  }


  .star {
    background: url('https://www.21kfor11.dk/pdf/res/img/icon_star_full.png');
    background-size: cover;
    display: inline-block;
    height: 24px;
    width: 24px; /* Make sure the image covers the entire container */
    opacity: 0;
    transition: opacity 1.5s;
  }

  .button {
    width:150px;
    margin: 0 5px 0 5px;
    }

  @keyframes shake-rotate {
    0% { transform: rotate(0); }
    10% { transform: rotate(-10deg); }
    20% { transform: rotate(10deg); }
    30% { transform: rotate(-10deg); }
    40% { transform: rotate(10deg); }
    50% { transform: rotate(-10deg); }
    60% { transform: rotate(10deg); }
    70% { transform: rotate(-10deg); }
    80% { transform: rotate(10deg); }
    90% { transform: rotate(-10deg); }
    100% { transform: rotate(0deg); }
  }

  .shake-icon {
    display: inline-block;
    animation: shake-rotate 0.5s;
  }


  @keyframes glow-red {
    0% { text-shadow: 0 0 0px white; }
    10% { text-shadow: 0 0 3px red; }
    20% { text-shadow: 0 0 6px red; }
    30% { text-shadow: 0 0 9px red; }
    40% { text-shadow: 0 0 12px red; }
    50% { text-shadow: 0 0 15px red; }
    60% { text-shadow: 0 0 12px red; }
    70% { text-shadow: 0 0 9px red; }
    80% { text-shadow: 0 0 6px red; }
    90% { text-shadow: 0 0 3px red; }
    100% { text-shadow: 0 0 0px white; }
  }

  .red-glow {
    animation: glow-red 1s infinite;
  }


  #header {
    padding:18px 0 0 10px !important;
  }
  .newsletterInput{
    margin:10px 0px 10px 10px;
    padding:5px 0px 5px 5px;
  }

  .newsletterButton{
    margin:0px 0px 10px 0px;
  }

  .divNewsletter{
    position: relative;
    height: 30px;
  }
  .divNewsletter > h3 {
    position: absolute;
    top:0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .newsletter1 {
    opacity: 0;
    -webkit-animation: fadein 7.5s infinite; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 7.5s infinite; /* Firefox < 16 */
    -ms-animation: fadein 7.5s infinite; /* Internet Explorer */
    -o-animation: fadein 7.5s infinite; /* Opera < 12.1 */
    animation: fadein 7.5s infinite;
  }

  .newsletter2 {
    opacity: 0;
    -webkit-animation: fadein 7.5s infinite 2.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 7.5s infinite 2.5s; /* Firefox < 16 */
    -ms-animation: fadein 7.5s infinite 2.5s; /* Internet Explorer */
    -o-animation: fadein 7.5s infinite 2.5s; /* Opera < 12.1 */
    animation: fadein 7.5s infinite 2.5s;
  }

  .newsletter3 {
    opacity: 0;
    -webkit-animation: fadein 7.5s infinite 5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 7.5s infinite 5s; /* Firefox < 16 */
    -ms-animation: fadein 7.5s infinite 5s; /* Internet Explorer */
    -o-animation: fadein 7.5s infinite 5s; /* Opera < 12.1 */
    animation: fadein 7.5s infinite 5s;
  }

  @keyframes fadein {
    0%   { opacity:0; }
    33%  { opacity:1; }
    66%  { opacity:0; }
    100%  { opacity:0; }
  }

  /* Firefox < 16 */
  @-moz-keyframes fadein {
    0%   { opacity:0; }
    33%  { opacity:1; }
    66%  { opacity:0; }
    100%  { opacity:0; }
  }

  /* Safari, Chrome and Opera > 12.1 */
  @-webkit-keyframes fadein {
    0%   { opacity:0; }
    33%  { opacity:1; }
    66%  { opacity:0; }
    100%  { opacity:0; }
  }

  /* Internet Explorer */
  @-ms-keyframes fadein {
    0%   { opacity:0; }
    33%  { opacity:1; }
    66%  { opacity:0; }
    100%  { opacity:0; }
  }

  /* Opera < 12.1 */
  @-o-keyframes fadein {
    0%   { opacity:0; }
    33%  { opacity:1; }
    66%  { opacity:0; }
    100%  { opacity:0; }
  }

  .div-landing-page-features-section{
    display: flex;
    align-items: flex-start;
  }

  .div-landing-page-features-section-icon {
    flex: 0 0 auto;
    margin-right: 10px;
  }

  .landing-page-features-section-icon{
    float:left;
    padding:0px 10px 0px 0px
  }

  .div-landing-page-features-section-text{
    flex: 1 1 auto;
    overflow: hidden;
  }

  @media (max-width: 767px) {
    #content.floatingSidebarOnRight{
      width: 100%;
    }

    .div-landing-page-hero-section{
      padding: 0px 5px 0px 5px;
    }

    .div-landing-page-features-section{
      width:100%;
      float: left;
      display: inline-block;
      padding: 0px 5px 10px 5px;
    }

    .div-landing-page-social-proof-item{
      width:320px;
      float: left;
      display: inline-block;
      padding: 0px 5px 0px 5px;
      overflow: hidden;
    }

    .fsb1-stress-spiral{
      width: 100%;
    }

    .slider{
      width: 320px;
      max-width: 100vw;
      height: 500px;
      margin: auto;
      position: relative;
      overflow: hidden;
    }

    .content-link-list{
      width:300px;
      padding-bottom: 5px;
    }

    .content-link-list div.link {
        width: 300px;
    }

    #boxName{
      width: 50%;
      float:left; /* add this */
    }

    #boxContact{
      width: 50%;
      float:left; /* add this */
    }

    #boxContactTime{
      width: 50%;
      float:left; /* add this */
    }

    #boxActions{
      width: 100%;
      float:left; /* add this */
    }

    #boxOptions{
      width: 50%;
      float:left; /* add this */
    }

    .flex-container-center-elements-3split {
      width: 100%; /* Full width on smaller screens */
    }

  }

  @media (min-width: 767px) and (max-width: 1000px) {
    #content.floatingSidebarOnRight{
      width: 100%;
      max-width: 630px;
    }

    .div-landing-page-hero-section{
      padding: 0px 5px 0px 5px;
    }

    .div-landing-page-features-section{
      width:100%;
      float: left;
      display: inline-block;
      padding: 0px 5px 10px 5px;
    }

    .div-landing-page-social-proof-item{
      width:320px;
      float: left;
      display: inline-block;
      padding: 0px 5px 0px 5px;
      overflow: hidden;
    }

    .fsb1-stress-spiral{
      width: 50%;
    }

    .div-landing-page-faq-section{
      width:80%;
      margin-left: 10%;
    }

    .slider{
      width: 640px;
      max-width: 100vw;
      height: 500px;
      margin: auto;
      position: relative;
      overflow: hidden;
    }

    .content-link-list{
      width:400px;
      padding-bottom: 5px;
    }

    .content-link-list div.link {
      width: 400px;
    }

    #boxName{
      width: 33%;
      float:left; /* add this */
    }

    #boxContact{
      width: 33%;
      float:left; /* add this */
    }

    #boxContactTime{
      width: 33%;
      float:left; /* add this */
    }

    #boxActions{
      width: 66%;
      float:left; /* add this */
    }

    #boxOptions{
      width: 33%;
      float:left; /* add this */
    }
  }


  @media (min-width: 1001px) {
    #content.floatingSidebarOnRight{
      width: 100%;
      max-width: 630px;
    }

    .div-landing-page-hero-section{
      width:49%;
      float:left;
      display: inline-block;
      padding: 0px 5px 0px 5px;
    }

    .div-landing-page-features-section{
      width:33%;
      float: left;
      display: inline-block;
      padding: 0px 5px 0px 5px;
    }

    .div-landing-page-social-proof-item{
      width:320px;
      float: left;
      display: inline-block;
      padding: 0px 5px 0px 5px;
      overflow: hidden;
    }

    .fsb1-stress-spiral{
      width: 50%;
    }

    .div-landing-page-faq-section{
      width:640px;
      left:50%;
      margin-left: 160px;
    }

    .div-accordion-two-thirds-width{
      width: 530px;
      margin-left: 50px;
    }

    .slider{
      width: 960px;
      max-width: 100vw;
      height: 500px;
      margin: auto;
      position: relative;
      overflow: hidden;
    }

      div.datePicker{
          vertical-align: text-top;
      }
      div.datePicker-from{
          width: 250px;
          display: inline-block;
          vertical-align: text-top;
          margin-right: 25px;
      }
      div.datePicker-to{
          width: 250px;
          display: inline-block;
          vertical-align: text-top;
          margin-left: 25px;
      }
      div.ui-datepicker-inline{
          width:100%;
      }
      div.ui-datepicker-group{
          width:33%;
          display: inline-block;
      }
      table.ui-datepicker-calendar{
          display: inline-block;
      }

    .content-link-list{
      width:400px;
      padding-bottom: 5px;
    }

    .content-link-list div.link {
      width: 400px;
    }

    #boxName{
      width: 33%;
      float:left; /* add this */
    }

    #boxContact{
      width: 33%;
      float:left; /* add this */
    }

    #boxContactTime{
      width: 33%;
      float:left; /* add this */
    }

    #boxActions{
      width: 66%;
      float:left; /* add this */
    }

    #boxOptions{
      width: 33%;
      float:left; /* add this */
    }
  }

  .div-landing-page-faq-section div{
    height: fit-content;
    padding: 0px 30px 0px 30px;
  }

  .div-landing-page-faq-section h3{
    height: 40px;
    cursor: pointer;
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #6b2;
    border-radius: 20px;
    background-color: #dff0d8;
  }

  .slider .list{
    position: absolute;
    width: max-content;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    transition: 1s;
  }
  .slider .list .item{
    width: 960px;
    max-width: 100vw;
    height: 100%;
    object-fit: cover;
  }
  .slider .buttons{
    position: absolute;
    top: 45%;
    left: 5%;
    width: 90%;
    display: flex;
    justify-content: space-between;
  }
  .slider .buttons button{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #dff9;
    color: #6b28;
    font-family: monospace;
    font-weight: bold;
    border: 1px solid;
    border-color: #6b2;
  }
  .slider .dots{
    position: absolute;
    bottom: 10px;
    left: 0;
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
  }
  .slider .dots li{
    list-style: none;
    width: 10px;
    height: 10px;
    background-color: #dff0d8;
    margin: 10px;
    border-radius: 20px;
    transition: 0.5s;
    border: 1px solid;
    border-color: #6b2;
  }
  .slider .dots li.active{
    width: 30px;
  }

  .profile-picture {
    width: 60px;
    height: 60px;

    border-radius: 50%;
    border: 1px solid;
    border-color: #6b2;
    float: left;
    margin: 0px 5px 0px 0px
  }

  .logo-linkedIn {
    height: 20px;
    cursor: pointer;
  }

  div#visitorContactWrapper{
    Position: fixed;
    bottom: 50px;
    width:330px;
    left:50%;
    transform: translateX(-50%);
    display: none;
    width:0px;
    height: 0px;
    z-index: 3400;
    padding: 15px 15px 15px 15px;
  }

  div#visitorContact {
    position: relative;
    left: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    z-index: 3401;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*
    vertical-align:middle;
    */
    border: 2px solid #de1f1f;
    border: 2px solid #de1f1f;
    border-color: #6b2;
    border-radius: 20px;
    background-color: #dff0d8;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    cursor:pointer
  }

  .visitor-contact-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    height:80px;
    margin:5px 0px 10px 0px;
    line-height: 1;
  }

  .visitor-contact-inputs {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  div#visitorContact > .visitor-contact-cta > .headline {
    line-height: 0.3;
    font-size: 2em;
    font-weight: bold;
  }

  div#visitorContactInputs > p{
    width: 200px;
  }

  .leadInputs{
    display:block;
    width:200px;
  }

  label.leadInputs{
    margin-bottom: 7px;
  }

  .linkDelete{
    cursor: pointer;
    margin: ​6px 0px;
  }

  .placeholder {
    outline: 1px solid black;
  }

  .video {
    margin: auto;
    left:50%;
  }

  .leads-overlay-close {
      position: absolute;
      top: 5px;
      right: 5px;
      height: 30px;
      width: 30px;
      z-index: 9999;
      background: #000 url(/pdf/res/img/overlay_close.png) center center no-repeat;
      border-radius: 15px;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
      cursor: pointer;
      transition-duration:.2s;
  }

  .img-symbol {
      width:15px;
      height:15px;
      margin: 6px 3px;
  }

  .link{
      cursor:pointer;
  }

  .accounting_table_date {
      width:75px;
  }

  .accounting_table_konto {
      width:135px;
  }

  .accounting_table_amount {
      width:100px;
  }

  .accounting_table_saldo {
      width:100px;
  }
  .ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index:9999 !important;
  }

  .ui-autocomplete-category {
      font-weight: bold;
      padding: .2em .4em;
      margin: .8em 0 .2em;
      line-height: 1.5;
  }

  .content-link-list{
    margin:auto;
  }

  .content-link-list div.link{
      position: relative;
      list-style: none outside none;
      margin: 15px 0 15px 0;
      border: 2px solid #f3f3f3;
      padding: 0;
      -webkit-border-radius: 5px 5px 5px 5px;
      -moz-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: .1s;
      transition:.1s;
      -webkit-box-shadow: 2px 2px 4px 2px rgba(115,115,115,1);
      -moz-box-shadow: 2px 2px 4px 2px rgba(115,115,115,1);
      box-shadow: 2px 2px 4px 2px rgba(115,115,115,1);
  }

  .content-link-list div.link a {
      color: #6b2;
      padding: 4px 8px 3px;
      height: 100%;
      display: block;
      text-decoration: none !important;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing:border-box
  }

  .content-link-list div.link a:hover {
      z-index: 2980;
      border-color: #ddd;
      background:#f8f8f8
  }

  .cardbox {
    position: relative;
    list-style: none outside none;
    margin: 15px 0 15px 0;
    border: 2px solid #f3f3f3;
    padding: 0;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .1s;
    transition:.1s;
    -webkit-box-shadow: 2px 2px 4px 2px rgba(115,115,115,1);
    -moz-box-shadow: 2px 2px 4px 2px rgba(115,115,115,1);
    box-shadow: 2px 2px 4px 2px rgba(115,115,115,1);

  }

  .leadCard{
    width:100%;
    border: 1px solid black;
    padding:5px;
    float:left; /* add this */
    margin:10px 0px 0px 0px;
  }

  .clientCard{
    width:100%;
    border: 0px solid black;
    padding:0px;
    float:left; /* add this */
    margin:0px 0px 10px 0px;
  }

  .text-line-through{
    text-decoration: line-through;
  }

  .ui-helper-hidden-accessible{
    display:none;
  }

  .clientDirectory{

  }

  .sidebar_logo_aut_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 66%;
  }

  .sidebar_logo_rab {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .leadEventsCard{
    width:100%;
    border: 1px solid black;
    padding:5px;
    margin:10px 0px 0px 0px;
  }

  .isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
  }

  @media screen {
    #footerPrint {
      display: none;
    }
  }

  @media print {
    #content {
      float: none !important;
      width: 100%;
    }
    #site{
      margin-top: 0px;
      width: 100%;
    }
    .content{
      height: 0px;
    }
    #footerPrint{
      width: 100%;
      font-weight: bold;
      text-align: center;
      position: fixed;
      bottom: 0;
    }
    footer {
      page-break-after: always;
      font-weight: bold;
      float: none !important;
      width: 100%;
      text-align: center;
    }
    .footer, .footer-space {
      padding-bottom: 25px;
      height: 10px;
    }
    #white-line-cover-up-when-printing{
      position: absolute;
      top: 938px;
      width: 100%;
      height: 50px;
      border-top: 5px solid white;
    }
  }


  #content.fullWidth{
    width: 100%;
  }

  .icon_small {
    width: 15px;
    height: 15px;
    margin: 6px 0px;
  }

  #content table td{
    vertical-align:middle;
  }

  div#cookieConsentWrapper{
    Position: fixed;
    bottom: 30%;
    z-index: 3402;
    padding: 15px 15px 15px 0;
    height: 80px;
    width:55px;
  }

  div#cookieConsent {
    Position: relative;
    height: 100%;
    width: 100%;
    z-index: 3401;
    vertical-align:middle;
    border: 2px solid;
    border-color: #6b2;
    border-radius: 5px 20px 20px 5px;
    background-color: #dff0d8;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    overflow: hidden;
  }

  .headline {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .cookieLogo > *{
    font-size: 1.7em;
    Position: absolute;
    bottom: 12px;
    left: 5px;
  }

  #cookieNoticeGeneral {
    display: none;
  }

  .inputStandard{
    display: block;
    margin: 10px 0 0 0;
  }

  .darkblue {
    color: darkblue;
  }