@media only all and (max-width: 700px) {


:root {
  --abstand: 1.4rem;
}

  /* for 700px or less */


body {
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}


.frame-outer {
  margin: 0;
  width: 100%;
  border: none;
  box-shadow: none;
  font-size: 0.9rem;
}


h1 {
  font-size: 1.8rem;
  -ms-hyphens: manual;
  -webkit-hyphens: manual;
  hyphens: manual;
  overflow-wrap: break-word;
}


h1 span {
  font-size: 1rem;
}


h3 {
  font-size: 1.35rem;
}


#header > #logo {
  padding: 1.2rem 6%;
}


#logo img {
  width: 110px;
}


#header {
  min-height: 24rem;
}


#title {
  padding: 5.5rem 6% 2.4rem 6%;
}


.content {
  padding: var(--abstand) 6%;
}


.blocksatz {
  text-align: left;
}


/*--Text + Bild untereinander--*/
.split,
.split.bild-links {
  display: block;
}


.split .text,
.split .bild {
  width: 100%;
}


.split .bild {
  margin-top: var(--abstand);
  aspect-ratio: 4 / 3;
}


/*--Vollbreites Bild mobil etwas höher--*/
.bild-voll {
  aspect-ratio: 16 / 10;
}


.listen-box {
  padding: var(--abstand) 1.4rem;
}


.bewerben h3.gross {
  font-size: 2.2rem;
}


/*--Bewerbungsbox--*/
.box-sektion {
  padding: var(--abstand) 6%;
}


.box-sektion + .box-sektion {
  padding-top: 0;
}


.cta-box {
  padding: var(--abstand) 1.4rem;
}


.cta-box h3 {
  font-size: 1.4rem;
}


.cta-spalten {
  display: block;
}


.cta-spalten > div {
  width: 100%;
}


.cta-spalten > div + div {
  margin-top: var(--abstand);
  padding-top: var(--abstand);
  border-top: 0.05rem solid rgba(255, 255, 255, 0.15);
}


#footer {
  padding: var(--abstand) 6%;
}


.footer-unten {
  display: block;
}


.footer-unten .info {
  margin-top: var(--abstand);
  text-align: left;
}


.box-left {
  width: 100%;
  margin-bottom: 1rem;
  float: none;
}


.box-right {
  width: 100%;
  float: none;
}


.flex {
  display: block;
}


.left,
.right {
  width: 100%;
}


.left {
  margin-bottom: 1rem;
}


.hide {
  display: block;
}


.hide_m {
  display: none;
}


}
.refnr {}

.apply {}