/*
Version 1.0 30.09.2020
Version 1.1 08.10.2020 200 Prozent Resolution
Version 1.2 20.10.2020 Silbentrennung
Version 1.3 23.10.2020 Wieder mit Logo in der Titelzeile
Version 1.4 25.04.2020 Ausblendung des Submenues in Mobildarstellung
Version 1.5 10.05.2020 ROW Banding fuer Trefferlisten der Standardsuche
Version 1.6 10.11.2021 Nach Oben Funktion eingebaut
================================
Hellblau:               #eaeff6 ;
Blau Panels, Active:    #233755 ;
Hintergrundblau Menue:  #3c506e ;
*/

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

/* === Silbentrennung === */

h1, h2, h3, h4, h5, h6, p, a, ul li {
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-chars: auto 3;
  -webkit-hyphenate-limit-lines: 4;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: auto 3;
  -ms-hyphenate-limit-lines: 4;
  hyphens: auto;
}

/* === ALLGEMEINES === */

p {
   hyphenate-limit-chars: auto 5;
   hyphenate-limit-lines: 2;
}

a {
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  display: block;
  margin-top: 2.5rem;
  text-decoration: none;
  hyphenate-limit-chars: auto 5;
  hyphenate-limit-lines: 2;
}

a:hover {
  text-decoration: underline;
}

a, a:active, a:focus, a:visited, a:hover {
  color: #3c506e;
}

html {
  /* background-color: grey; */
}

