/** TABLET PORTRAIT AND LANDSCAPE **/

@media only screen and (min-width : 768px) and (max-width: 1199px) {
/**
 * @file
 * InnoKoeln specific CSS.
 */

 html, body {
   overflow-x: hidden;
 }

  /** NAVI **/

  #block-projektkategorien,
  #block-dieinitiative {
    margin-top: 2em;
  }
  #block-projektkategorien2 {
    padding-top: 0;
  }
  .navbar-collapse {
    padding-bottom: 2em;
    padding-left: 1.5em;
  }

/** STARTSEITE **/

  .slogan-startseite {
    display: none;
  }
.block-field-blocknodestartseitefield-zwischentext {
  padding: 2.75em 8em;
}

.block-field-blocknodestartseitefield-zwischentext h3 {
  font-size: 1.75em;
}
.block-field-blocknodestartseitefield-zwischentext p {
  font-size: 1em;
  padding-top: 1em;
}
.square2-start .node--type-news a {
  margin-bottom: -0.55em;
}
.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,
.square2-start .node--type-news h2,
.square2-start .node--type-downlad h2 {
  font-size: 1.25em;
}
.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-download-1 .square2-start .content,
.block-field-blocknodestartseitefield-termin-oder-download-3 .square2-start .content
{
  padding: 0;
}
.block-field-blocknodestartseitefield-newsteaser-oder-termin-ein .square2-start news,
.block-field-blocknodestartseitefield-newsteaser-oder-termin-2 .square2-start news,
.block-field-blocknodestartseitefield-newsteaser-oder-termin-3 .square2-start news,
.block-field-blocknodestartseitefield-newsteaser-oder-termin-4 .square2-start news {
  padding: 1.25em 1.75em !important;
}
.squareContent .node--type-fakten-kachel-startseite {
  padding: 1.75em !important;
  padding-top: 0.75em !important;
}
.square2-start .field--name-field-teasertext {
  padding-top: 0;
}
.square2-start .field--name-field-zahl-fakten-kachel,
.square2-start .field--name-field-zahlenwert {
  font-size: 7vw;
}
.square2-start .field--name-field-zahlenwert p {
  margin: 0;
  padding: 0;
}
.square2-start  .node--type-termin h2,
.square2-start .node--type-downlad h2
{
  font-size: 2.75vw !important;
}
.square2-start a {
  background-size: 5vw;
}
.square2-start .node--type-downlad .field--name-field-datei-beschreibung {
  font-size: 2vw;
}
/*.block-field-blocknodestartseitefield-news-termin-download-1 .squareContent,
.block-field-blocknodestartseitefield-termin-oder-download-3 .squareContent,
.block-field-blocknodestartseitefield-news-termin-oder-download- .squareContent
 {
  padding: 1em;
}*/
.block-field-blocknodestartseitefield-news-termin-oder-download- .node--type-termin .node__content,
.block-field-blocknodestartseitefield-news-termin-download-1 .node--type-termin .node__content,
.block-field-blocknodestartseitefield-termin-oder-download-3 .node--type-termin .node__content {
  font-size: 2vw;
  margin-top: -0.25em;
}
.square2-start .node--type-downlad .field--name-field-media-file a {
  background-size: 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,
.page-taxonomy-term-5 #main{
  min-width: 100%;
  width: 100%;
  max-width: 1100px;
  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 {
  padding: 0;
}
.block-field-blocknodestartseitefield-einleitungstext-startseite,
.block.block-layout-builder.block-field-blocknodepagefield-einleitung {
  max-width: 940px;
  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: 1em;
  margin-bottom: 0;
  margin-left: 1.5em;
  margin-right: 1.5em;
}

  /** ALLE KATEGORIEN PROJEKT DETAIL SEITEN **/
  .kat-wrapper {
    justify-content: start;
  }

  .square {
    flex-basis:25%;
    max-width:25%;
  }
  .square .squareContent {
    padding-top: 1em;
  }

  .square8, .path-frontpage .square8 {
    flex-basis:25%;
    max-width:25%;
    width: 25%;
    padding: 0.5em;
  }

  /** STATUSBLOCK **/

  .wrapperStatusBlock {
    flex-basis:50%;
    max-width:50%;
  }

  .mini-kat-wrapper{
    padding-bottom:1em;
    padding-top: 0;
  }
  .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;
    width: 1.25em;
    padding-bottom: 1.25em;
}
  .kat-back {
    visibility: hidden;
  }

/** FAKTEN **/
.node--type-fakten .kat-wrapper h3 {
    font-size: 1em !important;
  }
.node--type-fakten .wrapperStatusBlock h3 {
  /*margin-top: 0 !important;*/
  font-size: 1.4em;
  }
.node--type-fakten .kat-link {
   margin-bottom: 0.5em;
  }
.countStat {
  font-size: 7vw;
  margin-top: 0.2em;
  font-weight: bold;
}
.block-field-blocknodefaktenfield-kachel-1 {
  flex-basis:50%;
}
.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:50%;
}

  .node--type-fakten .block-system-breadcrumb-block {
    padding-left: 1.5em;
  }

  #block-headerblockzahlendatenfakten .txt ,
  #block-headerunserevision .txt,
  #block-headerblockruckblick .txt,
  #block-headerblockverwaltungsreform .txt,
  #block-headerblockunseransatz .txt{
    font-size: 2.5vw;
    padding: 0 10vw;
  }
  .headericon {
    width: 7.5vw;
    padding: 2vw 0;
  }
