@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope&display=swap');*/
/* DDD */
/*#BBB;*/
html {
  font-size: 1rem; }

section#content {
  margin: 0 0 0px 0;
  padding: 15px 0 0 0; }
  section#content div#after-content {
    background: none; }
    section#content div#after-content > div.region.region-after-content {
      margin: 0 auto; }

@media only screen and (min-width: 960px) {
  #main #block-system-main {
    min-height: 380px; } }

#header {
  padding-top: 20px;
  height: 230px; }
  @media only screen and (max-width: 767px) {
    #header {
      height: 245px; } }
  @media only screen and (max-width: 1199px) {
    #header {
      height: 245px; } }
  #header div.container {
    width: 95%; }
    @media only screen and (min-width: 960px) {
      #header div.container {
        width: 960px; } }
  #header #logo {
    margin: 0;
    height: 130px;
    text-align: unset;
    float: none; }
    #header #logo a {
      display: block;
      width: 100%;
      height: 100%; }
    #header #logo img {
      height: 130px;
      width: auto;
      object-fit: contain; }
  #header #sprechblase {
    position: absolute;
    top: 34px;
    left: 125px;
    width: 110px;
    height: 50px;
    font-size: 11px;
    text-align: center; }

.element-default, div.baustelle, div.ckedit-box-grey, div.ckedit-box-ocre, div.img-ausgangsaufgabe,
div.img-left, div.img-left-text-middle,
div.img-right, div.img-right-text-middle, div.img-right-text-float, div.div-basisaufgabe-ori, div.div-basisaufgabe-2, div.div-basisaufgabe-3, div.div-aufgabe, div.div-aufgabe-2, div.div-aufgabe-3,
div.div-basisaufgabe, div.div-eigenaktivitaet, div.div-interview, div.img-img, div.img-gallery, div.box-exemplarisches-unterrichtsmaterial, .ckedit-box-green-outline, .ckedit-box-grey, div.hinweis, .box-image, div.verweis-navigator, div.verweis-kira-check, .box-image2, div.div-kira-achtung, .box-image3, div.div-piko-blumen, div.div-piko-kids, div.div-piko-zuhause, div.newsletter, div.news, div#region-content div.note,
div.note, div.collapse-fieldset-with-border, table.table {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.element-default-2times {
  margin-top: 0; }

*, ::after, ::before {
  /*box-sizing: border-box;*/ }

:root {
  --color-grey:#DDD;
  --color-grey-dark:#555;
  --color-bg-default: #FFF;
  --color-bg-active: #EFE9D9;
  --color-petrol: #327D87;
  --shadow: 5px 5px 5px 0px #AAA; }

#section-content, #content, #zone-content, #region-content {
  font-size: 16px;
  line-height: 1.5em; }

#section-content *, #content * {
  box-sizing: border-box;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

#zone-content {
  width: 985px; }

/*
#section-content h1, #content h1 {
    font-size:24px;
    margin:26px 0 24px 0;
}
#section-content h2, #content h2 {
    font-size:22px;
    margin:24px 0 22px 0;
}
#section-content h3, #content h3 {
    font-size:18px;
    margin:20px 0 18px 0;
}
#section-content h4, #content h4 {
    font-size:16px;
    margin:18px 0 16px 0;
}
#section-content h5, #content h5 {
    font-size:16px;
    margin:18px 0 16px 0;
}
#section-content h6, #content h6 {
    font-size:16px;
    margin:18px 0 16px 0;
}
*/
/***node*/
.hidden {
  display: none !important; }

span.ckplaybtn {
  background: url(/primafiles/uploads/ckplaybtn.png) no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: 300%;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block; }

img.icon-h {
  width: 50px;
  vertical-align: middle;
  margin: 0 10px 0 0; }

/***form*/
fieldset.collapse-text-fieldset > legend {
  display: block;
  width: 100%; }

fieldset.collapse-text-fieldset span.fieldset-legend a.fieldset-title {
  font-size: 16px !important;
  display: block; }

div.teaser-box {
  overflow: hidden;
  border-radius: 8px;
  -webkit-box-shadow: var(--shadow);
  -moz-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  /*border:1px solid var(--color-grey);*/
  border: 0;
  background-color: #FFF;
  margin: 0 auto 40px auto;
  width: 60%; }

body.cke_editable div.teaser-box a.collapse, body.cke_editable div.teaser-box a.collapse-close {
  display: none; }

div.teaser-box > div.content {
  padding: 10px; }

div.teaser-box > div.img {
  width: 100%;
  height: 90px;
  overflow: hidden; }

div.teaser-box > div.img > img {
  width: 100%;
  top: -20%;
  position: relative; }

div.teaser-box > div.content > div.collapse {
  display: none; }

/***ul*/
ul.download {
  margin: 10px 0; }

ul.download, ul.download > li {
  margin-left: 0 !important;
  list-style-image: none !important;
  list-style-type: none !important; }

ul.download {
  padding-left: 0 !important; }

ul.list-unstyled, ul.zzz-pagination-lr, ul.footer-branding {
  list-style-type: none;
  list-style-image: none; }

ul.list-inline > li, ul.footer-branding > li {
  display: inline-block; }

ul.menu-icon {
  width: auto;
  list-style-type: none !important;
  list-style-image: none !important;
  padding: 0 !important;
  display: flex;
  justify-content: center; }

ul.menu-icon-zzz {
  width: auto;
  list-style-type: none !important;
  list-style-image: none !important;
  background-color: #EEE;
  border-radius: 4px;
  padding: 15px;
  display: flex;
  justify-content: space-around; }

ul.menu-icon-zzz > li {
  width: 100px; }

ul.menu-icon > li {
  background-color: #EEE;
  width: 100px;
  flex-grow: 1; }

ul.menu-icon > li.bg-off {
  background-color: transparent; }

ul.menu-icon > li img {
  width: 100%; }

ul.menu-icon > li > a {
  display: block;
  padding: 20px; }

ul.menu-icon > li span {
  display: block;
  width: 100%;
  text-align: center; }

/***ol*/
/*
.node ol  {
    counter-reset: section;
    list-style-type: none !important;
}
.node ol ol {
    padding:0 0 0 25px;
    margin-bottom:0;
}
.node ol > li::before {
    counter-increment: section;
    content: counters(section,".") ". ";
}
*/
/*
ol  {
    counter-reset: section;
    list-style-type: none;
    list-style:none;
}
ol > li::before {
    counter-increment: section;
    content: counters(section,".") ". ";
}
*/
/*footer-branding*/
/***img*/
.image-content-box-wrap {
  padding: 0 !important; }

.ckedit-div-3sp {
  column-count: 3;
  text-align: justify;
  column-gap: 20px;
  hyphens: auto; }

div.info-box {
  padding: 0;
  margin: 0 0 10px 0;
  width: 100%;
  overflow: hidden;
  display: table; }

div.info-box > div {
  margin: 0;
  padding: 0; }

div.info-box > div.img {
  display: table-cell;
  vertical-align: middle;
  width: 130px; }

div.info-box > div.img > img {
  width: 90%; }

div.info-box > div.img.img120 > img {
  width: 120%; }

div.info-box > div.text {
  display: table-cell;
  padding-left: 15px; }

div.info-box > div.text ul, div.info-box > div.text ol {
  padding-left: 0; }

div.info-box > div.text li {
  color: #327D87;
  font-weight: bold; }

div.code {
  border: 1px solid #AAA;
  padding: 10px;
  line-height: 1.3em;
  font-family: sans-serif;
  font-size: 12px;
  width: 100%;
  height: 120px;
  overflow: auto; }

img.img-fluid {
  max-width: 100%;
  height: auto; }

img.w100 {
  width: 100%; }

/* bootstrap */
.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent; }

form.form-inline {
  overflow: hidden; }
  form.form-inline > div.form-row > * {
    margin-right: 0.5rem;
    display: inline;
    float: left; }
  form.form-inline > div.form-row input.form-text {
    width: 60%; }
  form.form-inline > div.form-row input.button {
    margin: 0; }
form#search-block-form #edit-submit--2 {
  float: right; }

form.node-form #edit-actions {
  position: relative; }
  form.node-form #edit-actions #edit-delete {
    position: absolute;
    bottom: 0;
    right: 0; }

form.webform-client-form div.webform-component, form.webform-client-form fieldset {
  overflow: hidden;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #F6F6F6;
  border: 1px solid #DDD; }
form.webform-client-form fieldset div.webform-component {
  border: none;
  padding: 0;
  margin-bottom: 10px; }
form.webform-client-form label {
  margin-bottom: 10px; }
form.webform-client-form div.description img {
  max-width: 60%;
  float: right; }
  @media screen and (max-width: 959px) {
    form.webform-client-form div.description img {
      width: 100%;
      float: none;
      display: block;
      max-width: 100%; } }
form.webform-client-form div.form-radios, form.webform-client-form div.form-checkboxes {
  margin-left: 0; }
form.webform-client-form legend {
  margin-bottom: 10px; }
  form.webform-client-form legend span.fieldset-legend {
    font-weight: bold; }
form.webform-client-form input, form.webform-client-form textarea, form.webform-client-form select {
  font-size: 14px; }
form.webform-client-form input[type="radio"], form.webform-client-form input[type="checkbox"] {
  margin: -4px 5px 0 0;
  line-height: normal; }
form.webform-client-form textarea {
  background-color: #FFF; }
form.webform-client-form div.grippie {
  background-color: #FFF;
  border: 1px solid #FFF; }
form.webform-client-form div.form-actions input {
  display: block;
  width: 100%; }

form.webform-client-form-1457 span.form-required {
  display: none; }

select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  appearance: menulist;
  border: none;
  outline: none;
  background-color: #fff; }

xxselect::after {
  font-family: fontello;
  content: "\f107";
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 10px;
  color: #000; }

select::-ms-expand {
  display: none; }

select:focus::-ms-value {
  background-color: transparent; }

h2.replaced-by-img {
  height: 0;
  width: 0;
  overflow: hidden;
  margin: 0;
  padding: 0; }

body.cke_editable h2.replaced-by-img {
  font-size: 0.8rem;
  height: auto;
  width: auto; }

body.cke_editable h2.replaced-by-img:before {
  content: "(versteckt)\A"; }

/***figure*/
figure {
  width: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0px solid var(--color-grey);
  padding: 0;
  position: relative;
  display: block; }
  figure > br, figure > p {
    display: none; }

figure.center {
  margin-left: auto;
  margin-right: auto; }

figure.center > figcaption {
  text-align: center; }

figure.w12 {
  width: 12.5%; }
  @media screen and (max-width: 767px) {
    figure.w12 {
      width: 100%; } }
  @media screen and (max-width: 959px) {
    figure.w12 {
      width: 75%; } }

figure.w25 {
  width: 25%; }
  @media screen and (max-width: 959px) {
    figure.w25 {
      width: 100%; } }

figure.w50 {
  width: 50%; }
  @media screen and (max-width: 959px) {
    figure.w50 {
      width: 100%; } }

figure.w75 {
  width: 75%; }
  @media screen and (max-width: 959px) {
    figure.w75 {
      width: 100%; } }

figure.w100 {
  width: 100%; }

figcaption {
  font-size: 15px;
  color: #777;
  margin: 0; }
  figcaption > br {
    display: none; }
  figcaption > h2 {
    text-align: left;
    margin: 0 !important;
    padding: 0 !important; }

figcaption.overlay {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
  position: absolute;
  bottom: 30px;
  width: 100%; }

figcaption::before {
  content: none; }

figure.image > a > img {
  width: 100%;
  height: auto;
  margin: 0; }
figure.image > img {
  width: 100%;
  height: auto;
  margin: 0; }

img.gifplayer {
  cursor: pointer;
  position: relative;
  display: block; }

span.gifplayer-btn {
  cursor: pointer;
  position: absolute;
  background-image: url("/primafiles/uploads/ckplaybtn.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 300%;
  opacity: 0.7; }

span.gifplayer-btn.animated {
  display: none; }

img.stempel-fachoffensive, img.stempel-foedima {
  position: absolute;
  z-index: 100;
  height: 75px; }

/*
https://pikas-digi.dzlm.de/sites/pikasdg/themes/goodnex/css/skeleton.css
*/
.container .twelve.columns, .container .sixteen.columns {
  width: 100%; }

#wrapper {
  /*padding:0 10px;*/ }

#main {
  width: 100%; }

@media only screen and (max-width: 480px) {
  .d-xs-none {
    display: none !important; }

  #main {
    width: 100%; }

  #content > div#after-content > div.region.region-after-content {
    width: 95%; }

  #content {
    margin-bottom: 0 !important; }

  #content .container {
    width: 95%; }

  .container .twelve.columns, .container .sixteen.columns {
    width: 100% !important; }

  form#search-block-form input#edit-submit {
    display: none; }

  .hide-xs {
    display: none; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .d-xs-none {
    display: none !important; }

  #main {
    width: 100%; }

  #content > div#after-content > div.region.region-after-content {
    width: 95%; }

  #content {
    margin-bottom: 0 !important; }

  .container {
    width: 95%; }

  .container .twelve.columns, .container .sixteen.columns {
    width: 100% !important; }

  div#block-search-form {
    float: left;
    margin: 2em 1em 0em 0; }

  form#search-block-form input#edit-submit {
    display: none; }

  zzz.container {
    width: 460px; }

  .hide-xs {
    display: none; } }
@media only screen and (max-width: 959px) {
  #content {
    margin-bottom: 0 !important; } }
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .d-sm-none {
    display: none !important; }

  #main {
    width: 748px; }

  #content > div#after-content > div.region.region-after-content {
    width: 748px; }

  #content {
    margin-bottom: 0 !important; }

  /*div#block-search-form {
      float: left;
      margin: 1em 1em 0em 0;
  }*/
  /*.navigation ul ul {
      position: absolute;
      z-index: 100;
      margin-top: 3em;
  }*/
  .container {
    width: 748px; }

  .container .eight.columns {
    width: 370px; }

  .hide-sm {
    display: none; } }
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .d-md-none {
    display: none !important; }

  #main {
    width: 700px; }

  #content > div#after-content > div.region.region-after-content {
    width: 960px; }

  .container {
    width: 960px;
    /*820*/ } }
@media only screen and (min-width: 1200px) {
  .d-lg-none {
    display: none !important; }

  #main {
    /*width: $screen-lg-min - $sidebar-width - 40px;*/
    width: 700px; }

  #content > div#after-content > div.region.region-after-content {
    width: 960px; }

  .container {
    width: 960px; }

  zzz.container {
    width: 1180px; } }
/*.container .twelve.columns, .container .sixteen.columns {
    width: 920px;
}*/
.row, div.presenter-items, div.img-img, div.img-gallery, div.list-personen, div.list-events > div.event_old, div.event, div.header > div.text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }

div.row-test {
  background-color: #555; }

div.row-test > div {
  background-color: #EEE; }

.no-gutters, div.header > div.text {
  margin-right: 0;
  margin-left: 0; }

.no-gutters > .col, div.header > div.text > .col,
.no-gutters > [class*="col-"],
div.header > div.text > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, div.card-3, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, div.card-6, div.header > div.text > div.text, .col,
.col-auto, .col-sm-1, .col-sm-2, div.img-gallery.gallery-6 > figure, div.list-events > div.event_old > div.event-date, .col-sm-3, div.img-gallery > figure, div.img-gallery.gallery-4 > figure, div.event div.kalender, .col-sm-4, div.card-3, div.img-gallery.gallery-3 > figure, .col-sm-5, .col-sm-6, div.card-6, div.presenter-items > div.presenter-item, div.img-img > div.img1, div.img-img > div.img2, div.img-img > figure, div.img-gallery.gallery-2 > figure, div.list-personen > div.person, .col-sm-7, .col-sm-8, .col-sm-9, div.event div.text, div.event div.collapse, .col-sm-10, div.list-events > div.event_old > div.event-info, .col-sm-11, .col-sm-12, div.list-personen > div.person.person-row, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, div.card-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0; }

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  -ms-flex: 0 0 8.33%;
  flex: 0 0 8.33%;
  max-width: 8.33%; }

.col-2 {
  -ms-flex: 0 0 16.66%;
  flex: 0 0 16.66%;
  max-width: 16.66%; }

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%; }

.col-6, div.card-3 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%; }

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%; }

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -ms-flex: 0 0 83.33%;
  flex: 0 0 83.33%;
  max-width: 83.33%; }

.col-11 {
  -ms-flex: 0 0 91.66%;
  flex: 0 0 91.66%;
  max-width: 91.66%; }

.col-12, div.card-6, div.header > div.text > div.text {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  -ms-flex-order: -1;
  order: -1; }

.order-last {
  -ms-flex-order: 13;
  order: 13; }

.order-0 {
  -ms-flex-order: 0;
  order: 0; }

.order-1 {
  -ms-flex-order: 1;
  order: 1; }

.order-2 {
  -ms-flex-order: 2;
  order: 2; }

.order-3 {
  -ms-flex-order: 3;
  order: 3; }

.order-4 {
  -ms-flex-order: 4;
  order: 4; }

.order-5 {
  -ms-flex-order: 5;
  order: 5; }

.order-6 {
  -ms-flex-order: 6;
  order: 6; }

.order-7 {
  -ms-flex-order: 7;
  order: 7; }

.order-8 {
  -ms-flex-order: 8;
  order: 8; }

.order-9 {
  -ms-flex-order: 9;
  order: 9; }

.order-10 {
  -ms-flex-order: 10;
  order: 10; }

.order-11 {
  -ms-flex-order: 11;
  order: 11; }

.order-12 {
  -ms-flex-order: 12;
  order: 12; }