body {
  margin: 0;
  font-family: sans-serif;
  font-size: 16px;
  background-color: #c0c0c0;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

* {
  box-sizing: border-box;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

.container {
  /* width: 92%; */
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}

.container ol {
  display: inline-block;
  margin: 0;
}

.container ol a {
  display: inline-block;
  margin: 0;
  padding: 2em;
  border-right: 1px solid #eaeff6;
  border-bottom: 1px solid #eaeff6;
  border-collapse: collapse;
}

.container ol li {
  display: inline-block;
  margin: 0;
}

.headline-link {
  position: absolute;
  margin: 0;
  top: 1.3rem;
  left: 5rem;
  font-size: 16px;
  font-weight: normal;
}

.subline-link {
  position: absolute;
  margin: 0;
  top: 2.5rem;
  left: 5rem;
  font-size: 16px;
  font-weight: bold;
}

.hidden {
  display: none;
}

.content-area {
  width: 100%;
  min-height: 32rem;
  /* height: auto; */
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  display: block;
  position: relative;
}

.content-area h1 {
  font-size: 1.5em;
  color: #233755;
}

.content-area h3 {
  font-size: 1em;
  display: block;
  color: #233755;

}

.white h3 {
  font-size: 1em;
  display: block;
  color: #233755;

}

.content-area p {
  display: block;
}

.gliederung {
  width: 33,333%;
  height: auto;
  float: left;
  display: inline-block;
  /* position: absolute; */
  margin-bottom: 2em;
}

.gliederung h2 {
  font-size: 1em;
  /* text-align: center; */
  background-color: #eaeff6;
  padding: 0.5em;
  color: #233755;
  /* border-radius: 20px; */
}

.gliederung::after {
  content: "";
  display: block;
  clear: both;
}

.gliederung ol {
  display: inline-block;
  margin: 0;
}

.gliederung ol a {
  display: block;
  margin: 0;
  padding: 0;
  border-right: none;
  border-bottom: none;
  border-collapse: collapse;
}

.gliederung ol li {
  display: block;
  margin: 0;
}

.gliederung_v {
  width: 17%;
  height: auto;
  float: left;
  display: inline-block;
  /* position: absolute; */
  margin-bottom: 2em;
}

.gliederung_v h2 {
  font-size: 1em;
  /* text-align: center; */
  background-color: #eaeff6;
  padding: 0.5em;
  color: #233755;
  /* border-radius: 20px; */
}

.gliederung_v::after {
  content: "";
  display: block;
  clear: both;
}

.gliederung_v ol {
  display: inline-block;
  margin: 0;
}

.gliederung_v ol a {
  display: block;
  margin: 0;
  padding: 0;
  border-right: none;
  border-bottom: none;
  border-collapse: collapse;
}

.gliederung_v ol li {
  display: block;
  margin: 0;
}

.gliederung_s {
  width: 50%;
  height: auto;
  float: left;
  display: inline-block;
  /* position: absolute; */
  margin-bottom: 2em;
}

.gliederung_s h2 {
  font-size: 1em;
  /* text-align: center; */
  background-color: #eaeff6;
  padding: 0.5em;
  color: #233755;
  /* border-radius: 20px; */
}

.gliederung_s::after {
  content: "";
  display: block;
  clear: both;
}

.gliederung_s ol {
  display: inline-block;
  margin: 0;
}

.gliederung_s ol a {
  display: block;
  margin: 0;
  padding: 0;
  border-right: none;
  border-bottom: none;
  border-collapse: collapse;
}

.gliederung_s ol li {
  display: block;
  margin: 0;
}

.gliederung_2zu1 {
  width: 60%;
  height: auto;
  float: left;
  display: inline-block;
  /* position: absolute; */
  margin-bottom: 2em;
}

.gliederung_2zu1 h2 {
  font-size: 1em;
  /* text-align: center; */
  background-color: #eaeff6;
  padding: 0.5em;
  color: #233755;
  /* border-radius: 20px; */
}

.gliederung_2zu1::after {
  content: "";
  display: block;
  clear: both;
}

.gliederung_2zu1 ol {
  display: block;
  /* background-color: #eaeff6; */
  padding: 0.5em;
  margin: 0;
}

.gliederung_2zu1 ol a {
  display: inline-block;
  margin: 0;
  padding: 0;
  border-right: none;
  border-bottom: none;
  border-collapse: collapse;
}

.gliederung_2zu1 ol li {
  display: block;
  margin: 0;
}

.gliederung_2zu1 ul {
  display: block;
  padding: 0.6em;
  margin: 0;
}

.gliederung_2zu1 ul a {
  display: inline-block;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0.5em;
  font-weight: normal;
  border-right: none;
  border-bottom: none;
  border-collapse: collapse;
}

.gliederung_2zu1 ul li {
  display: block;
  margin: 0;
}

.gliederung_2zu1 h1 {
  display: block;

  background-color: #eaeff6;
  margin: 0;
}

.gliederung_2zu1 h3 {
  width: 58.2%;
  display: block;
  background-color: #eaeff6;
  margin: 0
}


.untergliederung {
  width: 66,666%;
  height: auto;
  float: right;
  display: inline-block;

}

.untergliederung::after {
  content: "";
  display: block;
  clear: both;
}

.untergliederung_v {
  width: 40%;
  height: auto;
  float: left;
  display: inline-block;

}

.untergliederung_v::after {
  content: "";
  display: block;
  clear: both;
}

.untergliederung_s {
  width: 50%;
  height: auto;
  float: right;
  display: inline-block;

}

.untergliederung_s::after {
  content: "";
  display: block;
  clear: both;
}

.redaktionelles {
  background-color:  #eaeff6;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1.5em;
  border-radius: 12px;
}

.illu_letter {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/newsletter.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_question {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/question.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_rss {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/rssfeed.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_redaktion {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/team_redaktion.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_inhalt {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/grundsaetzliches.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_bekannt {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/bekannt.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_verkuendung {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/verkuendung.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_search {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/search.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_suchergebnis {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/suchergebnis.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_logo {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/logorechtnrw.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_leichtesprache {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/leichtesprache.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_barrierefrei {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/barrierefrei.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_gebaerdensprache {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/gebaerdensprache.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_kontakt {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/contact_plane.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.illu_befristung {
  /* background-color: red; */
  width: 30%;
  height: 32rem;
  background-image: url("/img/befristung.jpg");
  background-position: top;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;

  float: right;
}

.white h2 {
  color: #233755;
}

.white b {
  color: #233755;
}

form {
  margin-bottom: 2em;
}

fieldset {
  border: none;
}

fieldset h4 {
  color: #233755;
  /* margin-bottom: 0.5em; */
  margin-top: 0.5em;
}

.input_field {
  height: 2em;
  background-color: #efefef;
  border: 1px solid #819dc7;
  margin-right: 0.5em;
  margin-top: 0.7em;
}

.input_field2 {
  height: 3em;
  width: 80%;
  display: block;
  background-color: #efefef;
  border: 1px solid #819dc7;
  margin-right: 0.5em;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}

.submit_button {
  height: 2em;
  border: none;
  color: white;
  background-color: #233755;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-top: 0.7em;
}

.submit_button2 {
  height: 3em;
  border: none;
  color: white;
  background-color: #233755;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-top: 0.7em;
}

.contact_form {
  margin-left: 1em;
}

/* == TABELLEN == */

table {
  border: none;
  margin: 0;
  width: 100%;
}

td {
  vertical-align: top ;
  padding-left: 0.9em;
  /* background-color: white; */
}

th {
    vertical-align: top ;
    padding: 0.5em;
    text-align: left;
    color: #233755;
    background-color: #eaeff6;
    /* border-radius: 20px; */
}

.content th {
  background-color: #eaeff6;
}

.thsub {
  background-color: white;
  padding: 0;
}

.Subtitle2 th {
  padding-bottom: 0.5em;
}

tbody {
  /* background-color: #eaeff6; */
  width: 100%;
}

caption {
  padding-left: 0.7em;
  margin-bottom: 0.7em;
  text-align: left;
  font-weight: bold;
  color: #233755;
}

.text {
  margin-bottom: 0.5em;
  border: none;
}

.textgross td {
  background-color: white;
}

.text td {
  padding: 0.2em;
  /* background-color: none; */
}

.text tr {
  border: none;
}

.text tbody {
  background-color: white;
}

.text tbody tr:nth-child(odd) {
  background-color:  #eaeff6;
}

.ListeMitSep {
  background-color: white;
  padding: 0.25em;
}

/* == RECHT NRW ALT == */

p.MsoNormal, li.MsoNormal, div.MsoNormal
    {margin:0cm;
    margin-bottom:.0001pt;
    font-size: 12pt;
    font-family: sans-serif;
    color: #233755;
    }
p.lrueberschrift, li.lrueberschrift, div.lrueberschrift
    {margin:0cm;
    margin-bottom:.0001pt;
    text-align:center;
    font-size: 12pt;
    font-family: sans-serif;
    color: #233755;
    font-weight:bold;}
p.lrdetail, li.lrdetail, div.lrdetail
    {margin:0cm;
    margin-bottom:.0001pt;
    text-align:center;
    font-size: 12pt;
    font-family: sans-serif;
    color: #233755;
    font-weight:bold;}
p.lrfundstelle, li.lrfundstelle, div.lrfundstelle
    {margin:0cm;
    margin-bottom:.0001pt;
    font-size: 12pt;
    font-family: sans-serif;
    color: #233755;
    }

/* === NAVIGATION === */

.navbar-dark {
  width: 100%;
  min-height: 3.3em;
  max-height: 6.6em;
  background-color: #3c506e;
  position: relative;
}

.navbar-dark ul {
  list-style-image: url("/img/social_settings.png");
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 10px;
  color: #fff;
}

.navbar-dark ul li {
  display: inline-block;
  padding-bottom: 20px;
}

.navbar-dark img{
  display: inline-block;
  vertical-align: text-bottom;
}

.navbar-dark a {
  color: #fff;
  font-size: 12px;
  display: inline-block;
  /* position: absolute; */
  /* right: 30rem; */
  top: .2rem;
  margin-top: 0;
  margin-right: 0.2rem;
}

.barrierefrei {
  /* position: absolute; */
  /* display: block; */
  width: 50%;
  float: left;
  left: 1.5rem;
}

.barrierefrei li {
  display: inline-block;
}

.barrierefrei a {
  display: inline-block;
  padding: 0 1rem 1rem 1rem;
}

.barrierefrei::after {
  content: "";
  display: block;
  clear: both;
}

.socialmedia {
  /* position: absolute; */
  /* display: block; */
  /* width: 50%; */
  float: left;
  /* left: 1.5rem; */
}

.socialmedia li {
  display: inline-block;
}

.socialmedia a {
  display: inline-block;
  padding: 0 1rem 1rem 1rem;
}

.socialmedia::after {
  content: "";
  display: block;
  clear: both;
}


.speech a::before {
  content : url(/img/inclusive_1.png);
  vertical-align: sub;
}

.speechdark a::before {
  content : url(/img/inclusive_1_inv.png);
  vertical-align: sub;
  padding-right: 0.7em;
}

.hands a::before {
  content : url(/img/inclusive_2.png);
  vertical-align: sub;
}

.handsdark a::before {
  content : url(/img/inclusive_2_inv.png);
  vertical-align: sub;
  padding-right: 0.7em;
}

.access a::before {
  content : url(/img/accessibility.png);
  vertical-align: sub;
}

.accessdark a::before {
  content : url(/img/accessibility_inv.png);
  vertical-align: sub;
  padding-right: 0.7em;
}

.aeroplane a::before {
  content : url(/img/contact.png);
  vertical-align: sub;
}

.aeroplanedark a::before {
  content : url(/img/contact_inv.png);
  vertical-align: sub;
  padding-right: 0.7em;
}

.printer a::before {
  content : url(/img/print.png);
  vertical-align: sub;
}

.printerdark a::before {
  content : url(/img/print_inv.png);
  vertical-align: sub;
  padding-right: 0.7em;
}

/* #A laber::before {
  content : url(/img/icon_portal_d.png);
  vertical-align: sub;
} */

/* === RESPONSIVE MULTILEVEL MENU === */

/* func */

.multi-level, .item ul, .nav input[type=checkbox] {
    display: none;
}
#menu:checked ~ .multi-level, #menu2:checked ~ .multi-level, #menu2:checked ~ .multi-level div ul, .item input:checked ~ ul {
    display: block;
}



/* Arrow */

.arrow_2 {

    position: relative;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    float: left;
    z-index: 2;
    margin: 17px 1em 0 2em;
}

.item input + .arrow_2 {
    transform: rotate(-90deg);
    transition: 0.1s;
}

.item input:checked + .arrow_2 {
    transform: rotate(0deg);
    transition: 0.1s;
}

#menu2:checked ~ label b {
  display: inline-block;
  transform: rotate(-180deg);
  transition: 0.1s;
}

.menumulti {
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 0.25em;
  margin-top: 0;
  vertical-align: middle;
  /* padding-top: 2em; */
  /* width: 50px;
  height: auto; */
}

.menumulti_2 {
  margin-left: 1.3em;
  margin-right: 1.3em;
  margin-bottom: 0.25em;
  margin-top: 0;
  vertical-align: middle;

}

/* Styles */

.funct {
    position: absolute;
    /* position: relative; */
    display: inline;
    color: white;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    top: 0.8em;

    padding-left: 6em;
    z-index: 8;
}

label:hover {
    cursor: pointer;
}

label {
    font-size: 11px;
    font-weight: bold;
    width: 100%;
    display: block;
    z-index: 3;
    position: relative;
}

label.logo {
  display: inline;
  position: absolute;
  top: 1em;
  left: 2.5em;
  color: white;
  font-size: 18px;
  line-height: 1em;
  /* padding: 0 80px; */
  font-weight: bold;
  /* font-family:castellar; */
  text-transform: uppercase;
  z-index: 7;
}

label.logo2 {
  display: inline;
  position: relative;
  top: -1em;
  left: -0.5em;
  color: #3C506E;
  font-size: 14px;
  line-height: 1em;
  /* padding: 0 80px; */
  font-weight: bold;
  /* font-family:castellar; */
  text-transform: uppercase;
  z-index: 7;
}

.nav {

    /* height: 300px; */
    width: 100%;
    background-color: white;
    overflow-x: hidden;
    border-bottom: 1px solid #efefef;
    display: none;
}

.nav a {
  margin-top: 0;
  display: inline;

}

.returnbutton {
  width: 140px;
  height: auto;
  position: relative;
  top: -2em;
  left: 7em;
  display: inline;
  /* width: 160px; */
  height: auto;
  z-index: 9;
}

#nav-icon {
    /* height: 2.5em; */
    font-size: 28px;
    line-height: 50px;
    padding-left: 1em;
    color: #3C506E;
    background-color: white;
}

#nav-icon2 {

    font-size: 25px;
    line-height: 50px;
    padding-left: 11.2em;
    color: white;
    background-color: #3C506E;
    z-index: 1;
}

.nav ul, label {
    line-height: 50px;
    margin: 0;
    padding: 0 2em;
    list-style: none;
    text-decoration: none;
    color: #3C506E;
    /* font-weight: 100; */
    width: 100%;
}

.nav li {
    line-height: 50px;
    margin: 0;
    padding: 0 1.3em;
    list-style: none;
    text-decoration: none;
    color: #3C506E;
    /* font-weight: 100; */
    width: 100%;
}

.item ul {
    padding: 0 0.25em;
}

.nav li a {
  line-height: 50px;
  margin: 0;
  /* padding: 0 4em; */
  list-style: none;
  text-decoration: none;
  color: #3C506E;
  /* font-weight: 100; */

}

/* Suchfeld */

#suche {
  border: 2px solid #999;
  /* border-radius: 0.5em;; */
  font-size: 1.2em;
  width: 11em;
  transition: width 0.5s ease-in-out;
  margin-left: 1.5em;
  margin-top: -2em;
}

#suche:focus {
  font-size: 1.5em;
  width: 50%;
}

#lens {
  font-size: 2em;
  margin-left: 6em;
}

/*
input[type=submit]
{
border: 0px;
width: 20px;
height: 22px;
margin: 0px;
vertical-align: middle;
background: transparent;
background-image: url(/img/search-top.png);
background-repeat: no-repeat;
cursor: pointer;
}
*/

/* REIHE MIT LOGOS */

.logo {
  width: 80px;
  height: auto;
  display: inline-block;
  position: absolute;
  left: 1rem;
  bottom: .5rem;
  top: .8rem;
  padding-top: 0;
  margin-top: 0;
}

.slogan h2 {
  display: inline-block;
  /* position: absolute; */
  padding-top: 1em;
  padding-left: 6.5em;
  margin-top: 0;
  left: 6.5em;
  font-size: 1.3rem;
  font-weight: bold;
  color: #3c506e;
}

.slogan a {
  display: inline-block;
  padding-top: 0.8em;
  padding-left: 6.5em;
  margin-top: 0;
  left: 6em;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: left;
  color: #3c506e;
}

.ministry {
  display: inline-block;
  position: relative;

}

.ministry img {
  display: inline-block;
  position: absolute;
  right: 2rem;
  top: 1.2rem;
}

#menu0-active {
  background-image: url("/img/icon_portal_active.png");
  background-repeat: no-repeat;
  background-position: center 30%;
 }

#menu0 {
  background-image: url("/img/icon_portal_not_active.png");
  background-repeat: no-repeat;
  background-position: center 30%;
  background-size: 20px;
}

#menu0:hover {
  background-color: #eaeff6;
}

#menu1-active {
  background-image: url("/img/icon_phone_active.png");
  background-repeat: no-repeat;
  background-position: center 30%;
}

#menu1 {
  background-image: url("/img/icon_phone_not_active.png");
  background-repeat: no-repeat;
  background-position: center 30%;
}

#menu1:hover {
  background-color: #eaeff6;
}

#menu2-active {
  background-image: url("/img/icon_alert_active.png");
  background-repeat: no-repeat;
  background-position: center 30%;
}

#menu2 {
  background-image: url("/img/icon_alert_not_active.png");
  background-repeat: no-repeat;
  background-position: center 30%;
}

#menu2:hover {
  background-color: #eaeff6;
}

