@media only screen and (max-width: 800px) {

  :root {
    --medium-padding : 1rem;
    --large-padding : 2rem;
    --button-padding: 10px;
    --width: 95vw;
    --article-width: var(--width);
  }

  html {
    width: 100vw;
  }

  body {
    width: 100vw; 
    overflow-x: hidden;
    border: 0 !important; 
    font-size: 1.1rem;
    line-height: 1.75rem;
    /*
    max-width: 100vw; 
    min-width: none; 
    */
  }

  h2,
  #block-brugforhjaelpbloktilforside2023 h2,
  #block-views-block-faq-block-1--2 h2, 
  #block-komigangbloktilforside2023 h2, 
  #block-provdetbloktilforside2023 h2, 
  #block-argumentertilforside2023 h2, 
  #block-skaermbilledertilforside2023 h2, 
  #block-views-block-front-page-circles-block-2 h2 {
    font-size: 2rem;
    max-width: var(--width);
  }

  #block-toptil2023forside .body {
    text-shadow: 0px 0px 10px #333;
  }

  #block-skaermbilledertilforside2023 video.front-page-video { width: 90vw !important; }

  #block-provdetbloktilforside2023 .body {
    margin: 0;
  }

  #block-skaermbilledertilforside2023 .body {
    margin: 0.5rem;
  }

  #block-argumentertilforside2023 {
    padding: 0.5rem;
  }

  #content_anonymous {
    padding: 0 0.5rem;
  }

  #block-provdetbloktilforside2023, 
  #block-skaermbilledertilforside2023 .body {
    width: auto;
  }  

  #block-argumentertilforside2023 .arguments,
  #block-views-block-front-page-circles-block-2 > div > div {
    display: block;
  }

  div { 
    max-width: 100vw; 
  }

  article.node--type-update .field_image,
  .own-images.image_placement_right,
  .handbook-original-text.empty-body.image_placement_right,
  .field_image.image_placement_right,
  .node--type-book.node--view-mode-browse .field_image.image_placement_right,
  .node--type-book.node--view-mode-full .field_image.image_placement_right,
  .own-images.image_placement_left,
  .handbook-original-text.empty-body.image_placement_left,
  .field_image.image_placement_left,
  .node--type-book.node--view-mode-browse .field_image.image_placement_left,
  .node--type-book.node--view-mode-full .field_image.image_placement_left {
    float: none;
    min-width: 0;
    padding: 0;
  }

  img { 
    max-width: 90vw; 
    height: auto; 
  }

  article.node--type-update .field_image { margin: 1rem auto; }

  #browse_handbook.browse h3.handbook-title,
  #browse_handbook.browse h3.handbook-sub-title,
  h4.handbook-sub-title,
  h4.handbook-title { float: none; margin-top: 0; font-size: 130%; }
  .form-buttons.prev-next-buttons { margin: 0;}
  .sub-pages.after-handbook-page { margin-bottom: 2rem; }
  .form-buttons { text-align: left; }
  #block-toplinks .dga-user-name { margin: 0; position: absolute; right: 0.5rem; top: 0.5rem; }
  #block-toplinks .dga-user-name,
  #block-toplinks { margin-right: 0; }

  .prev-next-buttons.form-buttons {
    display: flex;
    justify-content: space-between; /* Aligns children with space between */
  } 
  .prev-next-buttons.form-buttons #prev-handbook-page {
      order: 1; /* Ensures this is the first item */
  }
  .prev-next-buttons.form-buttons #handbook-toc {
      order: 2; /* Ensures this is the second (middle) item */
      text-align: center;
  }
  .prev-next-buttons.form-buttons #next-handbook-page {
      order: 3; /* Ensures this is the third item */
  }

  .company-operation { width: 75vw; height: auto; }

  /* Front page */
  .is-front-page .page-top { 
    background-position: center; 
    height: 400px !important;
    background-size: cover; 
    min-height: 0;
  }

  .user-role-authenticated .page-top {
    min-height: 0;
    height: 120px !important;
  }

  .full_path-user-login .page-top {
    height: 150px !important;
    background-size: cover;
  }

  #login { margin: 0; padding: 0; }

  #full_handbook article.wizard-single-page.depth-2 {
    margin-left: 1rem;
  }

  #logo img { max-height: 100px; }

  .page-top {
    max-height: 250px;
    background-size: cover;
  }

  .box.right .button { margin-bottom: 1rem; }

  .company-table.framed tr th,
  /** Employee form and other admin forms */
  .company-table.subscription-table tr th,
  #company-table.company-employee-table tr th,
  .dga-company-phonebook tr th,
  .node-type-blog_post #block-ctaertilblog,
  nav#menu,
  .flex-control-paging,
  .password-strength,
  .control-panel-heading,
  #block-videotilforsiden h2,
  #degoan_link {
    display: none;
  }

  #video-play-again {
    display: none !important;
  }

  .mobile-label { display: inline; }
  .mobile-label::after { content: ': '; }

  #content_top { 
    padding: 0; 
  }
  
  #content_top > div h2 {
    padding-top: 1.5rem;
  }

  #content_top, #content, #content_bottom { 
    padding-left: 1rem; 
    padding-right: 1rem; 
    margin: 0; 
    max-width: calc(100vw - 2rem);
    min-height: 6rem;
  }
    
  #page #content {
    margin-bottom: 4rem;
  }

  /*
  #block-tilmeldingtilheader, #block-degoan-onboarding { 
    max-width: none; 
  }

  #block-degoan-topcallforactiontilforside { 
    margin: -120px 0 0 0; 
  }
  
  #block-degoan-topcallforactiontilforside img { 
    filter: drop-shadow(10px 10px 10px #ccc); 
  }
  */

  #block-views-block-front-page-circles-block-1 .views-row { 
    width: auto; 
    display: block; 
    margin-bottom: 2rem; 
    margin-left: 1rem; 
  }

  .front-page-rectangle { 
    margin: var(--large-padding) auto; 
    height: auto; 
  }

  .front-page-rectangle ul li { 
    margin: 0; 
    padding: 0.5rem 0; 
  }

  .front-page-rectangle .button { 
    margin: 1rem auto;
  }

  input {
    max-width: calc(100vw - 6rem) !important;
  }

  input[type=textfield] {
    max-width: none;
  }

  input[type=submit] {
    height: auto;
  }

  
  article div,
  .degoan-control-panel,
  .dga-company-table-wrapper,
  table,
  .dga-legends,
  /* h1, h2, h3, */
  .chapter,
  .field-content,
  p,
  li,
  #block-personalehandbog {
    max-width: var(--width);
  }

  p { max-width: 90vw;}
  

  li {
    max-width: calc(var(--width) - 2rem);
  }

  #block-views-block-front-page-full-width-block-1 .chapter strong, 
  #block-views-block-front-page-full-width-block-1 .chapter {
    margin-left: 1rem;
  }

  #block-personalehandbog a {
    width: auto;
  }

  form .description {
    width: auto;
    margin: auto;
  }

  form#dga-company-form, form#dga-handbook-form {
    padding: 0;
  }

  .dga-company-form .dga-triplet-wrapper {
    padding: 0;
    overflow: visible;
  }

  header#logo {
    max-width: none;
    padding: 1rem 0 0 0;
    /* width: 100% !important; */
    margin-right: 2rem;
  }

  #logo img {
    max-width: 50vw;
  }

  #logo, #menu, #login {
    height: auto;
  }

  .user-role-anonymous #login {
    background-color: transparent;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    position: absolute;
    right: 0;
  }

  
  body.user-role-anonymous header#logo {
    margin: -0.5rem 0 1rem 0;
    min-height: 60px;
  }

  a.button.small,
  .button, a.button {
    font-size: 100%;
    margin: 0 0.5rem 0.5rem 0;
  }

  input[type=submit].button.small,
  input[type=button].button.small,
  a.button.small {
    padding: var(--button-padding);
    
  }

  a.button.cta.wide {
    font-size: 120%;
  }

  #block-skaermbilledertilforside2023 .button.cta {
    margin: 1rem;
  }

  /*
  .value-propositions-slider .flexslider .slides li {
    height: 5rem;
  }

  .value-propositions-slider.vp-2 .flexslider .slides > li {
    height: auto;
    width: auto !important;
    max-width: 70vw;
  }

  .value-propositions-slider.vp-2 .flexslider .slides li ul {
    width: auto;
    float: none;
    margin: 0;
  }
  */

  #block-argumentertilforside2023 h3,
  #block-views-block-front-page-circles-block-2 h3 {
    margin-top: 2rem;
  }

  #block-views-block-front-page-full-width-block-1 .views-field-body {
    padding-right: 0;
  }

  #block-views-block-front-page-full-width-block-1 .views-field-field-image {
    position: relative;
    margin-left: 0;
    margin-top: 0;
  }

  /*
  #block-skaermdumpstilforside,
  #block-degoan-topcallforactiontilforside {
    margin-top: 0;
    margin-left: 0;
  }

  #block-skaermdumpstilforside {
    margin-left: 3rem;
  }

  @-moz-document url-prefix() {
    #block-views-block-front-page-buttons-block-1 .views-row .views-field-field-image:after {
      margin-left: -200px;
      margin-top: 0;
    }
  }
  */

  #block-views-block-front-page-buttons-block-1 {
    width: 200px;
    margin: 0 auto;
  }

  #sliding-popup {
    width: auto;
  }

  .eu-cookie-withdraw-wrapper.sliding-popup-bottom button.eu-cookie-withdraw-tab {
    margin-left: 30px;
    /* margin-top: 10px; */
  }

  .eu-cookie-withdraw-tab {
    top: -20px;
    left: 80px;
  }

  .eu-cookie-compliance-buttons {
    float: none;
    margin: auto;
  }

  .node--type-book.node--view-mode-browse .field_image.image_placement_left, 
  .node--type-book.node--view-mode-full .field_image.image_placement_left,
  .node--type-book.node--view-mode-browse .field_image.image_placement_right, 
  .node--type-book.node--view-mode-full .field_image.image_placement_right {
    float: none;
    margin: 0 auto;
  }

  .price-models-triptych,
  .price-models-triptych .views-col {
    width : auto !important;
  }

  .price-models-triptych .views-col,
  .price-models-triptych .views-field-field-price-facility-list {
    min-height: 0;
  }

  .price-models-triptych .views-col.col-1,
  .price-models-triptych .views-col.col-2,
  .price-models-triptych .views-col.col-3 {
    margin: 0 1rem;
  }

  .price-models-triptych > header h2 {
    margin: 0 auto;
  }

  .views-view-grid .views-col {
    float: none;
  }

  .price-models-triptych .views-col .views-field-body {
    height: auto;
  }

  .price-models-triptych .views-col {
    padding-left: 0;
    margin: 0;
    border: 0;
    border-top: var(--border-brown);
    margin-top: 1rem;
    padding-top: 1rem;
  }

  body.path-price-calculator .price-models-triptych .views-col {
    width: auto !important;
  }

  #block-views-block-blog-block-1 .blog-roll .views-col {
    width: 85% !important;
  }

  #block-views-block-blog-block-1--2 .blog-roll .views-col:first-child,
  #block-views-block-blog-block-1--2 .blog-roll .views-col {
    margin: 1rem 1rem 3rem 1rem;
  }

  .blog-roll .views-row {
    max-width: var(--width);
  }

  .field_tags {
    margin-bottom: 2rem;
  }

  .degoan-control-panel {
    /* width: auto; */
    margin: 0;
    padding: 1px;
    max-width: none;
  }

  .degoan-control-panel-wrapper {
    width: auto;
  }

  #block-degoancontrolpanel {
    margin-bottom: 2rem;
  }

  .control-panel-link {
    float: none;
    margin: 1rem auto;
    /* width: auto; */
  }

  form {
    max-width: var(--width);
  }

  #dga-search-handbook-form {
    margin: 1rem auto;
    float: none;
  }

  #dga-search-handbook-form input.form-text {
    margin-top: 1rem;
  }

  .dga-search-handbook-form .form-item input {
    /* width: 300px; */
    max-width: 230px !important;
  }

  /* Quizzes */
  #dga-quiz-form fieldset.scale {
    padding: 0 0.5rem;
  }  

  #dga-quiz-form .scale legend {
    float: none;
    width: auto;
  }

  #dga-quiz-form .scale .fieldset-wrapper {
    min-height: 4rem;
  }

  form#dga-quiz-form .scale .js-form-type-radio {
    margin-right: 1rem;
  }

  /* Footer */

  footer#footer {
    padding: 1rem;
    width: auto;
    margin: 0;
    clear: both;
  }