.offset-1 {
  margin-left: 8.333333%; }

.offset-2 {
  margin-left: 16.666667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.333333%; }

.offset-5 {
  margin-left: 41.666667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.333333%; }

.offset-8 {
  margin-left: 66.666667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.333333%; }

.offset-11 {
  margin-left: 91.666667%; }

@media (min-width: 768px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-sm-2, div.img-gallery.gallery-6 > figure, div.list-events > div.event_old > div.event-date {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-sm-3, div.img-gallery > figure, div.img-gallery.gallery-4 > figure, div.event div.kalender {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-sm-4, div.card-3, div.img-gallery.gallery-3 > figure {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-sm-6, div.card-6, div.presenter-items > div.presenter-item, div.img-img > div.img1, div.img-img > div.img2, div.img-img > figure, div.img-gallery.gallery-2 > figure, div.list-personen > div.person {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-sm-9, div.event div.text, div.event div.collapse {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-sm-10, div.list-events > div.event_old > div.event-info {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-sm-12, div.list-personen > div.person.person-row {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .order-sm-first {
    -ms-flex-order: -1;
    order: -1; }

  .order-sm-last {
    -ms-flex-order: 13;
    order: 13; }

  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0; }

  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1; }

  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2; }

  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3; }

  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4; }

  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5; }

  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6; }

  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7; }

  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8; }

  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9; }

  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10; }

  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11; }

  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12; }

  .offset-sm-0 {
    margin-left: 0; }

  .offset-sm-1 {
    margin-left: 8.333333%; }

  .offset-sm-2 {
    margin-left: 16.666667%; }

  .offset-sm-3, div.event div.collapse {
    margin-left: 25%; }

  .offset-sm-4 {
    margin-left: 33.333333%; }

  .offset-sm-5 {
    margin-left: 41.666667%; }

  .offset-sm-6 {
    margin-left: 50%; }

  .offset-sm-7 {
    margin-left: 58.333333%; }

  .offset-sm-8 {
    margin-left: 66.666667%; }

  .offset-sm-9 {
    margin-left: 75%; }

  .offset-sm-10 {
    margin-left: 83.333333%; }

  .offset-sm-11 {
    margin-left: 91.666667%; } }
@media (min-width: 960px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-md-3, div.card-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .order-md-first {
    -ms-flex-order: -1;
    order: -1; }

  .order-md-last {
    -ms-flex-order: 13;
    order: 13; }

  .order-md-0 {
    -ms-flex-order: 0;
    order: 0; }

  .order-md-1 {
    -ms-flex-order: 1;
    order: 1; }

  .order-md-2 {
    -ms-flex-order: 2;
    order: 2; }

  .order-md-3 {
    -ms-flex-order: 3;
    order: 3; }

  .order-md-4 {
    -ms-flex-order: 4;
    order: 4; }

  .order-md-5 {
    -ms-flex-order: 5;
    order: 5; }

  .order-md-6 {
    -ms-flex-order: 6;
    order: 6; }

  .order-md-7 {
    -ms-flex-order: 7;
    order: 7; }

  .order-md-8 {
    -ms-flex-order: 8;
    order: 8; }

  .order-md-9 {
    -ms-flex-order: 9;
    order: 9; }

  .order-md-10 {
    -ms-flex-order: 10;
    order: 10; }

  .order-md-11 {
    -ms-flex-order: 11;
    order: 11; }

  .order-md-12 {
    -ms-flex-order: 12;
    order: 12; }

  .offset-md-0 {
    margin-left: 0; }

  .offset-md-1 {
    margin-left: 8.333333%; }

  .offset-md-2 {
    margin-left: 16.666667%; }

  .offset-md-3 {
    margin-left: 25%; }

  .offset-md-4 {
    margin-left: 33.333333%; }

  .offset-md-5 {
    margin-left: 41.666667%; }

  .offset-md-6 {
    margin-left: 50%; }

  .offset-md-7 {
    margin-left: 58.333333%; }

  .offset-md-8 {
    margin-left: 66.666667%; }

  .offset-md-9 {
    margin-left: 75%; }

  .offset-md-10 {
    margin-left: 83.333333%; }

  .offset-md-11 {
    margin-left: 91.666667%; } }
@media (min-width: 1200px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .order-lg-first {
    -ms-flex-order: -1;
    order: -1; }

  .order-lg-last {
    -ms-flex-order: 13;
    order: 13; }

  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0; }

  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1; }

  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2; }

  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3; }

  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4; }

  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5; }

  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6; }

  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7; }

  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8; }

  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9; }

  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10; }

  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11; }

  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12; }

  .offset-lg-0 {
    margin-left: 0; }

  .offset-lg-1 {
    margin-left: 8.333333%; }

  .offset-lg-2 {
    margin-left: 16.666667%; }

  .offset-lg-3 {
    margin-left: 25%; }

  .offset-lg-4 {
    margin-left: 33.333333%; }

  .offset-lg-5 {
    margin-left: 41.666667%; }

  .offset-lg-6 {
    margin-left: 50%; }

  .offset-lg-7 {
    margin-left: 58.333333%; }

  .offset-lg-8 {
    margin-left: 66.666667%; }

  .offset-lg-9 {
    margin-left: 75%; }

  .offset-lg-10 {
    margin-left: 83.333333%; }

  .offset-lg-11 {
    margin-left: 91.666667%; } }
@media (min-width: 1450px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .order-xl-first {
    -ms-flex-order: -1;
    order: -1; }

  .order-xl-last {
    -ms-flex-order: 13;
    order: 13; }

  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0; }

  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1; }

  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2; }

  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3; }

  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4; }

  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5; }

  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6; }

  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7; }

  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8; }

  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9; }

  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10; }

  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11; }

  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12; }

  .offset-xl-0 {
    margin-left: 0; }

  .offset-xl-1 {
    margin-left: 8.333333%; }

  .offset-xl-2 {
    margin-left: 16.666667%; }

  .offset-xl-3 {
    margin-left: 25%; }

  .offset-xl-4 {
    margin-left: 33.333333%; }

  .offset-xl-5 {
    margin-left: 41.666667%; }

  .offset-xl-6 {
    margin-left: 50%; }

  .offset-xl-7 {
    margin-left: 58.333333%; }

  .offset-xl-8 {
    margin-left: 66.666667%; }

  .offset-xl-9 {
    margin-left: 75%; }

  .offset-xl-10 {
    margin-left: 83.333333%; }

  .offset-xl-11 {
    margin-left: 91.666667%; } }
.btn:not(:disabled):not(.disabled), a.link-email:not(:disabled):not(.disabled), a.link-tel:not(:disabled):not(.disabled), a.link-email-error:not(:disabled):not(.disabled) {
  cursor: pointer; }

.btn, a.link-email, a.link-tel, a.link-email-error {
  text-decoration: none;
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.btn:hover, a.link-email:hover, a.link-tel:hover, a.link-email-error:hover {
  color: #212529;
  text-decoration: none !important;
  transform: scale(1.06);
  z-index: 10; }

.btn-light {
  color: var(--color-font-light);
  background-color: var(--color-light-bg);
  border-color: var(--color-light-border); }

.btn-light:hover {
  color: var(--color-font-light);
  background-color: var(--color-light-bg-hover);
  border-color: var(--color-light-border-hover); }

.btn-error, a.link-email-error {
  color: #ff0000 !important;
  background-color: #ffcccc;
  border-color: #ff0000; }

.btn-error:hover, a.link-email-error:hover {
  color: #ffcccc !important;
  background-color: #ff0000;
  border-color: #ffcccc; }

.btn-block-center, a.link-email, a.link-tel {
  display: block;
  margin: 0 auto;
  width: 330px; }

.button {
  padding: 8px 20px 8px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.button:hover {
  text-decoration: none; }

.btn-inline, a.link-email-error {
  float: none !important;
  margin: 0 0.5rem; }

.button-error {
  color: #ff0000 !important;
  background-color: #ffcccc !important;
  border-color: #ff0000 !important; }

.button-error:hover {
  color: #ffcccc !important;
  background-color: #ff0000 !important;
  border-color: #ffcccc !important; }

.button.default, .btn.btn-default, a.link-email, a.link-tel, a.btn-default.link-email-error {
  background-color: #e5e5e5 !important;
  color: #327D87 !important; }

.button.default:hover, .btn.btn-default:hover, a.link-email:hover, a.link-tel:hover, a.btn-default.link-email-error:hover {
  background-color: #327D87 !important;
  color: #e5e5e5 !important; }

.button.button-block {
  float: none;
  display: block; }

.todo, .like-todo, .visible-admin {
  display: none !important; }

body.admin-menu .visible-admin, body.admin-menu .like-todo, body.admin-menu .todo, body.cke_editable .visible-admin, body.cke_editable .like-todo, body.cke_editable .todo {
  display: block !important;
  border: 2px solid #ff0000 !important; }

body.admin-menu .like-todo, body.admin-menu .todo, body.admin-menu body.cke_editable .todo {
  background-color: #ffcccc;
  font-size: 0.8rem;
  padding: 0;
  margin: 0.5rem 0; }
body.admin-menu .todo, body.admin-menu .visible-admin {
  padding: 0; }
  body.admin-menu .todo::after, body.admin-menu .visible-admin::after {
    content: "dieser Bereich ist nur für Redakteur:innen sichtbar";
    display: block;
    font-size: 0.8rem;
    color: #FFF;
    padding: 0.25rem;
    line-height: 100%;
    background-color: #ff0000; }
body.admin-menu div.error-text {
  background-color: #ff0000;
  padding: 0.25rem 0.5rem;
  color: #FFF;
  margin: 0; }
body.admin-menu .error-emphasize {
  padding: 0.5rem !important;
  border: 1px solid #ff0000 !important;
  display: block;
  margin-top: 0 !important; }
body.admin-menu .todo {
  position: relative; }
  body.admin-menu .todo::before {
    content: "Todo:";
    display: block;
    font-size: 0.8rem;
    padding: 0.5rem;
    color: #FFF;
    background-color: #ff0000;
    position: relative;
    top: 0;
    left: 0; }
  body.admin-menu .todo.todo-info::before {
    content: "Info:"; }
  body.admin-menu .todo.todo-error::before {
    content: "kritischer Fehler:"; }
  body.admin-menu .todo.todo-error.todo-error-img-small::before {
    content: "kritischer Fehler: Das Bild ist sehr klein und der Text ist schlecht zu lesen"; }
  body.admin-menu .todo.todo-error.todo-img-small::before {
    content: "kritischer Fehler: Das Bild ist sehr klein und der Text ist schlecht zu lesen"; }
body.admin-menu .element-error {
  position: relative;
  border: 1px solid #ff0000 !important; }
  body.admin-menu .element-error::before {
    content: "Dieses Element enthält einen Fehler";
    display: block;
    font-size: 0.8rem;
    padding: 0.5rem;
    color: #FFF;
    background-color: #ff0000;
    position: relative;
    top: 0;
    left: 0; }
  body.admin-menu .element-error::after {
    content: "dieser Bereich ist nur für Redakteur:innen sichtbar";
    display: block;
    font-size: 0.8rem;
    color: #FFF;
    padding: 0.25rem;
    line-height: 100%;
    background-color: #ff0000; }
  body.admin-menu .element-error.error-img-small::before {
    content: "kritischer Fehler: Das Bild ist sehr klein und der Text ist schlecht zu lesen"; }

.alert-ok {
  border: 1px solid #155724;
  background-color: #d4edda;
  padding: 1rem;
  margin: 1rem 0; }

div.baustelle {
  background-image: url(/pikasfiles/uploads/images/pikos/piko_schaufel.png);
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 120px;
  padding: 20px 20px 20px 140px;
  min-height: 140px; }

#main ul, #main ol,
#content ul, #content ol {
  /*margin: 15px 0 15px 40px;*/
  margin: 0.125rem 0 0.5rem 2rem;
  list-style-position: outside; }

#main ul {
  list-style-type: disc; }

#main ul > li, #main ol > li {
  padding: 0;
  margin-bottom: 0.25rem; }

#main ol.list-alpha {
  counter-reset: list; }
  #main ol.list-alpha > li:before {
    counter-increment: list;
    content: counter(list,lower-alpha) ") ";
    position: absolute;
    left: -1.4em; }
  #main ol.list-alpha > li {
    list-style: none;
    position: relative; }

body.cke_editable ol.list-overview,
body.cke_editable ol.list-additional-information,
body.cke_editable ol.list-info-box {
  margin: 15px 0 15px 20px; }

body.cke_editable ol.list-additional-information:before {
  content: "Liste: Weitere Informationen (wird automatisch formatiert)"; }

body.cke_editable ol.list-info-box:before {
  content: "Liste: Info-Box (wird automatisch formatiert)"; }

body.cke_editable ol.list-overview:before {
  content: "Liste: Überblick (wird automatisch formatiert)"; }

xxx.node ol.list-additional-information {
  background-image: url(/pikasfiles/uploads/images/pfeile/pfeil.png); }

.node ol.list-info-box {
  margin: 0 0 15px 0;
  min-height: 85px;
  background-position: left center;
  padding-left: 145px;
  background-repeat: no-repeat;
  background-size: 85px; }

.node ol.list-overview > li,
.node ol.list-additional-information > li,
.node ol.list-info-box > li {
  vertical-align: middle; }

ol.list-overview a,
ol.list-additional-information a,
ol.list-info-box a {
  /*font-weight: bold;*/ }

.node ol.list-info-box {
  background-image: url(/kirafiles/uploads/images/icons/info-1.png); }

.node ol.list-overview {
  list-style-type: none;
  margin: 5px 0;
  padding: 0; }

.node ol.list-overview > li {
  margin: 3px 0; }

.node ol.list-additional-information {
  list-style-type: disc; }

#region-content fieldset.cl-literatur,
#main fieldset.cl-literatur {
  border: none;
  padding: 0; }

#main fieldset.cl-hintergrundinformationen ul,
#region-content fieldset.cl-literatur ul,
#main fieldset.cl-literatur ul {
  list-style-type: none !important;
  list-style-image: none !important; }

#main fieldset.cl-hintergrundinformationen ul li,
#region-content fieldset.cl-literatur ul li,
#main fieldset.cl-literatur ul li {
  text-indent: -18px;
  margin: 0 0 5px 0; }

blockquote {
  color: #777;
  font-weight: 400;
  font-size: 1rem;
  margin: 15px 0 20px 0;
  background-position: 0 24px;
  padding: 20px 0 20px 50px;
  background-image: url(/sites/pikasdg/themes/goodnex/images/icons/quotes.png);
  font-style: italic;
  background-repeat: no-repeat; }

zzzblockquote {
  background-position: 0 8px;
  background-repeat: no-repeat;
  background-color: #EEE;
  color: #777;
  font-weight: 400;
  font-size: 16px;
  padding: 3px 30px 3px 55px;
  background-position: 13px 13px;
  font-style: italic;
  margin: 15px 0; }

blockquote > footer {
  /*border-top:1px solid $color-grey;*/
  margin-top: 5px;
  color: #000;
  text-align: right;
  font-size: 0.9rem;
  font-style: normal; }

blockquote > footer > br {
  display: none; }

.cke-element, body.cke_editable div.list-events > div.event > div {
  border: 1px dotted #ff0000;
  padding: 0 0 0.25rem 0;
  margin: 0.25rem 0; }
  .cke-element .cke-element, body.cke_editable div.list-events > div.event > div .cke-element, .cke-element body.cke_editable div.list-events > div.event > div, body.cke_editable .cke-element div.list-events > div.event > div, body.cke_editable div.list-events > div.list-events.event > div.event > div {
    border-top: none;
    border-bottom: none; }

.cke-main-element, body.cke_editable div.list-events, body.cke_editable div.list-events > div.event, body.cke_editable div.event {
  border: 2px solid #ff0000;
  margin: 0.5rem 0;
  padding: 0.25rem; }

.cke-label-xxx {
  display: block;
  width: 100%;
  padding: 0.1rem;
  color: #ff0000;
  font-size: 1.25rem; }

.cke-label, body.cke_editable div.collapse::before, body.cke_editable div.list-events::before, body.cke_editable div.list-events > div.event::before, body.cke_editable div.list-events > div.event > div.date::before, body.cke_editable div.list-events > div.event > div.title::before, body.cke_editable div.list-events > div.event > div.text::before, body.cke_editable div.event::before, body.cke_editable div.event div.kalender div.jahr::before, body.cke_editable div.event div.kalender div.monat::before, body.cke_editable div.event div.kalender div.tag::before, body.cke_editable div.event div.text div.typ::before, body.cke_editable div.event div.text div.titel::before {
  display: block;
  width: 100%;
  padding: 0.1rem;
  margin-bottom: 0.25rem;
  font-size: 1rem;
  background-color: #ff0000;
  color: #FFF; }

.cke-input, body.cke_editable div.collapse, body.cke_editable div.event div.kalender div.jahr, body.cke_editable div.event div.kalender div.monat, body.cke_editable div.event div.kalender div.tag, body.cke_editable div.event div.text div.typ, body.cke_editable div.event div.text div.titel {
  border: 1px dotted #ff0000;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0.1rem 0;
  padding: 0.1rem;
  color: #000;
  background-color: #eee;
  font-size: 1rem;
  letter-spacing: normal;
  height: auto;
  min-height: 1rem;
  position: relative;
  top: 0;
  text-transform: none; }

.cke-inputx {
  border: 1px dotted #ff0000 !important;
  display: block !important;
  width: 100% !important;
  text-align: left;
  padding: 0.1rem !important;
  color: #000 !important;
  background-color: #eee !important;
  font-size: 1rem !important;
  letter-spacing: normal; }

body.cke_editable {
  background-color: #FEFEFE !important; }
  body.cke_editable > *.zzz {
    border: 2px dotted #000;
    margin: 10px;
    padding: 10px;
    background-color: #FFF;
    line-height: 24px; }
    body.cke_editable > *.zzz > *.zzz {
      border: 1px dotted #000;
      margin: 1px 10px;
      padding: 1px 10px;
      background-color: #FFF;
      line-height: 24px; }
  body.cke_editable .a-default {
    cursor: auto; }
  body.cke_editable .automatisch-formatiert, body.cke_editable div.baustelle, body.cke_editable ol.list-overview,
  body.cke_editable ol.list-additional-information,
  body.cke_editable ol.list-info-box, body.cke_editable div.tabs.tabs-lang, body.cke_editable figure::before, body.cke_editable .quelle, body.cke_editable div-aufgabe-3,
  body.cke_editable div-aufgabe-2,
  body.cke_editable div-aufgabe, body.cke_editable div.box-image, body.cke_editable div.verweis-navigator, body.cke_editable div.verweis-kira-check, body.cke_editable ul.pagination-lr {
    display: block;
    width: 100%;
    margin: 15px 0;
    padding: 10px;
    border: 3px dotted #ff0000;
    background-color: #ffcccc;
    background-image: none;
    white-space: pre-line;
    line-height: 1.4em; }
  body.cke_editable .automatisch-formatiert::before, body.cke_editable div.baustelle::before, body.cke_editable ol.list-overview::before,
  body.cke_editable ol.list-additional-information::before,
  body.cke_editable ol.list-info-box::before, body.cke_editable div.tabs.tabs-lang::before, body.cke_editable figure::before, body.cke_editable .quelle::before, body.cke_editable div-aufgabe-3::before,
  body.cke_editable div-aufgabe-2::before,
  body.cke_editable div-aufgabe::before, body.cke_editable div.box-image::before, body.cke_editable div.verweis-navigator::before, body.cke_editable div.verweis-kira-check::before, body.cke_editable ul.pagination-lr::before {
    content: "(wird automatisch formatiert)\A"; }
  body.cke_editable div.collapse-old {
    display: block;
    border: 2px dotted red;
    padding: 10px;
    margin: 10px;
    background-color: var(--color-grey);
    height: auto; }
  body.cke_editable div.collapse::before {
    content: "Collapse-Inhalt:\A"; }
  body.cke_editable div.list-events::before {
    content: "Event-Liste"; }
  body.cke_editable div.list-events > div.event::before {
    content: "Event (wird automatisch formatiert)"; }
  body.cke_editable div.list-events > div.event > div.date::before {
    content: "Bezeichnung | Datum Ort"; }
  body.cke_editable div.list-events > div.event > div.title {
    font-size: 1.5rem; }
    body.cke_editable div.list-events > div.event > div.title::before {
      content: "Titel"; }
  body.cke_editable div.list-events > div.event > div.text::before {
    content: "Text"; }
  body.cke_editable div.event::before {
    content: "Event (wird automatisch formatiert)"; }
  body.cke_editable div.event div.kalender {
    height: auto;
    min-height: 0;
    background: none; }
    body.cke_editable div.event div.kalender div.jahr::before {
      content: "Jahr"; }
    body.cke_editable div.event div.kalender div.monat::before {
      content: "Monat"; }
    body.cke_editable div.event div.kalender div.tag::before {
      content: "Tag"; }
  body.cke_editable div.event div.collapse-toggle {
    display: none; }
  body.cke_editable div.event div.text div.typ::before {
    content: "Typ"; }
  body.cke_editable div.event div.text div.titel::before {
    content: "Titel"; }
  body.cke_editable div.tabs ul.nav {
    display: none; }
  body.cke_editable div.tabs ul.nav-show {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0; }
    body.cke_editable div.tabs ul.nav-show > li.nav-item a {
      background-color: transparent;
      color: #327D87;
      display: block;
      padding: 0.75rem 0.75rem;
      font-size: 1rem;
      text-decoration: none;
      border: 1px solid #ff0000; }
      body.cke_editable div.tabs ul.nav-show > li.nav-item a.active {
        color: #000; }
  body.cke_editable div.tabs div.tab-content {
    display: block;
    margin: 0;
    padding: 0; }
    body.cke_editable div.tabs div.tab-content div.tab-pane {
      display: block;
      margin: 0.5rem 0;
      padding: 0.5rem;
      border: 1px solid #ff0000; }
    body.cke_editable div.tabs div.tab-content div.tab-pane::before {
      content: attr(aria-labelledby); }
  body.cke_editable div.tabs.tabs-lang::before {
    content: "Tabs-Element mehrsprachig\A";
    color: red;
    font-weight: bold; }
  body.cke_editable p.todo {
    display: block; }
  body.cke_editable .quelle::before {
    content: "Quelle: "; }
  body.cke_editable figure {
    width: 20%; }
    body.cke_editable figure.w50 {
      width: 25%; }
    body.cke_editable figure.w75 {
      width: 30%; }
    body.cke_editable figure.w100 {
      width: 35%; }
    body.cke_editable figure > img {
      width: 100%;
      position: relative; }
    body.cke_editable figure.left > img {
      left: 0; }
    body.cke_editable figure.right > img {
      right: 0; }
    body.cke_editable figure.center > img {
      left: 30%; }
  body.cke_editable figure::before {
    width: 100%;
    content: "Das Bild hat nach Einfügen eine Breite von 75%. Mögliche Werte sind: 25%, 50%, 75% und 100%. Änderungen können leider nur im Quelltext vorgenommen werden oder kurze Mail an Mirko.\AQuelltext: <figure class='image w[25,50,75,100] center \A(Das Bild wird hier im Editor wegen der besseren Übersicht kleiner dargestellt)"; }

/* cke_panel_list Absatzformate */
/* IMCE */
/* hide inline preview images */
div#imce-content table#file-list img {
  display: none; }

div#imce-content #preview-wrapper {
  background-color: #DDD; }

#sidebar {
  position: sticky;
  padding: 0;
  /*
  @media only screen and (min-width: $screen-xs-min) and (max-width: $screen-xs-max) {
      position: relative;
      width:100%;
      padding:0;
      margin: 0 0 15px 0;
  }
  @media only screen and (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
      position: relative;
      width:100%;
      padding:0;
      margin: 0 0 15px 0;
  }
  @media only screen and (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
      position: relative;
      width:100%;
      padding:0;
      margin: 0 0 15px 0;
  }
  */
  /*
  @media only screen and (min-width: $screen-md-min) and (max-width: $screen-md-max) {
      position: relative;
      width:100%;
      padding:0;
      margin: 0 0 15px 0;
  }
  */ }
  @media only screen and (max-width: 959px) {
    #sidebar {
      position: relative !important;
      width: 100%;
      padding: 0;
      margin: 0 0 15px 0; } }
  #sidebar div.block-menu-block h2 {
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 12px;
    color: #327D87; }

body.admin-menu #sidebar {
  top: 40px; }

#section-content #sidebar h1,
#content #sidebar h1,
#section-content #sidebar h2,
#content #sidebar h2 {
  text-align: left; }

#sidebar div.region-sidebar-left span.nice-menu-show-title,
#sidebar div.block-table-of-contents h2 {
  font-size: 1rem;
  margin-bottom: 12px; }

#sidebar ul.toc-node-bullets,
#sidebar ul.anchor-list,
#sidebar ul.menu,
#sidebar ul.nice-menu {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#sidebar ul.menu ul.menu {
  margin-left: 12px; }

#sidebar ul.menu ul.menu ul.menu {
  margin-left: 12px; }