#menu3-active {
  background-image: url("/img/icon_collection_active.png");
  background-repeat: no-repeat;
  background-position: center 30%;
}

#menu3 {
  background-image: url("/img/icon_collection_not_active.png");
  background-repeat: no-repeat;
  background-position: center 30%;
}

#menu3:hover {
  background-color: #eaeff6;
}

#menu4-active {
  background-image: url("/img/icon_portal_active.png");
  background-repeat: no-repeat;
  background-position: center 30%;
}

#menu4 {
  background-image: url("/img/icon_portal_not_active.png");
  background-repeat: no-repeat;
  background-position: center 30%;
}

#menu4:hover {
  background-color: #eaeff6;
}

#menu5-active {
  background-image: url("/img/search_top_active.png");
  background-repeat: no-repeat;
  background-position: center 30%;
}

#menu5 {
  background-image: url("/img/search_top_not_active.png");
  background-repeat: no-repeat;
  background-position: center 30%;
}

#menu5:hover {
  background-color: #eaeff6;
}

.desktop-nav li {
  list-style-type: none;
}

/* .active {
  background-image: url("/img/active.png");
  z-index: 2;
} */


/* === HAMBURGERNAV === */

#hamburgernav {
  width: 100%;
  min-height: 2.9em;
  background: #233755;
  display: none;
}