/*
  #footer table {
    width: auto;
  }

  footer#footer #block-footer table tr td {
    display: block;
    margin-bottom: 1rem;
  }
  */

  .chapter {
    margin: 0;
  }

  #block-footer,
  #footer .chapter {
    clear: both;
    margin: 2rem 0;
  }

  #block-footer {
    padding: 0.5rem;
  }

  footer#footer #block-topmenu-2 {
    float: none;
    clear: both;
    display: block;
    width: 90vw;
    
  }

  #block-vertikaluser .menu-user-name {
    display: inline;
  }

  #full_handbook .indent-2, .book-contents ul li.indent-2 {
    margin-left: 0rem;
    text-indent: -2rem;
    padding-left: 1.5rem;
  }

  #full_handbook .indent-3, .book-contents ul li.indent-3 {
    margin-left: 2rem;
    text-indent: -2rem;
    padding-left: 1.5rem;
  }

  .phonebook-link {
    margin-top: 0;
    margin-left: 2rem;
  }

  .dga-company-phonebook tr {
    display: block;
    margin-bottom: 1rem;
  }

  .dga-company-phonebook tr td {
    display: block;
    padding: 0 0.5rem;
    min-height: 1rem;
  }

  .dga-company-phonebook img { float:  right; margin-left: 1rem; clear: both; }

  #full_handbook .phonebook-wrapper .dga-company-phonebook tr th, #full_handbook .phonebook-wrapper .dga-company-phonebook tr td {
    border: 0;
    background-color: var(--lighter-background);
  }

  #full_handbook .phonebook-wrapper .dga-company-phonebook tr, #full_handbook .phonebook-wrapper .dga-company-phonebook tr {
    border-bottom: var(--border-brown);
  }

  .phonebook-wrapper ul.dga-function-list {
    columns: 2;
  }

  #block-views-block-front-page-full-width-block-1 p {
    margin-left: 5rem;
    width: auto;
  }

  #full_handbook .phonebook-wrapper {
    margin: auto;
    width: auto;
  }

  #full_handbook article.wizard-single-page,
  #full_handbook article.wizard-single-page.theme-page {
    width: auto;
  }

  .handbook-toc-links a {
    display: block;
    padding: 0.5rem;
    border: 0;
  }

  .front-testimonials .views-row {
    float: none;
    max-width: 95vw;
  }

  .front-testimonials .views-row .views-col {
    float: none;
    width: auto !important;
    max-width: 90vw;
  }

  .front-testimonials,
  .branding-slider {
    padding: 1rem;
  }

  .front-testimonials .views-field-field-image {
    height: auto;
  }

  #block-views-block-branding-block-2--2::after {
    position: relative;
    margin-top: 0;
  }

  #mobile-warning {
    display: block;
    position: absolute;
    top: 5rem;
    left: 0.5rem;
    padding: 1rem;
    background-color: white;
    border: 2px solid red;
    border-radius: var(--message-input-corner);
    /* width: var(--width); */
    z-index: 100;
    margin-right: 0.5rem;
    box-shadow: var(--popup-shadow);
  }

  #mobile-warning-close {
    display: block;
    margin: 0.5rem 0;
  }

  #mobile-warning .js-form-type-checkbox { margin-top: 1rem; }
  #mobile-warning input:where([type="checkbox"]) {
    margin-top: 0.2rem;
  }

  #mobile-warning label { float: left; margin-right: 0.5rem; }


  .faq .views-row {
    max-width: var(--width);
  }

  #block-views-block-front-page-full-width-block-1 .chapter,
  .faq h3 {
    text-indent: -0.9em;
    padding-left: 1em;
  }

  .align-center {
    margin: inherit;
  }
 
  .warning-empty, h3.warning, .dga-warning, .no-company.warning, div[role="warning"].message, div[data-drupal-messages] div {
    max-width: 90vw;
    margin-top: 1rem;
    display: flex;
  }

  .handbook-not-ready {
    position: absolute;
    top : 3rem;
    margin-top: 0;
    right: 1rem;
  }

  #block-tilmeldingtilheader span a,
  #block-tilmeldingtilheader a {
    margin: 0.5rem;
  }

  #content_anonymous div#block-videotilforsiden {
    margin: 10rem 0 0 0;
    overflow: hidden;
  }

  video.front-page-video  {
    width: 100vw !important;
  }

  #video-control {
    position: relative;
    margin: 0 0 1rem 0;
  }


  #ssmm_trigger {
    margin-right: 0;
  }


  .company-table.subscription-table tr,
  .company-table.subscription-table tr td,
  #company-table.company-employee-table tr,
  #company-table.company-employee-table tr td {
    display: block;
    height: auto;
    padding-bottom: 0.5rem;
  }

  .company-table.subscription-table tr,
  #company-table.company-employee-table tr {
    margin-bottom: 1rem;
  }

  #company-table tr td {
    height: auto;
  }

  #dga-select-preview-wrapper {
    width: auto;
  }

  a.button.cta.wide {
    max-width: 90vw;
  }

  .page-top #block-toptil2023forside h2 {
    font-size: 2.3rem;
    line-height: 2.3rem;
  }

  .page-top #block-toptil2023forside {
    padding-bottom: 1rem;
  }

  #ssmm_trigger > ul {
    /* margin-left: -1rem; */
    font-size: 1.2rem;
    max-width: none;
    background-color: white;
  }

  #ssmm_trigger > ul li {
    margin-bottom: 0.5rem;
  }

  .phone_help {
    display: block;
  }

  .reference-block .views-col {
    width: auto !important;
    height: auto !important;
  }

  .reference-block .views-row {
    height: auto;
  }

  .reference-block .field-content {
    width: auto;
    max-width: none;
  }

  ul.dga-function-list li,
  ul.dga-handbook-toc li { margin-bottom: 1rem; }

  #browse_handbook .align-left,
  #browse_handbook .align-right { float: none !important; clear: both; display: block; margin: 1rem auto; }

  .company-table.framed tr td:first-child,
  .company-table.framed tr td {
    display: block;
    border-bottom: 0;
    background-color: var(--lighter-background) !important;
  }

  .company-table.framed tr td:last-child {
    margin-bottom: 2rem;
    border-bottom: var(--border-medium);
  }

 .degoan-ghost-block {
  left: 0;
  transform: none;
 }

}