#block-headernewsuebersicht {
  padding: 0;
}
#block-headernewsuebersicht h1 {
  padding: 0;
  margin-top: 0.5em;
  font-size: 2.5vw;
}
.newsicon {
  margin-left: 0;
  width: 7vw;
  height: 7.5vw;
  background-size: 7.5vw;
}
/*#block-headerblockzahlendatenfakten video,
#block-headerblockunseransatz video,
#block-headerblockverwaltungsreform video,
#block-headerunserevision video,
#block-headerblockruckblick video {
  margin-top: 12px;
}*/

.square3flex {
  padding:0.5em;
}
.square3flex .squareContent .kat1-bg,
.square3flex .squareContent .kat6-bg,
.square3flex .squareContent .kat13-bg,
.square3flex .squareContent .kat12-bg,
.square3flex .squareContent .kat14-bg,
.square3flex .squareContent .kat15-bg,
.square3flex .squareContent .kat5-bg{
  padding-left:1.75em !important;
  padding-right:1.75em !important;
}
.square3flex .field--name-field-kategorie-teaser-flex {
  padding-top: 0;
  margin-top: -0.5em;
  font-size: 1em;
}
.square3flex .field--name-field-headline-teaser-flex p {
  text-align: left;
  font-size: 1em;
  padding-bottom: 0;
}
.fakten-kachel .field--name-field-zahlenwert {
  margin-bottom: -0.3em;
}
.square3flex .node--type-kategorie-teaser-flexible .katlink {
  width: 2em;
  height: auto;
  margin-bottom:0.2em;
  flex-grow:0;
  flex-basis: 1em;
}

/** KATEGORIEN **/
.square4-view {
  width:50%;
  flex-basis:50%;
  max-width: 50%;
}
.page-taxonomy-term-1 .field--name-description,
.page-taxonomy-term-5 .field--name-description,
.page-taxonomy-term-6 .field--name-description
.page-taxonomy-term-12 .field--name-description
.page-taxonomy-term-13 .field--name-description
.page-taxonomy-term-14 .field--name-description
.page-taxonomy-term-15 .field--name-description
.page-taxonomy-term-17 .field--name-description {
  font-size: 1.5em;
}
.views-display-switch__link {
  width: 50%;
}


#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,
#block-headernewsuebersicht .content{
  padding-left: 7.5vw;
  padding-right:7.5vw;
  padding-top: 5vw;
}
  #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,
  #block-headerblockzahlendatenfakten .field--name-field-anzahl-projekte {
    padding-left: 0;
    font-size: 7.5vw ;
  }

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

  .txt {
    padding: 0;
  }


#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,
#block-headerkatdigitalisierung .field--name-field-header-text{
  font-size: 1.5em;
}

.view-display-id-digitalisierung_liste table a {
  padding: 1.5em;
  font-size: 1em;
  padding-top: 1em;
}
.view-display-id-digitalisierung_liste thead th {
  padding-left: 1.5em;
  font-size: 0.9em;
}

/** PROJEKTE **/
.block-field-blocknodeprojektfield-ende {
  margin-left: 0;
}

.node--type-page .layout__region--first,
.node--type-page .layout__region--second,
.node--type-page .layout__region--third,
.page-taxonomy-term-17 .layout__region--first,
.page-taxonomy-term-17 .layout__region--second,
.page-taxonomy-term-17 .layout__region--third,
.node--type-startseite .layout--threecol-section .layout__region {
  flex: 0 1 50% !important;
}
.node--type-startseite .square3flex .field--name-field-teasertext-teaser-flex {
  font-size: 2.25vw;
}
.node--type-fakten .square3flex .field--name-field-teasertext-teaser-flex {
  font-size: 2vw;
}
.square3flex .node--type-kategorie-teaser-flexible .node__content .field--name-field-teasertext-teaser-flex {
  max-height: 11vw;
}
.square3flex a {
  background-size: 5vw;
}
/** 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 news.node--view-mode-teaser
{
  height: calc(100% + 0.5em);
}

/** NEWS **/
.node--type-news .layout__region--first{
  order: 3;
  flex: 0 1 50%;
}
.node--type-news .layout__region--second{
  order: 1;
  flex: 0 1 50%;
}
.node--type-news .layout__region--third{
  order: 2;
  flex: 0 1 50%;
}


.square3-news{
  width: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.node--type-page .square3 {
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.square3 h2 ,
.square3-news h2 {
  padding-top:0.75em;
  padding-left: 0.75em;
  font-size: 2em;
}
.square3-news .squareContent,
.node--type-page .square3 .squareContent {
  padding: 1.5em;
  padding-bottom: 1em;
}
.square3-news .squareContent .views-field-title a,
.node--type-page .square3 .squareContent .views-field-title a{
  font-size: 1.5em;
  background-size: 1.25em;
}
.square3-news .squareContent .views-field-field-teasertext,
.node--type-page .square3 .squareContent .views-field-field-teasertext {
  margin-top: -72%;
}

  .block-field-blocknodefaktenfield-einleitungstext {
    padding: 0 1.5em;
  }

  /** SEARCH MODAL */

  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
    width: 70vw !important;
    left: 15vw !important;
    top: 15vw !important;
  }

  .search_exclude_node_search-results p {
    text-align: justify;
    hyphens: auto;
  }

  .underlaid {
    line-height: 4vw;
  }

  .path-frontpage .clearfix.text-formatted.field.field--name-field-headline-teaser-flex.field--type-text.field--label-hidden.field__item {
    font-size: 1.5em;
    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.85em;
    margin-top: 1em;
  }
}

/** TABLET LANDSCAPE ONLY **/

@media only screen and (min-width : 900px) and (max-width: 1199px) {

}