#hamburgernav a {
  display: inline-block;
  color: white;
  font-size: 1em;
  margin-top: 0.5rem;
  margin-bottom: 0.65rem;
  margin-left: 1em;
}

#hamburgernav h1 {
  display: inline-block;
  vertical-align: bottom;
  /* text-align: center; */
  font-size: 1em;
  color: white;
  margin-top: 0.5rem;
  margin-bottom: 0.6rem;
  margin-left: 0.7em;
}

#hamburgerlist li {
  list-style-type: none;
  padding-top: 0.4rem;
  margin-left: 2.1em;
  height: 3rem;

}

#hamburgerlist a {
  box-sizing: border-box;
  font-size: 0.8em;
  display: block;
  text-align: left;
  margin-top: 0.9em;
  width: 100%;
  /* border-top: 1px solid #eaeff6; */
}


/* === ACCESSIBILITY HAMBURGER MENU === */


/* [ON BIG SCREENS] */
/* Wrapper */
#hamnav {
  width: 100%;
  background: #233755;
  /* Optional */
  /* position: sticky; */
  top: 0;
  display: none;
  padding-bottom: 0;
}

#hamnav h1 {
  display: inline;
  font-size: 1.1em;
  color: white;
  margin-left: 1rem;
}

/* Hide Hamburger */
#hamnav label, #hamburger { display: none; }

