/** MOBILE PORTRAIT AND LANDSCAPE**/

@media only screen and (min-width : 320px) and (max-width: 767px){
  html, body {
    overflow-x: hidden;
  }
  /** NAVI **/
  #header + * {
    margin-top: 65px;
  }

  .navbar-brand{
    margin-right: 0;
  }
  .navbar-brand img {
    width: 120px;
    height: auto;
  }
  #block-projektkategorien, #block-dieinitiative {
    margin-top: 2em;
  }
  #block-projektkategorien2 {
    padding-top: 0;
  }
  .navbar-collapse {
    padding-bottom: 2em;
    line-height: 1.25em;
  }
  #block-projektkategorien-menu,
  #block-dieinitiative-menu {
    padding-bottom: 0.75em;
  }

/** STARTSEITE **/
.square2-start .field--name-field-newsteaser-oder-termin-ein h2,
.square2-start .field--name-field-news-termin-download-1 h2,
.square2-start .field--name-field-newsteaser-oder-termin-2 h2,
.square2-start .field--name-field-news-termin-oder-download- h2
 {
  font-size: 5vw;
  text-align: left;
}
.node--type-fakten-kachel-startseite{
  height: 100%;
  margin: 0;
  padding: 1.25em !important;
  padding-top: 1em !important;
}
.acontainer:not(.acontainer0) {
  display: none;
}
#no {
  display: block;
  font-size: 23vw;
}
.headerbild-text2 {
  display: none;
}
  .slogan-startseite {
    padding: 0 1em;
    margin: 1em 0 0 0;
    font-size: 1.8em;
    display: none;
  }