#sidebar li.expanded li[class*="menu-mlid-"] {
  margin-left: 0; }

#sidebar ul.toc-node-bullets li,
#sidebar ul.anchor-list li,
#sidebar ul.menu li,
#sidebar ul.nice-menu li {
  list-style-type: none;
  background-image: none; }

#sidebar ul.toc-node-bullets li.toc-node-level-1 {
  padding: 0; }

#sidebar ul.toc-node-bullets li.toc-node-level-2 {
  padding: 0 0 0 15px; }

#sidebar ul.toc-node-bullets li.active-trail > a,
#sidebar ul.anchor-list li.active-trail > a,
#sidebar ul.menu li.active-trail > a, #sidebar ul.menu li.active-trail > span,
#sidebar ul.nice-menu li.active-trail > a, #sidebar ul.nice-menu li.active-trail > span {
  color: #327D87 !important; }

#sidebar ul.toc-node-bullets > li,
#sidebar ul.menu > li,
#sidebar ul.nice-menu > li,
#sidebar ul.anchor-list > li {
  line-height: 1.4;
  text-transform: none;
  margin: 3px 0 3px 0; }

#sidebar ul.toc-node-bullets > li > a,
#sidebar ul.menu > li > a,
#sidebar ul.nice-menu > li > a,
#sidebar ul.anchor-list > li > a {
  display: block;
  font-weight: 600;
  padding: 3px 0;
  color: #000; }

#sidebar ul.toc-node-bullets > li > a.active,
#sidebar ul.toc-node-bullets > li > a:hover,
#sidebar ul.menu > li > a.active,
#sidebar ul.menu > li > a:hover,
#sidebar ul.nice-menu > li > a.active,
#sidebar ul.nice-menu > li > a:hover,
#sidebar ul.anchor-list > li > a:hover {
  text-decoration: none;
  color: #327D87 !important; }

#sidebar li.expanded li[class*="menu-mlid-"] {
  list-style-type: none; }

#region-sidebar-second {
  width: 260px; }

#region-sidebar-second h2.block-title {
  margin: 0;
  padding: 5px 0; }

#region-sidebar-second div.menu-block-wrapper ul.menu {
  /*list-style-type: none;*/
  margin: 5px 0; }

#region-sidebar-second div.menu-block-wrapper ul.menu ul.menu {
  margin-left: 8px; }

#region-sidebar-second div.menu-block-wrapper ul.menu ul.menu ul.menu {
  margin-left: 8px; }

#region-sidebar-second div.menu-block-wrapper ul.menu > li,
#region-sidebar-second div.menu-block-wrapper ul.menu > li.leaf {
  padding: 3px 0;
  margin: 3px 0; }

.hypens-auto {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

.hyphens-none, #sidebar h2, #sidebar h2 > a, #sidebar ul.menu li, #sidebar ul.menu li a, h1, h2, h3, h4, h5, h6 {
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; }

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0 !important;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  margin-top: 1.8rem;
  margin-bottom: 0.5rem; }

h1 + h3, h2 + h3, h3 + h4, h4 + h5 {
  margin-top: 0.5rem; }

p {
  margin: 0.125rem 0 0.5rem 0; }

h1 {
  font-size: 1.75rem;
  text-transform: uppercase;
  color: #327D87;
  /*padding:26px 0 24px 0;*/ }

h2 {
  font-size: 1.5rem;
  text-transform: none;
  line-height: 1.4;
  /*padding:24px 0 22px 0;*/ }

h2.block-title {
  font-size: 1rem;
  line-height: 120%; }

h3 {
  font-size: 1.25rem;
  color: #000;
  padding: 0; }

h4 {
  font-size: 1.125em;
  text-transform: uppercase;
  color: #000;
  padding: 0; }

h5 {
  font-size: 1em;
  font-weight: bold;
  color: #000;
  padding: 0; }

h6 {
  font-size: 1em;
  color: #000;
  padding: 0; }

h1.header-cards, h2.header-cards, h3.header-cards, h4.header-cards, h5.header-cards, h6.header-cards {
  border-bottom: 1px dotted #222; }

.nobr {
  white-space: nowrap; }

p.comment {
  color: #777;
  font-style: italic; }

p.annotation {
  color: #777; }

p.lexikon-letter {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 44px;
  margin: 25px 0 0 0;
  padding: 0;
  line-height: 100%; }

#main .page-header {
  display: block;
  margin: 0 0 0.5rem 0;
  padding: 0; }
  #main .page-header h1 {
    text-align: left; }