/* Horizontal Menu Items */
#hamitems { display: flex; }
#hamitems a {
  width: 20%;
  /* 100% / 5 tabs = 20% */
  padding: 10x;
  color: white;
  text-decoration: none;
  text-align: left;
}
#hamitems a:hover {
  background: #3c506e;
}

#hamitems a:active {
  background: #3c506e;
}

#hamitems a:focus {
  background: #3c506e;
}

#hamitems li {
  list-style-type: none;
  height: 0.6rem;
}


/* [ON SMALL SCREENS] */
@media screen and (max-width: 601px){
  /* Show Hamburger Icon */


  #hamnav {
    display: inline-block;
    padding-bottom: 2.5rem;
  }

  #hamnav label {
    display: inline-block;
    color: white;
    background: #3c506e;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;

  }

  /* Break down menu items into vertical */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #eaeff6;
  }

  /* Toggle Show/Hide Menu */
  #hamitems { display: none; }
  #hamnav input:checked ~ #hamitems { display: block; }
}


/* [DOES NOT MATTER] */
html, body {
  padding: 0;
  margin: 0;
  font-family: arial, sans-serif;
}


/* === SUBMENUE DARK === */

.submenue-dark {
  /* height: 3em; */
  width: 100%;
  background-color: #3C506E;
}

.submenue-list li {
  display: inline-block;
  color: white;
  /* margin-left: 2rem; */
  /* margin-top: 0.9rem; */
}

.submenue-list a {
  color: white;
  margin-top: 0rem;
  display: inline-block;
  padding: 0.8rem 2rem 1rem 2rem;
}

.submenue-list a:hover {
  background-color: #233755;
}

.submenue-list a:active {
  background-color: #233755;
}

.submenue-list a:focus {
  background-color: #233755;
}

.information a::before {
  content : url(/img/about_3.png);
  vertical-align: sub;
}

.thenews a::before {
  content : url(/img/envelope.png);
  vertical-align: sub;
}

.rssfeed a::before {
  content : url(/img/rssfeed.png);
  vertical-align: sub;
}

.vsuche a::before {
  content : url(/img/vsuche.png);
  vertical-align: sub;
}

.redaktion a::before {
  content : url(/img/redaktion.png);
  vertical-align: sub;
}

.faq a::before {
  content : url(/img/faq.png);
  vertical-align: sub;
}

.paragraph a::before {
  content : url(/img/paragraph.png);
  vertical-align: sub;
}

.temple a::before {
  content : url(/img/temple.png);
  vertical-align: sub;
}

.temple_retro a::before {
  content : url(/img/temple_retro.png);
  vertical-align: sub;
}

.time a::before {
  content : url(/img/time.png);
  vertical-align: sub;
}

.paragraph_retro a::before {
  content : url(/img/paragraph_retro.png);
  vertical-align: sub;
}

.attention a::before {
  content : url(/img/attention.png);
  vertical-align: sub;
}

.attention_retro a::before {
  content : url(/img/attention_retro.png);
  vertical-align: sub;
}

.befristung a::before {
  content : url(/img/icon_befristung.png);
  vertical-align: sub;
}


/* === SUBMENUE MOBILE DARK === */

.submenue-mobile-dark {
  /* height: 2.8em; */
  width: 100%;
  background-color: #3C506E;
  display: none;
}

.submenue-mobile-list li {
  /* display: inline-block; */
  color: white;
  /* margin-left: 2rem; */
  /* margin-top: 0.9rem; */
  list-style-type: none;
}