#block-animatedblock {
  background-image: url("../img/layout_images/keyvisual_home_mobile.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vw;
}
.block-field-blocknodestartseitefield-einleitungstext-startseite,
.block.block-layout-builder.block-field-blocknodepagefield-einleitung {
  margin-top: 2em;
  font-size: 1.2em;
  margin-bottom: 2em;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
#taxonomy-term-5 .field--name-description,
#taxonomy-term-1 .field--name-description,
#taxonomy-term-6 .field--name-description,
#taxonomy-term-12 .field--name-description,
#taxonomy-term-13 .field--name-description,
#taxonomy-term-14 .field--name-description,
#taxonomy-term-17 .field--name-description,
#taxonomy-term-15 .field--name-description
{
  margin-top:0;
  font-size: 0.8em;
  margin-bottom: 0;
  margin-left: 1.5em;
  margin-right: 1.5em;
}
.node--type-startseite #main,
.node--type-page #main,
.page-taxonomy-term-1 #main,
.page-taxonomy-term-6 #main,
.page-taxonomy-term-12 #main,
.page-taxonomy-term-13 #main,
.page-taxonomy-term-15 #main,
.page-taxonomy-term-14 #main,
.page-taxonomy-term-17 #main,
.page-taxonomy-term-5 #main,
.path-search #main {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left:0px !important;
  padding-right:0px !important;
}
.node--type-startseite .container .main-content,
.node--type-page .container .main-content,
.page-taxonomy-term-1 .container .main-content,
.page-taxonomy-term-6 .container .main-content,
.page-taxonomy-term-12 .container .main-content,
.page-taxonomy-term-13 .container .main-content,
.page-taxonomy-term-15 .container .main-content,
.page-taxonomy-term-14 .container .main-content,
.page-taxonomy-term-17 .container .main-content,
.page-taxonomy-term-5 .container .main-content,
.path-search .container .main-content  {
  padding: 0;
}
.wrapper-vision-rueckblick-ansatz {
  width: 100%;
  flex-direction: column;
}
.square3-startteaser {
  width:100%;
  flex-basis:100%;
  max-width: 100%;
  flex-shrink: 0;
}
.square3-startteaser a{
  background-image: url('../img/icons/arrow_right_white.svg');
  background-size: 3em;
  background-position: 1.25em 92%;
  padding: 1.25em;
}
.square2-start .field--name-field-zahl-fakten-kachel,
.square2-start .field--name-field-zahlenwert,
.fakten-kachel .square3flex .field--name-field-zahlenwert {
  font-size: 13vw;
  padding: 0;
  margin: 0;
}
.squareContent .node--type-fakten-kachel-startseite p,
.square2-start .field--name-field-teasertext-teaser-flex,
.square2-start .field--name-field-teasertext,
.fakten-kachel .square3flex .field--name-field-teasertext-teaser-flex {
  font-size: 4vw;
}
.square2-start a,
.square3flex a {
  background-size: 3em;
  background-position: left 92%;
}
.square2-start .squareContent .field--name-field-teasertext {
    padding-top: 0;
    padding-bottom: 0;
}
.square2-start .squareContent a {
  z-index: 20;
}
.square2-start h2 {
  font-size: 1.25em;
}
.block-field-blocknodestartseitefield-zwischentext {
  padding: 1.5em;
}
.block-field-blocknodestartseitefield-zwischentext h3 {
  font-size: 1.75em;
}
.block-field-blocknodestartseitefield-zwischentext p {
  font-size: 1em;
  padding-top: 1em;
}
.square2-start .node--type-downlad .field--name-field-media-file  a{
  background-size: 4em;
}
.block-field-blocknodestartseitefield-newsteaser-oder-termin-ein .square2-start .content,
.block-field-blocknodestartseitefield-newsteaser-oder-termin-2 .square2-start .content,
.block-field-blocknodestartseitefield-newsteaser-oder-termin-3 .square2-start .content,
.block-field-blocknodestartseitefield-newsteaser-oder-termin-4 .square2-start .content,
.block-field-blocknodestartseitefield-news-termin-oder-download- .square2-start .content,
.block-field-blocknodestartseitefield-news-termin-oder-download-3 .square2-start .content,
.block-field-blocknodestartseitefield-news-termin-download-1 .square2-start .content,
.block-field-blocknodestartseitefield-termin-oder-download-3 .square2-start .content
{
  padding: 0;
}
/** PAGE **/
.node--type-page .block-field-blocknodepagefield-text-1,
.node--type-page .block-field-blocknodepagefield-text-2,
.node--type-page .block-field-blocknodepagefield-text-3 {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.node--type-page .field--name-field-media-image {
  margin: 0;
}
.node--type-page .square3 {
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.block-field-blocknodepagefield-newsteaser-einbetten .content
{
  margin-bottom: 0 !important;
}
/** ALLE KATEGORIEN PROJEKT DETAIL SEITEN **/
  .kat-wrapper {
    justify-content: start;
  }
  .square {
    flex-basis:50%;
    max-width:50%;
    width: 50%;
  }
  .square8, .path-frontpage .square8 {
    flex-basis:50%;
    max-width:50%;
    width: 50%;
    padding: 0.5em;
  }

  /** STATUSBLOCK **/
  .wrapperStatusBlock {
    flex-basis:100%;
    max-width:100%;
  }
  .wrapperStatusBlock h3{
    font-size: 1.4em;
    /*margin-top: -1em;*/
  }

  .count {
    font-size: 1.8em;
  }


  /** PROJEKT **/
  .block-field-blocknodeprojektfield-ende {
    margin-left: 0;
  }
  .projektBottom{
    margin-top: 1em;
  }
  .projektBottom .field__label,
  .node--type-projekt .projektTop .field--name-field-status .field__item,
  .projektTop .field__label,
  .block-field-blocknodeprojektfield-ende {
    font-size: 1.25em;
  }
  .block-field-blocknodeprojektfield-start {
    padding-bottom: 0;
    font-size: 1.25em;
  }
  .node--type-projekt .block-field-blocknodeprojektfield-kurzfassung-projektstand {
    padding-right: 0;
  }
  .node--type-projekt .field--name-field-was-haben-wir-erreicht- {
    padding-top: 0;
  }
  .field--name-field-titel h1 {
    font-size: 1.5em;
  }
  .field--type-image img {
    margin: 0 !important;
    margin-top: 1.2em !important;
  }
  #block-innok-content .content .kat1-bg {
    padding-left: 2em;
    padding-right: 2em;
    opacity:1;
  }
  #block-innok-content .content .kat6-bg,
  #block-innok-content .content .kat13-bg ,
  #block-innok-content .content .kat12-bg,
  #block-innok-content .content .kat14-bg,
  #block-innok-content .content .kat15-bg ,
  #block-innok-content .content .kat5-bg ,
  #block-innok-content .content .newstop {
    padding-left: 2em;
    padding-right: 2em;
  }

  .field--name-field-was-haben-wir-erreicht- {
    padding-top: 0.75em;
  }

  .node--type-projekt #content {
    margin-top: -0.75em;
  }

  .node--type-projekt .container,
  .node--type-projekt #content,
  .node--type-news #content,
  .node--type-news .container,
  .field--name-field-einleitungstext,
  .field--name-field-einleitungstext p,
  .node--type-fakten .container,
  .node--type-fakten #content  {
    padding-left:0px !important;
    padding-right:0px !important;
  }
  .block-field-blocknodeprojektfield-was-haben-wir-erreicht- {
    padding-left: 2em !important;
    padding-right: 2em;
  }
  .block-field-blocknodeprojektfield-wie-geht-es-weiter- {
    padding-left: 2em;
    padding-right: 2em;
  }
  .mini-kat-wrapper .mini-kat-block-pf {
    display: block;
  }
  .mini-kat-block {
    display: none;
  }
  .mini-kat-blockOhne {
    margin-top: 0.5em;
    display: block;
    cursor: default;
  }
  .kat-back {
    visibility: hidden;
  }
  .kat {
    font-size: 1em;
    padding-top: 1em;
  }



  /** NEWS **/
  .node--type-news #content {
    margin-top: -0.6em;
  }
  .file-download {
    background-size: 50px;
    width: 50px;
    height: 50px;
  }
  .field--name-field-datei-beschreibung {
    margin-left: 50px;
    margin-right: 1.5em;
    margin-top: -50px;
  }
  .field--name-field-download .field__item {
    margin-bottom: 2em;
  }
  .node--type-news p {
    padding-left:2em;
    padding-right:2em;
  }
  .node--type-news .newstop p {
    padding-left:0;
    padding-right:0;
  }
  .node--type-news .layout__region,
  .node--type-page .layout__region,
  .node--type-startseite .layout--threecol-section .layout__region {
    flex: 0 1 100% !important;
  }