.quelle {
  font-size: 1rem;
  color: #777; }

em {
  font-weight: normal;
  font-style: italic; }

pre.rechnen {
  font-size: 2em;
  line-height: 100%;
  /*font-family: 'Annie Use Your Telescope', cursive;
  font-size:1.5em;*/
  padding: 8px 0;
  font-family: monospace; }
  pre.rechnen > sub {
    font-size: 0.7em;
    font-family: monospace;
    letter-spacing: 0.3em;
    line-height: 0.5em;
    color: #666; }

pre.rechnen.bg {
  background-image: url("/pikasfiles/uploads/images/stuff/rechnen.png");
  background-size: 3em; }

p.rechnen {
  padding: 15px;
  text-align: center;
  width: 75%;
  margin: 15px auto; }
  @media only screen and (max-width: 959px) {
    p.rechnen {
      width: 100%;
      padding: 10px; } }

.border-1 {
  border: 1px solid #555555; }

.help {
  display: block;
  border: 2px dotted red;
  padding: 0;
  margin: 10px 0; }

.pull-left {
  float: left !important; }

.pull-right {
  float: right !important; }

.justify-content-center {
  justify-content: center !important; }

div.card-group {
  position: relative;
  z-index: 1; }
  div.card-group > div {
    z-index: 2;
    position: relative; }
    div.card-group > div > * {
      position: relative;
      z-index: 3; }

div.card-group.cards-striped div.show.card:nth-of-type(even), div.card-group.cards-striped div.show.card.even {
  background-color: rgba(0, 0, 0, 0.05); }
div.card-group.cards-striped div.show.card.odd {
  background-color: rgba(0, 0, 0, 0); }

div.card-alt {
  border: 1px solid rgba(0, 0, 0, 0.125); }

div.card {
  padding: 0;
  margin: 0 0 1rem 0;
  word-wrap: break-word;
  background-color: #FFF;
  border: 0 solid #FFF;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-clip: border-box; }
  div.card.no-border {
    border: none; }
  div.card h2, div.card h3 {
    color: #327D87; }
  div.card .card-inner {
    margin-bottom: 1rem;
    z-index: 2;
    border: 1px solid #ddd; }
  div.card > div.card-body {
    padding: 1rem;
    height: auto;
    overflow: hidden;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    div.card > div.card-body h2, div.card > div.card-body h3 {
      margin: 0 0 0.5rem 0;
      padding: 0;
      border: none !important; }
    div.card > div.card-body div.title {
      margin: 0 0 0.5rem 0;
      padding: 0;
      font-size: 1.5rem; }
    div.card > div.card-body div.sub-title {
      margin: 0 0 0.5rem 0;
      padding: 0;
      font-size: 1rem;
      font-weight: bold;
      text-transform: uppercase; }
    div.card > div.card-body p {
      margin: 0 0 0.5rem 0; }
  @media (max-width: 767px) {
    div.card .zzz.card-img {
      display: none; } }
  div.card > div.card-img {
    position: relative;
    background-color: #EEE;
    width: 100%;
    height: 156px;
    overflow: hidden; }
    @media (max-width: 1449px) {
      div.card > div.card-img {
        height: 160px; } }
    @media (max-width: 1199px) {
      div.card > div.card-img {
        height: 162px; } }
    @media (max-width: 959px) {
      div.card > div.card-img {
        height: 160px; } }
    @media (max-width: 767px) {
      div.card > div.card-img {
        height: 160px; } }
    div.card > div.card-img img {
      top: 50%;
      position: relative;
      transform: translateY(-50%); }
    div.card > div.card-img.h2 {
      height: 195px; }
    div.card > div.card-img.h100 img {
      height: 100%;
      width: auto; }
  div.card.card-type-kachel-petrol {
    flex-direction: row;
    align-items: flex-start;
    background-color: rgba(50, 122, 134, 0.2); }
    div.card.card-type-kachel-petrol > div.card-body {
      width: 70%;
      padding: 1rem; }
      div.card.card-type-kachel-petrol > div.card-body h3 {
        font-size: 1.5rem; }
    div.card.card-type-kachel-petrol > div.card-img {
      background-color: transparent;
      width: 30%;
      text-align: center; }
      div.card.card-type-kachel-petrol > div.card-img img {
        height: 90%;
        width: auto;
        top: 5%;
        transform: none; }
    div.card.card-type-kachel-petrol img.stempel-1, div.card.card-type-kachel-petrol img.stempel-2 {
      position: absolute;
      z-index: 100;
      height: 75px; }
    div.card.card-type-kachel-petrol img.stempel-1 {
      right: 24%;
      bottom: 37px; }
      div.card.card-type-kachel-petrol img.stempel-1.no-icon {
        right: 2%; }
    div.card.card-type-kachel-petrol img.stempel-2 {
      right: 48%;
      bottom: 37px; }
      div.card.card-type-kachel-petrol img.stempel-2.no-icon {
        right: 26%; }
    div.card.card-type-kachel-petrol img.stempel-fachoffensive {
      right: 24%;
      bottom: 37px; }
      div.card.card-type-kachel-petrol img.stempel-fachoffensive.no-icon {
        right: 2%; }
    div.card.card-type-kachel-petrol img.stempel-foedima {
      right: 48%;
      bottom: 37px; }
      div.card.card-type-kachel-petrol img.stempel-foedima.no-icon {
        right: 2%; }
    div.card.card-type-kachel-petrol:hover {
      background-color: #327D87; }
      div.card.card-type-kachel-petrol:hover > div.card-body h3 {
        color: #FFF;
        text-decoration: none; }
      div.card.card-type-kachel-petrol:hover a {
        color: #FFF;
        text-decoration: none; }
  div.card.card-type-teaser-website {
    padding: 1rem 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    align-items: self-start; }
    @media only screen and (max-width: 959px) {
      div.card.card-type-teaser-website {
        flex-direction: column; } }
    div.card.card-type-teaser-website > div.card-img {
      width: 30%;
      height: 100%; }
      @media only screen and (max-width: 959px) {
        div.card.card-type-teaser-website > div.card-img {
          width: 100%; } }
      div.card.card-type-teaser-website > div.card-img a {
        display: block; }
      div.card.card-type-teaser-website > div.card-img img {
        top: 0;
        transform: none; }
    div.card.card-type-teaser-website > div.card-body {
      padding: 0 0 0 1rem;
      width: 70%; }
      @media only screen and (max-width: 959px) {
        div.card.card-type-teaser-website > div.card-body {
          padding: 1rem 0 0 0;
          width: 100%; } }
  div.card.card-type-teaser-print {
    padding: 1rem 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    align-items: self-start; }
    @media only screen and (max-width: 959px) {
      div.card.card-type-teaser-print {
        flex-direction: column; } }
    div.card.card-type-teaser-print > div.card-img {
      width: 30%;
      height: 100%;
      display: flex;
      justify-content: center;
      flex-direction: row;
      align-items: center;
      background-color: transparent; }
      @media only screen and (max-width: 959px) {
        div.card.card-type-teaser-print > div.card-img {
          width: 100%; } }
      div.card.card-type-teaser-print > div.card-img a {
        /*width:60%;*/ }
        div.card.card-type-teaser-print > div.card-img a img {
          width: auto;
          height: 200px;
          top: 0;
          transform: none; }
    div.card.card-type-teaser-print > div.card-body {
      padding: 0 0 0 1rem;
      width: 70%; }
      @media only screen and (max-width: 959px) {
        div.card.card-type-teaser-print > div.card-body {
          padding: 1rem 0 0 0;
          width: 100%; } }
  div.card:hover > div.card-body h2, div.card:hover > div.card-body h3 {
    color: #327D87;
    text-decoration: underline; }
  div.card:hover > div.card-body xxp {
    color: #000;
    text-decoration: none; }
  div.card.test-1:hover h2, div.card.test-1:hover h3 {
    color: #327D87;
    text-decoration: underline; }
  div.card.test-1:hover p {
    color: #327D87; }
  div.card.test-2:hover h2, div.card.test-2:hover h3 {
    color: #327D87;
    text-decoration: underline; }
  div.card.test-2:hover p {
    color: #000; }
  div.card.test-3:hover h2, div.card.test-3:hover h3 {
    color: #327D87; }
  div.card.test-3:hover p {
    color: #000;
    text-decoration: none; }
  div.card.hover-scale-img {
    border: 0px solid #327D87; }
    div.card.hover-scale-img:hover div.card-img img {
      transform: scale(1.05) translateY(-50%); }

div.card.hover-petrol:hover > div.card-img {
  background-color: #327D87; }

div.card.card-img-left {
  flex-direction: row; }
  div.card.card-img-left > div.card-img {
    width: 30%;
    height: 100%;
    background-color: #DDD;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center; }
    @media (max-width: 1199px) {
      div.card.card-img-left > div.card-img {
        width: 18%; } }
    div.card.card-img-left > div.card-img > a img {
      top: 0;
      transform: none;
      width: 100%;
      height: auto;
      margin-top: 6px; }
  div.card.card-img-left > div.card-img-alt {
    width: 30%;
    height: 100%;
    height: 13rem;
    background-color: #DDD; }
    @media (max-width: 1199px) {
      div.card.card-img-left > div.card-img-alt {
        width: 18%; } }
    div.card.card-img-left > div.card-img-alt img {
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      width: 100%;
      height: auto; }
  div.card.card-img-left > div.card-body {
    width: 70%;
    padding: 1rem; }
    @media (max-width: 1199px) {
      div.card.card-img-left > div.card-body {
        width: 82%; } }
    div.card.card-img-left > div.card-body h2, div.card.card-img-left > div.card-body h3 {
      margin: 0 0 0.5rem 0 !important;
      padding: 0 !important; }

div.card:nth-of-type(even) .card-inner {
  margin-left: .5rem; }

div.card:nth-of-type(odd) .card-inner {
  margin-right: .5rem; }

div.card > hr {
  margin-right: 0;
  margin-left: 0; }

div.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }

div.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

h5.card-title {
  font-size: 24px;
  /*font-variant: small-caps;*/
  font-stretch: semi-condensed;
  text-align: center;
  line-height: 1.2em; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }

.card-header + .list-group .list-group-item:first-child {
  border-top: 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125); }

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img > a {
  /*display:block;
  height:100%;
  width:100%;*/ }

.card-img.h100 > a {
  display: flex;
  justify-content: center;
  height: 100%; }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px); }

.card-body > a {
  display: block; }

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.card-deck .card {
  margin-bottom: 15px; }

/*
@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}
/*
.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-group > .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .card-group > .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group > .card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group > .card:first-child .card-img-top,
    .card-group > .card:first-child .card-header {
        border-top-right-radius: 0;
    }
    .card-group > .card:first-child .card-img-bottom,
    .card-group > .card:first-child .card-footer {
        border-bottom-right-radius: 0;
    }
    .card-group > .card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group > .card:last-child .card-img-top,
    .card-group > .card:last-child .card-header {
        border-top-left-radius: 0;
    }
    .card-group > .card:last-child .card-img-bottom,
    .card-group > .card:last-child .card-footer {
        border-bottom-left-radius: 0;
    }
    .card-group > .card:only-child {
        border-radius: 0.25rem;
    }
    .card-group > .card:only-child .card-img-top,
    .card-group > .card:only-child .card-header {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    .card-group > .card:only-child .card-img-bottom,
    .card-group > .card:only-child .card-footer {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0;
    }
    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
        border-radius: 0;
    }
}
*/
.card-columns .card {
  margin-bottom: 0.75rem; }

/*
@media (min-width: $screen-md-min) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}
@media (min-width: $screen-lg-min) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}
*/
div.presenter-head {
  position: relative;
  border: 1px solid #327d87;
  box-shadow: 3px 3px 5px lightgrey;
  margin: 0 0 20px 0; }
  div.presenter-head > div.img {
    margin: 0 0 5px 0;
    padding: 0;
    height: 460px;
    overflow: hidden; }
    div.presenter-head > div.img > img {
      width: 100%; }
  div.presenter-head > div.title {
    font-size: 1.75rem;
    margin: 15px; }
  div.presenter-head > div.text {
    margin: 15px; }
  div.presenter-head > p {
    margin: 15px; }
  div.presenter-head > div > div.follow {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 10px; }
    div.presenter-head > div > div.follow > a {
      padding: 4px 0;
      min-height: 35px;
      display: block;
      text-align: right;
      background-repeat: no-repeat;
      background-size: 35px;
      padding-right: 40px;
      background-position: right center;
      background-image: url("/sites/all/modules/ckeditor/ckeditor4.5.3/plugins/htmlbuttons/svg/pfeil.svg"); }

div.presenter-items > div.presenter-item {
  margin-bottom: 10px; }
  div.presenter-items > div.presenter-item > div {
    width: 100%;
    height: 100%;
    border: 1px solid #327d87;
    box-shadow: 3px 3px 5px lightgrey; }
    div.presenter-items > div.presenter-item > div > div.follow {
      position: absolute;
      right: 0;
      bottom: 0;
      margin: 10px; }
      div.presenter-items > div.presenter-item > div > div.follow > a {
        padding: 4px 0;
        min-height: 35px;
        display: block;
        text-align: right;
        background-repeat: no-repeat;
        background-size: 35px;
        padding-right: 40px;
        background-position: right center;
        background-image: url("/sites/all/modules/ckeditor/ckeditor4.5.3/plugins/htmlbuttons/svg/pfeil.svg"); }
    div.presenter-items > div.presenter-item > div > div.title {
      font-size: 1.25rem;
      font-weight: bold;
      margin: 10px;
      padding: 0; }
    div.presenter-items > div.presenter-item > div > div.text, div.presenter-items > div.presenter-item > div > p {
      font-size: 1rem;
      margin: 10px;
      padding: 0; }
    div.presenter-items > div.presenter-item > div > div.img {
      margin: 0 0 5px 0;
      padding: 0;
      height: 230px;
      overflow: hidden; }
      div.presenter-items > div.presenter-item > div > div.img > img {
        width: 100%; }
  div.presenter-items > div.presenter-item > div.mail {
    height: 240px; }
  div.presenter-items > div.presenter-item > div.kachel {
    height: 610px; }

.box-50-50 > div.text, div.img-ausgangsaufgabe > div.text {
  width: 50%; }
  @media only screen and (max-width: 1199px) {
    .box-50-50 > div.text, div.img-ausgangsaufgabe > div.text {
      width: 100%; } }
.box-50-50 > div.img, div.img-ausgangsaufgabe > div.img {
  width: 50%; }
  @media only screen and (max-width: 1199px) {
    .box-50-50 > div.img, div.img-ausgangsaufgabe > div.img {
      width: 100%; } }

xxx.box-70-30 > div.text {
  width: 100%; }
  @media only screen and (min-width: 960px) {
    xxx.box-70-30 > div.text {
      width: 70%; } }
xxx.box-70-30 > div.img {
  width: 50%; }
  @media only screen and (min-width: 960px) {
    xxx.box-70-30 > div.img {
      width: 30%; } }

.box-70-30 > div.text, div.img-left > div.text, div.img-left-text-middle > div.text,
div.img-right > div.text, div.img-right-text-middle > div.text {
  width: 70%; }
  @media only screen and (max-width: 959px) {
    .box-70-30 > div.text, div.img-left > div.text, div.img-left-text-middle > div.text,
    div.img-right > div.text, div.img-right-text-middle > div.text {
      width: 100%; } }
.box-70-30 > div.img, div.img-left > div.img, div.img-left-text-middle > div.img,
div.img-right > div.img, div.img-right-text-middle > div.img {
  width: 30%; }
  @media only screen and (max-width: 959px) {
    .box-70-30 > div.img, div.img-left > div.img, div.img-left-text-middle > div.img,
    div.img-right > div.img, div.img-right-text-middle > div.img {
      width: 100%; } }
  .box-70-30 > div.img > figure.image, div.img-left > div.img > figure.image, div.img-left-text-middle > div.img > figure.image,
  div.img-right > div.img > figure.image, div.img-right-text-middle > div.img > figure.image {
    margin: auto; }
  @media only screen and (max-width: 959px) {
    .box-70-30 > div.img > figure.image.w50, div.img-left > div.img > figure.image.w50, div.img-left-text-middle > div.img > figure.image.w50,
    div.img-right > div.img > figure.image.w50, div.img-right-text-middle > div.img > figure.image.w50 {
      width: 50%; } }
  @media only screen and (max-width: 959px) {
    .box-70-30 > div.img > figure.image.w25, div.img-left > div.img > figure.image.w25, div.img-left-text-middle > div.img > figure.image.w25,
    div.img-right > div.img > figure.image.w25, div.img-right-text-middle > div.img > figure.image.w25 {
      width: 25%; } }
@media only screen and (max-width: 959px) {
  .box-70-30 > div.img.w75, div.img-left > div.img.w75, div.img-left-text-middle > div.img.w75,
  div.img-right > div.img.w75, div.img-right-text-middle > div.img.w75 {
    width: 75%; } }
@media only screen and (max-width: 959px) {
  .box-70-30 > div.img.w50, div.img-left > div.img.w50, div.img-left-text-middle > div.img.w50,
  div.img-right > div.img.w50, div.img-right-text-middle > div.img.w50 {
    width: 50%; } }
@media only screen and (max-width: 959px) {
  .box-70-30 > div.img.w25, div.img-left > div.img.w25, div.img-left-text-middle > div.img.w25,
  div.img-right > div.img.w25, div.img-right-text-middle > div.img.w25 {
    width: 25%; } }

div.img-ausgangsaufgabe,
div.img-left, div.img-left-text-middle,
div.img-right, div.img-right-text-middle {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row; }
  @media only screen and (max-width: 959px) {
    div.img-ausgangsaufgabe,
    div.img-left, div.img-left-text-middle,
    div.img-right, div.img-right-text-middle {
      flex-direction: column; } }
  div.img-ausgangsaufgabe > div.img > figure,
  div.img-left > div.img > figure, div.img-left-text-middle > div.img > figure,
  div.img-right > div.img > figure, div.img-right-text-middle > div.img > figure {
    margin: 0; }
  div.img-ausgangsaufgabe > div.img > figure > figcaption,
  div.img-left > div.img > figure > figcaption, div.img-left-text-middle > div.img > figure > figcaption,
  div.img-right > div.img > figure > figcaption, div.img-right-text-middle > div.img > figure > figcaption {
    text-align: center; }
  div.img-ausgangsaufgabe > div.img figure, div.img-ausgangsaufgabe > div.img img,
  div.img-left > div.img figure,
  div.img-left > div.img img, div.img-left-text-middle > div.img figure, div.img-left-text-middle > div.img img,
  div.img-right > div.img figure,
  div.img-right > div.img img, div.img-right-text-middle > div.img figure, div.img-right-text-middle > div.img img {
    width: 100%;
    height: auto; }
  div.img-ausgangsaufgabe.teaser-website > div.img,
  div.img-left.teaser-website > div.img, div.img-left-text-middle.teaser-website > div.img,
  div.img-right.teaser-website > div.img, div.img-right-text-middle.teaser-website > div.img {
    background-color: #EEE; }
    div.img-ausgangsaufgabe.teaser-website > div.img > a,
    div.img-left.teaser-website > div.img > a, div.img-left-text-middle.teaser-website > div.img > a,
    div.img-right.teaser-website > div.img > a, div.img-right-text-middle.teaser-website > div.img > a {
      background-color: #FFF;
      padding: 3px;
      position: relative;
      display: block;
      width: 80%;
      top: 10px;
      left: 10%;
      text-align: center;
      background-position: 8px center; }
    div.img-ausgangsaufgabe.teaser-website > div.img > img,
    div.img-left.teaser-website > div.img > img, div.img-left-text-middle.teaser-website > div.img > img,
    div.img-right.teaser-website > div.img > img, div.img-right-text-middle.teaser-website > div.img > img {
      width: 80%;
      left: 10%;
      position: relative; }
  div.img-ausgangsaufgabe div.text h2, div.img-ausgangsaufgabe div.text h3, div.img-ausgangsaufgabe div.text h4,
  div.img-left div.text h2,
  div.img-left div.text h3,
  div.img-left div.text h4, div.img-left-text-middle div.text h2, div.img-left-text-middle div.text h3, div.img-left-text-middle div.text h4,
  div.img-right div.text h2,
  div.img-right div.text h3,
  div.img-right div.text h4, div.img-right-text-middle div.text h2, div.img-right-text-middle div.text h3, div.img-right-text-middle div.text h4 {
    margin-top: 0;
    padding-top: 0; }

div.img-right-text-float > div.text {
  width: 100%; }
  div.img-right-text-float > div.text > div.img {
    width: 50%;
    float: right; }
    div.img-right-text-float > div.text > div.img > figure {
      margin: 0; }
    @media only screen and (max-width: 959px) {
      div.img-right-text-float > div.text > div.img {
        width: 100%;
        float: none; } }

div.img-ausgangsaufgabe {
  border: 2px solid #DDD;
  border-radius: 8px;
  width: 70%;
  padding: 15px; }
  @media only screen and (max-width: 959px) {
    div.img-ausgangsaufgabe {
      width: 90%;
      padding: 10px; } }
  @media only screen and (max-width: 767px) {
    div.img-ausgangsaufgabe {
      width: 100%;
      padding: 5px; } }

div.div-basisaufgabe-ori {
  border: 2px solid #DDD;
  border-radius: 8px;
  width: 100%;
  padding: 15px 30px; }

div.div-basisaufgabe-2 {
  border: 2px solid #DDD;
  border-radius: 8px;
  width: 100%;
  padding: 15px 30px; }
  div.div-basisaufgabe-2 h3 {
    background-image: url(/sites/all/modules/ckeditor/ckeditor4.5.3/plugins/htmlbuttons/svg/zahnraeder.svg);
    background-position: 0 0;
    padding-left: 35px;
    background-repeat: no-repeat;
    background-size: 30px; }

div.div-basisaufgabe-3 {
  border: 2px solid #DDD;
  border-radius: 8px;
  width: 100%;
  padding: 15px 30px 15px 70px;
  background-image: url(/sites/all/modules/ckeditor/ckeditor4.5.3/plugins/htmlbuttons/svg/zahnraeder.svg);
  background-position: 5px 15px;
  background-repeat: no-repeat;
  background-size: 60px; }

div.div-aufgabe {
  border: 2px solid #327D87;
  border-radius: 8px;
  width: 100%;
  padding: 15px 30px; }
  div.div-aufgabe > h3 {
    color: #327D87;
    /*text-transform: uppercase;*/
    /*font-variant: small-caps;*/
    font-size: 1.25rem;
    min-height: 65px;
    background-image: url(/pikasfiles/uploads/images/icons/icon-aufgabe.png);
    background-position: left center;
    padding-left: 65px;
    background-repeat: no-repeat;
    background-size: 60px;
    display: flex;
    align-items: center; }
  div.div-aufgabe > h3.no-icon {
    background-image: none;
    padding-left: 0; }

div.div-aufgabe-2 {
  border: 2px solid #327D87;
  border-radius: 8px;
  width: 100%;
  padding: 15px 30px; }
  div.div-aufgabe-2 > h3 {
    color: #327D87;
    /*text-transform: uppercase;*/
    /*font-variant: small-caps;*/
    font-size: 1.25rem;
    min-height: 65px;
    background-image: url(/pikasfiles/uploads/images/icons/icon-aufgabe-2.png);
    background-position: left center;
    padding-left: 65px;
    background-repeat: no-repeat;
    background-size: 60px;
    display: flex;
    align-items: center; }

div.div-aufgabe-3,
div.div-basisaufgabe {
  border: 2px solid #327D87;
  border-radius: 8px;
  width: 100%;
  padding: 15px 30px; }
  div.div-aufgabe-3 > h3,
  div.div-basisaufgabe > h3 {
    color: #327D87;
    /*text-transform: uppercase;*/
    /*font-variant: small-caps;*/
    font-size: 1.25rem;
    min-height: 65px;
    background-image: url(/sites/all/modules/ckeditor/ckeditor4.5.3/plugins/htmlbuttons/svg/zahnraeder.svg);
    background-position: left center;
    padding-left: 65px;
    background-repeat: no-repeat;
    background-size: 60px; }

div.div-eigenaktivitaet {
  border: 2px solid #327D87;
  border-radius: 8px;
  padding: 15px; }
  div.div-eigenaktivitaet > h1, div.div-eigenaktivitaet > h3 {
    margin-top: 0;
    background-image: url(/sites/all/modules/ckeditor/ckeditor4.5.3/plugins/htmlbuttons/svg/zahnraeder.svg);
    background-position: 0 0;
    min-height: 65px;
    padding-left: 65px;
    background-repeat: no-repeat;
    background-size: 60px; }

div.img-left > div.text, div.img-left-text-middle > div.text {
  padding: 0 0 0 15px; }
  @media only screen and (max-width: 767px) {
    div.img-left > div.text, div.img-left-text-middle > div.text {
      padding: 10px 0 0 0; } }

div.img-ausgangsaufgabe > div.text,
div.img-right > div.text, div.img-right-text-middle > div.text {
  padding: 0 10px 0 0; }
  @media only screen and (max-width: 767px) {
    div.img-ausgangsaufgabe > div.text,
    div.img-right > div.text, div.img-right-text-middle > div.text {
      padding: 0 0 10px 0; } }

div.img-ausgangsaufgabe,
div.img-left-text-middle, div.img-right-text-middle {
  align-items: center; }

div.div-interview {
  padding: 15px;
  background-color: #F2EDE4;
  border-radius: 8px;
  border: 2px solid #DDD;
  box-shadow: none; }

div.img-img {
  display: flex;
  align-items: baseline; }
  div.img-img > div img {
    width: 100%; }
  div.img-img > figure > img {
    width: 100%; }
  div.img-img > figure > figcaption {
    text-align: center; }

div.img-gallery {
  display: flex;
  align-items: unset; }
  div.img-gallery > figure > a, div.img-gallery > figure img {
    width: 100%; }
  div.img-gallery > figure > figcaption {
    text-align: center; }

div.box-exemplarisches-unterrichtsmaterial {
  padding: 2rem;
  background-color: #EEE; }
  div.box-exemplarisches-unterrichtsmaterial > h2 {
    padding-top: 0;
    margin-top: 0; }
  div.box-exemplarisches-unterrichtsmaterial.v1 {
    background-color: rgba(50, 122, 134, 0.2); }
  div.box-exemplarisches-unterrichtsmaterial.v2 {
    background-color: #EEE; }
  div.box-exemplarisches-unterrichtsmaterial.v3 {
    background-color: #EEE; }

div.list-personen {
  /*overflow:hidden;*/ }
  div.list-personen > div.person {
    margin-bottom: 15px;
    overflow: hidden; }
    div.list-personen > div.person > div.img {
      float: left;
      width: 100px;
      height: 128px;
      margin: 0 10px 0 0;
      overflow: hidden; }
      div.list-personen > div.person > div.img > img {
        width: 100%;
        max-width: none;
        height: auto; }
    div.list-personen > div.person > div.text {
      margin-left: 110px; }
      div.list-personen > div.person > div.text span.name {
        font-weight: bold; }
      div.list-personen > div.person > div.text span.position {
        font-weight: normal; }
      div.list-personen > div.person > div.text span.ort {
        font-weight: normal;
        display: block; }
  div.list-personen > div.person.person-row {
    margin-bottom: 15px; }

div.list-events > div.event {
  border-bottom: 1px dotted #222;
  padding: 1rem 0; }
  div.list-events > div.event > div.date {
    color: #555555;
    margin-bottom: 0.5rem; }
  div.list-events > div.event > div.title {
    font-size: 1.5rem;
    margin-bottom: 0.5rem; }
div.list-events > div.event_old {
  margin: 0 0 15px 0; }
  div.list-events > div.event_old > div {
    margin: 0 10px 0 0;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      div.list-events > div.event_old > div {
        text-align: center;
        margin: 0 0 10px 0; } }
  div.list-events > div.event_old > div.event-date {
    font-weight: bold; }

div.event {
  border-bottom: 1px dotted #222;
  padding: 1rem 0; }
  div.event div.kalender {
    font-family: "Roboto", sans-serif;
    position: relative;
    min-height: 143px;
    background-image: url("/pikasfiles/uploads/images/icons/icon-kalender-leer.png?2");
    background-position-x: 50%;
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: 145px; }
    div.event div.kalender > div {
      position: relative;
      user-select: none;
      -webkit-user-select: none; }
    div.event div.kalender div.jahr {
      top: 2px;
      color: #fff;
      font-size: 1.1rem;
      font-weight: bold;
      text-align: center; }
    div.event div.kalender div.monat {
      font-size: 1rem;
      font-weight: bold;
      text-align: center;
      top: 58px;
      text-transform: uppercase; }
    div.event div.kalender div.tag {
      top: 35px;
      left: -3px;
      font-size: 4rem;
      font-weight: bold;
      text-align: center;
      letter-spacing: -3px; }
  div.event div.text div.typ {
    font-size: 1.25rem;
    margin-bottom: 0.25rem; }
  div.event div.text div.titel {
    margin-bottom: 0.5rem; }
  div.event div.collapse-x {
    padding-left: 25%; }
    @media only screen and (max-width: 959px) {
      div.event div.collapse-x {
        padding-left: 0; } }

.ckedit-box-green-outline {
  border-radius: 8px;
  margin: 10px 0;
  border: 2px solid #DDD;
  box-shadow: none; }

div.hinweis {
  border-radius: 8px;
  margin: 10px 0;
  padding: 15px;
  border: 2px solid #327D87;
  box-shadow: none; }

div.jumbotron {
  padding: 60px 30px;
  background-color: #EEE;
  border: 1px solid #DDD; }

.box-image, div.verweis-navigator, div.verweis-kira-check {
  padding-bottom: 15px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: none;
  border-right: none;
  min-height: 65px;
  background-position: left center;
  padding-left: 65px;
  background-repeat: no-repeat;
  background-size: 60px;
  display: flex;
  align-items: center; }

.box-image2, div.div-kira-achtung {
  padding: 15px 15px 15px 140px;
  min-height: 140px;
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 100px;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .box-image2, div.div-kira-achtung {
      padding: 75px 15px 15px 15px;
      background-position: center 10px;
      background-size: 75px; } }
  .box-image2 h2, div.div-kira-achtung h2, .box-image2 h3, div.div-kira-achtung h3 {
    margin: 0.25rem 0.5rem 0.5rem 0; }

.box-image3, div.div-piko-blumen, div.div-piko-kids, div.div-piko-zuhause, div.newsletter, div.news {
  padding: 15px 15px 15px 140px;
  min-height: 140px;
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 100px;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .box-image3, div.div-piko-blumen, div.div-piko-kids, div.div-piko-zuhause, div.newsletter, div.news {
      padding: 75px 15px 15px 15px;
      background-position: center 10px;
      background-size: 75px; } }
  .box-image3 h2, div.div-piko-blumen h2, div.div-piko-kids h2, div.div-piko-zuhause h2, div.newsletter h2, div.news h2, .box-image3 h3, div.div-piko-blumen h3, div.div-piko-kids h3, div.div-piko-zuhause h3, div.newsletter h3, div.news h3 {
    margin: 0.25rem 0.5rem 0.5rem 0; }

div.verweis-navigator {
  background-image: url(/pikasfiles/uploads/images/icons/icon-proprima-netz.png); }

div.verweis-kira-check {
  background-image: url(/pikasfiles/uploads/images/icons/icon-kira-check.png); }

div.div-kira-achtung {
  background-image: url(/pikasfiles/uploads/images/icons/kira-achtung.png); }

div.div-piko-blumen {
  background-image: url(/pikasfiles/uploads/images/pikos/piko_blumen.png); }

div.div-piko-kids {
  background-image: url(/pikasfiles/uploads/images/pikos/piko_kids.png); }

div.div-piko-zuhause {
  background-image: url(/pikasfiles/uploads/images/pikos/piko_zuhause.png); }

div.newsletter {
  background-image: url(/pikasfiles/uploads/images/pikos/piko-mail.png); }

#footer-branding {
  overflow: hidden; }

#footer-branding ul.img {
  margin: 0; }

#footer-branding ul.img > li {
  vertical-align: middle; }

#footer-branding ul.img > li.left {
  float: left; }
  @media only screen and (max-width: 767px) {
    #footer-branding ul.img > li.left {
      float: right; } }

#footer-branding ul.img > li.right {
  float: right; }

#footer-branding ul.img > li > span {
  vertical-align: top;
  font-size: 0.8rem;
  margin-right: 15px; }

#footer-branding ul.img > li > a {
  display: inline-block;
  height: 100%; }

#footer-branding ul.img > li > a > img {
  width: 260px; }

div#region-content div.note,
div.note {
  border-top: 1px dotted #DDD;
  border-bottom: 1px dotted #DDD;
  padding: 15px 0 15px 0;
  display: block; }
  div#region-content div.note > div.date,
  div.note > div.date {
    font-size: 0.9rem;
    color: #555555; }
  div#region-content div.note > h2,
  div.note > h2 {
    margin: 5px 5px 5px 0 !important;
    display: inline-block !important;
    border: 0 !important; }
  div#region-content div.note > p,
  div.note > p {
    display: inline !important; }

div#region-content div.note ~ div.note,
div.note ~ div.note {
  margin-top: -1rem;
  margin-bottom: 1rem;
  border-top: 0; }

div.note > p, div.note-important > p {
  margin: 0; }

pre.code {
  font-size: 1rem;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  padding: 10px;
  border: 1px solid #BBB;
  background-color: #EEE; }

div.tabs {
  margin: 1rem 0; }
  div.tabs > div.tab-content {
    display: block;
    border: 1px solid #DDD;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
    div.tabs > div.tab-content > div.tab-pane {
      display: none; }

div.node-h5p-content div.h5p-container.h5p-hide-status dl.h5p-status {
  display: none; }

/* test */
#node-2427.node-h5p-content div.h5p-container dl.h5p-status {
  display: none; }

div.header {
  margin-bottom: 2rem; }
  div.header p.comment {
    margin-top: 0;
    padding-top: 0; }
  div.header > div.img {
    height: 317px;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 1rem 2rem; }
    @media (max-width: 1449px) {
      div.header > div.img {
        height: 317px; } }
    @media (max-width: 1199px) {
      div.header > div.img {
        height: 317px; } }
    @media (max-width: 959px) {
      div.header > div.img {
        height: 246px;
        padding: 0.5rem 1rem; } }
    @media (max-width: 767px) {
      div.header > div.img {
        height: 230px;
        padding: 0.5rem 1rem; } }
    div.header > div.img h1.akronym {
      padding: 0;
      margin: 0;
      font-size: 1.5rem;
      font-weight: lighter; }
      div.header > div.img h1.akronym > span {
        display: inline-block;
        background-color: rgba(255, 255, 255, 0.8);
        color: #327D87;
        padding: 0 0.5rem;
        margin-bottom: 0.5rem;
        line-height: 2.5rem; }
        @media only screen and (max-width: 767px) {
          div.header > div.img h1.akronym > span {
            line-height: 1.8rem; } }
        @media only screen and (max-width: 959px) {
          div.header > div.img h1.akronym > span {
            line-height: 1.8rem; } }
        div.header > div.img h1.akronym > span > strong-2 {
          font-size: 1.5em;
          min-width: 0.8em;
          display: inline-block;
          text-align: center;
          position: relative;
          bottom: -0.15rem; }
    @media only screen and (max-width: 959px) {
      div.header > div.img {
        background-size: cover;
        background-position-x: center; } }
  div.header > div.text {
    background-color: #EEE; }
    div.header > div.text > div {
      padding: 1rem !important; }
    div.header > div.text > div.text > h2 {
      padding: 0;
      margin: 0 0 0.5rem 0; }
    div.header > div.text div.news_zzz {
      border: 0;
      margin: 0;
      padding: 1rem;
      height: 100%;
      background-color: #FFF; }
      div.header > div.text div.news_zzz h2, div.header > div.text div.news_zzz h3 {
        margin: 0;
        padding: 0;
        font-size: 1.25rem; }
  div.header.header-main > div.img {
    background-image: url(/pikasfiles/uploads/images/header/titelbild.jpg); }
  div.header.header-main.alt-2 > div.img {
    background-image: url(/pikasfiles/uploads/images/header/titelbild-2.jpg); }
  div.header.header-fortbildung > div.img {
    background-image: url(/pikasfiles/uploads/images/header/fortbildung.jpg); }
  div.header.header-diagnose > div.img {
    background-image: url(/pikasfiles/uploads/images/header/diagnose.jpg); }
  div.header.header-unterricht > div.img {
    background-image: url(/pikasfiles/uploads/images/header/unterricht.jpg); }
  div.header.header-selbststudium > div.img {
    background-image: url(/pikasfiles/uploads/images/header/selbststudium.jpg); }
  div.header.header-front-digi > div.img {
    background-image: url(/pikasfiles/uploads/images/header/digi-startseite.jpg); }
  div.header.header-front-kira > div.img {
    height: 345px;
    background-image: url(/kirafiles/uploads/images/start/kira-startseite.png); }
  div.header.header-front-mahiko > div.img {
    height: 317px;
    background-image: url(/pikasfiles/uploads/images/header/mahiko-startseite.jpg); }
  div.header.header-front-matin > div.img {
    height: 612px;
    background-image: url(/pikasmifiles/uploads/klassensituation_neu02%20%282%29.jpg); }
  div.header.header-front-primakom > div.img {
    height: 366px;
    background-image: url(/primafiles/uploads/Images/startseite/lehrerzimmer.jpg); }
  div.header.header-front-msk > div.img {
    height: 217px;
    background-image: url(/mskfiles/uploads/images/startbild.png); }

div.newsletter {
  border: 1rem solid #EEE;
  background-color: #FFF; }
  div.newsletter form input {
    margin: 0; }

div.news {
  padding: 15px 15px 15px 90px;
  background-position: 10px 20px;
  background-color: #FFF;
  margin: 0;
  background-image: url(/pikasfiles/uploads/images/pikos/piko-news.png);
  height: auto;
  background-size: 70px; }
  div.news h2, div.news h3 {
    /*display:inline-block !important;*/
    border: 0 !important;
    line-height: 1.7rem; }
    div.news h2 > em, div.news h3 > em {
      text-transform: uppercase;
      /*color: $color-petrol;*/
      /*border-right:2px solid #000;*/
      font-style: normal;
      padding-right: 0.2rem;
      margin-right: 0.25rem; }
  div.news p {
    display: inline !important;
    margin: 0; }
  div.news.neutral {
    background-image: url(/pikasfiles/uploads/images/icons/news-neutral.png); }
  @media only screen and (max-width: 767px) {
    div.news {
      padding: 95px 20px 20px 20px;
      background-size: 100px; } }

div#region-content div.news_zzz,
div.news_zzz {
  border-top: 1px dotted #DDD;
  border-bottom: 1px dotted #DDD;
  margin: 0.5rem 0;
  padding: 0.5rem 0;
  display: block;
  overflow: hidden; }
  div#region-content div.news_zzz > div.img,
  div.news_zzz > div.img {
    width: 80px;
    float: left;
    margin-right: 15px; }
    div#region-content div.news_zzz > div.img > img,
    div.news_zzz > div.img > img {
      width: 100%;
      height: auto; }
  div#region-content div.news_zzz > div.text div.date,
  div.news_zzz > div.text div.date {
    font-size: 0.9rem;
    color: #555555; }
  div#region-content div.news_zzz h2, div#region-content div.news_zzz h3,
  div.news_zzz h2,
  div.news_zzz h3 {
    margin: 0.25rem 0.5rem 0.5rem 0 !important;
    display: inline-block !important;
    border: 0 !important;
    line-height: 1.7rem; }
    div#region-content div.news_zzz h2 > em, div#region-content div.news_zzz h3 > em,
    div.news_zzz h2 > em,
    div.news_zzz h3 > em {
      text-transform: uppercase;
      color: #327D87;
      border-right: 2px solid #000;
      font-style: normal;
      padding-right: 0.5rem;
      margin-right: 0.25rem; }
  div#region-content div.news_zzz p,
  div.news_zzz p {
    display: inline !important;
    margin: 0; }

div#region-content div.news_zzz ~ div.news,
div.news_zzz ~ div.news {
  margin-top: -1rem;
  margin-bottom: 1rem;
  border-top: 0; }

hr {
  margin: 1rem 0 2rem 0;
  background-color: transparent;
  border-bottom: 1px dotted #222; }

.box-hr, div.card.card-type-teaser-website, div.card.card-type-teaser-print, div.verweis-navigator, div.verweis-kira-check, div.collapse-fieldset-with-border {
  margin: 1rem 0;
  border-top: 1px dotted #222;
  border-bottom: 1px dotted #222;
  border-left: none;
  border-right: none; }

.box-hr + .box-hr, div.card.card-type-teaser-website + .box-hr, div.card.card-type-teaser-print + .box-hr, div.verweis-navigator + .box-hr, div.verweis-kira-check + .box-hr, div.collapse-fieldset-with-border + .box-hr, .box-hr + div.card.card-type-teaser-website, div.card.card-type-teaser-website + div.card.card-type-teaser-website, div.card.card-type-teaser-print + div.card.card-type-teaser-website, div.verweis-navigator + div.card.card-type-teaser-website, div.verweis-kira-check + div.card.card-type-teaser-website, div.collapse-fieldset-with-border + div.card.card-type-teaser-website, .box-hr + div.card.card-type-teaser-print, div.card.card-type-teaser-website + div.card.card-type-teaser-print, div.card.card-type-teaser-print + div.card.card-type-teaser-print, div.verweis-navigator + div.card.card-type-teaser-print, div.verweis-kira-check + div.card.card-type-teaser-print, div.collapse-fieldset-with-border + div.card.card-type-teaser-print, .box-hr + div.verweis-navigator, div.card.card-type-teaser-website + div.verweis-navigator, div.card.card-type-teaser-print + div.verweis-navigator, div.verweis-navigator + div.verweis-navigator, div.verweis-kira-check + div.verweis-navigator, div.collapse-fieldset-with-border + div.verweis-navigator, .box-hr + div.verweis-kira-check, div.card.card-type-teaser-website + div.verweis-kira-check, div.card.card-type-teaser-print + div.verweis-kira-check, div.verweis-navigator + div.verweis-kira-check, div.verweis-kira-check + div.verweis-kira-check, div.collapse-fieldset-with-border + div.verweis-kira-check, .box-hr + div.collapse-fieldset-with-border, div.card.card-type-teaser-website + div.collapse-fieldset-with-border, div.card.card-type-teaser-print + div.collapse-fieldset-with-border, div.verweis-navigator + div.collapse-fieldset-with-border, div.verweis-kira-check + div.collapse-fieldset-with-border, div.collapse-fieldset-with-border + div.collapse-fieldset-with-border {
  margin-top: -1rem;
  border-top: none; }

.zbox-hr {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: none;
  border-right: none; }

.zbox-hr + .zbox-hr {
  margin-top: -1rem;
  border-top: none;
  border-bottom: 1px dotted #000; }

body.not-logged-in div.node.node-video-non-public {
  border: 2px solid #ff0000;
  padding: 2rem; }
body.not-logged-in div.node.node-video-non-public::before {
  content: "Geschütztes Material, Anmeldung erforderlich!";
  font-size: 1.25rem;
  visibility: visible;
  width: 100%;
  height: auto;
  margin-bottom: 1rem; }

div.mejs-container.mejs-video {
  margin-bottom: 50px; }
  div.mejs-container.mejs-video div.mejs-inner div.mejs-controls {
    bottom: -30px; }

div.video-container {
  margin-bottom: 20px;
  margin-top: 10px;
  overflow: hidden; }
  div.video-container > a.ckvideolink > img {
    width: 100%;
    height: auto; }
  div.video-container video {
    width: 100%;
    height: auto; }

div.video-container.w100 a.ckvideolink {
  width: 100%; }

div.video-container.center {
  display: flex;
  justify-content: center; }

div.viddescription {
  margin: 10px 0 20px 0; }

div.viddescription.center {
  text-align: center; }

div.video-container.center ~ div.viddescription {
  margin: -20px auto 20px auto; }

#ckvideo-thumbnail, img.ckvideo-thumbnail {
  width: 100%; }

div.video-box-left, div.video-box-right, div.video-box-center {
  overflow: hidden;
  position: relative; }

a.ckvideolink {
  width: 70%;
  height: auto; }
  @media (max-width: 959px) {
    a.ckvideolink {
      width: 100%; } }

div.video-box-center > a.ckvideolink {
  float: left;
  margin-left: 25%; }

#ckplaybtn {
  background-size: 150%; }

.vjs-default-skin .vjs-big-play-button {
  top: 41%;
  left: 41%; }

.video-js {
  width: auto !important;
  /* override the plugin's inline dims to let vids scale fluidly */
  height: auto !important;
  background-color: transparent; }
  .video-js zzz.mejs-mediaelement {
    /*position: relative;*/ }
  .video-js video {
    position: relative !important; }
  .video-js div.vjs-poster {
    background-color: transparent; }

/* Audio */
div.mejs-container div.mejs-controls div.mejs-time {
  padding: 8px 3px 0;
  height: 24px; }

zzz .mejs-container .mejs-controls .mejs-time {
  color: #fff;
  display: block;
  height: 17px;
  width: auto;
  padding: 10px 3px 0;
  overflow: hidden;
  text-align: center;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box; }

div.footer-permalink {
  margin: 30px 0 30px 0;
  position: relative;
  padding: 10px 0;
  font-size: 14px;
  overflow: hidden; }
  div.footer-permalink br {
    display: none; }
  div.footer-permalink > div.fehler-melden {
    float: right; }
    div.footer-permalink > div.fehler-melden > a {
      margin: 0; }

a {
  word-break: break-word; }

table a {
  word-break: normal; }

a, a:hover {
  color: #327D87;
  text-decoration: none; }

a:not([href]),
a:not([href]):hover {
  color: #000 !important;
  text-decoration: none !important; }

.a-default {
  cursor: pointer; }
  .a-default:hover a {
    text-decoration: underline; }

a.link-external:not(.link-image) {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 11px;
  background-image: url(/pikasfiles/uploads/images/icons/icon-link-extern.png);
  padding-left: 16px !important; }

#footer a.link-external {
  background-image: url(/pikasfiles/uploads/images/icons/icon-link-extern-white.png); }

a.link-email, a.link-tel {
  background-repeat: no-repeat;
  background-size: 1rem;
  padding-left: 2.5rem;
  background-position: 1rem center; }

a.link-email {
  background-image: url(/pikasfiles/uploads/images/icons/icon-email-petrol.svg); }
  a.link-email:hover {
    background-image: url(/pikasfiles/uploads/images/icons/icon-email-petrol-inv.svg); }

a.link-tel {
  background-image: url(/pikasfiles/uploads/images/icons/icon-tel-petrol.svg); }
  a.link-tel:hover {
    background-image: url(/pikasfiles/uploads/images/icons/icon-tel-petrol-inv.svg); }

a.link-email-error {
  background-image: url(/pikasfiles/uploads/images/icons/icon-email-red.svg);
  background-repeat: no-repeat;
  background-size: 1rem;
  padding-left: 2.5rem;
  background-position: 1rem center; }

a.link-email-error:hover {
  background-image: url(/pikasfiles/uploads/images/icons/icon-email-red-inv.svg); }

a.download-box {
  background-position: left 50%;
  background-repeat: no-repeat;
  background-size: 85px auto;
  min-height: 115px;
  padding: 15px 15px 15px 95px;
  display: flex;
  align-items: center;
  /*background-color: $color-box-bg-1;*/
  /*border:1px solid $color-box-border-1;*/ }

a.download-box-material {
  background-image: url("/pikasfiles/uploads/images/pikos/piko-sammelmappe.png"); }

.download-icon, a.download-icon-matin,
a.download-icon-pdf, a.download-icon-doc, a.download-icon-ppt, a.download-icon-xls, a.download-icon-video,
a.download-icon-padlet, a.download-icon-zip, a.download-icon-matin.link-external,
a.download-icon-pdf.link-external, a.download-icon-doc.link-external, a.download-icon-ppt.link-external, a.download-icon-xls.link-external, a.download-icon-video.link-external,
a.download-icon-padlet.link-external, a.download-icon-zip.link-external {
  display: block;
  min-height: 25px;
  height: auto !important;
  padding: 5px 0 5px 35px !important;
  padding-left: 35px !important;
  margin: 8px 0;
  background-position-y: 50%;
  background-size: 25px;
  background-repeat: no-repeat; }

a.download-icon-pdf {
  background-image: url(/pikasfiles/uploads/images/icons/icon-pdf.png) !important; }

a.download-icon-doc {
  background-image: url(/pikasfiles/uploads/images/icons/icon-doc.png) !important; }

a.download-icon-ppt {
  background-image: url(/pikasfiles/uploads/images/icons/icon-ppt.png) !important; }

a.download-icon-xls {
  background-image: url(/pikasfiles/uploads/images/icons/icon-xls.png) !important; }

a.download-icon-video {
  background-image: url(/pikasfiles/uploads/images/icons/icon-video.png) !important; }

a.download-icon-matin {
  background-image: url(/pikasfiles/uploads/images/icons/icon-matin.png) !important; }

a.download-icon-padlet {
  background-image: url(/pikasfiles/uploads/images/icons/icon-padlet.png) !important; }

a.download-icon-zip {
  background-image: url(/pikasfiles/uploads/images/icons/icon-zip.png) !important; }

div.collapse {
  height: 0;
  overflow: hidden;
  transition: all 0.3s linear; }

div.collapse-toggle {
  margin: 1rem 0; }
  div.collapse-toggle a {
    padding: 0.25rem 0; }
    div.collapse-toggle a:before {
      content: "\25b6\a0"; }
    div.collapse-toggle a.collapse-show:before {
      content: "\25bc\a0"; }

div.collapse-fieldset-with-border {
  border-width: 1px;
  border-radius: 0; }

x.collapse-fieldset-with-border + x.collapse-fieldset-with-border,
x.collapse-fieldset-with-border + x.verweis-kira-check,
x.collapse-fieldset-with-border + x.verweis-navigator {
  margin-top: -30px;
  border-top: none; }

div.collapse-fieldset-with-border fieldset.cl-std {
  margin: 0;
  padding: 0; }

div.collapse-fieldset-with-border fieldset.cl-std div.collapse-text-text {
  margin: 0;
  padding: 0; }

div.collapse-fieldset-with-border fieldset.cl-std > legend {
  margin: 0;
  padding: 0; }

div.collapse-fieldset-with-border fieldset.cl-std > legend > span.fieldset-legend {
  margin: 0;
  padding: 0; }

div.collapse-fieldset-with-border fieldset.cl-std > div.fieldset-wrapper {
  padding: 0;
  margin-top: 15px; }

div.fieldset-wrapper ul, div.fieldset-wrapper ol {
  padding-left: 18px;
  margin: 0; }

fieldset.cl-nobg {
  background-color: transparent !important; }

fieldset.cl-nobg > legend {
  background-color: transparent !important; }

fieldset.cl-nobg > legend > span.fieldset-legend {
  background-color: transparent !important; }

#main fieldset.collapse-text-fieldset ol, #main fieldset.collapse-text-fieldset ul {
  width: 100%;
  margin: 0;
  padding: 0 0 0 23px; }

zzzdiv.collapse-fieldset-with-border {
  width: 100%; }

zzzdiv.collapse-fieldset-with-border > fieldset.collapse-text-fieldset span.fieldset-legend {
  padding: 0 0 2px 0; }

div.collapse-fieldset-with-border > fieldset.cl-std.cl-triangle span.fieldset-legend a.fieldset-title {
  /*padding:5px 0 5px 13px;*/
  background-position: 0 4px; }

div.collapse-fieldset-with-border > fieldset.cl-std.cl-ordner-1 span.fieldset-legend a.fieldset-title,
div.collapse-fieldset-with-border > fieldset.cl-std.cl-literatur span.fieldset-legend a.fieldset-title,
div.collapse-fieldset-with-border > fieldset.cl-std.cl-literatur-2 span.fieldset-legend a.fieldset-title,
div.collapse-fieldset-with-border > fieldset.cl-std.cl-literatur-kira span.fieldset-legend a.fieldset-title,
div.collapse-fieldset-with-border > fieldset.cl-std.cl-hintergrundinformationen span.fieldset-legend a.fieldset-title,
div.collapse-fieldset > fieldset.cl-std.cl-ordner-1 span.fieldset-legend a.fieldset-title,
div.collapse-fieldset > fieldset.cl-std.cl-literatur span.fieldset-legend a.fieldset-title,
div.collapse-fieldset > fieldset.cl-std.cl-literatur-2 span.fieldset-legend a.fieldset-title,
div.collapse-fieldset > fieldset.cl-std.cl-literatur-kira span.fieldset-legend a.fieldset-title,
div.collapse-fieldset > fieldset.cl-std.cl-hintergrundinformationen span.fieldset-legend a.fieldset-title {
  min-height: 65px;
  background-position: left center;
  padding-left: 65px;
  background-repeat: no-repeat;
  background-size: 60px;
  display: flex;
  align-items: center; }

/* offen */
div.collapse-fieldset-with-border > fieldset.cl-std.cl-ordner-1 span.fieldset-legend a.fieldset-title {
  background-image: url(/pikasfiles/uploads/images/icons/icon-ordner-1.svg); }

div.collapse-fieldset > fieldset.cl-std.cl-ordner-1 span.fieldset-legend a.fieldset-title {
  background-image: url(/pikasfiles/uploads/images/icons/icon-ordner-1.svg); }

div.collapse-fieldset-with-border > fieldset.cl-std.cl-ordner-1.collapsed span.fieldset-legend a.fieldset-title {
  background-image: url(/pikasfiles/uploads/images/icons/icon-ordner-1.svg); }

div.collapse-fieldset > fieldset.cl-std.cl-ordner-1.collapsed span.fieldset-legend a.fieldset-title {
  background-image: url(/pikasfiles/uploads/images/icons/icon-ordner-1.svg); }

div.collapse-fieldset-with-border > fieldset.cl-std.cl-literatur span.fieldset-legend a.fieldset-title {
  background-image: url(/pikasfiles/uploads/images/icons/icon-literatur.png); }

div.collapse-fieldset > fieldset.cl-std.cl-literatur span.fieldset-legend a.fieldset-title {
  background-image: url(/pikasfiles/uploads/images/icons/icon-literatur.png); }

div.collapse-fieldset-with-border > fieldset.cl-std.cl-literatur-2 span.fieldset-legend a.fieldset-title {
  background-image: url(/pikasfiles/uploads/images/icons/icon-literatur-2.png); }

div.collapse-fieldset > fieldset.cl-std.cl-literatur-2 span.fieldset-legend a.fieldset-title {
  background-image: url(/pikasfiles/uploads/images/icons/icon-literatur-2.png); }

div.collapse-fieldset-with-border > fieldset.cl-std.cl-literatur-kira span.fieldset-legend a.fieldset-title {
  background-image: url(/pikasfiles/uploads/images/icons/icon-literatur-kira.png); }

div.collapse-fieldset > fieldset.cl-std.cl-literatur-kira span.fieldset-legend a.fieldset-title {
  background-image: url(/pikasfiles/uploads/images/icons/icon-literatur-kira.png); }

div.collapse-fieldset-with-border > fieldset.cl-std.cl-hintergrundinformationen span.fieldset-legend a.fieldset-title {
  background-image: url(/pikasfiles/uploads/images/icons/icon-kira-2.png); }

div.collapse-fieldset > fieldset.cl-std.cl-hintergrundinformationen span.fieldset-legend a.fieldset-title {
  background-image: url(/pikasfiles/uploads/images/icons/icon-kira-2.png); }

table.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.9rem; }

table.table.valign-top td {
  vertical-align: top; }

table.table-text, table.table-bordered {
  border-spacing: 0;
  border-collapse: separate;
  /*border: 2px solid $color-grey-border;*/
  border-radius: 8px; }
  table.table-text td, table.table-text th, table.table-bordered td, table.table-bordered th {
    border: 1px solid #DDD; }
  table.table-text thead tr:first-of-type th, table.table-bordered thead tr:first-of-type th {
    border-top-width: 2px; }
  table.table-text thead tr:first-of-type th:first-child, table.table-bordered thead tr:first-of-type th:first-child {
    border-top-left-radius: 8px; }
  table.table-text thead tr:first-of-type th:last-child, table.table-bordered thead tr:first-of-type th:last-child {
    border-top-right-radius: 8px; }
  table.table-text tr th:first-child, table.table-text tr td:first-child, table.table-bordered tr th:first-child, table.table-bordered tr td:first-child {
    border-left-width: 2px; }
  table.table-text tr th:last-child, table.table-text tr td:last-child, table.table-bordered tr th:last-child, table.table-bordered tr td:last-child {
    border-right-width: 2px; }
  table.table-text tr:last-child td, table.table-bordered tr:last-child td {
    border-bottom-width: 2px; }
  table.table-text tr:last-child td:first-child, table.table-bordered tr:last-child td:first-child {
    border-bottom-left-radius: 8px; }
  table.table-text tr:last-child td:last-child, table.table-bordered tr:last-child td:last-child {
    border-bottom-right-radius: 8px; }

@media print {
  table.table-bordered, table.table-bordered td, table.table-bordered th {
    border: 1px solid #DDD; } }
/*table*/
table.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

table.table-text td, table.table-text th {
  padding: 10px; }

td > img, td > p > img {
  width: 100%; }

table.table-fixed {
  table-layout: fixed; }

table.table th.left {
  text-align: left; }

table.table td.center {
  text-align: center; }

table.table td.right {
  text-align: right; }

table.leitfaden th > img, table.leitfaden th > p > img,
table.leitfaden td > img, table.leitfaden td > p > img {
  width: 50px;
  height: auto; }

/*altes template*/
#superfish-1 {
  text-transform: uppercase; }

/*neues template*/
#navigation {
  margin-bottom: 35px; }
  #navigation div.menu ul.nice-menu {
    /* main menu */
    top: 115px !important; }
    #navigation div.menu ul.nice-menu li.active-trail > a, #navigation div.menu ul.nice-menu li.active-trail > span {
      color: #327D87 !important; }
    #navigation div.menu ul.nice-menu ul {
      background-color: #fff; }

#header {
  /*navi*/ }
  #header > div.container div.menu-container {
    /* für toggler */
    position: relative;
    top: -75px; }
    @media only screen and (max-width: 767px) {
      #header > div.container div.menu-container {
        width: 100% !important; } }

div.responsive-menus.responsified nav.responsive-menus-simple div.menu ul li {
  font-size: 1rem;
  padding: 0; }
  div.responsive-menus.responsified nav.responsive-menus-simple div.menu ul li a {
    padding: 0.25rem; }
    div.responsive-menus.responsified nav.responsive-menus-simple div.menu ul li a span {
      display: none; }
  div.responsive-menus.responsified nav.responsive-menus-simple div.menu ul li ul {
    margin: 0 0 0 1rem; }
    div.responsive-menus.responsified nav.responsive-menus-simple div.menu ul li ul li {
      padding: 0;
      font-size: 1rem;
      list-style: none;
      list-style-image: none; }
      div.responsive-menus.responsified nav.responsive-menus-simple div.menu ul li ul li a {
        padding: 0.25rem;
        background-image: none; }

#nice-menu-1 > li {
  margin: 0 20px 0 0; }

div.responsive-menus span.toggler {
  text-align: left; }

body.cke_editable ul.pagination-lr:before {
  content: "Pagination links-rechts (wird automatisch formatiert)"; }

#region-content ul.pagination-lr,
#main ul.pagination-lr {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding: 0 !important;
  margin: 30px 0 30px 0; }
  #region-content ul.pagination-lr > li,
  #main ul.pagination-lr > li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    width: 50%;
    min-height: 50px;
    list-style-type: none;
    list-style-image: none; }
  #region-content ul.pagination-lr > li > a,
  #main ul.pagination-lr > li > a {
    padding: 4px 0;
    min-height: 35px;
    display: block;
    background-repeat: no-repeat;
    background-size: 35px;
    height: auto;
    width: 100%; }
  #region-content ul.pagination-lr > li.left > a,
  #main ul.pagination-lr > li.left > a {
    padding-left: 40px;
    background-position: left center;
    background-image: url("/primafiles/uploads/Icons/pfeilzuerueck.png"); }
  #region-content ul.pagination-lr > li.right > a,
  #main ul.pagination-lr > li.right > a {
    text-align: right;
    padding-right: 40px;
    background-position: right center;
    background-image: url("/sites/all/modules/ckeditor/ckeditor4.5.3/plugins/htmlbuttons/svg/pfeil.svg"); }
  #region-content ul.pagination-lr > li.right:first-of-type,
  #main ul.pagination-lr > li.right:first-of-type {
    width: 100%;
    padding-left: 50%; }