.submenue-mobile-list a {
  color: white;
  margin: 0;
  /* display: inline-block; */
  padding: 1rem 2rem;
  text-align: left;
}

.submenue-mobile-list a:hover {
  background-color: #233755;
}

.submenue-mobile-list a:active {
  background-color: #233755;
}

.submenue-mobile-list a:focus {
  background-color: #233755;
}


/* === BREADCRUMB-NAVIGATION === */

.breadcrumb {
  height: 2.2em;
  width: 100%;
  background-color: #233755;
}

.breadcrumb-list li {
  display: inline-block;
  color: white;
  /* margin-left: 2rem; */
  /* margin-top: 0.9rem; */
}

.breadcrumb-list a {
  color: white;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  display: inline-block;
  padding: 0.7rem 0.5rem 0.5rem 0.5rem;
}

.breadcrumb-list a:hover {
  background-color: #233755;
}

.breadcrumb-list a:active {
  background-color: #233755;
}

.breadcrumb-list a:focus {
  background-color: #233755;
}

.arrow {
  font-size: 11px;
  vertical-align: middle;
}

.tab {
  display: inline-block;
  padding-left: 0.7rem;
}

/* === BREADCRUMB-NAVIGATION WHITE === */

.breadcrumb_white {
  height: 2.2em;
  width: 100%;
  background-color: white;
}

.breadcrumb_white-list li {
  display: inline-block;
  color: #233755;
  /* margin-left: 2rem; */
  /* margin-top: 0.9rem; */
}

.breadcrumb_white-list a {
  color: #233755;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  display: inline-block;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
}

.breadcrumb_white-list a:hover {
  decoration: underline ;
}

.breadcrumb_white-list a:active {
  decoration: underline ;
}

.breadcrumb_white-list a:focus {
  decoration: underline ;
}

.arrow {
  width: 10px;
  height: auto;
  font-size: 11px;
  vertical-align: middle;
}

.tab {
  display: inline-block;
  padding-left: 0.7rem;
}


/* === GRID-SYSTEM === */

.row {
  position: relative;
  /* background-color: grey; */
    border-left: 1px solid #efefef;
    /* border-right: 1px solid #efefef; */
    border-collapse: collapse;
}

.row::after {
  content: "";
  clear: both;
  display: block;
}

[class*='col-'] {
  float: left;
  height:5.2em;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-collapse: collapse;
}

.col-125  { width: 12.5%; }
.col-166  { width: 16.6666%; }
.col-20   { width: 20%;   }
.col-25   { width: 25%;   }
.col-50   { width: 50%;   }
.col-60   { width: 60%;   }
.col-60c  { width: 70%;   }
.col-40   { width: 40%;   }
.col-40b  { width: 40%;   }
.col-375  { width: 37.5%; }
.col-100  { width: 100%; }

/* === CONTENT === */

.panel {
  background-color: #eaeff6;
  width: 100%;
  height:5em;
  padding: 20px;
  position: relative;
}

.panel a {
  padding-bottom: 20px;
}

.panel h3 {
  color: #3c506e;
  margin: 0.7rem 0 0 1rem;
}

.panel h1 {
  display: inline-block;
  margin-left: 0.6rem;
  vertical-align: middle;
  font-weight: normal;
  font-size: 17px;
  color: #3c506e;
}

.library {
  width: 100%;
  height: auto;
}

.mainframe {
  height: auto;
  /* background-color: blue; */
  padding: 0
  /* border: none; */
}

.content-area {
  padding: 20px;
}

.content-area::after {
  content: "";
  clear: both;
  display: block;
}

.content-area p {
  /* margin-top: 1em; */
  margin-bottom: 1em;
}

.content-area a {
  text-align: left;
  font-size: 1em;
  margin: 0;
  display: inline-block;
}

.content-area h2 {
  margin-bottom: 0.5em;
}

.content-area h3 {
  /* color: black; */
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: left;
  position: absolute;
}

.dark {
  background-color: #3c506e;
  border: none;
}

.dark ul {
  list-style-type: none;
}

.dark a {
  color: #fff;
  text-align: left;
  font-size: 16px;
  margin: 0 0 10px 0;
}

.white a {
  text-align: left;
  font-size: 16px;
  margin: 0 0 10px 0;
  font-weight: normal;
}

.white ul {
  list-style-type: none;
  font-weight: normal;
  color: #3c506e;
  /* margin-bottom: 40px; */
}

.white span {
  margin-bottom: 10px;
  display: inline-block;
}

.update {
  margin-top: 0.3rem;
  color: #3c506e;
}

.aside {
  width: 40%;
  float: left;
  /* background-color: red; */
  padding: 16px;
}

.illu {
  width: 60%;
  height: 100%;
  display: inline-block;
  float: left;
  padding: 0;
  background-image: url("/img/logo_recht_nrw.jpg");
  background-size: cover;
  background-position: center;
  /* border: none; */
}

.arrow {
  display: inline-block;
}

.files {
  width: 40px;
  height: auto;
  vertical-align: bottom;
}

.white {
  border: none;
}

/* === FOOTER === */

.deep-dark {
  background-color: #233755;
}

.deep-dark a {
  color: #fff;
}