/*  .node--type-startseite .layout--threecol-section .layout__region .squareContent {
    padding: 1.25em !important;
  }*/
  .node--type-news .layout__region--first {
    order: 3;
    flex: 0 1 100%;
  }
  .node--type-news .layout__region--second {
    order: 1;
    flex: 0 1 100%;
  }
  .node--type-news .layout__region--third {
    order: 2;
    flex: 0 1 100%;
  }
  .node--type-news .node--type-downlad .file-download {
    width: 100px;
  }

  /** FAKTEN **/
.node--type-fakten .square .squareContent {
  padding-top: 1em;
  padding-bottom: 1em;
}
.node--type-fakten .square .squareContent .kat {
  padding-top: 0;
  font-size: 1em;
}

.block-field-blocknodefaktenfield-einleitungstext {
  font-size: 1.1em;
  padding-bottom: 0.75em;
  padding-top: 0.5em;
  padding-left: 2em;
  padding-right: 2em;
}
  #block-headernewsuebersicht {
    padding: 0 5vw;
    height: 70vw;
  }


  #block-headerblockzahlendatenfakten .txt ,
  #block-headerunserevision .txt,
  #block-headerblockverwaltungsreform .txt,
  #block-headerblockunseransatz .txt {
    font-size: 5vw;
    margin-bottom: -70vw;
    padding: 0 5vw;
  }

  #block-headerblockruckblick .txt {
    font-size: 5vw;
    margin-bottom: -85vw;
    padding: 0 5vw;
  }
  .txt h1 {
    font-size: 5vw;
  }

  #block-headerblockzahlendatenfakten .txt {
    padding: 0 5vw;
  }
  #block-headerblockzahlendatenfakten .field--name-field-anzahl-projekte {
    padding: 0 5vw;
  }

  #block-headernewsuebersicht h1 {
    padding: 0;
    margin-top: 0.4em;
  }
  .newsicon {
    height: 4em;
    width: 4em;
    background-size: 4em;
    margin-left: 0;
  }
  #block-headerblockzahlendatenfakten video,
  #block-headerblockunseransatz video,
  #block-headerblockverwaltungsreform video {
    margin-top: 0;
    height: 80vw;
  }

  #block-headerunserevision video {
    margin-top: 0;
    height: 90vw;
  }
  #block-headerblockruckblick video {
    margin-top: 0;
    height: 95vw;
  }
  .headericon {
    margin-left:5vw;
    width: 10vw;
    padding: 3vw 0;
  }
  .txt {
    padding: 0;
    font-size: 5vw;
  }