ul.zzz-pagination-lr {
  margin: 30px 0 30px 0;
  padding: 0 !important;
  overflow: hidden;
  list-style-type: none;
  list-style-image: none; }
  ul.zzz-pagination-lr > li {
    width: 49%;
    height: 50px;
    list-style-type: none;
    list-style-image: none;
    vertical-align: middle; }
  ul.zzz-pagination-lr > li > a {
    display: block;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 100%;
    width: 100%; }
  ul.zzz-pagination-lr > li.left {
    float: left; }
    ul.zzz-pagination-lr > li.left > a {
      padding: 0 0 0 60px;
      background-position: left center;
      background-image: url("/primafiles/uploads/Icons/pfeilzuerueck.png"); }
  ul.zzz-pagination-lr > li.right {
    float: right; }
    ul.zzz-pagination-lr > li.right > a {
      padding: 0 60px 0 0;
      background-position: right center;
      background-image: url("/sites/all/modules/ckeditor/ckeditor4.5.3/plugins/htmlbuttons/svg/pfeil.svg"); }

div.pagination-lr {
  overflow: auto; }

div.pagination-lr > span.left {
  width: 49%;
  float: left; }

div.pagination-lr > span.left img {
  margin-right: 5px; }

div.pagination-lr > span.right {
  width: 49%;
  float: right;
  text-align: right; }

