@charset "UTF-8";

.cblau {
  color: rgb(20, 98, 203)
}

.c000 {
  color: hsla(0, 0%, 0%, .85)
}

html {
  scroll-padding-top: 200px
}

@supports not (-moz-appearance:none) {
  html {
    scroll-behavior: smooth
  }
}

body {
  font-family: "Roboto", Arial, Helvetica, Sans-Serif;
  -moz-font-feature-settings: "liga", "kern";
  font-weight: 400;
  text-align: center;
  font-size: 16px;
  line-height: 1.4em;
  color: rgba(0, 0, 0, .85);
  margin: 0;
  background-color: rgba(255, 255, 255, .2)
}

@media (min-width:920px) {
  body {
    font-size: clamp(13px, 1.5vw, 16px)
  }
}

.floatelement {
  position: sticky;
  top: 5.2rem;
  background-color: hsl(255, 100%, 100%);
  z-index: 9
}

@media (min-width:920px) {
  .floatelement {
    top: 6.7rem
  }
}

.floatelement.sticky {
  width: calc(100% + 2em);
  margin-left: -1em
}

@media (min-width:920px) {
  .floatelement.sticky {
    width: 100%;
    margin-left: 0
  }
}

.full .paddinginner {
  padding: 0 .5em
}

@media (min-width:1280px) {
  .full .paddinginner {
    padding: 0
  }
}

.pageouter {
  width: 100%;
  min-width: 320px;
  text-align: center;
  margin: 0;
  padding: 0;
  float: none;
  clear: both;
  z-index: 1;
  position: relative;
  font-size: 1em
}

.pageinner {
  width: 100%;
  max-width: 1280px;
  text-align: left;
  margin: 0 auto;
  position: relative
}

.pagemiddle .pagebar .pageinner {
  background: none
}

.pagemiddle {
  margin-top: -.15em
}

@media (min-width:920px) {
  .pagemiddle {
    margin-top: 0
  }
}

img {
  max-width: 100%
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important
}

input[type=number] {
  -moz-appearance: textfield !important
}

.leftright {
  display: flex;
  flex-flow: column;
  align-items: stretch
}

@media (min-width:920px) {
  .leftright {
    flex-flow: row nowrap
  }
}

.leftright>.left {
  width: 100%;
  height: 100%
}

@media (min-width:920px) {
  .leftright>.left {
    width: 66.6666%
  }
}

@media (min-width:1280px) {
  .leftright>.left {
    padding: 0 0 1em 1em
  }
}

@media (min-width:1320px) {
  .leftright>.left {
    padding: 0 0 1em 0
  }
}

.leftright>.right {
  width: 100%;
  margin-left: 0;
  padding-bottom: 2em;
  padding-top: 2em;
  justify-content: start;
  display: flex;
  flex-flow: column;
  height: 100%;
  font-size: 1em
}

.leftright>.right .flexrow {
  flex-flow: column;
  gap: 1em
}

@media (min-width:920px) {
  .leftright>.right .flexrow {
    gap: 2em
  }
}

.leftright>.right .box {
  max-width: 450px;
  width: 100%
}

@media (min-width:920px) {
  .leftright>.right {
    width: 33.3333%;
    margin-left: 1.5em;
    padding-top: 0
  }
}

* {
  box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0 0 .66rem 0;
  margin: 0;
  line-height: 1.1em
}

@media (min-width:920px) {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    padding: 0 0 .66rem 0
  }
}

h1,
h2,
h3 {
  color: rgb(255, 140, 0)
}

h1 {
  font-size: clamp(1.6em, 2vw, 1.9em);
  font-weight: 400
}

h2.h1 {
  font-size: 2em;
  font-weight: 400;
  color: hsl(215, 85%, 39%)
}

h4,
.h4 {
  font-size: 1.05em;
  font-weight: 400
}

h4.date {
  padding: 0 0 .66rem 1em
}

@media (min-width:1280px) {
  h4.date {
    padding: 0 0 .66rem 0
  }
}

h5,
h6 {
  font-size: 1em;
  line-height: 1.15em
}

.left h4 {
  font-size: 1.25em
}

.component-headline>h1 {
  font-size: 1.9em
}

.box h1>dfn,
.box h2>dfn,
.box h3>dfn {
  font-weight: 400;
  color: rgba(0, 0, 0, .9)
}

h2,
h3,
.h3 {
  font-weight: 500;
  font-size: clamp(1.4rem, 4vw, 1.6rem)
}

h1>strong,
h1>b,
h2>strong,
h2>b,
h3>strong,
h3>b {
  color: #000;
  font-weight: 400
}

main.left>.box h2.h1,
main.left>.box:first-child h2,
main.left>.box h2.azav,
main.left>.box:first-child h2:first-child,
main.left #intro h2 {
  font-size: 1.8rem;
  font-weight: 400
}

.stars {
  font-weight: 500;
  font-size: clamp(1.2rem, 4vw, 1.5rem)
}

.stars svg {
  fill: hsl(43, 100%, 49%)
}

.fw200 {
  font-weight: 200
}

.fwb {
  font-weight: 600
}

.left>.box .component-headline:first-child>h2:first-of-type,
.left>.box .component-headline:first-child>h2:first-child,
.left>.box h3.blue {
  color: rgb(20, 98, 203)
}

.fl {
  float: left !important
}

.fr {
  float: right !important
}

p {
  padding: 0 0 .66rem 0;
  margin: 0
}

a {
  color: #1a73e8
}

a:hover,
a.akt {
  color: rgb(255, 140, 0)
}

.bnone {
  border: none !important
}

hr,
.hr {
  height: 0;
  margin: 0 0 1em 0;
  padding: 0;
  width: 100%;
  display: block;
  clear: both;
  float: none;
  background: none;
  outline: none;
  border-collapse: collapse;
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0;
  border-top: 1px solid rgba(0, 0, 0, .1)
}

.pt066em {
  padding-top: .66em
}

.pt2em {
  padding-top: 2em
}

.pr1em {
  padding-right: 1em
}

.pl1em {
  padding-left: 1em
}

.p066em {
  padding: .66em
}

.ml10 {
  margin-left: 10px
}

.w15p {
  width: 15% !important
}

.w20p {
  flex-basis: 20%;
  width: 20%
}

.w30p {
  flex-basis: 30%;
  width: 30%
}

.w35p {
  flex-basis: 35%;
  width: 35%
}

.w40p {
  flex-basis: 40%;
  width: 40%
}

.w50p {
  flex-basis: 50%;
  width: 50%
}

.w60p {
  flex-basis: 60%;
  width: 60%
}

.w70p {
  flex-basis: 70%;
  width: 70%
}

.w80p {
  flex-basis: 80%;
  width: 80%
}

.w90p {
  flex-basis: 90%;
  width: 90%
}

.wfull,
.w100p {
  flex-basis: 100%;
  width: 100%
}

.w100p .first {
  width: 12em
}

.w100p .last {
  width: 100%;
  padding-left: 1em
}

.serviceunddownload .w100p .last {
  width: 100%;
  padding-left: 0
}

.serviceunddownload .w100p .last .button {
  left: 0;
  right: 0
}

.minw-250px {
  min-width: 250px
}

.mr01 {
  margin-right: .3em
}

.mt1 {
  margin-top: 1em
}

.mb1 {
  margin-bottom: 1em
}

.mb2 {
  margin-bottom: 2em
}

.fs085 {
  font-size: .85em
}

.fw400 {
  font-weight: 400
}

.fw500 {
  font-weight: 500
}

dfn,
em,
cite {
  font-style: normal
}

dfn {
  font-weight: 200
}

.pr {
  position: relative
}

.pa {
  position: absolute
}

.floatelement.listjumper .tar {
  display: none
}

.floatelement.listjumper.sticky {
  background-color: transparent
}

.floatelement.listjumper.sticky .table {
  display: flex;
  justify-content: space-between;
  justify-items: center;
  background-color: rgba(150, 150, 150, .9);
  padding: .5em
}

.floatelement.listjumper.sticky .table h3 {
  color: hsl(255, 100%, 100%);
  font-size: 1.1rem;
  font-weight: 400;
  padding: 0 !important
}

.floatelement.listjumper.sticky .table .tar {
  display: flex
}

.floatelement.listjumper.sticky .table .tar a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%
}

.floatelement.listjumper.sticky .table .tar a svg {
  fill: hsl(255, 100%, 100%)
}

a {
  text-decoration: none;
  outline: none;
  position: relative
}

.cblue,
.plusprinzip.flexrow .flexcol .td,
a {
  color: rgb(20, 98, 203)
}

.cb {
  clear: both !important
}

.dn {
  display: none
}

.desktop,
.no-mobile,
.mobile400db,
.dn_minw_700 {
  display: none
}

.note-msg {
  background-color: rgba(0, 40, 80, .5);
  color: #fff;
  font-weight: 600;
  padding: .5em;
  border-radius: .25em;
  margin: 1em auto;
  text-align: center;
  width: 100%;
  position: relative;
  -webkit-transition: scale 0.5s ease-in;
  -moz-transition: scale 0.5s ease-in;
  -o-transition: scale 0.5s ease-in;
  -ms-transition: scale 0.5s ease-in;
  transition: scale 0.5s ease-in
}

.note-msg:hover {
  transform: scale(1.025);
  -webkit-transition: scale 0.5s ease-in;
  -moz-transition: scale 0.5s ease-in;
  -o-transition: scale 0.5s ease-in;
  -ms-transition: scale 0.5s ease-in;
  transition: scale 0.5s ease-in
}

.note-msg.mobile {
  display: block
}

@media (min-width:768px) {
  .note-msg.mobile {
    display: none
  }
}

@media (min-width:768px) {
  .note-msg.desktop {
    display: block
  }
}

.note-msg a,
.note-msg a:hover {
  color: rgb(255, 255, 255)
}

.note-msg.black {
  background-color: rgb(0, 0, 0)
}

.note-msg.black a,
.note-msg.black a:hover {
  color: hsl(0, 100%, 45%)
}

.note-msg h3 {
  padding: 0
}

.db {
  display: block
}

.oc0 {
  opacity: 0
}

.oc50 {
  opacity: 50%
}

.oc75 {
  opacity: 75%
}

.table,
.boxtable {
  display: flex;
  flex-flow: row nowrap;
  width: 100%
}

.table .td,
.boxtable .td {
  position: relative
}

.table .tr,
.boxtable .tr {
  position: relative;
  width: 100%;
  display: flex
}

.flexrow {
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-flow: row wrap;
  padding: 0 .5em
}

@media (min-width:920px) {
  .flexrow {
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    padding: 0
  }
}

@media (min-width:1280px) {
  .flexrow {
    flex-flow: row nowrap
  }
}

.flexcolumn {
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-flow: column
}

.flex {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between
}

.flex.flexstart {
  justify-content: start
}

.flex.column {
  flex-flow: column !important
}

.wsn {
  white-space: nowrap !important
}

.linklist {
  display: flex
}

.linklist>li {
  margin: .25em .5em;
  width: calc(100% - 1em);
  position: relative
}

li:before,
a:before,
.clear:before,
button:before {
  font-family: fontawesome
}

a.reviewtrigger,
a.favtrigger,
a.more,
a.lg,
a.back,
a.next,
a.dl {
  padding: 0 0 0 1.33em;
  display: inline-block;
  font-weight: 500
}

a.reviewtrigger::before,
a.favtrigger::before,
a.back::before,
a.more::before,
a.lg::before,
a.next::before,
a.dl::before {
  font-family: "fontawesome";
  content: "\f105";
  font-size: 1em;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.1em;
  width: 1.33em;
  text-align: center;
  z-index: 0;
  overflow: hidden;
  font-weight: 200;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.pdfprintholder {
  display: flex;
  justify-content: center;
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  margin-bottom: 1em
}

.graybg,
.gray {
  background-color: #d7d9db
}

.bewertung {
  font-weight: 500;
  display: inline-block
}

.bewertung .stars {
  letter-spacing: .15em;
  font-size: .85em;
  white-space: nowrap;
  color: rgb(250, 180, 0)
}

.rating {
  display: block
}

@media (min-width:768px) {
  .rating {
    display: unset
  }
}

.rating dfn {
  display: block;
  font-size: .8em
}

@media (min-width:768px) {
  .rating dfn {
    display: unset;
    font-size: 1em
  }
}

.navion .pagemiddle {
  position: relative
}

.navion .pagemiddle .pageoverflow {
  background: rgba(5, 5, 5, .2);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999
}

.error_msg {
  color: #fff;
  background: rgb(205, 0, 0);
  padding: .5em;
  margin: .5em 0;
  position: relative;
  display: none;
  line-height: 1em;
  font-weight: 400;
  text-align: center
}

.error_msg.akt {
  display: block
}

.error_msg.akt:before {
  font-family: "fontawesome";
  content: "\f0d7";
  color: rgb(205, 0, 0);
  position: absolute;
  bottom: -.33em;
  font-size: 2em;
  left: 50%;
  width: 1em;
  margin-left: -.5em;
  z-index: 0
}

.kursbewertung strong.note.bad,
.videoholder.playit .stop,
.error,
.error label,
.error .label,
.on.error.labelinput label,
.error.labelinput label.on,
.error a.internaltrigger {
  color: rgb(205, 0, 0) !important
}

.error input,
.error textarea,
.error select,
.errormarker input {
  border: 1px solid rgb(205, 0, 0) !important
}

.error input[type=checkbox],
.error input[type=radio] {
  border: none !important
}

.error input[type=checkbox]::after,
.error input[type=radio]::after {
  color: rgb(205, 0, 0) !important
}

.newsletter.error {
  color: rgb(205, 0, 0) !important
}

.newsletter.error label {
  color: rgb(205, 0, 0) !important
}

.dt-view {
  display: none
}

@media (min-width:920px) {
  .dt-view {
    display: block
  }
}

.mb-view {
  display: block
}

@media (min-width:920px) {
  .mb-view {
    display: none
  }
}

.component-text ul {
  display: flex;
  flex-flow: column
}

.jumptotd {
  display: none
}

.stickypos {
  position: sticky;
  top: 5.8rem;
  z-index: 99;
  background-color: rgb(255, 255, 255)
}

@media (min-width:1280px) {
  .stickypos {
    top: 7rem
  }
}

.pagebar {
  z-index: 2;
  position: relative;
  background-color: rgb(239, 242, 244);
  padding: 0
}

.pageinner.leftright>.left>.box h3.blue {
  color: rgb(20, 98, 203)
}

.pt1em {
  padding-top: 1em
}

.pt2em {
  padding-top: 2em
}

.pt3em {
  padding-top: 3em
}

.pt05em {
  padding-top: .5em
}

.mb0 {
  margin: 0
}

.p066em {
  padding: .66em
}

hr,
.hr {
  height: 0;
  margin: 0 0 1em 0;
  padding: 0;
  width: 100%;
  display: block;
  clear: both;
  float: none;
  background: none;
  outline: none;
  border-collapse: collapse;
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-top: 1px solid rgba(0, 0, 0, .1);
  border-top-color: rgba(0, 0, 0, .1);
  border-color: rgba(0, 40, 80, .15)
}

.pb1em {
  padding-bottom: 1em
}

.p11em {
  padding-top: 1em
}

body.activation .icons-right,
body.activation .burger,
body.activation .mainnavi,
body.activation #telinfo,
body.activation .navigation,
body.activation .legal,
body.activation .impressum,
body.activation .telit,
body.activation .osz {
  display: none !important
}

body.activation .logo {
  width: 100% !important
}

body.activation .logo .ukraine {
  left: 2.25em !important;
  background-size: 80% auto !important
}

body.activation .pageheader {
  height: fit-content !important
}

body.activation .pagemiddle {
  margin-top: 0
}

body.activation .pageend {
  background-color: hsl(215, 85%, 39%);
  margin-bottom: 0 !important
}

body.activation .pageend ul {
  width: 100%
}

body.activation .pageend a {
  color: #fff !important
}

#google-routenplanerbox {
  padding: 1em 1em 4em 1em;
  position: relative
}

#google-routenplanerbox .w35p {
  width: 100%;
  margin-bottom: 1em
}

@media (min-width:768px) {
  #google-routenplanerbox .w35p {
    width: 35%;
    margin-bottom: 0
  }
}

#google-routenplanerbox .w300 {
  width: 100%
}

@media (min-width:768px) {
  #google-routenplanerbox .w300 {
    width: 300px
  }
}

#google-routenplanerbox button {
  position: absolute;
  right: 1em;
  bottom: 1em
}

.bewertung {
  display: contents;
  justify-content: space-between;
  align-items: center;
  flex-flow: row nowrap
}

.component-multicolumn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: column
}

@media (min-width:768px) {
  .component-multicolumn {
    flex-flow: row wrap
  }
}

.component-multicolumn>.box {
  width: 50%
}

.trbo-content .tal {
  text-align: left
}

.fa {
  font-family: "fontawesome"
}

.fa {
  font-family: "fontawesome"
}

.rb-tl-br {
  border-top-left-radius: .33em;
  border-bottom-left-radius: .133em;
  border-bottom-right-radius: .66em
}

.rb,
picture.rb img,
picture.rb source {
  border-top-left-radius: .66em;
  border-bottom-left-radius: .66em;
  border-bottom-right-radius: .66em;
  border-top-right-radius: .66em
}

.left a {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto
}

button,
.button {
  background-color: hsl(215, 85%, 39%);
  border: none;
  padding: .5em 1em .5em 2em;
  color: rgb(255, 255, 255);
  position: relative;
  bottom: 0;
  right: 1em;
  transition: 0.2s all;
  line-height: 1.2em;
  font-size: 1em;
  border-collapse: collapse;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  outline: none;
  margin: 0;
  cursor: pointer;
  z-index: 1
}

@media (min-width:920px) {

  button,
  .button {
    right: 0
  }
}

@media (min-resolution:200dpi) and (pointer:coarse) {

  button,
  .button {
    font-size: 1.2em
  }
}

button.fl,
.button.fl {
  right: auto;
  left: .2em
}

@media (min-width:920px) {

  button.fl,
  .button.fl {
    left: 0
  }
}

button:hover,
.button:hover {
  background-color: hsl(33, 100%, 50%);
  border-color: hsl(33, 100%, 50%);
  color: hsl(255, 100%, 100%)
}

button.round,
.button.round {
  border-radius: 1em
}

button.center,
.button.center {
  align-items: center;
  justify-content: center
}

button:before,
.button:before {
  position: absolute;
  width: 2em;
  left: 0;
  font-size: 1.2em;
  line-height: 1em;
  height: 1em;
  text-align: center;
  top: 50%;
  transform: translate(0, -50%);
  font-family: "fontawesome";
  content: "\f105"
}

button.close:before,
.button.close:before {
  content: "\f00d"
}

button.phone:before,
.button.phone:before {
  content: "\f095"
}

button.orange,
.button.orange {
  background-color: hsl(33, 100%, 50%);
  border-color: hsl(33, 100%, 50%);
  color: hsl(255, 100%, 100%) !important
}

button.orange:hover,
.button.orange:hover {
  background-color: rgb(20, 98, 203);
  border-color: rgb(20, 98, 203) !important
}

button.green,
.button.green {
  background-color: hsl(112, 94%, 30%)
}

button.big,
.button.big {
  padding: 1em 1em 1em 2em
}

button.medium,
.button.medium {
  padding: .7em 1em .7em 2em
}

button.bold,
.button.bold {
  font-weight: 600
}

button.rb-tl-br,
.button.rb-tl-br {
  border-top-left-radius: .33em;
  border-bottom-left-radius: .133em;
  border-bottom-right-radius: .66em
}

button.nobefore,
.button.nobefore {
  padding: .1em 1em !important
}

button.nobefore:before,
.button.nobefore:before {
  display: none
}

button.modern.large,
.button.modern.large {
  font-size: 1.7em;
  width: 70%;
  color: hsl(255, 100%, 100%);
  padding-bottom: .7em;
  padding-top: .7em;
  white-space: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 360px !important;
  margin: 0 auto
}

button.modern.large:before,
.button.modern.large:before {
  display: none
}

button.modern.large svg,
.button.modern.large svg {
  fill: hsl(255, 100%, 100%);
  height: 1.4rem;
  width: 1.3rem
}

button.pdfprint,
.button.pdfprint {
  padding: .8em .8em .8em 3em;
  line-height: 1.1em;
  display: flex;
  position: relative;
  width: fit-content;
  text-align: left;
  color: #fff !important;
  background-color: rgb(20, 98, 203)
}

button.pdfprint::before,
.button.pdfprint::before {
  content: "\f1c1";
  font-size: 2em;
  width: 1.6em;
  line-height: 1em;
  position: absolute;
  left: 0;
  top: .15em;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-content: center;
  height: 100%;
  font-weight: 300;
  transform: none
}

button.prev:before,
.button.prev:before {
  content: "\f104"
}

button.pulse,
.button.pulse {
  white-space: normal;
  width: 100%;
  right: 0;
  left: 0
}

.oam-feature-button .button.fl {
  left: 0
}

.oam-feature-button .button.oam-featured-top {
  right: auto
}

input,
textarea,
select,
button,
.button {
  font-family: "Roboto", Arial, Helvetica, Sans-Serif
}

a.mehr {
  position: relative;
  padding-left: 1em
}

a.mehr:before {
  content: "\f105";
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 100%;
  line-height: 1em;
  font-size: 1.2em;
  text-align: left;
  display: flex;
  justify-content: center;
  justify-items: center
}

.mapholder button:before,
.mapholder li:before,
#directions button:before,
#directions li:before {
  display: none !important
}

.landingpages .button.pulse {
  left: auto;
  right: auto;
  width: fit-content;
  margin-bottom: 2rem
}

.faicons {
  height: 1rem;
  width: 1rem
}

.faicons.white {
  fill: rgb(255, 255, 255)
}

.pageinner {
  width: 100%;
  max-width: 1280px;
  text-align: left
}

.pageteaser .pageinner {
  background-color: rgba(255, 255, 255, 0);
  position: relative;
  overflow: hidden
}

.mapholder {
  position: relative;
  width: 100%;
  padding-top: 66%;
  z-index: 1
}

.mapholder .map {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.pagemiddle .seek .seekform {
  display: flex
}

.pagemiddle .seek .seekform form {
  display: flex;
  flex-flow: row nowrap
}

.pagemiddle .seek .seekform .vat {
  position: relative
}

.pagemiddle .seek .seekform .clear {
  display: block;
  width: 30px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  z-index: 9;
  height: 38px
}

.pagemiddle .seek .seekform .clear::before {
  content: "\f00d";
  width: 30px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  display: flex;
  align-items: center
}

.pagemiddle .seek .seekform .ready .clear:before {
  content: "\f014"
}

.pagemiddle .seek .seekform input {
  text-align: center;
  font-size: 1em
}

.pagemiddle .seek .seekform input[type=text] {
  height: 37px;
  z-index: 2;
  position: relative;
  padding-right: 2em;
  width: 100%;
  border: 1px solid rgba(100, 100, 100, .25)
}

.pagemiddle .seek .seekform button {
  position: relative;
  top: 0;
  left: 0;
  padding: 0 .5em;
  height: 37px;
  width: 37px;
  border-radius: 0;
  border: none;
  text-align: center
}

.pagemiddle .seek .seekform button:before {
  content: "\f002";
  width: 2em;
  height: 1.33em;
  line-height: 1.33em
}

.seek .seekform {
  display: none;
  line-height: 38px;
  vertical-align: middle;
  position: relative;
  top: 2px;
  right: -11px;
  width: calc(100% - 50px);
  max-width: 600px;
  padding: 0;
  margin: 0;
  z-index: 99;
  font-size: .8em;
  height: auto
}

.seek .seekform .tr {
  display: flex !important
}

.seek .seekform button {
  background-color: transparent;
  padding: 0
}

.seek .seekform button::before {
  display: none
}

.seek .seekform .quickfind {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 30px;
  transform: translate(-50%, 0);
  font-size: .8em;
  border-right: 46px solid transparent;
  display: none;
  height: auto;
  min-width: 320px
}

.seek .seekform .quickfind.akt a {
  background: rgb(255, 255, 255);
  display: block;
  border-top: 1px dotted rgba(0, 0, 0, .2);
  text-align: left;
  padding: .33em 0 .33em 1.33em !important;
  line-height: 1.1em;
  color: rgba(0, 0, 0, .85) !important;
  width: 100%;
  min-width: 100%;
  float: none;
  clear: both;
  position: relative;
  white-space: nowrap
}

.seek .seekform .quickfind.akt a:before {
  content: "\f105";
  position: absolute;
  left: 0;
  top: .25em;
  width: 1.33em;
  text-align: center;
  display: block
}

.seek .seekform .quickfind.akt a:after {
  width: 15%;
  min-width: 2em;
  content: " ";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffffff", endColorstr="#fffffff", GradientType=1)
}

.seek .seekform .quickfind .seekresults {
  height: auto;
  max-height: 12.5em;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 0
}

.seek .seekform .quickfind .close {
  width: 38px;
  height: 2em;
  line-height: 2em;
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  text-align: center
}

.seek .seekform .quickfind .close:before {
  font-size: 1.33em;
  color: rgb(0, 0, 0)
}

.seek .seekform .buttonholder {
  font-size: 1.3em;
  padding-right: .49em
}

.seek .seekform .td {
  display: flex;
  align-items: center
}

.seek .seekform input[type=text] {
  margin: 0;
  outline: none;
  border-collapse: collapse;
  font-size: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  width: 100%;
  min-width: 30em;
  max-height: 2em;
  margin-right: .5em;
  text-align: center;
  color: #000;
  height: 2em;
  position: relative;
  right: .5em
}

.seek .seekform input::placeholder {
  display: block;
  z-index: 9;
  color: #999;
  font-size: 1em
}

.seek .clear {
  top: 2px;
  display: block;
  width: 30px;
  position: absolute;
  padding: 0;
  z-index: 9;
  height: 38px;
  line-height: 38px;
  vertical-align: middle;
  color: rgb(0, 0, 0);
  right: .5em
}

.seek.ready .seekform .quickfind.akt {
  display: block
}

.pagetop.seeking .seekform {
  display: block
}

.pagetop.seeking .seekform form {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-flow: row nowrap
}

.pagemiddle .seek .seekform {
  line-height: 38px;
  vertical-align: middle;
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  z-index: 99;
  font-size: .8em;
  height: auto;
  top: 0;
  transform: translate(0, 0)
}

.pagemiddle .seek .seekform form .vat {
  height: 37px;
  width: 37px
}

.pagemiddle .seek .seekform form .vat button {
  text-align: center;
  background-color: #1462cb;
  height: 100%;
  width: 100%;
  top: -.4em
}

.pagemiddle .contentseek {
  padding: 0
}

.pagemiddle .contentseek .box.graybg {
  padding: 0;
  width: 100%
}

.pagemiddle .contentseek .box.graybg .first {
  margin-right: .1em
}

.pagemiddle .contentseek .box.graybg .second {
  margin-left: .1em
}

.pagemiddle .contentseek .box.graybg .button {
  width: 100%
}

.pagemiddle .contentseek .box.graybg .button.lg::before {
  content: "\f19d"
}

.pagemiddle .contentseek .box.graybg .button.all::before {
  content: "\f1c0"
}

.seek .seekform .quickfind {
  position: absolute;
  width: 100%;
  left: calc(50% - 9px);
  top: 36px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  font-size: .8em;
  background: rgb(255, 255, 255);
  display: none;
  height: auto;
  min-width: 320px
}

.seek .seekform .quickfind .seekresults {
  height: auto;
  max-height: 12.5em;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 0
}

.seek.ready .seekform .quickfind.akt {
  display: block;
  z-index: 0;
  -webkit-box-shadow: -5px 2px 38px 6px rgba(0, 0, 0, .26);
  -o-box-shadow: -5px 2px 38px 6px rgba(0, 0, 0, .26);
  -ms-box-shadow: -5px 2px 38px 6px rgba(0, 0, 0, .26);
  -moz-box-shadow: -5px 2px 38px 6px rgba(0, 0, 0, .26);
  box-shadow: -5px 2px 38px 6px rgba(0, 0, 0, .26)
}

.seek.ready .seekform .quickfind.akt svg {
  fill: #000;
  position: absolute;
  top: 1px;
  right: -37px;
  z-index: 999;
  height: 2em
}

.seek .seekform .quickfind a {
  display: block;
  border-top: 1px dotted rgba(0, 0, 0, .2);
  text-align: left;
  padding: .33em 0 .33em 1.33em !important;
  line-height: 1.1em;
  color: rgba(0, 0, 0, .85) !important;
  width: 100%;
  min-width: 100%;
  float: none;
  clear: both;
  position: relative;
  white-space: nowrap
}

.seek .seekform .quickfind a:before {
  content: "\f105";
  position: absolute;
  left: 0;
  top: .25em;
  width: 1.33em;
  text-align: center;
  display: block
}

.seek .seekform .quickfind a:after {
  width: 15%;
  min-width: 2em;
  content: " ";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffffff", endColorstr="#fffffff", GradientType=1)
}

.seek .seekform .quickfind .close {
  width: 38px;
  height: 2em;
  line-height: 2em;
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  text-align: center
}

.seek .seekform .quickfind .close:before {
  font-size: 1.33em
}

.seekform .clear .close {
  display: block
}

.seekform .clear .trash {
  display: none
}

.ready .seekform .clear .close {
  display: none
}

.ready .seekform .clear .trash {
  display: block
}

@media (min-width:1280px) {
  .pageinner>.box {
    display: unset
  }
}

.box {
  padding: 0 1em
}

@media (min-width:1320px) {
  .box {
    padding: 0
  }
}

.box .box {
  padding: 0
}

.box.nopadding {
  padding: 0
}

.box .content h3 {
  font-weight: 400
}

.box.box-origin {
  padding: 1em !important
}

@media (min-width:1280px) {
  .box.box-origin {
    padding: 1em 0 !important
  }
}

.box.pulse {
  width: 100%;
  padding: 0
}

.boxes {
  display: flex;
  flex-flow: column;
  padding: 0;
  align-self: flex-start;
  justify-content: start;
  align-items: center;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
  gap: 2rem
}

@media (min-width:768px) {
  .boxes {
    padding: 0 .5em
  }
}

@media (min-width:920px) {
  .boxes {
    flex-wrap: wrap
  }
}

@media (min-width:1080px) {
  .boxes {
    flex-flow: row nowrap;
    align-items: stretch
  }
}

@media (min-width:768px) {
  .boxes {
    gap: 1rem
  }
}

.boxes.advertiserboxen {
  margin-bottom: 2em
}

.boxes.advertiserboxen .box .content h3 {
  font-weight: 500
}

.boxes.advertiser .box .content h3 {
  font-weight: 500
}

.boxes.advertiser,
.boxes.advertiserboxen {
  margin-top: 1em;
  margin-bottom: 1em;
  gap: 2em;
  padding: 0 1em
}

@media (min-width:1320px) {

  .boxes.advertiser,
  .boxes.advertiserboxen {
    padding: 0
  }
}

.boxes.teaser .box {
  min-height: 50%;
  max-height: 50%
}

.boxes .box {
  position: relative;
  max-width: 450px;
  width: 100%;
  padding: 0;
  text-align: left;
  color: hsla(0, 0%, 0%, .85)
}

@media (min-width:1080px) {
  .boxes .box {
    min-width: calc(50% - 2em)
  }
}

@media (min-width:768px) {
  .boxes .box {
    min-width: calc(33.3333% - 2em)
  }
}

.boxes .box.gray {
  background-color: #eff2f4;
  padding: 1em
}

.boxes .box.vam.gray {
  background-color: rgba(211, 217, 229, .5)
}

.boxes .box>a,
.boxes .box>span {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 1em;
  width: 100%
}

.boxes .box>a img,
.boxes .box>span img {
  width: 33.3333%;
  max-width: 100px;
  height: auto
}

.boxes .box>a .content,
.boxes .box>span .content {
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: start;
  min-width: 66.6666%;
  max-width: 66.6666%;
  font-weight: 400
}

.fullcontent .boxes .box>a .content,
.fullcontent .boxes .box>span .content {
  min-width: 100%;
  max-width: 100%
}

.boxes .box>a .content h3,
.boxes .box>span .content h3 {
  padding-bottom: .25em;
  margin-bottom: .25em;
  font-weight: 400;
  font-size: clamp(1.4em, 1.7vw, 1.6em);
  width: 100%
}

.boxes .box>a .content p,
.boxes .box>span .content p {
  color: hsla(0, 0%, 0%, .85);
  font-size: clamp(1em, 3vw, 1.1em);
  padding-bottom: 0;
  line-height: 1.2em
}

@media (min-width:920px) {

  .boxes .box>a .content p,
  .boxes .box>span .content p {
    font-size: clamp(0.9em, 1.5vw, 1em)
  }
}

.boxes .box form a {
  display: initial
}

.course aside .box.bestpreis-garantie,
.course aside .box.kostenlos-testen {
  display: block
}

@media (min-width:920px) {

  .course aside .box.bestpreis-garantie,
  .course aside .box.kostenlos-testen {
    display: none
  }
}

.box {
  position: relative;
  text-align: left;
  color: hsla(0, 0%, 0%, .85)
}

.box.gray {
  padding: 1em !important;
  background-color: rgba(10, 40, 80, .05)
}

.box.lightorange {
  padding: 1em !important;
  background-color: rgba(255, 140, 0, .075)
}

.boxlist .box.gray {
  padding: 1em !important;
  background-color: rgba(10, 40, 80, .05)
}

.boxlist .box.lightorange {
  padding: 1em !important;
  background-color: rgba(255, 140, 0, .075)
}

.boxlist .box .thumb {
  display: inline-block;
  padding: .3em 1em 0 0;
  float: left;
  width: clamp(120px, 33.333%, 220px);
  overflow: hidden;
  max-height: 100%
}

.boxlist .box .thumb.fr {
  float: right;
  padding: .3em 0 0 1em
}

.boxlist .box .thumb.siegel {
  width: 33.333%;
  max-width: 150px;
  min-width: 100px
}

.boxlist .box .thumb.portrait,
.boxlist .box .thumb.medium {
  width: 30%;
  max-width: 130px;
  min-width: 100px
}

.boxlist .box .thumb dfn {
  font-size: .9em;
  text-align: center;
  padding: .25em;
  line-height: 1.1em;
  display: block;
  position: relative;
  top: -.5em;
  color: rgba(0, 0, 0, .66)
}

.boxlist .box .thumb img {
  width: 100%;
  height: auto
}

.boxlist.bordered>.box {
  border-top: 1px solid rgba(0, 0, 0, .1);
  padding: 1em 0
}

.boxlist.bordered.evenodd .box:nth-child(even) {
  background-color: rgba(0, 0, 0, .025)
}

@-webkit-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  40% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  60% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px)
  }
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  40% {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  60% {
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px)
  }
}


.paginationholder {
  position: sticky;
  position: -webkit-sticky;
  top: 5.3rem;
  width: calc(100% + 2em);
  margin-left: -1em;
  z-index: 9;
  background-color: hsl(255, 100%, 100%)
}

@media (min-width:920px) {
  .paginationholder {
    top: 7rem;
    width: 100%;
    margin-left: 0
  }
}

.paginationholder .pagination>div {
  padding: .1em;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: hsl(0, 0%, 62%)
}

.paginationholder .pagination>div a {
  color: rgba(0, 0, 0, .85);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: .3em;
  transition: 0.3s all;
  background-color: hsl(0, 0%, 62%)
}

.paginationholder .pagination>div a:hover {
  background-color: hsl(220, 14%, 96%)
}

.paginationholder .pagination .prevpage svg {
  transform: rotate(180deg)
}

.paginationholder .ctrl {
  padding: 0 1em;
  border-right: 1px solid rgba(150, 150, 150, .9)
}

.paginationholder .ctrl:first-child {
  border-left: 1px solid rgba(150, 150, 150, .9)
}

.paginationholder .pagenr {
  width: 100%;
  text-align: center;
  border-right: 1px solid rgba(150, 150, 150, .9)
}

.paginationholder .pagenr:first-child {
  border-left: 1px solid rgba(150, 150, 150, .9)
}

.paginationholder .pagenr.pagecurrent {
  background-color: transparent;
  border-top: 1px solid rgba(150, 150, 150, .9);
  border-bottom: 1px solid rgba(150, 150, 150, .9)
}

body.sea .pagemiddle,
body.landingpages .pagemiddle {
  margin-top: 1.9em
}

@media (min-width:920px) {

  body.sea .pagemiddle,
  body.landingpages .pagemiddle {
    margin-top: 0
  }
}

body.sea main>.pageinner:first-child,
body.landingpages main>.pageinner:first-child {
  padding: 2em 0 0 0;
  border-top-left-radius: 1.75em;
  background: hsl(255, 100%, 100%)
}

@media (min-width:1280px) {

  body.sea main>.pageinner:first-child,
  body.landingpages main>.pageinner:first-child {
    padding: 2em 0 0 1em
  }
}

body.sea h2,
body.landingpages h2 {
  color: hsl(215, 85%, 39%);
  font-size: clamp(1.5rem, 4vw, 1.6rem)
}

body.sea h2:first-child,
body.landingpages h2:first-child {
  font-size: clamp(1.5rem, 4vw, 1.8rem)
}

body.sea ul.linklist.boxed li,
body.landingpages ul.linklist.boxed li {
  padding-left: 2.33em !important;
  position: relative
}

body.sea ul.linklist.boxed li:before,
body.landingpages ul.linklist.boxed li:before {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  left: 0.45em !important;
  top: 50% !important;
  bottom: auto !important;
  -ms-transform: translate(0, -50%) !important;
  -webkit-transform: translate(0, -50%) !important;
  -moz-transform: translate(0, -50%) !important;
  transform: translate(0, -50%) !important;
  line-height: 0.975em !important;
  background-color: rgba(0, 40, 80, .9) !important;
  color: hsl(255, 100%, 100%);
  border-radius: 50%;
  font-size: 1.1em;
  width: 1.5em !important;
  height: 1.5em !important;
  padding: 0 !important;
  text-align: center !important;
  content: "\f105"
}

body.sea ul.linklist.one-column li a,
body.landingpages ul.linklist.one-column li a {
  padding-left: 1.66em
}

body.sea ul.linklist.one-column li a:before,
body.landingpages ul.linklist.one-column li a:before {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  top: 50% !important;
  bottom: auto !important;
  -ms-transform: translate(0, -50%) !important;
  -webkit-transform: translate(0, -50%) !important;
  -moz-transform: translate(0, -50%) !important;
  transform: translate(0, -50%) !important;
  line-height: 0.975em !important;
  background-color: rgba(0, 40, 80, .9) !important;
  color: hsl(255, 100%, 100%);
  border-radius: 50%;
  width: 1.1em !important;
  height: 1.1em !important;
  padding: 0 !important;
  text-align: center !important;
  content: "\f105";
  font-size: 1em;
  font-weight: 300
}

.pageteaser.sea {
  margin: 0 auto;
  width: 100%;
  min-height: 16em;
  background-color: rgb(243, 246, 248)
}

@media (min-width:920px) {
  .pageteaser.sea {
    min-height: 19em
  }
}

.pageteaser.sea .pageinner.stage {
  max-width: calc(1280px + 2em);
  overflow: visible
}

.pageteaser.sea .inner {
  padding-left: 2em;
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-flow: row-reverse nowrap;
  margin: 0 auto;
  font-size: clamp(0.8em, 2vw, 1.4em);
  position: relative
}

.pageteaser.sea .inner picture {
  position: relative;
  top: 0;
  left: 3em
}

@media (min-width:768px) {
  .pageteaser.sea .inner picture {
    top: 0;
    left: 0
  }
}

.pageteaser.sea .inner picture img {
  width: clamp(29em, 4vw, 29em)
}

.pageteaser.sea .inner picture span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3em;
  display: block;
  background: linear-gradient(90deg, hsla(204, 26%, 96%, 0), hsl(204, 26%, 96%))
}

.pageteaser.sea .inner .logo picture {
  top: auto;
  left: auto
}

.pageteaser.sea .inner .txtholder {
  max-width: 22em;
  position: absolute;
  left: clamp(1em, 5vw, 3em);
  top: 0;
  bottom: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: start;
  padding-bottom: 0;
  font-size: 1em;
  height: calc(100% - 5em)
}

@media (min-width:768px) {
  .pageteaser.sea .inner .txtholder {
    height: calc(100% - 3em);
    font-size: .9em
  }
}

.pageteaser.sea .inner h1 {
  font-size: clamp(1.7em, 4vw, 1.9em);
  font-weight: 400
}

.pageteaser.sea .inner ul li {
  margin-bottom: .3em;
  position: relative;
  padding-left: 1.66em;
  font-size: 1.2em;
  line-height: 1.2em
}

@media (min-width:920px) {
  .pageteaser.sea .inner ul li {
    margin-bottom: .8em
  }
}

.pageteaser.sea .inner ul li:before {
  content: "\f00c";
  font-size: 1em;
  top: 0;
  left: 0;
  color: rgb(255, 140, 0);
  -webkit-text-shadow: 0 0 .66em rgb(255, 255, 255) !important;
  text-shadow: 0 0 .66em rgb(255, 255, 255) !important;
  padding-right: .5em;
  position: absolute;
  display: flex;
  justify-content: start;
  align-items: center
}

.pageteaser.sea .inner .logo {
  position: absolute;
  bottom: 6em;
  right: 2em;
  right: 1em
}

@media (min-width:768px) {
  .pageteaser.sea .inner .logo {
    top: 4em
  }
}

@media (min-width:768px) {
  .pageteaser.sea .inner .logo {
    right: 36%
  }
}

.pageteaser.sea .inner .logo .siegel picture img {
  width: clamp(4.6em, 11vw, 5.6em)
}

.pageteaser.sea .inner .logo.metarabatt .siegel picture img {
  width: clamp(6em, 11vw, 4.6em)
}

.multicolumn {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  justify-items: center;
  gap: 1em
}

@media (min-width:768px) {
  .multicolumn {
    flex-flow: row nowrap
  }
}

.multicolumn.multicolumn-2 .column {
  width: 100%
}

@media (min-width:768px) {
  .multicolumn.multicolumn-2 .column {
    width: 50%
  }
}

.multicolumn.multicolumn-2 .column h3 {
  margin: 1em 0 .2em 0;
  padding: 0
}

.multicolumn.multicolumn-2 .column ul {
  padding-bottom: 0
}

.multicolumn h4 {
  margin-top: 1em
}

.fieldsetholder.flexfields,
.listholder.multicol>ul.linklist {
  width: calc(100% + 10px)
}

.box ol,
.ol {
  padding-left: 1em
}

.box ol>li,
.ol>li {
  padding-left: 0.5em !important
}

.box ol>li::before,
.ol>li::before {
  display: none !important
}

ul {
  padding: 0;
  list-style: none
}

ul.child-style-type-none .child-style-type-none li {
  padding-left: 0 !important;
  font-size: .9rem
}

ul.child-style-type-none .child-style-type-none li:before {
  display: none !important
}

ul.linklist li a,
ul.linklist li>span {
  padding: 0 .66em 0 1.66em;
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  height: 100%;
  font-weight: 400;
  width: 100%
}

ul.linklist li a:before,
ul.linklist li>span:before {
  font-family: "fontawesome";
  position: absolute;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: start;
  top: 0.1em !important
}

ul.linklist li.empty {
  opacity: 0;
  height: 0
}

ul.linklist li.planeditem a {
  padding-right: 6.125em
}

ul.linklist li.planeditem a:after {
  content: "IN VORBEREITUNG";
  background-color: rgba(150, 150, 150, .9);
  color: rgb(255, 255, 255);
  font-size: .66em;
  padding: .1666em .33em;
  display: block;
  position: absolute;
  right: 0;
  line-height: 1em;
  text-transform: uppercase;
  top: .75em;
  white-space: nowrap;
  -o-border-radius: .33em;
  -moz-border-radius: .33em;
  -ms-border-radius: .33em;
  -webkit-border-radius: .33em;
  border-radius: .33em;
  font-weight: 500
}

ul.linklist.landingpages li a {
  justify-content: center;
  align-items: start
}

ul.checklist {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: block;
  width: 100%
}

.linklist.search {
  max-width: 100%
}

ul.linklist.boxed {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  padding: 0;
  margin: 0 0 .5em 0
}

ul.linklist.boxed li {
  position: relative;
  margin: .3em 0 !important;
  background-color: rgba(0, 0, 0, .05);
  padding-left: 1.66em !important
}

ul.linklist.boxed li:before {
  height: 100%;
  bottom: 0;
  top: 0;
  min-width: 1.3em;
  left: 0;
  text-align: right;
  z-index: 0;
  background-color: hsl(215, 85%, 39%);
  color: hsl(255, 100%, 100%);
  content: "\f105";
  position: absolute;
  display: flex !important;
  justify-content: center;
  align-items: center
}

ul.linklist.boxed li:hover::before {
  background-color: hsla(210, 100%, 16%, .9)
}

ul.linklist.boxed li a {
  padding: .4em .66em .4em .2em
}

ul.linklist.boxed li a:hover {
  color: hsla(0, 0%, 0%, .85)
}

ul.linklist.boxed li.akt {
  background-color: hsl(215, 85%, 39%)
}

ul.linklist.boxed li.akt a {
  color: hsl(255, 100%, 100%)
}

ul.linklist.boxed li.akt.hassub:before {
  max-height: 2em;
  transform: rotate(90deg);
  width: 2em;
  top: .2em;
  left: -.2em;
  height: 1.6em
}

ul.linklist.boxed li.akt.hassub>a {
  padding-left: 1em
}

ul.linklist.boxed li.akt.hassub ul.linklist.bordered {
  display: flex;
  flex-flow: column
}

ul.linklist.boxed li.akt.hassub ul.linklist.bordered li {
  margin: 0 !important;
  border-top: 1px dotted rgba(255, 255, 255, .5);
  background-color: transparent
}

ul.linklist.boxed li.akt.hassub ul.linklist.bordered li:first-child {
  border-top: none
}

ul.linklist.boxed li.akt.hassub ul.linklist.bordered li.akt {
  background-color: hsl(214, 57%, 46%)
}

ul.linklist.boxed li.akt.hassub ul.linklist.bordered li.akt::before {
  background-color: hsl(214, 57%, 46%)
}

ul.linklist.boxed li.akt.hassub ul.linklist.bordered li a {
  padding: .2em .66em .2em .2em
}

ul.linklist.three-column {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%
}

ul.linklist.three-column li {
  width: 100%;
  background-color: rgba(0, 40, 80, .066);
  -webkit-border-top-left-radius: .5em;
  -webkit-border-bottom-left-radius: .25em;
  -webkit-border-bottom-right-radius: 1em;
  -moz-border-radius-topleft: .5em;
  -moz-border-radius-bottomleft: .25em;
  -moz-border-radius-bottomright: 1em;
  border-top-left-radius: .5em;
  border-bottom-left-radius: .25em;
  border-bottom-right-radius: 1em;
  overflow: hidden;
  line-height: 1.4em;
  display: flex;
  align-items: center
}

@media (min-width:768px) {
  ul.linklist.three-column li {
    width: calc(50% - 1em)
  }
}

@media (min-width:920px) {
  ul.linklist.three-column li {
    width: calc(33.333% - 2em)
  }
}

ul.linklist.three-column li:nth-child(even) {
  margin-left: 0
}

ul.linklist.three-column li:nth-child(odd) {
  margin-right: 0
}

ul.linklist.three-column li:hover {
  background-color: rgba(0, 60, 100, .1)
}

ul.linklist.three-column li:hover a:before {
  background-color: rgba(0, 40, 80, .9)
}

ul.linklist.three-column li a {
  font-size: 1.2em;
  cursor: pointer;
  color: rgb(0, 20, 55);
  padding: .6em .4em
}

@media (min-width:768px) {
  ul.linklist.three-column li a {
    padding: .4em .66em .4em .2em
  }
}

ul.linklist.three-column.sub li:before {
  background-color: hsla(210, 100%, 16%, .9);
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  max-width: 1.7em;
  font-size: 1.2em;
  width: 1.2em;
  content: "\f105"
}

ul.linklist.three-column.sub li a:before {
  display: none
}

.landingpages ul.linklist.three-column li a {
  font-size: 1em;
  flex-flow: column
}

.google-retargeting a {
  content: "";
  display: block;
  background-color: rgb(5, 95, 175);
  padding: 24px 0;
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  border-radius: 4px
}

.google-retargeting a:hover {
  color: #fff
}

.google-retargeting {
  display: flex !important;
  flex-flow: column;
  align-items: center;
  margin-bottom: 2rem
}

.google-retargeting h4 {
  font-weight: 700;
  text-align: center
}

.google-retargeting .google-button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0
}

.google-retargeting .google-button a {
  width: fit-content;
  padding: 1em
}

ul.linklist.two-column {
  justify-content: space-between
}

ul.linklist.two-column li {
  width: 100%
}

@media (min-width:768px) {
  ul.linklist.two-column li {
    width: calc(50% - 0.5em)
  }
}

ul.linklist.two-column li:nth-child(even) {
  margin-left: .4em
}

ul.linklist.two-column li:nth-child(odd) {
  margin-right: .4em
}

ul.linklist.two-column li:hover {
  background-color: rgba(0, 60, 100, .1)
}

ul.linklist.two-column li:hover a:before {
  background-color: rgba(0, 40, 80, .9)
}

ul.linklist.two-column li a {
  font-size: 1.1em;
  cursor: pointer;
  color: rgb(0, 20, 55)
}

ul.linklist.two-column.boxed li a {
  color: hsl(215, 85%, 39%)
}

ul.linklist.two-column.sub li {
  background-color: transparent;
  padding-left: 0 !important;
  margin: .25em 0
}

ul.linklist.two-column.sub li:before {
  display: none !important
}

ul.linklist.two-column.sub li a {
  position: relative;
  padding-left: 1.66em;
  color: hsl(215, 85%, 39%)
}

ul.linklist.two-column.sub li a:before {
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  text-align: right;
  z-index: 0;
  position: absolute;
  max-width: 1.7em;
  width: 1.2em;
  line-height: 1.2em;
  font-size: 1.2em;
  content: "\f105"
}

ul.linklist.two-column.sub li a:hover:before {
  background-color: transparent
}

ul.linklist.one-column {
  display: block
}

ul.linklist.one-column.bordered li {
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}

ul.linklist.one-column.bordered li:last-child {
  border-bottom: none
}

ul.linklist.one-column li {
  width: 100%;
  display: block;
  padding-left: 0;
  margin: 0
}

ul.linklist.one-column li:before {
  display: none
}

ul.linklist.one-column li:first-child {
  border-top: none
}

ul.linklist.one-column li.has-children {
  padding-top: 1.5em
}

ul.linklist.one-column li.has-children li {
  border-top: 1px solid rgba(0, 0, 0, .1);
  width: 100%
}

ul.linklist.one-column li.has-children>a,
ul.linklist.one-column li.has-children>span {
  padding-left: 0
}

ul.linklist.one-column li.has-children .has-children {
  padding-top: 0
}

ul.linklist.one-column li.has-children .has-children>a,
ul.linklist.one-column li.has-children .has-children>span {
  padding-left: 1.66em
}

ul.linklist.one-column li.has-children .has-children ul {
  padding-left: 1.66em
}

ul.linklist.one-column li.has-children .fwb {
  font-weight: 600
}

ul.linklist.one-column li.has-children .fwb:before {
  content: ""
}

ul.linklist.one-column li.has-children ul a {
  font-weight: 400
}

ul.linklist.one-column li.no-children {
  padding-left: 1.66em
}

ul.linklist.one-column li>* {
  padding-top: .25em;
  padding-bottom: .25em
}

ul.linklist.one-column li a,
ul.linklist.one-column li span {
  display: block;
  position: relative;
  cursor: pointer
}

ul.linklist.one-column li a.fwb,
ul.linklist.one-column li span.fwb {
  font-weight: 600
}

ul.linklist.one-column li a:before,
ul.linklist.one-column li span:before {
  top: -.08em;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  text-align: right;
  z-index: 0;
  position: absolute;
  max-width: 1.7em;
  width: 1.2em;
  line-height: 1.2em;
  font-size: 1.2em;
  content: "\f105"
}

ul.linklist.one-column li a.no-before,
ul.linklist.one-column li span.no-before {
  padding: .66em .66em 0 0;
  border-top: none
}

ul.linklist.one-column li a.no-before:before,
ul.linklist.one-column li span.no-before:before {
  display: none
}

ul.linklist.one-column li a dfn,
ul.linklist.one-column li span dfn {
  color: hsla(0, 0%, 0%, .85);
  font-size: .9em
}

ul.linklist.one-column li span {
  cursor: pointer
}

ul.linklist.one-column.boxed li {
  border-top: none
}

ul.linklist.one-column.boxed li a:before {
  display: none
}

ul.angle li {
  padding-left: 0 !important
}

ul.angle li:before {
  display: none !important
}

ul.angle li a {
  padding-left: 1em !important
}

ul.angle li a:before {
  display: block;
  content: "\f105"
}

.sublinklist {
  margin: 0
}

.filterlist {
  flex-flow: column;
  margin-bottom: .66em
}

.filterlist a {
  display: block;
  padding: .5em 0;
  position: relative
}

.filterlist .sublist {
  flex-flow: column
}

.filterlist .sublist li {
  border-top: 1px solid rgba(0, 0, 0, .1);
  margin: 0
}

.filterlist .sublist .sublist li {
  border-top: 1px solid rgba(0, 0, 0, .1)
}

.filterlist .sublist .sublist li a {
  padding: .25em 0 .25em 1.66em
}

.filterlist .sublist .sublist li a:before {
  content: "\f105";
  position: absolute;
  left: 0;
  top: .15em;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1.2em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center
}

.filterlist .sublist .sublist li.planeditem a:after {
  content: "IN VORBEREITUNG";
  font-size: .66em;
  color: #fff;
  background-color: rgba(0, 0, 0, .33);
  position: absolute;
  right: 0;
  top: .5em;
  bottom: .5em;
  line-height: 1em;
  text-transform: uppercase;
  white-space: nowrap;
  -o-border-radius: .33em;
  -moz-border-radius: .33em;
  -ms-border-radius: .33em;
  -webkit-border-radius: .33em;
  border-radius: .33em;
  font-weight: 500;
  font-family: "Roboto", Arial, Helvetica, Sans-Serif;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .2em .5em
}

.box.ils-plus {
  background-color: rgba(0, 0, 0, .05);
  margin: 0;
  padding: 0
}

@media (min-width:920px) {
  .box.ils-plus {
    margin: 1em 0
  }
}

.box.ils-plus a:hover {
  color: rgb(15, 85, 185)
}

.box.ils-plus li {
  position: relative;
  padding-left: 1.66em;
  padding-bottom: .3em
}

.box.ils-plus li:before {
  color: rgb(255, 140, 0);
  position: absolute;
  left: 0;
  width: 1em;
  height: 1em;
  line-height: 1em;
  display: block;
  text-align: center;
  content: "\f111";
  font-family: "fontawesome";
  font-size: 1em;
  top: .1em
}

.box.ils-plus .plusprinzip {
  width: calc(100% + 2em);
  margin-left: -1em
}

.box.ils-plus .plusprinzip.flexrow {
  padding: 0
}

.box.ils-plus .plus {
  border-top: 1px dotted rgba(0, 0, 0, .2);
  padding-top: .5em;
  padding-left: 1.66em;
  counter-increment: section;
  margin-left: 0;
  margin-top: .33em;
  position: relative;
  color: rgb(20, 98, 203)
}

.box.ils-plus .plus::before {
  font-family: Arial, Helvetica, sans-serif;
  padding: .1em;
  border-radius: 100px;
  left: 0;
  position: absolute;
  text-align: center;
  background-color: rgb(20, 98, 203);
  border-color: rgb(20, 98, 203);
  color: #fff;
  content: "+";
  font-size: 1.1305em !important;
  width: 1em !important;
  height: 1em !important;
  line-height: 1.1em !important;
  font-weight: 600 !important;
  top: 0.5em !important;
  overflow: hidden !important;
  display: block !important
}

.box.ils-plus .pump h3 {
  background-color: transparent
}

@media (min-width:920px) {
  .box.ils-plus .pump h3 {
    color: #fff !important;
    background-color: rgb(255, 135, 0);
    width: 100%;
    padding: .5em 0 .5em .5em;
    margin-bottom: .33em
  }
}

.box.ils-plus .plusprinzip.flexrow .flexcol {
  width: 50%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 1em;
  border: 1px solid rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, .05);
  font-size: clamp(0.85em, 1vw, 0.95em);
  line-height: 1.1em
}

@media (min-width:1280px) {
  .box.ils-plus .plusprinzip.flexrow .flexcol {
    width: 25%
  }
}

.box.ils-plus .plusprinzip.flexrow .flexcol>span {
  width: 70%
}

.box.ils-plus .plusprinzip.flexrow .flexcol .visual {
  width: 30%;
  margin-right: .5em;
  min-width: 50px
}

.box.ils-plus .plusprinzip.flexrow .flexcol .visual img {
  width: 100%;
  height: auto
}

.box.ils-plus .studienhefte em {
  font-size: .8em
}

.box.ils-plus .icon-top-bewertung {
  width: 96%
}

.box.ils-plus .icon-top-bewertung svg {
  fill: hsl(215, 85%, 39%)
}

.box.ils-plus .bewertung {
  width: 90%;
  max-width: 8em
}

.box.ils-plus .bewertung svg {
  height: .9rem
}

#vorteile .pump {
  background: hsl(220, 14%, 96%);
  margin: 0 1em
}

@media (min-width:920px) {
  #vorteile .pump {
    margin: 0
  }
}

@media (min-width:1280px) {
  #vorteile .pump {
    margin: 0 1em
  }
}

#vorteile .pump h3 {
  width: calc(100% + 1.2em);
  margin-left: -.6em
}

.pagemiddle #a-z {
  position: sticky;
  z-index: 9;
  top: 5.2rem;
  width: 100%
}

@media (min-width:920px) {
  .pagemiddle #a-z {
    top: 6.7rem;
    width: calc(100% + 2em);
    margin-left: -1em
  }
}

.pagemiddle .a-z-chooser li::before,
.pagemiddle .a-z-list li::before {
  display: none
}

.pagemiddle .a-z-list {
  padding: 0 1rem
}

@media (min-width:920px) {
  .pagemiddle .a-z-list {
    padding: 0
  }
}

.pagemiddle .a-z-chooser {
  background-color: rgba(150, 150, 150, .9);
  border: 1px solid rgb(150, 150, 150);
  border-radius: 0;
  padding: 0;
  font-size: clamp(0.8em, 3vw, 1em)
}

.pagemiddle .a-z-chooser .floatinner {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0;
  padding-bottom: 0
}

@media (min-width:920px) {
  .pagemiddle .a-z-chooser .floatinner {
    flex-flow: row nowrap
  }
}

.pagemiddle .a-z-chooser .floatinner li {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
  min-width: 2em
}

@media (min-width:920px) {
  .pagemiddle .a-z-chooser .floatinner li {
    min-width: auto;
    width: 100%
  }
}

.pagemiddle .a-z-chooser .floatinner li a {
  padding: .5em 0;
  display: block;
  margin: 0;
  color: #000;
  text-align: center;
  min-width: 1em
}

.pagemiddle .a-z-chooser .floatinner li.inview {
  background-color: rgba(255, 255, 255, .33)
}

.pagemiddle .a-z-chooser .floatinner li.current {
  background-color: rgba(255, 255, 255, .66)
}

.pagemiddle .a-z-chooser .floatinner li.akt {
  background-color: rgb(255, 255, 255)
}

.pagemiddle .a-z-chooser.fixed {
  background-color: transparent;
  border: 0;
  z-index: 9;
  margin-top: .75em
}

.pagemiddle .a-z-chooser.fixed .floatinner {
  max-width: 100%;
  width: 100%;
  background: rgba(150, 150, 150, .9);
  border: 1px solid rgb(150, 150, 150)
}

@media (min-width:920px) {
  .pagemiddle .a-z-chooser.fixed .floatinner {
    max-width: 66.666%;
    width: 66.666%
  }
}

.pagemiddle .a-z-list h4 {
  font-weight: 700;
  padding-top: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.pagemiddle .a-z-list>li {
  padding: 0;
  margin: 0
}

.pagemiddle .a-z-list .linklist {
  display: flex;
  flex-flow: column
}

.pagemiddle .a-z-list .linklist li {
  padding: 0 0 .3em 0;
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.pagemiddle .a-z-list .linklist li:last-child {
  border-bottom: 0
}

.pagemiddle .a-z-list .linklist a {
  font-weight: 400
}

.pagemiddle .a-z-list .linklist a:before {
  content: "\f105"
}

.pagemiddle .a-z-list .akt .linklist a {
  font-weight: 600
}

.box div.seek {
  flex-flow: column
}

ul.seek {
  flex-flow: column;
  padding: 0 !important
}

ul.seek>li {
  padding: .5em 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  margin: 0
}

ul.seek>li:before {
  display: none !important
}

ul.seek>li a {
  position: relative;
  display: block;
  font-weight: 500;
  padding-left: 1.4em
}

ul.seek>li a dfn {
  color: hsla(0, 0%, 0%, .85);
  font-size: .9em;
  font-weight: 400
}

ul.seek>li a:before {
  position: absolute;
  top: .05em;
  left: 0;
  width: 1em;
  height: 1em;
  line-height: 1em;
  display: block;
  font-size: 1.2em;
  text-align: center;
  content: "\f105"
}

ul.seek>li .breadcrumb {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-flow: row;
  flex-wrap: wrap;
  margin-left: 1em
}

ul.seek>li .breadcrumb .faicons {
  fill: hsla(0, 0%, 0%, .5)
}

@media (min-width:920px) {
  ul.seek>li .breadcrumb {
    flex-wrap: nowrap
  }
}

ul.seek>li .breadcrumb li {
  justify-content: start;
  padding-left: 0
}

ul.seek>li .breadcrumb li:before {
  display: none
}

ul.seek>li .breadcrumb li a {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: hsla(0, 0%, 0%, .5);
  font-size: .9em;
  font-weight: 400
}

ul.seek>li .breadcrumb li a:before {
  display: none
}

ul.seek>li .breadcrumb li a.akt {
  color: hsl(215, 85%, 39%);
  font-weight: 500
}

ul.seek>li .breadcrumb li.angel {
  display: flex;
  align-items: center;
  justify-content: center
}

ul.seek>li .breadcrumb li.angel svg {
  fill: hsla(0, 0%, 0%, .5)
}

.homefaq {
  padding: 0 1em
}

@media (min-width:1320px) {
  .homefaq {
    padding: 0
  }
}

.homefaq .bordered {
  width: 100%
}

.homefaq .bordered>.box {
  padding: 0
}

.homefaq ul.akkordeon>li {
  padding-right: 0.5em !important
}

.homefaq ul.akkordeon>li .trigger {
  font-size: 1.085em;
  cursor: pointer;
  display: block;
  font-weight: 400;
  line-height: 1.1em;
  padding: .33em 30px .33em 0
}

.homefaq ul.akkordeon>li .trigger:before {
  position: absolute;
  font-family: "fontawesome";
  content: "\f067";
  right: .5em;
  top: .1em;
  left: auto;
  -webkit-text-stroke: 1px #fff;
  height: 1em;
  line-height: 1.3em;
  text-align: center;
  font-size: 1.2em;
  color: hsla(0, 0%, 0%, .85);
  transition: none;
  padding-top: 0
}

.homefaq ul.akkordeon>li.open .trigger:before {
  color: rgb(20, 98, 203);
  font-weight: 400;
  content: "\f068";
  top: .1em
}

.faqbar {
  background-color: rgb(239, 242, 244) !important;
  z-index: 2;
  position: relative;
  padding: 2em 0 4em 0
}

.filelist {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: start;
  width: 100%;
  line-height: 1.1em
}

@media (min-width:768px) {
  .filelist {
    flex-flow: row wrap
  }
}

.filelist.small {
  flex-flow: row wrap
}

.filelist .file {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, .1);
  padding: .5em;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-flow: column;
  gap: 1em
}

@media (min-width:768px) {
  .filelist .file {
    flex-flow: row nowrap;
    align-items: start
  }
}

.filelist .file:nth-child(odd) {
  background-color: rgba(0, 0, 0, .05)
}

.filelist .info {
  width: 100%
}

@media (min-width:768px) {
  .filelist .info {
    width: 40%
  }
}

.filelist .info a {
  display: flex;
  justify-content: start;
  align-items: center
}

.filelist .info a .infoinner {
  padding-left: 1em
}

.filelist .info a span {
  display: block
}

.filelist .info a span.size {
  color: hsla(0, 0%, 0%, .5)
}

.filelist .info a span.icon-holder {
  min-width: 50px;
  max-width: 12%
}

.filelist .info a span.icon-holder .faicons {
  height: 100%;
  max-height: 60px;
  width: 100%;
  max-width: 50px
}

.filelist .info a img {
  height: 100%;
  max-height: 3.6em;
  width: auto
}

.filelist .description {
  width: 100%
}

@media (min-width:768px) {
  .filelist .description {
    width: 60%
  }
}

.filelist .filename {
  width: 100%;
  padding-top: 1em
}

@media (min-width:768px) {
  .filelist .filename {
    padding-top: 0
  }
}

.box ul.checklist li:before {
  content: "\f00c"
}

body.homepage main>.pageinner:first-child,
body.sea main>.pageinner:first-child {
  padding: 1em 0 0 0;
  border-top-left-radius: 1.75em;
  background: rgb(255, 255, 255)
}

@media (min-width:1280px) {

  body.homepage main>.pageinner:first-child,
  body.sea main>.pageinner:first-child {
    padding: 1em 1em 0 1em
  }
}

.opener {
  margin: 1em auto .5em auto !important;
  max-width: 1281px;
  overflow: hidden
}

@media (min-width:920px) {
  .opener {
    margin: 2em auto .5em auto !important
  }
}

.opener .left {
  width: 100%;
  height: auto !important;
  padding-right: 0;
  background-position: 0 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: relative;
  border: 1px solid rgba(10, 40, 80, .1)
}

@media (min-width:920px) {
  .opener .left {
    width: 66.666%
  }
}

.opener .left .box {
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding-left: clamp(15em, 24vw, 17em);
  padding-right: 1em;
  font-size: clamp(0.6em, 2.5vw, 1em);
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding-top: 1em;
  padding-bottom: 2em;
  border: 0;
  z-index: 1
}

@media (min-width:920px) {
  .opener .left .box {
    padding-right: 4em
  }
}

.opener .left .box h1 {
  font-size: 2.2em;
  font-weight: 500;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto
}

@media (min-width:768px) {
  .opener .left .box h1 {
    font-size: 2em;
    font-weight: 400
  }
}

.opener .left .box:before {
  z-index: -1;
  background: rgba(255, 255, 255, .85);
  content: "";
  top: 0;
  bottom: -1em;
  position: absolute;
  left: clamp(14em, 4vw, 10em);
  width: 100%;
  height: calc(100% + 2em);
  display: block
}

@media (min-width:920px) {
  .opener .left .box:before {
    display: none
  }
}

.opener .left h1 {
  color: hsl(215, 85%, 39%);
  font-size: 2em
}

.opener .left ul {
  margin-top: .25em;
  font-size: .9rem;
  padding: .25em .5em;
  line-height: 1.1em;
  color: hsl(215, 85%, 39%);
  border-radius: .25em
}

@media (min-width:920px) {
  .opener .left ul {
    background: rgba(255, 255, 255, .5);
    font-size: 1em
  }
}

.opener .left ul li {
  padding: 0 0 .5em 1.33em;
  position: relative
}

@media (min-width:768px) {
  .opener .left ul li {
    padding: .2em 0 .2em 1.33em
  }
}

.opener .left ul li:before {
  content: "\f00c";
  font-size: 1em;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 100;
  color: hsl(33, 100%, 50%);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: 1em
}

.opener .left ul.child-style-type-none li {
  font-size: 1em
}

.opener .right {
  display: none;
  margin: 0;
  gap: 0;
  padding: 0;
  align-self: stretch;
  height: auto !important
}

@media (min-width:920px) {
  .opener .right {
    display: flex;
    flex-flow: column
  }
}

.opener .right .box {
  height: auto !important;
  width: 100%;
  padding: 1em;
  border-top: 1px solid rgba(10, 40, 80, .1);
  border-right: 1px solid rgba(10, 40, 80, .1);
  border-bottom: 1px solid rgba(10, 40, 80, .1);
  display: flex;
  align-items: center;
  flex-grow: 1
}

.opener .right .box:last-child {
  border-top: none
}

.curse-opener {
  flex-flow: column
}

.curse-opener .top h1 {
  padding-left: 1rem
}

@media (min-width:1280px) {
  .curse-opener .top h1 {
    padding-left: 0
  }
}

.curse-opener .container {
  display: grid;
  padding-left: 0rem;
  gap: 0rem;
  grid-auto-flow: row;
  grid-template-areas: "image top" "image bottom"
}

@media (min-width:920px) {
  .curse-opener .container {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding-left: 1rem
  }
}

@media (min-width:1280px) {
  .curse-opener .container {
    padding-left: 0
  }
}

.curse-opener .container .boxes {
  display: none;
  justify-content: center;
  justify-items: center;
  justify-self: center;
  align-self: center;
  align-items: center;
  align-content: center
}

@media (min-width:920px) {
  .curse-opener .container .boxes {
    display: flex
  }
}

.curse-opener .container .boxes .box>a .content h3 {
  font-weight: 500;
  font-size: clamp(1.4em, 1.7vw, 1.8em);
  border-bottom: 5px solid rgb(255, 140, 0)
}

.curse-opener .container .boxes .box.bestpreis-garantie>a .content p {
  font-size: clamp(0.9em, 1.5vw, 1.1em)
}

.curse-opener .container .boxes .box.bestpreis-garantie>a .content h3 {
  border-bottom: 5px solid rgb(90, 40, 115) !important
}

.curse-opener .container .boxes .box.kostenlos-testen b {
  justify-content: center;
  padding-right: 0;
  font-size: 9em
}

.curse-opener .image {
  grid-area: image
}

@media (min-width:920px) {
  .curse-opener .image {
    margin-right: 1rem
  }
}

.curse-opener .top {
  grid-area: top
}

.curse-opener .bottom {
  grid-area: bottom
}

.intro-course-opener {
  padding-left: .7rem
}

@media (min-width:1280px) {
  .intro-course-opener {
    padding-left: 0
  }
}

.intro-course-opener ul {
  padding-bottom: 1.5rem
}

.intro-course-opener li {
  position: relative;
  padding-left: 1.7rem;
  padding-right: 1rem
}

.intro-course-opener li:before {
  position: absolute;
  background: url('data:image/svg+xml,<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.9537 11C17.9537 14.641 14.9947 17.6 11.3537 17.6C7.71271 17.6 4.75371 14.641 4.75371 11C4.75371 7.35899 7.71271 4.39999 11.3537 4.39999C14.9947 4.39999 17.9537 7.35899 17.9537 11ZM19.0537 11C19.0537 6.74299 15.6107 3.29999 11.3537 3.29999C7.09671 3.29999 3.65371 6.74299 3.65371 11C3.65371 15.257 7.09671 18.7 11.3537 18.7C15.6107 18.7 19.0537 15.257 19.0537 11ZM11.3537 10.45L8.60371 10.45C8.29571 10.45 8.05371 10.692 8.05371 11C8.05371 11.308 8.29571 11.55 8.60371 11.55L11.3537 11.55L11.3537 14.3L14.6537 11L11.3537 7.69999L11.3537 10.45Z" fill="black"/></svg>');
  width: 2rem;
  height: 1.2rem;
  left: 0;
  content: " ";
  display: inline-block;
  background-repeat: no-repeat
}

.pagebanner {
  font-size: 1rem;
  position: relative;
  width: 100%;
  min-width: 320px;
  text-align: center;
  margin: 0;
  float: none;
  clear: both;
  z-index: 999;
  color: rgb(255, 255, 255);
  overflow: hidden;
  padding: 0
}

@media (min-width:768px) {
  .pagebanner {
    font-size: clamp(0.9rem, 1.5vw, 1.1rem)
  }
}

.pagebanner .lanzahl {
  display: contents
}

.pagebanner .faicons.white {
  height: 1.4rem;
  width: 1.4rem;
  margin-right: .5em
}

.pagebanner .banner {
  background: #0f55b9;
  padding: 0
}

@media (min-width:920px) {
  .pagebanner .banner {
    padding: 0 .5em
  }
}

@media (min-width:1280px) {
  .pagebanner .banner {
    padding: 0
  }
}

.pagebanner .banner:hover .tr .td button.button {
  background-color: rgb(255, 140, 0);
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  border: 0
}

.pagebanner.stickypos {
  top: auto;
  bottom: 0
}

.pagebanner.stickypos .banner {
  padding: 0;
  position: fixed !important;
  bottom: 0 !important;
  width: 100% !important;
  z-index: 999 !important
}

@media (min-width:920px) {
  .pagebanner.stickypos .banner {
    padding: 0 0 0 .5em
  }
}

.pagebanner form {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 2.5em
}

.pagebanner form .dt-view {
  display: none
}

@media (min-width:920px) {
  .pagebanner form .dt-view {
    display: flex
  }
}

.pagebanner form .mb-view {
  width: 50%;
  height: 100%;
  min-height: 2.5em;
  padding: 0
}

.pagebanner form .mb-view .button {
  display: flex;
  align-items: center;
  height: 2.5em;
  width: 100%;
  justify-content: center;
  padding: 0;
  right: 0
}

@media (min-width:920px) {
  .pagebanner form .mb-view .button {
    padding: .4em 1em .4em 2em
  }
}

@media (min-resolution:200dpi) and (pointer:coarse) {
  .pagebanner form .mb-view .button {
    height: 2.1em
  }
}

.pagebanner form .mb-view .big {
  display: flex;
  width: 100%
}

.pagebanner form .mb-view .big:before {
  display: none !important
}

@media (min-width:920px) {
  .pagebanner form .mb-view .big {
    display: none
  }
}

.pagebanner form .mb-view .small {
  display: none
}

@media (min-width:920px) {
  .pagebanner form .mb-view .small {
    display: flex
  }
}

.pagebanner form .mb-view a {
  color: rgb(255, 255, 255)
}

.pagebanner form .mb-view.oam {
  display: none
}

.pagebanner form .mb-view.katalog dfn {
  display: none
}

@media (min-width:500px) {
  .pagebanner form .mb-view.katalog dfn {
    display: initial
  }
}

.pagebanner form .mb-view.katalog .button {
  background-color: transparent;
  border-color: transparent
}

@media (min-width:920px) {
  .pagebanner form .mb-view.katalog .button {
    background-color: darkorange;
    border-color: darkorange
  }
}

.pagebanner form .mb-view.katalog .button::before {
  display: none
}

@media (min-width:920px) {
  .pagebanner form .mb-view.katalog .button::before {
    display: block
  }
}

.pagebanner form .mb-view.infos_preise .big {
  display: none !important
}

@media (min-width:768px) {
  .pagebanner form .mb-view.infos_preise .big {
    display: flex !important
  }
}

.pagebanner form .mb-view.infos_preise .small {
  display: flex !important
}

@media (min-width:768px) {
  .pagebanner form .mb-view.infos_preise .small {
    display: none !important
  }
}

.pagebanner form .mb-view.infos_preise .small::before {
  display: none
}

.pagebanner form .mb-view.infos_preise .big {
  display: none
}

.pagebanner form .mb-view.infos_preise .big::before {
  display: flex
}

.pagebanner form .mb-view.infos_preise .button {
  background-color: rgb(255, 140, 0)
}

.pagebanner form .fordern {
  display: none
}

@media (min-width:920px) {
  .pagebanner form .fordern {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: start;
    align-items: center
  }
}

.pagebanner form h3 {
  color: rgb(255, 255, 255);
  font-size: 1.2em;
  line-height: 2em;
  font-weight: 700;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center
}

.pagebanner form .dt-view:last-child {
  padding: .3em
}

.pagebanner form td {
  background-color: rgb(15, 85, 185);
  padding: 0
}

.pagebanner form .button.rb-tl-br.orange.bold:hover {
  background: hsl(33, 100%, 50%)
}

.pagebanner .studienfuehrer {
  padding: 0 1em
}

@media (min-width:1320px) {
  .pagebanner .studienfuehrer {
    padding: 0
  }
}

.pagebanner.course form {
  justify-content: end
}

.pagebanner.course form .mb-view {
  min-height: fit-content
}

.pagebanner.course .pageinner {
  max-width: 1740px;
  max-height: 2.5em;
  padding: 0
}

@media (min-width:1280px) {
  .pagebanner.course .pageinner {
    padding: 0 .5em
  }
}

.pagebanner.course .banner {
  position: relative;
  bottom: 0;
  width: 100%;
  z-index: 999
}

@media (min-width:1280px) {
  .pagebanner.course .banner {
    background: linear-gradient(90deg, #0f55b9 83%, rgb(5, 150, 10) 17%)
  }
}

.pagebanner.course .banner .mb-view {
  display: flex;
  align-items: center;
  height: 100%
}

.pagebanner.course .banner .katalog {
  display: flex
}

.pagebanner.course .banner .katalog .button {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: darkorange;
  border-color: darkorange
}

.pagebanner.course .banner .katalog .button::before {
  display: none
}

@media (min-width:920px) {
  .pagebanner.course .banner .katalog .button::before {
    display: block
  }
}

.pagebanner.course .banner .katalog .button span {
  width: 100%;
  display: block
}

@media (min-width:920px) {
  .pagebanner.course .banner .katalog {
    display: none
  }
}

.pagebanner.course .banner .infos_preise,
.pagebanner.course .banner .infos_preise .button {
  background-color: rgb(5, 150, 10);
  border-color: rgb(5, 150, 10);
  width: fit-content
}

.pagebanner.course .banner .infos_preise::before,
.pagebanner.course .banner .infos_preise .button::before {
  display: none
}

@media (min-width:920px) {

  .pagebanner.course .banner .infos_preise::before,
  .pagebanner.course .banner .infos_preise .button::before {
    display: flex;
    padding: 0 1em
  }
}

.pagebanner.course .banner .infos_preise {
  width: 50%;
  justify-content: center
}

.pagebanner.course .banner .infos_preise .button .big {
  display: none
}

.pagebanner.course .banner .infos_preise .button .small {
  display: flex
}

@media (min-width:920px) {
  .pagebanner.course .banner .infos_preise {
    width: fit-content
  }
}

.pagebanner.course .banner .oam {
  margin-left: 1em;
  background-color: rgb(230, 0, 0);
  border-color: rgb(230, 0, 0);
  width: auto;
  display: none
}

@media (min-width:920px) {
  .pagebanner.course .banner .oam {
    display: flex;
    margin: 0 0 0 1em;
    padding: .2em 1em
  }
}

.pagebanner.course .banner .oam .button {
  background-color: rgb(230, 0, 0);
  border-color: rgb(230, 0, 0);
  height: 100%;
  display: flex;
  align-items: center;
  width: fit-content;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.pagebanner.course .banner .oam .button::before {
  display: none
}

@media (min-width:920px) {
  .pagebanner.course .banner .oam .button::before {
    display: flex
  }
}

.pagebanner.course .banner .oam .button span {
  width: 100%;
  display: block
}

.pagebanner.course {
  font-size: .9rem
}

@media (min-width:1080px) {
  .pagebanner.course {
    font-size: clamp(0.8rem, 1vw, 1.1rem)
  }
}

.pagebanner.course form .dt-view span {
  padding-left: .2em;
  display: block
}

.pagebanner.course form .dt-view .button span {
  display: block
}

.pagebanner.course form .dt-view.wsn {
  width: 100%
}

.pagebanner.course form .fordern {
  display: none
}

@media (min-width:1080px) {
  .pagebanner.course form .fordern {
    display: flex
  }
}

.pagebanner.course form .fordern span {
  display: none;
  padding-left: .3em
}

@media (min-width:1280px) {
  .pagebanner.course form .fordern span {
    display: block
  }
}

.pagebanner.sud {
  display: none
}

@media (min-width:920px) {
  .pagebanner.sud {
    display: block
  }
}

.oam-banner {
  display: block;
  position: fixed;
  bottom: 0;
  background-color: hsl(0, 100%, 45%);
  width: 100%;
  line-height: 30px;
  z-index: 5
}

.oam-banner span {
  position: relative;
  padding-left: 2em
}

.oam-banner span:before {
  position: absolute;
  width: 2em;
  left: 0;
  font-size: 1.2em;
  line-height: .95em;
  height: 1em;
  text-align: center;
  top: 50%;
  transform: translate(0, -50%);
  font-family: "fontawesome";
  content: "\f105"
}

@media (min-width:920px) {
  .oam-banner {
    display: none
  }
}

.oam-banner ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.oam-banner ul li {
  margin: 0;
  padding: 0
}

.oam-banner ul li a {
  color: hsl(255, 100%, 100%);
  display: block
}

.backnext {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, .1);
  padding: 1em 0 1em 0 !important;
  margin-top: .5em
}

.backnext a {
  padding: .2em 1em .2em 2em;
  display: flex;
  justify-content: start;
  flex-flow: column;
  position: relative;
  text-align: right
}

.backnext a:before {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  right: 0;
  top: -.5em;
  left: auto
}

.backnext a dfn {
  display: block;
  font-size: .75em;
  color: rgba(0, 0, 0, .75);
  float: none;
  font-weight: 300;
  line-height: 1.1em;
  padding-top: .2em
}

.backnext a.back {
  border-right: 1px solid rgba(0, 0, 0, .1);
  padding-left: 1.66em;
  padding-right: 1em
}

.backnext a.back:before {
  top: 0;
  right: auto;
  left: 0;
  transform: rotate(180deg)
}

.backnext a.back svg {
  fill: hsl(215, 85%, 39%)
}

.backnext a.back:hover svg {
  fill: hsl(33, 100%, 50%)
}

.courses .left .pageinner .box:nth-child(2)>h2 {
  color: hsl(215, 85%, 39%)
}

.courses .left .pageinner .box.mobile-accordion>h2 {
  color: hsl(33, 100%, 50%)
}

.courses .left .lehrgang-aktivierung .box {
  align-items: start;
  line-height: 1.2em;
  gap: .1em;
  min-height: 14em
}

.courses .left .lehrgang-aktivierung .box h3 {
  font-size: 1.5em
}

.courses .left .lehrgang-aktivierung .box .button {
  position: absolute;
  bottom: 1em;
  right: 1em
}

.courses aside .kostenlos-testen,
.courses aside .bestpreis-garantie {
  display: flex !important
}

@media (min-width:920px) {

  .courses aside .kostenlos-testen,
  .courses aside .bestpreis-garantie {
    display: none !important
  }
}

.box-extend {
  padding-bottom: 2em
}

.activation .burger,
.activation .callit,
.activation .seek,
.activation .telit,
.activation .mobilenav,
.activation .impressum,
.activation .legal {
  display: none
}

.activation .leftright {
  padding-bottom: 2em !important
}

.activation.careerchoice .leftright {
  padding-bottom: 0
}

.activation .topnav {
  padding-bottom: 10px
}

.activation .topnav section {
  display: none
}

.activation .topnav .logo {
  width: 4.5em !important
}

.activation .navigation {
  display: none
}

.activation .pageheader {
  min-height: auto;
  height: fit-content;
  top: 0;
  position: initial
}

.activation .pageheader .globalnav .topnav .logo {
  background-position: 0 0;
  width: 10em !important
}

@media (min-width:400px) {
  .activation .pageheader .globalnav .topnav .logo {
    background-position: 0 0
  }
}

.activation .pageheader .globalnav .topnav .logo .ukraine {
  right: 0 !important;
  top: 0.1em !important;
  left: auto !important;
  background-position: 100% 50% !important
}

.activation .pageheader .telit {
  left: auto;
  right: 1em
}

.activation .pageheader.smalllogo {
  height: fit-content
}

.activation .pageheader.smalllogo .globalnav .logo {
  background-position: 0 0;
  width: 10em !important
}

@media (min-width:400px) {
  .activation .pageheader.smalllogo .globalnav .logo {
    background-position: 0 0
  }
}

.activation .pageheader.smalllogo .globalnav .logo .ukraine {
  right: 0 !important;
  top: 0.1em !important;
  left: auto !important;
  background-position: 100% 50% !important;
  width: 3em !important
}

.activation .pageend {
  position: fixed;
  bottom: 0;
  padding-bottom: 0;
  background-color: hsl(215, 85%, 39%)
}

.activation .pageend .pageinner {
  display: flex;
  background-color: hsl(215, 85%, 39%)
}

.activation .pageend .pageinner ul {
  padding: 0;
  justify-content: space-around
}

@media (min-width:768px) {
  .activation .pageend .pageinner ul {
    justify-content: end
  }
}

.activation .pageend .pageinner a {
  color: rgb(255, 255, 255)
}

.activation .navtrigger {
  display: none
}

.activation-no-menu .pageheader {
  height: 6.2rem
}

.activation-no-menu .pageheader.smalllogo {
  height: 4.4rem
}

.activation-no-menu .pageheader .navigation {
  display: none
}

.activation-no-menu .pageheader .burger {
  opacity: 0
}

.activation-no-menu .pageheader .telit {
  left: 0
}

.navright {
  display: flex;
  flex-flow: column;
  align-items: end;
  justify-content: center
}

.navright a.osz {
  display: none;
  font-size: 1rem;
  padding-right: 12px;
  padding-bottom: .5rem
}

@media (min-width:920px) {
  .navright a.osz {
    display: block
  }
}

.smallheader .navright a.osz {
  padding-bottom: 0
}

.navright .seeking a.osz {
  display: none
}

.mainnav li.osz {
  margin-top: 3em !important;
  border: none !important
}

@media (min-width:920px) {
  .mainnav li.osz {
    display: none
  }
}

.mainnav li.osz .faicons {
  height: 1.4em;
  width: 1.4em;
  position: relative;
  top: .3em
}

.mainnav li.osz a {
  padding-left: 0.5em !important
}

.mainnav li.osz a::before {
  display: none
}

.pagetop.seeking .navright .osz {
  display: none
}

.formDigPDF .privacy {
  float: left;
  padding: 0
}

.formDigPDF .fieldset .field.digPDF label {
  white-space: unset;
  font-size: 1em
}

.leftright.digpdf .success {
  display: flex;
  flex-flow: row;
  gap: 2%;
  align-items: center
}

.leftright.digpdf .success svg {
  width: clamp(15%, 2vw, 25%);
  min-width: 6em;
  max-width: 6em;
  max-height: 6em;
  height: auto;
  justify-content: start
}

.leftright.digpdf .success svg.post {
  width: 20%
}

.leftright.digpdf .success h1 {
  color: rgb(0, 0, 0);
  font-size: clamp(1.3em, 2vw, 1.6em);
  padding-top: .2em
}

.sud-doi-overlay.digpdf .body {
  padding-top: 15vh
}

.sud-doi-overlay.digpdf .header {
  width: 100%;
  max-width: 650px;
  display: flex;
  flex-flow: row nowrap;
  text-align: left;
  margin: 0 auto
}

.sud-doi-overlay.digpdf .header h2 {
  flex-basis: 50%;
  color: rgba(0, 0, 0, .33);
  font-size: 1.2em;
  padding: 0;
  align-self: center
}

.sud-doi-overlay.digpdf .header div {
  flex-basis: 100%
}

.sud-doi-overlay.digpdf .header button {
  background-color: transparent;
  color: rgba(0, 0, 0, .33);
  font-size: 1.2em
}

.sud-doi-overlay.digpdf button {
  font-size: 1em;
  float: right;
  margin: 0
}

.sud-doi-overlay.digpdf .sud-doi-bar.full {
  padding: 0
}

.sud-doi-overlay.digpdf .pageinner {
  width: 100%;
  max-width: 650px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: -5px 2px 38px 6px rgba(189, 195, 199, .2);
  -o-box-shadow: -5px 2px 38px 6px rgba(189, 195, 199, .2);
  -ms-box-shadow: -5px 2px 38px 6px rgba(189, 195, 199, .2);
  -moz-box-shadow: -5px 2px 38px 6px rgba(189, 195, 199, .2);
  box-shadow: -5px 2px 38px 6px rgba(189, 195, 199, .2);
  padding: 1em
}

.sud-doi-overlay.digpdf form .content {
  display: flex;
  flex-flow: row;
  gap: 2em
}

.sud-doi-overlay.digpdf form .privacy {
  position: absolute;
  left: 0;
  bottom: 0
}

.sud-doi-overlay.digpdf .privacy {
  float: left
}

.sud-doi-overlay.digpdf .intro {
  text-align: left;
  border: none;
  margin: 0
}

.sud-doi-overlay.digpdf .sud-doi>.box {
  text-align: left
}

.sud-doi-overlay.digpdf .sud-doi h2 {
  font-size: 1.2em
}

.sud-doi-overlay.digpdf h1 {
  color: rgb(255, 140, 0) !important
}

.sud-doi-overlay.digpdf picture {
  align-self: start;
  display: none
}

@media (min-width:400px) {
  .sud-doi-overlay.digpdf picture {
    display: initial;
    max-width: 20%;
    min-width: 15%
  }
}

.digpdf-infos.gray {
  border: 1px solid rgb(200, 200, 200);
  margin-bottom: 1em
}

.digpdf-infos.gray form .content {
  display: flex;
  flex-flow: row;
  gap: 2em
}

.digpdf-infos.gray form picture {
  align-self: start;
  display: none;
  max-width: 20%;
  min-width: 15%
}

@media (min-width:400px) {
  .digpdf-infos.gray form picture {
    display: initial
  }
}

@media (min-width:768px) {
  .digpdf-infos.gray form picture {
    max-width: 15%
  }
}

form .field.digPDF {
  margin-bottom: 1em
}

.marquee {
  overflow: hidden;
  white-space: nowrap
}

.marquee.mobile>* {
  animation: marquee 30s linear infinite
}

.marquee .scrolling {
  display: inline-block;
  min-width: 100%;
  position: relative;
  padding-left: 20px;
  left: 0;
  top: 0;
  animation: marquee 30s linear infinite
}

@keyframes marquee {
  from {
    transform: translateX(0%)
  }

  to {
    transform: translateX(-100%)
  }
}

.debug-git {
  position: absolute;
  top: 0;
  background-color: #333;
  color: #fff;
  font-size: 1em;
  padding: .2em;
  z-index: 9999;
  text-align: left
}

.git-right {
  right: 0
}

.git-left {
  left: 0
}

.debug-git .detail {
  display: none
}

.debug-git:hover .detail {
  display: block;
  padding: 1em
}

.debug-git:hover .short {
  display: none
}

.debug-git a {
  color: red
}

.debug-git ul ul {
  padding-left: 1em
}

.debug-git ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.debug-git li {
  padding-left: 0;
  margin-left: 0
}

.debug-git .fa-exchange {
  position: absolute;
  top: 0;
  right: 0;
  padding: .5em
}

@media only screen and (max-width:870px) {
  .debug-git {
    display: none
  }
}

.fa,
.fas,
.fab {
  font-family: "fontawesome";
  font-weight: 900
}

.fa-2x {
  font-size: 2em
}

.page .tel:before,
.page .mail:before {
  font-family: "fontawesome";
  content: "\f095";
  padding-right: .4em
}

.page .mail:before {
  content: "\f003"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-github:before {
  content: "\f09b"
}

.fa-edit:before {
  content: "\f044"
}

.gi {
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" -25, "opsz" 20
}

.counter {
  font-size: clamp(3.2rem, 6vw, 5rem);
  color: hsl(215, 85%, 39%);
  display: flex;
  justify-content: start;
  align-items: center;
  gap: .5rem;
  margin: 1rem 0;
  font-weight: 700
}

.counter .counter-hours,
.counter .counter-minutes,
.counter .counter-seconds {
  border: 1px solid hsl(214, 57%, 46%);
  border-radius: .5rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding: clamp(1rem, 2vw, 2rem) .5rem clamp(2rem, 3vw, 3rem) .5rem;
  position: relative
}

.counter .counter-hours:after {
  position: absolute;
  content: "Stunden";
  font-size: .8rem;
  bottom: 0;
  font-weight: 400
}

.counter .counter-minutes:after {
  position: absolute;
  content: "Minuten";
  font-size: .8rem;
  bottom: 0;
  font-weight: 400
}

.counter .counter-seconds:after {
  position: absolute;
  content: "Sekunden";
  font-size: .8rem;
  bottom: 0;
  font-weight: 400
}

.breadcrumb {
  font-size: .9rem;
  height: 4em;
  display: flex;
  justify-content: center;
  padding: 0 1em
}

@media (min-width:1280px) {
  .breadcrumb {
    padding: 0
  }
}

.breadcrumb .overflow {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: start;
  overflow: hidden;
  transition: 0.3s all
}

.breadcrumb .overflow ul {
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  align-items: center;
  margin: 0
}

.breadcrumb .overflow ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.9em;
  padding-right: .4em
}

.breadcrumb .overflow ul li:before {
  content: ""
}

.breadcrumb .overflow ul li.akt a {
  font-weight: 700
}

.breadcrumb .overflow ul li a {
  white-space: nowrap;
  font-weight: 400;
  display: flex;
  color: hsla(0, 0%, 0%, .85)
}

.breadcrumb .overflow ul li.angel {
  opacity: .4
}

.breadcrumb .overflow ul li.angel:last-child {
  opacity: 1
}

.breadcrumb .bcmask {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20%;
  max-width: 80px;
  height: 100%;
  padding: .6em .33em;
  z-index: 1;
  text-align: right;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  justify-content: end;
  align-items: center
}

.breadcrumb .bcmask:before {
  content: "\f054";
  color: rgba(0, 0, 0, .5);
  font-size: 1.4em;
  text-align: right;
  font-family: "fontawesome"
}

.breadcrumb.show .bcmask {
  display: flex
}

.breadcrumb.right .overflow {
  justify-content: end
}

.breadcrumb.right .bcmask {
  right: auto;
  left: 0;
  text-align: left;
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  justify-content: start
}

.breadcrumb.right .bcmask:before {
  text-align: left;
  content: "\f053"
}

.pagemiddle>.pageinner:first-child.breadcrumb {
  padding: .5em 0 1em 1em
}

@media (min-width:1280px) {
  .pagemiddle>.pageinner:first-child.breadcrumb {
    padding-left: 1em
  }
}

@media (min-width:1320px) {
  .pagemiddle>.pageinner:first-child.breadcrumb {
    padding-left: 0
  }
}

footer {
  font-size: .9em
}

.pagebottom {
  padding: 1em .5em 0 .5em
}

@media (min-width:1280px) {
  .pagebottom {
    padding: 2em 0 0 0
  }
}

.pagebottom .pageinner .flexrow {
  flex-flow: column;
  justify-content: start
}

@media (min-width:768px) {
  .pagebottom .pageinner .flexrow {
    flex-flow: row nowrap;
    justify-content: space-between
  }
}

.pagebottom .box {
  margin-left: 0;
  margin-bottom: 2em
}

@media (min-width:1280px) {
  .pagebottom .box {
    margin-left: auto;
    margin-bottom: 0
  }
}

.pagebottom .tickerholder {
  display: none;
  position: relative;
  padding-left: 3em
}

.pagebottom .tickerholder:before {
  content: "NEWS";
  font-size: 1.125em;
  font-weight: 700;
  width: 3.66em;
  height: 3.66em;
  line-height: 3.66em;
  text-align: center;
  color: #fff;
  position: absolute;
  left: .33em;
  top: 50%;
  display: block;
  transform: translate(0, -50%) rotate(-25deg);
  border-radius: 10em;
  z-index: 2;
  background: rgba(0, 40, 80, .9)
}

.pagebottom .tickerholder a.badge {
  display: none
}

.pagebottom .tickerholder ul#ticker {
  padding: 0;
  margin: 0
}

.pagebottom .tickerholder ul#ticker li {
  padding-top: .2em
}

.pagebottom .tickerholder ul#ticker li a {
  position: relative;
  display: block;
  max-width: 100%
}

.pagebottom .tickerholder ul#ticker li a:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 15%;
  max-width: 100px;
  z-index: 9 !important;
  left: auto;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)
}

footer .pagebottom .pageinner .flexrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 1.2em
}

@media (min-width:768px) {
  footer .pagebottom .pageinner .flexrow {
    flex-wrap: nowrap
  }
}

footer .pagebottom .pageinner .flexrow .flexcol {
  min-width: 33.333%;
  margin-top: 2em
}

@media (min-width:768px) {
  footer .pagebottom .pageinner .flexrow .flexcol {
    margin-top: 0
  }
}

footer .pagebottom .pageinner .flexrow .flexcol .box {
  margin: 0
}

footer .pagebottom .pageinner .flexrow h3 {
  color: rgba(0, 40, 80, .9);
  font-size: 1.3em;
  font-weight: 200;
  line-height: 1.1em
}

footer .pagebottom .pageinner .flexrow ul {
  margin: 0;
  padding: 0
}

footer .pagebottom .pageinner .flexrow ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  border-collapse: collapse;
  font-size: 1.25em
}

footer .pagebottom .pageinner .flexrow ul li:before {
  display: none
}

footer .pagebottom .pageinner .flexrow ul li:hover {
  background-color: rgba(0, 40, 80, .05);
  border: 0 solid rgba(0, 40, 80, 0) !important;
  webkit-border-top-left-radius: .33em;
  -webkit-border-bottom-left-radius: .133em;
  -webkit-border-bottom-right-radius: .66em;
  -moz-border-radius-topleft: .33em;
  -moz-border-radius-bottomleft: .133em;
  -moz-border-radius-bottomright: .66em;
  border-top-left-radius: .33em;
  border-bottom-left-radius: .133em;
  border-bottom-right-radius: .66em
}

footer .pagebottom .pageinner .flexrow ul li a {
  padding: .33em .66em .33em 1.33em;
  margin: 0;
  display: block;
  position: relative;
  line-height: 1.2em;
  text-transform: none;
  white-space: normal;
  color: rgba(0, 40, 80, .9);
  font-size: .85em
}

footer .pagebottom .pageinner .flexrow ul li a::before {
  left: .5em;
  color: rgb(0, 0, 0);
  font-family: "fontawesome";
  content: "\f105";
  position: absolute;
  top: 0;
  width: 2em;
  padding: .33em 0;
  display: block;
  text-align: left;
  font-weight: 400
}

footer .pagebottom .pageinner .flexrow ul li a:hover {
  color: rgb(0, 0, 0)
}

.pageend {
  background-color: rgb(255, 255, 255);
  color: rgba(0, 40, 80, .9);
  text-align: center;
  width: 100%;
  min-width: 320px;
  margin: 0;
  padding: 0;
  float: none;
  clear: both;
  z-index: 1;
  position: relative;
  font-size: .9em
}

.pageend .pageinner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}

.pageend .pageinner .legal {
  line-height: 1.6em;
  padding-top: .66em;
  padding-bottom: .66em;
  background: rgba(0, 40, 80, .9);
  color: rgb(255, 255, 255);
  text-align: center;
  width: 100%;
  padding-left: .25em;
  padding-right: .25em
}

@media (min-width:768px) {
  .pageend .pageinner .legal {
    padding-left: 0;
    padding-right: 0
  }
}

.pageend .pageinner a {
  color: rgba(0, 40, 80, .9)
}

.pageend .pageinner a :hover {
  color: rgb(0, 0, 0)
}

.pageend .pageinner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
  margin: 0;
  padding: .5em 0
}

.pageend .pageinner ul li {
  list-style: none
}

.pageend .pageinner ul li.onlinecampus a {
  padding-left: 1.2em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="white" d="M400 224h-16v-62.5C384 73.1 312.9.3 224.5 0 136-.3 64 71.6 64 160v64H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zM96 160c0-70.6 57.4-128 128-128s128 57.4 128 128v64H96v-64zm304 320H48c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16h352c8.8 0 16 7.2 16 16v192c0 8.8-7.2 16-16 16z" /></svg>');
  background-repeat: no-repeat;
  background-size: auto 1em;
  background-position: 0 45%
}

.pageend .pageinner ul li a {
  padding: .5em 1em;
  font-weight: 400;
  display: inline-block;
  white-space: normal
}

.showinternal {
  overflow: hidden
}

.showinternal #internal {
  display: flex;
  justify-content: center;
  align-items: center
}

#internal,
.sud-doi-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .85);
  z-index: 9999;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
  width: 100%;
  height: auto;
  min-height: 100%;
  text-align: center;
  overflow: hidden;
  display: none
}

#internal .body,
.sud-doi-overlay .body {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
  position: relative
}

#internal .body .inner,
.sud-doi-overlay .body .inner {
  background-color: hsl(255, 100%, 100%);
  width: 95vw;
  max-width: 1280px;
  height: fit-content;
  position: fixed;
  margin: auto;
  padding: 2em;
  max-height: 90vh;
  overflow-x: auto
}

#internal .body .inner h1,
.sud-doi-overlay .body .inner h1 {
  font-size: 2em
}

#internal .body .inner.studienberatung,
.sud-doi-overlay .body .inner.studienberatung {
  max-width: 21rem
}

#internal .body .inner.studienberatung .tel,
.sud-doi-overlay .body .inner.studienberatung .tel {
  font-size: 2.3em
}

#internal .body .inner.videoholder,
.sud-doi-overlay .body .inner.videoholder {
  padding: 0
}

#internal .body .inner.videoholder .videocontainer,
.sud-doi-overlay .body .inner.videoholder .videocontainer {
  width: 100%;
  padding-top: 56.25%;
  position: relative
}

#internal .body .inner.videoholder .videocontainer iframe,
.sud-doi-overlay .body .inner.videoholder .videocontainer iframe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%
}

#internal .button.closebutton.close.rb-tl-br,
.sud-doi-overlay .button.closebutton.close.rb-tl-br {
  margin-top: 1em
}

#internal .buttonholder,
.sud-doi-overlay .buttonholder {
  max-width: 1280px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: visible;
  transform: translate(-50%, 0);
  z-index: 9999;
  padding: 0 1em 0 .5em
}

#internal .buttonholder .button,
.sud-doi-overlay .buttonholder .button {
  margin-top: .75em;
  position: relative;
  margin-right: -.725em;
  float: right;
  z-index: 9999;
  text-align: center;
  box-shadow: 0 0 8px rgba(0, 0, 0, .33);
  min-height: 2.5em;
  min-width: 2.5em
}

#internal .beratung,
.sud-doi-overlay .beratung {
  font-size: 1.6em;
  font-weight: 200
}

#internal .tel,
.sud-doi-overlay .tel {
  display: block;
  font-size: 2.6em;
  color: hsl(33, 100%, 50%);
  line-height: 1.1em;
  font-weight: 500
}

#internal .zeit,
.sud-doi-overlay .zeit {
  font-weight: 200
}

.sud-doi-overlay {
  background: rgba(255, 255, 255, .85)
}

.sud-doi-overlay .body {
  padding-bottom: 2em;
  padding-top: 2em;
  display: block
}

.sud-doi-overlay h1 {
  color: hsl(112, 94%, 30%) !important
}

.sud-doi-overlay ul li:before {
  color: hsl(112, 94%, 30%)
}

.sud-doi-overlay .boxes .box svg path.highlight,
.sud-doi-overlay .boxes .box svg path.highlight2 {
  fill: hsl(112, 94%, 30%) !important
}

.sud-doi-overlay .boxes .box strong {
  color: hsl(112, 94%, 30%) !important
}

.sud-doi-overlay .buttonholder .button {
  background-color: hsl(112, 94%, 30%)
}

.sud-doi-overlay .nobefore.blue {
  background-color: hsl(112, 94%, 30%)
}

.pageend {
  margin-top: 1em;
  border-top: .05em solid rgba(0, 40, 80, .2)
}

.pageend ul li {
  width: 50%
}

@media screen and (min-width:800px) {
  .pageend .pageinner .legal {
    background: none;
    color: rgb(0, 0, 0)
  }

  .pageend ul li {
    width: auto
  }

  .pageend {
    margin-top: 0;
    border-top: none
  }
}

@media screen and (min-width:1250px) {
  .pageend .pageinner {
    flex-flow: row-reverse nowrap
  }

  .pageend .pageinner .legal {
    background: none;
    color: rgb(0, 0, 0)
  }

  .pageend ul>li a {
    padding: .5em 1em
  }

  .pagebottom .tickerholder {
    display: block;
    border-top: .05em solid rgba(0, 40, 80, .2);
    border-bottom: .05em solid rgba(0, 40, 80, .2);
    margin-bottom: 2em
  }

  .pagebottom .tickerholder ul {
    overflow: hidden;
    width: 100%;
    height: 3em;
    line-height: 3em;
    white-space: nowrap;
    text-align: center;
    display: block;
    position: relative;
    list-style: none
  }

  .pagebottom .tickerholder ul li {
    overflow: hidden;
    width: 100%;
    height: 3em;
    line-height: 3em;
    white-space: nowrap;
    text-align: left;
    display: block;
    position: relative;
    list-style: none
  }

  .pagebottom .tickerholder ul li a {
    color: rgba(0, 40, 80, .9);
    font-size: 1.1em;
    padding-left: 2em;
    position: relative;
    top: -.2em
  }

  .pagebottom .tickerholder ul li a::after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 15%;
    max-width: 100px;
    z-index: 9 !important;
    left: auto;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)
  }
}

.activation .pageend {
  position: fixed;
  bottom: 0
}

.pageheader {
  box-shadow: -.3em .1em 1.33em .33em rgba(0, 0, 0, .2);
  width: 100%;
  min-width: 320px;
  text-align: center;
  margin: 0;
  padding: 0;
  float: none;
  clear: both;
  z-index: 9999;
  position: sticky;
  top: 0
}

@media (min-width:920px) {
  .pageheader {
    height: 8.34rem
  }

  .pageheader.smalllogo {
    height: 6.52rem
  }

  .pageheader.smalllogo #telinfo {
    font-size: .8em
  }

  .pageheader.smalllogo .globalnav {
    height: 71px
  }
}

@media (min-width:920px) {
  .pageheader {
    height: 8.34rem
  }
}

.pageheader .pagetop {
  background-color: rgb(255, 140, 0);
  display: flex;
  flex-flow: column
}

@media (min-width:920px) {
  .pageheader #telinfo {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
  }

  .pageheader #telinfo .beratung {
    font-size: 1em
  }

  .pageheader #telinfo .tel {
    font-size: 1.6em;
    padding: .2em 0;
    font-weight: 500
  }

  .pageheader #telinfo .zeit {
    font-size: .7em
  }
}

.pageheader.smalllogo #telinfo .tel {
  padding: 0
}

.pageheader.smalllogo #telinfo .zeit {
  position: relative;
  top: -.1rem
}

.pageheader.smalllogo .globalnav .topnav .seek.akt .seekform {
  top: 15px
}

.pageheader .globalnav {
  height: 55px;
  position: relative
}

.pageheader .globalnav .mobilenav .nav {
  position: fixed;
  top: 54px;
  background: rgb(26, 115, 232);
  width: 100%;
  line-height: 30px;
  z-index: 5
}

.pageheader .globalnav .mobilenav .nav ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.pageheader .globalnav .mobilenav .nav ul li {
  text-align: center
}

.pageheader .globalnav .mobilenav .nav ul li.oam {
  padding: 0;
  margin: 0;
  background-color: rgb(230, 0, 0)
}

.pageheader .globalnav .mobilenav .nav ul li.oam span {
  position: relative;
  padding-left: 2em
}

.pageheader .globalnav .mobilenav .nav ul li.oam span:before {
  position: absolute;
  width: 2em;
  left: 0;
  font-size: 1.2em;
  line-height: .95em;
  height: 1em;
  text-align: center;
  top: 50%;
  transform: translate(0, -50%);
  font-family: "fontawesome";
  content: "\f105"
}

.pageheader .globalnav .mobilenav .nav ul li::before {
  display: none
}

.pageheader .globalnav .mobilenav .nav ul li a {
  width: 100%;
  display: block;
  color: rgb(255, 255, 255)
}

.pageheader .globalnav .topnav {
  display: flex;
  width: 100%;
  max-width: 1280px;
  height: inherit;
  z-index: 9;
  color: rgba(255, 255, 255, .95);
  background-color: rgb(255, 140, 0);
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4em;
  position: relative
}

.activation .pageheader .globalnav .topnav {
  justify-content: center
}

.activation .pageheader .globalnav .topnav .logo {
  width: 5em !important;
  top: 4px
}

.activation .pageheader .globalnav .topnav .logo .slogan {
  top: 2px
}

.pageheader .globalnav .topnav .nav {
  display: none
}

.pageheader .globalnav .topnav a {
  color: rgba(255, 255, 255, .95)
}

.pageheader .globalnav .topnav .logo {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNDYuOTU1IDI5OS41NTkiIGhlaWdodD0iMjk5LjU2IiB2aWV3Qm94PSIwIDAgMzQ2Ljk1NSAyOTkuNTU5IiB3aWR0aD0iMzQ2Ljk2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoICBkPSJtMTUzLjQ4IDE3My43NGM3LjY0OCAwIDE0LjE0NS0zLjg5NiAxOC4zMjEtMTAuMDMxIDMuODQ3LTYuMjI0IDMuODUxLTE1Ljg3Ni4wMDQtMjIuMDk3LTMuMDU5LTQuNjQxLTcuNjU1LTcuNzMxLTEyLjU3OS05LjI2Mi05LjU0OC0yLjcwNS0xOC43MzEgMS4xNjgtMjQuMDU2IDkuMjM2LTQuMjM2IDYuMjMtNC4yNDIgMTUuODc2LS4wMTUgMjIuMTE5IDQuMTk0IDYuNTUyIDEwLjcwNyAxMC4wMzUgMTguMzI1IDEwLjAzNW0xODcuNDUgNzEuMjgxYy0zLjY1NC00LjM1NS03LjczMS03LjU4NC0xMi40NTEtMTAuMjgzLTQuNjg2LTIuNjgyLTEwLjEzMy01LjE1NC0xNC45NzktNy4zNzMtOS42NzEtNC40Mi0xOC4zMTMtOC42NTgtMjIuNzU3LTE3LjU1My0yLjEyNy00LjI1NC0yLjgyNi04LjUwMi0uMzg5LTEyLjY2MiAyLjIyNy0zLjc5NSA2LjAyOS01LjQzNCA5LjgyNC01Ljc4MyAxNC4zNDYtMi4xMjUgMjUuNzEzIDcuNzU4IDMyLjkyOCAxOS40M2wuMjk1LjQ3NmgyLjg4NGwtLjAwNC0zMS4wMzhoLTM0LjM0OWMtMTAuMzY1IDAtMTguMjI1LjcwNS0yNi44OTYgNy41LTguNzE3IDYuODM2LTEzLjY1MSAxMy45Mi0xMy45ODEgMjUuMjYyLS4zMDIgMTAuNDIyIDMuMTUyIDE4LjA5OCAxMC42NjggMjQuNTYyIDMuNTIxIDMuMDMzIDcuMzAzIDUuNjM5IDExLjE4NCA4LjA1MSAzLjg2MyAyLjQxNCA3Ljg0NiA0LjY0NiAxMS43OTMgNi45NDEgNy44NTQgNC41NzQgMTUuNTY4IDkuMzk1IDIxLjgyNCAxNi4yNDYgMi4zNTcgMy40MzYgMi43MjIgNy4zNzkgMS4yMDMgMTEuODI4LTIuMjgyIDYuNjg4LTEwLjA1MyA3LjgwOS0xNy4wNjQgNy44MDktMTcuOTU3IDAtMzAuMzE2LTE1LjQ5OC0zOC4zNDYtMjkuODQ0bC0uMjg1LS41MjVoLTIuNjAybC0uMDA0IDQxLjEyOS0uNDA0LjAwMi0xNy4xMjctMTIuMDE4di0xNjcuNzFsLTQ4LjgwMyAyMy4xNzIgMS41NDUgNS4zNDEgOS43NTItMi4wNHYxNDEuNDlsLTE1Ljg4MSAxMC40NDFzLTUuMjczLTMuNzU0LTE1LjQ1My0xMC43ODN2LTExMy4xM2wtNDguNDQ1IDIyLjgwNSAxLjMgNS4yNjIgOS44NDMtMS45NTF2ODcuMzc5bC0xOC4wODYgMTEuODQ0LjAwOC4yNjZoMTk1LjUxYzEwLjczIDAgMjAuNzI5LTUuMjA0IDI3LjU5OS0xNS41NzUgOC4zNjgtMTIuNjQ0IDguMDM4LTI3LjU2OS4xNS0zOC45NjYiIGZpbGw9InJnYigyMCw5OCwyMDMpIi8+PHBhdGggZD0ibTEzNyA4MS4wNTJjLTI3LjYxNSA0Ljc5OS00NS44MjggMjAuMzgyLTU0LjUxNiA0Ny4zMTktOS45MzkgMzAuODE4IDcuODU4IDYyLjA2MiAyNS45NDEgNzguODYxLTkuNjEzLTE1LjgzNi0xOC4xODEtNDEuNDMxLTkuMjM3LTY1LjY2NCA4LjA3LTIxLjg2OSAyMC42NC0zNC4zNDIgNDIuNTkxLTQxLjU2NCAyNS44NjEtOC41MDggNTMuNTE1IDIuODAzIDY3Ljk0NCAxNS44ODktMTMuNzctMjIuNzMzLTQxLjc5NC00MC4yMTYtNzIuNzIzLTM0Ljg0MW0tMTAyLjU4IDE1MS4wMS42OTIuODY1YzIwLjc1Ny03LjQ1OSAzNy4zOS0xNi40MTYgNTUuMDU2LTI5LjA1My0zLjQzMy00LjAyNy01Ljc1MS02LjkyLTguNDA5LTExLjU5Mi0xOC45NzQgMTIuMTkyLTMzLjQyMyAyNC44MjYtNDcuMzM5IDM5Ljc4bTM1Ljg4Ni02NS43MjdjLTEuMDItNC43OTEtMS43MjYtOS41NDMtMS45MjktMTQuNTk2LTI0Ljg0MS42NjktNDYuOTM1IDQuMzAyLTY4LjM3NCA5Ljk3bC4yMDQgMS4xMDRjMjQuMDIzIDQuMzI2IDQ2LjI4MiA1LjI1NCA3MC4wOTkgMy41MjJtOC41ODUtNTYuNDg3Yy0yMy4xNDgtMTIuMTgtNDUuMzQ1LTIyLjE2LTY3LjkzNC0yOC4zMjNsLS4zNzggMS4wNDdjMTkuODM1IDE2LjAyOCAzOS40ODMgMjkuNTc0IDYyLjIzNCA0MC4zMjEgMS43NjgtNS4zMjEgMy41NzYtOC45NTUgNi4wNzgtMTMuMDQ1bTMxLjgxLTMxLjkyN2MtMTMuNTcyLTIyLjUwMy0yOS4zODMtNDIuNzAxLTQ1LjU0MS01OS43NDRsLS44NTcuNzAzYzguNzgyIDI0LjA4OSAyMC4wOTcgNDUuNzMgMzQuMDU4IDY2Ljc5OCA0LjM3Ni0zLjU5NSA3LjY3Ny01LjM0OSAxMi4zNC03Ljc1N200Mi45NzktOC4zOWMtLjYzNy0yNC44OS00LjI4OS00Ny44NjktOS44NjUtNjkuNTNsLTEuMDU4LjAyYy00LjI5NSAyMy44OTQtNS4xMTEgNDUuNzI0LTMuNDI3IDY5LjYyNSA0Ljg1MS0uNTE0IDkuNDgzLS40NTQgMTQuMzUtLjExNW02OC41NDctNDEuODA3LS45OTYtLjQ3MWMtMTUuNDIyIDE1LjkwMy0yNi41ODIgMzEuNjQxLTM2Ljk4MiA1MC44MjUgNC4zNTIgMi4wMjkgOC4wNDEgNC40MjcgMTEuOTYzIDcuNzMyIDExLjc2OS0xOS4zNjYgMTkuOTkzLTM4LjQ3OSAyNi4wMTUtNTguMDg2IiBmaWxsPSIjZmQwIi8+PC9zdmc+);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 50%;
  order: 0;
  height: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(2em, 4vw, 6em);
  position: relative;
  left: -10%;
  top: -.2em
}

@media (min-width:768px) {
  .pageheader .globalnav .topnav .logo {
    height: 80%
  }
}

@media (min-width:500px) {
  .pageheader .globalnav .topnav .logo {
    left: -1.5em
  }
}

@media (min-width:768px) {
  .pageheader .globalnav .topnav .logo {
    width: 6em
  }
}

@media (min-width:920px) {
  .pageheader .globalnav .topnav .logo {
    left: .5em
  }
}

.pageheader .globalnav .topnav .logo span {
  display: none
}

.pageheader .globalnav .topnav .logo span.slogan {
  display: flex;
  font-family: Arial;
  justify-content: center;
  align-items: end;
  height: 100%;
  color: rgb(15, 85, 185);
  font-weight: 500;
  position: relative;
  top: -.2rem;
  left: 6em;
  font-size: .9rem;
  line-height: .9rem
}

@media (min-width:400px) {
  .pageheader .globalnav .topnav .logo span.slogan {
    top: -.1rem;
    font-size: 1rem;
    line-height: 1rem
  }
}

@media (min-width:500px) {
  .pageheader .globalnav .topnav .logo span.slogan {
    display: flex;
    top: 0
  }
}

@media (min-width:768px) {
  .pageheader .globalnav .topnav .logo span.slogan {
    left: 4em
  }
}

@media (min-width:920px) {
  .pageheader .globalnav .topnav .logo span.slogan {
    top: .15rem;
    left: 6.5em;
    font-size: 1rem;
    line-height: 1.1rem
  }
}

.smallheader .pageheader .globalnav .topnav .logo span.slogan {
  left: .5em
}

@media (min-width:768px) {
  .smallheader .pageheader .globalnav .topnav .logo span.slogan {
    left: -2em
  }
}

@media (min-width:920px) {
  .smallheader .pageheader .globalnav .topnav .logo span.slogan {
    left: 1em
  }
}

.pageheader .globalnav .topnav .logo ul {
  list-style: none
}

.pageheader .globalnav .topnav .logo.firmenkunden {
  background-image: url(../../../images/logo/logo-firmenkunden.svg);
  width: 12% !important;
  top: -2px;
  background-size: 99% 100%;
  max-height: 100%
}

.pageheader .globalnav .topnav section {
  order: 1;
  flex: 0;
  align-self: center
}

.pageheader .globalnav .topnav section .telit {
  padding: 0 12px;
  display: flex
}

@media (min-width:920px) {
  .pageheader .globalnav .topnav section .telit {
    display: none
  }
}

.pageheader .globalnav .topnav .icons-right {
  display: flex;
  flex-flow: row nowrap;
  justify-content: end;
  align-items: center;
  height: 100%
}

.pageheader .globalnav .topnav .icons-right button svg {
  position: relative;
  top: .3em
}

.pageheader .globalnav .topnav .icons-right svg {
  fill: #fff;
  width: 1.5rem;
  height: 1.5em
}

.pageheader .globalnav .topnav .icons-right .clear {
  right: 0
}

.pageheader .globalnav .topnav .icons-right .clear svg {
  width: .8rem;
  fill: #000;
  position: relative;
  right: .4em;
  top: .5em
}

.pageheader .globalnav .topnav .callit {
  flex: 0;
  order: 4;
  padding: 0 12px;
  align-self: center
}

.pageheader .globalnav .topnav .seek {
  flex: 0;
  order: 5;
  padding: 0 12px;
  border-left: 1px solid rgba(0, 0, 0, .1);
  align-self: center;
  height: 100%;
  display: flex
}

@media (min-width:920px) {
  .pageheader .globalnav .topnav .seek {
    border-left: none
  }
}

.pageheader .globalnav .topnav .seek a {
  display: flex;
  align-items: center;
  height: 100%
}

.pageheader .globalnav .topnav .seek .mask {
  display: none
}

.pageheader .globalnav .topnav .seek .seekform {
  display: none
}

.pageheader .globalnav .topnav .seek .seekform form {
  padding: 0
}

.pageheader .globalnav .topnav .seek .seekform .tr {
  justify-content: end
}

.pageheader .globalnav .topnav .seek .seekform .tr .td {
  justify-content: end
}

.pageheader .globalnav .topnav .seek.akt .seekform {
  display: block;
  position: absolute;
  right: 1px;
  top: 30px;
  width: calc(100% - 4em)
}

@media (min-width:1280px) {
  .pageheader .globalnav .topnav .seek.akt .seekform {
    top: 41px
  }
}

.pageheader .globalnav .topnav .seek.akt .seekform input {
  min-width: auto;
  top: -3px;
  right: 1em
}

@media (min-width:920px) {
  .pageheader .burger {
    display: none
  }
}

.pageheader .telit {
  position: absolute;
  left: 2.3em;
  border-left: 1px solid rgba(0, 0, 0, .1);
  padding-left: .5em;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.pageheader .telit svg {
  height: 1.2em;
  width: 1.2em;
  transform: scale(-1) rotate(88deg)
}

@media (min-width:920px) {
  .pageheader .telit {
    display: none
  }
}

#telinfo {
  display: none
}

.mobilenav {
  display: flex
}

@media screen and (min-width:920px) {
  .pageheader .globalnav {
    height: 100px
  }

  .pageheader .globalnav .mobilenav {
    display: none
  }
}

.pageheader .pagetop.seeking .callit,
.pageheader .pagetop.seeking section,
.pageheader .pagetop.seeking #telinfo,
.pageheader .pagetop.seeking .seek>a {
  opacity: 0
}

.pagetop a.logo {
  overflow: visible
}

.pagetop a.logo .ukraine {
  width: 4em;
  height: 100%;
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xml:space='preserve' width='581' height='405' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath clipPathUnits='userSpaceOnUse' id='a'%3E%3Cpath d='M0 500h500V0H0Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='matrix(1.33333 0 0 -1.33333 -47.17 555.804)'%3E%3Cpath d='M469.196 320.605a3.022 3.022 0 0 1-3.091 5.192l-63.573-36.704 50.99 30.941a3.02 3.02 0 0 1 1.033 4.121 3.021 3.021 0 0 1-4.111 1.078l-102.911-59.415h32.391l89.272 54.787M457.832 266.532a3.021 3.021 0 0 1-4.102 1.062l-3.076-1.776h7.486a3.023 3.023 0 0 1-.308.714M468.375 284.881a3.02 3.02 0 0 1-3.08 5.199l-15.832-9.141 11.667 7.054a3.022 3.022 0 0 1-3.072 5.202l-47.418-27.377h26.381l31.354 19.063M461.779 273.021a3.017 3.017 0 0 1 1.451 2.584 3.023 3.023 0 0 1-4.531 2.614l-21.479-12.401h12.718l11.841 7.203M451.22 329.829a3.02 3.02 0 0 1-3.094 5.19l-38.468-22.209 40.537 24.487a3.019 3.019 0 0 1 1.04 4.123 3.02 3.02 0 0 1-4.111 1.08l-79.803-46.073a4972733.4 4972733.4 0 0 0 94.859 57.808 3.025 3.025 0 0 1 1.025 4.122 3.02 3.02 0 0 1-4.108 1.076l-40.726-23.514 25.134 15.138a3.018 3.018 0 0 1 1.045 4.122 3.022 3.022 0 0 1-4.113 1.082l-49.88-28.798 59.271 35.811a3.024 3.024 0 0 1 1.459 2.589 2.99 2.99 0 0 1-.422 1.534 3.02 3.02 0 0 1-4.11 1.08l-128.609-74.251 128.99 79.032a3.019 3.019 0 0 1 1.018 4.121 3.02 3.02 0 0 1-4.107 1.071l-13.217-7.631.616.37a3.018 3.018 0 0 1 1.052 4.123 3.021 3.021 0 0 1-4.115 1.085l-114.787-66.272 126.279 77.313a3.015 3.015 0 0 1 1.444 2.579 3.022 3.022 0 0 1-4.531 2.614l-127.503-73.614a10975289.4 10975289.4 0 0 0 108.449 66.365 3.02 3.02 0 0 1-3.088 5.194l-113.722-65.658 115.396 70.537a3.02 3.02 0 0 1-3.086 5.194l-101.016-58.322 87.033 52.879a3.02 3.02 0 0 1-3.081 5.198l-107.474-62.05 101.706 62.033a3.017 3.017 0 0 1 1.025 4.12c-.659 1.113-1.922 1.626-3.127 1.412a3.007 3.007 0 0 1 1.122 2.32 3.02 3.02 0 0 1-4.531 2.613L206.029 307.586l55.716 35.018a3.018 3.018 0 0 1 .981 4.117 3.022 3.022 0 0 1-4.099 1.057l-34.923-20.164 26.917 16.762a3.024 3.024 0 0 1 .993 4.12 3.02 3.02 0 0 1-4.101 1.062l-54.926-31.712 48.803 30.803a3.02 3.02 0 0 1-3.124 5.171l-70.399-40.644c32.776 21.036 68.926 44.241 68.926 44.241a3.021 3.021 0 0 1-3.142 5.159l-58.165-33.582 63.435 40.217a3.02 3.02 0 0 1 .967 4.115 3.02 3.02 0 0 1-4.095 1.053L162.8 332.236c29.701 19.166 63.002 40.658 63.002 40.658a3.016 3.016 0 0 1 .94 4.112 3.011 3.011 0 0 1-2.534 1.441c.225.432.351.911.351 1.4a3.019 3.019 0 0 1-3.739 2.926l4.246 2.623a3.027 3.027 0 0 1 1.005 4.12 3.021 3.021 0 0 1-4.105 1.067l-77.899-44.976 63.122 40.869a3.014 3.014 0 0 1 1.38 2.538 3.021 3.021 0 0 1-4.533 2.613l-36.191-20.895 43.338 27.398a3.021 3.021 0 0 1-3.126 5.17l-5.251-3.032c.46.548.72 1.232.72 1.937a3.02 3.02 0 0 1-4.533 2.612l-61.861-35.715 59.044 38.33a3.018 3.018 0 0 1 .93 4.111 3.022 3.022 0 0 1-4.087 1.039l-42.783-24.701 30.045 19.306a3.019 3.019 0 0 1 .947 4.114 3.02 3.02 0 0 1-4.09 1.044l-23.361-13.487 16.789 10.862a3.019 3.019 0 0 1 .937 4.113 3.023 3.023 0 0 1-4.088 1.041s-21.802-12.587-40.336-23.29l29.122 19.747a3.019 3.019 0 0 1 .865 4.105 3.021 3.021 0 0 1-4.07 1.012l-44.508-25.696 28.557 20.481a3.024 3.024 0 0 1 .778 4.094 3.022 3.022 0 0 1-4.049.979l-24.872-14.36a59890.06 59890.06 0 0 1 11.656 9.296 3.02 3.02 0 0 1-3.395 4.978l-30.838-17.804a3.022 3.022 0 0 1-1.106-4.128 3.012 3.012 0 0 1 2.513-1.497l-14.107-11.25a3.02 3.02 0 0 1-1.136-2.364 3.021 3.021 0 0 1 4.532-2.615l6.74 3.892-28.557-20.481a3.02 3.02 0 0 1-.778-4.094 3.022 3.022 0 0 1 4.05-.978l25.116 14.5-29.131-19.75a3.02 3.02 0 0 1-.863-4.104 3.02 3.02 0 0 1 4.07-1.013l9.465 5.465-16.812-10.877a3.022 3.022 0 0 1 3.152-5.154l16.568 9.566-30.001-19.278a3.015 3.015 0 0 1-.947-4.114 3.02 3.02 0 0 1 4.09-1.043l52.642 30.391-59.073-38.347a3.022 3.022 0 0 1 3.157-5.151l4.09 2.361a3.025 3.025 0 0 1-.722-1.937 3.021 3.021 0 0 1 4.533-2.613l32.962 19.03-43.325-27.39a3.02 3.02 0 0 1 3.124-5.171l63.831 36.854-63.119-40.865a3.022 3.022 0 0 1 3.153-5.153l6.447 3.723-.649-.401a3.02 3.02 0 0 1-1.005-4.12 2.996 2.996 0 0 1 1.682-1.314l-3.032-1.854a3.023 3.023 0 0 1 3.088-5.195s36.014 20.794 68.977 39.824a4504052.44 4504052.44 0 0 0-63.012-40.663 3.02 3.02 0 0 1 .393-5.29h2.492c.089.041.177.085.263.135l52.411 30.259-47.943-30.394h13.597l47.287 27.301-42.536-27.301h15.029l10.673 6.161-9.763-6.161h58.488l15.747 9.091c-4.846-2.954-9.845-6.003-14.906-9.091h33.622l15.613 9.014-14.747-9.014h17.993l2.299 1.327-2.169-1.327h18.453l7.503 4.333c-2.349-1.44-4.71-2.884-7.076-4.333h117.541l104.024 64.011M465.582 300.864a3.019 3.019 0 0 1 1.014 4.121 3.022 3.022 0 0 1-4.107 1.071l-10.776-6.223 8.916 5.383a3.02 3.02 0 0 1-3.072 5.202l-77.251-44.6h28.242l57.034 35.046' style='fill:%23005bbb;fill-opacity:1;fill-rule:nonzero;stroke:none'/%3E%3Cpath d='M104.489 200.776a3.02 3.02 0 0 1 3.088-5.193s62.381 36.017 121.651 70.235h-18.453l-106.286-65.042M59.817 265.818h-2.492a3.021 3.021 0 0 1 2.492 0M49.088 256.017a3.02 3.02 0 0 1 3.129-5.168l25.928 14.969H64.548l-15.46-9.801M91.985 204.285a3.018 3.018 0 0 1-1.023-4.121 3.021 3.021 0 0 1 4.108-1.073l115.575 66.727h-17.993L91.985 204.285M347.533 265.818l-5.451-3.147 5.114 3.147H229.655L110.471 192.85a3.021 3.021 0 0 1-1.02-4.122 3.01 3.01 0 0 1 3.499-1.324l-5.263-3.153a3.018 3.018 0 0 1-1.051-4.123 3.021 3.021 0 0 1 4.114-1.085l135.87 78.444-128.955-79.01a3.02 3.02 0 0 1-1.018-4.121 3.021 3.021 0 0 1 4.108-1.071l66.095 38.159-59.239-35.791a3.021 3.021 0 0 1 3.073-5.202l29.439 16.995-25.206-15.179a3.022 3.022 0 0 1 3.069-5.205l103.581 59.802-94.829-57.792a3.02 3.02 0 0 1 3.082-5.196l36.087 20.834-40.507-24.469a3.016 3.016 0 0 1-1.039-4.122 3.021 3.021 0 0 1 4.112-1.08l116.066 67.011c-51.055-31.418-109.157-67.17-109.157-67.17a3.023 3.023 0 0 1 3.096-5.191l55.05 31.785-51.007-30.953a3.015 3.015 0 0 1-1.033-4.122 3.021 3.021 0 0 1 4.11-1.077L274.2 208.023l-95.317-58.497a3.017 3.017 0 0 1-1.016-4.121 3.023 3.023 0 0 1 4.107-1.07l10.313 5.953-9.02-5.444a3.021 3.021 0 0 1 3.073-5.202l88.161 50.9-89.578-55.044a3.021 3.021 0 0 1 3.094-5.19l13.563 7.831-11.633-7.034a3.016 3.016 0 0 1-1.039-4.122 3.022 3.022 0 0 1 4.112-1.08l44.512 25.701c-8.134-4.947-35.126-21.358-35.126-21.358a3.017 3.017 0 0 1-1.029-4.121 3.02 3.02 0 0 1 4.109-1.076s22.156 12.792 27.384 15.809l-25.187-15.319a3.02 3.02 0 0 1-1.029-4.123 3.022 3.022 0 0 1 4.111-1.074l87.552 50.548-72.315-44.999a3.022 3.022 0 0 1 3.107-5.183s25.365 14.646 34.329 19.82l-33.263-20.458a3.016 3.016 0 0 1-1.438-2.576 3.022 3.022 0 0 1 4.531-2.614l84.566 48.822-70.872-44.711a3.018 3.018 0 0 1-.974-4.117 3.024 3.024 0 0 1 4.097-1.056l67.804 39.148-45.712-29.005a3.02 3.02 0 0 1-.966-4.116 3.021 3.021 0 0 1 4.096-1.051l71.118 41.06-30.904-20.585a3.019 3.019 0 0 1-.892-4.108 3.02 3.02 0 0 1 4.077-1.023l90.508 52.253a3.021 3.021 0 0 1-3.023 5.233l-8.805-5.084 30.926 20.6a3.02 3.02 0 0 1-3.187 5.131l-27.693-15.99 45.698 28.997a3.021 3.021 0 0 1-3.13 5.167l-59.526-34.368 70.825 44.683a3.018 3.018 0 0 1 .973 4.116 3.02 3.02 0 0 1-4.096 1.056l-29.917-17.273 33.28 20.469a3.02 3.02 0 0 1 1.013 4.121 3.023 3.023 0 0 1-4.107 1.069l-63.951-36.922 72.343 45.016a3.02 3.02 0 0 1 1.303 3.406h-7.486l-14.099-8.14 13.383 8.14H437.22l-3.958-2.285 3.759 2.285H410.64l-34.629-19.993 32.537 19.993h-28.242l-6.449-3.723 6.067 3.723zM56.5 248.875a3.02 3.02 0 0 1-.948-4.114 3.022 3.022 0 0 1 4.091-1.045l38.282 22.102H82.896L56.5 248.875M71.351 212.869a3.02 3.02 0 0 1-1.026-4.121 3.022 3.022 0 0 1 4.109-1.075l90.888 52.474-87.046-52.887a3.017 3.017 0 0 1-1.031-4.121 3.02 3.02 0 0 1 4.11-1.077l110.431 63.756h-33.622l-86.813-52.949M59.774 241.164a3.021 3.021 0 0 1 3.123-5.172l30.839 17.805-26.906-16.755a3.02 3.02 0 0 1-.995-4.119 3.02 3.02 0 0 1 4.102-1.063l52.199 30.137-55.723-35.02a3.022 3.022 0 0 1 3.118-5.174s8.572 4.947 9.074 5.238a3.022 3.022 0 0 1-.622-1.799 3.021 3.021 0 0 1 4.533-2.613l74.807 43.189H98.835l-39.061-24.654' style='fill:%23ffd500;fill-opacity:1;fill-rule:nonzero;stroke:none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 100% auto;
  position: absolute;
  left: 3.25em;
  top: 0
}

@media (min-width:768px) {
  .pagetop a.logo .ukraine {
    background-size: 80% auto
  }
}

@media (max-width:400px) {
  .pagetop a.logo .ukraine {
    position: relative;
    width: 3em;
    right: -2em;
    top: .1em;
    background-position: 0 50%
  }
}

@media (min-width:400px) {
  .pagetop a.logo .ukraine {
    position: relative;
    width: 3em;
    right: -2em;
    top: .1em;
    background-position: 100% 50%
  }
}

@media (min-width:768px) {
  .pagetop a.logo .ukraine {
    position: relative;
    width: 3em;
    right: -4em;
    top: .1em;
    background-position: 100% 50%
  }
}

@media (min-width:920px) {
  .pagetop a.logo .ukraine {
    position: absolute;
    width: 5.33em;
    left: 6em
  }
}

@media (min-width:1280px) {
  .pagetop a.logo .ukraine {
    position: absolute;
    width: 5.33em;
    left: 6em
  }
}

.smalllogo .slogan {
  font-size: 0.8rem !important;
  line-height: 0.8rem !important;
  padding-left: 12em !important
}

@media (min-width:920px) {
  .smalllogo .slogan {
    padding-left: 9em !important
  }
}

.smalllogo .pagetop a.logo .ukraine {
  width: 4em;
  top: .5em
}

@media (max-width:400px) {
  .smalllogo .pagetop a.logo .ukraine {
    width: 3em;
    right: -2em;
    top: .1em
  }
}

@media (min-width:400px) {
  .smalllogo .pagetop a.logo .ukraine {
    width: 3em;
    right: -2em;
    top: .1em
  }
}

@media (min-width:920px) {
  .smalllogo .pagetop a.logo .ukraine {
    right: -2em;
    margin-top: .125em
  }
}

@media (min-width:1280px) {
  .smalllogo .pagetop a.logo .ukraine {
    right: -2em;
    margin-top: .125em
  }
}

.burger {
  width: clamp(2em, 3vw, 3em);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.burger svg {
  width: 2rem;
  height: 2rem;
  fill: #fff;
  cursor: pointer
}

.burger svg .burgerclose {
  display: none
}

@media (min-width:920px) {
  .burger {
    display: none
  }
}

.navigate .burger svg .burgerclose {
  display: block
}

.navigate .burger svg .burgerbars {
  display: none
}

.pageheader .pagetop.seeking .globalnav .topnav .icons-right {
  width: 90%
}

.pageheader .pagetop.seeking .globalnav .topnav .icons-right .seekform .tr .td:first-child {
  width: 100%
}

.pageheader .pagetop.seeking .globalnav .topnav .icons-right .seekform .tr .td:first-child .pr {
  width: 100%
}

.pageheader .pagetop.seeking .globalnav .topnav .telit {
  display: none
}

.argumentsouter {
  background-color: rgb(26, 115, 232);
  color: rgb(255, 255, 255);
  width: 100%;
  top: 2px;
  position: relative;
  border-top: 1px solid rgb(255, 255, 255)
}

@media (min-width:920px) {
  .argumentsouter {
    top: 4px;
    border-top: none
  }
}

.argumentsouter .arguments {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
  font-weight: 400;
  padding: .5rem
}

.argumentsouter .arguments a {
  color: rgb(255, 255, 255);
  display: flex;
  justify-content: start;
  align-items: center;
  gap: .5em;
  position: relative;
  transition: 0.3s all;
  line-height: 1em;
  padding: .5rem 0 .4rem 0
}

@media (min-width:768px) {
  .argumentsouter .arguments a {
    font-size: 1.1em
  }
}

.argumentsouter .arguments a svg {
  height: 2em;
  width: 2em;
  padding-bottom: .1em;
  position: relative;
  transition: 0.3s all;
  left: 0
}

.argumentsouter .arguments a:hover svg {
  left: .2em
}

header .navmask {
  display: none;
  left: 0;
  top: 57px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in-out;
  position: fixed;
  background-color: rgba(0, 0, 0, .1);
  border-right: 1px solid rgba(0, 0, 0, .1);
  z-index: 0;
  font-size: 1em
}

header .pagetop .navigation {
  background-color: rgb(255, 255, 255);
  transition: all 0.2s ease-in-out;
  top: 68px;
  left: -580px;
  position: absolute;
  height: 100%;
  z-index: 1
}

@media (min-width:768px) {
  header .pagetop .navigation {
    top: 56px
  }
}

@media (min-width:920px) {
  header .pagetop .navigation {
    position: relative;
    top: auto;
    left: auto;
    background-color: rgb(209, 215, 219)
  }
}

header .pagetop .navigation .mainnav ul {
  display: flex;
  flex-flow: column;
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: space-between;
  z-index: 999;
  background-color: rgb(209, 215, 219)
}

@media (min-width:920px) {
  header .pagetop .navigation .mainnav ul {
    flex-flow: row nowrap
  }
}

header .pagetop .navigation .mainnav ul a {
  color: hsla(0, 0%, 0%, .85);
  font-weight: 400;
  white-space: nowrap
}

header .pagetop .navigation .mainnav ul li {
  font-size: clamp(0.8em, 1.5vw, 1.1em);
  position: relative;
  padding: .5em clamp(1.4em, 1.6vw, 1.6em)
}

header .pagetop .navigation .mainnav ul li.akt {
  background: rgb(255, 255, 255)
}

header .pagetop .navigation .mainnav ul li .mobiledb {
  display: none
}

header .pagetop .navigation .mainnav ul li .subnav {
  position: absolute;
  left: 0;
  top: 40px;
  right: auto;
  display: none;
  text-align: left;
  width: auto;
  min-width: 300px
}

header .pagetop .navigation .mainnav ul li .subnav ul {
  display: flex;
  flex-flow: column;
  background-color: rgba(255, 255, 255, .95);
  justify-content: start;
  align-items: start
}

header .pagetop .navigation .mainnav ul li .subnav ul li {
  border-top: 1px solid rgba(211, 217, 229, .5);
  padding: .5em 1em
}

@media (min-width:920px) {
  header .pagetop .navigation .mainnav ul li .subnav ul li {
    padding: .15em 1em
  }
}

header .pagetop .navigation .mainnav ul li .subnav ul li.mobiledb {
  display: block
}

@media (min-width:920px) {
  header .pagetop .navigation .mainnav ul li .subnav ul li.mobiledb {
    display: none
  }
}

header .pagetop .navigation .mainnav ul li .subnav ul li:nth-child(2) {
  border-top: none
}

header .pagetop .navigation .mainnav ul li .subnav ul li a {
  padding: .33em .66em .33em 1em;
  margin: 0;
  display: block;
  position: relative;
  line-height: 1.2em;
  text-transform: none;
  white-space: normal;
  font-size: 1.1em
}

@media (min-width:920px) {
  header .pagetop .navigation .mainnav ul li .subnav ul li a {
    font-size: .8em
  }
}

header .pagetop .navigation .mainnav ul li .subnav ul li a:hover {
  color: rgb(255, 140, 0)
}

header .pagetop .navigation .mainnav ul li .subnav ul li a:hover::before {
  color: rgb(255, 140, 0)
}

header .pagetop .navigation .mainnav ul li .subnav ul li a::before {
  font-family: "fontawesome";
  content: "\f105";
  position: absolute;
  top: 0;
  left: 0;
  width: 2em;
  padding: .33em 0;
  display: block;
  text-align: left;
  font-weight: 500
}

header .pagetop .navigation .mainnav ul li .subnav ul li.akt a {
  font-weight: 600
}

@media (min-width:920px) {
  header .pagetop .navigation .mainnav ul li:hover .subnav {
    display: block
  }
}

header .pagetop .navigation .mainnav ul li:last-child .subnav,
header .pagetop .navigation .mainnav ul li:nth-last-child(2) .subnav {
  right: 0;
  left: auto
}

.navigate header .navmask {
  display: block
}

.navtrigger {
  flex: 0;
  order: 1;
  padding: 0 12px;
  border-right: 1px solid rgba(0, 0, 0, .1)
}

@media (min-width:920px) {
  .navtrigger {
    display: none
  }
}

.navtrigger .burger {
  width: 1.5em;
  height: 2em;
  top: 0;
  position: relative
}

.navtrigger .burger span {
  top: 23px;
  margin-top: 1px;
  content: "";
  height: 3px;
  width: 100%;
  display: block;
  background-color: rgb(255, 255, 255);
  position: absolute;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in
}

.navtrigger .burger span:before {
  top: -10px;
  margin-top: 1px;
  content: "";
  height: 3px;
  width: 100%;
  display: block;
  background-color: rgb(255, 255, 255);
  position: absolute;
  transform-origin: 50% 50%;
  transition: all 0.2s ease-in
}

.navtrigger .burger span:after {
  top: 9px;
  margin-top: 0;
  content: "";
  height: 3px;
  width: 100%;
  display: block;
  background-color: rgb(255, 255, 255);
  position: absolute;
  transform-origin: 50% 50%;
  transition: all 0.2s ease-in
}

body.navigate .navigation {
  left: -1000px;
  text-align: left;
  padding-bottom: 2em;
  width: 100%;
  max-width: 300px;
  z-index: 99;
  background-color: rgb(255, 255, 255)
}

body.navigate .navigation .pageinner {
  width: 300px;
  position: relative;
  height: auto;
  z-index: 1;
  background-color: rgb(209, 215, 219);
  margin: 0
}

body.navigate .navigation .pageinner .nav {
  min-width: 50px
}

body.navigate .navigation .pageinner .nav>ul {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100vh;
  height: calc(100vh - 3.8em) !important
}

body.navigate .navigation .pageinner .nav ul {
  width: 380px;
  display: block;
  position: relative;
  text-align: left;
  z-index: 1;
  padding: 0;
  list-style-type: none;
  margin: 0;
  outline: 0;
  border: 0;
  border-collapse: collapse;
  height: auto;
  background-color: hsl(255, 100%, 100%)
}

body.navigate .navigation .pageinner .nav ul li {
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
  width: 380px;
  background-color: rgb(255, 255, 255);
  height: auto;
  font-size: .8em;
  line-height: 2.25em
}

body.navigate .navigation .pageinner .nav ul li:first-child {
  border-top: 0
}

body.navigate .navigation .pageinner .nav ul li.on .subnav {
  display: block
}

body.navigate .navigation .pageinner .nav ul li.osz {
  display: block
}

body.navigate .navigation .pageinner .nav ul li.osz a:before {
  display: none
}

body.navigate .navigation .pageinner .nav ul li.osz a {
  height: 3rem;
  padding-left: 0 !important;
  display: block
}

body.navigate .navigation .pageinner .nav ul li.osz a span {
  padding-left: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}

body.navigate .navigation .pageinner .nav ul li.hassub.akt>a:before {
  content: "\f107";
  color: rgba(0, 0, 0, .66);
  font-size: 1.2em;
  left: -.2em
}

body.navigate .navigation .pageinner .nav ul li a {
  padding-left: 1em;
  line-height: 45px;
  color: rgb(50, 60, 70)
}

body.navigate .navigation .pageinner .nav ul li a:before {
  content: "\f105";
  font-size: 1.2em;
  color: rgba(0, 0, 0, .33)
}

body.navigate .navigation .pageinner .nav ul li .subnav {
  display: none;
  position: relative;
  top: 100%;
  width: auto;
  min-width: 380px;
  overflow: visible;
  background-color: rgba(255, 255, 255, .95);
  padding: .5em .5em .5em .5em;
  box-shadow: none;
  border-top: 1px dotted rgba(0, 0, 0, .1);
  left: 0;
  right: auto;
  transform: translate(0)
}

body.navigate .navigation .pageinner .nav ul li .subnav li {
  padding: .15em 1em;
  width: 100%;
  max-width: 285px
}

@media (min-width:920px) {
  body.navigate .navigation .pageinner .nav ul li .subnav li {
    padding: 0
  }
}

body.navigate .navigation .pageinner .nav ul li .subnav li a {
  padding: .33em .66em .33em 1em;
  margin: 0;
  display: block;
  position: relative;
  line-height: 1.2em;
  text-transform: none;
  white-space: normal;
  font-size: .9em
}

body.navigate .navigation .pageinner .nav ul li.akt a {
  display: block
}

body.navigate .navigation .pageinner .nav ul li.akt a::after {
  font-family: "fontawesome";
  content: "\f105";
  font-size: 1em;
  color: rgba(0, 0, 0, .33);
  background-color: transparent;
  position: absolute;
  right: 1em
}

@media (min-width:920px) {
  body.navigate .navigation .pageinner .nav ul li.akt a::after {
    display: none
  }
}

body.navigate .navigation .pageinner .nav ul li.akt .subnav {
  display: block
}

body.navigate .navigation .pageinner .nav ul li.akt .subnav a::after {
  display: none
}

body.navigate .navigation .pageinner .nav ul li.off .subnav {
  display: none
}

.mainnav {
  position: relative;
  top: -.55em
}

@media (min-width:768px) {
  .mainnav {
    top: 0
  }
}

body.navigate .navigation {
  display: block;
  left: 0;
  font-size: 1.4em
}

body.navigate .burger span {
  background-color: transparent !important
}

body.navigate .burger span:before {
  transform: rotate(45deg);
  top: 0 !important
}

body.navigate .burger span:after {
  transform: rotate(-45deg);
  top: 0 !important
}

.pagemiddle>.full>.pageinner:first-of-type .box .component-headline h2,
.pagemiddle>.full>.pageinner:first-of-type .box .component-headline h2 span,
.pagemiddle>.full>.pageinner:first-of-type .box .component-headline h2>a,
.lg-chooser .box .component-headline h2,
.lg-chooser .box .component-headline h2 span,
.lg-chooser .box .component-headline h2>a,
.lg-chooser .box.headlineholder .headline h2,
.lg-chooser .box.headlineholder .headline h2 span,
.lg-chooser .box.headlineholder .headline h2>a {
  color: rgb(20, 98, 203) !important;
  position: relative
}

.lg-chooser .box.headlineholder .headline:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 346.955 299.559' height='299.56' viewBox='0 0 346.955 299.559' width='346.96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m153.48 173.74c7.648 0 14.145-3.896 18.321-10.031 3.847-6.224 3.851-15.876.004-22.097-3.059-4.641-7.655-7.731-12.579-9.262-9.548-2.705-18.731 1.168-24.056 9.236-4.236 6.23-4.242 15.876-.015 22.119 4.194 6.552 10.707 10.035 18.325 10.035m187.45 71.281c-3.654-4.355-7.731-7.584-12.451-10.283-4.686-2.682-10.133-5.154-14.979-7.373-9.671-4.42-18.313-8.658-22.757-17.553-2.127-4.254-2.826-8.502-.389-12.662 2.227-3.795 6.029-5.434 9.824-5.783 14.346-2.125 25.713 7.758 32.928 19.43l.295.476h2.884l-.004-31.038h-34.349c-10.365 0-18.225.705-26.896 7.5-8.717 6.836-13.651 13.92-13.981 25.262-.302 10.422 3.152 18.098 10.668 24.562 3.521 3.033 7.303 5.639 11.184 8.051 3.863 2.414 7.846 4.646 11.793 6.941 7.854 4.574 15.568 9.395 21.824 16.246 2.357 3.436 2.722 7.379 1.203 11.828-2.282 6.688-10.053 7.809-17.064 7.809-17.957 0-30.316-15.498-38.346-29.844l-.285-.525h-2.602l-.004 41.129-.404.002-17.127-12.018v-167.71l-48.803 23.172 1.545 5.341 9.752-2.04v141.49l-15.881 10.441s-5.273-3.754-15.453-10.783v-113.13l-48.445 22.805 1.3 5.262 9.843-1.951v87.379l-18.086 11.844.008.266h195.51c10.73 0 20.729-5.204 27.599-15.575 8.368-12.644 8.038-27.569.15-38.966' fill='rgb(20,98,203)'/%3E%3Cpath d='m137 81.052c-27.615 4.799-45.828 20.382-54.516 47.319-9.939 30.818 7.858 62.062 25.941 78.861-9.613-15.836-18.181-41.431-9.237-65.664 8.07-21.869 20.64-34.342 42.591-41.564 25.861-8.508 53.515 2.803 67.944 15.889-13.77-22.733-41.794-40.216-72.723-34.841m-102.58 151.01.692.865c20.757-7.459 37.39-16.416 55.056-29.053-3.433-4.027-5.751-6.92-8.409-11.592-18.974 12.192-33.423 24.826-47.339 39.78m35.886-65.727c-1.02-4.791-1.726-9.543-1.929-14.596-24.841.669-46.935 4.302-68.374 9.97l.204 1.104c24.023 4.326 46.282 5.254 70.099 3.522m8.585-56.487c-23.148-12.18-45.345-22.16-67.934-28.323l-.378 1.047c19.835 16.028 39.483 29.574 62.234 40.321 1.768-5.321 3.576-8.955 6.078-13.045m31.81-31.927c-13.572-22.503-29.383-42.701-45.541-59.744l-.857.703c8.782 24.089 20.097 45.73 34.058 66.798 4.376-3.595 7.677-5.349 12.34-7.757m42.979-8.39c-.637-24.89-4.289-47.869-9.865-69.53l-1.058.02c-4.295 23.894-5.111 45.724-3.427 69.625 4.851-.514 9.483-.454 14.35-.115m68.547-41.807-.996-.471c-15.422 15.903-26.582 31.641-36.982 50.825 4.352 2.029 8.041 4.427 11.963 7.732 11.769-19.366 19.993-38.479 26.015-58.086' fill='%23fd0'/%3E%3C/svg%3E")
}

.box.bestpreis-garantie {
  padding: 0
}

.box.bestpreis-garantie h3 {
  color: rgb(195, 0, 45) !important;
  border-bottom: 3px solid rgb(90, 40, 115) !important
}

.box.bestpreis-garantie.sidebar {
  min-height: 10em;
  border: 1px solid rgba(0, 0, 0, .05);
  display: flex;
  justify-content: center;
  align-items: center
}

@media (min-width:920px) {
  .box.bestpreis-garantie.sidebar {
    min-height: auto;
    border: none
  }
}

.box.kostenlos-testen {
  padding: 0
}

.box.kostenlos-testen b {
  display: flex;
  justify-content: end;
  padding-right: 4px;
  align-items: center;
  font-size: 7em;
  color: hsl(33, 100%, 50%);
  max-width: 100px;
  width: 33.333%;
  font-weight: 500
}

.box.kostenlos-testen a .content h3 {
  color: hsl(33, 100%, 50%);
  white-space: nowrap;
  border-bottom: 3px solid hsl(33, 100%, 50%)
}

.box.kostenlos-testen a .content p {
  font-size: 1.5em;
  min-height: 1.6em
}

.box.kostenlos-testen.sidebar {
  min-height: 10em;
  border: 1px solid rgba(0, 0, 0, .05);
  display: flex;
  justify-content: center;
  align-items: center
}

@media (min-width:920px) {
  .box.kostenlos-testen.sidebar {
    min-height: auto;
    border: none
  }
}

.box.foerdermoeglichkeiten {
  padding: 0
}

.box.foerdermoeglichkeiten h3 {
  color: #173b60;
  border-bottom: 3px solid #173b60
}

.box.foerdermoeglichkeiten.cta {
  position: relative;
  border-top-left-radius: 1em;
  border-bottom-left-radius: .25em;
  border-bottom-right-radius: 2em;
  padding: 0;
  width: 100%
}

.box.foerdermoeglichkeiten.cta.gray {
  background-color: rgba(189, 195, 199, .2)
}

.box.foerdermoeglichkeiten.cta a {
  justify-content: start;
  align-items: start
}

@media (min-width:768px) {
  .box.foerdermoeglichkeiten.cta a {
    min-height: auto
  }
}

.box.foerdermoeglichkeiten.cta .content {
  min-width: 70%;
  padding-bottom: 3em
}

@media (min-width:1280px) {
  .box.foerdermoeglichkeiten.cta .content {
    min-height: auto;
    padding-bottom: 0
  }
}

.box.foerdermoeglichkeiten.cta h3 {
  border-bottom: 0;
  color: hsl(33, 100%, 50%)
}

.box.foerdermoeglichkeiten.cta img {
  position: absolute;
  right: 0;
  bottom: 3em;
  width: 22%
}

.box.foerdermoeglichkeiten.cta ul {
  list-style: none;
  margin: 0
}

.box.foerdermoeglichkeiten.cta ul li {
  padding: 0 0 0 1.33em;
  display: block;
  position: relative;
  color: hsla(0, 0%, 0%, .85);
  font-size: .9em
}

@media (min-width:768px) {
  .box.foerdermoeglichkeiten.cta ul li {
    font-size: 1em
  }
}

.box.foerdermoeglichkeiten.cta ul li:before {
  color: hsl(33, 100%, 50%);
  position: absolute;
  left: 0;
  width: 1em;
  height: 1em;
  line-height: 1em;
  display: block;
  text-align: center;
  content: "\f111";
  font-family: "fontawesome";
  font-size: 1em;
  top: .33em
}

.box.foerdermoeglichkeiten.cta .button {
  position: absolute;
  bottom: -.5em;
  right: -.5em
}

.box .infosanfordern {
  display: flex;
  flex-flow: row nowrap
}

.box .infosanfordern img {
  position: relative;
  top: -1em;
  right: -1em;
  max-height: 10em
}

.formStudyGuideInline form button {
  right: 0
}

.box.infosanfordernfull {
  font-size: .9em
}

.box.infosanfordernfull .boxinner {
  flex-flow: row wrap
}

.box.infosanfordernfull .boxinner .zi1 {
  display: flex;
  flex-flow: row wrap
}

.box.infosanfordernfull .boxinner .intro {
  flex-basis: 64%;
  width: 64%;
  height: max-content;
  display: flex;
  flex-flow: row wrap
}

@media (min-width:1280px) {
  .box.infosanfordernfull .boxinner .intro {
    flex-basis: 60%;
    width: 60%
  }
}

.box.infosanfordernfull .boxinner .intro h1 {
  width: 100%
}

.box.infosanfordernfull .boxinner .intro p {
  width: 100%;
  font-size: 1.1em
}

.box.infosanfordernfull .boxinner .visual {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  flex-basis: 30%
}

@media (min-width:768px) {
  .box.infosanfordernfull .boxinner .visual {
    overflow: visible
  }
}

@media (min-width:768px) {
  .box.infosanfordernfull .boxinner .visual img {
    position: absolute;
    top: 0;
    right: 0;
    max-width: fit-content;
    width: 33%;
    flex-basis: 33%
  }
}

.box.infosanfordernfull .boxinner form {
  padding-bottom: 4em;
  font-size: 1em;
  margin-bottom: 3em;
  width: 100%;
  position: initial
}

@media (min-width:400px) {
  .box.infosanfordernfull .boxinner form {
    position: relative
  }
}

@media (min-width:768px) {
  .box.infosanfordernfull .boxinner form {
    width: 65%;
    position: initial
  }
}

.box.infosanfordernfull .boxinner form .infos-inline {
  width: 65%
}

@media (min-width:768px) {
  .box.infosanfordernfull .boxinner form .infos-inline {
    width: 100%
  }
}

.box.infosanfordernfull .boxinner .email {
  display: none
}

.box.infosanfordernfull .boxinner .mobile400db {
  display: initial
}

@media (min-width:768px) {
  .box.infosanfordernfull .boxinner .mobile400db {
    display: none
  }
}

.box.infosanfordernfull .boxinner .mobile400dn {
  display: none
}

@media (min-width:768px) {
  .box.infosanfordernfull .boxinner .mobile400dn {
    display: initial
  }
}

.box.infosanfordernfull .boxinner .mobile590dn {
  display: none
}

@media (min-width:400px) {
  .box.infosanfordernfull .boxinner .mobile590dn {
    display: initial
  }
}

.inlinecheck.formSUDLogin form {
  font-size: .9rem
}

.inlinecheck.formSUDLogin form img.best-price {
  margin-right: 0;
  width: 23%
}

.box.oam {
  border: .2em solid hsl(215, 85%, 39%);
  display: flex;
  position: relative;
  border-top-left-radius: 1em;
  border-bottom-left-radius: .25em;
  border-bottom-right-radius: 2em;
  padding: 2em 1em !important;
  min-height: clamp(9em, 2vw, 12em);
  margin: 0;
  height: 100%;
  cursor: pointer
}

@media (min-width:768px) {
  .box.oam {
    background: url(../../../images/teaser/oam-laptop_1.5x.png) no-repeat;
    background-color: rgba(189, 195, 199, .2);
    background-size: auto 82.5%;
    background-position: 98% center;
    padding: 1em !important
  }
}

.box.oam a {
  align-items: start;
  height: 100%;
  padding-bottom: 1em;
  width: 100%;
  justify-content: start
}

@media (min-width:768px) {
  .box.oam a {
    padding-bottom: 0
  }
}

.box.oam h3 {
  color: hsl(215, 85%, 39%);
  font-size: 1.3rem;
  margin-bottom: 0
}

.box.oam img {
  display: block;
  position: absolute;
  right: -.5em;
  top: -1.8em;
  width: 6.2em !important;
  min-width: 5em !important
}

@media (min-width:768px) {
  .box.oam img {
    display: none
  }
}

.box.oam .content {
  justify-content: start !important;
  max-width: 70% !important;
  padding-bottom: 2em
}

@media (min-width:768px) {
  .box.oam .content {
    max-width: 285px;
    padding-bottom: 3em
  }
}

.box.oam .button {
  position: absolute;
  bottom: -2em;
  left: -1em;
  right: auto;
  top: auto;
  margin: 0;
  padding: .5em 1em .5em 2em
}

@media (min-width:768px) {
  .box.oam .button {
    bottom: -1em
  }
}

.box.oam:hover .button {
  background-color: hsl(33, 100%, 50%);
  border-color: hsl(33, 100%, 50%);
  color: hsl(255, 100%, 100%)
}

aside .box.oam {
  border: none;
  background-color: #eff2f4;
  border-radius: 0
}

aside .box.oam .content h3 {
  color: hsl(33, 100%, 50%);
  font-size: 1.5em;
  font-weight: 500
}

aside .box.oam .content .button {
  bottom: 0;
  left: 0;
  border-top-left-radius: .33em;
  border-bottom-left-radius: .133em;
  border-bottom-right-radius: .66em
}

.box.servicepreis {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 1em
}

.box.servicepreis picture {
  width: 100%;
  max-width: 135px
}

.box.oiv {
  border-top-left-radius: 1em;
  border-bottom-left-radius: .25em;
  border-bottom-right-radius: 2em;
  width: 100%;
  background-color: rgba(189, 195, 199, .2);
  padding: 0 0 0 1em
}

.box.oiv a {
  justify-content: start;
  align-items: start
}

@media (min-width:768px) {
  .box.oiv a {
    min-height: auto
  }
}

.box.oiv .content {
  min-width: auto !important;
  min-height: 11em;
  line-height: 1.1em;
  padding-top: 1em;
  max-width: 58% !important
}

@media (min-width:768px) {
  .box.oiv .content {
    max-width: 51% !important
  }
}

@media (min-width:1280px) {
  .box.oiv .content {
    min-height: auto;
    max-width: 62% !important
  }
}

.box.oiv .content p {
  font-size: clamp(0.8em, 4vw, 1em);
  padding-bottom: 1em !important
}

.box.oiv .button {
  position: absolute;
  bottom: .5em;
  right: .5em;
  width: fit-content;
  background: hsl(255, 100%, 100%);
  color: hsl(33, 100%, 50%)
}

.box.oiv .text {
  display: flex;
  flex-flow: column;
  justify-content: center
}

.box.oiv .cal {
  width: 6em;
  top: .3em;
  max-width: 120px;
  text-align: center;
  display: block;
  position: absolute;
  padding: 0;
  right: 1em;
  color: hsla(0, 0%, 0%, .85)
}

@media (min-width:768px) {
  .box.oiv .cal {
    width: 12em;
    top: 0
  }
}

.box.oiv .cal .calholder {
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: block;
  box-shadow: 0 2px 27px 0 rgba(0, 0, 0, .33)
}

.box.oiv .cal .calholder .calender {
  width: 100%;
  position: relative;
  background: rgb(255, 255, 255);
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center
}

.box.oiv .cal .calholder .calender span.month {
  height: 2.2em;
  width: 100%;
  color: rgb(255, 255, 255);
  background-color: rgb(255, 140, 0);
  padding: 0 .5em;
  font-size: clamp(0.8em, 4vw, 0.9em);
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center
}

.box.oiv .cal .calholder .calender span.day {
  width: 100%;
  font-size: clamp(3.1em, 4vw, 4em);
  padding: 0 0 .2em 0;
  margin-top: .4em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  min-height: .5em
}

.box.oiv .cal .calholder .calender span.dayname {
  display: block;
  width: 100%;
  font-size: .8em;
  line-height: 1.1em;
  padding: .5em 0
}

aside .box.oiv {
  border-radius: 0;
  border: none;
  background-color: rgba(0, 40, 80, .5)
}

aside .box.oiv h3 {
  color: hsl(255, 100%, 100%)
}

aside .box.oiv a .content {
  padding-bottom: 3.2em
}

aside .box.oiv a .content p {
  color: hsl(255, 100%, 100%)
}

aside .box.oiv .button {
  left: 0;
  right: auto;
  border-radius: 0;
  border-top-left-radius: .33em;
  border-bottom-left-radius: .133em;
  border-bottom-right-radius: .66em
}

.indizien,
.signets {
  display: block;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  width: 100%
}

.indizien {
  margin: 3em auto 3em auto !important
}

.indizien .detail {
  max-width: calc(33.333% - 2em) !important;
  width: 20%;
  min-width: 20em;
  display: flex;
  justify-content: center;
  align-items: center
}

.indizien .signets {
  width: 100%;
  padding-top: 33.333%
}

.indizien .signets .signet {
  width: 25%;
  display: block;
  position: absolute;
  top: 50%;
  height: auto;
  -webkit-transition: all 0.66s ease-in;
  -moz-transition: all 0.66s ease-in;
  -o-transition: all 0.66s ease-in;
  -ms-transition: all 0.66s ease-in;
  transition: all 0.66s ease-in;
  transform-origin: 0 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0
}

.indizien .signets .signet img {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  display: block;
  float: left
}

.indizien .content {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .2) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .2) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .2) 50%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#00ffffff", GradientType=1);
  border-top: 1px solid rgba(0, 0, 0, .15);
  border-bottom: 1px solid rgba(0, 0, 0, .15)
}

@media (min-width:920px) {
  .pagemiddle .box.indizien {
    max-width: calc(33.333% - 1em) !important;
    margin: 1em auto 1em auto !important;
    border: 0 solid rgba(255, 255, 255, 0) !important;
    width: 20%;
    min-width: 20em
  }
}

.left .indizien .content {
  padding: 0
}

.left .indizien .signets {
  max-width: 600px;
  position: relative;
  margin: 0 auto
}

.left .indizien .signets .signet .inner {
  float: left;
  width: 100%
}

.signets.state1 .signet4,
.signets.state2 .signet5,
.signets.state3 .signet6,
.signets.state4 .signet1,
.signets.state5 .signet2,
.signets.state6 .signet3 {
  z-index: -1 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  width: 0 !important
}

.signets.state1 .signet5,
.signets.state2 .signet6,
.signets.state3 .signet1,
.signets.state4 .signet2,
.signets.state5 .signet3,
.signets.state6 .signet4 {
  left: 10.5%;
  width: 16.666%;
  -moz-opacity: .8;
  -o-opacity: .8;
  -webkit-opacity: .8;
  -ms-opacity: .8;
  opacity: .8
}

.signets.state1 .signet6,
.signets.state2 .signet1,
.signets.state3 .signet2,
.signets.state4 .signet3,
.signets.state5 .signet4,
.signets.state6 .signet5 {
  left: 27%;
  z-index: 1;
  -moz-opacity: .95;
  -o-opacity: .9;
  -webkit-opacity: .95;
  -ms-opacity: .95;
  opacity: .95
}

.signets.state1 .signet2,
.signets.state2 .signet3,
.signets.state3 .signet4,
.signets.state4 .signet5,
.signets.state5 .signet6,
.signets.state6 .signet1 {
  left: 73%;
  z-index: 1;
  -moz-opacity: .95;
  -o-opacity: .95;
  -webkit-opacity: .95;
  -ms-opacity: .95;
  opacity: .95
}

.signets.state1 .signet3,
.signets.state2 .signet4,
.signets.state3 .signet5,
.signets.state4 .signet6,
.signets.state5 .signet1,
.signets.state6 .signet2 {
  left: 89.5%;
  width: 16.666%;
  -moz-opacity: .8;
  -o-opacity: .8;
  -webkit-opacity: .8;
  -ms-opacity: .8;
  opacity: .8
}

.signets.state1 .signet1,
.signets.state2 .signet2,
.signets.state3 .signet3,
.signets.state4 .signet4,
.signets.state5 .signet5,
.signets.state6 .signet6,
.signets.state1 .signet4,
.signets.state2 .signet5,
.signets.state3 .signet6,
.signets.state4 .signet1,
.signets.state5 .signet2,
.signets.state6 .signet3 {
  z-index: 2;
  left: 50%;
  -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .33);
  -moz-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .33);
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, .33);
  width: 35%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  transform-origin: 0 0
}

.box.bestes-fernlehrinstitut {
  border: 1px solid rgba(0, 0, 0, .05);
  padding: 1em 0;
  margin: 1em 0 .5em 0
}

@media (min-width:920px) {
  .box.bestes-fernlehrinstitut {
    border: none;
    padding: 0;
    margin: 0
  }
}

.box.bestes-fernlehrinstitut .content h3 {
  border-bottom: 0 solid transparent !important;
  padding-bottom: 0 !important
}

.box.bestes-fernlehrinstitut picture {
  width: 50%;
  max-width: 100px
}

.box.bestes-fernlehrinstitut picture img {
  width: 100%;
  height: auto
}

.topbewertungen .box.bestes-fernlehrinstitut picture {
  width: 100%;
  max-width: 100px
}

.topbewertungen .box.bestes-fernlehrinstitut picture img {
  width: 100%;
  height: auto
}

.videotable {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between
}

@media (min-width:768px) {
  .videotable {
    flex-flow: row nowrap
  }
}

.videotable.playit {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%
}

.videotable .videocol {
  flex-basis: 50%;
  z-index: 0;
  margin-bottom: 1em;
  margin-right: 0
}

@media (min-width:768px) {
  .videotable .videocol {
    margin-right: 1em;
    margin-bottom: 0
  }
}

.videotable .videoinfocol {
  flex-basis: 50%;
  margin-left: 1em
}

#lehrgangsvideo.openclose a.trigger::before {
  display: block
}

@media (min-width:920px) {
  #lehrgangsvideo.openclose a.trigger::before {
    display: none
  }
}

.videotable .videoholder.playit,
.box.videoholder.playit {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  width: calc(100% + 1em)
}

.videoholder,
.videocontainer {
  width: 100%
}

.videoholder .videoouter,
.videocontainer .videoouter {
  position: relative;
  display: flex;
  flex-flow: column;
  height: 100%
}

.videoholder .videobox,
.videocontainer .videobox {
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  aspect-ratio: 16/9
}

.videoholder .videobox.playit iframe,
.videocontainer .videobox.playit iframe {
  z-index: 9;
  display: block
}

.videoholder .videobox a,
.videocontainer .videobox a {
  color: #000
}

.videoholder .videobox .play,
.videocontainer .videobox .play {
  font-size: 4em;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: visible;
  display: inline-block;
  background: rgba(255, 255, 255, .95);
  text-align: center;
  color: rgba(160, 0, 0, .95)
}

.videoholder .videobox .play::before,
.videocontainer .videobox .play::before {
  content: "\f16a";
  font-family: "fontawesome";
  display: block;
  font-size: 1.1em
}

.videoholder .videobox iframe,
.videocontainer .videobox iframe {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0;
  outline: none;
  border-collapse: collapse;
  margin: 0;
  background: rgba(255, 255, 255, 0);
  display: none
}

.videoholder .videomore,
.videocontainer .videomore {
  text-align: left;
  padding-top: .5em;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: start
}

.videoholder .videomore h3,
.videocontainer .videomore h3 {
  font-size: 1.2em;
  padding: 0;
  color: hsl(33, 100%, 50%)
}

.videoholder .datenschutzmsg.off .msg,
.videocontainer .datenschutzmsg.off .msg {
  display: none !important
}

.videoholder .yt-datenschutz,
.videocontainer .yt-datenschutz {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: .9em
}

.videoholder .yt-datenschutz .msg,
.videocontainer .yt-datenschutz .msg {
  display: none;
  color: #fff;
  position: absolute;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2em;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 1em;
  z-index: 9
}

.videoholder .videobar,
.videocontainer .videobar {
  min-height: 1.75em;
  position: relative;
  width: 100%;
  padding: .25em .5em;
  background-color: rgba(0, 0, 0, .1);
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: start
}

.videoholder .videobar .count,
.videocontainer .videobar .count {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: .66em;
  font-size: .75em;
  line-height: 1em;
  white-space: nowrap;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.videoholder .videobar .count:before,
.videocontainer .videobar .count:before {
  font-family: "fontawesome";
  content: "\f008";
  padding-right: .2em
}

.videoholder .videobar .zoomit,
.videocontainer .videobar .zoomit {
  color: #000;
  position: absolute;
  transform: scaleX(-1);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  right: .5em;
  top: 0;
  bottom: 0
}

.videoholder .videobar .zoomit:before,
.videocontainer .videobar .zoomit:before {
  font-family: "fontawesome";
  content: "\f065"
}

.videoholder:hover .yt-datenschutz,
.videocontainer:hover .yt-datenschutz {
  background-color: rgba(0, 0, 0, .75)
}

.videoholder:hover .yt-datenschutz .msg,
.videocontainer:hover .yt-datenschutz .msg {
  display: block
}

aside.right .videocontainer .videobar .zoomit {
  display: none
}

@media (min-width:400px) {
  aside.right .videocontainer .videobar .zoomit {
    display: flex;
    transform: scaleX(1);
    right: 1em
  }
}

#iframe .videocontainer iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%
}

@media (min-width:920px) {
  #lehrgangsvideo h2 {
    color: rgb(255, 140, 0);
    font-size: 1.5em
  }
}

.mediacontainer {
  z-index: 99
}

.mediacontainer .videoouter {
  position: relative
}

.mediacontainer .videoouter .videotable {
  width: 100%
}

.mediacontainer .videoouter .videotable .videorow {
  display: none;
  width: 100%;
  background: rgba(0, 0, 0, .033)
}

.mediacontainer .videoouter .videotable .videorow.akt {
  display: flex;
  align-items: center;
  flex-flow: column
}

@media (min-width:400px) {
  .mediacontainer .videoouter .videotable .videorow.akt {
    flex-flow: row
  }
}

.mediacontainer .videoouter .videotable .videocol {
  width: 100%;
  flex-basis: 100%
}

@media (min-width:400px) {
  .mediacontainer .videoouter .videotable .videocol {
    width: clamp(250px, 50%, 320px);
    flex-basis: clamp(250px, 50%, 320px)
  }
}

.mediacontainer .videoouter .videotable .videoinfocol {
  width: 100%;
  flex-basis: 100%;
  padding: 1em
}

@media (min-width:400px) {
  .mediacontainer .videoouter .videotable .videoinfocol {
    width: clamp(250px, 50%, 320px);
    flex-basis: clamp(250px, 50%, 320px)
  }
}

.mediacontainer .videoouter .videotable.playit,
.mediacontainer .videoouter .videotable.playit .videocol,
.mediacontainer .videoouter .videotable.playit .videoinfocol {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%
}

.mediacontainer .videoouter .videotable.bigvideo.playit .videoinfocol {
  display: none
}

.videobullets {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  position: relative;
  top: 0;
  font-size: 1em;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.videobullets ol {
  height: 1.5em;
  white-space: nowrap;
  width: auto;
  margin: 0 auto;
  position: relative;
  top: 0;
  font-size: 1em;
  list-style-type: none;
  padding-top: .5em;
  counter-reset: section
}

.videobullets ol li {
  padding: 0 0 0 1.33em !important;
  margin: 0 .25em 0 0 !important;
  height: 1.5em;
  float: left;
  counter-increment: section;
  position: relative
}

.videobullets ol li::marker {
  display: none
}

.videobullets ol li:before {
  display: block !important;
  font-family: Arial, Helvetica, sans-serif;
  content: counter(section);
  font-size: .85em;
  font-weight: 200;
  padding: .1em;
  border-radius: 100px;
  left: 0;
  position: absolute;
  top: .125em;
  width: 1.33em;
  height: 1.33em;
  line-height: 1.33em;
  text-align: center;
  color: #fff;
  overflow: hidden;
  background-color: rgb(20, 98, 203)
}

.videobullets ol li.akt::before {
  background-color: rgb(255, 140, 0)
}

.countbullet {
  -o-border-radius: 10em;
  -moz-border-radius: 10em;
  -ms-border-radius: 10em;
  -webkit-border-radius: 10em;
  border-radius: 10em;
  display: inline-block;
  background-color: rgba(205, 0, 0, .95);
  margin-left: .2em;
  font-size: 0.75em !important;
  line-height: 1.2em;
  height: 1.2em;
  overflow: hidden;
  min-width: 1.2em;
  padding: 0 .2em;
  text-align: center;
  color: #fff !important;
  position: relative;
  top: -0.05em !important
}

.formSUDLogin {
  padding: 0 .5em
}

@media (min-width:920px) {
  .formSUDLogin {
    padding: 0
  }
}

.formSUDLogin .sudtable {
  flex-flow: column
}

@media (min-width:920px) {
  .formSUDLogin .sudtable {
    flex-flow: row nowrap
  }
}

.formSUDLogin .sudtable .infotd {
  padding: 0;
  margin: 0;
  border-right: 0;
  margin-bottom: 1em
}

@media (min-width:920px) {
  .formSUDLogin .sudtable .infotd {
    padding-right: 1em;
    margin-right: 1em;
    border-right: 1px dotted rgba(0, 0, 0, .2);
    margin-bottom: 0
  }
}

.inlinecheck.formSUDLogin .openclose.open a.trigger {
  background-color: hsl(112, 94%, 30%)
}

.inlinecheck.formSUDLogin .openclose.open a.trigger:before {
  display: none
}

.inlinecheck.formSUDLogin .openclose.open a.trigger h3 {
  font-size: 1.6em;
  color: hsl(255, 100%, 100%);
  background-color: hsl(112, 94%, 30%)
}

.inlinecheck.formSUDLogin .sudtable {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: start
}

@media (min-width:768px) {
  .inlinecheck.formSUDLogin .sudtable {
    flex-flow: row nowrap
  }
}

.inlinecheck.formSUDLogin .sudtable .infotd {
  width: 100%
}

@media (min-width:768px) {
  .inlinecheck.formSUDLogin .sudtable .infotd {
    width: 45%
  }
}

.inlinecheck.formSUDLogin .sudtable .infotd li {
  padding-left: 1.5em;
  position: relative
}

.inlinecheck.formSUDLogin .sudtable .infotd li:before {
  position: absolute;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: hsl(112, 94%, 30%);
  content: "\f00c"
}

.inlinecheck.formSUDLogin .sudtable .formtd {
  width: 100%
}

@media (min-width:768px) {
  .inlinecheck.formSUDLogin .sudtable .formtd {
    width: 50%
  }
}

.inlinecheck.formSUDLogin .sudtable .formtd .miniselection.landwidth {
  top: .2em;
  height: 2em
}

.inlinecheck.formSUDLogin .sudtable .flexfull {
  width: 100%
}

.inlinecheck.formSUDLogin a {
  color: hsl(112, 94%, 30%)
}

.inlinecheck.formSUDLogin a.button {
  color: hsl(255, 100%, 100%)
}

.bouncerbutton {
  display: flex;
  flex-flow: row nowrap
}

.bouncerbutton .bouncepfeil {
  position: relative;
  height: 60px;
  color: rgba(255, 255, 255, .66);
  z-index: 0;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: end;
  align-items: center
}

.bouncerbutton .bouncepfeil:hover .bouncepfeil {
  color: rgb(20, 98, 203)
}

.bouncerbutton .bouncepfeil .bouncer {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  height: 60px;
  position: relative;
  right: -.2em
}

.bouncerbutton .bouncepfeil .bouncer .item {
  display: table-cell;
  max-width: 4em;
  vertical-align: center;
  position: relative;
  height: 60px
}

.bouncerbutton .bouncepfeil .bouncer .item img {
  width: 35px;
  height: 100%;
  min-width: 35px;
  display: block;
  margin-left: -1em
}

.boxes.lehrgang-aktivierung {
  padding: 1em 0;
  display: none;
  align-items: stretch
}

@media (min-width:920px) {
  .boxes.lehrgang-aktivierung {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap
  }
}

.boxes.lehrgang-aktivierung a {
  color: hsla(0, 0%, 0%, .85) !important;
  display: block
}

.boxes.lehrgang-aktivierung .studienfuehrer {
  width: 100%;
  height: 100%;
  max-width: 450px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  gap: 1em
}

@media (min-width:920px) {
  .boxes.lehrgang-aktivierung .studienfuehrer {
    width: 60%
  }
}

@media (min-width:768px) {
  .boxes.lehrgang-aktivierung .studienfuehrer {
    flex-flow: row nowrap
  }
}

.boxes.lehrgang-aktivierung .studienfuehrer .button {
  max-width: fit-content;
  float: right
}

.boxes.lehrgang-aktivierung .studienfuehrer .content {
  padding-bottom: 2em;
  flex-flow: column
}

.boxes.lehrgang-aktivierung .online-anmeldung {
  width: 100%;
  max-width: 450px;
  height: 100%
}

@media (min-width:920px) {
  .boxes.lehrgang-aktivierung .online-anmeldung {
    width: 40%
  }
}

.boxes.lehrgang-aktivierung .online-anmeldung .content {
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: stretch
}

.boxes.lehrgang-aktivierung .online-anmeldung .button {
  max-width: fit-content;
  float: right;
  position: absolute;
  bottom: 1em;
  right: 1em
}

.boxes.lehrgang-aktivierung .box {
  align-self: stretch;
  min-height: 16em !important
}

@media (min-width:1080px) {
  .boxes.lehrgang-aktivierung .box {
    min-height: 14em
  }
}

.topbewertungen .stars svg.faicons {
  width: 1.2rem;
  height: 1.2rem
}

.pageinner.topbewertungen {
  padding: 0 1em;
  margin-top: 2em
}

@media (min-width:1280px) {
  .pageinner.topbewertungen {
    padding: 0
  }
}

@media (min-width:768px) {
  .pageinner.topbewertungen {
    margin-bottom: 2em
  }
}

@media (min-width:1280px) {
  .pageinner.topbewertungen {
    max-width: 100%;
    margin-bottom: 1em;
    margin-top: 1em
  }
}

.pageinner.topbewertungen>.flexrow {
  flex-flow: column !important;
  align-items: center
}

@media (min-width:768px) {
  .pageinner.topbewertungen>.flexrow {
    flex-flow: row nowrap !important;
    max-width: 100%
  }
}

.pageinner.topbewertungen>h3 {
  margin-bottom: 0.66em !important;
  display: block;
  color: rgba(10, 40, 80, .75) !important;
  border-bottom: .033em solid rgba(10, 40, 80, .33);
  padding: .25em .66em .25em .66em;
  font-size: 1.6em;
  font-weight: 400;
  text-align: left
}

@media (min-width:768px) {
  .pageinner.topbewertungen>.boxes {
    padding-right: 0;
    padding-left: 0
  }
}

.pageinner.topbewertungen .box {
  margin-bottom: 0;
  max-width: 100%;
  text-align: center
}

.pageinner.topbewertungen .box.ekomi {
  margin-bottom: 1rem
}

@media (min-width:920px) {
  .pageinner.topbewertungen .box.ekomi {
    margin-bottom: 0
  }
}

.pageinner.topbewertungen .box.fernstudium-direkt-siegel picture img {
  height: 100%;
  width: auto;
  max-width: 130px
}

.pageinner.topbewertungen .box.bestes-fernlehrinstitut {
  border: none;
  margin: 0;
  margin-bottom: 1rem
}

@media (min-width:920px) {
  .pageinner.topbewertungen .box.bestes-fernlehrinstitut {
    margin-bottom: 0
  }
}

.pageinner.topbewertungen .box.bestes-fernlehrinstitut picture img {
  height: 100%;
  width: auto;
  max-width: 120px
}

.pageinner.topbewertungen .box.deutscher-champion picture {
  max-width: 100% !important
}

.pageinner.topbewertungen .box.deutscher-champion picture img {
  max-width: 7em
}

.pageinner.topbewertungen .box .boxes {
  flex-flow: row wrap;
  margin-bottom: 1em;
  gap: 1rem;
  max-width: 450px
}

@media (min-width:768px) {
  .pageinner.topbewertungen .box .boxes {
    margin-bottom: 0
  }
}

@media (min-width:920px) {
  .pageinner.topbewertungen .box .boxes {
    flex-flow: row nowrap;
    max-width: 100%
  }
}

.pageinner.topbewertungen .box .boxes>.box {
  padding: 0;
  max-width: 45%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center
}

@media (min-width:400px) {
  .pageinner.topbewertungen .box .boxes>.box {
    max-width: 45%
  }
}

.pageinner.topbewertungen .box.vam.gray {
  padding: 1em;
  border-radius: 0 !important;
  margin-bottom: 1em
}

@media (min-width:920px) {
  .pageinner.topbewertungen .box.vam.gray {
    margin-bottom: 0;
    padding: 4em 0 !important
  }
}

.pageinner.topbewertungen .flexrow {
  align-items: start;
  justify-content: space-between;
  flex-flow: row nowrap;
  width: 100%
}

.pageinner.topbewertungen .flexrow .tap {
  width: 100%
}

@media (min-width:768px) {
  .pageinner.topbewertungen .flexrow .tap {
    width: 49%
  }
}

.pageinner.topbewertungen .flexrow .tap .boxinner {
  text-align: left;
  font-size: 1em
}

.pageinner.topbewertungen .flexrow .top-siegel {
  width: 100%
}

@media (min-width:768px) {
  .pageinner.topbewertungen .flexrow .top-siegel {
    width: 47%
  }
}

.pageinner.topbewertungen .flexrow .top-siegel .vam {
  font-size: .9em;
  line-height: 1em
}

.pageinner.topbewertungen .flexrow .vam {
  text-align: center;
  margin-right: 1em
}

.pageinner.topbewertungen .flexrow .vam img {
  max-height: 11em
}

.pageinner.topbewertungen .flexrow .vam.ekomi img {
  width: 50%
}

.pageinner.topbewertungen .boxes .box {
  width: 100%;
  min-width: auto
}

.left .pageinner.topbewertungen .box.vam.gray {
  padding: 1em !important
}

.left .pageinner.topbewertungen .listholder .linklist.reviewlist {
  display: none
}

.left .pageinner.topbewertungen .reviewtrigger {
  display: none
}

.box.absolventen-feedback {
  background-color: rgba(211, 217, 229, .5);
  padding: 1em;
  width: 100% !important;
  font-weight: 400
}

.box.absolventen-feedback h3 {
  font-size: 1.5em;
  padding: 0
}

.box.absolventen-feedback .stars {
  padding-top: .5em;
  display: flex;
  justify-content: start;
  align-items: center
}

.box.absolventen-feedback .stars .stars {
  padding-top: 0;
  padding-left: .5em
}

.box.absolventen-feedback .stars .wsn {
  font-size: .9em
}

.box.ekomi {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center
}

.box.ekomi img {
  max-width: 3.5em
}

.box.ekomi .content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center
}

.box.ekomi .content span {
  font-size: .8em;
  line-height: 1em
}

.box.ekomi .content span.bewertung {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center
}

.box.ekomi .content span dfn {
  font-size: .8em
}

.box.ekomi .content span dfn span {
  font-size: 1em
}

.box.deutscher-champion picture img {
  width: 100%;
  max-width: 5em
}

.box.studienberatung {
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(32, 61, 69) 0%, rgb(52, 94, 119) 100%);
  position: relative;
  display: block;
  border-radius: 0;
  width: 100%;
  margin-top: 1em
}

.box.studienberatung a {
  color: hsl(255, 100%, 100%);
  justify-content: end
}

.box.studienberatung h3 {
  color: hsl(255, 100%, 100%);
  font-size: 1.3em !important;
  font-weight: 500 !important;
  padding: 0 !important;
  margin: 0 !important
}

@media (min-width:920px) {
  .box.studienberatung h3 {
    font-size: 1.33em !important
  }
}

.box.studienberatung strong {
  display: block;
  white-space: nowrap;
  font-size: clamp(1.8em, 2vw, 2.5em);
  font-weight: 500;
  position: relative;
  z-index: 2;
  line-height: 1em;
  width: 100%;
  letter-spacing: -.04em;
  word-spacing: 0;
  margin: 0;
  padding: .1em 0
}

@media (min-width:920px) {
  .box.studienberatung strong {
    margin: .5rem 0 0 0
  }
}

.box.studienberatung dfn {
  font-size: .8em;
  display: block;
  line-height: 1em;
  padding: 0
}

.box.studienberatung picture {
  display: flex
}

.box.studienberatung picture img {
  position: relative;
  width: auto !important;
  max-width: 100%;
  height: auto
}

@media (min-width:920px) {
  .box.studienberatung picture img {
    height: clamp(108px, 12vw, 160px) !important;
    max-width: fit-content !important
  }
}

.box.studienberatung picture img.mobile {
  display: none
}

@media (min-width:920px) {
  .box.studienberatung picture img.mobile {
    display: block
  }
}

.box.studienberatung picture img.desktop {
  display: block
}

@media (min-width:920px) {
  .box.studienberatung picture img.desktop {
    display: none
  }
}

.box.studienberatung .content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 1rem 0 1rem 1rem;
  width: 80%;
  justify-content: center !important;
  z-index: 9;
  min-width: 100% !important;
  max-width: 100% !important
}

@media (min-width:920px) {
  .box.studienberatung .content {
    min-width: 66% !important;
    max-width: 66% !important
  }
}

.full.studienberatung .tel {
  font-size: 2.4em
}

.full.studienberatung .tac {
  display: flex;
  justify-content: center;
  align-items: center
}

.full.studienberatung a.button.tel.orange {
  font-size: 1.2em !important;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: fit-content
}

.full.studienberatung a.button.tel.orange:before {
  content: "\f095"
}

#studiengebuehren {
  width: 100%
}

.box.kundenref {
  width: 100%;
  overflow: hidden;
  min-height: 20rem
}

.box.kundenref.teilnehmerref {
  min-height: 25rem
}

.box.kundenref .slider {
  padding-top: 66%;
  position: relative;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  min-height: 20rem
}

.box.kundenref .slider .slide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  aspect-ratio: 16/7;
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 20px 15px;
  z-index: 0;
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -ms-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  transform-origin: 0 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  opacity: 0;
  background-color: #fff;
  cursor: pointer !important;
  color: #222;
  width: 100%;
  -webkit-transform: scale(-1, 1) translate(-50%, -50%);
  -moz-transform: scale(-1, 1) translate(-50%, -50%);
  -o-transform: scale(-1, 1) translate(-50%, -50%);
  -ms-transform: scale(-1, 1) translate(-50%, -50%);
  transform: scale(-1, 1) translate(-50%, -50%)
}

.box.kundenref .slider .slide.on {
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -ms-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  transform-origin: 0 0;
  -moz-opacity: 1;
  -o-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1, 1) translate(-50%, -50%);
  -moz-transform: scale(1, 1) translate(-50%, -50%);
  -o-transform: scale(1, 1) translate(-50%, -50%);
  -ms-transform: scale(1, 1) translate(-50%, -50%);
  transform: scale(1, 1) translate(-50%, -50%)
}

.box.kundenref .slider .slide p,
.box.kundenref .slider .slide img {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  line-height: 1.4em;
  max-width: 100%
}

.box.kundenref .slider .slide p {
  padding: 1em .75em
}

.box.kundenref .slider .slide h3 {
  background: #fff;
  padding: 5px;
  width: auto;
  font-size: 1.35em
}

.box.kundenref .slider .slide .slidertext {
  position: absolute;
  float: left;
  width: calc(100% - 20px);
  left: 10px;
  border: 1px solid #eb861f;
  padding-bottom: 5px
}

.box.kundenref .slider .slide dfn {
  font-size: .75em;
  position: relative;
  padding: 10px;
  font-weight: 300 !important;
  color: #555
}

.box.kundenref .slider .slide .slideinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%
}

.box.kundenref .slider .slide .teilnehmerinfo {
  border-top: 1px solid rgba(0, 0, 0, .1);
  padding: .25em 0 0 0;
  width: 100%;
  text-align: center
}

.box.kundenref span.ctrl {
  font-size: 1.5em;
  background: hsl(215, 85%, 39%);
  text-align: center;
  color: hsl(255, 100%, 100%);
  position: absolute;
  top: 50%;
  line-height: 1.33em;
  height: 1.33em;
  width: 1.6em;
  text-align: center;
  display: block;
  z-index: 3;
  -moz-border-radius: 100px;
  -o-border-radius: 100px;
  -ms-border-radius: 100px;
  -webkit-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  cursor: pointer;
  transition: 0.1s all ease-in
}

.box.kundenref span.ctrl svg {
  fill: hsl(255, 100%, 100%)
}

.box.kundenref span.ctrl.prev {
  left: -.7em;
  text-align: right;
  padding-right: .25em
}

.box.kundenref span.ctrl.prev svg {
  transform: rotate(-90deg)
}

.box.kundenref span.ctrl.prev:hover {
  left: -.5em
}

.box.kundenref span.ctrl.next {
  right: -.7em;
  text-align: left;
  padding-left: .25em
}

.box.kundenref span.ctrl.next svg {
  transform: rotate(90deg)
}

.box.kundenref span.ctrl.next:hover {
  right: -.5em
}

.box.kundenref.teilnehmerref h4 {
  color: hsl(33, 100%, 50%);
  font-size: 1.5em;
  font-weight: 500
}

.box.kundenref.teilnehmerref .slider .slide img {
  height: 100%;
  width: auto
}

.box.oaminfo {
  border-radius: 0;
  position: relative;
  padding: 1em;
  font-size: 1em;
  margin-bottom: 2em
}

.box.oaminfo.gray {
  background-color: rgba(10, 40, 80, .05)
}

.box.oaminfo.gray .button.prev {
  right: auto;
  left: 0
}

.box.oaminfo.gray .allprices {
  font-size: .8em;
  line-height: 1em
}

.box.oaminfo.gray .allprices>div {
  padding: 0;
  margin: 0
}

.box.oaminfo .siegelholder {
  width: 100%
}

.box.oaminfo .siegelholder p {
  display: block;
  max-width: 15em
}

@media (min-width:500px) {
  .box.oaminfo .siegelholder p {
    max-width: 100%
  }
}

.box.oaminfo .siegelholder h4 {
  padding-right: 5.5em
}

.box.oaminfo .siegelholder a {
  display: block;
  position: absolute;
  top: 0;
  right: 0
}

.box.oaminfo .siegelholder a img {
  width: 5em;
  height: auto;
  position: relative;
  top: .5em;
  right: .5em
}

form.oam .bigselection {
  width: 100%
}

.box.schulbuero .content span {
  padding-left: 1.5em;
  position: relative
}

.box.schulbuero .content span:before {
  font-family: "fontawesome";
  content: "\f105";
  position: absolute;
  top: .1em;
  left: 0;
  width: 1em;
  height: .1em;
  line-height: 1em;
  display: block
}

.box.schulbuero .content span.tel:before {
  content: "\f095"
}

.box.schulbuero .content span.fax:before {
  content: "\f1ac"
}

.box.schulbuero .content span.mail:before {
  content: "\f003"
}

.box.people {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  overflow: hidden
}

.box.people .content {
  width: 58%
}

.box.people .content h3 {
  font-size: 1.3em
}

@media (min-width:768px) {
  .box.people .content h3 {
    font-size: clamp(1em, 2vw, 1.6em)
  }
}

.box.people .content address {
  font-style: normal;
  font-size: .9em
}

.box.people img {
  position: absolute;
  right: -2em;
  top: 0;
  max-width: 8em
}

@media (min-width:1280px) {
  .box.people img {
    right: 0
  }
}

.box.gray.people {
  flex-flow: row wrap;
  justify-content: space-between;
  font-size: 1.15em
}

.box.gray.people .texttd {
  width: 60%;
  flex-basis: 60%
}

.box.gray.people .vam {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 105%;
  overflow: hidden
}

.box.gray.people .button {
  position: absolute;
  bottom: 0;
  right: 0
}

.azav-box {
  position: relative;
  border: .066em solid rgb(20, 98, 203);
  margin-bottom: 1em;
  line-height: 1.2em;
  border-radius: .5em;
  padding: .2em .5em;
  float: right;
  text-align: right;
  background-color: rgb(20, 98, 203);
  color: #fff;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: end;
  width: 100%;
  border-radius: .5em
}

@media (min-width:768px) {
  .azav-box {
    border: none;
    flex-flow: column;
    background-color: transparent;
    color: rgb(0, 0, 0);
    width: min-content
  }
}

.azav-box .t-holder {
  padding-right: 0;
  padding-left: 4.25em;
  padding-top: .4em;
  padding-bottom: .4em;
  background-size: auto 80%;
  background-position: 0 50%;
  display: block;
  background-repeat: no-repeat;
  text-align: left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='rgb(255,255,255)' d='M147.309 47.71c-12.483-6.973-23.094-10.931-38.282-10.931-29.752 0-55.966 18.095-63.873 44.86H33.295L29.758 95.4h12.484c-.208 1.32-.416 3.958-.416 4.9 0 1.509.208 3.205.416 4.336h-9.363l-3.537 13.76h15.604c7.074 27.52 34.121 45.238 61.584 45.238 13.94 0 25.799-3.393 40.779-11.687v-20.545c-12.691 9.99-26.007 15.644-40.363 15.644-17.892 0-35.16-12.44-40.57-28.65h57.63l5.41-13.76H63.047a24.587 24.587 0 0 1-.416-4.524c0-1.696.208-3.77.416-4.712h69.698l5.201-13.76H67c6.866-17.53 24.55-28.273 42.651-28.273 13.316 0 24.758 4.712 37.658 15.456zM100.253.26c-1.727 0-3.458.044-5.205.134C43.968 3.015 3.015 43.968.393 95.048c-2.945 57.364 43.123 105.21 99.872 105.21 1.727 0 3.458-.043 5.204-.133 51.081-2.622 92.034-43.575 94.656-94.656C203.07 48.105 157.002.26 100.253.26m0 10.912c24.568 0 47.488 9.885 64.538 27.833 17.02 17.916 25.698 41.321 24.436 65.906-1.13 22.003-10.354 42.723-25.974 58.343-15.62 15.62-36.34 24.844-58.343 25.974a91.06 91.06 0 0 1-4.645.12c-24.568 0-47.488-9.885-64.538-27.833-17.02-17.916-25.698-41.322-24.436-65.906 1.13-22.003 10.354-42.723 25.974-58.343 15.62-15.62 36.34-24.845 58.343-25.974a90.98 90.98 0 0 1 4.645-.12'/%3E%3C/svg%3E");
  line-height: 1.3em
}

@media (min-width:400px) {
  .azav-box .t-holder {
    padding-left: 3.25em
  }
}

@media (min-width:768px) {
  .azav-box .t-holder {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M147.309 47.71c-12.483-6.973-23.094-10.931-38.282-10.931-29.752 0-55.966 18.095-63.873 44.86H33.295L29.758 95.4h12.484c-.208 1.32-.416 3.958-.416 4.9 0 1.509.208 3.205.416 4.336h-9.363l-3.537 13.76h15.604c7.074 27.52 34.121 45.238 61.584 45.238 13.94 0 25.799-3.393 40.779-11.687v-20.545c-12.691 9.99-26.007 15.644-40.363 15.644-17.892 0-35.16-12.44-40.57-28.65h57.63l5.41-13.76H63.047a24.587 24.587 0 0 1-.416-4.524c0-1.696.208-3.77.416-4.712h69.698l5.201-13.76H67c6.866-17.53 24.55-28.273 42.651-28.273 13.316 0 24.758 4.712 37.658 15.456zM100.253.26c-1.727 0-3.458.044-5.205.134C43.968 3.015 3.015 43.968.393 95.048c-2.945 57.364 43.123 105.21 99.872 105.21 1.727 0 3.458-.043 5.204-.133 51.081-2.622 92.034-43.575 94.656-94.656C203.07 48.105 157.002.26 100.253.26m0 10.912c24.568 0 47.488 9.885 64.538 27.833 17.02 17.916 25.698 41.321 24.436 65.906-1.13 22.003-10.354 42.723-25.974 58.343-15.62 15.62-36.34 24.844-58.343 25.974a91.06 91.06 0 0 1-4.645.12c-24.568 0-47.488-9.885-64.538-27.833-17.02-17.916-25.698-41.322-24.436-65.906 1.13-22.003 10.354-42.723 25.974-58.343 15.62-15.62 36.34-24.845 58.343-25.974a90.98 90.98 0 0 1 4.645-.12'/%3E%3C/svg%3E");
    background-size: auto 100%;
    padding-right: 3.33em;
    background-size: 2.66em auto;
    background-position: 100% 50%;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1em;
    text-align: right
  }
}

.azav-box .b-holder {
  display: flex;
  flex-flow: row;
  justify-content: end
}

@media (min-width:768px) {
  .azav-box .b-holder {
    width: 100%
  }
}

.azav-box .b-holder a {
  font-size: 2.5em;
  padding: 0
}

@media (min-width:400px) {
  .azav-box .b-holder a {
    font-size: 1em
  }
}

.azav-box .b-holder a span,
.azav-box .b-holder a b {
  display: none
}

@media (min-width:400px) {

  .azav-box .b-holder a span,
  .azav-box .b-holder a b {
    display: inline-block
  }
}

.azav-box .b-holder a.go {
  display: none;
  position: relative;
  padding: .4em .66em;
  line-height: 1em;
  color: #fff;
  border: none;
  font-weight: 400;
  background-color: rgb(20, 98, 203);
  border-radius: .33em;
  white-space: nowrap;
  text-align: center;
  height: fit-content;
  width: fit-content;
  top: 0;
  transform: none;
  margin-top: 0
}

@media (min-width:400px) {
  .azav-box .b-holder a.go {
    display: block
  }
}

@media (min-width:400px) {
  .azav-box .b-holder a.go {
    border: 2px solid #fff
  }
}

@media (min-width:768px) {
  .azav-box .b-holder a.go {
    margin-top: .33em;
    padding: .66em;
    width: fit-content
  }
}

.azav-box .b-holder a.go b {
  display: none;
  font-weight: 400
}

@media (min-width:400px) {
  .azav-box .b-holder a.go b {
    display: inline-block
  }
}

.azav-box .b-holder a.go:after {
  font-family: "fontawesome";
  content: "\f105";
  display: inline-block;
  padding-left: .25em;
  font-weight: 900
}

@media (min-width:768px) {
  .azav-box .b-holder a.go:after {
    display: none
  }
}

.azav-box strong {
  font-size: 1.2em;
  display: inline-block;
  white-space: nowrap
}

@media (min-width:768px) {
  .azav-box strong {
    display: block
  }
}

.azav-box dfn {
  display: inline-block;
  line-height: 1.2em;
  font-size: .9em
}

@media (min-width:768px) {
  .azav-box dfn {
    font-size: 1em;
    display: block;
    line-height: 1.5em;
    white-space: nowrap
  }
}

h2.azav {
  font-size: 2em;
  font-weight: 400;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto
}

#intro {
  display: flex;
  flex-flow: column-reverse
}

@media (min-width:768px) {
  #intro {
    flex-flow: row nowrap
  }
}

#intro>div {
  width: 100%
}

#intro>div h4 {
  font-size: 1em;
  margin-bottom: 1em
}

#intro .azav-box {
  width: 100%
}

#intro .azav-box>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-flow: row
}

@media (min-width:768px) {
  #intro .azav-box>div {
    flex-flow: column;
    align-items: end
  }
}

@media (min-width:768px) {
  #intro .azav-box {
    width: 50%
  }
}

.box.broschuere-flw a {
  position: relative;
  width: 100%;
  justify-content: start
}

.box.broschuere-flw a picture {
  position: absolute;
  right: -1em;
  top: -1em;
  z-index: 0;
  display: flex;
  justify-content: end
}

.box.broschuere-flw a picture img {
  width: 85%
}

.box.broschuere-flw a .content {
  z-index: 1;
  max-width: 70%;
  min-height: 11em;
  justify-content: start
}

.box.broschuere-flw a .content .button {
  position: absolute
}

.box.listjumper {
  position: sticky;
  top: 50px
}

.box.listjumper .jumpto {
  display: none
}

.box.listjumper.stick .jumpto {
  display: block
}

.box.anmeldung-flw>a .content {
  min-height: 9em;
  justify-content: start;
  align-items: start;
  width: 100%;
  max-width: 100%
}

.box.anmeldung-flw>a .content .button {
  position: absolute;
  bottom: 0;
  right: 0
}

.formBenefit {
  margin-top: 1em
}

.formBenefit .box.benefit {
  padding: 20px 40px 10px 40px;
  background: rgba(0, 0, 0, .1);
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  gap: 1em
}

.formBenefit .box.benefit .cb {
  display: none
}

.formBenefit .box.benefit button,
.formBenefit .box.benefit .fieldset {
  width: calc(50% - 0.5em) !important
}

.formBenefit .box.benefit .field input[type=text] {
  height: 2.2rem !important
}

.formBenefit .box.benefit .footer {
  width: 100%;
  text-align: center
}

.box.flinkback.sidebar {
  display: block
}

.box.flinkback.sidebar a {
  flex-flow: row wrap;
  position: relative;
  justify-content: start;
  align-items: center;
  color: hsla(0, 0%, 0%, .85)
}

.box.flinkback.sidebar a:hover {
  color: initial
}

.box.flinkback.sidebar a svg {
  width: 4em;
  height: auto
}

@media (min-width:920px) {
  .box.flinkback.sidebar a svg {
    width: 5em
  }
}

.box.flinkback.sidebar a .content {
  padding-bottom: .5em;
  padding-left: 1em;
  width: calc(100% - 6em);
  max-width: 100%
}

.box.flinkback.sidebar a .content h3 {
  font-size: clamp(1.2em, 2vw, 1.4em)
}

.box.flinkback.sidebar a .footer {
  padding-top: 1em;
  border-top: 1px solid hsla(0, 0%, 0%, .85);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: end;
  flex-flow: column
}

.box.flinkback.sidebar a .footer ul {
  width: 100%
}

.box.flinkback.sidebar a .footer ul li:before {
  color: rgba(0, 40, 80, .5);
  font-size: 1.2em
}

.box.flinkback.sidebar a .footer .button {
  margin-top: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content
}

.box.flinkback.sidebar a .footer .button:hover {
  background-color: hsl(215, 85%, 39%)
}

.box.flinkback.detail {
  padding: 1em;
  display: block;
  max-width: 450px;
  margin: 2em auto;
  border-radius: 0
}

@media (min-width:768px) {
  .box.flinkback.detail {
    border-radius: 1em;
    margin: auto;
    margin-top: 2em;
    max-width: 100%
  }
}

.box.flinkback.detail a {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  justify-content: center;
  align-items: start;
  color: hsla(0, 0%, 0%, .85);
  gap: 1em
}

@media (min-width:768px) {
  .box.flinkback.detail a {
    flex-flow: row wrap
  }
}

.box.flinkback.detail a:hover {
  color: initial
}

.box.flinkback.detail a svg {
  width: 5em;
  max-width: 100%;
  height: auto
}

@media (min-width:768px) {
  .box.flinkback.detail a svg {
    width: 11em;
    padding-right: 1em
  }
}

.box.flinkback.detail a .content {
  height: 100%;
  width: calc(100% - 6em);
  display: flex;
  flex-flow: column;
  border-left: none;
  padding-left: 1em;
  gap: .3em
}

@media (min-width:768px) {
  .box.flinkback.detail a .content {
    width: calc(100% - 12em)
  }
}

@media (min-width:768px) {
  .box.flinkback.detail a .content {
    border-left: 1px solid hsl(0, 0%, 62%);
    padding-left: 2em
  }
}

.box.flinkback.detail a .content h3 {
  padding: 0;
  font-size: clamp(1.2em, 2vw, 1.6em)
}

.box.flinkback.detail a .content h4 {
  padding: 0;
  font-size: clamp(1em, 2vw, 1.3em)
}

.box.flinkback.detail a .content .text {
  padding-top: .5em
}

.box.flinkback.detail a .footer {
  padding-top: 0;
  margin-top: 0;
  border-top: 1px solid hsl(0, 0%, 62%);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: end;
  flex-flow: column
}

@media (min-width:768px) {
  .box.flinkback.detail a .footer {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
    width: 100%
  }
}

.box.flinkback.detail a .footer ul {
  padding: 1em 0 1em 0
}

.box.flinkback.detail a .footer ul li:before {
  color: rgba(0, 40, 80, .5);
  font-size: 1.2em
}

.box.flinkback.detail a .footer .button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  right: 0
}

.box.flinkback.detail a .footer .button:hover {
  background-color: hsl(215, 85%, 39%)
}

.box.flinkback.detail a .footer.content {
  display: none;
  border-left: none;
  padding-left: 0
}

@media (min-width:768px) {
  .box.flinkback.detail a .footer.content {
    display: flex
  }
}

.box.flinkback.detail a .footer.outercontent {
  display: flex
}

@media (min-width:768px) {
  .box.flinkback.detail a .footer.outercontent {
    display: none
  }
}

.insta-box {
  display: table;
  padding: 0 0 0 4em;
  text-align: left;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 512 512'%3E%3CradialGradient id='a' cx='56.35' cy='19.218' r='711.335' gradientTransform='matrix(.9986 -.05234 .04449 .8488 -36.974 443.801)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fed576'/%3E%3Cstop offset='.263' stop-color='%23f47133'/%3E%3Cstop offset='.609' stop-color='%23bc3081'/%3E%3Cstop offset='1' stop-color='%234c63d2'/%3E%3C/radialGradient%3E%3Cpath fill='url(%23a)' d='M96.1 23.2c-16.2 6.3-29.9 14.7-43.6 28.4C38.8 65.2 30.4 79 24.1 95.1c-6.1 15.6-10.2 33.5-11.4 59.7-1.2 26.2-1.5 34.6-1.5 101.4s.3 75.2 1.5 101.4c1.2 26.2 5.4 44.1 11.4 59.7 6.3 16.2 14.7 29.9 28.4 43.6 13.7 13.7 27.4 22.1 43.6 28.4 15.6 6.1 33.5 10.2 59.7 11.4 26.2 1.2 34.6 1.5 101.4 1.5 66.8 0 75.2-.3 101.4-1.5 26.2-1.2 44.1-5.4 59.7-11.4 16.2-6.3 29.9-14.7 43.6-28.4 13.7-13.7 22.1-27.4 28.4-43.6 6.1-15.6 10.2-33.5 11.4-59.7 1.2-26.2 1.5-34.6 1.5-101.4s-.3-75.2-1.5-101.4c-1.2-26.2-5.4-44.1-11.4-59.7C484 79 475.6 65.2 462 51.6c-13.7-13.7-27.4-22.1-43.6-28.4-15.6-6.1-33.5-10.2-59.7-11.4-26.2-1.2-34.6-1.5-101.4-1.5s-75.2.3-101.4 1.5c-26.3 1.1-44.2 5.3-59.8 11.4zM356.6 56c24 1.1 37 5.1 45.7 8.5 11.5 4.5 19.7 9.8 28.3 18.4 8.6 8.6 13.9 16.8 18.4 28.3 3.4 8.7 7.4 21.7 8.5 45.7 1.2 25.9 1.4 33.7 1.4 99.4s-.3 73.5-1.4 99.4c-1.1 24-5.1 37-8.5 45.7-4.5 11.5-9.8 19.7-18.4 28.3-8.6 8.6-16.8 13.9-28.3 18.4-8.7 3.4-21.7 7.4-45.7 8.5-25.9 1.2-33.7 1.4-99.4 1.4s-73.5-.3-99.4-1.4c-24-1.1-37-5.1-45.7-8.5-11.5-4.5-19.7-9.8-28.3-18.4-8.6-8.6-13.9-16.8-18.4-28.3-3.4-8.7-7.4-21.7-8.5-45.7-1.2-25.9-1.4-33.7-1.4-99.4s.3-73.5 1.4-99.4c1.1-24 5.1-37 8.5-45.7 4.5-11.5 9.8-19.7 18.4-28.3 8.6-8.6 16.8-13.9 28.3-18.4 8.7-3.4 21.7-7.4 45.7-8.5 25.9-1.2 33.7-1.4 99.4-1.4s73.5.2 99.4 1.4z'/%3E%3CradialGradient id='b' cx='154.073' cy='134.55' r='365.28' gradientTransform='matrix(.9986 -.05234 .04449 .8488 -24.362 253.295)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fed576'/%3E%3Cstop offset='.263' stop-color='%23f47133'/%3E%3Cstop offset='.609' stop-color='%23bc3081'/%3E%3Cstop offset='1' stop-color='%234c63d2'/%3E%3C/radialGradient%3E%3Cpath fill='url(%23b)' d='M130.9 256.3c0 69.8 56.6 126.3 126.3 126.3S383.5 326 383.5 256.3 327 130 257.2 130s-126.3 56.5-126.3 126.3zm208.3 0c0 45.3-36.7 82-82 82s-82-36.7-82-82 36.7-82 82-82 82 36.7 82 82z'/%3E%3Ccircle cx='388.6' cy='125' r='29.5' fill='%23654c9f'/%3E%3C/svg%3E");
  background-size: 3.5em auto;
  background-position: 0 50%;
  background-repeat: no-repeat;
  min-height: 3.5em;
  line-height: 1.2em;
  margin: .5em 0 1.25em 0;
  overflow: hidden;
  position: relative;
  top: -1em
}

.insta-box>div {
  display: table-row
}

.insta-box>div>div {
  display: table-cell;
  vertical-align: middle
}

.insta-box>div>div span {
  white-space: nowrap
}

.insta-box>div>div span.follow {
  display: unset
}

@media (max-width:400px) {
  .insta-box>div>div span.follow {
    display: block
  }
}

.sea .boxes.advertiser .box,
.landingpages .boxes.advertiser .box {
  max-width: 450px !important
}

@media (min-width:768px) {

  .sea .boxes.advertiser .box,
  .landingpages .boxes.advertiser .box {
    max-width: calc(33.333% - 1em) !important
  }
}

.black-friday {
  padding: 0 1em
}

.black-friday * {
  color: #fff
}

.black-friday h3 {
  font-weight: 400;
  font-size: 1.5em
}

.black-friday h1 {
  color: #D8B971;
  font-size: clamp(1.5em, 3.5vw, 3.3em);
  font-weight: 500
}

.black-friday .banner {
  background-color: #000;
  display: flex;
  overflow: hidden;
  position: relative
}

.black-friday .text {
  padding: 1.5em 2em 1.5em 2em;
  position: relative;
  z-index: 9
}

@media (min-width:768px) {
  .black-friday .text {
    padding: 1.5em 16em 1.5em 2em
  }
}

.black-friday picture {
  min-width: 100%;
  min-height: 100%;
  display: flex;
  position: absolute;
  right: 0
}

.black-friday picture img {
  position: absolute;
  right: -7em;
  min-height: 100%;
  object-fit: cover;
  object-position: right;
  filter: brightness(27%)
}

@media (min-width:768px) {
  .black-friday picture img {
    filter: brightness(100%);
    right: 0
  }
}

.leftright .black-friday {
  padding: 0
}

.leftright .black-friday h1 {
  font-size: clamp(1.5em, 1.5vw, 2em)
}

.discount-stoerer {
  padding: 1em 0
}

.discount-stoerer * {
  color: #fff
}

.discount-stoerer .banner {
  position: relative
}

.discount-stoerer picture {
  min-width: 100%;
  min-height: 100%
}

.discount-stoerer picture img {
  min-height: 100%;
  object-fit: cover;
  object-position: right
}

@media (min-width:768px) {
  .discount-stoerer picture img {
    right: 0
  }
}

.discount-stoerer .desktop {
  display: none
}

@media (min-width:768px) {
  .discount-stoerer .desktop {
    display: block
  }
}

.discount-stoerer .mobile {
  position: relative
}

@media (min-width:768px) {
  .discount-stoerer .mobile {
    display: none
  }
}

.discount-stoerer .mobile picture {
  position: relative;
  top: 0;
  left: 0
}

.discount-stoerer .mobile picture.text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.box.button-right>span .content {
  padding-bottom: 3em;
  justify-content: start;
  align-items: start;
  width: 100%;
  max-width: 100%;
  position: relative
}

@media (min-width:1280px) {
  .box.button-right>span .content {
    padding-bottom: 2em
  }
}

.box.button-right>span .button {
  position: absolute;
  bottom: 0;
  right: 0
}

.box.button-right h4 {
  font-weight: 500;
  font-size: 1.2em;
  padding: .66rem 0 .66rem 0
}

.box.button-right strong {
  font-weight: 500
}

.stellenangebote .stellenangebote {
  font-size: 1.2rem;
  line-height: 1.5em
}

.stellenangebote h2 {
  font-weight: 400
}

.stellenangebote h4 {
  font-weight: 600
}

.stellenangebote .pageinner.breadcrumb {
  background-color: rgb(239, 242, 244);
  position: relative
}

.stellenangebote .pageinner.breadcrumb:before {
  background-color: rgb(239, 242, 244);
  left: calc((100vw - 1280px) * -1 / 2);
  height: 100%;
  width: calc((100vw - 1280px) / 2);
  display: flex;
  justify-content: center;
  align-items: center;
  content: " ";
  position: absolute;
  z-index: -1
}

.stellenangebote .pageinner.breadcrumb:after {
  background-color: rgb(239, 242, 244);
  right: calc((100vw - 1280px) * -1 / 2 + 9px);
  height: 100%;
  width: calc((100vw - 1280px) / 2);
  display: flex;
  justify-content: center;
  align-items: center;
  content: " ";
  position: absolute;
  z-index: -1
}

.stellenangebote-header {
  position: relative;
  top: -1rem
}

.stellenangebote-header .inner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 3em;
  padding: 1em 0 0 0
}

@media (min-width:1080px) {
  .stellenangebote-header .inner {
    flex-flow: row nowrap;
    padding: 1em 0 1em 1em
  }
}

@media (min-width:920px) {
  .stellenangebote-header .inner {
    padding: 0 0 0 1em
  }
}

@media (min-width:1080px) {
  .stellenangebote-header .inner {
    padding: 0
  }
}

.stellenangebote-header .inner .headerimage {
  height: 100%
}

.stellenangebote-header .inner picture {
  display: flex
}

.stellenangebote-header .inner .content {
  display: flex;
  flex-flow: column;
  width: 75%
}

.stellenangebote-header .inner .content .logos {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  gap: 1em;
  padding: 1em 0
}

.stellenangebote-header .inner .content .logos img {
  max-height: 6em;
  width: 100%
}

.pagebar.stellenangebote-das-bieten-wir-ihnen {
  margin: 1em 0;
  padding: 0;
  background-color: rgb(255, 255, 255)
}

@media (min-width:1525px) {
  .pagebar.stellenangebote-das-bieten-wir-ihnen {
    padding: 0 25rem !important
  }
}

.pagebar.stellenangebote-das-bieten-wir-ihnen .pageinner {
  padding: 2em;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1em;
  background-color: rgb(239, 242, 244);
  width: 100%;
  max-width: 100%
}

@media (min-width:920px) {
  .pagebar.stellenangebote-das-bieten-wir-ihnen .pageinner {
    min-width: 59rem;
    width: 60%
  }
}

.pagebar.stellenangebote-das-bieten-wir-ihnen .pageinner {
  flex-flow: column;
  gap: 0;
  background-color: rgb(255, 255, 255);
  padding: 2em 1em
}

@media (min-width:920px) {
  .pagebar.stellenangebote-das-bieten-wir-ihnen .pageinner {
    padding: 2em 0
  }
}

.pagebar.stellenangebote-das-bieten-wir-ihnen .pageinner ul {
  margin: 0 0 1rem 0
}

.pagebar.stellenangebote-das-bieten-wir-ihnen .pageinner ul li {
  position: relative;
  padding: .2em 0 .2em 1em !important
}

.pagebar.stellenangebote-das-bieten-wir-ihnen .pageinner ul li:before {
  color: hsla(0, 0%, 0%, .5);
  position: absolute;
  left: 0;
  width: 1em;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  text-align: start;
  content: "\f111";
  font-size: .6em;
  top: 3px
}

.pagebar.stellenangebote-was-sagen-unsere-mitarbeiter {
  margin: 1em 0;
  padding: 0;
  background-color: rgb(255, 255, 255);
  background-color: rgb(239, 242, 244)
}

@media (min-width:1525px) {
  .pagebar.stellenangebote-was-sagen-unsere-mitarbeiter {
    padding: 0 25rem !important
  }
}

.pagebar.stellenangebote-was-sagen-unsere-mitarbeiter .pageinner {
  padding: 2em;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1em;
  background-color: rgb(239, 242, 244);
  width: 100%;
  max-width: 100%
}

@media (min-width:920px) {
  .pagebar.stellenangebote-was-sagen-unsere-mitarbeiter .pageinner {
    min-width: 59rem;
    width: 60%
  }
}

.pagebar.stellenangebote-was-sagen-unsere-mitarbeiter .pageinner {
  flex-flow: column;
  gap: 0;
  padding: 2em 1em
}

@media (min-width:920px) {
  .pagebar.stellenangebote-was-sagen-unsere-mitarbeiter .pageinner {
    padding: 2em 0
  }
}

.pagebar.stellenangebote-besonders-familienfreundlich-fairer-arbeitgeber-top-company {
  margin: 1em 0;
  padding: 0;
  background-color: rgb(255, 255, 255)
}

@media (min-width:1525px) {
  .pagebar.stellenangebote-besonders-familienfreundlich-fairer-arbeitgeber-top-company {
    padding: 0 25rem !important
  }
}

.pagebar.stellenangebote-besonders-familienfreundlich-fairer-arbeitgeber-top-company .pageinner {
  padding: 2em;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1em;
  background-color: rgb(239, 242, 244);
  width: 100%;
  max-width: 100%
}

@media (min-width:920px) {
  .pagebar.stellenangebote-besonders-familienfreundlich-fairer-arbeitgeber-top-company .pageinner {
    min-width: 59rem;
    width: 60%
  }
}

.pagebar.stellenangebote-besonders-familienfreundlich-fairer-arbeitgeber-top-company .pageinner {
  flex-flow: column;
  gap: 0;
  background-color: rgb(255, 255, 255);
  padding: 2em 1em
}

@media (min-width:920px) {
  .pagebar.stellenangebote-besonders-familienfreundlich-fairer-arbeitgeber-top-company .pageinner {
    padding: 2em 0
  }
}

.pagebar.stellenangebot-willkommen {
  margin: 1em 0;
  padding: 0;
  background-color: rgb(255, 255, 255)
}

@media (min-width:1525px) {
  .pagebar.stellenangebot-willkommen {
    padding: 0 25rem !important
  }
}

.pagebar.stellenangebot-willkommen .pageinner {
  padding: 2em;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1em;
  background-color: rgb(239, 242, 244);
  width: 100%;
  max-width: 100%
}

@media (min-width:920px) {
  .pagebar.stellenangebot-willkommen .pageinner {
    min-width: 59rem;
    width: 60%
  }
}

.pagebar.stellenangebot-willkommen .pageinner {
  flex-flow: column;
  gap: 0;
  background-color: rgb(255, 255, 255);
  padding: 2em 1em
}

@media (min-width:920px) {
  .pagebar.stellenangebot-willkommen .pageinner {
    padding: 2em 0
  }
}

.pagebar.stellenangebotsbox {
  margin: 1em 0;
  padding: 0;
  background-color: rgb(255, 255, 255)
}

@media (min-width:1525px) {
  .pagebar.stellenangebotsbox {
    padding: 0 25rem !important
  }
}

.pagebar.stellenangebotsbox .pageinner {
  padding: 2em;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1em;
  background-color: rgb(239, 242, 244);
  width: 100%;
  max-width: 100%
}

@media (min-width:920px) {
  .pagebar.stellenangebotsbox .pageinner {
    min-width: 59rem;
    width: 60%
  }
}

.pagebar.stellenangebotsbox .pageinner {
  flex-flow: column;
  padding: 1em
}

@media (min-width:768px) {
  .pagebar.stellenangebotsbox .pageinner {
    padding: 2em;
    flex-flow: row
  }
}

.pagebar.stellenangebotsbox .content {
  width: 100%;
  height: 100%;
  max-height: 300px;
  position: relative;
  overflow: hidden;
  padding-bottom: 3rem
}

@media (min-width:768px) {
  .pagebar.stellenangebotsbox .content {
    width: 75%
  }
}

.pagebar.stellenangebotsbox .content:after {
  bottom: 0;
  content: "";
  height: 115px;
  left: 0;
  position: absolute;
  right: 0;
  background: linear-gradient(0deg, rgb(239, 242, 244), rgb(239, 242, 244) 50%, hsla(0, 0%, 93%, 0) 85.58%)
}

.pagebar.stellenangebotsbox .content button {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: fit-content;
  background-color: transparent;
  color: hsla(0, 0%, 0%, .85);
  padding: .5em 1em
}

.pagebar.stellenangebotsbox .content button:before {
  transition: all 0.3s ease-in-out;
  left: -.7em
}

.pagebar.stellenangebotsbox .content button:hover {
  background-color: transparent
}

.pagebar.stellenangebotsbox .content button:hover:before {
  transform: rotate(90deg);
  top: 11px
}

.pagebar.stellenangebotsbox .content.expanded {
  max-height: 100%
}

.pagebar.stellenangebotsbox .content.expanded:after {
  display: none
}

.pagebar.stellenangebotsbox .content.expanded button {
  content: "Weninger anzeigen"
}

.pagebar.stellenangebotsbox .content.expanded button:hover:before {
  transform: rotate(-90deg)
}

.pagebar.stellenangebotsbox .image {
  padding: 3em
}

.pagebar.stellenangebotsbox .image picture {
  display: flex;
  justify-content: center;
  align-items: center
}

.pagebar.stellenangebotsbox .image picture img {
  height: 15rem;
  width: auto;
  max-height: 10rem
}

.pagebar.stellenangebote-charta-der-vielfalt {
  margin: 1em 0;
  padding: 0;
  background-color: rgb(255, 255, 255)
}

@media (min-width:1525px) {
  .pagebar.stellenangebote-charta-der-vielfalt {
    padding: 0 25rem !important
  }
}

.pagebar.stellenangebote-charta-der-vielfalt .pageinner {
  padding: 2em;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1em;
  background-color: rgb(239, 242, 244);
  width: 100%;
  max-width: 100%
}

@media (min-width:920px) {
  .pagebar.stellenangebote-charta-der-vielfalt .pageinner {
    min-width: 59rem;
    width: 60%
  }
}

.pagebar.stellenangebote-charta-der-vielfalt .pageinner {
  flex-flow: column
}

@media (min-width:768px) {
  .pagebar.stellenangebote-charta-der-vielfalt .pageinner {
    flex-flow: row
  }
}

.pagebar.stellenangebote-charta-der-vielfalt .content {
  width: 100%
}

@media (min-width:768px) {
  .pagebar.stellenangebote-charta-der-vielfalt .content {
    width: 85%
  }
}

.pagebar.stellenangebote-charta-der-vielfalt .image {
  padding: 3em 1em
}

.pagebar.stellenangebote-charta-der-vielfalt .image picture {
  display: flex;
  justify-content: center;
  align-items: center
}

.pagebar.stellenangebote-charta-der-vielfalt .image picture img {
  height: 15rem;
  width: auto;
  max-height: 4.3rem
}

.stellenangebote .one-column.boxed {
  margin: 1em 0;
  padding: 0;
  background-color: rgb(255, 255, 255);
  background-color: rgb(239, 242, 244)
}

@media (min-width:1525px) {
  .stellenangebote .one-column.boxed {
    padding: 0 25rem !important
  }
}

.stellenangebote .one-column.boxed .pageinner {
  padding: 2em;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1em;
  background-color: rgb(239, 242, 244);
  width: 100%;
  max-width: 100%
}

@media (min-width:920px) {
  .stellenangebote .one-column.boxed .pageinner {
    min-width: 59rem;
    width: 60%
  }
}

.pagebar.stellenangebote-stellenangebote-personio {
  margin: 1em 0;
  padding: 0;
  background-color: rgb(255, 255, 255);
  background-color: rgb(239, 242, 244)
}

@media (min-width:1525px) {
  .pagebar.stellenangebote-stellenangebote-personio {
    padding: 0 25rem !important
  }
}

.pagebar.stellenangebote-stellenangebote-personio .pageinner {
  padding: 2em;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1em;
  background-color: rgb(239, 242, 244);
  width: 100%;
  max-width: 100%
}

@media (min-width:920px) {
  .pagebar.stellenangebote-stellenangebote-personio .pageinner {
    min-width: 59rem;
    width: 60%
  }
}

.pagebar.stellenangebote-stellenangebote-personio .pageinner {
  flex-flow: column;
  padding: 2em 1em
}

@media (min-width:920px) {
  .pagebar.stellenangebote-stellenangebote-personio .pageinner {
    padding: 2em 0
  }
}

.pagebar.stellenangebote-stellenangebote-personio .pageinner .one-column.boxed {
  padding: 0 !important;
  margin: 0
}

.pagebar.stellenangebote-stellenangebote-personio .pageinner ul.linklist.boxed li {
  background-color: transparent;
  border-top: 1px solid rgba(150, 150, 150, .9);
  padding: 0 0 0 1em !important
}

.pagebar.stellenangebote-stellenangebote-personio .pageinner ul.linklist.boxed li:last-child {
  border-bottom: 1px solid rgba(150, 150, 150, .9)
}

.pagebar.stellenangebote-stellenangebote-personio .pageinner ul.linklist.boxed li:before {
  background-color: transparent;
  color: rgba(0, 0, 0, .85);
  transition: all 0.3s ease-in-out
}

.pagebar.stellenangebote-stellenangebote-personio .pageinner ul.linklist.boxed li a {
  color: hsla(0, 0%, 0%, .85);
  padding: 1em 0 1em .5em
}

.pagebar.stellenangebote-stellenangebote-personio .pageinner ul.linklist.boxed li:hover:before {
  left: .6rem
}

.flinkback-content-box-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2em 0
}

.flinkback-content-box {
  background-color: rgb(15, 85, 185);
  display: flex;
  flex-flow: column;
  max-width: 450px;
  justify-content: start;
  align-items: stretch
}

@media (min-width:768px) {
  .flinkback-content-box {
    flex-flow: row;
    max-width: 100%
  }
}

.flinkback-content-box .image {
  overflow: hidden
}

.flinkback-content-box .image picture {
  display: flex;
  height: 100%
}

.flinkback-content-box .image picture img {
  object-fit: cover;
  transition: 0.5s all ease-in-out
}

.flinkback-content-box:hover .image picture img {
  transform: scale(1.05) rotate(0.6deg)
}

.flinkback-content-box .content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  color: rgb(255, 255, 255);
  padding: 2rem
}

.flinkback-content-box .content h1 {
  color: rgb(255, 255, 255)
}

.flinkback-content-box .content li:before {
  color: rgb(255, 255, 255)
}

.flinkback-content-box .content li {
  margin: .6em 0
}

.flinkback-content-box .content .button {
  font-size: 1.2em;
  padding: 1em;
  right: 0
}

.flinkback-content-box .content .button:before {
  display: none
}

.flinkback-content-box .content .button:hover {
  background-color: rgb(230, 100, 0)
}

ol.akkordeon li {
  border-color: rgba(10, 40, 80, .33);
  border-bottom: 1px dotted
}

ol.akkordeon li.open .pump {
  padding: 1em 0
}

ul.akkordeon {
  width: 100%;
  left: -.5em;
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  font-size: 1em
}

@media (min-width:1280px) {
  ul.akkordeon {
    width: calc(100% + 1em)
  }
}

ul.akkordeon>li {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  position: relative;
  border-bottom: 1px dotted;
  padding-left: 0.5em !important
}

ul.akkordeon>li:last-child {
  border-bottom: none
}

ul.akkordeon>li:before {
  display: none !important
}

ul.akkordeon>li .trigger {
  font-weight: 500;
  font-size: 1.085em;
  padding: .6em 1.4em .6em 0;
  cursor: pointer;
  display: block;
  line-height: 1.1em
}

ul.akkordeon>li .trigger::before {
  position: absolute;
  font-family: "fontawesome";
  content: "\f067";
  right: .5em;
  top: 0;
  bottom: 0;
  -webkit-text-stroke: 1px #fff;
  height: 100%;
  max-height: 1.9em;
  width: 1em;
  line-height: 1em;
  text-align: center;
  font-size: 1em;
  transform-origin: 50% 50%;
  display: flex;
  justify-content: center;
  align-items: start;
  padding-top: .8em
}

ul.akkordeon>li.open {
  background-color: rgba(255, 255, 255, .95);
  border-radius: .66em;
  border-color: rgba(0, 0, 0, .25);
  padding: 1rem !important
}

ul.akkordeon>li.open .trigger {
  color: rgb(26, 115, 232)
}

ul.akkordeon>li.open .trigger::before {
  color: rgb(26, 115, 232);
  content: "\f068";
  top: 0;
  transform-origin: 50% 50%
}

ul.akkordeon>li.open .pump {
  display: block
}

ul.akkordeon>li.closed {
  padding-left: 0 !important
}

ul.akkordeon>li .pump {
  padding: 0;
  overflow: hidden;
  transition: all 0.4s ease
}

ul.akkordeon>li .pump .leftright {
  padding: 0 1em
}

#ueberblick tr {
  display: flex;
  flex-flow: column
}

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

  .leftright.homeinfo,
  .leftright.homeinfo .left,
  .leftright.homeinfo .right {
    border: none !important
  }
}

.openclose {
  border-bottom: 2px solid rgb(255, 255, 255);
  padding: 0 !important;
  margin: 0;
  border-radius: 0;
  position: relative
}

@media (min-width:920px) {
  .openclose {
    margin: 1em 0
  }
}

.openclose#ueberblick {
  padding: 2em 0
}

.openclose a.trigger {
  z-index: 1;
  padding: 1em 2em 1em 1em;
  position: relative;
  display: block
}

.openclose a.trigger h2,
.openclose a.trigger h3 {
  color: rgba(0, 0, 0, .85);
  font-size: 1.2em;
  font-weight: 400;
  padding: 0
}

.openclose a.trigger:before {
  content: "\f13a";
  position: absolute;
  width: 1.33em;
  text-align: center;
  right: 0;
  top: .66em;
  font-family: fontawesome;
  font-size: 1.33em;
  color: rgba(0, 0, 0, .33);
  transition: transform 0.2s ease-in
}

.openclose a.trigger.mobile {
  display: block
}

@media (min-width:920px) {
  .openclose a.trigger.mobile {
    display: none
  }
}

.openclose .pump {
  display: block
}

.openclose.closed {
  background-color: rgba(0, 0, 0, .1)
}

@media (min-width:920px) {
  .openclose.closed {
    background-color: transparent
  }
}

.openclose.closed .pump {
  display: none
}

@media (min-width:920px) {
  .openclose.closed .pump {
    display: block
  }
}

.openclose.open a.trigger {
  background-color: rgba(0, 0, 0, .33)
}

@media (min-width:920px) {
  .openclose.open a.trigger {
    background-color: transparent
  }
}

.openclose.open a.trigger:before {
  content: "\f068";
  color: rgb(255, 255, 255) !important
}

.openclose.open a.trigger h2,
.openclose.open a.trigger h3 {
  color: rgb(255, 255, 255) !important
}

.openclose.open:not(.always-open) a.trigger {
  margin-bottom: 1em
}

.mobile-accordion .box-extend {
  padding-bottom: 0
}

.mobile-accordion .box {
  width: calc(100% + 2em);
  margin-left: -1em
}

.mobile-accordion .box .pump {
  padding: 0 1em
}

.mobile-accordion .box .pump .datatable.evenodd .button {
  right: 0;
  margin-bottom: 1em
}

.akkordeon .pump {
  padding: 0;
  margin: 0
}

.akkordeon .pump>li {
  padding-left: 1.66em;
  counter-increment: section;
  position: relative
}

.akkordeon .pump>li:before {
  content: counter(section) ".";
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  padding: 0;
  border-radius: 100px;
  left: 0;
  position: absolute;
  top: .5em;
  width: 1.33em;
  text-align: center;
  color: rgb(0, 0, 0)
}

#sud.openclose.closed .pump {
  display: block !important
}

.sud {
  background-color: transparent !important
}

.sud.open .trigger h3 {
  background-color: hsl(33, 100%, 50%)
}

.sud .pump {
  padding: 1em;
  background: rgba(0, 0, 0, .1)
}

.sud .pump.active {
  display: block
}

@media (min-width:768px) {
  .sud .pump.active {
    background-image: url(/images/bg/box-sud-ready-small.jpg);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: auto 120%
  }
}

.sud .pump .inner {
  display: flex;
  flex-flow: column;
  width: 100%
}

@media (min-width:768px) {
  .sud .pump .inner {
    width: 60%
  }
}

.homeinfo .left {
  width: 100%;
  padding: 1em 0 0 0
}

@media (min-width:1280px) {
  .homeinfo .left {
    width: 70%;
    padding: 1em 2em 0 1em
  }
}

.homeinfo .left>.box {
  border: .2em solid rgba(10, 40, 80, .15);
  border-radius: 1.33em;
  padding: 1em
}

.homeinfo .left>.box h2 {
  color: hsla(0, 0%, 0%, .85)
}

.homeinfo ol {
  margin: .5em 0 0 0;
  padding: 0;
  position: relative;
  list-style-type: none;
  overflow: visible
}

.homeinfo ol.featured {
  counter-reset: section
}

.homeinfo ol>li {
  border-color: rgba(10, 40, 80, .33);
  margin-left: 0;
  position: relative;
  padding-left: 1.66em;
  counter-increment: section;
  margin-top: .33em;
  z-index: 9
}

.homeinfo ol>li:before {
  background-color: rgba(255, 255, 255, .45);
  color: rgb(20, 98, 203);
  border-color: rgb(20, 98, 203);
  border: 1px solid;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  content: counter(section);
  font-size: .85em;
  font-weight: 700;
  padding: .1em;
  left: 0;
  top: -.1rem;
  text-align: center;
  overflow: hidden;
  z-index: 2;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Arial, Helvetica, sans-serif
}

.homeinfo ol>li:last-child {
  border-bottom: none
}

.homeinfo ol>li.open {
  background-color: rgba(10, 40, 80, 0) !important;
  position: relative;
  border-color: rgba(10, 40, 80, .33) !important;
  border: none
}

.homeinfo ol>li.open:before {
  color: rgb(255, 255, 255);
  background-color: rgb(20, 98, 203);
  border-color: rgb(20, 98, 203)
}

.homeinfo ol>li.open:after {
  content: "";
  border: 1px solid rgba(10, 40, 80, .33);
  background-color: #fff;
  position: absolute;
  left: -.33em;
  right: -.33em;
  top: -.33em;
  height: 100%;
  width: calc(100% + 0.66em);
  -webkit-border-top-left-radius: 1em;
  -webkit-border-bottom-left-radius: .25em;
  -webkit-border-bottom-right-radius: 2em;
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-bottomleft: .25em;
  -moz-border-radius-bottomright: 2em;
  border-top-left-radius: 1em;
  border-bottom-left-radius: .25em;
  border-bottom-right-radius: 2em;
  z-index: 0
}

.homeinfo ol>li.open>.trigger:before {
  content: "\f068"
}

.homeinfo ol>li>.trigger {
  cursor: pointer;
  display: flex;
  flex-flow: column;
  position: relative;
  font-weight: 500;
  line-height: 1.1em;
  padding-right: 2em;
  z-index: 2
}

@media (min-width:920px) {
  .homeinfo ol>li>.trigger {
    flex-flow: row
  }
}

.homeinfo ol>li>.trigger:before {
  color: rgba(10, 40, 80, .33);
  position: absolute;
  font-family: "fontawesome";
  content: "\f067";
  right: .5em;
  -webkit-text-stroke: 1px #fff;
  height: 1em;
  line-height: 1.3em;
  text-align: center;
  font-size: 1.2em;
  z-index: 2
}

.homeinfo ol>li .pump {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  margin: 0 0 .5em 0;
  max-height: 0;
  z-index: 2
}

.homeinfo ol>li.closed .pump {
  overflow: hidden;
  visibility: hidden;
  opacity: 0
}

.homeinfo .bewertung {
  justify-content: start
}

.pageteaser {
  height: auto;
  background-color: rgb(243, 246, 248) !important;
  width: 100%;
  min-width: 320px;
  text-align: center;
  margin: 0;
  padding: 0;
  float: none;
  clear: both;
  position: relative;
  z-index: 0;
  overflow: hidden
}

@media (min-width:768px) {
  .pageteaser {
    overflow: initial
  }
}

.pageteaser .homepage.bg {
  position: absolute;
  top: 6%;
  left: 43%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
  height: auto;
  background-color: rgb(243, 246, 248);
  opacity: 1;
  max-width: 1320px;
  z-index: 0;
  display: block;
  -webkit-transition: margin 0s ease-in;
  -moz-transition: margin 0s ease-in;
  -o-transition: margin 0s ease-in;
  -ms-transition: margin 0s ease-in;
  transition: margin 0s ease-in;
  background-color: #fff;
  margin: 0 auto;
  background-position: 50% 0;
  background-size: 100% auto;
  background-repeat: no-repeat
}

@media (min-width:920px) {
  .pageteaser .homepage.bg {
    left: 50%
  }
}

.pageteaser .homepage.bg.fontbg {
  background-color: rgb(243, 246, 248) !important;
  width: 50%;
  max-width: 50vw;
  height: 514px;
  left: 0
}

.pageteaser .homepage.bg.dt {
  transform-origin: 50% 50%
}

.pageteaser .homepage.bg>picture {
  height: auto;
  margin-left: 0;
  top: 0;
  position: absolute;
  min-width: 27em;
  width: 80%;
  left: -9rem;
  background-image: url(/images/teaser/home_dt_2022-2.jpg);
  background-repeat: no-repeat;
  background-size: auto 100% !important;
  background-position: 100% 100% !important
}

@media (min-width:920px) {
  .pageteaser .homepage.bg>picture {
    width: 80%;
    left: -32%
  }
}

.pageteaser .homepage.bg>picture img {
  position: relative;
  left: 0;
  top: 0;
  width: clamp(70%, 20vw, 100%);
  height: auto;
  display: block;
  opacity: 0
}

.pageteaser .slide {
  position: relative;
  width: 100%;
  height: auto;
  color: #000;
  z-index: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in;
  -moz-transition: opacity 0.5s ease-in;
  -o-transition: opacity 0.5s ease-in;
  -ms-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in
}

.pageteaser .slide .inner {
  position: relative;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 0;
  min-height: 100%;
  display: flex;
  flex-flow: row nowrap
}

.pageteaser .slide .inner .visual {
  position: relative;
  width: 43%
}

.pageteaser .slide .inner .visual .siegel {
  display: none
}

.pageteaser .slide .inner .visual .slide {
  display: none
}

.pageteaser .slide .inner .info {
  text-shadow: 1px 1px .33em rgb(255, 255, 255);
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  justify-content: space-between;
  position: relative;
  width: 100%;
  background: -moz-linear-gradient(90deg, rgba(243, 246, 248, 0) 0%, rgba(243, 246, 248, .5) 24%, rgb(243, 246, 248) 100%);
  background: -webkit-linear-gradient(90deg, rgba(243, 246, 248, 0) 0%, rgba(243, 246, 248, .5) 24%, rgb(243, 246, 248) 100%);
  background: linear-gradient(90deg, rgba(243, 246, 248, 0) 0%, rgba(243, 246, 248, .5) 24%, rgb(243, 246, 248) 100%);
  background-position-x: 4em;
  background-repeat: no-repeat
}

@media (min-width:768px) {
  .pageteaser .slide .inner .info {
    background: none
  }
}

.pageteaser .slide .inner .info .txtholder {
  font-size: clamp(0.6em, 2vw, 1.2em);
  height: 100%;
  padding-top: 3em;
  padding-bottom: 4em;
  padding-left: 15em;
  padding-right: 1em;
  width: 100%;
  font-weight: 500
}

@media (min-width:768px) {
  .pageteaser .slide .inner .info .txtholder {
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: clamp(19rem, 20vw, 27rem)
  }
}

@media (min-width:920px) {
  .pageteaser .slide .inner .info .txtholder {
    width: 83%;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 0
  }
}

.pageteaser .slide .inner .info .txtholder h1 {
  display: inline-block;
  width: 100%;
  -webkit-text-shadow: 0 0 .66em rgb(255, 255, 255);
  text-shadow: 0 0 .66em rgb(255, 255, 255);
  color: rgb(230, 100, 0);
  font-size: 2em;
  font-weight: 600;
  margin: 0;
  padding: 0 0 .25em 0;
  line-height: 1.05em !important
}

.pageteaser .slide .inner .info .txtholder ul {
  list-style: none;
  font-size: clamp(1rem, 2vw, 1.3rem);
  margin: 1em 0 0 0
}

.pageteaser .slide .inner .info .txtholder ul li {
  padding-bottom: .5em;
  position: relative;
  padding-left: 1.2em;
  line-height: 1.1em
}

@media (min-width:768px) {
  .pageteaser .slide .inner .info .txtholder ul li {
    padding-bottom: .3em
  }
}

.pageteaser .slide .inner .info .txtholder ul li strong {
  font-weight: 600
}

.pageteaser .slide .inner .info .txtholder ul li:before {
  position: absolute;
  content: "\f00c";
  font-size: 1em;
  top: 0;
  left: 0;
  color: rgb(255, 140, 0);
  -webkit-text-shadow: 0 0 .66em rgb(255, 255, 255) !important;
  text-shadow: 0 0 .66em rgb(255, 255, 255) !important;
  display: flex;
  justify-content: start;
  align-items: start;
  height: 100%
}

.pageteaser .slide .inner .info .logo {
  position: absolute;
  top: 45%;
  left: 1em;
  width: clamp(100px, 7vw, 155px);
  margin-right: 1em
}

@media (min-width:768px) {
  .pageteaser .slide .inner .info .logo {
    margin-top: 3rem;
    right: auto;
    top: 4em;
    left: 11em
  }
}

@media (min-width:920px) {
  .pageteaser .slide .inner .info .logo {
    margin-top: 3rem;
    right: 3em;
    left: auto;
    top: 0
  }
}

.pageteaser .slide .inner .info .logo .siegel {
  height: 12.66em;
  max-height: 12.66em;
  display: block;
  margin-top: .33em
}

.pageteaser .slide .info .txt {
  width: 100%;
  line-height: 1.4em
}

.pageteaser .slide .info .logo span.siegel {
  height: 12.66em;
  max-height: 12.66em;
  display: block;
  margin-top: .33em
}

.pageteaser .slide .info .logo span.siegel img {
  width: auto;
  min-width: 0;
  position: relative;
  max-width: 100%;
  filter: drop-shadow(.2em .2em .33em rgba(0, 0, 0, .25))
}

.homepage .pageteaser .slide .inner .info .txtholder h1 {
  font-weight: 400
}

#studiengebuehren .datatable {
  position: relative;
  top: -.2em
}

.datatable .flex {
  justify-content: start;
  padding: 1em;
  flex-flow: column
}

@media (min-width:920px) {
  .datatable .flex {
    flex-flow: row nowrap
  }
}

.datatable .flex:nth-child(odd) {
  background-color: rgba(0, 0, 0, .05);
  border-top: 1px solid rgba(0, 0, 0, .1);
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.datatable .flex .w33p {
  flex-basis: 100%;
  width: 100%;
  padding-right: 0;
  font-weight: 600
}

@media (min-width:920px) {
  .datatable .flex .w33p {
    flex-basis: 33.333%;
    width: 33.333%;
    padding-right: 1em
  }
}

.datatable .flex .w66p {
  flex-basis: 100%;
  width: 100%
}

@media (min-width:920px) {
  .datatable .flex .w66p {
    flex-basis: 66.666%;
    width: 66.666%
  }
}

.datatable .flex .first {
  font-weight: 600;
  width: 100%;
  padding-bottom: .5em
}

@media (min-width:920px) {
  .datatable .flex .first {
    width: 33%;
    padding-bottom: 0
  }
}

.datatable .price>dfn {
  font-size: .7em;
  line-height: 1.1em;
  font-weight: 300;
  margin: 0;
  color: rgba(0, 0, 0, .8);
  display: block;
  white-space: nowrap
}

.best-price-td {
  padding-right: 5em;
  position: relative;
  min-height: 2em
}

.best-price-td .best-price-link {
  display: block;
  position: absolute;
  right: 0;
  top: -2.5em;
  width: 5em
}

.best-price-td .best-price-link img {
  height: auto;
  width: 5em
}

.preiseWeitereInfos,
.onlineInfoveranstaltung {
  cursor: pointer
}

.preiseWeitereInfos {
  background-color: hsl(255, 100%, 100%);
  border-top: 2px solid hsl(112, 94%, 30%) !important;
  border-bottom: 2px solid hsl(112, 94%, 30%) !important;
  margin-bottom: .5em;
  color: hsl(112, 94%, 30%);
  transition: 0.1s all
}

.preiseWeitereInfos a {
  color: hsl(112, 94%, 30%)
}

.preiseWeitereInfos:hover {
  background-color: hsl(112, 94%, 30%) !important;
  color: hsl(255, 100%, 100%)
}

.preiseWeitereInfos:hover a {
  color: hsl(255, 100%, 100%)
}

.box .thumb {
  display: inline-block;
  padding: .3em 1em 0 0;
  float: left;
  width: 33.333%;
  max-width: 220px;
  min-width: 120px;
  overflow: hidden;
  max-height: 100%
}

.box .thumb.fr {
  padding: .3em 0 0 1em
}

.box .thumb.big {
  display: inline-block;
  padding: .3em 1em 0 0;
  float: left;
  width: 33.333%;
  max-width: 220px;
  min-width: 120px;
  overflow: hidden;
  max-height: 100%
}

.box .thumb.fullwidth {
  display: inline-block;
  padding: .3em 1em 0 0;
  float: left;
  width: 33.333%;
  max-width: 220px;
  min-width: 120px;
  overflow: hidden;
  max-height: 100%
}

.box ul {
  overflow: hidden;
  margin: 0;
  padding-bottom: .66rem
}

.box ul li {
  position: relative;
  padding-left: 1.66em
}

.box ul li:before {
  color: hsl(33, 100%, 50%);
  position: absolute;
  left: 0;
  width: 1em;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  text-align: start;
  content: "\f111";
  font-size: 1em;
  top: 0
}

.box h3 strong {
  color: hsla(0, 0%, 0%, .85);
  font-weight: 400
}

.nl a.button.modern.large,
.nf a.button.modern.large {
  right: 0;
  width: 100%;
  max-height: 95%;
  white-space: nowrap;
  font-size: 1.7em;
  padding: .8em 1em
}

@media (min-width:768px) {

  .nl a.button.modern.large,
  .nf a.button.modern.large {
    max-width: 38rem
  }
}

.nl a.button.modern.large svg,
.nf a.button.modern.large svg {
  height: 2rem;
  width: 1.5rem
}

.nl a.button.modern.large:hover,
.nf a.button.modern.large:hover {
  background-color: hsl(215, 85%, 39%)
}

.kursbewertung {
  display: flex;
  flex-flow: column
}

.kursbewertung>.box {
  padding: 1em 1em 1em 0 !important
}

@media (min-width:1280px) {
  .kursbewertung>.box {
    padding: 1em !important
  }
}

.kursbewertung .column {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: start
}

.kursbewertung .column:first-child {
  flex-flow: column
}

@media (min-width:768px) {
  .kursbewertung .column:first-child {
    flex-flow: row nowrap
  }
}

.kursbewertung .column .ico {
  padding-left: 1.66em;
  position: relative;
  font-weight: 600;
  font-size: 1.2em;
  margin-bottom: .5em
}

.kursbewertung .column .ico::before {
  font-family: "fontawesome";
  content: "\f19d";
  margin-left: -1.66em;
  width: 1.66em;
  text-align: center;
  display: inline-block
}

.kursbewertung .column .usertd {
  display: flex;
  justify-content: end;
  font-size: .6em
}

.kursbewertung .column .usertd .ico {
  font-weight: 400
}

.kursbewertung .column .usertd .date::before {
  content: "\f274"
}

.kursbewertung .column .usertd .user::before {
  content: "\f2c0"
}

.kursbewertung .column .bewertung {
  font-size: 1.1em
}

.kursbewertung .column .bewertung .stars {
  margin-right: .5em
}

.kursbewertung .column .bewertung .stars .faicons {
  width: 1.3rem;
  height: 1.3rem
}

.kursbewertung .column .bewertung .note {
  color: rgb(0, 160, 20)
}

.kursbewertung .column .bewertung dfn {
  font-size: .8em;
  padding-left: .5em
}

.kursbewertung .column:nth-child(2) {
  justify-content: start
}

.bildungsgutschein-bar {
  background-color: rgb(255, 255, 255);
  margin: 0 auto 2em auto;
  padding-bottom: 1em;
  border-bottom: 3px solid rgb(235, 238, 240)
}

.bildungsgutschein-bar .box h2 {
  color: hsla(0, 0%, 0%, .85)
}

.bildungsgutschein-bar .pageinner {
  background-color: rgba(255, 255, 255, 0);
  padding: 1em 0 0 0
}

.bildungsgutschein-bar .pageinner .flexrow {
  width: calc(100% + 2em);
  left: -1em;
  position: relative;
  max-width: calc(1280px + 2em)
}

.bildungsgutschein-bar .pageinner .col {
  width: 25%;
  border: .5em solid rgb(255, 255, 255) !important;
  padding: 1em;
  text-align: center;
  position: relative;
  -webkit-border-top-left-radius: 1.5em;
  -webkit-border-bottom-left-radius: .5em;
  -webkit-border-bottom-right-radius: 2.5em;
  -moz-border-radius-topleft: 1.5em;
  -moz-border-radius-bottomleft: .5em;
  -moz-border-radius-bottomright: 2.5em;
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: 2.5em
}

.bildungsgutschein-bar .pageinner .col h4 {
  text-align: center;
  color: rgb(26, 115, 232);
  font-weight: 500
}

.bildungsgutschein-bar .pageinner .col h4 strong {
  text-align: center;
  font-size: 2em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  display: inline-block;
  margin-bottom: .25em;
  border-radius: 10em;
  color: #fff;
  background-color: rgb(26, 115, 232)
}

.bildungsgutschein-bar .pageinner .col a {
  display: block;
  color: #000;
  padding-top: .66em
}

.bildungsgutschein-bar .pageinner .col a.button {
  text-shadow: none !important;
  border-top-left-radius: .5em;
  border-bottom-left-radius: .25em;
  border-bottom-right-radius: 1em;
  display: inline-block;
  padding: .33em 1em .33em 2em !important;
  color: #fff !important;
  margin-top: .66em
}

.bildungsgutschein-bar .pageinner .col p {
  padding: 0 1.5em !important;
  display: inline-block !important;
  line-height: 1.33em;
  font-size: .9em
}

.bildungsgutschein-bar .pageinner .col>div {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -2.25em;
  height: 3.66em;
  line-height: 3.66em;
  width: 3.66em;
  display: block;
  border-radius: 10em;
  background-color: rgb(0, 40, 80)
}

.bildungsgutschein-bar .pageinner .col>div:before {
  font-family: "fontawesome";
  content: "\f105";
  font-size: 3em;
  color: #fff;
  border-radius: 10em
}

.bildungsgutschein-bar .pageinner .col svg {
  text-align: center;
  font-size: 1em;
  width: 7em;
  height: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: 1em
}

.bildungsgutschein-bar .pageinner .col svg path {
  fill: rgb(0, 40, 80);
  fill: rgb(0, 69, 186);
  fill: rgb(0, 60, 100)
}

.bildungsgutschein-bar .col-1 {
  background-color: rgb(235, 238, 240);
  z-index: 4
}

.bildungsgutschein-bar .col-2 {
  background-color: rgb(230, 233, 235);
  z-index: 3
}

.bildungsgutschein-bar .col-3 {
  background-color: rgb(225, 228, 230);
  z-index: 2
}

.bildungsgutschein-bar .col-4 {
  background-color: rgb(220, 223, 225);
  z-index: 1
}

.bildungsgutschein-bar .box .hl {
  padding-bottom: 0;
  text-align: left
}

.bildungsgutschein-bar .box .hl h2 {
  font-size: 1.8em;
  color: rgb(50, 60, 70)
}

@media only screen and (min-width:800px) {
  .bildungsgutschein-bar .pageinner .col h4 {
    padding-top: .5em;
    border-top: .033em solid rgba(0, 40, 80, .33)
  }
}

@media only screen and (min-width:1280px) {
  .bildungsgutschein-bar {
    font-size: 1em
  }
}

@media only screen and (max-width:1300px) {
  .bildungsgutschein-bar .pageinner .flexrow {
    width: 100%;
    left: 0;
    position: relative;
    padding: 0
  }
}

@media only screen and (max-width:1280px) {
  .bildungsgutschein-bar {
    font-size: 1.25vw
  }
}

@media only screen and (max-width:800px) {
  .bildungsgutschein-bar {
    font-size: 1em
  }

  .bildungsgutschein-bar .pageinner .col h4,
  .bildungsgutschein-bar .box.hl {
    text-align: left
  }

  .bildungsgutschein-bar .pageinner .col>strong {
    position: absolute;
    left: .2em;
    top: .3em
  }

  .bildungsgutschein-bar .pageinner .col {
    padding: 1em 1em 1em 8em;
    text-align: left
  }

  .bildungsgutschein-bar .pageinner .col svg {
    position: absolute;
    left: .66em;
    top: .66em;
    width: 6.66em;
    height: auto;
    margin: 0 !important
  }

  .bildungsgutschein-bar .pageinner .col {
    display: block !important;
    width: 100%;
    min-height: 8em
  }

  .bildungsgutschein-bar .pageinner .flexrow {
    padding: 0 .33em;
    left: 0
  }

  .bildungsgutschein-bar .pageinner .box {
    padding: 0 1em
  }

  .bildungsgutschein-bar .pageinner .col>div {
    position: absolute;
    top: auto;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
    bottom: -1.75em;
    height: 2.66em;
    line-height: 2.66em;
    width: 2.66em;
    display: block;
    border-radius: 10em;
    background: rgb(150, 160, 170);
    text-align: center
  }

  .bildungsgutschein-bar .pageinner .col>div:before {
    font-family: "fontawesome";
    content: "\f107";
    font-size: 3em;
    color: #fff;
    border-radius: 10em;
    text-align: center
  }

  .bildungsgutschein-bar .pageinner .col p {
    padding: 0 !important;
    font-size: 1em
  }
}

@media only screen and (max-width:800px) and (max-width:400px) {
  .bildungsgutschein-bar .pageinner .col {
    padding: 1em 1em 1em 7em;
    text-align: left
  }

  .bildungsgutschein-bar .pageinner .col svg {
    position: absolute;
    left: .5em;
    top: 1em;
    width: 6em;
    height: auto;
    margin: 0 !important
  }
}

.flinkback-starsteite {
  margin: 0 auto;
  max-width: 1280px;
  padding: 2em 1em
}

.flinkback-starsteite h2 {
  color: rgb(26, 115, 232);
  text-align: left;
  padding-bottom: 1em
}

.flinkback-starsteite .flinkbackinner {
  display: flex;
  flex-flow: column;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%
}

@media (min-width:768px) {
  .flinkback-starsteite .flinkbackinner {
    gap: 3rem;
    flex-flow: row
  }
}

.flinkback-starsteite .flinkbutton {
  width: 100%
}

.flinkback-starsteite .flinkbutton a {
  border-bottom-right-radius: 1em;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-flow: row;
  background-color: rgb(237, 241, 243);
  transition: 0.3s all
}

.flinkback-starsteite .flinkbutton a:hover {
  background-color: rgba(100, 100, 100, .25)
}

.flinkback-starsteite .flinkbutton a .svgback {
  border-top-left-radius: .5em;
  border-bottom-left-radius: .25em;
  background-color: rgb(26, 115, 232);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .5em;
  height: 4rem;
  width: 4rem
}

@media (min-width:768px) {
  .flinkback-starsteite .flinkbutton a .svgback {
    height: 5rem;
    width: 5rem
  }
}

.flinkback-starsteite .flinkbutton a .svgback svg {
  height: 2em;
  width: 2em;
  fill: rgb(255, 255, 255)
}

.flinkback-starsteite .flinkbutton a .content {
  padding: 0 1em;
  color: hsla(0, 0%, 0%, .85);
  font-size: 1.2em
}

@keyframes spinner {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

form button[type=submit].button.loading {
  opacity: .5;
  pointer-events: none
}

form button[type=submit].button.loading::before {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: 2px;
  top: 25%;
  left: 5px;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  border-color: #cef transparent transparent transparent;
  animation: spinner 1.2s cubic-bezier(.5, 0, .5, 1) infinite
}

.pagebar {
  background-color: rgb(239, 242, 244);
  z-index: 3;
  position: relative;
  padding: 0;
  width: 100%;
  margin-left: auto
}

@media (min-width:1080px) {
  .pagebar {
    padding: 0 1em
  }
}

.info-sepa {
  overflow: hidden
}

.info-sepa strong {
  color: hsl(33, 100%, 50%)
}

form .fieldset {
  display: flex;
  width: 100%;
  margin-bottom: .2em;
  gap: .2em;
  padding: 0;
  flex-flow: row nowrap
}

form .fieldset.rcform {
  flex-flow: column
}

@media (min-width:768px) {
  form .fieldset.rcform {
    flex-flow: row nowrap
  }
}

form .fieldset.column {
  flex-flow: column
}

form .fieldset a {
  display: contents
}

form .fieldset .error {
  display: none
}

form .fieldset .fields {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center
}

form .fieldset .field {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  gap: .2em;
  width: 100%
}

form .fieldset .field label.ctr {
  max-height: 2em;
  overflow: visible
}

form .fieldset .field label .counter {
  position: absolute;
  right: -.25em;
  top: -1.1em;
  padding: 0 .25em;
  background-color: rgb(255, 140, 0);
  color: hsl(255, 100%, 100%);
  font-size: 1.2em;
  height: 1.5em;
  line-height: 1.5em;
  white-space: nowrap;
  border-radius: .25em;
  letter-spacing: .075em;
  word-spacing: -.2em;
  font-weight: 400;
  display: none
}

form .fieldset .field.on label .counter,
form .fieldset .field.ok label .counter {
  display: block
}

form .fieldset .field.column {
  flex-flow: column
}

form .fieldset .field.interests,
form .fieldset .field.contact,
form .fieldset .field.radio.vertical {
  flex-flow: column
}

form .fieldset .field.interests label,
form .fieldset .field.contact label,
form .fieldset .field.radio.vertical label {
  position: relative;
  color: hsla(0, 0%, 0%, .85);
  font-size: 1em;
  height: auto;
  align-items: start;
  white-space: normal;
  padding-left: 0
}

@media (min-width:920px) {

  form .fieldset .field.interests label,
  form .fieldset .field.contact label,
  form .fieldset .field.radio.vertical label {
    font-size: clamp(0.8em, 1.2vw, 0.98em)
  }
}

form .fieldset .field.interests span.optional,
form .fieldset .field.contact span.optional,
form .fieldset .field.radio.vertical span.optional {
  display: none
}

form .fieldset .field.email {
  display: none
}

form .fieldset .field.firstName {
  width: 60%
}

form .fieldset .field.streetNumber {
  width: 20%
}

form .fieldset .field.intAccessCode {
  background-color: #d7d9db
}

form .fieldset .field.intAccessCode select {
  position: relative;
  z-index: 9;
  background-color: transparent
}

form .fieldset .field.intAccessCode:after {
  content: "\f0dc";
  font-family: "fontawesome";
  position: absolute;
  right: .2em;
  top: 0;
  bottom: 0;
  left: auto;
  height: 100%;
  line-height: 1.8em;
  width: 1.5em;
  text-align: center;
  display: flex;
  justify-content: end;
  align-items: center;
  z-index: 0
}

form .fieldset .field.country {
  width: 15%;
  max-width: 3em;
  min-width: 3em;
  margin-right: .2em;
  height: calc(100% - 0.1em);
  min-height: 2.4rem;
  background-color: #d7d9db;
  position: relative;
  top: 0;
  display: block;
  font-size: 1em;
  padding-left: .2em
}

form .fieldset .field.country:after {
  content: "\f0dc";
  font-family: "fontawesome";
  position: absolute;
  right: .2em;
  top: 0;
  bottom: 0;
  left: auto;
  z-index: 0;
  height: 100%;
  line-height: 1.8em;
  width: 1.5em;
  text-align: center;
  display: flex;
  justify-content: end;
  align-items: center
}

form .fieldset .field.country label {
  width: fit-content;
  color: hsla(0, 0%, 0%, .85)
}

form .fieldset .field.country select {
  opacity: 0;
  background-color: rgb(0, 0, 0);
  position: relative;
  top: 0;
  margin: 0;
  outline: none;
  border-collapse: collapse;
  border: 0;
  text-indent: .01px;
  text-overflow: "";
  font-size: .85em;
  height: 2.9em;
  max-width: 4em;
  min-width: 4em;
  z-index: 9;
  width: fit-content
}

@media (min-width:768px) {
  form .fieldset .field.country select {
    max-width: 3em;
    min-width: 3em
  }
}

form .fieldset .field.country option {
  background-color: rgba(255, 255, 255, .95)
}

form .fieldset .field.newsletter,
form .fieldset .field.privacy-protection-confirm {
  padding-bottom: 1em
}

form .fieldset .field.newsletter label,
form .fieldset .field.privacy-protection-confirm label {
  white-space: normal;
  position: relative;
  color: hsla(0, 0%, 0%, .85);
  padding: 0;
  font-size: 1em
}

form .fieldset .field.newsletter.ok label,
form .fieldset .field.newsletter.error label,
form .fieldset .field.privacy-protection-confirm.ok label,
form .fieldset .field.privacy-protection-confirm.error label {
  white-space: normal;
  position: relative;
  color: hsla(0, 0%, 0%, .85);
  padding: 0;
  font-size: 1em
}

form .fieldset .field.zip {
  width: 30%
}

form .fieldset .field.iban {
  display: flex;
  flex-flow: column
}

form .fieldset .field.iban label {
  max-height: 2em
}

form .fieldset .field.iban .errors {
  display: none
}

form .fieldset .field.iban.error .errors {
  display: block
}

form .fieldset .field.date {
  width: 30%;
  margin-bottom: .5em
}

@media (min-width:768px) {
  form .fieldset .field.date {
    margin-bottom: 0
  }
}

form .fieldset .field.date>label {
  height: fit-content;
  color: hsla(0, 0%, 0%, .85);
  font-size: .7em;
  top: -.5em;
  left: -.5em
}

form .fieldset .field.date .fields .field label {
  z-index: 0;
  background-color: #d7d9db;
  height: 2em;
  color: hsla(0, 0%, 0%, .85)
}

form .fieldset .field.date .fields .field select {
  opacity: 0;
  background-color: #d7d9db;
  border-right: 1px solid #fff;
  position: relative;
  top: 0;
  margin: 0;
  outline: none;
  border-collapse: collapse;
  text-indent: .01px;
  text-overflow: "";
  font-size: .85em;
  width: inherit;
  height: 2em;
  min-width: 4em
}

form .fieldset .field label,
form .fieldset .field .label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 1em;
  line-height: 1.2em;
  z-index: 0;
  color: rgba(40, 40, 40, .45);
  white-space: nowrap;
  transition: all 0.2s ease-in;
  display: flex;
  justify-content: start;
  align-items: center;
  height: 100%;
  padding-left: .5em;
  overflow: hidden
}

@media (min-resolution:200dpi) and (pointer:coarse) {

  form .fieldset .field label,
  form .fieldset .field .label {
    font-size: 1.2em;
    line-height: 1em
  }
}

form .fieldset .field label.hidden,
form .fieldset .field .label.hidden {
  display: none
}

form .fieldset .field.column label {
  overflow: visible
}

form .fieldset .field strong {
  display: contents
}

form .fieldset .field.salutation label,
form .fieldset .field.gender label,
form .fieldset .field.digPDF label,
form .fieldset .field.radio label {
  font-size: 1em;
  position: relative;
  padding-left: 0;
  color: hsla(0, 0%, 0%, .85);
  width: fit-content;
  padding-right: 1em
}

@media (min-resolution:200dpi) and (pointer:coarse) {

  form .fieldset .field.salutation label,
  form .fieldset .field.gender label,
  form .fieldset .field.digPDF label,
  form .fieldset .field.radio label {
    font-size: 1.4em
  }
}

form .fieldset .field.entryCode label {
  display: none
}

form .fieldset .field.birthDay label,
form .fieldset .field.birthMonth label,
form .fieldset .field.birthYear label {
  display: none
}

form .fieldset .field.birthDay select,
form .fieldset .field.birthMonth select,
form .fieldset .field.birthYear select {
  opacity: 1 !important;
  line-height: 2em;
  top: 0.4em !important
}

form .fieldset .field.birthMonth select {
  min-width: 5em !important
}

form .fieldset .field.birthYear select {
  min-width: 5em !important
}

form .fieldset .field.course,
form .fieldset .field.channel,
form .fieldset .field.select-show-label {
  margin-bottom: 1em;
  margin-top: 1em
}

form .fieldset .field.course label,
form .fieldset .field.course .label,
form .fieldset .field.channel label,
form .fieldset .field.channel .label,
form .fieldset .field.select-show-label label,
form .fieldset .field.select-show-label .label {
  position: absolute;
  top: -2.5em;
  left: 0;
  font-size: .8em
}

form .fieldset .field.course .subfield,
form .fieldset .field.channel .subfield,
form .fieldset .field.select-show-label .subfield {
  margin-top: .2em
}

form .fieldset .field.paymentMethod,
form .fieldset .field.vocationalSchoolGraduation {
  flex-flow: row wrap
}

@media (min-width:768px) {

  form .fieldset .field.paymentMethod,
  form .fieldset .field.vocationalSchoolGraduation {
    flex-flow: row wrap
  }
}

form .fieldset .field.paymentMethod label,
form .fieldset .field.vocationalSchoolGraduation label {
  position: relative;
  width: 100%;
  max-width: fit-content;
  white-space: normal;
  height: auto;
  padding: .5em .5em 0 .5em;
  color: hsla(0, 0%, 0%, .85)
}

@media (min-width:400px) {

  form .fieldset .field.paymentMethod label,
  form .fieldset .field.vocationalSchoolGraduation label {
    width: 48%
  }
}

form .fieldset .field.paymentMethod .info-payment,
form .fieldset .field.vocationalSchoolGraduation .info-payment {
  background-color: hsl(220, 14%, 96%);
  transition: 0.3s all;
  width: 100%
}

form .fieldset .field.paymentMethod .info-payment p,
form .fieldset .field.vocationalSchoolGraduation .info-payment p {
  padding: 1em
}

form .fieldset .field.paymentMethod .info-payment label,
form .fieldset .field.vocationalSchoolGraduation .info-payment label {
  position: absolute
}

form .fieldset .field.paymentMethod label {
  padding-left: 0;
  padding-right: 2em
}

form .fieldset .field.paymentMethod label:last-of-type {
  padding-right: 0
}

form .fieldset .field.vocationalSchoolGraduation label {
  padding-top: 0
}

form .fieldset .field.on label,
form .fieldset .field.ok:not(.paymentMethod) label {
  top: .65em;
  left: 0;
  line-height: 1em;
  height: 1em;
  font-size: .66em;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in
}

form .fieldset .field input[type=text],
form .fieldset .field input[type=search],
form .fieldset .field input[type=email],
form .fieldset .field input[type=number],
form .fieldset .field input[type=date],
form .fieldset .field input[type=tel],
form .fieldset .field textarea {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgba(100, 100, 100, .25);
  border-bottom: 1px solid rgba(0, 0, 0, .25);
  border-radius: 0;
  box-shadow: none;
  height: 2.5rem;
  line-height: 2rem;
  padding: 1em .33em 0 .33em;
  -moz-appearance: none;
  outline: none;
  margin: 0;
  width: 100%;
  border-collapse: collapse;
  max-width: 100%;
  font-size: 1em
}

form .fieldset .field.note label {
  max-height: 2em
}

form .fieldset.phone .mobileIntAccessCode {
  width: 20%
}

form .fieldset.phone .mobileIntAccessCode label {
  display: none
}

form .fieldset.phone .mobileIntAccessCode select {
  height: 2.5rem;
  padding-right: 0;
  min-width: 4em
}

form .fieldset.email {
  display: none
}

form.borderSUD .fieldset .field {
  border: 8px solid rgba(0, 0, 0, .1)
}

form.borderSUD .fieldset .field.course {
  margin-top: 0;
  margin-bottom: 0
}

form.borderSUD .fieldset .field.course label {
  display: none
}

.miniselection.landwidth .selectholder>select {
  height: 2.1em
}

.formcontainer form,
.formStudyGuideInline form {
  padding-bottom: 2em
}

.formcontainer .td,
.formStudyGuideInline .td {
  padding: .1em;
  background-color: #eff2f4;
  width: auto
}

.formcontainer .box,
.formcontainer .box {
  width: 100%;
  margin-bottom: 1em;
  margin-top: 1em;
  padding: 0
}

.formcontainer .box .col,
.formcontainer .box .col {
  width: 100%;
  padding: 0 1em 0 .5em
}

.formcontainer .box .col.form2,
.formcontainer .box .col.form2 {
  padding: 1em 1em 4em 1em
}

.formcontainer .box .col .tr>.txt,
.formcontainer .box .col .tr>.txt {
  display: none;
  font-size: 1.125em;
  padding: 1em
}

.formcontainer .box .col .tr>.visual,
.formcontainer .box .col .tr>.visual {
  flex-basis: 22%;
  display: none
}

.formcontainer .box .col .infotext,
.formcontainer .box .col .infotext {
  padding-bottom: 1em;
  display: flex;
  flex-direction: row;
  width: 100%;
  font-size: 1.25em;
  line-height: 1.25em
}

.formcontainer .box .col .infotext .td.visual,
.formcontainer .box .col .infotext .td.visual {
  padding-right: 4vw
}

.formcontainer .box .col .infotext .td.visual img,
.formcontainer .box .col .infotext .td.visual img {
  margin-left: -.5em;
  width: 125px
}

.formcontainer .box .col .infotext .td.txt,
.formcontainer .box .col .infotext .td.txt {
  padding: 2em 0 0 0
}

.formcontainer .box .col .infotext .td.txt h3,
.formcontainer .box .col .infotext .td.txt h3 {
  font-size: 1.35em;
  white-space: nowrap
}

.formcontainer .box .col .formfields,
.formcontainer .box .col .formfields {
  width: 100%
}

.formcontainer .box .col .form2,
.formcontainer .box .col .form2 {
  padding: 1em 1em 4em 1em
}

select {
  font-size: 1em
}

.formfields {
  padding-left: .25em
}

form .flex.email {
  display: none
}

.checkradioholder {
  min-height: 1.5em;
  line-height: 1.5em;
  position: relative;
  padding-left: 1.5em
}

.checkradioholder.first {
  padding-left: 0
}

.checkradioholder label {
  padding: .15em 0 0 0;
  margin: 0;
  display: inline-block;
  line-height: 1.4em
}

.labelinput {
  position: relative;
  flex-basis: 100%;
  padding-top: .2em
}

.labelinput label {
  position: absolute;
  top: .6em;
  left: 0;
  width: 100%;
  line-height: 2rem;
  height: 2rem;
  font-size: 1em;
  z-index: 0;
  padding: 0 .5em;
  color: rgba(40, 40, 40, .45);
  white-space: nowrap;
  transition: all 0.2s ease-in
}

.labelinput.on label,
.labelinput.ok label {
  top: .65em;
  left: 0;
  line-height: 1em;
  height: 1em;
  font-size: .66em;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in
}

input::placeholder {
  color: transparent
}

input#googleinput::placeholder {
  color: hsla(0, 0%, 0%, .5)
}

input[type=radio]:not(old),
input[type=radio],
input[type=checkbox] {
  border-radius: 10em;
  appearance: none;
  outline: none;
  background: #fff;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  border: 0;
  width: 1em;
  max-height: 1.2em;
  line-height: 1em;
  text-align: center;
  overflow: initial;
  vertical-align: middle;
  outline-offset: 0;
  font-size: 1.2em;
  position: relative;
  top: 0;
  bottom: 0;
  margin-right: .3em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%
}

input[type=checkbox]:checked,
input[type=checkbox]:checked::after,
input[type=radio]:checked,
input[type=radio]:checked::after {
  color: rgb(255, 140, 0);
  height: 1em
}

input[type=radio i]::after,
input[type=radio i]:focus::after,
input[type=radio i]:checked::after,
input[type=radio i]:active::after,
input[type=checkbox i]::after,
input[type=checkbox i]:focus::after,
input[type=checkbox i]:checked::after,
input[type=checkbox i]:active::after {
  font-family: "fontawesome";
  content: "\f10c";
  color: rgb(200, 200, 200);
  background: rgb(255, 255, 255);
  text-align: center;
  overflow: visible;
  visibility: visible;
  border-radius: 10em;
  border: 0;
  outline: none;
  font-size: 1.1em;
  top: 0;
  outline-offset: 0;
  outline: none;
  position: relative
}

input[type=checkbox i]:checked::after,
input[type=radio i]:checked::after,
input[type=checkbox i]:checked::after,
input[type=radio i]:checked::after {
  color: rgb(255, 140, 0)
}

input[type=radio i]:checked::after {
  content: "\f058";
  font-size: 1.1em;
  line-height: 1em
}

.labelinput input[type=text],
.labelinput input[type=search],
.labelinput input[type=email],
.labelinput input[type=number],
.labelinput input[type=date],
.labelinput input[type=tel],
.labelinput textarea {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgba(100, 100, 100, .25);
  border-bottom: 1px solid rgba(0, 0, 0, .25);
  border-radius: 0;
  box-shadow: none;
  height: 2.5rem;
  line-height: 2rem;
  padding: 1em .33em 0 .33em;
  -moz-appearance: none;
  outline: none;
  margin: 0;
  width: 100%;
  border-collapse: collapse;
  max-width: 100%;
  font-size: 1em
}

select,
.relation {
  width: 100%
}

select {
  height: 2.5rem;
  line-height: 2.5em;
  position: relative;
  z-index: 1;
  top: 0;
  padding: 0 .66em;
  padding-right: 1.125em;
  margin: 0;
  outline: none;
  border-collapse: collapse;
  border: none;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: .01px;
  text-overflow: ""
}

input[type=checkbox]:not(old),
input[type=checkbox] {
  border-radius: 0;
  align-items: start;
  padding-top: 0;
  height: .9em
}

input[type=checkbox i]::after,
input[type=checkbox i]:checked::after,
input[type=checkbox i]:focus::after,
input[type=checkbox i]:active::after,
input[type=checkbox i]:active::after {
  content: "\f096";
  font-weight: 600;
  font-size: 1.1em
}

input[type=checkbox i]:checked::after {
  content: "\f14a";
  font-weight: 300
}

.checkradioholder>input {
  font-size: 1.4em;
  position: absolute;
  left: 0;
  top: 0;
  height: 1em;
  overflow: visible
}

.uncheckinputs {
  font-weight: 200;
  position: relative;
  top: .05em
}

.selectholder>select {
  position: relative;
  z-index: 1;
  top: 0
}

.birthdateholder {
  margin-right: .1em
}

.datepicker {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.datepicker>div {
  margin-right: .1em
}

.datepicker>div:last-child {
  margin-right: 0
}

.datepicker .td.selectholder.day {
  min-width: 3.66em !important
}

.datepicker .td.selectholder.month {
  min-width: 4.75em !important
}

.datepicker .td.selectholder.year {
  min-width: 4.25em !important
}

.fieldsetholder label {
  line-height: 1.1em;
  padding: 0;
  margin: 0;
  display: inline-block
}

.datepointer {
  position: relative
}

.datepointer .labelbirthday {
  position: relative;
  top: -.9em;
  font-size: .6em
}

.datepointer select {
  height: 1.8em;
  position: relative;
  top: -2em;
  width: 5em;
  margin-right: .1em
}

.landvorwahl {
  margin-right: .1em
}

.landvorwahl.bigselection {
  width: auto;
  margin-top: .2em
}

.vorwahl {
  margin-right: .2em
}

.subselectionholder {
  margin-top: .2em
}

.datepicker .td.selectholder select.date {
  padding-left: 0.25em !important;
  letter-spacing: -.05em;
  height: 1.5em
}

.miniselection,
.graybg,
ol.akkordeon>li.open,
.hightligtbg,
select,
.selectholder.shortselection {
  background-color: #d7d9db
}

select option {
  background-color: hsl(255, 100%, 100%)
}

.labelinput textarea,
textarea {
  line-height: 1.2em;
  padding-top: 1em !important;
  padding-bottom: .5em;
  height: auto;
  min-height: 10em
}

form .fieldset .field.ok input[type=text],
form .fieldset .field.ok input[type=password],
form .fieldset .field.ok input[type=number],
form .fieldset .field.ok input[type=email] {
  padding-right: 1.7em
}

form .fieldset .field.ok::after {
  content: " ";
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%200.4%200.4%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20fill%3D%22%23189405%22%20d%3D%22M0.182%200.355%200.005%200.225l0.043%20-0.06%200.12%200.088%200.165%20-0.213%200.057%200.045z%22%2F%3E%3C%2Fsvg%3E);
  position: absolute;
  right: calc(-100% + 1.5em);
  top: calc(50% - 0.2em);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat
}

form .fieldset .field.ok.paymentMethod::after {
  top: .2em
}

form .fieldset .field.ok.radio::after,
form .fieldset .field.ok.checkbox::after {
  content: none
}

form .fieldset .field.ok.radio input:checked,
form .fieldset .field.ok.radio input:checked::after,
form .fieldset .field.ok.checkbox input:checked,
form .fieldset .field.ok.checkbox input:checked::after {
  color: hsl(112, 94%, 30%)
}

form .fieldset .field.ok.radio label,
form .fieldset .field.ok.checkbox label {
  top: auto;
  height: auto;
  line-height: 1.2em;
  font-size: 1em
}

form .fieldset .field.error::after {
  position: absolute;
  right: calc(-100% + 1.5em);
  top: calc(50% - 0.75em);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  font-family: FontAwesome;
  content: "\f00d";
  color: hsl(0, 100%, 45%)
}

form .fieldset .field.error.radio::after,
form .fieldset .field.error.checkbox::after {
  display: none
}

form .fieldset .field.error.iban::after {
  top: .5em
}

.formCustomerRatingFilter .fieldset .field.course {
  margin-bottom: 0
}

.box.infos-anfordern-full {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center
}

@media (min-width:920px) {
  .box.infos-anfordern-full {
    flex-flow: row nowrap
  }
}

.box.infos-anfordern-full .formfields {
  width: 70%
}

.box.infos-anfordern-full .newsletter {
  width: 100%
}

.box.infos-anfordern-full .error_msg {
  font-size: .9em;
  margin: .3em 0
}

.box.infos-anfordern-full .formtd {
  display: flex;
  flex-flow: row nowrap
}

.box.infos-anfordern-full form {
  padding-bottom: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center
}

@media (min-width:1080px) {
  .box.infos-anfordern-full form {
    flex-flow: row nowrap
  }
}

.box.infos-anfordern-full .col {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  align-items: start;
  min-height: 100px;
  padding: 0;
  padding-top: 1em
}

@media (min-width:768px) {
  .box.infos-anfordern-full .col {
    min-height: 250px;
    padding-left: 1em;
    padding-right: 1.6em
  }
}

@media (min-width:1080px) {
  .box.infos-anfordern-full .col {
    justify-content: space-between;
    align-items: center
  }
}

.box.infos-anfordern-full .col.intro {
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
  align-items: center;
  width: 100%
}

@media (min-width:768px) {
  .box.infos-anfordern-full .col.intro {
    display: none
  }
}

@media (min-width:1080px) {
  .box.infos-anfordern-full .col.intro {
    display: flex;
    flex-flow: row;
    padding-left: 1em;
    padding-right: 1.6em;
    padding-top: 0em;
    width: 33.33%
  }
}

.box.infos-anfordern-full .col.intro .txt {
  display: block;
  padding-right: 1em
}

@media (min-width:768px) {
  .box.infos-anfordern-full .col.intro .txt {
    display: none;
    padding-right: 0
  }
}

@media (min-width:1080px) {
  .box.infos-anfordern-full .col.intro .txt {
    display: flex;
    flex-flow: column
  }
}

.box.infos-anfordern-full .col.intro .visual {
  width: 100%;
  max-width: 9rem;
  padding: 0 .5em
}

@media (min-width:1080px) {
  .box.infos-anfordern-full .col.intro .visual {
    width: 100%;
    padding: 0 0 0 1em
  }
}

.box.infos-anfordern-full .col.intro .visual img {
  width: 100%;
  max-width: 9em
}

.box.infos-anfordern-full .col.formfields {
  padding: 1em;
  display: flex;
  flex-flow: row;
  justify-content: start;
  align-items: start;
  width: 100%
}

@media (min-width:1080px) {
  .box.infos-anfordern-full .col.formfields {
    flex-flow: row
  }
}

@media (min-width:1080px) {
  .box.infos-anfordern-full .col.formfields {
    padding: 0 2.2em 0 1.5em;
    width: 33.33%
  }
}

.box.infos-anfordern-full .col.formfields .infotext {
  font-size: 1em;
  width: 30%;
  display: none
}

@media (min-width:768px) {
  .box.infos-anfordern-full .col.formfields .infotext {
    display: flex
  }
}

@media (min-width:1080px) {
  .box.infos-anfordern-full .col.formfields .infotext {
    display: none
  }
}

.box.infos-anfordern-full .col.formfields .inform {
  display: flex;
  flex-flow: column;
  width: 100%;
  align-self: center
}

@media (min-width:768px) {
  .box.infos-anfordern-full .col.formfields .inform {
    width: 60%
  }
}

@media (min-width:1080px) {
  .box.infos-anfordern-full .col.formfields .inform {
    width: 100%
  }
}

.box.infos-anfordern-full .col.formfields .inform .txt {
  display: none
}

@media (min-width:768px) {
  .box.infos-anfordern-full .col.formfields .inform .txt {
    display: block
  }
}

@media (min-width:1080px) {
  .box.infos-anfordern-full .col.formfields .inform .txt {
    display: none
  }
}

.box.infos-anfordern-full .col.formfields .visual {
  display: block;
  width: 100%
}

@media (min-width:1080px) {
  .box.infos-anfordern-full .col.formfields .visual {
    display: none
  }
}

.box.infos-anfordern-full .col.formfields .visual img {
  width: 90%;
  height: auto;
  max-width: 14em
}

.box.infos-anfordern-full .col.intro {
  padding: .5em 2em .5em .5em;
  display: flex
}

@media (min-width:768px) {
  .box.infos-anfordern-full .col.intro {
    display: none
  }
}

@media (min-width:1080px) {
  .box.infos-anfordern-full .col.intro {
    display: flex
  }
}

.box.infos-anfordern-full .col.newsletter {
  align-items: end;
  justify-content: center;
  font-size: .9em;
  min-height: auto;
  padding: 1em;
  border-top: 1px solid rgba(0, 0, 0, .2);
  flex-flow: column
}

@media (min-width:920px) {
  .box.infos-anfordern-full .col.newsletter {
    flex-flow: column nowrap;
    align-items: end;
    padding-right: 3em;
    font-size: 1em
  }
}

.box.infos-anfordern-full .col.newsletter .fieldsetholder {
  width: 100%
}

@media (min-width:1080px) {
  .box.infos-anfordern-full .col.newsletter {
    min-height: 250px;
    width: 33.33%;
    border-top: 0
  }
}

.box.infos-anfordern-full .col.newsletter .floating {
  width: 100%;
  float: right
}

@media (min-width:768px) {
  .box.infos-anfordern-full .col.newsletter .floating {
    width: auto;
    float: none
  }
}

@media (min-width:1080px) {
  .box.infos-anfordern-full .col.newsletter .floating .button {
    position: absolute;
    right: 2em;
    bottom: 1em
  }
}

.box.infos-anfordern-full .checkradioholder label {
  line-height: 1em
}

@media (min-width:1080px) {
  .infos-anfordern-full form .col::after {
    content: "";
    position: absolute;
    right: -.5em;
    top: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' preserveAspectRatio='none'%3E%3Cpath fill='rgba(255,255,255,1)' d='M66.07 477.3c-1.376-1.531-2.048-3.438-2.048-5.344c0-2.188 .891-4.375 2.642-5.938L300.2 256L66.66 45.93c-3.283-2.906-3.58-8-.594-11.28c2.97-3.281 8.019-3.563 11.32-.5938l240.1 216c3.345 3 3.345 8.875 0 11.88L77.38 477.9C74.08 480.9 69.04 480.6 66.07 477.3z'/%3E%3C/svg%3E");
    background-size: 3em 120%;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    width: 3em;
    z-index: 0
  }

  .infos-anfordern-full form .col.form1::after {
    right: -.5em
  }

  .infos-anfordern-full form .col.form2::after {
    right: -2.5em
  }
}

.oamstepstab {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  background-color: rgb(15, 100, 220);
  padding: .5em .25em 0 0;
  margin-bottom: 1em;
  margin-top: 1em
}

.oamstepstab .siegelholder p {
  max-width: 80%
}

@media (min-width:920px) {
  .oamstepstab .siegelholder p {
    max-width: 100%
  }
}

.oamstepstab>div {
  padding: .5em .25em;
  border-left: .25em solid rgb(15, 100, 220);
  width: 33.333%;
  background-color: rgba(255, 255, 255, .5);
  vertical-align: top;
  border-top: .25em solid rgb(15, 100, 220);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center
}

.oamstepstab>div a {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  opacity: .5
}

@media (min-width:768px) {
  .oamstepstab>div a {
    flex-flow: row nowrap;
    align-items: center
  }
}

.oamstepstab>div strong {
  font-size: 2em;
  font-weight: 900 !important;
  border-bottom: 1px solid rgba(0, 0, 0, .95);
  border-right: none;
  width: 100%;
  margin-bottom: .2em;
  line-height: 1em;
  padding: 0;
  min-width: .75em;
  text-align: center;
  color: rgba(0, 0, 0, .95)
}

@media (min-width:768px) {
  .oamstepstab>div strong {
    width: 25%;
    border-right: 1px solid rgba(0, 0, 0, .95);
    border-bottom: none;
    margin-bottom: 0;
    font-size: 4em
  }
}

.oamstepstab>div dfn {
  line-height: 1.2em;
  padding: 0 .66em;
  width: auto;
  text-align: center;
  font-size: clamp(0.7em, 3vw, 0.9em);
  color: rgba(0, 0, 0, .95)
}

@media (min-width:768px) {
  .oamstepstab>div dfn {
    text-align: left;
    font-size: clamp(0.7em, 1vw, 0.9em)
  }
}

.oamstepstab>div.akt {
  background-color: rgb(255, 255, 255);
  padding-top: .5em;
  border-top: 0
}

.oamstepstab>div.akt a {
  opacity: 1
}

.oamstepstab>div.akt strong {
  color: rgb(15, 100, 220)
}

.oamstepstab .second {
  border-top: 1px solid rgba(0, 0, 0, .1)
}

.inlinecheck {
  font-size: clamp(0.9em, 1vw, 1em)
}

.inlinecheck .infotable {
  display: flex;
  flex-flow: column;
  padding: .5em 0 0 0;
  border-top: 1px solid rgba(0, 0, 0, .1)
}

@media (min-width:768px) {
  .inlinecheck .infotable {
    flex-flow: row nowrap
  }
}

.inlinecheck .infotable .oamrow {
  display: flex;
  justify-content: start;
  flex-flow: row nowrap;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding-bottom: .2em;
  margin-bottom: .2em
}

.inlinecheck .infotable .oamrow .headlincurse {
  width: 10em
}

.inlinecheck .infotable .oamrow .pricetotal {
  color: hsl(0, 0%, 44%)
}

.inlinecheck .infotable .oamrow .zfuholder {
  width: 10em
}

.inlinecheck.formJobApplication .counter {
  position: absolute;
  top: -1.2em;
  font-size: .7rem
}

.zahlart .flex.fieldset {
  justify-content: start
}

.leftcell {
  display: flex;
  flex-flow: column;
  width: 100%
}

@media (min-width:920px) {
  .leftcell {
    width: 80%
  }
}

.leftcell .second {
  text-align: right
}

@media (min-width:920px) {
  .leftcell .second {
    text-align: left
  }
}

.total {
  display: flex;
  flex-flow: row nowrap;
  width: 100%
}

@media (min-width:920px) {
  .total {
    justify-content: start
  }
}

.total .totalinner {
  width: 100%;
  padding: .5em 0;
  text-align: right
}

@media (min-width:920px) {
  .total .totalinner {
    padding: 0;
    text-align: left
  }
}

.oaminner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between
}

@media (min-width:920px) {
  .oaminner {
    justify-content: start
  }
}

.oaminner .first,
.total .first {
  width: 100%;
  max-width: 9em
}

.oam {
  padding-bottom: 3em;
  margin-bottom: 3em
}

.oam .button {
  position: absolute
}

.box.oaminfo .w100p.bordered {
  display: flex;
  flex-flow: row wrap;
  padding: .5em 0
}

.box.oaminfo .w100p.bordered .tal {
  width: 100%
}

@media (min-width:920px) {
  .box.oaminfo .w100p.bordered .tal {
    width: 70%
  }
}

.box.oaminfo .w100p.bordered .tal.headlincurse {
  width: 40%
}

.box.oaminfo .w100p.bordered .tal.pricecurse {
  width: 60%;
  text-align: right
}

.box.oaminfo .w100p.bordered .tal.pricetotal {
  width: 100%;
  text-align: right
}

.box.oaminfo .w100p.bordered .tal.pricetotal .total {
  justify-content: end;
  color: hsl(0, 0%, 44%)
}

@media (min-width:920px) {
  .box.oaminfo .w100p.bordered .tal.pricetotal .total {
    padding-right: 10%
  }
}

@media (min-width:920px) {
  .box.oaminfo .w100p.bordered .tal:nth-child(odd) {
    width: 30%
  }
}

.price {
  font-size: 1.2em
}

.price strong {
  line-height: 1.1em;
  font-weight: 500;
  margin: 0;
  display: block;
  white-space: nowrap
}

s.diagonal {
  position: relative;
  text-decoration: none
}

span.m-price,
small.old-price,
small {
  display: initial;
  padding-left: .2em
}

span.m-price .red,
small.old-price .red,
small .red {
  position: relative;
  border-color: hsl(0, 100%, 40%)
}

span.m-price .red:before,
small.old-price .red:before,
small .red:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-top-color: currentcolor;
  border-color: inherit;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.tal.bordered .border {
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.zfu div .border:nth-child(odd) {
  width: 50%
}

.zfu div .border:nth-child(even) {
  width: 50%;
  text-align: right
}

.oaminfo .table.bordered>.tr>.td {
  padding: .125em 0;
  border-top: 1px solid rgba(0, 0, 0, .1)
}

.pdfprintholder .button.pdfprint {
  padding: 1em 2em;
  line-height: 1.1em;
  display: flex;
  width: fit-content;
  text-align: left;
  color: #fff !important;
  background-color: rgb(20, 98, 203);
  max-width: 18em;
  justify-content: center;
  align-items: center;
  font-size: 1.2em
}

.pdfprintholder .button.pdfprint::before {
  position: initial
}

.seek {
  display: flex;
  justify-content: start;
  align-items: start
}

.seek form {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-flow: row nowrap;
  padding: .5em;
  width: 100%;
  position: relative
}

.seek form input {
  width: 100%;
  height: 3em;
  max-height: 2.6em;
  font-size: 1em;
  border: 1px solid rgba(100, 100, 100, .25);
  text-align: center
}

.seek form input::placeholder {
  display: block;
  z-index: 9;
  color: #999;
  font-size: 1em
}

.seek form .clear {
  z-index: 9;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.5em;
  width: 2em
}

.seek form .clear:before {
  content: "\f00d";
  width: 30px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%
}

.seek form button {
  display: flex;
  height: 100%;
  min-height: 2.5em;
  border-top-left-radius: .33em;
  border-bottom-left-radius: .133em;
  border-bottom-right-radius: .66em;
  left: 0
}

.seek form button:before {
  content: "\f002";
  width: 2em;
  height: 1.33em;
  line-height: 1.33em;
  font-weight: 400
}

.seek.ready .seekform form .clear:before,
.seek.akt .seekform form .clear:before {
  content: ""
}

main .seek form .clear {
  height: 100%
}

main .seek form button {
  width: 2.5em
}

.contentseek button.orange:hover {
  background-color: hsl(33, 100%, 50%)
}

.formSUD form .error select#sud-course,
.formSUDLogin form .error select#sud-course {
  background: rgba(117, 183, 37, .33)
}

.formSUD form .course:before,
.formSUDLogin form .course:before {
  content: "\f0dc";
  font-family: "fontawesome";
  position: absolute;
  right: .4em;
  top: 0;
  bottom: 0;
  left: auto;
  z-index: 0;
  height: 100%;
  line-height: 1.8em;
  width: 1.5em;
  text-align: center;
  display: flex !important;
  justify-content: end;
  align-items: center
}

.formSUD form #sud ul.checklist li,
.formSUDLogin form #sud ul.checklist li {
  margin: .2em 0
}

.formSUD form #sud ul.checklist li:before,
.formSUDLogin form #sud ul.checklist li:before {
  color: rgb(5, 150, 10);
  content: "\f00c"
}

.formSUD form img.best-price,
.formSUDLogin form img.best-price {
  width: 25%;
  max-width: 12em;
  float: right;
  margin-left: 2%;
  display: inline-block;
  margin-top: -1em;
  margin-right: 2em
}

.formSUD form ul li:before,
.formSUDLogin form ul li:before {
  content: "\f00c"
}

.formSUDLogin {
  padding: 0
}

.formSUDLogin .doi {
  position: relative;
  z-index: 1;
  margin: 0 0 2em 0;
  border-radius: 1em;
  background-color: rgb(243, 245, 247);
  border-bottom: 0;
  color: rgb(30, 32, 35);
  padding: 1em .5em .5em .5em;
  font-size: 1rem
}

@media (min-width:920px) {
  .formSUDLogin .doi {
    padding: 1em 1em .5em 1em
  }
}

.formSUDLogin .doi svg.best-price-stoerer {
  width: auto;
  height: 85%;
  max-height: 4.66em;
  float: right;
  display: block;
  margin-left: .66em;
  margin-top: .66em
}

@media (min-width:920px) {
  .formSUDLogin .doi svg.best-price-stoerer {
    max-height: 7.66em
  }
}

.formSUDLogin .doi svg.best-price-stoerer .st0 {
  fill: none;
  stroke: rgb(100, 102, 105);
  stroke-width: 17.416
}

.formSUDLogin .doi svg.best-price-stoerer .st1 {
  fill: rgb(100, 102, 105)
}

.formSUDLogin .doi svg.best-price-stoerer .st2 {
  fill: #fff
}

.formSUDLogin .doi svg.best-price-stoerer .st3 {
  fill: rgb(150, 152, 155)
}

.formSUDLogin .doi .intro-wrapper {
  text-align: left;
  padding-bottom: 0
}

@media (min-width:768px) {
  .formSUDLogin .doi .intro-wrapper {
    padding-bottom: 2em
  }
}

.formSUDLogin .doi .boxes {
  margin: .5em 0 1em 0;
  justify-content: center;
  flex-flow: row wrap
}

@media (min-width:768px) {
  .formSUDLogin .doi .boxes {
    flex-wrap: nowrap
  }
}

.formSUDLogin .doi .boxes .box {
  width: 46%;
  max-width: 50%;
  font-size: clamp(0.8rem, 1vw, 1rem);
  line-height: 1.1em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  min-width: auto;
  background-color: rgb(255, 255, 255) !important;
  padding: 0 .33em
}

@media (min-width:920px) {
  .formSUDLogin .doi .boxes .box {
    width: 25%;
    font-size: 1rem
  }
}

@media (min-width:768px) {
  .formSUDLogin .doi .boxes .box {
    padding: 1em .33em
  }
}

.formSUDLogin .doi .boxes .box.preise-anmeldung {
  border-bottom-right-radius: 0.25em !important;
  border-top-right-radius: 0.25em !important;
  border-bottom-left-radius: 0.25em !important
}

@media (min-width:500px) {
  .formSUDLogin .doi .boxes .box.preise-anmeldung {
    border-top-left-radius: 2em !important;
    border-top-right-radius: 0.25em !important
  }
}

@media (min-width:768px) {
  .formSUDLogin .doi .boxes .box.preise-anmeldung {
    border-bottom-left-radius: 2em !important
  }
}

.formSUDLogin .doi .boxes .box.foerderrungen {
  border-bottom-right-radius: 0.25em !important;
  border-top-right-radius: 0.25em !important;
  border-top-left-radius: 0.25em !important
}

@media (min-width:500px) {
  .formSUDLogin .doi .boxes .box.foerderrungen {
    border-bottom-left-radius: 2em !important
  }
}

@media (min-width:768px) {
  .formSUDLogin .doi .boxes .box.foerderrungen {
    border-bottom-left-radius: 0.25em !important
  }
}

.formSUDLogin .doi .boxes .box.foerderrungen .next {
  display: none
}

@media (min-width:500px) {
  .formSUDLogin .doi .boxes .box.foerderrungen .next {
    display: none
  }
}

@media (min-width:768px) {
  .formSUDLogin .doi .boxes .box.foerderrungen .next {
    display: flex
  }
}

.formSUDLogin .doi .boxes .box.docs {
  border-bottom-right-radius: 0.25em !important;
  border-bottom-left-radius: 0.25em !important;
  border-top-left-radius: 0.25em !important
}

@media (min-width:500px) {
  .formSUDLogin .doi .boxes .box.docs {
    border-top-right-radius: 2em !important
  }
}

@media (min-width:768px) {
  .formSUDLogin .doi .boxes .box.docs {
    border-top-right-radius: 0.25em !important
  }
}

.formSUDLogin .doi .boxes .box.docs .next {
  display: none
}

@media (min-width:500px) {
  .formSUDLogin .doi .boxes .box.docs .next {
    display: none
  }
}

@media (min-width:768px) {
  .formSUDLogin .doi .boxes .box.docs .next {
    display: flex
  }
}

.formSUDLogin .doi .boxes .box.newsletter {
  border-top-left-radius: 0.25em !important;
  border-bottom-left-radius: 0.25em !important;
  border-top-right-radius: 0.25em !important
}

@media (min-width:500px) {
  .formSUDLogin .doi .boxes .box.newsletter {
    border-bottom-left-radius: 0.25em !important
  }
}

@media (min-width:768px) {
  .formSUDLogin .doi .boxes .box.newsletter {
    border-top-right-radius: 2em !important
  }
}

.formSUDLogin .doi .boxes .box .next {
  font-size: 2.2em !important;
  left: calc(100% + 0.3em) !important;
  color: rgb(255, 255, 255) !important;
  font-weight: 100 !important;
  background-color: rgb(170, 170, 170) !important;
  border-color: rgb(255, 255, 255) !important;
  -webkit-text-stroke-width: 0.05em !important;
  -webkit-text-stroke-color: rgb(255, 255, 255) !important;
  background-image: none !important;
  height: 1.66em !important;
  line-height: 1.66em !important;
  width: 1.66em !important;
  right: -1.1em !important;
  font-family: Arial, Helvetica, sans-serif
}

@media (min-width:768px) {
  .formSUDLogin .doi .boxes .box .next {
    left: calc(100% - 0.6em) !important
  }
}

.formSUDLogin .doi .boxes .box .image {
  width: 30% !important;
  min-width: 3em;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: auto 2.5em;
  color: rgb(30, 32, 35);
  -ms-border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

@media (min-width:768px) {
  .formSUDLogin .doi .boxes .box .image {
    width: 100% !important
  }
}

@media (min-width:768px) {
  .formSUDLogin .doi .boxes .box .image {
    background-size: auto 4em
  }
}

.formSUDLogin .doi .boxes .box p {
  width: 100%;
  padding-bottom: 0
}

.formSUDLogin .doi .boxes .box .preise-anmeldung {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! euro-pointer--%3E%3Cpath fill='rgba(100,102,105,1)' d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256c12.5 0 24.8-.9 36.8-2.6-4.3-4.1-7.8-9.1-10.1-14.9-8.7 1-16.8 1.5-26.7 1.5-132.5 0-240-107.5-240-240S123.5 16 256 16s240 107.5 240 240c0 9-.5 17.1-1.47 26.7 5.75 1.4 10.792 5.8 14.84 10.1 1.733-12 2.628-24.3 2.628-36.8C511.999 114.6 397.4 0 256 0Zm.08 247.994a8.299 8.299 0 0 0-5.78 2.307c-2 2.1-2.8 5.098-2 7.898l64 224c1 3.4 4 5.701 7.6 5.801 3.5.1 6.6-2.2 7.7-5.6l34.8-108.7 135.94 136c3.13 3.1 8.192 3.1 11.316 0a8.105 8.105 0 0 0 0-11.4L373.7 362.4l108.74-34.8c3.36-1.1 5.611-4.2 5.561-7.7-.06-3.6-2.41-6.6-5.8-7.6l-224-64c-.7-.2-1.412-.3-2.12-.306zM267.6 267.6l184.8 52.8-96 30.8c-2.5-.1-4.4 2.7-5.2 5.2l-30.8 96z'/%3E%3Cpath fill='rgba(5,150,10,1)' d='M224.771 111.602c-89.93 0-108.967 37.35-116.36 106h-27.33c-4.42 0-8 3.6-8 8s3.58 8 8 8h25.702c-.723 26.456-.815 10.89 0 32H81.081c-4.42 0-8 3.6-8 8s3.58 8 8 8h27.33c8.105 73.586 28.566 106 116.36 106h28.1c5.3 0 8-3.6 8-8s-2.7-8-8-8h-28.1c-76.945 0-92.578-28.163-99.738-90h97.738c4.4 0 8-3.6 8-8s-3.6-8-8-8h-99.69c-1.535-22.36.21-6.262 0-32h99.69c4.4 0 8-3.6 8-8s-3.6-8-8-8h-97.738c5.023-53.29 19.944-90 99.738-90h44.1c5.3 0 8-3.58 8-8s-2.7-8-8-8z'/%3E%3C/svg%3E");
  z-index: 0
}

.formSUDLogin .doi .boxes .box .docs {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='576' height='540'%3E%3Cpath fill='rgba(100,102,105,1)' d='m279.992 34.632 16.51 16.267 95.002.64c26.46.125 47.809 21.715 47.684 48.225l.148 208.977 14.459-4.905 1.361-203.996c.197-35.34-28.386-64.134-63.666-64.301ZM64 .001c-35.35 0-64 28.65-64 64l.006 388c0 35.35 28.65 64 64 64H190l-10-16H64c-26.51 0-48-21.49-48-48v-388c0-26.51 21.493-47.632 48-48h144v110c0 22.09 17.913 40.368 40 40h110v116l16 4v-122.8a31.962 31.962 0 0 0-9.367-22.61L233.4 9.375C227.4 3.371 219.2 0 210.7 0Zm160 22.63 127.4 127.37H248c-13.22 0-24-10.77-24-24zm127.11 278.131c-48.1 0-87.901 35.3-94.901 81.4-37.1 7-65.1 39.5-65.1 78.6 0 44.2 35.8 80 80 80h224c44.2 0 80-35.8 80-80 0-35.9-23.6-66.2-56.1-76.4-2.3-33.3-30-59.6-63.9-59.6-11.6 0-22.6 3.1-32 8.5-17.5-19.9-43.3-32.5-72-32.5zm0 15.1c23.5 0 44.6 11 59.3 27.1 3.6 4 6.8 8.4 9.6 13.1 3.6-3.9 8-7.3 12.8-9.8 6.6-4.4 14.2-5.5 22.3-5.5 26.5 0 48 21.5 48 48 0 .8-.9 1.6-.1 2.5-.1 2-.3 4-.6 5.9 2.6.3 5.299.8 7.799 1.4 28.1 6.8 48.9 32.1 48.9 62.2 0 35.3-28.7 64-64 64h-224c-35.3 0-64-28.7-64-64s28.7-64 64-64c0-44.2 35.8-80.9 80-80.9zM461.673 75.525l6.51 16.267 15.002.64c26.46.125 47.81 21.715 47.684 48.225l.149 230.978 14.458 7.094 1.361-237.996c.197-35.34-28.386-64.134-63.666-64.3z'/%3E%3Cpath d='M385.252 353.18c-4.406 0-8 3.592-8 8.002v111.5l-48.1-54.85a8.048 8.048 0 0 0-5.907-2.595 7.955 7.955 0 0 0-5.407 2.094c-3.25 3.002-3.469 8.064-.5 11.32l62 70.021c3.062 3.312 8.75 3.312 11.81 0l62-70.02c2.97-3.253 2.75-8.315-.5-11.32-3.195-2.95-8.296-2.75-11.296.55l-48.1 54.8v-111.5c0-4.408-3.594-8.002-8-8.002z' style='fill:%2305960a;fill-opacity:1'/%3E%3C/svg%3E");
  z-index: 2
}

.formSUDLogin .doi .boxes .box .foerderrungen {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgba(100,102,105,1)' d='M319.1 24.37C298.1 18.91 277.8 16 256 16 123.5 16 16 123.5 16 256s107.5 240 240 240 240-107.5 240-240c0-21.8-2.9-43-8.4-63.1l12.9-12.9c6.6 24 11.5 49.5 11.5 76 0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0c26.5 0 51.1 4.012 75.1 11.46zm102 205.33c2.2 8.6 2.9 17.4 2.9 26.3 0 92.8-75.2 168-168 168S88 348.8 88 256 163.2 88 256 88c8.9 0 17.7.7 26.3 2.04-.1 4.25.2 8.52 1 12.76l.6 3.8c-9.1-1.7-18.4-2.6-27.9-2.6-83.9 0-152 68.1-152 152s68.1 152 152 152 152-68.1 152-152c0-9.5-.9-18.8-2.6-27.9l3.8.6c4.2.8 8.5 1.1 11.9 1zM256 184c4.8 0 9.5.5 14.1 1.4L255.4 200c-30.6.3-55.4 25.3-55.4 55.1 0 31.8 25.1 56 56 56 30.7 0 55.7-23.9 55.1-54.5l15.5-14.7c.9 4.6 1.4 9.3 1.4 14.1 0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72z'/%3E%3Cpath d='M265.624 259.522a8.15 8.15 0 0 1-11.4 0 8.15 8.15 0 0 1 0-11.4l77.1-77-12.6-75.74c-2.1-12.74 2.1-25.73 10.3-34.86l51.5-50.61c8.7-8.686 23.5-4.747 26.7 7.1l19.2 70.29 70.3 19.22c11.9 3.2 15.8 18 7.1 26.7l-50.6 50.6c-9.1 9.1-22.1 13.3-34.9 11.2l-75.7-12.6zm126.2-238.3-50.6 50.61c-5.5 5.48-8 13.27-6.7 20.92l10.7 64.47 65.8-65.77zm29.2 158c7.6 1.3 15.4-1.2 20-6.7l51.5-50.6-70.2-19.2-65.8 65.8z' style='fill:%2305960a;fill-opacity:1'/%3E%3C/svg%3E");
  z-index: 3
}

.formSUDLogin .doi .boxes .box .newsletter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! envelop-open-info--%3E%3Cpath fill='rgba(100,102,105,1)' d='M256 .002c-13 0-25.8 4.665-36.9 13.129L158.7 64H104c-22.06 0-40 17.94-40 40v38.61L21.05 178.3C7.68 189.4 0 205.1 0 223.9V448c0 35.3 28.71 64 64 64h384c35.29 0 64-28.71 64-64.01V223.9c0-18.8-7.7-34.5-21.1-45.6L448 142.6V104c0-22.06-17.9-40-40-40h-54.7l-61.27-50.86C281.8 4.67 269 .005 256 .005Zm0 16.008c9.1 0 18.22 3.15 25.81 9.45L328.2 64H183.8l46.4-38.54c7.6-6.3 16.7-9.45 25.8-9.45zM104 80h304c13.22 0 24 10.78 24 24v161.8L281.8 390.5c-7.6 6.3-16.7 8.6-25.8 8.6-9.1 0-18.22-3.16-25.81-9.463L80 265.8V104c0-13.22 10.78-24 24-24Zm-40 83.4v89.1l-32.73-27.2c-18.78-15.6-8.89-28.2 0-34.7zm384 0 32.73 27.17c9.113 7.562 18.69 19.22 0 34.75L448 252.5ZM16 231.8c1.688 1.94 3.047 4.14 5.055 5.805l198.9 165.2C230.2 411.3 242.1 416.1 256 416.1c13.02 0 25.82-4.72 36.02-13.2l198.9-165.2c1.18-2.6 3.38-3.9 5.08-5.9v215.3c0 26.52-21.49 48.02-48 48.02H64c-26.51 0-48-21.5-48-48.02z'/%3E%3Cpath d='M258.531 106.857c-61.9 0-112 50.1-112 112s50.1 112 112 112 112-50.1 112-112-50.1-112-112-112zm0 16c53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96 0-53.9 42.1-96 96-96z' style='fill:%2305960a;fill-opacity:1'/%3E%3Cpath d='M258.303 142.478c-3.5 0-8 3.6-8 8v76c0 4.4 4.5 8 8 8 5.3 0 8-3.6 8-8v-76c0-4.4-2.7-8-8-8zm.901 116c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16z' style='fill:%2305960a;fill-opacity:1'/%3E%3C/svg%3E");
  z-index: 4
}

.formSUDLogin .doi .boxes .box b {
  color: hsl(112, 94%, 30%)
}

@media (min-width:768px) {
  .formSUDLogin .doi .boxes .box span.line {
    border-top: .033em solid hsl(112, 94%, 30%)
  }
}

.formSUDLogin .doi h2 {
  color: hsl(112, 94%, 30%);
  font-weight: 500
}

.formSUDLogin .formholder {
  position: relative;
  z-index: 0;
  margin: 0;
  padding: 3em 1em 0 1em;
  -webkit-border-bottom-left-radius: .75em;
  -webkit-border-bottom-right-radius: .75em;
  -moz-border-radius-bottomleft: .75em;
  -moz-border-radius-bottomright: .75em;
  border-bottom-left-radius: .75em;
  border-bottom-right-radius: .75em;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 2em !important;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  border-top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='400' preserveAspectRatio='none'%3E%3Cpolygon fill='rgb(243,245,247)' points='0 0, 400 0, 200 100' /%3E%3C/svg%3E");
  width: 100%;
  left: 0
}

@media (min-width:768px) {
  .formSUDLogin .formholder {
    width: calc(100% + 1em)
  }
}

.formSUDLogin .formholder .flexfull {
  flex-flow: row wrap;
  justify-content: end
}

@media (min-width:500px) {
  .formSUDLogin .formholder .flexfull {
    justify-content: space-between;
    flex-flow: row nowrap
  }
}

.formSUDLogin .formholder .flexfull p {
  padding: 0 0 1em 0
}

@media (min-width:500px) {
  .formSUDLogin .formholder .flexfull p {
    padding: 1em 0
  }
}

.formSUDLogin .formholder button {
  right: -1em
}

.formSUDLogin .formholder h4 {
  text-align: left
}

.serviceunddownload .left .pageinner>.box .formSUDLogin {
  width: calc(100% + 1em);
  margin-left: -.5em
}

@media (min-width:920px) {
  .serviceunddownload .left .pageinner>.box .formSUDLogin {
    width: 100%;
    margin-left: 0
  }
}

.serviceunddownload .left .pageinner>.box .formSUDLogin .doi {
  top: auto
}

form.oam {
  padding: 0 .5em
}

form.oam button {
  position: relative !important;
  right: 0;
  margin-top: .5em
}

form.oam .labelinput label {
  position: relative;
  top: 0
}

form.oam .fieldset .field.courseSub {
  padding-top: .5em
}

form.oam .fieldset .field.course,
form.oam .fieldset .field.courseSub {
  flex-flow: column;
  margin-top: 0
}

form.oam .fieldset .field.course label,
form.oam .fieldset .field.course .label,
form.oam .fieldset .field.courseSub label,
form.oam .fieldset .field.courseSub .label {
  position: relative;
  top: 0;
  padding-left: 0;
  font-size: .8em
}

form.oam .fieldset .field.course .note,
form.oam .fieldset .field.courseSub .note {
  font-size: .8em;
  color: hsla(0, 0%, 0%, .85)
}

form.oam .fieldset .field.course .date.fieldset,
form.oam .fieldset .field.courseSub .date.fieldset {
  padding-top: .2em;
  display: block
}

form.oam .fieldset .field.course .date.fieldset .fieldset,
form.oam .fieldset .field.courseSub .date.fieldset .fieldset {
  gap: 2em
}

form.oam .fieldset .field.course .date .field,
form.oam .fieldset .field.courseSub .date .field {
  display: block
}

form.oam .fieldset .field.course .date label,
form.oam .fieldset .field.courseSub .date label {
  color: hsla(0, 0%, 0%, .85)
}

form.oam .fieldset .field.course .date .checkradioholder,
form.oam .fieldset .field.courseSub .date .checkradioholder {
  min-height: auto;
  padding-left: 0
}

form.oam .phone .field.intAccessCode {
  max-width: 6em;
  min-width: 4em
}

form.oam .phone .field.intAccessCode label {
  display: none
}

form.oam .fieldsetholder.date {
  padding-top: .5em
}

.oam-stoerer {
  display: flex;
  flex-flow: column;
  gap: 1rem
}

@media (min-width:768px) {
  .oam-stoerer {
    flex-flow: row wrap;
    justify-content: space-between
  }
}

.oam-stoerer h1 {
  width: 100%
}

.oam-stoerer p {
  width: 100%
}

@media (min-width:768px) {
  .oam-stoerer p {
    width: calc(70% - 0.5rem)
  }
}

.oam-stoerer img {
  max-width: 14rem;
  width: 100%
}

@media (min-width:768px) {
  .oam-stoerer img {
    width: calc(30% - 0.5rem)
  }
}

.formOIV .box {
  background-color: transparent;
  padding: 0 !important
}

.formOIV form .appointment ul {
  display: flex;
  flex-flow: column;
  overflow: initial;
  margin: 0
}

.formOIV form .appointment ul li {
  padding-left: 0
}

.formOIV form .appointment ul li:before {
  display: none
}

.formOIV form .appointment ul label {
  position: relative;
  color: hsla(0, 0%, 0%, .85);
  padding-left: 0;
  margin-bottom: .3em
}

.formOIV form .appointment ul label input {
  margin-right: .5em
}

.formOIV form .field.newsletter label {
  display: block
}

.formOIV form button.button {
  position: relative !important
}

.formOIV form button.button.orange {
  background-color: hsl(33, 100%, 50%);
  border-color: hsl(33, 100%, 50%);
  color: hsl(255, 100%, 100%)
}

.formOIV form button.button.orange:hover {
  background-color: rgb(20, 98, 203);
  border-color: rgb(20, 98, 203)
}

.box .formNewsletterSubscribe {
  width: 100%
}

@media (min-width:768px) {
  .box .formNewsletterSubscribe {
    margin-left: 0;
    width: 100%
  }
}

.box.newsletterblock {
  max-width: 1280px;
  display: flex;
  flex-flow: column;
  z-index: 9;
  justify-content: center;
  margin: 1em 0;
  background-color: hsl(255, 100%, 100%);
  border: .1em solid rgb(170, 170, 170);
  outline: none;
  border-collapse: separate;
  border-spacing: 0;
  background-image: url(/images/teaser/newsletter.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% -2em;
  border-top-left-radius: .33em;
  border-bottom-left-radius: .133em;
  border-bottom-right-radius: .66em;
  overflow: hidden
}

@media (min-width:920px) {
  .box.newsletterblock {
    flex-flow: row nowrap
  }
}

@media (min-width:768px) {
  .box.newsletterblock {
    background-position: 0 0;
    background-size: 60% auto
  }
}

@media (min-width:920px) {
  .box.newsletterblock {
    background-position: -8% 50%;
    background-size: auto 100%
  }
}

.box.newsletterblock h1 {
  font-size: 2.2em;
  line-height: 1.2em;
  font-weight: 900;
  max-width: 14em
}

@media (min-width:768px) {
  .box.newsletterblock h1::first-letter {
    margin-left: -.4em
  }
}

.box.newsletterblock h1,
.box.newsletterblock li {
  text-align: center;
  color: hsl(255, 100%, 100%)
}

@media (min-width:920px) {

  .box.newsletterblock h1,
  .box.newsletterblock li {
    text-align: left
  }
}

.box.newsletterblock h1:before,
.box.newsletterblock li:before {
  color: hsl(255, 100%, 100%)
}

.box.newsletterblock .left {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  min-width: 100%;
  z-index: 1
}

.box.newsletterblock .left:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='400' preserveAspectRatio='none'%3E%3Cpolygon points='200 100, 400 0, 400 400, 0 100, 0 0' fill='%23fff' /%3E%3C/svg%3E");
  z-index: 2
}

@media (min-width:920px) {
  .box.newsletterblock .left {
    min-width: 60%
  }

  .box.newsletterblock .left:before {
    display: none
  }
}

.box.newsletterblock .left .content {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
  align-self: stretch;
  font-size: clamp(0.8em, 2vw, 1em);
  padding: 30% .66em .66em .66em;
  background: -moz-linear-gradient(top, rgba(170, 170, 170, 0) 0, rgba(170, 170, 170, .2) 15vw, rgb(170, 170, 170) 40vw, rgb(170, 170, 170) 100%);
  background: -webkit-linear-gradient(top, rgba(170, 170, 170, 0) 0%, rgba(170, 170, 170, .2) 15vw, rgb(170, 170, 170) 40vw, rgb(170, 170, 170) 100%);
  background: linear-gradient(to bottom, rgba(170, 170, 170, 0) 0, rgba(170, 170, 170, .2) 15vw, rgb(170, 170, 170) 40vw, rgb(170, 170, 170) 100%)
}

@media (min-width:768px) {
  .box.newsletterblock .left .content {
    text-align: left;
    padding: .66em 0 .66em 42.5%;
    background: -moz-linear-gradient(left, rgba(170, 170, 170, 0) 10%, rgb(170, 170, 170) 55%, rgb(170, 170, 170) 100%);
    background: -webkit-linear-gradient(left, rgba(170, 170, 170, 0) 10%, rgb(170, 170, 170) 55%, rgb(170, 170, 170) 100%);
    background: linear-gradient(to right, rgba(170, 170, 170, 0) 10%, rgb(170, 170, 170) 55%, rgb(170, 170, 170) 100%)
  }
}

.box.newsletterblock .left .content .listholder {
  width: 100%;
  max-width: 26em;
  display: flex;
  justify-content: center;
  padding-bottom: 1rem
}

.box.newsletterblock .left .content ul {
  max-width: 90%
}

@media (min-width:920px) {
  .box.newsletterblock .left .content ul {
    max-width: 100%
  }
}

.box.newsletterblock .left .content ul li {
  text-align: left;
  font-size: 1.5em;
  padding-bottom: .4rem
}

@media (min-width:920px) {
  .box.newsletterblock .left .content ul li {
    padding-bottom: 1rem
  }
}

@media (min-width:920px) {
  .box.newsletterblock .left .content ul li {
    text-align: left;
    margin-left: calc(var(--indent) * 15px)
  }
}

.box.newsletterblock .middle {
  display: none;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 512' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(170, 170, 170)' d='m0 0 256 256L0 512Z'/%3E%3C/svg%3E%0A");
  background-color: rgb(255, 255, 255);
  z-index: 1;
  width: 5em
}

@media (min-width:920px) {
  .box.newsletterblock .middle {
    display: block
  }
}

.box.newsletterblock .right {
  background-color: hsl(255, 100%, 100%);
  padding: 1em;
  font-size: 1.06em;
  display: flex;
  justify-content: center
}

.box.newsletterblock .right .boxinner {
  display: flex;
  align-items: stretch;
  height: 100%
}

.box.newsletterblock .right .error_msg {
  margin: 0 0 .5em 0
}

.box.newsletterblock .right form {
  padding-bottom: 3em;
  font-size: .8em;
  display: flex;
  flex-flow: column;
  position: relative
}

.box.newsletterblock .right button {
  position: absolute;
  font-size: 1.2em;
  bottom: -1.2em;
  right: -1.2em;
  max-width: 13rem
}

.box.newsletterblock .right .boxbutton {
  position: absolute;
  bottom: -1.5em;
  left: 0;
  padding: 0;
  font-size: 1.1em
}

@media (min-width:768px) {
  .box.newsletterblock .right .boxbutton {
    left: -1em
  }
}

.box.newsletterblock .right .boxbutton a {
  color: hsl(33, 100%, 50%)
}

.formNewsletterUnsubscribe {
  margin-bottom: 2em;
  padding: 0;
  flex-basis: 100%
}

.formNewsletterUnsubscribe .newsletternfull {
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  align-items: start
}

.formNewsletterUnsubscribe .newsletternfull button {
  right: 0
}

.sud-doi {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 4em 0;
  overflow: hidden
}

.sud-doi>.box {
  width: 100%;
  text-align: center
}

.sud-doi .box.h1 {
  text-align: center;
  color: hsl(215, 85%, 39%)
}

.sud-doi .intro {
  text-align: center;
  margin-bottom: 2em;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  width: 100%;
  font-size: .8em
}

@media (min-width:768px) {
  .sud-doi .intro {
    font-size: 1em
  }
}

.sud-doi h1 {
  font-size: 2.1em
}

.sud-doi h2 {
  font-size: 1.66em;
  color: hsla(0, 0%, 0%, .85);
  margin: 0;
  font-weight: 300
}

@media (min-width:768px) {
  .sud-doi h2 {
    font-weight: 400
  }
}

.sud-doi ul {
  width: auto;
  margin: 1em auto 2em auto;
  font-weight: 600;
  font-size: 1.3em;
  display: inline-block
}

@media (min-width:768px) {
  .sud-doi ul {
    font-size: 1.1em
  }
}

.sud-doi ul li {
  text-align: left;
  padding-bottom: 1em
}

.sud-doi ul li:before {
  color: hsl(215, 85%, 39%)
}

.sud-doi .boxes {
  padding: 0;
  gap: 1em;
  flex-flow: column
}

@media (min-width:768px) {
  .sud-doi .boxes {
    margin: 2em 0;
    flex-flow: row nowrap
  }
}

.sud-doi .boxes .box {
  font-size: 1.2em;
  background-color: rgb(245, 248, 250);
  padding: 1em;
  text-align: left;
  position: relative;
  border-radius: 2em;
  vertical-align: top;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: .3em;
  align-self: center
}

@media (min-width:768px) {
  .sud-doi .boxes .box {
    flex-flow: column;
    text-align: center;
    align-self: stretch
  }
}

.sud-doi .boxes .box .image {
  width: 33.33%;
  min-height: 5em;
  display: flex;
  justify-content: center;
  align-items: center
}

.sud-doi .boxes .box svg {
  height: 100%;
  max-height: 8em;
  width: auto
}

@media (min-width:768px) {
  .sud-doi .boxes .box svg {
    max-height: 5em
  }
}

.sud-doi .boxes .box svg path.highlight,
.sud-doi .boxes .box svg path.highlight2 {
  fill: hsl(215, 85%, 39%)
}

.sud-doi .boxes .box strong {
  color: hsl(215, 85%, 39%)
}

@media (min-width:768px) {
  .sud-doi .boxes .box span.line {
    display: block;
    width: 100%;
    margin-top: .5em;
    padding-top: .5em;
    border-top: .033em solid rgba(0, 10, 20, .33)
  }
}

.sud-doi .boxes .box .next {
  position: absolute;
  top: auto;
  right: auto;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%, 0) rotate(90deg);
  height: 2em;
  line-height: 2em;
  width: 2em;
  background-color: rgb(150, 160, 170);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10em;
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='rgb(255,255,255)' d='M89.45 87.5l143.1 152c4.375 4.625 6.562 10.56 6.562 16.5c0 5.937-2.188 11.87-6.562 16.5l-143.1 152C80.33 434.1 65.14 434.5 55.52 425.4c-9.688-9.125-10.03-24.38-.9375-33.94l128.4-135.5l-128.4-135.5C45.49 110.9 45.83 95.75 55.52 86.56C65.14 77.47 80.33 77.87 89.45 87.5z'/%3E%3C/svg%3E");
  z-index: 9
}

@media (min-width:500px) {
  .sud-doi .boxes .box .next {
    left: calc(100% + 0.3em)
  }
}

@media (min-width:768px) {
  .sud-doi .boxes .box .next {
    left: 50%
  }
}

@media (min-width:768px) {
  .sud-doi .boxes .box .next {
    transform: translate(0, -50%) rotate(0);
    right: -2.4em;
    left: auto;
    top: 50%;
    bottom: auto;
    height: 3.66em;
    line-height: 3.66em;
    width: 3.66em;
    background-color: rgb(0, 10, 20)
  }
}

.sud-doi .flexfull {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.sud-doi .flexfull p {
  padding: 0
}

.sud-doi-bar button {
  font-size: 2em;
  margin: 1em 0 2em 0;
  right: 0
}

.sud-doi-overlay {
  display: block
}

.sud-doi-overlay .full.sud-doi-bar {
  padding: 1em
}

.sud-doi-overlay .boxes .box .next {
  left: 50%
}

@media (min-width:768px) {
  .sud-doi-overlay .boxes .box .next {
    left: auto
  }
}

.smallheader .sud-doi-overlay {
  top: 5.3rem
}

.videotable {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between
}

@media (min-width:768px) {
  .videotable {
    flex-flow: row nowrap
  }
}

.videotable.playit {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%
}

.videotable .videocol {
  flex-basis: 50%;
  z-index: 0;
  margin-bottom: 1em;
  margin-right: 0;
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%
}

@media (min-width:768px) {
  .videotable .videocol {
    margin-right: 1em;
    margin-bottom: 0
  }
}

.videotable .videoinfocol {
  flex-basis: 50%;
  margin-left: 1em
}

#lehrgangsvideo.openclose a.trigger::before {
  display: block
}

@media (min-width:920px) {
  #lehrgangsvideo.openclose a.trigger::before {
    display: none
  }
}

.videotable .videoholder.playit,
.box.videoholder.playit {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  width: 100%
}

.videotable.playit .videoinfocol {
  padding-top: 1em;
  margin: 0
}

.videoholder.playit .videobar .stop {
  display: block
}

.videoholder .videoouter {
  position: relative;
  display: flex;
  flex-flow: column;
  height: 100%
}

.videoholder .videobox {
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  aspect-ratio: 16/9
}

.videoholder .videobox.playit iframe {
  z-index: 9;
  display: block
}

.videoholder .videobox a {
  color: #000
}

.videoholder .videobox .play {
  font-size: 4em;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: visible;
  display: inline-block;
  background: rgba(255, 255, 255, .95);
  text-align: center;
  color: rgba(160, 0, 0, .95)
}

.videoholder .videobox .play::before {
  content: "\f16a";
  font-family: "fontawesome";
  display: block;
  font-size: 1.1em
}

.videoholder .videobox iframe {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0;
  outline: none;
  border-collapse: collapse;
  margin: 0;
  background: rgba(255, 255, 255, 0);
  display: none
}

.videoholder .datenschutzmsg.off .msg {
  display: none !important
}

.videoholder .yt-datenschutz {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: .9em
}

.videoholder .yt-datenschutz .msg {
  display: none;
  color: #fff;
  position: absolute;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2em;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 1em;
  z-index: 9
}

.videoholder .videobar {
  min-height: 1.75em;
  position: relative;
  width: 100%;
  padding: .25em .5em;
  background-color: rgba(0, 0, 0, .1);
  display: block;
  text-align: right
}

.videoholder .videobar .count {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: .66em;
  font-size: .75em;
  line-height: 1em;
  white-space: nowrap;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.videoholder .videobar .count:before {
  font-family: "fontawesome";
  content: "\f008";
  padding-right: .2em
}

.videoholder .videobar .zoomit .fa {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  color: rgb(0, 0, 0)
}

.videoholder .videobar .stop {
  display: none;
  font-size: 1em;
  position: absolute;
  height: 1.2em;
  line-height: 1.2em;
  left: 50%
}

.videoholder .videobar .stop:before {
  content: "\f28d";
  display: block;
  font-family: "fontawesome"
}

.videoholder:hover .yt-datenschutz {
  background-color: rgba(0, 0, 0, .75)
}

.videoholder:hover .yt-datenschutz .msg {
  display: block
}

#iframe .videocontainer iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%
}

@media (min-width:920px) {
  #lehrgangsvideo h2 {
    color: rgb(255, 140, 0);
    font-size: 1.5em
  }
}

.mediacontainer {
  z-index: 99
}

.mediacontainer .videoouter {
  position: relative
}

.mediacontainer .videoouter .videotable {
  width: 100%
}

.mediacontainer .videoouter .videotable .videorow {
  display: none;
  width: 100%;
  background: rgba(0, 0, 0, .033)
}

.mediacontainer .videoouter .videotable .videorow.akt {
  display: flex;
  align-items: center;
  flex-flow: column
}

@media (min-width:400px) {
  .mediacontainer .videoouter .videotable .videorow.akt {
    flex-flow: row
  }
}

.mediacontainer .videoouter .videotable .videocol {
  width: 100%;
  flex-basis: 100%
}

@media (min-width:400px) {
  .mediacontainer .videoouter .videotable .videocol {
    width: clamp(250px, 50%, 320px);
    flex-basis: clamp(250px, 50%, 320px)
  }
}

.mediacontainer .videoouter .videotable .videoinfocol {
  width: 100%;
  flex-basis: 100%;
  padding: 1em
}

@media (min-width:400px) {
  .mediacontainer .videoouter .videotable .videoinfocol {
    width: clamp(250px, 50%, 320px);
    flex-basis: clamp(250px, 50%, 320px)
  }
}

.mediacontainer .videoouter .videotable.playit,
.mediacontainer .videoouter .videotable.playit .videocol,
.mediacontainer .videoouter .videotable.playit .videoinfocol {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%
}

.videobullets {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  position: relative;
  top: 0;
  font-size: 1em;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.videobullets ol {
  height: 1.5em;
  white-space: nowrap;
  width: auto;
  margin: 0 auto;
  position: relative;
  top: 0;
  font-size: 1em;
  list-style-type: none;
  padding-top: .5em
}

.videobullets ol li {
  padding: 0 0 0 1.33em !important;
  margin: 0 .25em 0 0 !important;
  height: 1.5em;
  float: left;
  counter-increment: section;
  position: relative
}

.videobullets ol li::marker {
  display: none
}

.videobullets ol li::before {
  font-family: Arial, Helvetica, sans-serif;
  content: counter(section);
  font-size: .85em;
  font-weight: 200;
  padding: .1em;
  border-radius: 100px;
  left: 0;
  position: absolute;
  top: .125em;
  width: 1.33em;
  height: 1.33em;
  line-height: 1.33em;
  text-align: center;
  color: #fff;
  overflow: hidden;
  background-color: rgb(20, 98, 203)
}

.videobullets ol li.akt::before {
  background-color: rgb(255, 140, 0)
}

.countbullet {
  -o-border-radius: 10em;
  -moz-border-radius: 10em;
  -ms-border-radius: 10em;
  -webkit-border-radius: 10em;
  border-radius: 10em;
  display: inline-block;
  background-color: rgba(205, 0, 0, .95);
  margin-left: .2em;
  font-size: 0.75em !important;
  line-height: 1.2em;
  height: 1.2em;
  overflow: hidden;
  min-width: 1.2em;
  padding: 0 .2em;
  text-align: center;
  color: #fff !important;
  position: relative;
  top: -0.05em !important
}

.bildungsgutschein-azav-kurzarbeit .pageteaser .pageinner {
  background-image: url(/bilder/SEO-Opener-Allgemein/bildungsgutschein.png);
  background-repeat: no-repeat;
  background-position: calc(100% + 8em) 0;
  background-size: auto 105%;
  max-width: 1280px;
  text-align: left;
  margin: 0 auto;
  min-height: 17em;
  display: flex;
  align-items: center
}

@media (min-width:768px) {
  .bildungsgutschein-azav-kurzarbeit .pageteaser .pageinner {
    background-position: 100% 0
  }
}

@media (min-width:768px) {
  .bildungsgutschein-azav-kurzarbeit .pageteaser .pageinner {
    min-height: 21em
  }
}

.bildungsgutschein-azav-kurzarbeit .pageteaser .slide {
  height: 100%
}

.bildungsgutschein-azav-kurzarbeit .pageteaser .slide .inner {
  height: 100%
}

.bildungsgutschein-azav-kurzarbeit .pageteaser .slide .info {
  padding-left: 1em;
  background: none;
  background-position-x: 0%;
  background-repeat: repeat;
  font-size: .6em;
  width: 60%
}

@media (min-width:768px) {
  .bildungsgutschein-azav-kurzarbeit .pageteaser .slide .info {
    width: 50%;
    padding-left: 2em;
    font-size: 1em
  }
}

@media (min-width:1280px) {
  .bildungsgutschein-azav-kurzarbeit .pageteaser .slide .info {
    background: linear-gradient(90deg, rgba(243, 246, 248, 0) 0%, rgba(243, 246, 248, .5) 24%, rgb(243, 246, 248) 100%);
    background-position-x: 4em;
    background-repeat: no-repeat
  }
}

.bildungsgutschein-azav-kurzarbeit .pageteaser .slide .info .txtholder {
  padding: 0
}

.bildungsgutschein-azav-kurzarbeit .pageteaser .slide .info .txtholder h1 {
  color: hsl(33, 100%, 50%);
  font-weight: 500;
  line-height: 1.2em !important;
  padding-bottom: .4em;
  font-size: 2.5em
}

@media (min-width:768px) {
  .bildungsgutschein-azav-kurzarbeit .pageteaser .slide .info .txtholder h1 {
    font-size: 1.9em
  }
}

.bildungsgutschein-azav-kurzarbeit .pageteaser .slide .info .txtholder .txt {
  line-height: 1.4em;
  font-size: 2em
}

@media (min-width:768px) {
  .bildungsgutschein-azav-kurzarbeit .pageteaser .slide .info .txtholder .txt {
    font-size: clamp(1em, 2vw, 1.2em)
  }
}

.bildungsgutschein-azav-kurzarbeit .pageteaser .slide .info .txtholder a {
  color: hsla(0, 0%, 0%, .85)
}

.bildungsgutschein-azav-kurzarbeit .pageteaser .visual {
  position: relative;
  width: 25%
}

@media (min-width:768px) {
  .bildungsgutschein-azav-kurzarbeit .pageteaser .visual {
    width: 50%
  }
}

.flinkback-verteiler-outer {
  padding: 4rem 1rem
}

@media (min-width:1280px) {
  .flinkback-verteiler-outer {
    padding: 4rem 0
  }
}

.flinkback-verteiler-outer h1 {
  padding-bottom: 0
}

.flinkback-verteiler-outer h1.bp1rem {
  padding-bottom: 1rem
}

.flinkback-verteiler {
  display: flex;
  flex-flow: column;
  gap: 4rem;
  align-items: center
}

@media (min-width:768px) {
  .flinkback-verteiler {
    flex-flow: row;
    align-items: stretch;
    gap: 1rem
  }
}

.flinkback-verteiler .flinkback {
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: start;
  gap: 1rem;
  max-width: 400px;
  width: 100%;
  position: relative
}

@media (min-width:768px) {
  .flinkback-verteiler .flinkback {
    width: 33%;
    display: flex;
    flex-flow: column;
    justify-content: start;
    align-items: start;
    gap: 1rem;
    max-width: 400px
  }
}

.flinkback-verteiler .flinkback .image {
  max-width: 23rem;
  min-width: 100%
}

.flinkback-verteiler .flinkback .content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: start;
  gap: 1rem;
  padding-bottom: 5rem
}

.flinkback-verteiler .flinkback .content a.button {
  position: absolute;
  bottom: 0;
  right: auto;
  left: 0;
  padding: 1rem 3rem;
  font-weight: 600
}

.flinkback-verteiler .flinkback .content a.button:before {
  display: none
}

.pageteaser.beginning .bg.dt {
  display: none
}

.pageteaser.beginning .bg.mobile {
  display: block
}

@media (min-width:768px) {
  .pageteaser.beginning .bg.mobile {
    display: none
  }

  .pageteaser.beginning .bg.dt {
    display: block
  }
}

.pageteaser.beginning .inner .txtholder {
  font-weight: 400;
  max-width: 100%;
  padding-left: clamp(8rem, 33vw, 27rem) !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  display: flex;
  flex-flow: column;
  justify-content: center
}

@media (min-width:768px) {
  .pageteaser.beginning .inner .txtholder {
    max-width: 90%;
    min-height: 25vw
  }
}

@media (min-width:1280px) {
  .pageteaser.beginning .inner .txtholder {
    min-height: auto;
    max-width: 90%;
    padding-bottom: 4rem !important;
    padding-top: 4rem !important
  }
}

.pageteaser.beginning .inner .txtholder .txt.desktop {
  display: none
}

@media (min-width:768px) {
  .pageteaser.beginning .inner .txtholder .txt.desktop {
    display: block
  }
}

.pageteaser.beginning .inner .txtholder .txt.mobile {
  display: block
}

@media (min-width:768px) {
  .pageteaser.beginning .inner .txtholder .txt.mobile {
    display: none
  }
}

.pageteaser.beginning .inner .info {
  display: flex;
  align-items: center;
  justify-content: start;
  padding-top: 1rem;
  padding-bottom: 1rem;
  min-height: 13rem
}

.pageteaser.beginning .inner .info .logo {
  right: 1em !important;
  left: auto;
  display: none;
  top: 0;
  width: clamp(100px, 13vw, 200px)
}

@media (min-width:500px) {
  .pageteaser.beginning .inner .info .logo {
    display: block;
    top: 6rem
  }
}

@media (min-width:768px) {
  .pageteaser.beginning .inner .info .logo {
    top: 0
  }
}

.pageteaser.beginning .homepage.bg {
  top: 0
}

.pageteaser.beginning .homepage.bg>picture {
  background-size: auto 13rem !important;
  background-position: 0 0 !important;
  left: -4.2rem
}

@media (min-width:500px) {
  .pageteaser.beginning .homepage.bg>picture {
    left: -1rem
  }
}

@media (min-width:768px) {
  .pageteaser.beginning .homepage.bg>picture {
    background-size: auto 90% !important;
    left: -3%;
    top: 0 !important
  }
}

@media (min-width:920px) {
  .pageteaser.beginning .homepage.bg>picture {
    background-size: auto 90% !important;
    left: -10%;
    top: 0 !important
  }
}

.pageteaser.beginning.newteaser {
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: center
}

.pageteaser.beginning.newteaser .slideroverlay {
  max-width: 1280px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 70vw;
  max-height: 450px
}

@media (min-width:500px) {
  .pageteaser.beginning.newteaser .slideroverlay {
    height: clamp(180px, 35vw, 450px)
  }
}

@media (min-width:920px) {
  .pageteaser.beginning.newteaser .slideroverlay {
    top: 4px
  }
}

.pageteaser.beginning.newteaser .slideroverlay .teaserlsider {
  min-width: 100%;
  display: flex;
  position: absolute
}

.pageteaser.beginning.newteaser .slideroverlay .teaserlsider .slide {
  flex-grow: initial;
  min-width: fit-content
}

.pageteaser.beginning.newteaser .slideroverlay .teaserlsider .slide .mobile {
  display: block;
  position: relative
}

@media (min-width:500px) {
  .pageteaser.beginning.newteaser .slideroverlay .teaserlsider .slide .mobile {
    display: none
  }
}

.pageteaser.beginning.newteaser .slideroverlay .teaserlsider .slide .full {
  display: none;
  position: relative
}

@media (min-width:500px) {
  .pageteaser.beginning.newteaser .slideroverlay .teaserlsider .slide .full {
    display: block
  }
}

.pageteaser.beginning.newteaser .slideroverlay .teaserlsider .slide img.overimage {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.pageteaser.beginning.newteaser .slideroverlay .teaserlsider .slide picture {
  display: flex
}

.pageteaser.beginning.newteaser .slideroverlay .teaserlsider .slide picture img {
  object-fit: cover;
  width: auto
}

@media (min-width:500px) {
  .pageteaser.beginning.newteaser .slideroverlay .teaserlsider .slide picture img {
    height: auto;
    max-height: 450px
  }
}

.pageteaser.beginning.newteaser .slideroverlay .teaserlsider .slide>a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  color: transparent;
  content: ""
}

.pageteaser.beginning.newteaser .slideroverlay .startstop {
  position: absolute;
  bottom: .5rem;
  right: .5rem;
  transition: 0.3s all
}

.pageteaser.beginning.newteaser .slideroverlay .startstop .stop {
  display: none
}

.pageteaser.beginning.newteaser .slideroverlay .startstop .start {
  display: block
}

.pageteaser.beginning.newteaser .slideroverlay.play .startstop .stop {
  display: block
}

.pageteaser.beginning.newteaser .slideroverlay.play .startstop .start {
  display: none
}

.pageteaser.beginning.newteaser .homepage.bg.fontbg {
  display: none
}

.pageteaser.beginning.newteaser svg {
  fill: #fff
}

.pageteaser.beginning.newteaser .prev,
.pageteaser.beginning.newteaser .next {
  position: absolute;
  top: calc(50% - 2.5rem);
  transform: translateY(0);
  transition: 0.3s all;
  background-color: transparent;
  font-size: 3rem
}

.pageteaser.beginning.newteaser .prev svg,
.pageteaser.beginning.newteaser .next svg {
  height: 2rem;
  width: 2rem
}

.pageteaser.beginning.newteaser .prev {
  left: -1.5rem
}

.pageteaser.beginning.newteaser .next {
  right: 0
}

.pageteaser.beginning.newteaser .bullets button {
  height: .7rem;
  width: .7rem;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid transparent;
  transition: 0.3s all
}

.pageteaser.beginning.newteaser .bullets button:hover,
.pageteaser.beginning.newteaser .bullets button.is-active {
  background-color: #fff;
  border: 2px solid rgb(255, 140, 0)
}

.pageteaser.beginning.newteaser .bullets button::before {
  content: ""
}

.pageteaser.beginning.newteaser .prev,
.pageteaser.beginning.newteaser .next,
.pageteaser.beginning.newteaser .startstop {
  cursor: pointer;
  z-index: 9
}

.pageteaser.beginning.newteaser .prev:hover,
.pageteaser.beginning.newteaser .next:hover,
.pageteaser.beginning.newteaser .startstop:hover {
  transform: scale(1.1)
}

body.homepage main>.pageinner:first-child {
  border-top-left-radius: 0 !important
}

.splide__container {
  box-sizing: border-box;
  position: relative
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
  display: none
}

.splide__progress__bar {
  width: 0
}

.splide {
  position: relative;
  visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative
}

.splide__slide img {
  vertical-align: bottom
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0
}

@keyframes splide-loading {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
  opacity: 1;
  z-index: 1
}

.splide--rtl {
  direction: rtl
}

.splide__track--ttb>.splide__list {
  display: block
}

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
  opacity: .9
}

.splide__arrow:disabled {
  opacity: .3
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px
}

.splide__arrow--prev {
  left: 1em
}

.splide__arrow--prev svg {
  transform: scaleX(-1)
}

.splide__arrow--next {
  right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px
}

.splide__pagination {
  bottom: .5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: .7;
  padding: 0;
  position: relative;
  transition: transform .2s linear;
  width: 8px
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: .9
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px
}

.splide__progress__bar {
  background: #ccc;
  height: 3px
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
  outline: 0
}

@supports(outline-offset:-3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px
  }
}

@media screen and (-ms-high-contrast:none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf
  }
}

@supports(outline-offset:-3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px
  }
}

@media screen and (-ms-high-contrast:none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf
  }

  .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
    border-color: #0bf
  }
}

.splide__toggle {
  cursor: pointer
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
  border: 3px solid transparent;
  cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
  border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg)
}

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: .5em;
  top: 0
}