.deep-dark h1 {
  color: #fff;
}

.deep-dark h3 {
  font-size: 17px;
  font-weight: normal;
  text-align: left;
  display: inline-block;
  color: #fff;
  margin: 0 0 0 1rem;
}

.sub {
  border: none;
  padding: 16px;
}

.subnav {
  min-height: 15em;
}

footer h4 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
}

footer ul {
  list-style-image: url("/img/list_style_arrow.png");
  margin-left: 20px;
  font-size: 10px;
}

.end {
  height: 4em;
  padding: 15px 10px 10px 20px;
  font-size: 16px;
  color: #fff;
}

.end ul {
  list-style-type: none;
  position: absolute;
  float: right;
  right: 20px;
  bottom: 6px;
}

.end ul li {
  display: inline-block;
  text-align: right
  /* position: absolute; */
  float: right;
  font-size: 16px;
  /* bottom: 20px; */
  padding-left: 0.2rem;
}

.end a {
  font-size: 1em;
}

/* === MEDIA-QUERIES === */

@media (max-width: 1280px) {

  .container {
    width: 1140px;
  }

  .col-125  { width: 16.666%; }

  .col-166  { width: 20%; }

  .col-375 {
    width: 16.666%;
  }
  .col-20 { width: 33.33%;
            height: 14.5rem;
  }

  .col-40 {
    width: 100%;
  }

  .subnav {
    min-height: 26rem;
  }

  #menu-placeholder {
    display: none;
  }

  .gliederung_v {
    width: 15%;
  }

  .untergliederung_v {
    width: 45%;
  }

  .illu_verkuendung {
    width: 40%;
  }


  .gliederung_2zu1 h3 {
    width: 58%;

  }


}

@media (max-width: 1200px) {

  .container {
    width: 960px;
  }

  .col-125  { width: 16.666%; }

  .col-375 {
    width: 16.666%;
  }

  .subnav {
    min-height: 26rem;
  }

  footer h4 {
    font-size: 14px;
  }

  .gliederung {
    width: 50%;
  }

  .untergliederung {
    width: 50%;
  }

  .gliederung_v {
    width: 15%;
  }

  .untergliederung_v {
    width: 55%;
  }

  .illu_verkuendung {
    width: 30%;
  }

  .gliederung_2zu1 h3 {
    width: 57.5%;

  }

}

@media (max-width: 1050px) {

  /* .subnav {
    display: none;
  }

  .submenue-dark {
    display: none;
  } */

  #menu0-active {
    background-image: url("/img/icon_portal_active.png");
    background-repeat: no-repeat;
    background-position: center 30%;
  }

  #menu0:hover {
  background-color: #eaeff6;
}


}

@media (max-width: 992px) {

  .container {
    width: 720px;
  }

  .col-125  { width: 16.666%; }

  .col-166 { width: 33.3%; }

  .col-375 {
    width: auto;
    visibility: hidden;
    border: none;
  }

  .col-20 { width: 33.33%;
            height: auto;
  }

  .col-40 { width: 100%;
            height: auto;
  }

  .gliederung {
    width: 100%;
    display: block
    position: relative;
  }

  .untergliederung {
    width: 100%;
    display: block;
  }

  .gliederung_s {
    width: 100%;
    display: block
    position: relative;
  }

  .untergliederung_s {
    width: 100%;
    display: block;
  }

  .gliederung_v {
    width: 25%;
  }

  .untergliederung_v {
    width: 75%;
  }

  .barrierefrei {
    width: 40%;
  }

  .socialmedia {
    width: 60%;
  }

  .barrierefrei a {
    padding: 0;
  }

  .socialmedia a {
    padding: 0;
  }

  .navbar-dark {
    height: 6.6em;
  }

  .illu_verkuendung {
    display: none;
  }

  .illu_letter {
    display: none;
  }

  .illu_question {
    display: none;
  }

  .illu_rss {
    display: none;
  }

  .illu_redaktion {
    display: none;
  }

  .illu_inhalt {
    display: none;
  }

  .illu_bekannt {
    display: none;
  }

  .illu_search {
    display: none;
  }

  .illu_suchergebnis {
    display: none;
  }

  .illu_leichtesprache {
    display: none;
  }

  .illu_gebaerdensprache {
    display: none;
  }

  .illu_barrierefrei {
    display: none;
  }

  .illu_kontakt {
    display: none;
  }

  .illu_befristung {
    display: none;
  }

  .illu_logo {
    width: 100% ;
  }


  .col-60c {
    width: 100%;
  }

  .gliederung_2zu1 {
    width: 100%;
  }

  .gliederung_2zu1 h3 {
    width: 94.5%;

  }

}