div.pagination-lr > span.right img {
  margin-left: 5px; }

zzz.responsive-menus.responsified span.toggler, zzz.responsive-menus.responsified.responsive-toggled span.toggler {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  z-index: 1000; }

li.move-in-start {
  z-index: 5000;
  position: absolute;
  transform-origin: center center;
  transform: scale(0);
  opacity: 0; }

li.move-in-step-1 {
  transition: all 0.3s linear;
  opacity: 1;
  transform: scale(4); }

li.move-in-end {
  transition: all 1s linear;
  transform: scale(1); }

#main ul.nav {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0; }
  #main ul.nav > li.nav-item a {
    transition: all 0.3s;
    background-color: transparent;
    color: #327D87;
    display: block;
    padding: 0.5rem 0.5rem;
    font-size: 1rem;
    text-decoration: none; }
    #main ul.nav > li.nav-item a.active {
      color: #000; }
#main ul.nav.nav-tabs > li.nav-item {
  margin: 0 0.2rem 0 0; }
  #main ul.nav.nav-tabs > li.nav-item a {
    color: #327D87;
    border: 1px solid #DDD;
    background-color: rgba(50, 122, 134, 0.2);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: -1px;
    border-bottom-color: #DDD; }
    #main ul.nav.nav-tabs > li.nav-item a.active, #main ul.nav.nav-tabs > li.nav-item a:hover {
      padding: 0.75rem 0.5rem;
      color: #FFFFFF;
      border-color: #c4c4c4;
      background-color: #327D87;
      border-bottom-color: #327D87; }