.square3flex .node--type-kategorie-teaser-flexible {
  padding: 0 !important;
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}
.square3flex .field--name-field-kategorie-teaser-flex {
  font-size: 1em;
}
.square3flex .field--name-field-headline-teaser-flex p {
  font-size: 1em;
  padding-bottom: 0 !important;
}
.fakten-kachel .field--name-field-zahlenwert {
  margin-bottom: -0.3em;
}
.square3flex .node--type-kategorie-teaser-flexible .katlink {
  width: 2em;
  flex-basis: 1em;
}

  .node--type-fakten .square3flex p,
  .node--type-fakten p {
    padding-left:0;
    padding-right:0;
  }

  .node--type-fakten .field--name-field-einleitungstext p {
    padding-left:2em;
    padding-right:2em;
  }
  .countStat {
    margin-top: 0.1em;
    font-size: 10vw;
  }

.node--type-fakten .breadcrumb {
  padding-left: 2.4em !important;
  padding-right: 2em;
  padding-top: 2em;
}

  .breadcrumb {
    font-size: 0.6em;
  }

.block-field-blocknodefaktenfield-kachel-1 {
  flex-basis:100%;
}
.block-field-blocknodefaktenfield-kachel-2,
.block-field-blocknodefaktenfield-kachel-3,
.block-field-blocknodefaktenfield-kachel-4 ,
.block-field-blocknodefaktenfield-kachel-5,
.block-field-blocknodefaktenfield-kachel-6 {
  width:100%;
}
.node--type-startseite .square3flex .squareContent .kat1-bg,
.node--type-startseite .square3flex .squareContent .kat6-bg,
.node--type-startseite .square3flex .squareContent .kat13-bg,
.node--type-startseite .square3flex .squareContent .kat12-bg,
.node--type-startseite .square3flex .squareContent .kat14-bg,
.node--type-startseite .square3flex .squareContent .kat15-bg,
.node--type-startseite .square3flex .squareContent .kat5-bg{
  padding:1.75em !important;
  padding-bottom: 2em !important;
}

/**KATEGORIEN **/
.katBottom p.ueber {
  font-size: 1em;
  margin-top: 1em;
}
.square4-view {
  width:100%;
  flex-basis:100%;
  max-width: 100%;
}
.views-display-switch__link {
  width: 100%;
}
  #block-headerkatdigitalisierung,
  #block-headerkatprozesse,
  #block-headerkatorga,
  #block-headerkatbuerger,
  #block-headerkatmethoden,
  #block-headerkatkommunikation,
  #block-headerkatarbeitgeberin  {
    height: 60vw;

  }