@media (max-width: 768px) {

  .container {
    width: 540px;
  }

  .col-60   { width: 100%; }

  .col-40   { width: 100%;
              height: 7rem;
  }

  .col-40b   { width: 100%;
              height: 7rem;

  }

  .col-25   { width: 100%; }

  .col-20   { width: 100%;
              max-height: 15rem;
  }

  .col-125  {
    width: 33.333%;
    border-bottom: 1px solid #eaeff6;
  }

  .col-375  {
    width: 33.333%;
    visibility: visible;
    border-right: 1px solid #efefef;
  }

  .aside {
    width: 100%;
  }

  .illu {
    width: 100%;
  }

  .subnav {
    height: 45rem;
  }

  .sub {
    /* margin-bottom: 80px; */
  }

  .end {
    height: auto;
  }

  .copyright {
    width: 100%;
    display: block;
  }

  .last-nav {
    width: 100%;
    display: block;
    min-height: 3em;
  }


  .navbar-dark {
    display: none;
  }

  .submenue-dark {
    display: none;
  }

  .desktop-nav {
    display: none;
  }

  .ministry img {
  position: static;
  }

  .slogan {
    text-align: center;
  }



  .gliederung_v {
    width: 100%;
  }

  .untergliederung_v {
    width: 100%;
  }

  .gliederung_2zu1 h3 {
    width: 92.5%;

  }

  .nav {
    display: block;
  }

  /* .col-40b { display: none; } */

  #navtop {
    display: none;
  }

  .ministry {
    display: none;
  }

  .slogan a {
    color: #3c506e;
    padding-left: 0;
  }

  .funct {
    padding-left: 9em;
  }

  #nav-icon2 {
    padding-left: 14em;
  }

  .returnbutton {
    left: 22em;
  }

  /* ul {

    display: block;

  } */

}

@media (max-width: 601px) {

  .container {
    max-width: 540px;
  }

  .col-60   { max-width: 100%; }

  .col-40   { max-width: 100%; }

  .col-25   { max-width: 100%; }

  .col-20   { width: 100%;
              max-height: 15rem; }

  .col-125  { max-width: 33.333%; }

  .col-375  {
    max-width: 33.333%;
    visibility: visible;
    border-right: 1px solid #efefef;
  }

  .aside {
    max-width: 100%;
  }

  .illu {
    max-width: 100%;
  }

  .subnav {
    height: 47rem;
  }

  .sub {
    /* margin-bottom: 80px; */
  }

  .end {
    height: auto;
  }

  .copyright {
    max-width: 100%;
    display: block;
  }

  .last-nav {
    max-width: 100%;
    display: block;
    min-height: 3em;
  }

  /* .subnav {
    display: none;
  } */





  .submenue-mobile-dark {
    /* height: 2.8em; */
    width: 100%;
    background-color: #3C506E;
    display: block;
  }

  #hamburgernav {
    display: block;
  }

}

@media (max-width: 560px) {

  .col-166  { width: 50%; }

  .container {
    width: 100%;

}

@media (max-width: 512px) {

  .funct {
    padding-left: 7em;
  }

  #nav-icon2 {
    padding-left: 14em;
  }

  .returnbutton {
    left: 12em;
  }

}

@media (max-width: 414px) {

  .container {
    width: 400px;
  }

  .col-60   { max-width: 100%; }

  .col-40   { max-width: 100%;
              height: 13rem;
  }

  .col-25   { max-width: 100%; }

  .col-125  { max-width: 33.333%; }

  .col-166  { width: 50%; }

  .col-375  {
    max-width: 33.333%;
    visibility: visible;
    border-right: 1px solid #efefef;
  }

  .aside {
    max-width: 100%;
  }

  .illu {
    max-width: 100%;
  }

  .subnav {
    height: 48rem;
  }

  .sub {
    /* margin-bottom: 80px; */
  }

  .end {
    height: auto;
  }

  .copyright {
    max-width: 100%;
    display: block;
  }

  .last-nav {
    max-width: 100%;
    display: block;
    min-height: 36px;
  }

  .end ul li {
    font-size: 13px;
  }

  .gliederung_2zu1 h3 {
    width: 90%;

  }

  /* .col-40b { display: none; } */

    .funct {
      padding-left: 5em;
    }

    #nav-icon2 {
      padding-left: 12em;
    }

    .returnbutton {
      left: 9em;
    }

    .slogan a {
      font-size: 1rem;
      margin-top: 0.7em;
    }

}


@media (max-width: 320px) {

  .container {
    max-width: 320px;
  }

  .col-60   { max-width: 100%; }

  .col-40   { max-width: 70%; }

  .col-25   { max-width: 100%; }

  .col-125  { max-width: 33.333%; }

  .col-375  {
    max-width: 33.333%;
    visibility: visible;
    border-right: 1px solid #efefef;
  }

  .aside {
    max-width: 100%;
  }

  .illu {
    max-width: 100%;
  }

  tr {
    width: 95%;
  }

  td {
    font-size: 0.8rem;
  }

  .ListeMitSep a {
    font-size: 0.8rem;
  }

  .panel {
    padding: 10px 0 7px 0;
  }

  .end {
    min-height: 7em;
  }

  .copyright {
    max-width: 100%;
    display: block;
    text-align: center;
  }

  .last-nav {
    max-width: 100%;
    display: block;
    height: 3em;
  }

  .end ul {
    margin: 0;
    right: 9px;
  }

  .end ul li {
    font-size: 13px;
    padding: 0 0 0 2.8px;
  }

  .slogan a {
    padding-left: 5.3em;
  }

  .returnbutton {
    left: 3.4em;
  }

  .funct {
    padding-left: 4.25em;
  }

  #nav-icon2 {
    padding-left: 11.2em;
  }

  /* .col-40b { display: none; } */

}