@charset "UTF-8";
/**
 *
 * demo.ch: Stylesheet public web
 *
 * @author     Manuel Märklin
 * @copyright  2023 Manuel Märklin Programmierung, Switzerland
 * @link       https://www.2mp.ch
 */
@media all {
  	/**
        * Colors
        */
  	/**
        * Wizard Step Colors
        */
  	/**
        * Fonts
        */
  @font-face {
    font-family: 'Inter';
    src: url("../Fonts/Inter-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal; }
  @font-face {
    font-family: 'InterSB';
    src: url("../Fonts/Inter-SemiBold.ttf") format("truetype");
    font-weight: 400;
    font-style: normal; }
  	/**
        * Fonts-Size / Line-Heights
        */
  	/**
        * Basic elements
        */
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }

  html {
    height: 100% !important;
    margin: 0;
    padding: 0;
    font-size: 10pt;
    font-family: Arial, sans-serif; }

  body {
    margin: 0;
    padding: 0;
    font-family: "Inter", "Arial", Sans-Serif;
    color: #57524f;
    background-color: #2e66a6; }

  a {
    color: #57524f;
    text-decoration: underline;
    cursor: pointer; }

  button {
    width: 150px;
    height: 50px;
    top: 7px;
    right: 50px;
    font-size: 16px;
    border-radius: 25px;
    border: none;
    cursor: pointer; }

  h1, h2, h3 {
    padding: 0;
    margin: 0;
    font-weight: normal; }

  h1 {
    font-size: 36px;
    line-height: 43px; }

  hr {
    margin-block: 20px;
    height: 1px;
    font-weight: normal;
    background-color: #57524f; }

  img {
    height: auto;
    max-width: 100%; }

  ol, ul {
    margin: 0;
    padding: 0; }

  p {
    margin: 0; }

  table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 22px; }

  td,
  th {
    text-align: left;
    padding-right: 0.5em; }

  th {
    font-family: "InterSB", "Arial", Sans-Serif; }

  header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: fixed;
    top: 0;
    width: min(100vw, 1600px);
    height: 50px;
    background-color: #f4f8fb;
    z-index: 1000; }
    header a {
      font-family: "InterSB", "Arial", Sans-Serif;
      color: #2e66a6;
      text-decoration: underline; }
    header .hamburger {
      display: none; }
    header .login {
      padding-right: 20px;
      line-height: 80px; }
    header .logo {
      padding: 10px 0 0 10px; }
      header .logo img {
        height: 30px; }
    header .logo_mobile {
      display: none; }

  main {
    width: min(100%, 1600px);
    display: flex;
    padding-block: 65px 20px;
    background-color: white; }
    main .left {
      width: 27%; }
      main .left .nav a {
        font-family: "InterSB", "Arial", Sans-Serif;
        text-decoration: none; }
      main .left .nav ul {
        margin-inline: 20px 10px; }
        main .left .nav ul li {
          font-size: 24px;
          border-bottom: 1px solid #57524f;
          padding-block: 10px;
          list-style-type: none; }
          main .left .nav ul li.active.blue a {
            color: #2e66a6; }
          main .left .nav ul li.active.blue ul li.active.blue a {
            color: #2e66a6; }
          main .left .nav ul li.active.blue ul li a {
            color: #57524f; }
          main .left .nav ul li.active.lightblue a, main .left .nav ul li.active.nds a {
            color: #99bad9; }
          main .left .nav ul li.active.lightblue ul li.active.lightblue a, main .left .nav ul li.active.nds ul li.active.lightblue a {
            color: #99bad9; }
          main .left .nav ul li.active.lightblue ul li a, main .left .nav ul li.active.nds ul li a {
            color: #57524f; }
          main .left .nav ul li.active.turquoise a, main .left .nav ul li.active.ndk a {
            color: #94c6c9; }
          main .left .nav ul li.active.turquoise ul li.active.blue a, main .left .nav ul li.active.ndk ul li.active.blue a {
            color: #94c6c9; }
          main .left .nav ul li.active.turquoise ul li a, main .left .nav ul li.active.ndk ul li a {
            color: #57524f; }
          main .left .nav ul li.active.rosa a, main .left .nav ul li.active.udk a {
            color: #e996a3; }
          main .left .nav ul li.active.rosa ul li.active.blue a, main .left .nav ul li.active.udk ul li.active.blue a {
            color: #e996a3; }
          main .left .nav ul li.active.rosa ul li a, main .left .nav ul li.active.udk ul li a {
            color: #57524f; }
          main .left .nav ul li.active.orange a, main .left .nav ul li.active.wbm a {
            color: #ffbf75; }
          main .left .nav ul li.active.orange ul li.active.blue a, main .left .nav ul li.active.wbm ul li.active.blue a {
            color: #ffbf75; }
          main .left .nav ul li.active.orange ul li a, main .left .nav ul li.active.wbm ul li a {
            color: #57524f; }
          main .left .nav ul li.active ul {
            display: block;
            margin-left: 15px; }
            main .left .nav ul li.active ul a {
              font-family: "Inter", "Arial", Sans-Serif; }
            main .left .nav ul li.active ul li {
              border: none;
              padding-left: 5px;
              padding-block: 1px; }
            main .left .nav ul li.active ul li::marker {
              content: "\2012	"; }
            main .left .nav ul li.active ul li:first-of-type {
              border: none; }
          main .left .nav ul li ul {
            display: none; }
        main .left .nav ul li:first-of-type {
          border-top: 1px solid #57524f; }
      main .left .nav > ul > li:last-child {
        border-bottom: none;
        position: absolute;
        top: 0;
        left: 1524px;
        z-index: 1001;
        font-size: 12px;
        padding-block: 15px; }
        main .left .nav > ul > li:last-child a {
          color: #2e66a6; }
    main .middle {
      width: 57%;
      font-size: 24px;
      line-height: 32px; }
      main .middle .blog {
        height: 100%;
        padding-inline: 10px;
        border-inline: 2px solid #2e66a6; }
        main .middle .blog .content a {
          font-family: "Inter", "Arial", Sans-Serif;
          font-size: 24px;
          text-decoration: underline solid #57524f; }
          main .middle .blog .content a::after {
            content: '->';
            font-size: 24px;
            padding-left: 0;
            text-decoration: unset; }
        main .middle .blog h1 {
          width: 100%;
          font-family: "InterSB", "Arial", Sans-Serif;
          padding-block: 10px;
          margin-bottom: 10px; }
        main .middle .blog img {
          max-height: 800px; }
        main .middle .blog .newslist {
          display: flex;
          flex-wrap: wrap; }
          main .middle .blog .newslist a {
            text-decoration: none; }
          main .middle .blog .newslist .blogitem {
            width: min(50%);
            margin-bottom: 20px;
            border-right: 2px solid #2e66a6; }
            main .middle .blog .newslist .blogitem .blogcontent {
              overflow: hidden;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 3; }
          main .middle .blog .newslist .blogitem:first-of-type {
            min-width: 100%;
            padding-left: 0 !important; }
          main .middle .blog .newslist .blogitem:nth-child(odd) {
            border: none;
            padding-left: 10px; }
          main .middle .blog .newslist .blogitem:nth-child(even) {
            padding-right: 10px; }
      main .middle .blue {
        padding-inline: 10px; }
        main .middle .blue a {
          color: #2e66a6; }
          main .middle .blue a::after {
            content: '->';
            text-decoration: underline solid #57524f; }
        main .middle .blue button {
          background-color: #2e66a6; }
        main .middle .blue .columnwrapper .column {
          border-right: 2px solid #2e66a6; }
        main .middle .blue h2,
        main .middle .blue h3 {
          font-family: "InterSB", "Arial", Sans-Serif;
          color: #2e66a6;
          border-bottom: none;
          padding-bottom: 0;
          margin-bottom: 0; }
        main .middle .blue h3 {
          font-size: 24px;
          line-height: 32px; }
        main .middle .blue ul {
          padding-left: 16px; }
          main .middle .blue ul li {
            list-style-type: none;
            padding-left: 10px; }
            main .middle .blue ul li a::after {
              color: #2e66a6; }
          main .middle .blue ul li::marker {
            content: "\2012"; }
      main .middle .bluewrapper {
        border-inline: 2px solid;
        border-color: #2e66a6;
        padding-inline: 10px; }
        main .middle .bluewrapper .angebote {
          border-top: 1px solid #57524f;
          padding-block: 20px; }
          main .middle .bluewrapper .angebote a {
            text-decoration: none;
            font-family: "InterSB", "Arial", Sans-Serif;
            font-size: 12px;
            line-height: 18px; }
            main .middle .bluewrapper .angebote a img {
              padding-top: 20px; }
          main .middle .bluewrapper .angebote h2 {
            font-family: "InterSB", "Arial", Sans-Serif; }
        main .middle .bluewrapper .content h2 {
          border-top: unset; }
      main .middle button {
        position: absolute;
        background-color: #85addb;
        color: white;
        cursor: pointer; }
        main .middle button:disabled {
          background-color: lightgrey !important;
          color: #57524f !important;
          cursor: unset; }
        main .middle button.registration {
          margin: 20px;
          position: unset;
          width: 220px;
          height: 60px;
          border-radius: 30px; }
        main .middle button.abort {
          margin: 20px 0;
          position: unset;
          background-color: #85addb;
          width: 160px;
          height: 40px;
          border-radius: 20px;
          font-size: 12px; }
      main .middle .content {
        padding-bottom: 30px;
        hyphens: auto; }
        main .middle .content .arrows {
          display: flex;
          justify-content: space-between;
          margin-bottom: 20px; }
          main .middle .content .arrows .back a::after {
            content: ""; }
          main .middle .content .arrows .back a::before {
            content: "<-"; }
        main .middle .content.blue, main .middle .content.lightblue, main .middle .content.orange, main .middle .content.rosa, main .middle .content.turquoise, main .middle .content.spital {
          height: 100%; }
          main .middle .content.blue h2.lightblue, main .middle .content.blue h2.orange, main .middle .content.blue h2.rosa, main .middle .content.blue h2.turquoise, main .middle .content.lightblue h2.lightblue, main .middle .content.lightblue h2.orange, main .middle .content.lightblue h2.rosa, main .middle .content.lightblue h2.turquoise, main .middle .content.orange h2.lightblue, main .middle .content.orange h2.orange, main .middle .content.orange h2.rosa, main .middle .content.orange h2.turquoise, main .middle .content.rosa h2.lightblue, main .middle .content.rosa h2.orange, main .middle .content.rosa h2.rosa, main .middle .content.rosa h2.turquoise, main .middle .content.turquoise h2.lightblue, main .middle .content.turquoise h2.orange, main .middle .content.turquoise h2.rosa, main .middle .content.turquoise h2.turquoise, main .middle .content.spital h2.lightblue, main .middle .content.spital h2.orange, main .middle .content.spital h2.rosa, main .middle .content.spital h2.turquoise {
            height: auto; }
        main .middle .content .bordertop {
          border-top: 1px solid #57524f; }
        main .middle .content .columnwrapper {
          display: flex;
          flex-wrap: wrap;
          padding-bottom: 10px; }
          main .middle .content .columnwrapper .column {
            width: 48%;
            font-size: 16px;
            line-height: 22px;
            padding-right: 10px;
            margin-right: 10px;
            border-right: 2px solid #2e66a6; }
            main .middle .content .columnwrapper .column:nth-child(even) {
              border-right: none; }
            main .middle .content .columnwrapper .column h3 {
              font-size: 16px;
              line-height: 22px; }
        main .middle .content h1 {
          border-top: none;
          border-bottom: 1px solid #57524f;
          padding-block: 10px; }
        main .middle .content h2 {
          font-family: "InterSB", "Arial", Sans-Serif;
          font-size: 36px;
          line-height: 43px;
          padding-block: 10px; }
          main .middle .content h2.lightblue, main .middle .content h2.orange, main .middle .content h2.rosa, main .middle .content h2.turquoise, main .middle .content h2.ndk, main .middle .content h2.nds, main .middle .content h2.udk, main .middle .content h2.wbm {
            padding: 0;
            border-inline: unset; }
          main .middle .content h2.lightblue, main .middle .content h2.nds {
            color: #99bad9;
            padding-top: 20px; }
          main .middle .content h2.turquoise, main .middle .content h2.ndk {
            color: #94c6c9; }
          main .middle .content h2.rosa, main .middle .content h2.udk {
            color: #e996a3; }
          main .middle .content h2.orange, main .middle .content h2.wbm {
            color: #ffbf75; }
        main .middle .content .pagecontent {
          display: none; }
        main .middle .content table.wizardsteps {
          margin-top: 20px;
          width: auto; }
          main .middle .content table.wizardsteps .bullets td {
            height: 80px;
            width: 80px;
            padding: 0; }
            main .middle .content table.wizardsteps .bullets td.bar-left, main .middle .content table.wizardsteps .bullets td.bar-right {
              padding: 35px 0; }
              main .middle .content table.wizardsteps .bullets td.bar-left .bar, main .middle .content table.wizardsteps .bullets td.bar-right .bar {
                height: 10px; }
            main .middle .content table.wizardsteps .bullets td.bar-left {
              padding-right: 10px; }
              main .middle .content table.wizardsteps .bullets td.bar-left:first-of-type .bar {
                background-color: transparent; }
            main .middle .content table.wizardsteps .bullets td.bar-right {
              padding-left: 10px; }
              main .middle .content table.wizardsteps .bullets td.bar-right:last-of-type .bar {
                background-color: transparent; }
            main .middle .content table.wizardsteps .bullets td.bullet div {
              width: 80px;
              height: 80px;
              background-color: white;
              border-radius: 100%;
              padding-left: 0; }
              main .middle .content table.wizardsteps .bullets td.bullet div::marker {
                content: unset; }
              main .middle .content table.wizardsteps .bullets td.bullet div a {
                display: block;
                width: 80px;
                height: 80px;
                text-align: center;
                line-height: 80px;
                color: white;
                font-family: "InterSB", "Arial", Sans-Serif;
                font-weight: bold;
                font-size: 40px;
                text-decoration: none; }
                main .middle .content table.wizardsteps .bullets td.bullet div a::after {
                  content: unset;
                  text-decoration: unset; }
              main .middle .content table.wizardsteps .bullets td.bullet div.complete a {
                font-size: 24px; }
          main .middle .content table.wizardsteps .steps td {
            padding: 20px;
            text-align: center;
            vertical-align: top;
            font-size: 12px;
            line-height: 18px;
            hyphens: none; }
            main .middle .content table.wizardsteps .steps td h3 {
              font-size: 16px;
              font-family: "Inter", "Arial", Sans-Serif; }
            main .middle .content table.wizardsteps .steps td.active h3 {
              font-family: "InterSB", "Arial", Sans-Serif; }
        main .middle .content ul {
          padding-left: 17px; }
          main .middle .content ul li {
            padding-left: 10px; }
            main .middle .content ul li a {
              font-family: "InterSB", "Arial", Sans-Serif;
              font-size: 36px;
              line-height: 43px;
              text-decoration: none;
              color: #57524f;
              cursor: pointer; }
              main .middle .content ul li a::after {
                content: "zu den Kursangeboten / Anmelden ->";
                font-size: 16px;
                padding-left: 10px;
                text-decoration: underline solid #57524f;
                vertical-align: middle; }
          main .middle .content ul li::marker {
            content: "\2012"; }
        main .middle .content.ndk form.fileupload .flex .box .filename button, main .middle .content.nds form.fileupload .flex .box .filename button, main .middle .content.udk form.fileupload .flex .box .filename button, main .middle .content.wbm form.fileupload .flex .box .filename button {
          color: white; }
        main .middle .content.ndk .registration, main .middle .content.nds .registration, main .middle .content.udk .registration, main .middle .content.wbm .registration {
          position: absolute;
          right: 0; }
        main .middle .content.ndk .submitapplication, main .middle .content.nds .submitapplication, main .middle .content.udk .submitapplication, main .middle .content.wbm .submitapplication {
          position: relative;
          height: 100px; }
        main .middle .content.ndk .bar {
          background-color: #94c6c9; }
        main .middle .content.ndk table.wizardsteps .bullets td.bullet div {
          border: 1px solid #94c6c9; }
          main .middle .content.ndk table.wizardsteps .bullets td.bullet div a {
            color: #94c6c9; }
          main .middle .content.ndk table.wizardsteps .bullets td.bullet div.active {
            background-color: #94c6c9; }
            main .middle .content.ndk table.wizardsteps .bullets td.bullet div.active a {
              color: white; }
        main .middle .content.ndk table.wizardsteps .steps .active {
          color: #94c6c9; }
        main .middle .content.ndk table.wizardsteps .steps h3 {
          color: #94c6c9; }
        main .middle .content.nds .bar {
          background-color: #99bad9; }
        main .middle .content.nds table.wizardsteps .bullets td.bullet div {
          border: 1px solid #99bad9; }
          main .middle .content.nds table.wizardsteps .bullets td.bullet div a {
            color: #99bad9; }
          main .middle .content.nds table.wizardsteps .bullets td.bullet div.active {
            background-color: #99bad9; }
            main .middle .content.nds table.wizardsteps .bullets td.bullet div.active a {
              color: white; }
            main .middle .content.nds table.wizardsteps .bullets td.bullet div.active h3 {
              color: #99bad9; }
        main .middle .content.nds table.wizardsteps .steps .active {
          color: #99bad9; }
        main .middle .content.udk .bar {
          background-color: #e996a3; }
        main .middle .content.udk table.wizardsteps .bullets td.bullet div {
          border: 1px solid #e996a3; }
          main .middle .content.udk table.wizardsteps .bullets td.bullet div a {
            color: #e996a3; }
          main .middle .content.udk table.wizardsteps .bullets td.bullet div.active {
            background-color: #e996a3; }
            main .middle .content.udk table.wizardsteps .bullets td.bullet div.active a {
              color: white; }
            main .middle .content.udk table.wizardsteps .bullets td.bullet div.active h3 {
              color: #e996a3; }
        main .middle .content.udk table.wizardsteps .steps .active {
          color: #e996a3; }
        main .middle .content.wbm .bar {
          background-color: #ffbf75; }
        main .middle .content.wbm table.wizardsteps .bullets td.bullet div {
          border: 1px solid #ffbf75; }
          main .middle .content.wbm table.wizardsteps .bullets td.bullet div a {
            color: #ffbf75; }
          main .middle .content.wbm table.wizardsteps .bullets td.bullet div.active {
            background-color: #ffbf75; }
            main .middle .content.wbm table.wizardsteps .bullets td.bullet div.active a {
              color: white; }
              main .middle .content.wbm table.wizardsteps .bullets td.bullet div.active a h3 {
                color: #ffbf75; }
        main .middle .content.wbm table.wizardsteps .steps .active {
          color: #ffbf75; }
      main .middle .errorwarning {
        font-family: "InterSB", "Arial", Sans-Serif;
        color: red; }
      main .middle .files {
        border-inline-color: #2e66a6;
        font-size: 16px;
        line-height: 22px;
        margin-block: 10px 20px;
        padding: 10px;
        border: 1px solid #57524f;
        border-radius: 10px; }
        main .middle .files .dir {
          padding-top: 10px; }
          main .middle .files .dir .collapsed {
            cursor: pointer; }
          main .middle .files .dir .expanded {
            display: inline-block;
            transform: rotate(90deg);
            cursor: pointer; }
          main .middle .files .dir .dir, main .middle .files .dir .file {
            display: none; }
          main .middle .files .dir.level1, main .middle .files .dir.level2, main .middle .files .dir.level3, main .middle .files .dir.level4 {
            padding-left: 30px; }
        main .middle .files .dir img,
        main .middle .files .file img {
          position: relative;
          top: 4px;
          width: 20px;
          height: 20px;
          margin-inline: 10px;
          cursor: pointer; }
        main .middle .files .file.level0 {
          padding-left: 14px; }
        main .middle .files .file.level1, main .middle .files .file.level2, main .middle .files .file.level3, main .middle .files .file.level4 {
          padding-left: 43px; }
        main .middle .files span {
          cursor: pointer; }
      main .middle form {
        font-size: 16px;
        border-top: 2px solid;
        margin-top: 10px; }
        main .middle form .agblabel {
          display: none; }
        main .middle form .box {
          padding: 0 20px; }
        main .middle form .buttons {
          margin: 20px; }
          main .middle form .buttons button {
            position: unset;
            width: 200px;
            hyphens: none; }
        main .middle form .checkboxes .checkbox {
          display: flex;
          align-items: center; }
          main .middle form .checkboxes .checkbox input {
            width: auto;
            margin-right: 20px; }
          main .middle form .checkboxes .checkbox .formerror {
            margin-left: 20px; }
        main .middle form .elementgroup {
          display: flex; }
          main .middle form .elementgroup .pair-left {
            width: 80px;
            margin-right: 10px; }
          main .middle form .elementgroup .pair-right {
            max-width: 410px; }
        main .middle form.fileupload .buttons {
          margin-top: 0;
          padding-top: 0; }
          main .middle form.fileupload .buttons button {
            margin-left: 0;
            width: 120px;
            height: 40px;
            font-size: 12px; }
        main .middle form.fileupload .flex a {
          content: unset; }
        main .middle form.fileupload .flex .box {
          display: flex; }
          main .middle form.fileupload .flex .box .filename label {
            opacity: 0; }
          main .middle form.fileupload .flex .box .filename input:read-only {
            font-size: 12px; }
          main .middle form.fileupload .flex .box .filename .postfix {
            display: inline; }
            main .middle form.fileupload .flex .box .filename .postfix button {
              width: 80px;
              height: 30px;
              font-size: 12px;
              margin-left: 10px; }
          main .middle form.fileupload .flex .box .filename button {
            background-color: lightgrey;
            color: #2e66a6; }
          main .middle form.fileupload .flex .box input[type="file"] {
            padding-top: 6px;
            border-radius: 30px;
            border: 1px solid lightgrey;
            font-size: 12px; }
        main .middle form.fileupload .flex button {
          position: unset; }
        main .middle form.fileupload .flex .form-group {
          margin-right: 20px;
          padding-top: 10px; }
        main .middle form.fileupload .flex input {
          width: 300px; }
        main .middle form .formerror {
          color: red; }
        main .middle form .form-group {
          position: relative;
          padding-bottom: 10px; }
          main .middle form .form-group.border-top {
            margin-top: 20px;
            border-top: 2px solid #57524f; }
        main .middle form h3 {
          padding-block: 20px !important; }
        main .middle form input, main .middle form textarea, main .middle form select {
          width: 100%;
          max-width: 500px;
          height: 35px;
          font-family: "Inter", "Arial", Sans-Serif;
          font-weight: normal;
          font-size: 16px;
          border-radius: 30px;
          padding-inline: 10px;
          background-color: unset;
          border: 1px solid #57524f; }
        main .middle form input[type="file"] {
          border: none;
          border-radius: 0;
          text-indent: 0;
          color: #57524f; }
        main .middle form input:read-only,
        main .middle form textarea:read-only {
          background-color: #f4f8fb;
          border-color: lightgrey; }
        main .middle form label {
          display: block;
          font-family: "InterSB", "Arial", Sans-Serif; }
          main .middle form label.mandatory:after {
            content: '*';
            color: red;
            margin-left: 6px; }
        main .middle form .plaintext, main .middle form .postfix {
          font-size: 12px;
          line-height: 18px;
          color: #57524f; }
        main .middle form .plaintext {
          position: absolute;
          bottom: -22px;
          right: 0; }
          main .middle form .plaintext.mandatory:before {
            content: '*';
            color: red;
            margin-right: 6px; }
          main .middle form .plaintext.text {
            position: static;
            font-size: 16px;
            border-top: 2px solid #57524f;
            padding-top: 20px; }
        main .middle form .positionstatic .postfix {
          position: static; }
        main .middle form .text {
          width: 100%; }
          main .middle form .text .postfix {
            position: absolute;
            top: 6px;
            left: 60px; }
        main .middle form textarea {
          height: 100px;
          resize: none;
          border-radius: 15px;
          padding-block: 10px; }
        main .middle form .required::after {
          content: "*";
          color: red;
          margin-left: 4px; }
        main .middle form #signupform_Kurs {
          height: auto; }
        main .middle form .whpclass {
          opacity: 0;
          position: absolute;
          top: 0;
          left: 0;
          height: 0;
          width: 0;
          z-index: -1; }
      main .middle hr {
        margin-block: 20px;
        height: 1px;
        font-weight: normal;
        background-color: #57524f; }
      main .middle .kurs {
        position: relative;
        margin-block: 10px 20px;
        padding: 10px;
        border: 1px solid #57524f;
        border-radius: 10px;
        font-size: 16px;
        line-height: 22px; }
        main .middle .kurs .arrowdown,
        main .middle .kurs .arrowup {
          position: absolute;
          font-size: 36px;
          font-family: "Inter", "Arial", Sans-Serif;
          cursor: pointer;
          right: 5px;
          top: 20px; }
        main .middle .kurs .arrowup {
          display: none; }
        main .middle .kurs .bold {
          font-family: "InterSB", "Arial", Sans-Serif; }
        main .middle .kurs .cancelled {
          text-decoration: line-through; }
        main .middle .kurs .info {
          padding-left: 10px;
          font-family: "Inter", "Arial", Sans-Serif;
          color: red; }
        main .middle .kurs .lerninhalte {
          margin-top: 10px;
          padding-block: 10px;
          border-block: 1px solid #57524f; }
      main .middle .blue,
      main .middle .lightblue,
      main .middle .orange,
      main .middle .rosa,
      main .middle .ndk,
      main .middle .nds,
      main .middle .udk,
      main .middle .wbm,
      main .middle .spital,
      main .middle .turquoise {
        border-inline: 2px solid;
        padding-inline: 10px;
        height: 100%; }
        main .middle .blue a,
        main .middle .lightblue a,
        main .middle .orange a,
        main .middle .rosa a,
        main .middle .ndk a,
        main .middle .nds a,
        main .middle .udk a,
        main .middle .wbm a,
        main .middle .spital a,
        main .middle .turquoise a {
          text-decoration: underline solid #57524f; }
          main .middle .blue a::after,
          main .middle .lightblue a::after,
          main .middle .orange a::after,
          main .middle .rosa a::after,
          main .middle .ndk a::after,
          main .middle .nds a::after,
          main .middle .udk a::after,
          main .middle .wbm a::after,
          main .middle .spital a::after,
          main .middle .turquoise a::after {
            content: '->'; }
        main .middle .blue button,
        main .middle .lightblue button,
        main .middle .orange button,
        main .middle .rosa button,
        main .middle .ndk button,
        main .middle .nds button,
        main .middle .udk button,
        main .middle .wbm button,
        main .middle .spital button,
        main .middle .turquoise button {
          color: white; }
        main .middle .blue .content hr,
        main .middle .lightblue .content hr,
        main .middle .orange .content hr,
        main .middle .rosa .content hr,
        main .middle .ndk .content hr,
        main .middle .nds .content hr,
        main .middle .udk .content hr,
        main .middle .wbm .content hr,
        main .middle .spital .content hr,
        main .middle .turquoise .content hr {
          margin-block: 20px; }
        main .middle .blue h2,
        main .middle .blue h3,
        main .middle .lightblue h2,
        main .middle .lightblue h3,
        main .middle .orange h2,
        main .middle .orange h3,
        main .middle .rosa h2,
        main .middle .rosa h3,
        main .middle .ndk h2,
        main .middle .ndk h3,
        main .middle .nds h2,
        main .middle .nds h3,
        main .middle .udk h2,
        main .middle .udk h3,
        main .middle .wbm h2,
        main .middle .wbm h3,
        main .middle .spital h2,
        main .middle .spital h3,
        main .middle .turquoise h2,
        main .middle .turquoise h3 {
          font-family: "InterSB", "Arial", Sans-Serif;
          line-height: 43px;
          border-bottom: none;
          padding-bottom: 0;
          margin-bottom: 0; }
        main .middle .blue h3,
        main .middle .lightblue h3,
        main .middle .orange h3,
        main .middle .rosa h3,
        main .middle .ndk h3,
        main .middle .nds h3,
        main .middle .udk h3,
        main .middle .wbm h3,
        main .middle .spital h3,
        main .middle .turquoise h3 {
          font-size: 24px;
          line-height: 32px; }
        main .middle .blue .kursdaten .kurs a::after,
        main .middle .lightblue .kursdaten .kurs a::after,
        main .middle .orange .kursdaten .kurs a::after,
        main .middle .rosa .kursdaten .kurs a::after,
        main .middle .ndk .kursdaten .kurs a::after,
        main .middle .nds .kursdaten .kurs a::after,
        main .middle .udk .kursdaten .kurs a::after,
        main .middle .wbm .kursdaten .kurs a::after,
        main .middle .spital .kursdaten .kurs a::after,
        main .middle .turquoise .kursdaten .kurs a::after {
          content: unset; }
        main .middle .blue .kursdaten .kurs .ausgebucht,
        main .middle .lightblue .kursdaten .kurs .ausgebucht,
        main .middle .orange .kursdaten .kurs .ausgebucht,
        main .middle .rosa .kursdaten .kurs .ausgebucht,
        main .middle .ndk .kursdaten .kurs .ausgebucht,
        main .middle .nds .kursdaten .kurs .ausgebucht,
        main .middle .udk .kursdaten .kurs .ausgebucht,
        main .middle .wbm .kursdaten .kurs .ausgebucht,
        main .middle .spital .kursdaten .kurs .ausgebucht,
        main .middle .turquoise .kursdaten .kurs .ausgebucht {
          font-family: "InterSB", "Arial", Sans-Serif;
          text-transform: uppercase;
          background-color: #57524f;
          cursor: unset; }
      main .middle .lightblue .bordertop,
      main .middle .orange .bordertop,
      main .middle .rosa .bordertop,
      main .middle .turquoise .bordertop,
      main .middle .ndk .bordertop,
      main .middle .nds .bordertop,
      main .middle .udk .bordertop,
      main .middle .wbm .bordertop {
        display: none; }
      main .middle .blue,
      main .middle .spital {
        border-inline-color: #2e66a6; }
      main .middle .files {
        border-inline-color: #2e66a6;
        font-size: 16px;
        line-height: 22px;
        margin-block: 10px 20px;
        padding: 10px;
        border: 1px solid #57524f;
        border-radius: 10px; }
        main .middle .files .dir {
          padding-top: 10px; }
          main .middle .files .dir .collapsed {
            cursor: pointer; }
          main .middle .files .dir .expanded {
            display: inline-block;
            transform: rotate(90deg);
            cursor: pointer; }
          main .middle .files .dir .dir, main .middle .files .dir .file {
            display: none; }
          main .middle .files .dir.level1, main .middle .files .dir.level2, main .middle .files .dir.level3, main .middle .files .dir.level4 {
            padding-left: 30px; }
        main .middle .files .dir img,
        main .middle .files .file img {
          position: relative;
          top: 4px;
          width: 20px;
          height: 20px;
          margin-inline: 10px;
          cursor: pointer; }
        main .middle .files .file.level0 {
          padding-left: 14px; }
        main .middle .files .file.level1, main .middle .files .file.level2, main .middle .files .file.level3, main .middle .files .file.level4 {
          padding-left: 43px; }
        main .middle .files span {
          cursor: pointer; }
      main .middle .blue {
        padding-inline: 10px;
        border-inline-color: #2e66a6; }
        main .middle .blue a {
          color: #2e66a6; }
          main .middle .blue a::after {
            content: '->';
            text-decoration: underline solid #57524f; }
        main .middle .blue button {
          background-color: #2e66a6; }
        main .middle .blue .columnwrapper .column {
          border-right: 2px solid #2e66a6; }
        main .middle .blue h2,
        main .middle .blue h3 {
          font-family: "InterSB", "Arial", Sans-Serif;
          color: #2e66a6;
          border-bottom: none;
          padding-bottom: 0;
          margin-bottom: 0; }
        main .middle .blue h3 {
          font-size: 24px;
          line-height: 32px; }
        main .middle .blue ul li a::after {
          color: #2e66a6; }
      main .middle .bluewrapper {
        border-inline: 2px solid;
        border-color: #2e66a6;
        padding-inline: 10px; }
        main .middle .bluewrapper .angebote {
          border-top: 1px solid #57524f;
          padding-block: 20px; }
          main .middle .bluewrapper .angebote a {
            text-decoration: none;
            font-family: "InterSB", "Arial", Sans-Serif;
            font-size: 12px;
            line-height: 18px; }
            main .middle .bluewrapper .angebote a img {
              padding-top: 20px; }
          main .middle .bluewrapper .angebote h2 {
            font-family: "InterSB", "Arial", Sans-Serif; }
        main .middle .bluewrapper .content h2 {
          border-top: unset; }
      main .middle .lightblue,
      main .middle .nds {
        border-inline-color: #99bad9; }
        main .middle .lightblue a,
        main .middle .nds a {
          color: #99bad9; }
        main .middle .lightblue button,
        main .middle .nds button {
          background-color: #99bad9; }
        main .middle .lightblue .columnwrapper .column,
        main .middle .nds .columnwrapper .column {
          border-right: 2px solid #99bad9; }
        main .middle .lightblue form,
        main .middle .nds form {
          color: #99bad9; }
          main .middle .lightblue form label,
          main .middle .nds form label {
            color: #99bad9; }
        main .middle .lightblue h2,
        main .middle .lightblue h3,
        main .middle .nds h2,
        main .middle .nds h3 {
          color: #99bad9; }
        main .middle .lightblue .kursdaten .kurs .tagungen table tbody tr:first-of-type,
        main .middle .nds .kursdaten .kurs .tagungen table tbody tr:first-of-type {
          color: #99bad9;
          border-bottom: 1px solid #99bad9; }
        main .middle .lightblue ul li a::after,
        main .middle .nds ul li a::after {
          color: #99bad9; }
      main .middle .orange,
      main .middle .wbm {
        border-inline-color: #ffbf75; }
        main .middle .orange a,
        main .middle .wbm a {
          color: #ffbf75; }
        main .middle .orange button,
        main .middle .wbm button {
          background-color: #ffbf75; }
        main .middle .orange .columnwrapper .column,
        main .middle .wbm .columnwrapper .column {
          border-right: 2px solid #ffbf75; }
        main .middle .orange form,
        main .middle .wbm form {
          color: #ffbf75; }
          main .middle .orange form label,
          main .middle .wbm form label {
            color: #ffbf75; }
        main .middle .orange h2,
        main .middle .orange h3,
        main .middle .wbm h2,
        main .middle .wbm h3 {
          color: #ffbf75; }
        main .middle .orange .kursdaten .kurs .tagungen table tbody tr:first-of-type,
        main .middle .wbm .kursdaten .kurs .tagungen table tbody tr:first-of-type {
          color: #ffbf75;
          border-bottom: 1px solid #ffbf75; }
        main .middle .orange ul li a::after,
        main .middle .wbm ul li a::after {
          color: #ffbf75; }
      main .middle .rosa,
      main .middle .udk {
        border-inline-color: #e996a3; }
        main .middle .rosa a,
        main .middle .udk a {
          color: #e996a3; }
        main .middle .rosa button,
        main .middle .udk button {
          background-color: #e996a3; }
        main .middle .rosa .columnwrapper .column,
        main .middle .udk .columnwrapper .column {
          border-right: 2px solid #e996a3; }
        main .middle .rosa form,
        main .middle .udk form {
          color: #e996a3; }
          main .middle .rosa form label,
          main .middle .udk form label {
            color: #e996a3; }
        main .middle .rosa h2,
        main .middle .rosa h3,
        main .middle .udk h2,
        main .middle .udk h3 {
          color: #e996a3; }
        main .middle .rosa .kursdaten .kurs .tagungen table tbody tr:first-of-type,
        main .middle .udk .kursdaten .kurs .tagungen table tbody tr:first-of-type {
          color: #e996a3;
          border-bottom: 1px solid #e996a3; }
        main .middle .rosa ul li a::after,
        main .middle .udk ul li a::after {
          color: #e996a3; }
      main .middle .spital {
        padding-inline: 10px; }
        main .middle .spital a {
          color: #2e66a6;
          text-decoration: underline solid #2e66a6;
          font-size: 16px; }
          main .middle .spital a::after {
            content: none; }
        main .middle .spital h2,
        main .middle .spital h3 {
          font-family: "InterSB", "Arial", Sans-Serif;
          color: #2e66a6;
          border-bottom: none;
          padding-bottom: 0;
          margin-bottom: 0; }
        main .middle .spital h3 {
          font-size: 24px;
          line-height: 32px; }
        main .middle .spital hr {
          margin-block: 5px;
          color: #2e66a6; }
      main .middle .turquoise,
      main .middle .ndk {
        border-inline-color: #94c6c9; }
        main .middle .turquoise a,
        main .middle .ndk a {
          color: #94c6c9; }
        main .middle .turquoise button,
        main .middle .ndk button {
          background-color: #94c6c9; }
        main .middle .turquoise .columnwrapper .column,
        main .middle .ndk .columnwrapper .column {
          border-right: 2px solid #94c6c9; }
        main .middle .turquoise form,
        main .middle .ndk form {
          color: #94c6c9; }
          main .middle .turquoise form label,
          main .middle .ndk form label {
            color: #94c6c9; }
        main .middle .turquoise h2,
        main .middle .turquoise h3,
        main .middle .ndk h2,
        main .middle .ndk h3 {
          color: #94c6c9; }
        main .middle .turquoise .kursdaten .kurs .tagungen table tbody tr:first-of-type,
        main .middle .ndk .kursdaten .kurs .tagungen table tbody tr:first-of-type {
          color: #94c6c9;
          border-bottom: 1px solid #94c6c9; }
        main .middle .turquoise ul li a::after,
        main .middle .ndk ul li a::after {
          color: #94c6c9; }
      main .middle .subtitle {
        font-family: "InterSB", "Arial", Sans-Serif;
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 10px; }
      main .middle .tagungen {
        display: none;
        margin-top: 10px; }
        main .middle .tagungen table tbody tr {
          border-bottom: 1px solid #57524f; }
          main .middle .tagungen table tbody tr td {
            padding-block: 5px; }
        main .middle .tagungen table tbody tr:last-of-type {
          border-bottom: unset; }
    main .right {
      max-width: 16%;
      margin-inline: 10px;
      padding-block: 10px;
      border-top: 1px solid #57524f; }
      main .right a {
        text-decoration: none; }
      main .right .blog {
        padding-top: 10px; }
        main .right .blog h2 {
          font-family: "Inter", "Arial", Sans-Serif;
          font-size: 24px;
          line-height: 28px;
          word-wrap: break-word; }
        main .right .blog img {
          width: 100%; }
      main .right h2 {
        font-family: "InterSB", "Arial", Sans-Serif;
        font-size: 36px;
        line-height: 43px; }
    main table {
      font-size: 16px;
      line-height: 22px; }
      main table th,
      main table td {
        text-align: left; }
      main table th {
        font-family: "InterSB", "Arial", Sans-Serif; }

  footer {
    width: min(100vw, 1600px);
    display: flex;
    justify-content: space-between;
    background-color: #58514e;
    color: #85addb;
    font-family: "InterSB", "Arial", Sans-Serif; }
    footer a {
      color: #85addb;
      text-decoration: none; }
    footer .footerwrapper {
      display: flex; }
      footer .footerwrapper .address {
        padding: 10px 15px; }
      footer .footerwrapper .footernav {
        padding: 10px 15px; }
        footer .footerwrapper .footernav ul {
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          column-gap: 20px;
          height: 70px;
          margin-left: 10px;
          font-family: "InterSB", "Arial", Sans-Serif; }
          footer .footerwrapper .footernav ul li {
            list-style-type: none; }
    footer .socialmedia {
      display: flex;
      align-items: end;
      padding-bottom: 15px; }
      footer .socialmedia img {
        width: 25px;
        filter: invert(72%) sepia(18%) saturate(1038%) hue-rotate(180deg) brightness(93%) contrast(84%);
        vertical-align: middle;
        margin-inline: 10px; }
    footer.blue {
      color: #85addb; }
      footer.blue .socialmedia img {
        filter: invert(72%) sepia(18%) saturate(1038%) hue-rotate(180deg) brightness(93%) contrast(84%); }
      footer.blue a {
        color: #85addb; }
    footer.lightblue, footer.nds {
      color: #99bad9; }
      footer.lightblue .socialmedia img, footer.nds .socialmedia img {
        filter: invert(66%) sepia(54%) saturate(173%) hue-rotate(168deg) brightness(98%) contrast(96%); }
      footer.lightblue a, footer.nds a {
        color: #99bad9; }
    footer.orange, footer.wbm {
      color: #ffbf75; }
      footer.orange .socialmedia img, footer.wbm .socialmedia img {
        filter: invert(70%) sepia(74%) saturate(317%) hue-rotate(339deg) brightness(100%) contrast(101%); }
      footer.orange a, footer.wbm a {
        color: #ffbf75; }
    footer.rosa, footer.udk {
      color: #e996a3; }
      footer.rosa .socialmedia img, footer.udk .socialmedia img {
        filter: invert(68%) sepia(35%) saturate(495%) hue-rotate(303deg) brightness(95%) contrast(91%); }
      footer.rosa a, footer.udk a {
        color: #e996a3; }
    footer.turquoise, footer.ndk {
      color: #94c6c9; }
      footer.turquoise .socialmedia img, footer.ndk .socialmedia img {
        filter: invert(84%) sepia(8%) saturate(1047%) hue-rotate(135deg) brightness(91%) contrast(85%); }
      footer.turquoise a, footer.ndk a {
        color: #94c6c9; } }
@media screen and (max-width: 1600px) {
  main .left .nav ul li:last-of-type {
    left: calc( 100% - 5.5% ); }
  main .middle .content.blue ul li a::after, main .middle .content.orange ul li a::after, main .middle .content.turquoise ul li a::after, main .middle .content.ndk ul li a::after, main .middle .content.nds ul li a::after, main .middle .content.udk ul li a::after, main .middle .content.wbm ul li a::after {
    content: "\A zu den Kursangeboten / Anmelden ->";
    white-space: pre-wrap; }
  main .middle .content.blue ul.wizardsteps a::after, main .middle .content.orange ul.wizardsteps a::after, main .middle .content.turquoise ul.wizardsteps a::after, main .middle .content.ndk ul.wizardsteps a::after, main .middle .content.nds ul.wizardsteps a::after, main .middle .content.udk ul.wizardsteps a::after, main .middle .content.wbm ul.wizardsteps a::after {
    content: unset; } }
@media screen and (max-width: 1420px) {
  main .middle form.fileupload {
    display: flex;
    justify-content: space-between; }
    main .middle form.fileupload .buttons {
      margin-top: 40px; }
    main .middle form.fileupload .flex .box {
      display: block; }
      main .middle form.fileupload .flex .box .filename input:read-only {
        width: 210px;
        overflow: hidden; }
      main .middle form.fileupload .flex .box .filename label {
        height: 0; }
    main .middle form.fileupload .flex .form-group {
      padding-right: 0; } }
@media screen and (max-width: 1200px) {
  main h1 {
    font-size: 24px;
    line-height: 32px; }
  main .left .nav ul li {
    font-size: 16px; }
    main .left .nav ul li.active ul {
      margin-left: 10px; }
  main .middle {
    font-size: 16px;
    line-height: 22px; }
    main .middle .blog h1 {
      font-size: 28px; }
    main .middle .lightblue .content h3,
    main .middle .orange .content h3,
    main .middle .rosa .content h3,
    main .middle .turquoise .content h3,
    main .middle .ndk .content h3,
    main .middle .nds .content h3,
    main .middle .udk .content h3,
    main .middle .wbm .content h3 {
      font-size: 16px;
      line-height: 22px; }
    main .middle .lightblue .content hr,
    main .middle .orange .content hr,
    main .middle .rosa .content hr,
    main .middle .turquoise .content hr,
    main .middle .ndk .content hr,
    main .middle .nds .content hr,
    main .middle .udk .content hr,
    main .middle .wbm .content hr {
      margin-block: 10px; }
    main .middle .bluewrapper .angebote {
      padding-block: 10px; }
    main .middle .content {
      padding-bottom: 10px; }
      main .middle .content h2 {
        font-size: 28px;
        line-height: 32px; }
      main .middle .content ul {
        padding-left: 12px; }
        main .middle .content ul li a {
          font-size: 24px;
          line-height: 32px; }
      main .middle .content.rosa ul li a::after {
        content: "\A zu den Kursangeboten / Anmelden ->";
        white-space: pre-wrap; }
    main .middle form.fileupload .buttons {
      margin-top: 30px; }
    main .middle form.fileupload .text .postfix {
      top: 2px; }
    main .middle hr {
      margin-block: 10px; }
  main .right {
    padding-block: unset; }
    main .right h1 {
      font-size: 24px; }
    main .right h2 {
      font-size: 28px; } }
/* mobile site: */
@media screen and (max-width: 920px) {
  	/**
    * Fonts-Size / Line-Heights
    */
  	/**
  * Colors
  */
  header .hamburger {
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    color: transparent;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin-inline: 1rem;
    background: currentColor; }
    header .hamburger.active .hamburger-icon {
      background: transparent;
      transform: rotate(-135deg); }
    header .hamburger.active .hamburger-icon:before,
    header .hamburger.active .hamburger-icon:after {
      top: 0; }
    header .hamburger.active .hamburger-icon:before {
      transform: rotate(90deg); }
    header .hamburger .hamburger-icon,
    header .hamburger .hamburger-icon:before,
    header .hamburger .hamburger-icon:after {
      content: '';
      background: grey;
      position: absolute;
      height: 2px;
      width: 30px; }
    header .hamburger .hamburger-icon {
      top: 9px; }
    header .hamburger .hamburger-icon:before {
      top: -6px; }
    header .hamburger .hamburger-icon:after {
      top: 6px; }
  header .login {
    display: none; }
  header .logo {
    display: none; }
  header .logo_mobile {
    display: block; }
    header .logo_mobile img {
      height: 60px; }

  main {
    min-height: 100vh;
    flex-wrap: wrap; }
    main .left {
      display: none;
      position: fixed;
      background-color: white;
      width: auto;
      top: 50px;
      right: 0;
      z-index: 1000; }
      main .left .nav ul li:last-of-type {
        position: unset;
        font-size: 16px;
        padding-block: 10px; }
        main .left .nav ul li:last-of-type a {
          color: #57524f; }
    main .middle {
      width: 100%;
      border: none;
      font-size: 18px; }
      main .middle .blog .content img {
        max-height: 400px; }
      main .middle .content .columnwrapper .column {
        font-size: 12px;
        line-height: 18px; }
      main .middle .content table.wizardsteps {
        margin-top: 12px; }
        main .middle .content table.wizardsteps .bullets td {
          height: 60px;
          width: 60px; }
          main .middle .content table.wizardsteps .bullets td.bar-left, main .middle .content table.wizardsteps .bullets td.bar-right {
            padding: 27px 0; }
            main .middle .content table.wizardsteps .bullets td.bar-left .bar, main .middle .content table.wizardsteps .bullets td.bar-right .bar {
              height: 6px; }
          main .middle .content table.wizardsteps .bullets td.bar-left {
            padding-right: 6px; }
          main .middle .content table.wizardsteps .bullets td.bar-right {
            padding-left: 6px; }
          main .middle .content table.wizardsteps .bullets td.bullet div {
            width: 60px;
            height: 60px; }
            main .middle .content table.wizardsteps .bullets td.bullet div a {
              width: 60px;
              height: 60px;
              line-height: 60px;
              font-size: 28px; }
        main .middle .content table.wizardsteps .steps td {
          padding: 10px; }
      main .middle .content ul {
        padding-left: 14px; }
      main .middle form .plaintext {
        bottom: -10px; }
    main .right {
      display: none; } }
@media screen and (max-width: 740px) {
  main .middle .content.lightblue ul li a::after {
    content: "\A zu den Kursangeboten / Anmelden ->";
    white-space: pre-wrap; }

  footer .footerwrapper .footernav {
    display: none; } }
@media screen and (max-width: 600px) {
  main .middle form .box {
    padding: 0; }
  main .middle form .buttons {
    margin: 0; }
  main .middle form.fileupload .flex input {
    width: 250px; }
  main .middle form .plaintext {
    font-size: 10px;
    position: relative; }
  main .middle .blue button,
  main .middle .lightblue button,
  main .middle .orange button,
  main .middle .rosa button,
  main .middle .turquoise button,
  main .middle .ndk button {
    position: unset;
    margin-left: calc( 100% - 150px ); }
  main .middle .blue .kursdaten .kurs,
  main .middle .lightblue .kursdaten .kurs,
  main .middle .orange .kursdaten .kurs,
  main .middle .rosa .kursdaten .kurs,
  main .middle .turquoise .kursdaten .kurs,
  main .middle .ndk .kursdaten .kurs {
    padding: 10px 20px 10px 10px; }
  main .middle button.registration {
    width: 180px;
    height: 40px;
    font-size: 12px; }
  main .middle .content .columnwrapper {
    display: block; }
    main .middle .content .columnwrapper .column {
      width: 100%;
      padding-right: 0;
      margin-right: 0;
      border-right: unset; }
  main .middle .content table.wizardsteps {
    table-layout: fixed;
    width: 100%; }
    main .middle .content table.wizardsteps .bullets td.bar-left, main .middle .content table.wizardsteps .bullets td.bar-right {
      width: auto; }
    main .middle .content table.wizardsteps .steps td {
      hyphens: auto;
      font-size: 10px;
      line-height: 14px; }
      main .middle .content table.wizardsteps .steps td h3 {
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 5px; }
      main .middle .content table.wizardsteps .steps td .stepinfo {
        display: none; }
  main .middle .content ul li a {
    font-size: 18px;
    line-height: 24px; }
    main .middle .content ul li a::after {
      font-size: 14px; } }
@media screen and (max-width: 465px) {
  main .middle form.fileupload .buttons button {
    width: 80px; }
  main .middle form.fileupload .flex .box .filename button {
    margin-top: 10px; }
  main .middle form.fileupload .flex .box .filename .postfix button {
    margin-left: 0; }
  main footer .socialmedia {
    padding-right: 10px;
    padding-bottom: 25px; }
    main footer .socialmedia img {
      margin-inline: 5px; } }