#block-headerkatdigitalisierung .content,
#block-headerkatprozesse .content,
#block-headerkatbuerger .content,
#block-headerkatmethoden .content,
#block-headerkatkommunikation .content,
#block-headerkatarbeitgeberin .content,
#headerkatorga .content {
  padding-left: 10vw;
  padding-top: 1em;
}
#block-headerkatdigitalisierung .field--name-field-anzahl-projekte,
#block-headerkatprozesse .field--name-field-anzahl-projekte,
#block-headerkatorga .field--name-field-anzahl-projekte,
#block-headerkatbuerger .field--name-field-anzahl-projekte,
#block-headerkatmethoden .field--name-field-anzahl-projekte,
#block-headerkatkommunikation .field--name-field-anzahl-projekte,
#block-headerkatarbeitgeberin .field--name-field-anzahl-projekte
 {
  font-size: 10vw;
  padding-left: 0 !important;
}
#block-headerkatdigitalisierung .field--name-field-header-text,
#block-headerkatprozesse .field--name-field-header-text,
#headerkatorga .field--name-field-header-text,
#block-headerkatbuerger .field--name-field-header-text,
#block-headerkatmethoden .field--name-field-header-text,
#block-headerkatkommunikation .field--name-field-header-text,
#block-headerkatarbeitgeberin .field--name-field-header-text {
  font-size: 2.75vw;
}
#block-headerkatdigitalisierung .content,
#block-headerkatprozesse .content,
#block-headerkatorga .content,
#block-headerkatbuerger .content,
#block-headerkatmethoden .content,
#block-headerkatkommunikation .content,
#block-headerkatarbeitgeberin .content {
  padding-left: 7.5vw;
  padding-right:7.5vw;
  padding-top: 5vw;
}
.view-display-id-digitalisierung_liste table a {
  padding: 0.5em;
  font-size: 0.8em;
  padding-top: 0.8em;
}
.view-display-id-digitalisierung_liste thead th {
  padding-left: 0.8em;
  font-size: 0.6em;
}
.page-taxonomy-term-17 .layout__region--first{
  flex: 0 1 100% !important;
}
.page-taxonomy-term-17 .layout__region--second,
.node--type-page .layout__region--second{
  flex: 0 1 100% !important;
}
.page-taxonomy-term-17 .layout__region--third{
  flex: 0 1 100% !important;
}
.square3-news {
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

/** Footer **/
  .logo-footer img {
    margin-left: -0.5em;
  }

  .site-footer {
    padding-left: 0.5em;
  }

  /** SEARCH MODAL */

  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
    width: 90vw !important;
    left: 5vw !important;
    top: 18vw !important;
  }


/** SUCH ERGEBNISSE **/
.search-form  {
  margin: 1.25em;
}
.path-search h1 {
  font-size: 4.5em;
  margin: 0.25em;
}
.path-search h3 {
  font-size: 1.5em;
  padding-bottom: 1em;
  margin: 1em;
  padding-right: 3.25em;
}
.search_exclude_node_search-results h3 {
  margin: 0;
}
.suffix {
  margin-top: -4em;
}
.search_exclude_node_search-results h3 a {
  font-size: 0.9em !important;
  font-weight: normal;
  padding-left: 1.5em;
  background-size: 1em;
}
.search_exclude_node_search-results p{
  margin-top: -1em;
  margin-bottom: 1rem;
  text-align: justify;
  hyphens: auto;
  padding-right: 2em !important;
  font-size: 0.9em;
}

  .field--type-changed {
    margin-left: 2em;
  }

  .path-frontpage .clearfix.text-formatted.field.field--name-field-headline-teaser-flex.field--type-text.field--label-hidden.field__item {
    font-size: 1.3em;
    font-weight: normal;
  }

  .path-frontpage .clearfix.text-formatted.field.field--name-field-teasertext-teaser-flex.field--type-text-long.field--label-hidden.field__item {
    font-size: 0.8em;
    margin-top: 1em;
  }
  .path-frontpage .einleitung-wrapper {
    display: block;
  }
  .path-frontpage .einleitung-links {
    padding: 0;
    font-size: 0.1em;
  }
  .path-frontpage .einleitung-links h1 {
    font-size: 25px;
  }
}

.underlaid {
  line-height: 10vw;
}
.field.field--name-field-kontaktdaten-footer {
  position: relative;
}
.site-footer__top {
  display: flex;
  justify-content: space-between;
  width: 100% !important;
  flex-wrap: wrap-reverse;
}
/** MOBILE LANDSCAPE ONLY**/

@media only screen and (min-width : 500px) and (max-width: 767px){

}