@charset "UTF-8";
/* ------------------------------ Legende ------------------------------ *
Reservierte Praefixe:
	@kb-	Kundenbetreuer
	@ae-	Anwendungsentwicklung

Abkuerzungen:
	bg	Background,		co	Color		mg	Margin,		pd	Padding
*/
/* Variablendefinitionen:  */
/* auto fuer keine */
/* schwarz */
/* rot */
/* helles grau */
/* helles grau */
/***********************************************************************************************************************************************************/
/* Mixins */
/***********************************************************************************************************************************************************/
/***********************************************************************************************************************************************************/
@font-face {
  font-family: 'konstanz';
  src: url('https://www.konstanz.de/site/Konstanz/resourceCached/-/fonts/konstanz.ttf?ai38mq') format('truetype'), url('https://www.konstanz.de/site/Konstanz/resourceCached/-/fonts/konstanz.woff?ai38mq') format('woff'), url('https://www.konstanz.de/site/Konstanz/resourceCached/-/fonts/konstanz.svg?ai38mq#konstanz') format('svg');
  font-weight: normal;
  font-style: normal;
}
.kn-icon {
  font-family: 'konstanz' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**********************************************************************************************/
/* RESPONSIVE */
/**********************************************************************************************/
@media only screen and (min-width: 1219px) {
  #header #wrapper-logo-nav.fixed-nav {
    position: fixed;
    top: 0;
    width: 100%;
    width: 120rem;
    z-index: 12;
  }
}
@media only screen and (min-width: 1920px) {
  #header #stage figure.image img {
    width: 100%;
  }
  #header #wrapper-logo-nav #logo {
    z-index: 1000;
    position: relative;
  }
}
@media screen and (min-width: 1800px) and (max-width: 1920px) {
  html {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  #header #stage figure.image img {
    width: 100%;
  }
  #header #wrapper-logo-nav #logo {
    z-index: 1000;
    position: relative;
  }
}
@media screen and (max-width: 1799px) {
  #footer .kn-social .kn-icon::after {
    font-size: 80px;
  }
  #footer .kn-social .kn-icon.instagram:after {
    font-size: 45px;
    margin-left: 14px;
  }
}
@media screen and (min-width: 1700px) and (max-width: 1799px) {
  html {
    font-size: 14px;
    font-size: 0.875rem;
  }
  #header #wrapper-logo-nav #logo {
    margin-left: 53px !important;
  }
  #header #stage figure.image img {
    width: 100%;
  }
  #header #wrapper-logo-nav #logo {
    z-index: 1000;
    position: relative;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1699px) {
  html {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  #header #wrapper-logo-nav #logo {
    margin-left: 29px !important;
  }
  #header #stage .composedcontent-box-in-box {
    width: 35%;
  }
  #header #wrapper-logo-nav #logo {
    z-index: 1000;
    position: relative;
  }
  #main .ym-col2 #content .galleryImage .image-inner {
    max-height: 780px;
  }
  #main .ym-col2 figure .caption {
    padding: 6px 0 10px;
    font-size: 16px;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20 {
    width: 12.3%;
    margin-right: 5.2%;
  }
  #main .ym-col2 #content .teaser .composedcontent-dvv-box .mehrlink a {
    margin: -330px 0 0;
    padding: 330px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .composedcontent-dvv-box .mehrlink a {
    margin: -200px 0 0;
    padding: 200px 0 0;
  }
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g33,
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g50 {
    /*min-height: 720px !important;*/
  }
  #main .ym-col2 #content .teaserMitBild .composedcontent-dvv-box .mehrlink a {
    margin: -480px 0 0 !important;
    padding: 480px 0 0 !important;
  }
  .richMenuNew .richMenuItem .richMenuBody *,
  .richMenuNew .richMenuItem .richMenuBody .richMenuNavigation.ym-g50 ul.navList li a,
  .richMenuNew .richMenuItem .richMenuBody .richMenuNavigation.ym-g50 ul.navList li span,
  .richMenuNew .richMenuItem .richMenuBody .richMenuNavigation.ym-g50 ul.navList li strong {
    font-size: 15px;
  }
}
@media screen and (min-width: 1460px) and (max-width: 1599px) {
  html {
    font-size: 12px;
    font-size: 0.75rem;
  }
  #header #wrapper-logo-nav #logo {
    margin-left: 15px !important;
  }
  #header #stage .composedcontent-box-in-box {
    width: 35%;
  }
  /*************/
  #header #wrapper-logo-nav #logo {
    z-index: 1000;
    position: relative;
  }
  #main .ym-col2 .inner-schnellzugriff a {
    padding-top: 60px;
  }
  #main .ym-col2 #content .karriere-schnellzugriff figure {
    height: 125px !important;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen a:before {
    /*font-size: 19px;*/
  }
  #main .ym-col1 #service * {
    font-size: 16px;
  }
  #main .ym-col2 .inner-schnellzugriff a {
    font-size: 16px;
    padding-top: 75px;
    line-height: 20px;
  }
  #main .ym-col2 .inner-schnellzugriff p {
    line-height: 20px;
  }
  #main .ym-col2 #content .pm-topnews .pm-meldung .pm-head h3 a {
    font-size: 21px;
    line-height: 28px;
  }
  #main .ym-col2 #content .pm-topnews .pm-meldung .pm-anreisser {
    font-size: 18px;
    line-height: 26px;
  }
  #main .ym-col2 #content .pm-topnews .pm-meldung .pm-anreisser a.pm-detaillink {
    font-size: 18px;
  }
  #main .ym-col2 figure .caption {
    padding: 6px 0 10px;
    font-size: 16px;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20 {
    width: 12.3%;
    margin-right: 5.2%;
  }
  #main .ym-col2 #content .teaser .composedcontent-dvv-box .mehrlink a {
    margin: -300px 0 0;
    padding: 300px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .composedcontent-dvv-box .mehrlink a {
    margin: -200px 0 0;
    padding: 200px 0 0;
  }
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g33,
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g50 {
    /*min-height: 710px !important;*/
  }
  #main .ym-col2 #content .teaserMitBild .composedcontent-dvv-box .mehrlink a {
    margin: -470px 0 0 !important;
    padding: 470px 0 0 !important;
  }
  #contentFooter .bx-wrapper .composedcontent-box-in-box,
  #main .ym-col2 .buehneInhalt .bx-wrapper .composedcontent-box-in-box {
    width: 70%;
  }
  .richMenuNew .richMenuItem .richMenuBody *,
  .richMenuNew .richMenuItem .richMenuBody .richMenuNavigation.ym-g50 ul.navList li a,
  .richMenuNew .richMenuItem .richMenuBody .richMenuNavigation.ym-g50 ul.navList li span,
  .richMenuNew .richMenuItem .richMenuBody .richMenuNavigation.ym-g50 ul.navList li strong {
    font-size: 15px;
  }
}
@media screen and (min-width: 1340px) and (max-width: 1459px) {
  html {
    font-size: 11px;
    font-size: 0.6875rem;
  }
  #header #wrapper-logo-nav #logo {
    margin-left: 15px !important;
  }
  #header #wrapper-logo-nav #logo img {
    max-width: 60% !important;
  }
  #header #stage .composedcontent-box-in-box {
    width: 38%;
  }
  /* Microsites */
  /*************/
  #header #wrapper-logo-nav #logo {
    z-index: 1000;
    position: relative;
  }
  #header .wayhome * {
    font-size: 13px;
  }
  #main .ym-col2 .inner-schnellzugriff a {
    padding-top: 70px;
  }
  #main .ym-col2 #content .karriere-schnellzugriff figure {
    height: 125px !important;
  }
  #header .microsite-titel {
    position: relative;
    left: -20px;
  }
  #header #wrapper-logo-nav .topsearch {
    top: 30px;
    right: 30px;
  }
  #header .burger-menu {
    top: 20px;
    right: 150px;
  }
  #header .burger-menu:before {
    top: 15px;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen a:before {
    /*font-size: 17px;*/
  }
  #footer .adr-nav * {
    font-size: 18px;
    line-height: 26px;
  }
  #main .ym-col1 #service * {
    font-size: 15px;
  }
  #main .ym-col2 .inner-schnellzugriff a {
    font-size: 15px;
    padding-top: 75px;
    line-height: 20px;
  }
  #main .ym-col2 .inner-schnellzugriff p {
    line-height: 20px;
  }
  #main .ym-col2 #content .pm-topnews .pm-meldung .pm-head h3 a {
    font-size: 21px;
    line-height: 28px;
  }
  #main .ym-col2 #content .pm-topnews .pm-meldung .pm-anreisser {
    font-size: 18px;
    line-height: 26px;
  }
  #main .ym-col2 #content .pm-topnews .pm-meldung .pm-anreisser a.pm-detaillink {
    font-size: 18px;
  }
  #contentFooter .bx-wrapper .composedcontent-box-in-box,
  #main .ym-col2 .buehneInhalt .bx-wrapper .composedcontent-box-in-box {
    width: 70%;
  }
  #contentFooter .bx-wrapper .bx-controls,
  #main .ym-col2 .buehneInhalt .bx-wrapper .bx-controls {
    top: -595px;
  }
  #main .ym-col2 figure .caption {
    padding: 6px 0 10px;
    font-size: 16px;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20 {
    width: 12.3%;
    margin-right: 5.2%;
  }
  #main .ym-col2 #content .teaser .composedcontent-dvv-box .mehrlink a {
    margin: -350px 0 0;
    padding: 350px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .composedcontent-dvv-box .mehrlink a {
    margin: -250px 0 0;
    padding: 250px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .ym-g50 .composedcontent-dvv-box .mehrlink a {
    margin: -200px 0 0;
    padding: 200px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .ym-g50 {
    min-height: 220px;
  }
  #main .ym-col2 #content .teaser-ohnetxt .ym-g33 {
    min-height: 270px;
  }
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g33,
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g50 {
    /*min-height: 710px !important;*/
  }
  #main .ym-col2 #content .teaserMitBild .composedcontent-dvv-box .mehrlink a {
    margin: -460px 0 0 !important;
    padding: 460px 0 0 !important;
  }
  #main .ym-col2 #content .kn-parken-zeile .ym-g33 {
    width: 100%;
  }
  .richMenuNew .richMenuItem .richMenuBody *,
  .richMenuNew .richMenuItem .richMenuBody .richMenuNavigation.ym-g50 ul.navList li a,
  .richMenuNew .richMenuItem .richMenuBody .richMenuNavigation.ym-g50 ul.navList li span,
  .richMenuNew .richMenuItem .richMenuBody .richMenuNavigation.ym-g50 ul.navList li strong {
    font-size: 15px;
  }
}
@media screen and (min-width: 1220px) and (max-width: 1339px) {
  html {
    font-size: 10px;
    font-size: 0.625rem;
  }
  #header #wrapper-logo-nav #logo {
    margin-left: 15px !important;
  }
  #header #wrapper-logo-nav #logo img {
    max-width: 60% !important;
  }
  #header #stage .composedcontent-box-in-box {
    width: 70%;
  }
  #header .microsite-titel {
    position: relative;
    left: -44px;
  }
  #header #wrapper-logo-nav .topsearch {
    top: 30px;
    right: 30px;
  }
  #header .burger-menu {
    top: 20px;
    right: 150px;
  }
  #header .burger-menu:before {
    top: 15px;
  }
  #header .wayhome * {
    font-size: 12px;
  }
  #main .ym-col2 #content .inner-schnellzugriff a {
    padding-top: 60px;
  }
  #main .ym-col2 #content .karriere-schnellzugriff figure {
    height: 120px !important;
  }
  #main .ym-col2 #content .teaser .ym-g33 p,
  #main .ym-col2 #content .teaser .ym-g50 p {
    font-size: 18px;
    line-height: 24px;
  }
  /* Microsites */
  /*************/
  #header #wrapper-logo-nav #logo {
    z-index: 1000;
    position: relative;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen a:before {
    /*font-size: 17px;*/
  }
  #footer .adr-nav * {
    font-size: 18px;
    line-height: 26px;
  }
  #main .ym-col1 #service * {
    font-size: 14px;
  }
  /************ Startseite nicht mehr zweispaltig *************/
  .home #main .ym-col2 #content .news .ym-gl,
  .home #main .ym-col2 #content .news .ym-gr {
    display: block;
    width: auto;
  }
  .home #main {
    width: auto;
  }
  .home #main .ym-col2 #content .news {
    display: block;
  }
  .home #main .ym-col2 #content {
    padding: 0 15px;
  }
  .home #main .ym-col2 #content .news .top-news .pm-bild {
    width: 100%;
    height: auto;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung {
    width: 48.8%;
    margin: 0 2.5rem 4.375rem 0;
  }
  .home #main .ym-col2 #content .news .pm-meldung .pm-bild img {
    width: 100%;
    height: auto;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(4n) {
    clear: none;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(3n),
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(4n) {
    margin: 0 2.5rem 4.375rem 0;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(2n),
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(4n),
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(6n) {
    margin-right: 0;
  }
  .home #main .ym-col2 #content .news .ym-gr {
    padding: 0;
  }
  .home #main .ym-col2 #content .news .pm-meldung .pm-bild img {
    left: 0;
  }
  .home #main {
    width: 120rem;
  }
  #main .ym-col2 .inner-schnellzugriff {
    height: auto;
    margin-bottom: 40px;
  }
  #main .ym-col2 .inner-schnellzugriff p.kn-icon {
    height: 90px;
  }
  #main .ym-col2 .inner-schnellzugriff .kn-icon:before {
    font-size: 70px;
  }
  #main .ym-col2 .inner-schnellzugriff a {
    padding-top: 60px;
    font-size: 20px;
  }
  /************************************************************/
  #contentFooter .bx-wrapper .composedcontent-box-in-box,
  #main .ym-col2 .buehneInhalt .bx-wrapper .composedcontent-box-in-box {
    width: 70%;
  }
  #contentFooter .bx-wrapper .bx-controls,
  #main .ym-col2 .buehneInhalt .bx-wrapper .bx-controls {
    top: -545px;
  }
  #contentFooter .bx-wrapper .bx-pager.bx-default-pager a:link,
  #main .ym-col2 .buehneInhalt .bx-wrapper .bx-pager.bx-default-pager a:link {
    font-size: 16px;
  }
  #contentFooter .bx-wrapper .composedcontent-box-in-box *,
  #main .ym-col2 .buehneInhalt .bx-wrapper .composedcontent-box-in-box * {
    margin: 6px 0 0;
  }
  #main .ym-col2 figure .caption {
    padding: 6px 0 10px;
    font-size: 16px;
  }
  a.mailLink:before {
    font-size: 36px;
    left: -7px;
    top: 2px;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20 {
    width: 11.8%;
    margin-right: 5.8%;
  }
  #main .ym-col2 #content .teaser .composedcontent-dvv-box .mehrlink a {
    margin: -350px 0 0;
    padding: 350px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .composedcontent-dvv-box .mehrlink a {
    margin: -250px 0 0;
    padding: 250px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .ym-g50 .composedcontent-dvv-box .mehrlink a {
    margin: -190px 0 0;
    padding: 190px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .ym-g50 {
    min-height: 200px;
  }
  #main .ym-col2 #content .teaser-ohnetxt .ym-g33 {
    min-height: 270px;
  }
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g33,
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g50 {
    /*min-height: 700px !important;*/
  }
  #main .ym-col2 #content .teaserMitBild .composedcontent-dvv-box .mehrlink a {
    margin: -420px 0 0 !important;
    padding: 420px 0 0 !important;
  }
  #main .ym-col2 #content .kn-parken-zeile .ym-g33 {
    width: 100%;
  }
  .richMenuNew .richMenuItem .richMenuBody *,
  .richMenuNew .richMenuItem .richMenuBody .richMenuNavigation.ym-g50 ul.navList li a,
  .richMenuNew .richMenuItem .richMenuBody .richMenuNavigation.ym-g50 ul.navList li span,
  .richMenuNew .richMenuItem .richMenuBody .richMenuNavigation.ym-g50 ul.navList li strong {
    font-size: 15px;
  }
  .home #main .ym-col2 #content .news .news_klein .pm-meldung .pm-bild img {
    height: auto;
    width: 100%;
  }
  #content .inner-schnellzugriff {
    padding-top: 90px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1219px) {
  html {
    font-size: 9px;
    font-size: 0.5625rem;
  }
  #header {
    width: auto;
  }
  #header #wrapper-logo-nav #logo {
    z-index: 1000;
    position: relative;
  }
  #header #wrapper-logo-nav #logo {
    margin-left: 15px !important;
  }
  #header #wrapper-logo-nav #logo img {
    max-width: 60% !important;
  }
  #header #stage .composedcontent-box-in-box {
    width: 70%;
  }
  #header .microsite-titel {
    position: relative;
    left: -44px;
  }
  #header .wayhome * {
    font-size: 12px;
  }
  #main .ym-col2 .inner-schnellzugriff a {
    padding-top: 60px;
  }
  #main .ym-col2 #content .karriere-schnellzugriff figure {
    height: 100px !important;
  }
  #header .burger-menu {
    top: 20px;
    right: 140px;
  }
  #header .burger-menu:before {
    top: 15px;
  }
  #header #wrapper-logo-nav .topsearch {
    top: 30px;
    right: 40px;
    right: 0;
  }
  #contentFooter,
  #footer {
    width: auto;
  }
  #main .ym-col1 {
    padding-right: 0;
    width: 100%;
  }
  #main .ym-col1 #service {
    height: auto;
  }
  #main .ym-col2,
  #main .ym-col3 {
    padding: 0 0 20px;
    width: 100%;
  }
  #main .ym-col2 #content article .topBild .image {
    height: auto;
  }
  #main .ym-col2 #content article .topBild .image img {
    width: 100%;
    height: auto;
  }
  #main .ym-col2 #content .bilderslider .galleryImage img {
    max-width: 100%;
  }
  body #cookie-bar p {
    font-size: 15px;
  }
  #header .meta .ym-gl {
    width: 25%;
    height: 35px;
  }
  #header .meta .ym-gr {
    width: 75%;
    height: 35px;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen a:before {
    /*font-size: 13px;*/
  }
  #main .ym-col1 #service * {
    font-size: 16px;
  }
  #main .ym-col1 #service .vCard .fn * {
    font-size: 22px;
  }
  #main .ym-col1 #service .vCard .fn {
    margin: 30px 0 15px 0;
  }
  #main .ym-col1 #service h2 {
    font-size: 18px;
  }
  #main .ym-col1 #service .vCard > .mail,
  #main .ym-col1 #service .vCard .rumpf > .mail,
  #main .ym-col1 #service .vCard > .organization,
  #main .ym-col1 #service .vCard > .tel,
  #main .ym-col1 #service .vCard .rumpf > .tel {
    padding-bottom: 15px;
    padding-top: 15px;
  }
  #main .ym-col1 #service .vCard .mail .email:before,
  #main .ym-col1 #service .vCard .tel .tel:before,
  #main .ym-col1 #service .vCard .mail .mailLink:before {
    font-size: 40px;
  }
  #main .ym-col1 #service .vCard .fax .bez {
    margin-right: 10px;
  }
  /************ Startseite nicht mehr zweispaltig *************/
  .home #main .ym-col2 #content .news .ym-gl,
  .home #main .ym-col2 #content .news .ym-gr {
    display: block;
    width: auto;
  }
  .home #main {
    width: auto;
  }
  .home #main .ym-col2 #content .news {
    display: block;
  }
  .home #main .ym-col2 #content {
    padding: 0 15px;
  }
  .home #main .ym-col2 #content .news .top-news .pm-bild {
    width: 100%;
    height: auto;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung {
    width: 48.8%;
    margin: 0 2.5rem 4.375rem 0;
  }
  .home #main .ym-col2 #content .news .pm-meldung .pm-bild img {
    width: 100%;
    height: auto;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(4n) {
    clear: none;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(3n),
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(4n) {
    margin: 0 2.5rem 4.375rem 0;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(2n),
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(4n),
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(6n) {
    margin-right: 0;
  }
  .home #main .ym-col2 #content .news .ym-gr {
    padding: 0;
  }
  .home #main .ym-col2 #content .news .pm-meldung .pm-bild img {
    left: 0;
  }
  #main .ym-col2 .inner-schnellzugriff {
    height: auto;
    margin-bottom: 40px;
  }
  #main .ym-col2 .inner-schnellzugriff p.kn-icon {
    height: 90px;
  }
  #main .ym-col2 .inner-schnellzugriff .kn-icon:before {
    font-size: 70px;
  }
  #main .ym-col2 .inner-schnellzugriff a {
    padding-top: 60px;
    font-size: 20px;
  }
  /************************************************************/
  .home #main .ym-col2 #content .news .top-news .pm-head h3 a,
  #main .ym-col2 #content .pm-topnews .pm-meldung .pm-head h3 a {
    font-size: 25px;
    line-height: 32px;
  }
  #contentFooter .bx-wrapper .composedcontent-box-in-box,
  #main .ym-col2 .buehneInhalt .bx-wrapper .composedcontent-box-in-box {
    width: 70%;
  }
  #contentFooter .bx-wrapper .bx-controls,
  #main .ym-col2 .buehneInhalt .bx-wrapper .bx-controls {
    top: -495px;
  }
  #contentFooter .bx-wrapper .bx-pager.bx-default-pager a:link,
  #main .ym-col2 .buehneInhalt .bx-wrapper .bx-pager.bx-default-pager a:link {
    font-size: 14px;
  }
  #contentFooter .bx-wrapper .composedcontent-box-in-box *,
  #main .ym-col2 .buehneInhalt .bx-wrapper .composedcontent-box-in-box * {
    margin: 6px 0 0;
  }
  #main .ym-col2 figure .caption {
    padding: 6px 0 10px;
    font-size: 14px;
  }
  #main a.internerLink:before,
  #stage a.internerLink:before {
    font-size: 19px!important;
  }
  #main .ym-col2 #content a.externerLink:before,
  #main a.externerLink:before,
  #main a.httpsLink:before,
  #main .ym-col2 #content a.httpsLink:before,
  #main a.httpsLink:before,
  #main .teaser .ym-g33 p.basecontent-line-break-text.mehrlink a.externerLink:before,
  #main .teaser .ym-g50 p.basecontent-line-break-text.mehrlink a.externerLink:before,
  #main .ym-col2 #content .teaser .ym-g33 p.basecontent-line-break-text.mehrlink a.externerLink:before,
  #main .ym-col2 #content .teaser .ym-g50 p.basecontent-line-break-text.mehrlink a.externerLink:before {
    font-size: 40px;
    padding: 4px 6px;
    top: -2px;
  }
  .basecontent-attachment a[href$=".pdf"]:before,
  .basecontent-external-attachment a[href$=".pdf"]:before,
  a.pdfLink:before {
    font-size: 7px;
    padding: 6px 3px;
  }
  a.mailLink:before {
    font-size: 36px;
    left: -7px;
    top: 2px;
  }
  #main .ym-col2 #content .karriere-schnellzugriff img {
    max-width: 75% !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20 {
    width: 28% !important;
    margin-right: 8% !important;
    float: left;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20:last-child,
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20:nth-child(3) {
    margin-right: 0 !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff figure {
    height: 120px !important;
  }
  #main .ym-col2 #content .teaser .composedcontent-dvv-box .mehrlink a {
    margin: -350px 0 0;
    padding: 350px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .composedcontent-dvv-box .mehrlink a {
    margin: -300px 0 0;
    padding: 300px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .ym-g50 .composedcontent-dvv-box .mehrlink a {
    margin: -180px 0 0;
    padding: 180px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .ym-g50 {
    min-height: 220px;
  }
  #main .ym-col2 #content .teaser-ohnetxt .ym-g33 {
    min-height: 320px;
  }
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g33,
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g50 {
    /*min-height: 680px !important;*/
  }
  #main .ym-col2 #content .teaserMitBild .composedcontent-dvv-box .mehrlink a {
    margin: -450px 0 0 !important;
    padding: 450px 0 0 !important;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen .basecontent-knvk .vkkn .name a:before {
    left: -26px;
    top: 5px;
    font-size: 19px;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen .basecontent-knvk .vkkn {
    margin-left: 25px;
  }
  #main .ym-col2 #content .kn-parken-zeile .ym-g33 {
    width: 100%;
  }
  .home #main .ym-col2 #content .news .news_klein .pm-meldung .pm-bild img {
    height: auto;
    width: 100%;
  }
  #content .inner-schnellzugriff {
    padding-top: 90px;
  }
}
@media screen and (min-width: 830px) and (max-width: 999px) {
  html {
    font-size: 7.11px;
    font-size: 0.444375rem;
  }
  #header #wrapper-logo-nav #logo {
    z-index: 1000;
    position: relative;
  }
  #header {
    width: auto;
  }
  #header .logo-navigator,
  #header .ym-hlist {
    margin: 0;
    width: 100%;
  }
  #header .ym-hlist ul li a {
    width: 152px;
    font-size: 2.2rem;
  }
  #header .ym-hlist ul li ul li a {
    font-size: 2rem;
    width: 300px;
  }
  #header #stage .top-teaser .stage-teaser {
    margin: 0;
    width: 60%;
  }
  #header #stage .top-teaser .stage-info {
    right: 0;
    width: 40%;
  }
  #header #stage {
    width: auto;
  }
  #header #stage .composedcontent-box-in-box {
    width: 70%;
  }
  #header .wayhome * {
    font-size: 12px;
  }
  #main,
  #contentTeaser {
    padding: 0 20px;
    width: auto;
  }
  .home #main {
    width: auto;
  }
  #main .ym-col1 {
    padding-right: 0;
    width: 100%;
  }
  #main .ym-col1 #service {
    height: auto;
  }
  #main .ym-col1 #service {
    margin: 0 15px;
  }
  #main .ym-col2 #content article .topBild .image {
    height: auto;
  }
  #main .ym-col2 #content article .topBild .image img {
    width: 100%;
    height: auto;
  }
  #main .ym-col2,
  #main .ym-col3 {
    padding: 0 0 20px;
    width: 100%;
  }
  #main .ym-col3 .person-box {
    width: 100%;
  }
  #main .ym-col3 .person-box *,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl * {
    font-size: 2rem;
    line-height: 3rem;
  }
  #main .ym-col3 .person-box img {
    display: none;
  }
  #main .ym-col3 .person-box .person-info,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl p {
    height: auto;
    padding: 2rem;
  }
  .home #main .ym-col2 #content .moreNews,
  #main .ym-col3 .person-box .person-info,
  #main .ym-col3 .person-box .weitere-personen {
    width: 100%;
    min-width: 401px;
  }
  .home #main .ym-col2 #content .moreNews {
    height: 8.6rem;
  }
  #main .ym-col3 .navigator .navigatorElement {
    height: 13rem;
  }
  #main .ym-col3 .navigator .navigatorElement h3,
  .home #main .ym-col2 #content .moreNews * {
    font-size: 2rem;
  }
  #contentFooter .contentFooter-content .content-teaserBox.ym-gl * {
    font-size: 2rem;
    line-height: 2.7rem;
  }
  #contentFooter .contentFooter-content .content-teaserBox.ym-gl figure {
    display: none;
  }
  #contentFooter,
  #footer {
    width: 100%;
  }
  #footer .adr-nav {
    padding: 5rem 2rem;
  }
  #footer .adr-nav * {
    font-size: 2rem;
    line-height: 3rem;
  }
  nav .ym-wbox,
  #sitenav .ym-wbox,
  .ym-wbox {
    padding: 0;
  }
  /*Für Karriereportal */
  #header .meta .ym-gl {
    width: 25%;
    height: 35px;
  }
  #header .meta .ym-gr {
    width: 75%;
    height: 35px;
  }
  #header #wrapper-logo-nav #logo {
    margin-left: 15px !important;
  }
  #header #wrapper-logo-nav #logo img {
    max-width: 55% !important;
  }
  #header .microsite-titel {
    position: relative;
    left: -65px;
    font-size: 18px !important;
    line-height: 1.1 !important;
  }
  #header .fixed-nav .microsite-titel {
    left: 0;
  }
  #header .meta .flinks {
    margin-top: 12px !important;
    font-size: 12px !important;
  }
  #header .meta .lang-select .kn-icon,
  #header .meta .flinks a {
    font-size: 12px !important;
    padding: 0 26px !important;
  }
  #header .meta .lang-select .kn-icon {
    position: relative;
    top: -5px;
  }
  #header .meta .lang-select .kn-icon:after {
    font-size: 30px !important;
    top: 8px !important;
  }
  #header .meta .flinks .konstanzde:before,
  #header .meta .flinks .serviceportal:before {
    font-size: 23px !important;
    left: -25px;
  }
  #header .burger-menu {
    top: 15px;
    right: 135px;
  }
  #header .burger-menu:before {
    top: 17px;
  }
  #header #wrapper-logo-nav .topsearch {
    top: 30px;
    right: 40px;
    right: 0;
  }
  #header #stage .composedcontent-box-in-box p,
  #header #stage .composedcontent-box-in-box a {
    font-size: 16px !important;
  }
  #header #stage .composedcontent-box-in-box h2 {
    font-size: 22px !important;
  }
  #header #stage .composedcontent-box-in-box {
    width: 70%;
  }
  #main .ym-col2 #content {
    padding: 0 15px;
  }
  #main .ym-col2 #content h1 {
    font-size: 35px;
    line-height: normal;
    margin: 30px 0 20px;
  }
  #main .ym-col2 #content h2 {
    font-size: 30px;
    line-height: normal;
    margin: 7px 0 15px;
  }
  #main .ym-col2 #content h3 {
    font-size: 25px;
    line-height: normal;
    margin: 5px 0 10px;
  }
  #main .ym-col2 #content .karriere-schnellzugriff img {
    max-width: 75% !important;
  }
  #main .ym-col2 #content .bilderslider .galleryImage img {
    max-width: 100%;
  }
  body #cookie-bar p {
    font-size: 13px;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen a:before {
    /*font-size: 10px;*/
  }
  #main .ym-col2 #content .basecontent-teasertext {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 25px;
  }
  #main .ym-col2 .inner-schnellzugriff a {
    padding-top: 60px;
  }
  #header #wrapper-logo-nav.fixed-nav {
    width: 100%;
  }
  #main .ym-col1 #service * {
    font-size: 16px;
  }
  #main .ym-col1 #service .vCard .fn * {
    font-size: 22px;
  }
  #main .ym-col1 #service .vCard .fn {
    margin: 30px 0 15px 0;
  }
  #main .ym-col1 #service h2 {
    font-size: 18px;
  }
  #main .ym-col1 #service .vCard > .mail,
  #main .ym-col1 #service .vCard .rumpf > .mail,
  #main .ym-col1 #service .vCard > .organization,
  #main .ym-col1 #service .vCard > .tel,
  #main .ym-col1 #service .vCard .rumpf > .tel {
    padding-bottom: 15px;
    padding-top: 15px;
  }
  #main .ym-col1 #service .vCard .mail .email:before,
  #main .ym-col1 #service .vCard .tel .tel:before,
  #main .ym-col1 #service .vCard .mail .mailLink:before {
    font-size: 40px;
  }
  #main .ym-col1 #service .vCard .fax .bez {
    margin-right: 10px;
  }
  /************ Startseite nicht mehr zweispaltig *************/
  .home #main .ym-col2 #content .news .ym-gl,
  .home #main .ym-col2 #content .news .ym-gr {
    display: block;
    width: auto;
  }
  .home #main .ym-col2 #content .news {
    display: block;
  }
  .home #main .ym-col2 #content {
    padding: 0 15px;
  }
  .home #main .ym-col2 #content .news .top-news .pm-bild {
    width: 100%;
    height: auto;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung {
    width: 48.8%;
    margin: 0 2.5rem 4.375rem 0;
  }
  .home #main .ym-col2 #content .news .pm-meldung .pm-bild img {
    width: 100%;
    height: auto;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(4n) {
    clear: none;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(3n),
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(4n) {
    margin: 0 2.5rem 4.375rem 0;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(2n),
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(4n),
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(6n) {
    margin-right: 0;
  }
  .home #main .ym-col2 #content .news .ym-gr {
    padding: 0;
  }
  .home #main .ym-col2 #content .news .pm-meldung .pm-bild img {
    left: 0;
  }
  #main .ym-col2 .inner-schnellzugriff {
    height: auto;
    margin-bottom: 40px;
  }
  #main .ym-col2 .inner-schnellzugriff p.kn-icon {
    height: 90px;
  }
  #main .ym-col2 .inner-schnellzugriff .kn-icon:before {
    font-size: 70px;
  }
  #main .ym-col2 .inner-schnellzugriff a {
    padding-top: 60px;
    font-size: 20px;
  }
  /************************************************************/
  .home #main .ym-col2 #content .news .top-news .pm-head h3 a,
  #main .ym-col2 #content .pm-topnews .pm-meldung .pm-head h3 a {
    font-size: 25px;
    line-height: 32px;
  }
  #contentFooter .bx-wrapper .composedcontent-box-in-box,
  #main .ym-col2 .buehneInhalt .bx-wrapper .composedcontent-box-in-box {
    width: 70%;
    height: 300px !important;
    top: 30px;
  }
  #contentFooter .bx-wrapper .bx-controls,
  #main .ym-col2 .buehneInhalt .bx-wrapper .bx-controls {
    top: -395px;
  }
  #contentFooter .bx-wrapper .bx-pager.bx-default-pager a:link,
  #main .ym-col2 .buehneInhalt .bx-wrapper .bx-pager.bx-default-pager a:link {
    font-size: 12px;
    padding: 6px 0 6px 10px;
  }
  #contentFooter .bx-wrapper .composedcontent-box-in-box *,
  #main .ym-col2 .buehneInhalt .bx-wrapper .composedcontent-box-in-box * {
    margin: 4px 0 0;
  }
  #main .ym-col2 figure .caption {
    padding: 6px 0 10px;
    font-size: 14px;
  }
  #main a.internerLink:before,
  #stage a.internerLink:before {
    font-size: 19px!important;
  }
  #main .ym-col2 #content a.externerLink:before,
  #main a.externerLink:before,
  #main a.httpsLink:before,
  #main .ym-col2 #content a.httpsLink:before,
  #main .teaser .ym-g33 p.basecontent-line-break-text.mehrlink a.externerLink:before,
  #main .teaser .ym-g50 p.basecontent-line-break-text.mehrlink a.externerLink:before,
  #main .ym-col2 #content .teaser .ym-g33 p.basecontent-line-break-text.mehrlink a.externerLink:before,
  #main .ym-col2 #content .teaser .ym-g50 p.basecontent-line-break-text.mehrlink a.externerLink:before {
    font-size: 40px;
    padding: 4px 6px;
    top: -2px;
  }
  a.mailLink:before {
    font-size: 36px;
    left: -7px;
    top: 2px;
  }
  #main .ym-col2 #content .basecontent-teasertext {
    font-size: 22px;
    line-height: 30px;
  }
  #cboxOverlay span.nowrap:after {
    font-size: 30px;
    right: 82px;
    top: 6px;
  }
  #cboxOverlay .quicksearchimg {
    height: 31px;
    left: -48px;
    top: 9px;
    width: 37px;
  }
  #cboxOverlay #qs_query {
    -webkit-box-shadow: 1px 1px 10px 5px #000000;
            box-shadow: 1px 1px 10px 5px #000000;
    padding-right: 50px;
  }
  #main .ym-col2 #content .karriere-schnellzugriff img {
    max-width: 75% !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20 {
    width: 28% !important;
    margin-right: 8% !important;
    float: left;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20:last-child,
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20:nth-child(3) {
    margin-right: 0 !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff figure {
    height: 120px !important;
  }
  #main .ym-col2 #content .teaser .composedcontent-dvv-box .mehrlink a {
    margin: -350px 0 0;
    padding: 350px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .composedcontent-dvv-box .mehrlink a {
    margin: -250px 0 0;
    padding: 250px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .ym-g50 .composedcontent-dvv-box .mehrlink a {
    margin: -170px 0 0;
    padding: 170px 0 0;
  }
  #main .ym-col2 #content .teaser-ohnetxt .ym-g50 {
    min-height: 200px;
  }
  #main .ym-col2 #content .teaser-ohnetxt .ym-g33 {
    min-height: 270px;
  }
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g33,
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g50 {
    /*min-height: 680px !important;*/
  }
  #main .ym-col2 #content .teaserMitBild .composedcontent-dvv-box .mehrlink a {
    margin: -450px 0 0 !important;
    padding: 450px 0 0 !important;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen .basecontent-knvk .vkkn .name a:before {
    left: -26px;
    top: 5px;
    font-size: 19px;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen .basecontent-knvk .vkkn {
    margin-left: 25px;
  }
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung {
    width: 48%;
    margin-right: 20px !important;
  }
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung .pm-head h3 a {
    line-height: normal;
  }
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung .pm-bild {
    height: auto;
  }
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(2n),
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(4n) {
    margin-right: 0 !important;
  }
  #footer .vk-startseite .externerLink:before,
  #main .vk-startseite .externerLink:before,
  #main .ym-col2 #content .vk-startseite .externerLink:before {
    font-size: 19px;
  }
  .home #main .ym-col2 #content .news .news_klein .pm-meldung .pm-bild img {
    height: auto;
    width: 100%;
  }
  #content .inner-schnellzugriff {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 829px) {
  html {
    font-size: 5.15px;
    font-size: 0.321875rem;
  }
  html * {
    font-size: 14px;
  }
  div.dvvToolbar {
    height: 32px;
    left: 281px;
    position: absolute;
    top: 15px;
    z-index: 99;
  }
  div.dvvToolbar ul.tb-submenu {
    padding: 0;
  }
  #header {
    height: auto;
    position: static;
    width: auto;
  }
  #header .meta {
    height: 50px;
  }
  #header .meta .meta-kontakt {
    right: 450px;
    top: 21px;
  }
  #header .meta #quicksearch {
    right: 0;
    width: 100%;
  }
  #header .meta * {
    font-size: 16px;
  }
  #header .meta #quicksearch #qs_query {
    font-size: 16px;
    height: 50px;
    width: 100%;
  }
  #header .meta #quicksearch button.quicksearchimg .icon {
    font-size: 18px;
    padding: 8px 0 0;
    display: block;
  }
  #header .meta img.top-right-pixel {
    height: 50px;
    width: 170px;
  }
  #header .ym-hlist {
    margin: 0;
    width: 100%;
  }
  #header .logo-navigator {
    margin: 0;
    top: 0;
    width: auto;
    z-index: 15;
  }
  #header .logo-navigator .logo {
    margin: 11px 0 0 20px;
    max-height: 46px;
    overflow: hidden;
    position: absolute;
  }
  #header .logo-navigator .logo img {
    height: 45px;
  }
  #header .logo-navigator .claim,
  #header .logo-navigator .NavigatorTop {
    display: none;
  }
  #header #stage .top-teaser {
    margin: 368px 0 0;
    position: static;
  }
  #header #stage .top-teaser .top-image .image-inner {
    height: auto;
    position: static;
  }
  #header #stage .top-teaser .top-image .image-inner img {
    height: auto;
    width: 100%;
    position: static;
  }
  #header #stage .top-teaser .stage-teaser {
    bottom: auto;
    height: auto;
    margin: 0;
    width: 100%;
  }
  #header #stage .top-teaser .stage-teaser p {
    line-height: normal;
    font-size: 13px;
  }
  #header #stage .top-teaser .stage-info {
    bottom: auto;
    padding: 13px 0;
    right: 0;
    top: 300px;
    width: 100%;
  }
  #header #stage .top-teaser .stage-info img {
    margin: 0 10px 0 22px;
    width: 67px;
  }
  #header #stage .top-teaser .stage-info * {
    font-size: 18px;
    line-height: 20px;
  }
  #header #stage .composedcontent-box-in-box {
    width: 80%;
    bottom: 100px;
  }
  #main .ym-col2 #content .teaserheight .ym-g50 {
    width: 100%;
  }
  #main .ym-col2 .wayhome {
    margin: 0 9px;
  }
  #main .ym-col2 .wayhome * {
    font-size: 12px;
  }
  #contentTeaser {
    padding: 0;
    width: 100%;
  }
  #main {
    padding: 0;
    width: 100%;
  }
  #main * {
    line-height: normal;
  }
  #main .linkliste .icon,
  #main .linkliste .fa {
    font-size: 12px;
    width: 20px;
  }
  #main .linkliste p {
    padding: 18px 0 5px;
  }
  #main .contentFuncLinks .icon,
  #main .contentFuncLinks .fa {
    font-size: 20px;
    padding: 0 5px 0 0;
  }
  #main .ym-col2 #content span.icon-Pfeil_rechts {
    font-size: 12px;
  }
  #main .ym-col3 ul li,
  #main .ym-col3 ol li,
  #main .ym-col3 dl li {
    margin: 10px 0;
  }
  #main .ym-col2,
  #main .ym-col3 {
    padding: 0 0 20px;
    width: 100%;
  }
  #main .ym-col2 #content {
    padding: 0 15px;
  }
  #main .ym-col2 #content h1 {
    font-size: 35px;
    line-height: normal;
    margin: 30px 0 20px;
  }
  #main .ym-col2 #content h2 {
    font-size: 30px;
    line-height: normal;
    margin: 7px 0 15px;
  }
  #main .ym-col2 #content h3 {
    font-size: 25px;
    line-height: normal;
    margin: 5px 0 10px;
  }
  #main .ym-col3 .person-box .big-box,
  #main .ym-col3 .text-box .big-box {
    font-size: 18px;
    padding: 0 16px;
  }
  #main .ym-col3 .navigator {
    display: block;
    position: absolute;
    top: 118px;
  }
  #main .ym-col3 .person-box {
    width: 100%;
  }
  #main .ym-col3 .person-box *,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl * {
    font-size: 2rem;
    line-height: 3rem;
  }
  #main .ym-col3 .person-box img {
    display: none;
  }
  #main .ym-col3 .person-box div.vCardLink .fa {
    font-size: 25px;
  }
  #main .ym-col2 .ym-form .formElementContainer .formElement.ym-fbox-check > label {
    float: none;
    position: unset;
    width: 300px;
  }
  #main .ym-col2 .ym-form .formElementContainer .formElement.ym-fbox-check > label span.small {
    font-size: 14px;
  }
  #main .ym-col3 .person-box .person-info,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl p {
    height: auto;
    padding: 2rem;
  }
  .home #main .ym-col2 #content .moreNews,
  #main .ym-col3 .person-box .person-info,
  #main .ym-col3 .person-box .weitere-personen {
    width: 100%;
    min-width: 401px;
  }
  #main .ym-col3 .navigator .navHeader {
    height: 68px;
    padding: 15px 0 0 20px;
  }
  #main .ym-col3 .navigator .navHeader * {
    color: #fff;
  }
  #main .ym-col3 .navigator .navHeader .icon-Erklarung {
    color: #fff;
    font-size: 25px;
    margin: -28px 15px 0 0;
  }
  #main .ym-col3 .navigator .navHeader h2 {
    font-size: 22px;
  }
  #main .ym-col3 .navigator .navHeader .icon.icon-Navigator {
    font-size: 30px;
  }
  #main .ym-col3 .navigator .navigatorElement {
    height: 100px;
    padding: 10px 8%;
    width: 33.33%;
  }
  #main .ym-col3 .navigator .navigatorElement span.icon {
    font-size: 33px;
  }
  .home #main .ym-col2 #content .basecontent-html-editor .twitterWidget * {
    font-size: 14px;
  }
  .home #main .ym-col2 #content .moreNews {
    height: 50px;
  }
  #main .ym-col2 *,
  .home #main .ym-col2 #content .einzelMeldung *,
  .home #main .ym-col2 #content .pm-topnews .pm-meldung *,
  #main .ym-col2 .basecontent-attachment .caption,
  #main .ym-col2 .basecontent-external-attachment .caption,
  #main .ym-col2 #content #zmDetail .titel h2 *,
  #main .ym-col2 #content #zmDetail .titel h2 a,
  #main .ym-col2 #content #zmEListe .zmitem h3.datumzmtitel,
  #main .ym-col2 #content #zmEListe .zmitem h3.datumzmtitel *,
  #main .ym-col2 #content #zmEListe .zmitem h3,
  #main .ym-col2 #content #zmEListe .zmitem footer a.details,
  #main .ym-col3 .navigator .navigatorElement h3,
  .home #main .ym-col2 #content .moreNews *,
  #main .ym-col3 .person-box *,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl * {
    font-size: 14px;
    line-height: normal;
  }
  #main .ym-col2 #content #zmEListe #zmtopnav .zmRegister a,
  #main .ym-col2 #content #zmEListe #zmtopnav .zmRegister span {
    min-width: 109px;
  }
  #main .ym-col3 .person-box .person-info,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl p {
    padding: 15px;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung .pm-head h3 a {
    line-height: normal;
  }
  #contentFooter .contentFooter-content {
    margin: 10px 0 0;
    padding: 0;
  }
  #contentFooter .contentFooter-content h3 {
    font-size: 16px;
    line-height: normal;
    margin: 0 0 0 13px;
  }
  #contentFooter .contentFooter-content h2 {
    margin: 0 0 10px 12px;
  }
  #contentFooter .contentFooter-content .content-teaserBox.ym-gl *,
  #contentFooter .contentFooter-content .content-teaserBox.ym-gr * {
    font-size: 14px;
    line-height: normal;
  }
  #contentFooter .contentFooter-content .content-teaserBox.ym-gr p:last-child {
    border-bottom: 1px solid #c0d1f4;
  }
  #contentFooter {
    height: auto;
    position: static;
    width: auto;
  }
  #contentFooter .contentFooter-content,
  #contentFooter .contentFooter-img .top-image img {
    bottom: auto;
    position: static;
  }
  #contentFooter .contentFooter-img {
    max-height: 420px;
  }
  #footer {
    width: auto;
  }
  #footer .nl-sm {
    height: 80px;
    padding: 20px 10px;
  }
  #footer .nl-sm .nl {
    width: 65%;
  }
  #footer .nl-sm .nl input#emailadresse {
    height: 30px;
    width: 70%;
  }
  #footer .nl-sm .nl input#newsletterAbo {
    font-size: 10px;
    height: 30px;
  }
  #footer .nl-sm .nl .icon-Pfeil_rechts {
    font-size: 7px;
    margin: 0 0 0 -19px;
    right: auto;
    top: 12px;
  }
  #footer .nl-sm .sm {
    width: 35%;
  }
  #footer .nl-sm .sm h3 {
    font-size: 14px;
    line-height: normal;
    margin: 0;
    padding: 0 39% 0 0;
  }
  #footer .nl-sm .sm i.fa {
    font-size: 19px;
  }
  #footer .nl-sm label {
    font-size: 14px;
  }
  .ym-wrapper input[type="text"],
  .ym-wrapper input[type="search"],
  .ym-wrapper input[type="password"],
  .ym-wrapper input[type="email"],
  .ym-wrapper textarea,
  .ym-wrapper select {
    font-size: 10px;
  }
  #footer .adr-nav {
    padding: 20px 10px;
  }
  #footer .adr-nav > .ym-g50 {
    width: 100%;
  }
  #footer .adr-nav .basecontent-html-editor {
    float: left;
    width: 50%;
  }
  #footer .adr-nav img {
    margin: 10px 0 0 21px;
    width: 135px;
  }
  #footer .adr-nav *,
  #footer .copy-metro * {
    font-size: 15px;
    line-height: normal;
  }
  #footer .adr-nav #nav-bottom h3 a {
    font-size: 15px;
  }
  nav .ym-wbox,
  #sitenav .ym-wbox,
  .ym-wbox {
    padding: 0;
  }
  /*.home {
		#header {
			height: 1030px;
			#stage {
				position: absolute;
				top: 195px;
				width: 100%;
			}
		}
		#main .ym-col2 #content {
			padding: 0;
		}
	}*/
  /*Für Karriereportal */
  #header .meta .ym-gl {
    width: 25%;
    height: 35px;
  }
  #header .meta .ym-gr {
    width: 75%;
    height: 35px;
  }
  #header #wrapper-logo-nav #logo {
    margin-left: 15px !important;
  }
  #header #wrapper-logo-nav #logo img {
    max-width: 48% !important;
  }
  #header .microsite-titel {
    position: relative;
    left: -100px;
    font-size: 18px !important;
    line-height: 1.1 !important;
    width: 80px !important;
  }
  #header .meta .lang-select .kn-icon,
  #header .meta .flinks a {
    font-size: 12px !important;
    padding: 0 26px !important;
  }
  #header .meta .lang-select .kn-icon {
    position: relative;
    top: -5px;
  }
  #header .meta .lang-select .kn-icon:after {
    font-size: 30px !important;
    top: 8px !important;
  }
  #header .meta .flinks .konstanzde:before,
  #header .meta .flinks .serviceportal:before {
    font-size: 23px !important;
    left: -25px;
  }
  #header #wrapper-logo-nav .topsearch {
    top: 30px;
    right: 0;
  }
  a.mburger:before {
    content: '';
  }
  #header .burger-menu {
    top: 5px;
    right: 120px;
  }
  #header #stage .composedcontent-box-in-box p,
  #header #stage .composedcontent-box-in-box a {
    font-size: 15px !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff img {
    max-width: 75% !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20 {
    width: 28% !important;
    margin-right: 8% !important;
    float: left;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20:last-child,
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20:nth-child(3) {
    margin-right: 0 !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff figure {
    height: 120px !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff p a,
  #main .ym-col2 #content .karriere-schnellzugriff p a strong {
    font-size: 18px !important;
  }
  #main .ym-col2 #content .bilderslider .bx-controls {
    top: -350px;
  }
  #main .ym-col2 #content .bilderslider {
    /*margin-top: 40px;*/
  }
  #contentTeaser .teaser .composedcontent-dvv-box .mehrlink a {
    margin: -380px 0 0;
    padding: 380px 0 0;
  }
  #contentTeaser .teaser .ym-g33,
  #contentTeaser .teaser .ym-g50 {
    min-height: 400px;
    float: left;
    width: 31% !important;
  }
  #main .ym-col2 #content .teaserMitBild .ym-g33,
  #main .ym-col2 #content .teaserMitBild .ym-g50 {
    float: left;
    width: 31% !important;
  }
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g33,
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g50 {
    /*min-height: 680px !important;*/
    width: 100% !important;
    margin-bottom: 85px;
  }
  #main .ym-col2 #content .teaserMitBild .composedcontent-dvv-box .mehrlink a {
    margin: -450px 0 0 !important;
    padding: 450px 0 0 !important;
  }
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung {
    width: 48%;
    margin-right: 20px !important;
  }
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung .pm-head h3 a {
    line-height: normal;
  }
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(2n),
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(4n) {
    margin-right: 0 !important;
  }
  #main .ym-col2 #content .downloadlist table *,
  #main .ym-col2 #content table.downloadlist * {
    font-size: 14px;
  }
  #main .ym-col2 #content .teaser .teaser-zitat-rot p {
    font-size: 25px !important;
  }
  .home.id-home43842 #main .ym-col2 #content .news .teaser-ohnetxt > div h2 {
    font-size: 26px;
  }
  /*iframes im Content
	#main .ym-col2 #content .basecontent-html-editor iframe {
		max-height: 500px;
	}*/
  /* Formulare */
  #main .ym-col2 .ym-form .formElementContainer .formElementOptions.checkboxes,
  #main .ym-col2 .ym-form .formElementContainer .ym-fbox-check .right input {
    margin: 0;
  }
  /* Bibliothek Startseite VK */
  .home.id-home43842 #main .ym-col2 #content .basecontent-dvv-zm-vk .item {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
  html {
    font-size: 4px;
    font-size: 0.25rem;
  }
  html * {
    font-size: 14px;
  }
  div.dvvToolbar {
    left: 250px;
    position: absolute;
    top: 15px;
    z-index: 99;
  }
  #header {
    /*height: 512px;*/
    position: static;
    width: auto;
  }
  #header .meta {
    height: 50px;
  }
  #header .meta .meta-kontakt {
    right: 450px;
    top: 21px;
  }
  #header .meta #quicksearch {
    right: 0;
    width: 100%;
  }
  #header .meta * {
    font-size: 16px;
  }
  #header .meta #quicksearch #qs_query {
    font-size: 16px;
    height: 50px;
    width: 100%;
  }
  #header .meta #quicksearch button.quicksearchimg .icon {
    font-size: 18px;
    padding: 8px 0 0;
    display: block;
  }
  #header .meta img.top-right-pixel {
    height: 50px;
    width: 170px;
  }
  #header .ym-hlist {
    margin: 0;
    width: 100%;
  }
  #header .logo-navigator {
    margin: 0;
    top: 0;
    width: auto;
    z-index: 99;
  }
  #header .logo-navigator .logo {
    position: absolute;
  }
  #header .logo-navigator .logo img {
    height: 45px;
  }
  #header .logo-navigator .claim,
  #header .logo-navigator .NavigatorTop {
    display: none;
  }
  #header #stage .top-teaser {
    margin: 368px 0 0;
    position: static;
  }
  #header #stage .top-teaser .top-image .image-inner img {
    width: 100%;
    position: static;
  }
  #header #stage .top-teaser .stage-teaser {
    bottom: 223px;
    margin: 0;
    width: 100%;
  }
  #header #stage .top-teaser .stage-teaser p {
    line-height: normal;
    font-size: 13px;
  }
  #header #stage .top-teaser .stage-info {
    bottom: 211px;
    padding: 13px 0;
    right: 0;
    width: 100%;
  }
  #header #stage .top-teaser .stage-info img {
    margin: 0 10px 0 22px;
    width: 67px;
  }
  #header #stage .top-teaser .stage-info * {
    font-size: 18px;
    line-height: 20px;
  }
  #main .ym-col2 .wayhome {
    margin: 0 9px;
  }
  #main .ym-col2 .wayhome * {
    font-size: 12px;
  }
  #contentTeaser {
    padding: 0;
    width: 100%;
  }
  #main {
    padding: 0;
    width: 100%;
  }
  #main * {
    line-height: normal;
  }
  #main .linkliste .icon,
  #main .linkliste .fa {
    font-size: 12px;
    width: 20px;
  }
  #main .linkliste p {
    padding: 18px 0 5px;
  }
  #main .contentFuncLinks .icon,
  #main .contentFuncLinks .fa {
    font-size: 20px;
    padding: 0 5px 0 0;
  }
  #main .ym-col2 #content span.icon-Pfeil_rechts {
    font-size: 12px;
  }
  #main .ym-col3 ul li,
  #main .ym-col3 ol li,
  #main .ym-col3 dl li {
    margin: 10px 0;
  }
  #main .ym-col2,
  #main .ym-col3 {
    padding: 0;
    width: 100%;
  }
  #main .ym-col2 #content {
    padding: 0 15px;
  }
  #main .ym-col2 #content h1 {
    font-size: 35px;
    line-height: normal;
    margin: 30px 0 20px;
  }
  #main .ym-col2 #content h2 {
    font-size: 30px;
    line-height: normal;
    margin: 7px 0 15px;
  }
  #main .ym-col2 #content h3 {
    font-size: 25px;
    line-height: normal;
    margin: 5px 0 10px;
  }
  #main .ym-col2 .inner-schnellzugriff p.kn-icon,
  #main .ym-col2 .inner-schnellzugriff p.kn-icon * {
    font-size: 14px;
  }
  #main .ym-col3 .person-box .big-box,
  #main .ym-col3 .text-box .big-box {
    font-size: 18px;
    padding: 0 16px;
  }
  #main .ym-col3 .navigator {
    display: block;
    position: absolute;
    top: 118px;
  }
  #main .ym-col3 .person-box {
    width: 100%;
  }
  #main .ym-col3 .person-box *,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl * {
    font-size: 2rem;
    line-height: 3rem;
  }
  #main .ym-col3 .person-box img {
    display: none;
  }
  #main .ym-col3 .person-box div.vCardLink .fa {
    font-size: 25px;
  }
  #main .ym-col3 .person-box .person-info,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl p {
    height: auto;
    padding: 2rem;
  }
  .home #main .ym-col2 #content .moreNews,
  #main .ym-col3 .person-box .person-info,
  #main .ym-col3 .person-box .weitere-personen {
    width: 100%;
    min-width: 401px;
  }
  #main .ym-col3 .navigator .navHeader {
    height: 68px;
    padding: 15px 0 0 20px;
  }
  #main .ym-col3 .navigator .navHeader * {
    color: #fff;
  }
  #main .ym-col3 .navigator .navHeader .icon-Erklarung {
    color: #fff;
    font-size: 25px;
    margin: -28px 15px 0 0;
  }
  #main .ym-col3 .navigator .navHeader h2 {
    font-size: 22px;
  }
  #main .ym-col3 .navigator .navHeader .icon.icon-Navigator {
    font-size: 30px;
  }
  #main .ym-col3 .navigator .navigatorElement {
    height: 100px;
    padding: 10px 5%;
    width: 33.33%;
  }
  #main .ym-col3 .navigator .navigatorElement span.icon {
    font-size: 33px;
  }
  .home #main .ym-col2 #content .basecontent-html-editor .twitterWidget * {
    font-size: 14px;
  }
  .home #main .ym-col2 #content .moreNews {
    height: 50px;
  }
  #main .ym-col2 *,
  .home #main .ym-col2 #content .einzelMeldung *,
  .home #main .ym-col2 #content .pm-topnews .pm-meldung *,
  #main .ym-col2 .basecontent-attachment .caption,
  #main .ym-col2 .basecontent-external-attachment .caption,
  #main .ym-col2 #content #zmDetail .titel h2 *,
  #main .ym-col2 #content #zmDetail .titel h2 a,
  #main .ym-col2 #content #zmEListe .zmitem h3.datumzmtitel,
  #main .ym-col2 #content #zmEListe .zmitem h3.datumzmtitel *,
  #main .ym-col2 #content #zmEListe .zmitem h3,
  #main .ym-col2 #content #zmEListe .zmitem footer a.details,
  #main .ym-col3 .navigator .navigatorElement h3,
  .home #main .ym-col2 #content .moreNews *,
  #main .ym-col3 .person-box *,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl * {
    font-size: 14px;
    line-height: normal;
  }
  #main .ym-col2 #content #zmEListe #zmtopnav .zmRegister a,
  #main .ym-col2 #content #zmEListe #zmtopnav .zmRegister span {
    min-width: 109px;
  }
  #main .ym-col3 .person-box .person-info,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl p {
    padding: 15px;
  }
  #main .ym-col2 .ym-form .formElementContainer .formElement.ym-fbox-check > label {
    float: none;
    position: unset;
    width: 300px;
  }
  #main .ym-col2 .ym-form .formElementContainer .formElement.ym-fbox-check > label span.small {
    font-size: 14px;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung .pm-head h3 a {
    line-height: normal;
  }
  #contentFooter .contentFooter-content {
    margin: 10px 0 0;
    padding: 0;
  }
  #contentFooter .contentFooter-content h3 {
    font-size: 16px;
    line-height: normal;
    margin: 0 0 0 13px;
  }
  #contentFooter .contentFooter-content h2 {
    margin: 0 0 10px 12px;
  }
  #contentFooter .contentFooter-content .content-teaserBox.ym-gl *,
  #contentFooter .contentFooter-content .content-teaserBox.ym-gr * {
    font-size: 14px;
    line-height: normal;
  }
  #contentFooter .contentFooter-content .content-teaserBox.ym-gr p:last-child {
    border-bottom: 1px solid #c0d1f4;
  }
  #contentFooter {
    height: auto;
    position: static;
    width: auto;
  }
  #contentFooter .contentFooter-content,
  #contentFooter .contentFooter-img .top-image img {
    bottom: auto;
    position: static;
  }
  #contentFooter .contentFooter-img {
    max-height: 420px;
  }
  #footer {
    width: auto;
  }
  #footer .nl-sm {
    height: 80px;
    padding: 20px 10px;
  }
  #footer .nl-sm .nl {
    width: 65%;
  }
  #footer .nl-sm .nl input#emailadresse {
    height: 30px;
    width: 70%;
  }
  #footer .nl-sm .nl input#newsletterAbo {
    font-size: 10px;
    height: 30px;
  }
  #footer .nl-sm .nl .icon-Pfeil_rechts {
    font-size: 7px;
    margin: 0 0 0 -19px;
    right: auto;
    top: 12px;
  }
  #footer .nl-sm .sm {
    width: 35%;
  }
  #footer .nl-sm .sm h3 {
    font-size: 14px;
    line-height: normal;
    margin: 0;
    padding: 0 39% 0 0;
  }
  #footer .nl-sm .sm i.fa {
    font-size: 19px;
  }
  #footer .nl-sm label {
    font-size: 14px;
  }
  .ym-wrapper input[type="text"],
  .ym-wrapper input[type="search"],
  .ym-wrapper input[type="password"],
  .ym-wrapper input[type="email"],
  .ym-wrapper textarea,
  .ym-wrapper select {
    font-size: 10px;
  }
  #footer .adr-nav {
    padding: 20px 10px;
  }
  #footer .adr-nav > .ym-g50 {
    width: 100%;
  }
  #footer .adr-nav .basecontent-html-editor {
    float: left;
    width: 50%;
  }
  #footer .adr-nav img {
    margin: 10px 0 0 21px;
    width: 135px;
  }
  #footer .adr-nav *,
  #footer .copy-metro * {
    font-size: 15px;
    line-height: normal;
  }
  #footer .adr-nav #nav-bottom h3 a {
    font-size: 15px;
  }
  nav .ym-wbox,
  #sitenav .ym-wbox,
  .ym-wbox {
    padding: 0;
  }
  /*.home {
		#header {
			height: 865px;
		}
		#main .ym-col2 #content {
			padding: 0;
		}
	}*/
  /*Für Karriereportal */
  #header .meta .ym-gl {
    width: 25%;
    height: 35px;
    display: none;
  }
  #header .meta .ym-gr {
    width: 100%;
    height: 35px;
  }
  #header #wrapper-logo-nav #logo {
    margin-left: 15px !important;
  }
  #header #wrapper-logo-nav #logo img {
    width: 150px !important;
  }
  #header .microsite-titel {
    position: relative;
    left: 0;
    font-size: 16px !important;
    line-height: 1.1 !important;
    width: 70px !important;
  }
  #header .meta .lang-select .kn-icon,
  #header .meta .flinks a {
    font-size: 12px !important;
    padding: 0 26px !important;
  }
  #header .meta .lang-select .kn-icon {
    position: relative;
    top: -5px;
  }
  #header .meta .lang-select .kn-icon:after {
    font-size: 30px !important;
    top: 8px !important;
  }
  #header .meta .flinks .konstanzde:before,
  #header .meta .flinks .serviceportal:before {
    font-size: 23px !important;
    left: -25px;
  }
  #header #stage figure.image img {
    /*max-width: 120%;*/
    width: 100%;
  }
  #header #stage .composedcontent-box-in-box {
    width: 80%;
  }
  #header #stage .composedcontent-box-in-box p,
  #header #stage .composedcontent-box-in-box a {
    font-size: 10px !important;
  }
  #header #stage .composedcontent-box-in-box br:first-child {
    display: none !important;
  }
  #header #stage .composedcontent-box-in-box h2.basecontent-sub-heading {
    font-size: 15px !important;
  }
  #header #stage .composedcontent-box-in-box h3 {
    font-size: 12px !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff img {
    max-width: 75% !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20 {
    width: 100% !important;
    margin-right: 0% !important;
    margin-bottom: 10px;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20:last-child,
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20:nth-child(3) {
    margin-right: 0 !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff figure {
    height: 120px !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff p a,
  #main .ym-col2 #content .karriere-schnellzugriff p a strong {
    font-size: 18px !important;
  }
  #main .ym-col2 #content .teaser .teaser-zitat-rot p {
    font-size: 25px !important;
  }
  #main .ym-col2 #content .teaser .teaser-txt article h2,
  #main .ym-col2 #content .teaser .teaser-zitat-rot article h2 {
    font-size: 30px !important;
  }
  #main a.internerLink::before,
  #stage a.internerLink::before {
    font-size: 12px !important;
  }
  #main .ym-col2 #content .bilderslider .bx-controls {
    top: -265px;
  }
  #main .ym-col2 #content .bilderslider {
    /*margin-top: 40px;*/
  }
  #contentTeaser .teaser .composedcontent-dvv-box .mehrlink a {
    margin: -480px 0 0;
    padding: 480px 0 0;
  }
  #contentTeaser .teaser .ym-g33,
  #contentTeaser .teaser .ym-g50 {
    min-height: 500px;
  }
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g33,
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g50 {
    /*min-height: 710px !important;*/
    width: 100% !important;
    margin-bottom: 100px;
  }
  #main .ym-col2 #content .teaserMitBild .composedcontent-dvv-box .mehrlink a {
    margin: -480px 0 0 !important;
    padding: 480px 0 0 !important;
  }
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung {
    width: 47%;
    margin-right: 20px !important;
  }
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung .pm-head h3 a {
    line-height: normal;
  }
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(2n),
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(4n) {
    margin-right: 0 !important;
  }
  .home.id-home43842 #main .ym-col2 #content .news .teaser-ohnetxt > div {
    width: 100%;
  }
  .home.id-home43842 #main .ym-col2 #content .basecontent-dvv-zm-vk .item {
    width: 100%;
  }
  /* iframes im Content
	#main .ym-col2 #content .basecontent-html-editor iframe {
		max-height: 450px;
	} */
  /* Formulare */
  #main .ym-col2 .ym-form .formElementContainer .formElementOptions.checkboxes,
  #main .ym-col2 .ym-form .formElementContainer .ym-fbox-check .right input {
    margin: 0;
  }
}
@media only screen and (max-width: 479px) {
  html {
    font-size: 2.66px;
    font-size: 0.16625rem;
  }
  html * {
    font-size: 13px;
  }
  #header {
    /*height: 500px;*/
    position: static;
    width: auto;
  }
  #header .meta {
    height: 50px;
  }
  #header .meta .meta-kontakt {
    right: 450px;
    top: 21px;
  }
  #header .meta #quicksearch {
    right: 0;
    width: 100%;
  }
  #header .meta * {
    font-size: 16px;
  }
  #header .meta #quicksearch #qs_query {
    font-size: 16px;
    height: 50px;
    width: 100%;
  }
  #header .meta #quicksearch button.quicksearchimg .icon {
    font-size: 18px;
    padding: 8px 0 0;
    display: block;
  }
  #header .meta img.top-right-pixel {
    height: 50px;
    width: 170px;
  }
  #header .ym-hlist {
    margin: 0;
    width: 100%;
  }
  #header .logo-navigator {
    margin: 0;
    top: 0;
    width: auto;
    z-index: 99;
  }
  #header .logo-navigator .logo img {
    height: 40px;
    margin: 5px 0 0;
  }
  #header .logo-navigator .claim,
  #header .logo-navigator .NavigatorTop {
    display: none;
  }
  #header #stage .top-teaser {
    margin: 450px 0 0;
    position: static;
  }
  #header #stage .top-teaser .top-image .image-inner img {
    width: 100%;
    position: static;
  }
  #header #stage .top-teaser .stage-teaser {
    bottom: auto;
    margin: 0;
    width: 100%;
  }
  #header #stage .top-teaser .stage-teaser p {
    line-height: normal;
    font-size: 13px;
  }
  #header #stage .top-teaser .stage-info {
    bottom: 0;
    height: 70px;
    padding: 13px 0;
    right: 0;
    top: 487px;
    width: 100%;
  }
  #header #stage .top-teaser .stage-info img {
    margin: 0 10px 0 22px;
    width: 67px;
  }
  #header #stage .top-teaser .stage-info * {
    font-size: 16px;
    line-height: 20px;
  }
  #header #stage .top-teaser .top-image .image-inner {
    height: auto;
  }
  #stage .image figcaption {
    top: -19px;
    font-size: 11px;
  }
  #stage .image figcaption span {
    font-size: 11px;
  }
  #main .ym-col2 .wayhome {
    margin: 0 9px;
  }
  #main .ym-col2 .wayhome * {
    font-size: 12px;
  }
  #contentTeaser {
    padding: 0;
    width: 100%;
  }
  #main {
    padding: 0;
    width: 100%;
  }
  #main * {
    line-height: normal;
  }
  #main .linkliste .icon,
  #main .linkliste .fa {
    font-size: 12px;
    width: 20px;
  }
  #main .linkliste p {
    padding: 18px 0 5px;
  }
  #main .contentFuncLinks .icon,
  #main .contentFuncLinks .fa {
    font-size: 20px;
    padding: 0 5px 0 0;
  }
  #main .ym-col2 #content span.icon-Pfeil_rechts {
    font-size: 12px;
  }
  #main .ym-col3 ul li,
  #main .ym-col3 ol li,
  #main .ym-col3 dl li {
    margin: 10px 0;
  }
  #main .ym-col2,
  #main .ym-col3 {
    padding: 0;
    width: 100%;
  }
  #main .ym-col2 #content {
    padding: 0 15px;
  }
  #main .ym-col2 #content h1 {
    font-size: 35px;
    line-height: normal;
    margin: 10px 0 20px;
  }
  #main .ym-col2 #content h2 {
    font-size: 30px;
    line-height: normal;
    margin: 7px 0 15px;
  }
  #main .ym-col2 #content h3 {
    font-size: 25px;
    line-height: normal;
    margin: 5px 0 10px;
  }
  #main .ym-col2 .inner-schnellzugriff p.kn-icon,
  #main .ym-col2 .inner-schnellzugriff p.kn-icon * {
    font-size: 12px;
  }
  #main .ym-col2 .ym-form .formElementContainer .formElement.ym-fbox-check > label {
    float: none;
    position: unset;
    width: 300px;
  }
  #main .ym-col2 .ym-form .formElementContainer .formElement.ym-fbox-check > label span.small {
    font-size: 14px;
  }
  #main .ym-col3 .person-box .big-box,
  #main .ym-col3 .text-box .big-box {
    font-size: 18px;
    padding: 0 16px;
  }
  #main .ym-col3 .navigator {
    display: block;
    position: absolute;
    top: 118px;
  }
  #main .ym-col3 .person-box {
    width: 100%;
  }
  #main .ym-col3 .person-box *,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl * {
    font-size: 2rem;
    line-height: 3rem;
  }
  #main .ym-col3 .person-box img {
    display: none;
  }
  #main .ym-col3 .person-box div.vCardLink .fa {
    font-size: 25px;
  }
  #main .ym-col3 .person-box .person-info,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl p {
    height: auto;
    padding: 2rem;
  }
  .home #main .ym-col2 #content .moreNews,
  #main .ym-col3 .person-box .person-info,
  #main .ym-col3 .person-box .weitere-personen {
    width: 100%;
    min-width: 401px;
  }
  #main .ym-col3 .navigator .navHeader {
    height: 68px;
    padding: 15px 0 0 20px;
  }
  #main .ym-col3 .navigator .navHeader * {
    color: #fff;
  }
  #main .ym-col3 .navigator .navHeader .icon-Erklarung {
    color: #fff;
    font-size: 25px;
    margin: -28px 15px 0 0;
  }
  #main .ym-col3 .navigator .navHeader h2 {
    font-size: 22px;
  }
  #main .ym-col3 .navigator .navHeader .icon.icon-Navigator {
    font-size: 30px;
  }
  #main .ym-col3 .navigator .navigatorElement {
    height: 100px;
    padding: 10px 0 0;
    width: 33.33%;
  }
  #main .ym-col3 .navigator .navigatorElement span.icon {
    font-size: 33px;
  }
  .home #main .ym-col2 #content .basecontent-html-editor .twitterWidget {
    padding: 20px;
  }
  .home #main .ym-col2 #content .basecontent-html-editor .twitterWidget * {
    font-size: 12px;
  }
  .home #main .ym-col2 #content .moreNews {
    height: 50px;
  }
  #main .ym-col2 *,
  .home #main .ym-col2 #content .einzelMeldung *,
  .home #main .ym-col2 #content .pm-topnews .pm-meldung *,
  #main .ym-col2 .basecontent-attachment .caption,
  #main .ym-col2 .basecontent-external-attachment .caption,
  #main .ym-col2 #content #zmDetail .titel h2 *,
  #main .ym-col2 #content #zmDetail .titel h2 a,
  #main .ym-col2 #content #zmEListe .zmitem h3.datumzmtitel,
  #main .ym-col2 #content #zmEListe .zmitem h3.datumzmtitel *,
  #main .ym-col2 #content #zmEListe .zmitem h3,
  #main .ym-col2 #content #zmEListe .zmitem footer a.details,
  #main .ym-col3 .navigator .navigatorElement h3,
  .home #main .ym-col2 #content .moreNews *,
  #main .ym-col3 .person-box *,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl * {
    font-size: 13px;
    line-height: normal;
  }
  #main .ym-col2 #content #zmEListe #zmtopnav .zmRegister a,
  #main .ym-col2 #content #zmEListe #zmtopnav .zmRegister span {
    min-width: 109px;
  }
  #main .ym-col3 .person-box .person-info,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl p {
    padding: 15px;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung .pm-head h3 a,
  .home #main .ym-col2 #content .einzelMeldung h3,
  .home #main .ym-col2 #content .einzelMeldung h3 a {
    line-height: normal;
  }
  #contentFooter .contentFooter-content {
    margin: 10px 0 0;
    padding: 0;
  }
  #contentFooter .contentFooter-content h3 {
    font-size: 16px;
    line-height: normal;
    margin: 0 0 0 13px;
  }
  #contentFooter .contentFooter-content h2 {
    margin: 0 0 10px 12px;
  }
  #contentFooter .contentFooter-content .content-teaserBox.ym-gl *,
  #contentFooter .contentFooter-content .content-teaserBox.ym-gr * {
    font-size: 13px;
    line-height: normal;
  }
  #contentFooter .contentFooter-content .content-teaserBox.ym-gr p:last-child {
    border-bottom: 1px solid #c0d1f4;
  }
  #contentFooter {
    height: auto;
    position: static;
    width: auto;
  }
  #contentFooter .contentFooter-content,
  #contentFooter .contentFooter-img .top-image img {
    bottom: auto;
    position: static;
  }
  #contentFooter .contentFooter-img {
    max-height: 250px;
  }
  #footer {
    width: auto;
  }
  #footer .nl-sm {
    height: 80px;
    padding: 20px 10px;
  }
  #footer .nl-sm .nl input#emailadresse {
    height: 30px;
    width: 70%;
  }
  #footer .nl-sm .nl input#newsletterAbo {
    font-size: 10px;
    height: 30px;
  }
  #footer .nl-sm .nl .icon-Pfeil_rechts {
    font-size: 7px;
    margin: 0 0 0 -19px;
    right: auto;
    top: 12px;
  }
  #footer .nl-sm .nl label {
    margin: 0 0 10px;
  }
  #footer .nl-sm .sm {
    margin: 10px 0 0;
    text-align: left;
  }
  #footer .nl-sm .sm h3 {
    font-size: 13px;
    line-height: normal;
    margin: 0;
    padding: 0 32% 0 0;
  }
  #footer .nl-sm .sm i.fa {
    font-size: 19px;
  }
  #footer .nl-sm label {
    font-size: 13px;
  }
  .ym-wrapper input[type="text"],
  .ym-wrapper input[type="search"],
  .ym-wrapper input[type="password"],
  .ym-wrapper input[type="email"],
  .ym-wrapper textarea,
  .ym-wrapper select {
    font-size: 10px;
  }
  #footer .adr-nav {
    padding: 20px 10px;
  }
  #footer .adr-nav > .ym-g50 {
    width: 100%;
  }
  #footer .adr-nav img {
    margin: 10px 0 0 21px;
    width: 135px;
  }
  #footer .adr-nav *,
  #footer .copy-metro * {
    font-size: 15px;
    line-height: normal;
  }
  #footer .adr-nav #nav-bottom h3 a {
    font-size: 15px;
  }
  nav .ym-wbox,
  #sitenav .ym-wbox,
  .ym-wbox {
    padding: 0;
  }
  /*.home {
		#header {
			height: 893px;
		}
		#main .ym-col2 #content {
			padding: 0;
		}
	}*/
  .home #main .ym-col2 #content .moreNews,
  #main .ym-col3 .person-box .person-info,
  #main .ym-col3 .person-box .weitere-personen {
    min-width: 1px;
  }
  .ym-g50 {
    width: 100%;
  }
  div.dvvToolbar {
    display: none;
  }
  /*Für Karriereportal */
  #header .meta .ym-gl {
    width: 25%;
    height: 35px;
    display: none;
  }
  #header .meta .ym-gr {
    width: 100%;
    height: 35px;
  }
  #header #wrapper-logo-nav #logo {
    margin-left: 15px !important;
  }
  #header #wrapper-logo-nav #logo img {
    width: 140px !important;
  }
  #header .microsite-titel {
    position: relative;
    left: 0;
    font-size: 16px !important;
    line-height: 1.1 !important;
    width: 70px !important;
  }
  #header .meta .lang-select .kn-icon,
  #header .meta .flinks a {
    font-size: 10px !important;
    padding: 0 10px 0 30px !important;
  }
  #header .meta .lang-select .kn-icon {
    position: relative;
    top: -5px;
  }
  #header .meta .lang-select .kn-icon:after {
    font-size: 30px !important;
    top: 8px !important;
  }
  #header .meta .flinks .konstanzde:before,
  #header .meta .flinks .serviceportal:before {
    font-size: 23px !important;
    left: -25px;
  }
  #header #stage .composedcontent-box-in-box {
    width: 90%;
    bottom: 50px;
    left: 16px;
    padding: 10px;
  }
  #header #stage .composedcontent-box-in-box p,
  #header #stage .composedcontent-box-in-box a {
    font-size: 10px !important;
  }
  #header #stage .composedcontent-box-in-box br:first-child {
    display: none !important;
  }
  #header #stage .composedcontent-box-in-box h2.basecontent-sub-heading {
    font-size: 15px !important;
  }
  #header #stage .composedcontent-box-in-box h3 {
    font-size: 12px !important;
  }
  #header #stage figure.image img {
    /*max-width: 140%;
		max-width: inherit;
		height:300px;
		width:auto;*/
    width: 100%;
  }
  #main .ym-col2 #content .karriere-schnellzugriff img {
    max-width: 75% !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20 {
    width: 100% !important;
    margin-right: 0% !important;
    margin-bottom: 10px;
  }
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20:last-child,
  #main .ym-col2 #content .karriere-schnellzugriff .ym-g20:nth-child(3) {
    margin-right: 0 !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff figure {
    height: 120px !important;
  }
  #main .ym-col2 #content .karriere-schnellzugriff p a,
  #main .ym-col2 #content .karriere-schnellzugriff p a strong {
    font-size: 18px !important;
  }
  #main .ym-col2 #content .teaser .teaser-zitat-rot p {
    font-size: 25px !important;
  }
  #main .ym-col2 #content .teaser .teaser-txt article h2,
  #main .ym-col2 #content .teaser .teaser-zitat-rot article h2 {
    font-size: 30px !important;
  }
  #main .ym-col2 #content .bilderslider .bx-controls {
    top: -175px;
  }
  #main .ym-col2 #content .bilderslider {
    /*margin-top: 40px;*/
  }
  #contentTeaser .teaser .composedcontent-dvv-box .mehrlink a {
    margin: -380px 0 0;
    padding: 380px 0 0;
  }
  #contentTeaser .teaser .ym-g33,
  #contentTeaser .teaser .ym-g50 {
    min-height: 400px;
  }
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g33 p.basecontent-line-break-text.mehrlink,
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g50 p.basecontent-line-break-text.mehrlink {
    position: relative;
    margin-top: 20px;
  }
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g33,
  #main .ym-col2 #content .teaser.teaserMitBild .ym-g50 {
    /*min-height: 450px;*/
    margin-bottom: 100px;
  }
  #main .ym-col2 #content .teaserMitBild .composedcontent-dvv-box .mehrlink a {
    margin: -450px 0 0;
    padding: 450px 0 0;
  }
  #main .ym-col2 #content .teaserheight article .image img {
    /*max-height: 270px;
		max-width:inherit;*/
    max-width: 100%;
  }
  #main .ym-col2 #content .teaserheight article {
    overflow: hidden !important;
    height: 270px !important;
  }
  .home.id-home43842 #main .ym-col2 #content .news .teaser-ohnetxt > div {
    width: 100%;
  }
  /* Bibliothek Startseite VK */
  .home.id-home43842 #main .ym-col2 #content .basecontent-dvv-zm-vk .item {
    width: 100%;
  }
  .multimedia,
  .multimedia mediaelementwrapper video {
    width: 100% !important;
    height: 100% !important;
  }
  .multimedia .mejs__mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .basecontent-form-editor form .captcha .captchaInput.ym-fbox-text {
    float: none;
    margin-left: 100px;
    width: 50%;
  }
  .level1 #main .ym-col2 #content .pm-topnews .pm-meldung .pm-head h3 a {
    line-height: normal;
  }
  #main .ym-col2 #content .presse-uebersicht .pm-meldung {
    margin-bottom: 40px;
  }
  #main .ym-col2 #content .presse-uebersicht .pm-meldung .pm-bild {
    width: 33%;
  }
  #main .ym-col2 #content .presse-uebersicht .pm-meldung .pm-content {
    width: 66%;
  }
  /*iframes im Content
	#main .ym-col2 #content .basecontent-html-editor iframe {
		max-height: 350px;
	}*/
  /* Formulare */
  #main .ym-col2 .ym-form .formElementContainer .formElementOptions.checkboxes,
  #main .ym-col2 .ym-form .formElementContainer .ym-fbox-check .right input {
    margin: 0;
  }
}
@media only screen and (max-width: 829px) {
  #header #wrapper-logo-nav #logo {
    z-index: 1000;
    position: relative;
  }
  #header #wrapper-logo-nav #quicksearch label:before,
  #header #wrapper-logo-nav .topsearch label::before {
    font-size: 35px !important;
  }
  #header #stage {
    overflow: hidden;
    width: 100%;
  }
  #header #stage .composedcontent-box-in-box h2.basecontent-sub-heading {
    font-size: 22px !important;
  }
  #header #stage .composedcontent-box-in-box h3 {
    font-size: 18px !important;
  }
  #header #stage .composedcontent-box-in-box p,
  #header #stage .composedcontent-box-in-box p span {
    font-size: 16px !important;
  }
  #header #stage .composedcontent-box-in-box a,
  #header #stage .composedcontent-box-in-box a strong {
    font-size: 16px !important;
  }
  #header #stage .composedcontent-box-in-box .mehrlink a {
    margin: -130px 0 0;
    padding: 130px 0 0;
  }
  #header #stage .composedcontent-box-in-box,
  #header #stage .slider .composedcontent-box-in-box {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    margin-bottom: 20px;
  }
  #header #stage .slider .composedcontent-box-in-box {
    top: 0;
  }
  .id-home28262 #header #stage .composedcontent-box-in-box {
    background: rgba(0, 0, 0, 0.8);
  }
  .id-home28262 #header #stage .composedcontent-box-in-box h3 {
    color: #fff;
  }
  #header #stage #quicksearch {
    left: 5%;
    top: 50%;
    width: 95%;
    display: block;
  }
  /* Microsites */
  .id-home28262 #header #stage #quicksearch,
  .id-home43842 #header #stage #quicksearch {
    display: none;
  }
  /**************/
  #header #stage #quicksearch #qs_query {
    font-size: 14px;
    height: 35px;
    width: 90%;
    padding-right: 35px;
  }
  #cboxOverlay #qs_query {
    font-size: 18px;
    height: 40px;
    width: 95%;
    margin-left: 10px;
    padding-right: 50px;
  }
  #header #stage #quicksearch span.nowrap:after {
    font-size: 40px;
    top: -20px;
    left: unset;
    right: 10%;
    float: right;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #E40521;
  }
  #header .wayhome * {
    font-size: 12px;
  }
  #header .wayhome {
    margin: 20px 15px;
    width: auto;
    line-height: 18px;
  }
  #cboxOverlay span.nowrap:after {
    font-size: 30px;
    right: 82px;
    top: 6px;
  }
  #cboxOverlay .quicksearchimg {
    height: 31px;
    left: -48px;
    top: 9px;
    width: 37px;
  }
  #cboxOverlay #qs_query {
    -webkit-box-shadow: 1px 1px 10px 1px #000000;
            box-shadow: 1px 1px 10px 1px #000000;
  }
  #main .ym-col2 #content #searchResults ul.gcsnav li {
    float: none;
    width: 100%;
  }
  #main .ym-col2 #content #searchResults .displayLink {
    float: none;
    margin: 50px 0 0;
  }
  #main .ym-col2 #content #searchResults h3.gcshead {
    margin: 10px 0;
  }
  h3.gcshead a:before,
  #main .ym-col2 #content #searchResults h3.gcshead * {
    font-size: 18px;
  }
  #cboxOverlay #quicksearch .cboxOverlay-close {
    top: 5px;
  }
  #main .ym-col2 #content #searchResults {
    left: auto;
    top: 105px;
    width: 95%;
  }
  #main .ym-col2 #content .gcefooter a.gcepage {
    padding: 0 7px;
  }
  #main .ym-col2 #content .gcefooter * {
    font-size: 20px;
  }
  #main .ym-col2.ym-col2wide #content .teaser .ym-g33 {
    width: 100%;
  }
  #main .ym-col2.ym-col2wide #content .teaser .ym-g33 figure {
    width: 100% !important;
  }
  h3.gcshead.pdfadobeacrobat a:before {
    font-size: 18px;
  }
  .gcefooter:before {
    font-size: 20px;
  }
  #main .ym-col2 #content #searchResults #gcresult {
    padding-bottom: 50px;
  }
  .home #main {
    width: auto;
  }
  #main .ym-col1 {
    padding-right: 0;
    width: 100%;
  }
  #main .ym-col1 .ym-cbox {
    padding: 0 15px;
    width: 100%;
  }
  #main .ym-col1 #service {
    height: auto;
  }
  #main .ym-col1 #service * {
    font-size: 16px;
  }
  #main .ym-col1 #service .vCard .fn * {
    font-size: 22px;
  }
  #main .ym-col1 #service h2 {
    font-size: 18px;
  }
  #main .ym-col1 #service .vCard > .mail,
  #main .ym-col1 #service .vCard .rumpf > .mail,
  #main .ym-col1 #service .vCard > .organization,
  #main .ym-col1 #service .vCard > .tel,
  #main .ym-col1 #service .vCard .rumpf > .tel {
    padding-bottom: 10px;
  }
  #main .ym-col1 #service .vCard .mail .email:before,
  #main .ym-col1 #service .vCard .tel .tel:before,
  #main .ym-col1 #service .vCard .mail .mailLink:before {
    font-size: 30px;
  }
  #main .ym-col1 #service .vCard .fax .bez {
    margin-right: 10px;
  }
  .home #main .ym-col2 #content .news .ym-gl,
  .home #main .ym-col2 #content .news .ym-gr {
    display: block;
    width: auto;
  }
  .home #main .ym-col2 #content .news .ym-gr {
    margin-top: 40px;
  }
  .home #main .ym-col2 #content .pm-topnews .pm-meldung,
  #main .ym-col2 #content .pm-topnews .pm-meldung {
    width: 100%;
  }
  .home #main .ym-col2 #content .news .top-news .pm-bild img,
  .home #main .ym-col2 #content .news .pm-meldung .pm-bild img,
  #main .ym-col2 #content .pm-topnews .pm-meldung .pm-bild img {
    width: 100%;
    height: auto;
    left: 0;
  }
  #main .ym-col2 #content .pm-topnews .pm-meldung .pm-anreisser a.pm-detaillink {
    font-size: 16px;
    line-height: 1.5;
    margin: -130px 0 0;
    padding: 140px 0 0;
  }
  #main .ym-col2 #content .more-news a {
    font-size: 18px;
    border-radius: 5px;
    padding: 10px;
  }
  .home #main .ym-col2 #content .news .top-news h2,
  #main .ym-col2 #content .pm-topnews .pm-meldung .pm-head h3 a {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .home #main .ym-col2 #content .news .top-news .pm-head h3 a {
    font-size: 22px;
  }
  #main .ym-col2 #content .pm-topnews .pm-meldung,
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(3n),
  .home #main .ym-col2 #content .pm-topnews .pm-meldung:nth-child(4n) {
    margin: 0 0 40px 0;
  }
  #main .ym-col2 #content .pm-topnews .pm-meldung .pm-bild,
  .home #main .ym-col2 #content .news .top-news .pm-bild {
    height: 100%;
  }
  #main .ym-col2 #content .basecontent-teasertext {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 25px;
  }
  #main .ym-col2 #content article .topBild {
    margin: 30px 0 50px 0;
  }
  #main .ym-col2 #content article .topBild .image {
    height: auto;
  }
  #main .ym-col2 #content article .topBild .image img {
    width: 100%;
    height: auto;
  }
  #main .ym-col2 #content h1 {
    margin: 40px 0 20px;
  }
  .inner-schnellzugriff {
    height: 400px;
    padding: 20px 5px;
    margin-bottom: 30px;
  }
  #content .inner-schnellzugriff {
    padding-top: 50px;
    padding-bottom: 0;
  }
  .inner-schnellzugriff p.kn-icon {
    height: 120px;
    margin-bottom: 20px;
  }
  .inner-schnellzugriff .kn-icon:before {
    font-size: 70px;
    margin-bottom: 0;
  }
  #main .ym-col2 .inner-schnellzugriff a {
    padding-top: 80px;
  }
  .stoerer {
    right: 0;
  }
  #footer .kn-social .kn-icon {
    margin: 20px 0px;
  }
  #footer .copy,
  #footer .copy {
    font-size: 13px;
  }
  #footer .copy,
  #footer .copy a {
    font-size: 13px;
    height: auto;
    line-height: 30px;
  }
  #footer .copy a {
    margin-right: 5px;
  }
  #zmEListe .zmitem footer a.details:before,
  .basecontent-attachment a::before,
  .basecontent-external-attachment a:before,
  .vkkn .name a:before,
  a.externerLink:before,
  a.internerLink:before,
  a.pdfLink:before,
  a.pm-detaillink:before,
  a.pm-teaser-more:before {
    margin: 0 8px 0 0 !important;
    border-radius: 10px;
    font-size: 18px;
    top: 1px;
    display: inline;
  }
  #zmEListe .zmitem footer a.details:hover,
  .basecontent-attachment a:hover,
  .basecontent-external-attachment a:hover,
  .vkkn .name a:hover,
  a.externerLink:hover,
  a.internerLink:hover,
  a.pdfLink:hover,
  a.pm-detaillink:hover,
  a.pm-teaser-more:hover {
    text-decoration: none !important;
  }
  .basecontent-attachment a[href$=".pdf"]:before,
  .basecontent-external-attachment a[href$=".pdf"]:before,
  a.pdfLink:before {
    font-size: 7px;
    top: -2px;
    padding: 5px 3px;
  }
  #main .ym-col2 #content a.externerLink:before,
  #main a.externerLink:before,
  #main a.httpsLink:before,
  #main .ym-col2 #content a.httpsLink:before,
  #main .teaser .ym-g33 p.basecontent-line-break-text.mehrlink a.externerLink:before,
  #main .teaser .ym-g50 p.basecontent-line-break-text.mehrlink a.externerLink:before,
  #main .ym-col2 #content .teaser .ym-g33 p.basecontent-line-break-text.mehrlink a.externerLink:before,
  #main .ym-col2 #content .teaser .ym-g50 p.basecontent-line-break-text.mehrlink a.externerLink:before {
    font-size: 40px;
    padding: 4px 6px 4px;
    top: -2px;
  }
  #main a.internerLink::before,
  #stage a.internerLink::before {
    font-size: 19px!important;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen .basecontent-knvk .vkkn {
    margin: 10px 0 0px 20px;
    padding: 0 0 10px;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen a:before {
    /*font-size: 14px;*/
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen .basecontent-knvk .vkkn .name a:before {
    left: -23px;
    top: 5px;
    font-size: 17px;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen .basecontent-line-break-text.float-right {
    padding: 7px 0 0;
    margin-bottom: 20px;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen .basecontent-dvv-zm-vk .item {
    padding-left: 25px;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen .basecontent-dvv-zm-vk a {
    height: 70px;
    margin-top: -30px;
    padding-top: 30px;
    padding-left: 40px;
    margin-left: -40px;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen .basecontent-dvv-zm-vk .item:before {
    border-radius: 10px;
    font-size: 18px;
    top: 1px;
    display: inline;
    top: 40px;
    left: -24px;
  }
  .home #main .ym-col2 #content .news .wrapper-veranstaltungen .basecontent-dvv-zm-vk .item:hover {
    text-decoration: none !important;
  }
  #footer .kn-social h3 {
    font-size: 18px;
  }
  #footer .kn-social .kn-icon::after {
    font-size: 80px;
  }
  #footer .adr-nav .basecontent-list li {
    line-height: 1.5;
  }
  #footer .adr-nav .basecontent-list li a.externerLink:before,
  #footer .adr-nav .basecontent-list li a.internerLink:before {
    font-size: 14px!important;
    /* border-radius: 8px; */
    margin-right: 5px;
  }
  #footer .adr-nav .basecontent-list li a.externerLink:before {
    font-size: 42px !important;
    padding: 1px 3px 2px;
  }
  #footer .adr-nav .ym-g50 {
    margin-top: 40px;
  }
  #footer .adr-nav .ym-g50.ym-gl h2 {
    font-size: 25px;
  }
  a.mailLink::before {
    font-size: 36px;
    left: -7px;
    top: 2px;
  }
  .headline-slider h2 {
    font-size: 25px;
  }
  .bx-wrapper .bx-pager.bx-default-pager a,
  .bx-wrapper .bx-pager.bx-default-pager a:focus a:visited,
  .bx-wrapper .bx-pager.bx-default-pager a:link {
    font-size: 12px;
  }
  #contentFooter .bx-wrapper .composedcontent-box-in-box,
  #main .ym-col2 #content .buehneInhalt .bxslider .composedcontent-box-in-box {
    height: 600px;
    top: 0;
    width: 100%;
    left: 0;
    padding: 20px 15px;
  }
  #contentFooter .bxslider .composedcontent-box-in-box p,
  #main .ym-col2 #content .buehneInhalt .bxslider .composedcontent-box-in-box p {
    font-size: 14px;
  }
  #contentFooter .bxslider .composedcontent-box-in-box .mehrlink a,
  #main .ym-col2 #content .buehneInhalt .bxslider .composedcontent-box-in-box .mehrlink a {
    font-size: 16px;
    margin: -250px 0 0;
    padding: 250px 0 0;
  }
  #contentFooter .bxslider .composedcontent-box-in-box h2,
  #main .ym-col2 #content .buehneInhalt .bxslider .composedcontent-box-in-box h2 {
    font-size: 20px;
  }
  #contentFooter .bx-wrapper .bx-viewport,
  #main .ym-col2 #content .buehneInhalt .bx-wrapper .bx-viewport {
    min-height: 350px !important;
  }
  #contentFooter .bx-wrapper .bx-controls,
  #main .ym-col2 #content .buehneInhalt .bx-wrapper .bx-controls {
    display: none;
  }
  #main .ym-col2 #content .toggle_title.ui-state-default.ui-corner-all,
  #main .ym-col2 #content h3.toggle_title {
    font-size: 22px;
    padding: 10px 15px 10px 0;
    margin-bottom: 20px;
  }
  #main .ym-col2 #content h3.toggle_title::after {
    font-size: 25px;
  }
  #contentFooter .teaser h2,
  #contentTeaser .teaser h2 {
    font-size: 20px;
  }
  #contentFooter .teaser .ym-g33 p.basecontent-line-break-text.mehrlink a,
  #contentTeaser .teaser .ym-g33 p.basecontent-line-break-text.mehrlink a {
    font-size: 18px;
  }
  #main .ym-col2 #content .teaser .ym-g33 p,
  #main .ym-col2 #content .teaser .ym-g50 p {
    font-size: 18px;
    line-height: 1.5;
  }
  #main .ym-col2 #content .teaser .composedcontent-dvv-box .mehrlink a {
    margin: -250px 0 0;
    padding: 250px 0 0;
    font-size: 18px;
  }
  #main .ym-col2 #content .teaser.teaser-ohnetxt .composedcontent-dvv-box .mehrlink a {
    margin: -180px 0 0;
    padding: 180px 0 0;
    font-size: 18px;
  }
  #main .ym-col2 #content .teaser.teaser-ohnetxt .ym-g50 .composedcontent-dvv-box .mehrlink a {
    margin: -180px 0 0;
    padding: 180px 0 0;
  }
  #main .ym-col2 #content .teaser .teaser-txt article h2,
  #main .ym-col2 #content .teaser .teaser-zitat-rot article h2 {
    font-size: 25px !important;
  }
  #main .ym-col2 #content .teaserheight .teaser-bildtxt {
    margin-bottom: 40px;
  }
  #main .ym-col2 #content .teaser .ym-g33,
  #main .ym-col2 #content .teaser .ym-g50 {
    margin-bottom: 40px;
    min-height: 265px;
  }
  #main .ym-col2 #content .teaser.teaser-ohnetxt .ym-g33 {
    min-height: 200px;
  }
  #main .ym-col2 #content .teaser.teaser-ohnetxt .ym-g50 {
    min-height: 200px;
  }
  #contentTeaser .teaser .ym-g33,
  #contentTeaser .teaser .ym-g50 {
    margin-bottom: 40px;
  }
  #main .ym-col2 #content .teaser .teaser-txt article {
    display: block;
    height: auto !important;
    margin: 40px 0;
  }
  #main .ym-col2 #content article.bild50 .image {
    max-width: 100%;
  }
  #main .ym-col2 figure .caption {
    padding: 6px 0 10px 0;
    font-size: 12px;
  }
  #main .ym-col2 #content .bilderslider .galleryImage img,
  #main .ym-col2 #content .bilderslider .galleryImage .image {
    width: 100% !important;
    height: auto !important;
    min-width: inherit;
  }
  #main .ym-col2 #content .zitat {
    font-size: 20px;
  }
  .basecontent-form-editor label[for=Datenschutz1] {
    clear: both;
  }
  #header .meta .flinks a.konstanzde:after,
  #header .meta .flinks a.serviceportal:after {
    font-size: 50px;
    top: 12px;
  }
  #header .meta .flinks a {
    font-size: 15px !important;
  }
  #header .meta .flinks {
    margin-top: 0;
  }
  body #cookie-bar p {
    font-size: 13px;
  }
  #main .ym-col2 #content .composedcontent-pressemeldung p.basecontent-line-break-text:first-of-type {
    font-size: 20px;
  }
  #main .ym-col2 #content .presse-uebersicht .pm-meldung .pm-content .pm-title,
  #main .ym-col2 #content .presse-uebersicht .pm-meldung .pm-content .pm-title .pm-title-bezeichnung,
  #main .ym-col2 #content .presse-uebersicht .pm-meldung .pm-content .pm-title a.pm-detaillink {
    font-size: 20px;
  }
  #main .ym-col2 #content .presse-uebersicht .pm-meldung .pm-content h3.pm-title span.pm-title-from {
    font-size: 14px;
    line-height: 27px;
  }
  #main .ym-col2 #content .presse-uebersicht .pm-meldung .pm-content a.pm-teaser-text-link {
    font-size: 14px;
  }
  #main .ym-col2 #content .presse-uebersicht .pm-meldung .pm-content a.pm-teaser-more {
    font-size: 18px;
  }
  #main .ym-col2 #content .pm-rss i.fa {
    font-size: 26px;
  }
  #main .ym-col2 #content #zmDetail h2 {
    font-size: 30px;
    line-height: normal;
  }
  #main .ym-col2 #content #zmDetail .zmOrt .label,
  #main .ym-col2 #content #zmDetail .zmVeranstalter .label,
  #main .ym-col2 #content #zmDetail .zmanschrift .label,
  #main .ym-col2 #content #zmDetail .zmbeschreibung .label {
    font-size: 23px;
  }
  #main .ym-col2 dl li,
  #main .ym-col2 ol li,
  #main .ym-col2 ul li {
    margin: 4px 10px;
  }
  #main .ym-col2 #content .downloadlist table *,
  #main .ym-col2 #content table.downloadlist * {
    font-size: 14px;
  }
  .multimedia .mejs__container.mejs__video,
  .multimedia mediaelementwrapper {
    max-width: 100% !important;
  }
  .multimedia .mejs__mediaelement video {
    width: 100% !important;
    height: 100% !important;
  }
  .multimedia .mejs__overlay {
    max-width: 100% !important;
  }
  #main .ym-col2 .basecontent-dvv-external-multimedia,
  #main .ym-col2 .basecontent-dvv-external-multimedia.float-left,
  #main .ym-col2 .basecontent-dvv-external-multimedia.float-right,
  #main .ym-col2 .basecontent-dvv-external-multimedia.center {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  #main .search_404 #quicksearch .quicksearchimg {
    width: 45px;
    height: 35px;
    right: 45px;
  }
  #main .search_404 #quicksearch #qs_query {
    width: 90%;
    font-size: 16px;
    height: 20%;
    margin-left: 15px;
    padding-right: 40px;
  }
  #main .search_404 #quicksearch span.nowrap:after {
    font-size: 26px;
    top: -9px;
    right: 83px;
  }
  #main .ym-col2 #content h3.gcshead * {
    font-size: 22px;
  }
  #main .ym-col2 .buehneInhalt .image figcaption,
  #contentFooter .image figcaption span {
    display: none;
  }
  /* nach Technologieupdate CMSVII-1830 */
  .multimedia video {
    max-width: 100%;
  }
  #main figure {
    max-width: 100% !important;
  }
  #main .ym-col2 figcaption .copyright,
  #main .ym-col2 figcaption .description,
  #main .ym-col2 figcaption .title {
    font-size: 14px;
    line-height: 14px !important;
  }
  /************/
  #main .ym-col2 .inner-schnellzugriff {
    height: auto;
    margin-bottom: 40px;
  }
  #main .ym-col2 .inner-schnellzugriff p.kn-icon {
    height: 90px;
  }
  #main .ym-col2 .inner-schnellzugriff .kn-icon:before {
    font-size: 50px;
  }
  #main .ym-col2 .inner-schnellzugriff a {
    padding-top: 50px;
    font-size: 14px;
    line-height: 20px;
  }
  #main .ym-col2 .inner-schnellzugriff p {
    line-height: 20px;
  }
  /*************/
  .home #header #stage #quicksearch {
    display: none;
  }
  .home .pm-meldung {
    border-bottom: 1px solid #e3e2e1;
    padding-bottom: 20px;
    margin-bottom: 20px;
    background: #e3e2e1;
  }
  .home .pm-meldung .pm-head h3,
  .home .pm-meldung .pm-content {
    padding: 0 10px !important;
  }
  #header .burger-menu {
    top: 5px;
    right: 100px;
  }
  #header .burger-menu:before {
    content: '';
  }
  #header #wrapper-logo-nav .topsearch {
    top: 20px;
    right: 15px;
  }
  #main .ym-col2 #content .basecontent-teasertext {
    font-size: 22px;
    line-height: 30px;
  }
  #footer #toTop {
    right: 5px;
  }
  .kn-social-div .kn-social {
    width: 100%;
  }
  .kn-social-div .trenner {
    display: none !important;
  }
  #main .ym-col2 table,
  #main .ym-col3 table {
    width: 100% !important;
  }
  #footer .vk-startseite .externerLink:before,
  #main .vk-startseite .externerLink:before,
  #main .ym-col2 #content .vk-startseite .externerLink:before {
    font-size: 19px;
  }
  .home #main .ym-col2 #content .news .news_klein .pm-meldung .pm-bild img {
    height: auto;
    width: 100%;
  }
  #contentTeaser .teaser {
    padding: 0 15px;
  }
}
/***** Schriftvergrößerung ************/
@media only screen and (max-width: 1220px) {
  #main .ym-col2 *,
  .home #main .ym-col2 #content .einzelMeldung *,
  .home #main .ym-col2 #content .pm-topnews .pm-meldung *,
  #main .ym-col2 .basecontent-attachment .caption,
  #main .ym-col2 .basecontent-external-attachment .caption,
  #main .ym-col2 #content #zmDetail .titel h2 *,
  #main .ym-col2 #content #zmDetail .titel h2 a,
  #main .ym-col2 #content #zmEListe .zmitem h3.datumzmtitel,
  #main .ym-col2 #content #zmEListe .zmitem h3.datumzmtitel *,
  #main .ym-col2 #content #zmEListe .zmitem h3,
  #main .ym-col2 #content #zmEListe .zmitem footer a.details,
  #main .ym-col3 .navigator .navigatorElement h3,
  .home #main .ym-col2 #content .moreNews *,
  #main .ym-col3 .person-box *,
  #main .ym-col3 .person-box .weitere-personen,
  #main .ym-col3 .person-box .KategorieWahl *,
  #main .ym-col2 #content .pm-topnews .pm-meldung .pm-anreisser a.pm-detaillink,
  #footer .adr-nav * {
    font-size: 18px;
    line-height: 26px;
  }
  #footer .copy,
  #footer .copy li,
  #footer .copy,
  #footer .copy a {
    font-size: 16px;
    line-height: 26px;
  }
}
@media screen and (max-width: 1219px) and (-ms-high-contrast: active) {
  #footer .adr-nav .basecontent-list li a.externerLink::before {
    text-indent: -12px;
  }
  #footer .teaser .ym-g33 p.basecontent-line-break-text.mehrlink a.externerLink::before,
  #footer .teaser .ym-g50 p.basecontent-line-break-text.mehrlink a.externerLink::before,
  #footer a.externerLink::before,
  #footer a.httpsLink::before,
  #main .teaser .ym-g33 p.basecontent-line-break-text.mehrlink a.externerLink::before,
  #main .teaser .ym-g50 p.basecontent-line-break-text.mehrlink a.externerLink::before,
  #main .ym-col2 #content .teaser .ym-g33 p.basecontent-line-break-text.mehrlink a.externerLink::before,
  #main .ym-col2 #content .teaser .ym-g50 p.basecontent-line-break-text.mehrlink a.externerLink::before,
  #main .ym-col2 #content a.externerLink::before,
  #main .ym-col2 #content a.httpsLink::before,
  #main a.externerLink::before,
  #main a.httpsLink::before {
    text-indent: -12px;
  }
}
@media only screen and (max-width: 1250px) {
  #main .ym-col2 .ym-form .formElementContainer .formElement label span.small {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1219px) {
  #main * {
    word-break: unset;
  }
  .oembed-content {
    display: block;
  }
}
@media only screen and (max-width: 829px) {
  .ym-g25,
  .ym-g30,
  .ym-g33,
  .ym-g40,
  .ym-g50,
  .ym-g60,
  .ym-g66,
  .ym-g75 {
    width: 100%;
  }
  #main .ym-gl,
  #footer .ym-gl,
  #main .ym-gr,
  #footer .ym-gr {
    float: none;
  }
  #footer .ym-wbox {
    padding: 0 15px;
    margin-top: 15px;
  }
  #footer .kn-social-div-wrapper .kn-social-div {
    width: 100%;
  }
  #footer .kn-social-div-wrapper .kn-social-bibliothek {
    width: 100%;
  }
  #footer .kn-social-div-wrapper .trenner {
    display: none;
  }
  .home #main .ym-col2 #content .news .ym-gr {
    padding: 0;
  }
  #main .ym-col2 .ym-g25 *,
  #main .ym-col2 .ym-g33 *,
  #main .ym-col2 .ym-g50 * {
    max-width: none;
  }
  #main .ym-col2 .ym-g25 video,
  #main .ym-col2 .ym-g33 video,
  #main .ym-col2 .ym-g50 video {
    max-width: 100%;
  }
}