.hover, div.card, div.card.card-type-kachel-petrol, div.card.hover-scale-img div.card-img img, div.card.hover-petrol > div.card-img, a.download-box, #footer ul.social-icons li a, #footer div.footer-social > a, #footer ul.z_social-icons.no-bg li, #pikas-startseite-haus > div.haus, .not-ie a.hover, .not-ie a.download-box, .not-ie #footer ul.social-icons li a, #footer ul.social-icons li .not-ie a, .not-ie #footer div.footer-social > a, #footer .not-ie div.footer-social > a {
  -webkit-transition: all 0.3s linear;
  -moz-transition-duration: all 0.3s linear;
  -o-transition-duration: all 0.3s linear;
  transition: all 0.3s linear; }

.hover:hover, div.card:hover, div.card.hover-scale-img div.card-img img:hover, div.card.hover-petrol > div.card-img:hover, a.download-box:hover, #footer ul.social-icons li a:hover, #footer div.footer-social > a:hover, #footer ul.z_social-icons.no-bg li:hover, #pikas-startseite-haus > div.haus:hover {
  z-index: 100; }

.hover-zoom-05:hover, a.download-box:hover, #footer div.footer-social > a:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05); }

.hover-zoom-10:hover, #footer ul.social-icons li a:hover, #footer ul.z_social-icons.no-bg li:hover, #pikas-startseite-haus > div.haus:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

.hover-rotate-l-10:hover {
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg); }

.hover-rotate-r-10:hover {
  -moz-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg); }

.hover-shadow:hover {
  -webkit-box-shadow: var(--shadow);
  -moz-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  -webkit-transform: translate(-1px, -1px) scale(1.02);
  -moz-transform: translate(-1px, -1px) scale(1.02);
  -o-transform: translate(-1px, -1px) scale(1.02);
  transform: translate(-1px, -1px) scale(1.02); }

div.node.node-h5p-content {
  margin: 2rem 0 2rem 0; }
  div.node.node-h5p-content > h2:nth-child(1) {
    display: none; }
div.node.node-video-public, div.node.node-video-non-public {
  margin: 3rem 0 3rem 0; }
  div.node.node-video-public > h2:nth-child(1), div.node.node-video-non-public > h2:nth-child(1) {
    display: none; }

#footer-branding a {
  display: block;
  width: 100%;
  margin: 0 auto; }
  #footer-branding a img {
    width: 100%; }

ul.footer-branding {
  margin: 0; }
  ul.footer-branding > li {
    width: 24.7%;
    margin-bottom: 1.5rem; }
    ul.footer-branding > li > a {
      display: block;
      width: 90%; }
      ul.footer-branding > li > a > img {
        filter: brightness(1.3) grayscale(1) saturate(0); }
      ul.footer-branding > li > a:hover > img {
        filter: none; }

#footer ul.social-icons {
  padding: 10px; }
  #footer ul.social-icons li {
    background-color: transparent;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
    margin-right: 0; }
    #footer ul.social-icons li a {
      position: relative;
      display: block;
      width: 52px;
      height: 52px;
      background-image: none;
      background-repeat: no-repeat;
      background-color: transparent; }
    #footer ul.social-icons li:first-child {
      margin-left: 0; }
  #footer ul.social-icons li.z_fb a:hover {
    background-position: -31px 0;
    background-color: #3b5998; }
  #footer ul.social-icons li.z_insta a:hover {
    background-position: -31px 0;
    background-color: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );*/ }
#footer div.footer-social {
  overflow: hidden; }
  #footer div.footer-social > a {
    display: block;
    width: 70%;
    margin: 5px;
    display: inline-block; }
    #footer div.footer-social > a img {
      width: 62px;
      height: 62px; }
#footer ul.z_social-icons.no-bg li a {
  background-image: none !important; }
#footer div.region-footer-bottom:first-of-type {
  border-top: 1px solid #FFF;
  padding-top: 1rem; }
  #footer div.region-footer-bottom:first-of-type div.region-footer-bottom {
    border-top: 0;
    padding-top: 0; }

#main ol.search-results, #main ol.node-results, #content ol.search-results, #content ol.node-results {
  margin: 0; }
  #main ol.search-results li.search-result, #main ol.node-results li.search-result, #content ol.search-results li.search-result, #content ol.node-results li.search-result {
    padding: 4px;
    margin: 0; }
    #main ol.search-results li.search-result p.search-info, #main ol.node-results li.search-result p.search-info, #content ol.search-results li.search-result p.search-info, #content ol.node-results li.search-result p.search-info {
      display: none; }
  #main ol.search-results li.search-result:hover, #main ol.node-results li.search-result:hover, #content ol.search-results li.search-result:hover, #content ol.node-results li.search-result:hover {
    background-color: #EEE; }

math {
  font-size: 1.5rem; }

math[display="inline"] {
  margin: 0 0.25rem; }

span.math-tex {
  font-size: 1.5rem; }

#kompakt-dorf {
  height: 460px;
  width: 650px;
  position: relative;
  margin: 45px auto 15px auto;
  transform-origin: 50% 50%; }
  @media only screen and (max-width: 959px) {
    #kompakt-dorf {
      width: 650px;
      transform: scale(0.9); } }
  @media only screen and (max-width: 620px) {
    #kompakt-dorf {
      width: 620px;
      transform: scale(0.7); } }
  @media only screen and (max-width: 520px) {
    #kompakt-dorf {
      width: 520px;
      transform: scale(0.5); } }

#kompakt-dorf > * {
  position: absolute; }

#kompakt-dorf > * > img {
  width: 100%; }

#kompakt-dorf #haus-1 {
  width: 220px;
  left: 13px;
  top: 304px; }

#kompakt-dorf #haus-2 {
  width: 220px;
  left: 0px;
  top: 130px; }

#kompakt-dorf #haus-3 {
  width: 220px;
  left: 100px;
  top: 0px; }

#kompakt-dorf #haus-4 {
  width: 232px;
  left: 342px;
  top: 0px; }

#kompakt-dorf #haus-5 {
  width: 200px;
  left: 442px;
  top: 136px; }

#kompakt-dorf #haus-6 {
  width: 220px;
  left: 425px;
  top: 302px; }

#kompakt-dorf #schild {
  top: 213px;
  left: 250px;
  position: absolute;
  width: 160px;
  height: 252px;
  background-image: url(/sites/pikaskp/files/uploads/startseite/schild-stiel.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%; }

#kompakt-dorf #schild > a > img {
  width: 100%; }

#kompakt-dorf #schild-1 {
  position: absolute;
  top: -44px; }

#kompakt-dorf #schild-2 {
  position: absolute;
  top: 15px; }

#kompakt-dorf #schild-3 {
  position: absolute;
  top: 75px; }

#kompakt-dorf #schild-4 {
  position: absolute;
  top: 135px; }

#digi-startseite-haus {
  position: relative;
  height: 775px;
  width: 500px;
  margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    #digi-startseite-haus {
      transform: scale(0.75);
      left: -35px; } }

#digi-startseite-haus > * {
  position: absolute;
  z-index: 10; }

#digi-startseite-haus-bg {
  position: absolute;
  left: 0;
  top: 150px;
  width: 500px;
  z-index: 1; }

#digi-startseite-fenster-leitideen {
  width: 86px;
  top: 241px;
  left: 235px; }

#digi-startseite-fenster-fortbildung {
  width: 100px;
  top: 386px;
  left: 235px; }

#digi-startseite-fenster-unterricht {
  width: 87px;
  top: 229px;
  left: 360px; }

#digi-startseite-fenster-software {
  width: 83px;
  top: 388px;
  left: 360px; }

#digi-startseite-fenster-unterstuetzung {
  width: 114px;
  top: 323px;
  left: 49px; }

#digi-startseite-fenster-s {
  display: none;
  top: 323px;
  left: 59px; }

#digi-startseite-fenster-l {
  display: none;
  top: 473px;
  left: 68px; }

#digi-startseite-himmel {
  top: 84px;
  left: -190px;
  -webkit-animation: digi-startseite-himmel 15s infinite;
  -moz-animation: digi-startseite-himmel 15s infinite;
  -o-animation: digi-startseite-himmel 15s infinite;
  animation: digi-startseite-himmel 15s infinite;
  animation-timing-function: linear;
  z-index: 0;
  width: 890px;
  max-width: none; }

#digi-startseite-wifi {
  transform: rotate(20deg);
  top: 47px;
  left: 440px;
  width: 120px;
  -webkit-animation: digi-startseite-wifi 5s infinite;
  -moz-animation: digi-startseite-wifi 5s infinite;
  -o-animation: digi-startseite-wifi 5s infinite;
  animation: digi-startseite-wifi 5s infinite;
  animation-timing-function: linear;
  z-index: 20;
  transform-origin: center bottom; }

/*
@-webkit-keyframes digi-startseite-wifi {
    0% {opacity:0.2;transform:rotate(20deg);}
    50% {opacity:1;transform:rotate(50deg);}
    100% {opacity:0.2;transform:rotate(20deg);}
}

@-moz-keyframes digi-startseite-wifi {
    0% {opacity:0.2;transform:rotate(20deg);}
    50% {opacity:1;transform:rotate(50deg);}
    100% {opacity:0.2;transform:rotate(20deg);}
}
@-o-keyframes digi-startseite-wifi {
    0% {opacity:0.2;transform:rotate(20deg);}
    50% {opacity:1;transform:rotate(50deg);}
    100% {opacity:0.2;transform:rotate(20deg);}
}
*/
@keyframes digi-startseite-wifi {
  0% {
    opacity: 0.2;
    transform: rotate(20deg); }
  50% {
    opacity: 1;
    transform: rotate(50deg); }
  100% {
    opacity: 0.2;
    transform: rotate(20deg); } }
/*
@-webkit-keyframes digi-startseite-himmel {
    0%   { left: -100px; }
    25% { left:-60px; }
    50% { left:-30px; transform:scale(0.7); }
    75% { left:-50px; transform:scale(0.85) }
    100% { left:-100px; transform:scale(1)}
}
@-moz-keyframes digi-startseite-himmel {
    0%   { left: -100px; }
    25% { left:-60px; }
    50% { left:-30px; transform:scale(0.7); }
    75% { left:-50px; transform:scale(0.85) }
    100% { left:-100px; transform:scale(1)}
}
@-o-keyframes digi-startseite-himmel {
    0%   { left: -100px; }
    25% { left:-60px; }
    50% { left:-30px; transform:scale(0.7); }
    75% { left:-50px; transform:scale(0.85) }
    100% { left:-100px; transform:scale(1)}
}
*/
@keyframes digi-startseite-himmel {
  0% {
    left: -190px;
    transform: scale(1); }
  50% {
    left: -130px;
    transform: scale(0.85); }
  100% {
    left: -190px;
    transform: scale(1); } }
#alt-pikas-startseite-neu-1 div.header-img {
  background-image: url(/pikasfiles/uploads/images/test-1/titelbild-1000px.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 1rem 2rem; }
  #alt-pikas-startseite-neu-1 div.header-img h1 {
    font-size: 1.3rem; }
    #alt-pikas-startseite-neu-1 div.header-img h1 > span {
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.8);
      color: #327D87;
      padding: 0.2rem 0.5rem;
      margin-bottom: 0.5rem;
      line-height: 2.5rem; }
      #alt-pikas-startseite-neu-1 div.header-img h1 > span > strong {
        font-size: 1.5em;
        min-width: 0.8em;
        display: inline-block;
        text-align: center;
        position: relative;
        bottom: -0.15rem; }
#alt-pikas-startseite-neu-1 div.header-text {
  background-color: #EEE; }
  #alt-pikas-startseite-neu-1 div.header-text > div {
    padding: 1rem; }
#alt-pikas-startseite-neu-1 div.news {
  border: 0;
  margin: 0;
  padding: 1rem;
  background-color: #FFF; }
  #alt-pikas-startseite-neu-1 div.news h2, #alt-pikas-startseite-neu-1 div.news h3 {
    margin: 0;
    padding: 0;
    font-size: 1.25rem; }
#alt-pikas-startseite-neu-1 div.card {
  background-color: #FFF; }
  #alt-pikas-startseite-neu-1 div.card h2, #alt-pikas-startseite-neu-1 div.card h3 {
    color: #327D87; }
  #alt-pikas-startseite-neu-1 div.card:hover h2, #alt-pikas-startseite-neu-1 div.card:hover h3, #alt-pikas-startseite-neu-1 div.card:hover p {
    color: #327D87;
    text-decoration: underline; }
  #alt-pikas-startseite-neu-1 div.card.z_e1:hover h2, #alt-pikas-startseite-neu-1 div.card.z_e1:hover h3, #alt-pikas-startseite-neu-1 div.card.z_e1:hover p {
    color: #327D87;
    text-decoration: underline; }
  #alt-pikas-startseite-neu-1 div.card.z_e2 h2, #alt-pikas-startseite-neu-1 div.card.z_e2 h3 {
    color: #327D87; }
  #alt-pikas-startseite-neu-1 div.card.hover-petrol {
    background-color: transparent; }

#pikas-startseite-haus {
  position: relative;
  height: 790px; }
  @media only screen and (max-width: 767px) {
    #pikas-startseite-haus {
      height: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  #pikas-startseite-haus a {
    font-size: 14px;
    color: #000; }
  #pikas-startseite-haus > div.haus {
    position: absolute;
    width: 145px; }
    @media only screen and (max-width: 767px) {
      #pikas-startseite-haus > div.haus {
        /*position:relative;
        display:inline-block;
        width:50%;*/
        position: relative;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        top: unset !important;
        left: unset !important;
        margin-bottom: 20px; } }
    #pikas-startseite-haus > div.haus img {
      width: auto;
      max-height: 215px; }
    #pikas-startseite-haus > div.haus > a.img {
      left: -11%;
      position: relative; }
      @media only screen and (max-width: 767px) {
        #pikas-startseite-haus > div.haus > a.img {
          left: -4%; } }
    #pikas-startseite-haus > div.haus > a.img.even {
      left: 15%; }
      @media only screen and (max-width: 767px) {
        #pikas-startseite-haus > div.haus > a.img.even {
          left: 6%; } }
    #pikas-startseite-haus > div.haus > a.bez {
      text-align: center;
      display: block;
      width: 100%; }
  @media only screen and (max-width: 767px) {
    #pikas-startseite-haus > div.haus.center {
      /*position:relative;
      display:inline-block;
      width:50%;*/
      position: relative;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }
  #pikas-startseite-haus > div.haus.center > a.img {
    left: -3%; }
    @media only screen and (max-width: 767px) {
      #pikas-startseite-haus > div.haus.center > a.img {
        left: 25%; } }
    @media only screen and (max-width: 767px) {
      #pikas-startseite-haus > div.haus.center > a.img > img {
        max-width: 50%; } }
  #pikas-startseite-haus > div.haus.baum {
    display: none;
    top: 210px;
    left: 280px; }
  #pikas-startseite-haus > div.haus.digi {
    display: none;
    top: 30px;
    left: 610px; }
  #pikas-startseite-haus > div.haus.kompakt {
    display: none;
    top: 30px;
    left: 100px; }
  #pikas-startseite-haus > div.haus.projektinfos {
    top: 292px;
    left: 412px;
    width: 120px; }
  #pikas-startseite-haus > div.haus.haus-01 {
    top: 210px;
    left: 50px; }
  #pikas-startseite-haus > div.haus.haus-02 {
    top: 210px;
    left: 175px; }
  #pikas-startseite-haus > div.haus.haus-03 {
    top: 10px;
    left: 340px; }
  #pikas-startseite-haus > div.haus.haus-04 {
    top: 10px;
    left: 465px; }
  #pikas-startseite-haus > div.haus.haus-05 {
    top: 210px;
    left: 620px; }
  #pikas-startseite-haus > div.haus.haus-06 {
    top: 210px;
    left: 745px; }
  #pikas-startseite-haus > div.haus.haus-07 {
    top: 510px;
    left: 480px; }
  #pikas-startseite-haus > div.haus.haus-08 {
    top: 510px;
    left: 605px; }
  #pikas-startseite-haus > div.haus.haus-09 {
    top: 510px;
    left: 140px; }
  #pikas-startseite-haus > div.haus.haus-10 {
    top: 510px;
    left: 265px; }

#pikas-material-as {
  position: relative;
  background-image: url(/pikasfiles/uploads/images/bg-nav-Material-AS-house-darkred.png);
  width: 100%;
  height: 600px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 56% top; }
  #pikas-material-as a {
    position: relative;
    display: block;
    text-align: center;
    padding-left: 10%;
    height: 70px;
    width: 33%;
    color: #9d0d15; }
  #pikas-material-as a.leitung {
    top: 207px;
    left: 33%; }
  #pikas-material-as a.kooperation {
    top: 252px;
    left: 33%; }
  #pikas-material-as a.hospitation {
    top: 298px;
    left: 32%; }
  #pikas-material-as h2.title {
    position: relative;
    top: 337px;
    text-align: center; }

div.haus-leer {
  position: relative; }

div.haus-leer.col-2 {
  flex: 0 0 19%;
  max-width: 19%; }

div.haus-leer > a {
  position: absolute;
  display: block;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
  color: #000; }

div.haus-leer.odd > a.e1 {
  top: 78px;
  left: 65px;
  width: 87px; }

div.haus-leer.odd > a.e2 {
  top: 153px;
  left: 72px;
  width: 82px; }

div.haus-leer.odd > a.e3 {
  top: 223px;
  left: 74px;
  width: 84px; }

div.haus-leer.even > a.e1 {
  top: 80px;
  left: 24px;
  width: 90px; }

div.haus-leer.even > a.e2 {
  top: 154px;
  left: 27px;
  width: 81px; }

div.haus-leer.even > a.e3 {
  top: 223px;
  left: 20px;
  width: 86px; }

div.haus-leer a.e1 > img,
div.haus-leer a.e2 > img,
div.haus-leer a.e3 > img {
  width: 52px;
  display: block;
  margin: auto; }

div.haus-leitfaden {
  margin: 20px 0;
  padding: 0;
  overflow: hidden; }

div.haus-leitfaden a {
  display: block;
  height: 100%;
  width: 100%;
  padding: 10px 0 0 0; }

div.haus-leitfaden div.img {
  padding: 0;
  height: 100px;
  width: 110px;
  float: left; }

div.haus-leitfaden div.img img {
  width: 97px;
  margin: auto;
  display: block; }

div.haus-leitfaden div.text {
  height: 100px;
  font-size: 16px;
  font-weight: bold; }

div.haus-leitfaden div.text > a {
  padding: 30px 0 0 0; }

xdiv.haus-leitfaden.leitfaden-1 {
  background-color: var(--color-haus-1-light); }

xdiv.haus-leitfaden.leitfaden-1:hover {
  background-color: var(--color-haus-1-lighter); }

xdiv.haus-leitfaden.leitfaden-2 {
  background-color: var(--color-haus-2-light); }

xdiv.haus-leitfaden.leitfaden-2:hover {
  background-color: var(--color-haus-2-lighter); }

xdiv.haus-leitfaden.leitfaden-3 {
  background-color: var(--color-haus-3-light); }

xdiv.haus-leitfaden.leitfaden-3:hover {
  background-color: var(--color-haus-3-lighter); }

xdiv.haus-leitfaden.leitfaden-4 {
  background-color: var(--color-haus-4-light); }

xdiv.haus-leitfaden.leitfaden-4:hover {
  background-color: var(--color-haus-4-lighter); }

xdiv.haus-leitfaden.leitfaden-5 {
  background-color: var(--color-haus-5-light); }

xdiv.haus-leitfaden.leitfaden-5:hover {
  background-color: var(--color-haus-5-lighter); }

xdiv.haus-leitfaden.leitfaden-6 {
  background-color: var(--color-haus-6-light); }

xdiv.haus-leitfaden.leitfaden-6:hover {
  background-color: var(--color-haus-6-lighter); }

xdiv.haus-leitfaden.leitfaden-7 {
  background-color: var(--color-haus-7-light); }

xdiv.haus-leitfaden.leitfaden-7:hover {
  background-color: var(--color-haus-7-lighter); }

xdiv.haus-leitfaden.leitfaden-8 {
  background-color: var(--color-haus-8-light); }

xdiv.haus-leitfaden.leitfaden-8:hover {
  background-color: var(--color-haus-8-lighter); }

xdiv.haus-leitfaden.leitfaden-9 {
  background-color: var(--color-haus-9-light); }

xdiv.haus-leitfaden.leitfaden-9:hover {
  background-color: var(--color-haus-9-lighter); }

xdiv.haus-leitfaden.leitfaden-10 {
  background-color: var(--color-haus-10-light); }

xdiv.haus-leitfaden.leitfaden-10:hover {
  background-color: var(--color-haus-10-lighter); }

#kira-quiz p.legende span.color {
  font-size: 2rem; }
  #kira-quiz p.legende span.color.level-1 {
    color: #00ff00; }
  #kira-quiz p.legende span.color.level-2 {
    color: #ffff00; }
  #kira-quiz p.legende span.color.level-3 {
    color: #ff0000; }
#kira-quiz > div.fragen {
  margin: 0; }
  #kira-quiz > div.fragen > div.col-2 > a {
    display: block; }
    #kira-quiz > div.fragen > div.col-2 > a > img {
      border: 4px solid #00ff00; }
  #kira-quiz > div.fragen > div.col-2.level-2 > a > img {
    border-color: #ffff00; }
  #kira-quiz > div.fragen > div.col-2.level-3 > a > img {
    border-color: #ff0000; }

#kira-check-frage {
  padding: 5px; }
  #kira-check-frage > div {
    padding: 0; }
    #kira-check-frage > div > * {
      padding: 5px 0; }
  #kira-check-frage h3 {
    padding: 5px 0; }
  #kira-check-frage div.frage {
    padding-top: 15px; }
    #kira-check-frage div.frage figure.image.aufgabe {
      margin: 5px 0;
      width: 33%; }
      @media screen and (max-width: 767px) {
        #kira-check-frage div.frage figure.image.aufgabe {
          width: 100%; } }
      #kira-check-frage div.frage figure.image.aufgabe > img {
        border: 2px solid #BBB;
        background-color: #FFF; }
  #kira-check-frage div.fehlermuster {
    border-bottom: 1px dotted #DDD;
    padding-bottom: 25px;
    margin-bottom: 15px; }
  #kira-check-frage div.ueberlege {
    border-bottom: 1px dotted #DDD;
    padding-bottom: 25px;
    margin-bottom: 15px; }
    #kira-check-frage div.ueberlege > p {
      margin: 0;
      padding: 0; }
    #kira-check-frage div.ueberlege > p + p {
      margin-bottom: 5px; }
  #kira-check-frage div.open {
    color: #327D87;
    cursor: pointer; }
  @media (max-width: 767px) {
    #kira-check-frage div.row div.col-4, #kira-check-frage div.presenter-items div.col-4, #kira-check-frage div.img-img div.col-4, #kira-check-frage div.img-gallery div.col-4, #kira-check-frage div.list-personen div.col-4, #kira-check-frage div.list-events > div.event_old div.col-4, #kira-check-frage div.event div.col-4, #kira-check-frage div.header > div.text div.col-4 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }
  #kira-check-frage div.wege div.weg {
    padding: 0;
    margin: 2px;
    border: 2px solid #BBB;
    background-color: #FFF; }
    #kira-check-frage div.wege div.weg > img {
      width: 100%; }
  #kira-check-frage div.loesungen div.loesung {
    display: none;
    padding: 0;
    margin: 2px;
    border: 2px solid #BBB;
    background-color: #FFF;
    cursor: pointer; }
    #kira-check-frage div.loesungen div.loesung > img {
      width: 100%; }
  #kira-check-frage div.loesungen div.loesung.clicked {
    border-width: 4px; }
  #kira-check-frage div.loesungen div.loesung.loesung-1.clicked {
    border-color: #14960A; }
  #kira-check-frage div.loesungen div.loesung.loesung-2.clicked,
  #kira-check-frage div.loesungen div.loesung.loesung-3.clicked {
    border-color: #ff0000; }
  #kira-check-frage div.kommentare div.kommentar {
    display: none;
    border: 0;
    background-color: #FFF;
    width: 100%;
    padding: 5px; }
  #kira-check-frage div.kommentare div.kommentarx {
    border: 2px solid #ff0000; }
  #kira-check-frage div.kommentare div.kommentar.kommentar-1 {
    color: #14960A; }
  #kira-check-frage div.kommentare div.kommentar.kommentar-2,
  #kira-check-frage div.kommentare div.kommentar.kommentar-3 {
    color: #ff0000; }

body.cke_editable #kira-check-frage div.row, body.cke_editable #kira-check-frage div.presenter-items, body.cke_editable #kira-check-frage div.img-img, body.cke_editable #kira-check-frage div.img-gallery, body.cke_editable #kira-check-frage div.list-personen, body.cke_editable #kira-check-frage div.list-events > div.event_old, body.cke_editable #kira-check-frage div.event, body.cke_editable #kira-check-frage div.header > div.text {
  display: block;
  width: 100% !important; }
body.cke_editable #kira-check-frage div.col-4, body.cke_editable #kira-check-frage div.col-12, body.cke_editable #kira-check-frage div.card-6, body.cke_editable #kira-check-frage div.header > div.text > div.text {
  display: block;
  width: 100% !important;
  margin: 15px 0; }
body.cke_editable #kira-check-frage div.titel:before {
  content: "Titel und Informationen:\A"; }
body.cke_editable #kira-check-frage div.frage:before {
  content: "Frage:\A"; }
body.cke_editable #kira-check-frage div.wege:before {
  content: "Schuelerloesungen:\A"; }
body.cke_editable #kira-check-frage div.frage {
  content: "Frage:\A"; }
body.cke_editable #kira-check-frage div.open {
  content: "Text zum Anzeigen der Vorschlaege:\A";
  cursor: text; }
body.cke_editable #kira-check-frage div.loesungen > div {
  display: block; }
body.cke_editable #kira-check-frage div.loesungen div.loesung {
  display: block;
  cursor: text; }
body.cke_editable #kira-check-frage div.loesungen:before {
  content: "moegliche Loesungen:\A"; }
body.cke_editable #kira-check-frage div.loesung-1:before {
  content: "richtige Loesung:\A"; }
body.cke_editable #kira-check-frage div.loesung-2:before {
  content: "erste falsche Loesung:\A"; }
body.cke_editable #kira-check-frage div.loesung-3:before {
  content: "zweite falsche Loesung:\A"; }
body.cke_editable #kira-check-frage div.kommentare > div {
  display: block; }
body.cke_editable #kira-check-frage div.kommentare div.kommentar {
  display: block; }
body.cke_editable #kira-check-frage div.kommentare:before {
  content: "Kommentare:\A"; }
body.cke_editable #kira-check-frage div.kommentar-1:before {
  content: "Kommentar zur richtigen Loesung:\A"; }
body.cke_editable #kira-check-frage div.kommentar-2:before {
  content: "Kommentar zur ersten falschen Loesung:\A"; }
body.cke_editable #kira-check-frage div.kommentar-3:before {
  content: "Kommentar zur zweiten falschen Loesung:\A"; }

#proprima-navigator div.form, #proprima-navigator-2 div.form {
  border: 1px solid #aaa;
  background-color: #eaeaea;
  padding: 2rem 0;
  margin: 2rem 0; }
  #proprima-navigator div.form select, #proprima-navigator-2 div.form select {
    width: 100%;
    font-size: 0.95em;
    display: block; }
  #proprima-navigator div.form selectz, #proprima-navigator-2 div.form selectz {
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
    appearance: menulist;
    background-color: #fff; }
  #proprima-navigator div.form selectz, #proprima-navigator-2 div.form selectz {
    background-image: initial;
    -moz-appearance: menulist-button;
    -webkit-appearance: menulist-button;
    appearance: menulist-button; }
#proprima-navigator div.debug span.aus, #proprima-navigator-2 div.debug span.aus {
  font-weight: bold; }
#proprima-navigator div.ergebnisse, #proprima-navigator-2 div.ergebnisse {
  min-height: 400px; }
  #proprima-navigator div.ergebnisse div.ergebnis, #proprima-navigator-2 div.ergebnisse div.ergebnis {
    align-items: flex-start;
    padding: 1rem 0;
    border-bottom: 1px dotted #222; }
    #proprima-navigator div.ergebnisse div.ergebnis h3, #proprima-navigator-2 div.ergebnisse div.ergebnis h3 {
      margin: 0.25rem 0; }
      #proprima-navigator div.ergebnisse div.ergebnis h3 span.project, #proprima-navigator-2 div.ergebnisse div.ergebnis h3 span.project {
        font-weight: bold; }
    #proprima-navigator div.ergebnisse div.ergebnis p, #proprima-navigator-2 div.ergebnisse div.ergebnis p {
      margin: 0; }
    #proprima-navigator div.ergebnisse div.ergebnis p.url, #proprima-navigator-2 div.ergebnisse div.ergebnis p.url {
      font-size: 0.8rem; }
  #proprima-navigator div.ergebnisse div.ergebnis.first, #proprima-navigator-2 div.ergebnisse div.ergebnis.first {
    border-top: 1px dotted #222; }
  #proprima-navigator div.ergebnisse div.ergebnis:hover, #proprima-navigator-2 div.ergebnisse div.ergebnis:hover {
    background-color: #EEE; }

/*# sourceMappingURL=ps_all.css.map */