/*
 * Classes starting with uk- overrides default UiKit classes
 * Classes starting with fu- are defined by custom theme flowui
*/
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans/OpenSans-Regular.eot');
  src: url('../fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-Regular.svg#CreativeBlockBBBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('../fonts/OpenSansCondensed/OpenSans-CondensedLight.eot');
  src: url('../fonts/OpenSansCondensed/OpenSans-CondensedLight.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSansCondensed/OpenSans-CondensedLight.woff') format('woff'), url('../fonts/OpenSansCondensed/OpenSans-CondensedLight.ttf') format('truetype'), url('../fonts/OpenSansCondensed/OpenSans-CondensedLight.svg#CreativeBlockBBBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Istok Web';
  src: url('../fonts/IstokWeb/IstokWeb-Regular.eot');
  src: url('../fonts/IstokWeb/IstokWeb-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/IstokWeb/IstokWeb-Regular.woff') format('woff'), url('../fonts/IstokWeb/IstokWeb-Regular.ttf') format('truetype'), url('../fonts/IstokWeb/IstokWeb-Regular.svg#CreativeBlockBBBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
html.viewport-height {
  height: 100%;
  width: 100%;
  position: fixed;
  overflow-y: scroll;
}
body {
  font-family: "Istok Web", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  color: #123d8a;
  font-weight: bold;
  text-transform: none;
}
.uk-grid h1,
.uk-grid h2,
.uk-grid h3,
.uk-grid h4,
.uk-grid h5,
.uk-grid h6 {
  display: block;
  width: 100%;
}
h1 {
  font-size: 40px;
  line-height: 52px;
}
h2 {
  font-size: 30px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 26px;
}
h4 {
  font-size: 18px;
  line-height: 22px;
}
h5 {
  font-size: 16px;
  line-height: 20px;
}
h6 {
  font-size: 14px;
  line-height: 18px;
}
.page-title {
  margin-top: 15px!important;
}
a,
.uk-link {
  color: rgba(0, 157, 197, 0.85);
}
a:hover,
.uk-link:hover {
  color: #009dc5;
}
em {
  color: inherit;
}
dl {
  margin-bottom: 2.5rem;
}
dl dt {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  color: #123d8a;
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 1.5rem;
}
dl dd {
  margin-left: 0.5rem;
}
article ul li {
  margin-bottom: 1rem;
}
blockquote {
  font-size: 150%;
  line-height: 1.5;
  margin: 3rem 1rem;
  border: none;
}
blockquote:before,
blockquote:after {
  font-family: 'FontAwesome';
  font-size: 175%;
  color: #ccc;
  display: block;
  text-align: center;
}
blockquote:before {
  content: '\f10e';
}
hr {
  margin: 2rem 0;
  height: 2px;
  border-top: 2px dotted #ccc;
}
.uk-button {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.uk-button.uk-button-prmiary {
  background: rgba(0, 157, 197, 0.85);
}
.uk-button.uk-button-prmiary:hover {
  background: #009dc5;
}
.uk-button.uk-button-prmiary:active {
  background: #009dc5;
}
.uk-modal {
  background: rgba(255, 255, 255, 0.7);
}
#my-modal-search .uk-modal-dialog {
  max-width: 100%;
  background: #fff;
  box-shadow: 0 0 8rem #aaa;
  color: #123d8a;
}
#my-modal-search .uk-modal-dialog .form-type-search {
  display: inline-block;
  width: 85%;
}
#my-modal-search .uk-modal-dialog .form-type-search input {
  background: none;
  border: none;
  border-bottom: 1px solid #123d8a;
  width: 100%;
  height: 200%;
  font-size: 200%;
  color: #123d8a;
}
#my-modal-search .uk-modal-dialog button.button {
  width: 10%;
  display: inline-block;
  text-indent: 9999%;
  background: none;
}
#my-modal-search .uk-modal-dialog button.button:after {
  text-indent: 0;
  font-family: 'FontAwesome';
  content: '\f002';
  display: block;
  font-size: 300%;
  color: #123d8a;
  margin-top: -2rem;
}
.search-help-link {
  display: none;
}
#backtotop {
  z-index: 400;
}
.uk-notify,
pre.backtrace {
  display: none!important;
}
.user-logged-in .uk-notify,
.user-logged-in pre.backtrace {
  display: block!important;
}
.uk-container {
  background: none;
  max-width: 100%;
}
@media screen and (min-width: 960px) {
  .uk-container {
    max-width: 1100px;
  }
}
@media screen and (min-width: 1220px) {
  .uk-container {
    max-width: 1300px;
  }
}
.uk-icon-justify {
  width: 2rem;
}
.messages {
  margin: 1rem 0 1rem 0;
  border-width: 2px 0px;
  border-radius: 0;
  border-style: dotted;
  background-color: transparent;
  box-shadow: none;
  background-size: 1.3rem;
  background-position: 5px 50%;
}
.messages--error {
  color: red;
  border-color: red;
}
.messages--error a {
  color: red;
}
.messages--warning {
  border-color: #E29700;
}
.messages--status {
  border-color: #73B355;
}
.uk-pagination {
  width: 100%;
}
.caption {
  font-size: 80%;
}
div[data-contextual-id] {
  position: absolute;
}
.custom-dropbutton {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
}
.custom-dropbutton .uk-button {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid #333;
  border-bottom: 0;
  margin-bottom: -1px;
}
.custom-dropbutton .uk-dropdown {
  text-align: left;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid #333;
  padding: 0;
}
.custom-dropbutton .uk-dropdown ul {
  margin: 0;
  padding: 0;
}
.custom-dropbutton .uk-dropdown ul li {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 95%;
}
.custom-dropbutton .uk-dropdown ul li a:before {
  font-family: 'FontAwesome';
  padding-right: 0.25rem;
}
.custom-dropbutton .uk-dropdown ul li.edit-node a:before {
  content: '\f040';
}
.custom-dropbutton .uk-dropdown ul li.translation-link a:before {
  content: '\f0ac';
}
.custom-dropbutton .uk-dropdown ul li.delete-node a:before {
  content: '\f014';
}
.custom-dropbutton .uk-dropdown ul li.nothing a:before,
.custom-dropbutton .uk-dropdown ul li.nothing-1 a:before {
  content: '\f0dc';
}
.custom-dropbutton .uk-dropdown ul.uk-subnav-pill > * > * {
  padding: 0 0.5rem;
  color: #fff;
}
.custom-dropbutton .uk-dropdown ul.uk-subnav-pill > * > :hover,
.custom-dropbutton .uk-dropdown ul.uk-subnav-pill > * > :focus {
  color: #333;
  background: #fff;
}
.custom-dropbutton .uk-dropdown.uk-dropdown-bottom {
  margin-top: 0;
}
.view-startseiten-banner .custom-dropbutton {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
#social-links a {
  font-family: 'FontAwesome' !important;
}
#social-link-twitter:hover {
  color: #00ACED !important;
}
#social-link-facebook:hover {
  color: #3B5998 !important;
}
#social-link-instagram:hover {
  color: #bc2a8d !important;
}
#social-link-youtube:hover {
  color: #CD332D !important;
}
#social-link-newsletter:hover {
  color: #666 !important;
}
#social-link-feed:hover {
  background-color: #ff7500 !important;
}
.region-header {
  margin-top: 10rem;
}
.page-node-type-projectpage .region-header,
.page-node-type-bildungsprojektseite .region-header,
.page-node-type-bildungsformat .region-header,
.page-node-type-bildungsmodul .region-header,
.path-taxonomy .region-header {
  margin-top: 0;
}
#header {
  position: fixed;
  z-index: 500;
  width: 100%;
}
#header #logo-menu-container {
  height: 6rem;
  background: url("../images/header-bg.svg") bottom center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 960px) {
  #header #logo-menu-container {
    height: 7rem;
  }
}
@media screen and (min-width: 960px) {
  #header #logo-menu-container {
    background-size: 105%;
  }
}
#header #logo-menu-container img {
  height: 55px;
  margin-top: 0.75rem;
  width: auto;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 960px) {
  #header #logo-menu-container img {
    height: 70px;
    margin-top: 0.5rem;
  }
}
@media screen and (min-width: 960px) {
  .hauptmenue {
    margin-top: 22px;
  }
}
.hauptmenue .uk-navbar-brand {
  margin-right: 2rem;
}
.hauptmenue .uk-nav ul,
.hauptmenue .uk-nav li {
  margin: 0;
  padding: 0;
}
.hauptmenue .uk-navbar {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  color: #123d8a;
  font-weight: bold;
  border-radius: 0;
}
.hauptmenue .uk-navbar li.uk-parent a {
  color: #123d8a;
}
.hauptmenue .uk-navbar li.uk-parent a:hover {
  color: #091f46;
}
.hauptmenue .uk-navbar li.uk-parent .uk-dropdown {
  margin: 0;
  border-radius: 0;
  font-size: 90%;
  line-height: 1.75;
  background: #fff;
}
.hauptmenue .uk-navbar li.uk-parent .uk-dropdown .menu-item-large {
  font-size: 125%;
}
.hauptmenue .uk-navbar li.uk-parent .uk-dropdown .menu-item-xlarge {
  font-size: 150%;
}
.hauptmenue .uk-navbar li.uk-parent .uk-dropdown .uk-nav-header {
  font-size: 90%;
  margin-bottom: 1rem;
  padding: 10px 0;
}
.hauptmenue .uk-navbar li.uk-parent .uk-dropdown .uk-nav-sub {
  margin: 0 auto;
  padding: 0 120px;
}
.hauptmenue .uk-navbar li.uk-parent .uk-dropdown .uk-nav-sub li a {
  display: block;
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(2) .uk-dropdown .uk-nav-sub > li {
  width: calc(50%);
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(2) .uk-dropdown .uk-nav-sub > li > ul > li > a {
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 2.25rem auto;
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(2) .uk-dropdown .uk-nav-sub > li > ul > li > a.menu-item-wash {
  padding-left: 3rem;
  background-image: url(../images/icons/themen/wasser.svg);
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(2) .uk-dropdown .uk-nav-sub > li > ul > li > a.menu-item-katastrophenvorsorge {
  padding-left: 3rem;
  background-image: url(../images/icons/themen/katastrophenvorsorge.svg);
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(2) .uk-dropdown .uk-nav-sub > li > ul > li > a.menu-item-nothilfe {
  padding-left: 3rem;
  background-image: url(../images/icons/themen/nothilfe.svg);
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(2) .uk-dropdown .uk-nav-sub > li > ul > li > a.menu-item-ernaehrung {
  padding-left: 3rem;
  background-image: url(../images/icons/themen/ernaehrung.svg);
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(2) .uk-dropdown .uk-nav-sub > li > ul > li > a.menu-item-bildung {
  padding-left: 3rem;
  background-image: url(../images/icons/themen/bildung.svg);
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(1) span.spenden {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #ff8700;
  border: 3px solid #ff8700;
  border-radius: 5px;
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(1) span.spenden:hover {
  color: #e67a00;
  border-color: #e67a00;
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(1).uk-open span.spenden {
  border-color: transparent;
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(1) .uk-nav-sub > li {
  width: calc(50%);
  /*
                        &:first-child {
                            ul li {
                                width: calc(~"50%");
                                float: left;
                            }
                        }
                        */
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(1) .uk-nav-sub > li:last-child {
  border: none;
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(1) a {
  color: #ff9f33;
}
.hauptmenue .uk-navbar li.uk-parent:nth-child(1) a:hover {
  color: #ff8700 !important;
}
.hauptmenue .uk-navbar li.uk-parent .menu-heart {
  margin-left: 2rem;
}
.hauptmenue .uk-navbar li.uk-parent .menu-heart:before {
  font-family: 'FontAwesome';
  content: '\f004';
  margin-left: -2rem;
  position: absolute;
}
.hauptmenue#hauptmenue-normal .uk-dropdwon {
  display: block!important;
}
.hauptmenue#hauptmenue-normal .uk-navbar {
  background: none;
  border: none;
  position: inherit;
}
.hauptmenue#hauptmenue-normal .uk-navbar .uk-navbar-nav > li {
  position: inherit;
}
.hauptmenue#hauptmenue-normal .uk-navbar li.uk-parent {
  position: relative;
  width: auto;
  font-size: 120%;
  color: #123d8a;
  padding: 2.25rem 1rem 2.5rem;
  margin-right: 1rem;
}
.hauptmenue#hauptmenue-normal .uk-navbar li.uk-parent span {
  position: inherit;
  z-index: 3;
}
.hauptmenue#hauptmenue-normal .uk-navbar li.uk-parent:hover {
  cursor: pointer;
}
.hauptmenue#hauptmenue-normal .uk-navbar li.uk-parent:after {
  content: '';
  width: 100%;
  height: 7rem;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  background: url("../images/menu-bg.svg") bottom center no-repeat;
  background-size: cover;
  opacity: 0;
}
.hauptmenue#hauptmenue-normal .uk-navbar li.uk-parent .uk-dropdown {
  position: fixed;
  z-index: -1;
  width: 100vw;
  top: 0!important;
  left: 0!important;
  padding-top: 8rem;
  padding-bottom: 1.5rem;
  box-shadow: 0.3rem 0 2rem -0.3rem #aaa;
}
.hauptmenue#hauptmenue-normal .uk-navbar li.uk-parent .uk-dropdown .uk-nav-sub > li {
  float: left;
  margin-right: 3rem;
}
.hauptmenue#hauptmenue-normal .uk-navbar li.uk-parent.uk-open:after,
.hauptmenue#hauptmenue-normal .uk-navbar li.uk-parent.uk-open .uk-dropdown {
  opacity: 1;
  transition-delay: 0.2s;
}
.hauptmenue#hauptmenue-normal .uk-navbar li.uk-parent:first-child .uk-dropdown .uk-nav-sub > li,
.hauptmenue#hauptmenue-normal .uk-navbar li.uk-parent:nth-child(2) .uk-dropdown .uk-nav-sub > li {
  margin-right: 0;
}
.hauptmenue#hauptmenue-offcanvas .uk-offcanvas-bar {
  background: #f0f0f0;
  box-shadow: 0.3rem 0 2rem -0.3rem #aaa;
}
.hauptmenue#hauptmenue-offcanvas .uk-offcanvas-bar:after {
  display: none;
}
.hauptmenue#hauptmenue-offcanvas ul.uk-navbar-nav {
  width: 100%;
  background: #fff;
  font-size: 120%;
  padding: 15px 0;
  position: relative;
  z-index: 10;
  box-shadow: 0.3rem 0 2rem -0.3rem #aaa;
}
.hauptmenue#hauptmenue-offcanvas ul.uk-navbar-nav > li {
  padding: 0 15px;
}
.hauptmenue#hauptmenue-offcanvas ul.uk-nav-sub {
  padding: 0 15px;
}
.hauptmenue#hauptmenue-offcanvas ul.uk-nav-sub > li > ul {
  padding-left: 0;
  margin-bottom: 1rem;
}
.hauptmenue#hauptmenue-offcanvas .uk-navbar > li {
  padding: 0 1rem;
}
.hauptmenue#hauptmenue-offcanvas .uk-navbar li.uk-parent {
  float: none;
  color: inherit;
  margin: 1rem 0;
}
.hauptmenue#hauptmenue-offcanvas .uk-navbar li.uk-parent .uk-dropdown {
  position: relative;
  margin: 1rem 0;
  padding: 0;
  border: 0;
  top: 0 !important;
  width: 100%;
}
.hauptmenue#hauptmenue-offcanvas .uk-navbar li.uk-parent .uk-dropdown .uk-nav-header {
  padding: 0;
}
@media screen and (min-width: 960px) {
  .hauptmenue#hauptmenue-offcanvas .uk-navbar li.uk-parent .uk-dropdown .uk-nav-header {
    margin-left: -0.5rem;
  }
}
.hauptmenue#hauptmenue-offcanvas .uk-navbar li.uk-parent .uk-dropdown .uk-nav-sub li {
  width: 100%;
  overflow: auto;
}
.uk-navbar-toggle {
  position: absolute;
  top: 1.2rem;
  right: 0.5rem;
  font-size: 30px;
  color: #123d8a;
}
#toolbar-bar {
  position: fixed;
}
#hauptmenue-normal .meta-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 22px;
  background: rgba(200, 200, 200, 0.9);
  text-align: right;
}
#hauptmenue-normal .meta-menu #sprachumschalter-menu-offcanvas {
  display: none;
}
#hauptmenue-normal .meta-menu .custom-block-section {
  float: right;
  line-height: 16px;
}
#hauptmenue-normal .meta-menu ul,
#hauptmenue-normal .meta-menu li {
  margin: 0;
  padding: 0;
}
#hauptmenue-normal .meta-menu ul {
  float: left;
}
#hauptmenue-normal .meta-menu a {
  color: #555;
  font-family: "Istok Web", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  border-right: 1px solid #999;
}
#hauptmenue-normal .meta-menu a :last-child {
  margin-right: 0.5rem;
}
#hauptmenue-normal .meta-menu li.social-link a {
  margin: 0 auto;
  padding: 2px 5px;
  display: block;
  outline: none;
  color: #555;
  width: 22px;
  height: 18px;
  font-size: 18px;
  text-align: center;
  border-right: none;
}
#hauptmenue-normal .meta-menu li.social-link a:before {
  margin: 0 auto;
}
#hauptmenue-offcanvas .metamenucontainer {
  position: absolute;
  bottom: 0;
}
#hauptmenue-offcanvas .metamenucontainer .meta-menu ul,
#hauptmenue-offcanvas .metamenucontainer .meta-menu li {
  margin: 0;
  padding: 0;
}
#hauptmenue-offcanvas .metamenucontainer .meta-menu #sprachumschalter-menu-normal {
  display: none;
}
#hauptmenue-offcanvas .metamenucontainer .meta-menu #sprachumschalter-menu-offcanvas,
#hauptmenue-offcanvas .metamenucontainer .meta-menu ul#meta-links,
#hauptmenue-offcanvas .metamenucontainer .meta-menu ul#social-links {
  padding: 1rem;
  border-top: 1px solid #ccc;
  text-align: center;
}
#hauptmenue-offcanvas .metamenucontainer .meta-menu ul#meta-links li {
  width: 50%;
  font-size: 90%;
}
#hauptmenue-offcanvas .metamenucontainer .meta-menu ul#social-links li {
  width: 25%;
  font-size: 150%;
}
#hauptmenue-offcanvas .metamenucontainer .meta-menu #sprachumschalter-menu-offcanvas li {
  width: 100%;
  font-size: 90%;
}
:lang(de) #block-sprachumschalter li.de {
  display: none;
}
:lang(en) #block-sprachumschalter li.en {
  display: none;
}
.block-spendenbox,
.block-newsletter,
#block-newsletterblock,
#block-addtoanybuttons,
#block-shariffsharebuttons {
  display: none;
  color: #fff;
  transition: all 0.5s ease 0s;
  /*
    &:after {
        border-radius: 50%;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.45);
        content: "";
        margin: 0 0 0 -45%;
        width: 90%;
        height: 20px;
        position: absolute;
        left: 50%;
        bottom: 0;
        z-index: -1;
    }
    */
}
@media screen and (min-width: 960px) {
  .block-spendenbox,
  .block-newsletter,
  #block-newsletterblock,
  #block-addtoanybuttons,
  #block-shariffsharebuttons {
    display: block;
    width: 23rem;
    position: fixed;
    z-index: 1000;
    right: -23rem;
  }
}
.block-spendenbox.spendenbox-show,
.block-newsletter.spendenbox-show,
#block-newsletterblock.spendenbox-show,
#block-addtoanybuttons.spendenbox-show,
#block-shariffsharebuttons.spendenbox-show,
.block-spendenbox.newsletter-show,
.block-newsletter.newsletter-show,
#block-newsletterblock.newsletter-show,
#block-addtoanybuttons.newsletter-show,
#block-shariffsharebuttons.newsletter-show {
  right: 0;
}
.block-spendenbox #spendenbox-close,
.block-newsletter #spendenbox-close,
#block-newsletterblock #spendenbox-close,
#block-addtoanybuttons #spendenbox-close,
#block-shariffsharebuttons #spendenbox-close,
.block-spendenbox #newsletter-close,
.block-newsletter #newsletter-close,
#block-newsletterblock #newsletter-close,
#block-addtoanybuttons #newsletter-close,
#block-shariffsharebuttons #newsletter-close {
  display: none;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: #fff;
  cursor: pointer;
}
@media screen and (min-width: 960px) {
}
.block-spendenbox .spendenbox-label,
.block-newsletter .spendenbox-label,
#block-newsletterblock .spendenbox-label,
#block-addtoanybuttons .spendenbox-label,
#block-shariffsharebuttons .spendenbox-label,
.block-spendenbox .newsletter-label,
.block-newsletter .newsletter-label,
#block-newsletterblock .newsletter-label,
#block-addtoanybuttons .newsletter-label,
#block-shariffsharebuttons .newsletter-label {
  text-align: center;
  height: 2.5rem;
  padding: 0.2rem 0 0.3rem;
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .block-spendenbox .spendenbox-label,
  .block-newsletter .spendenbox-label,
  #block-newsletterblock .spendenbox-label,
  #block-addtoanybuttons .spendenbox-label,
  #block-shariffsharebuttons .spendenbox-label,
  .block-spendenbox .newsletter-label,
  .block-newsletter .newsletter-label,
  #block-newsletterblock .newsletter-label,
  #block-addtoanybuttons .newsletter-label,
  #block-shariffsharebuttons .newsletter-label {
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
    position: absolute;
  }
}
.block-spendenbox .spendenbox-label h2,
.block-newsletter .spendenbox-label h2,
#block-newsletterblock .spendenbox-label h2,
#block-addtoanybuttons .spendenbox-label h2,
#block-shariffsharebuttons .spendenbox-label h2,
.block-spendenbox .newsletter-label h2,
.block-newsletter .newsletter-label h2,
#block-newsletterblock .newsletter-label h2,
#block-addtoanybuttons .newsletter-label h2,
#block-shariffsharebuttons .newsletter-label h2 {
  font-size: 140%;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}
.block-spendenbox .spendenbox-element,
.block-newsletter .spendenbox-element,
#block-newsletterblock .spendenbox-element,
#block-addtoanybuttons .spendenbox-element,
#block-shariffsharebuttons .spendenbox-element,
.block-spendenbox .newsletter-text,
.block-newsletter .newsletter-text,
#block-newsletterblock .newsletter-text,
#block-addtoanybuttons .newsletter-text,
#block-shariffsharebuttons .newsletter-text {
  padding: 0.5rem 1.5rem 0.5rem 1rem;
  line-height: 22px;
}
.block-spendenbox .spendenbox-element:last-child,
.block-newsletter .spendenbox-element:last-child,
#block-newsletterblock .spendenbox-element:last-child,
#block-addtoanybuttons .spendenbox-element:last-child,
#block-shariffsharebuttons .spendenbox-element:last-child,
.block-spendenbox .newsletter-text:last-child,
.block-newsletter .newsletter-text:last-child,
#block-newsletterblock .newsletter-text:last-child,
#block-addtoanybuttons .newsletter-text:last-child,
#block-shariffsharebuttons .newsletter-text:last-child {
  border: none;
}
.block-spendenbox .spendenbox-element#spendenbox-spenden input,
.block-newsletter .spendenbox-element#spendenbox-spenden input,
#block-newsletterblock .spendenbox-element#spendenbox-spenden input,
#block-addtoanybuttons .spendenbox-element#spendenbox-spenden input,
#block-shariffsharebuttons .spendenbox-element#spendenbox-spenden input,
.block-spendenbox .newsletter-text#spendenbox-spenden input,
.block-newsletter .newsletter-text#spendenbox-spenden input,
#block-newsletterblock .newsletter-text#spendenbox-spenden input,
#block-addtoanybuttons .newsletter-text#spendenbox-spenden input,
#block-shariffsharebuttons .newsletter-text#spendenbox-spenden input {
  color: #fff;
  padding-right: 0.75rem;
}
.block-spendenbox .spendenbox-element a,
.block-newsletter .spendenbox-element a,
#block-newsletterblock .spendenbox-element a,
#block-addtoanybuttons .spendenbox-element a,
#block-shariffsharebuttons .spendenbox-element a,
.block-spendenbox .newsletter-text a,
.block-newsletter .newsletter-text a,
#block-newsletterblock .newsletter-text a,
#block-addtoanybuttons .newsletter-text a,
#block-shariffsharebuttons .newsletter-text a {
  color: #fff;
}
.block-spendenbox {
  display: none;
  text-align: center;
  margin-bottom: 1rem;
  background: rgba(255, 165, 0, 0.9);
}
@media screen and (min-width: 960px) {
  .block-spendenbox {
    text-align: left;
    top: 9rem;
    height: 10.5rem;
  }
}
.block-spendenbox input,
.spenden-footer input {
  vertical-align: middle;
  font-size: 24px!important;
}
.block-spendenbox .spendenbox-label,
.spenden-footer .spendenbox-label {
  border-bottom: 1px solid #ffba36;
  background: #ffa500;
}
@media screen and (min-width: 960px) {
  .block-spendenbox .spendenbox-label,
  .spenden-footer .spendenbox-label {
    top: 7.4rem;
    width: 10.5rem;
  }
}
.block-spendenbox #spendenbox-spenden input,
.spenden-footer #spendenbox-spenden input,
.block-spendenbox #spendenbox-spenden-footer input,
.spenden-footer #spendenbox-spenden-footer input {
  text-align: right;
  background: #f8c463;
  border: 1px solid #ffa500;
}
.block-spendenbox #spendenbox-spenden input#spendenbox-einmalig,
.spenden-footer #spendenbox-spenden input#spendenbox-einmalig,
.block-spendenbox #spendenbox-spenden-footer input#spendenbox-einmalig,
.spenden-footer #spendenbox-spenden-footer input#spendenbox-einmalig,
.block-spendenbox #spendenbox-spenden input#spendenbox-regelmaessig,
.spenden-footer #spendenbox-spenden input#spendenbox-regelmaessig,
.block-spendenbox #spendenbox-spenden-footer input#spendenbox-regelmaessig,
.spenden-footer #spendenbox-spenden-footer input#spendenbox-regelmaessig {
  margin: 0.75rem 0;
}
@media screen and (min-width: 960px) {
  .block-spendenbox #spendenbox-spenden input#spendenbox-einmalig,
  .spenden-footer #spendenbox-spenden input#spendenbox-einmalig,
  .block-spendenbox #spendenbox-spenden-footer input#spendenbox-einmalig,
  .spenden-footer #spendenbox-spenden-footer input#spendenbox-einmalig,
  .block-spendenbox #spendenbox-spenden input#spendenbox-regelmaessig,
  .spenden-footer #spendenbox-spenden input#spendenbox-regelmaessig,
  .block-spendenbox #spendenbox-spenden-footer input#spendenbox-regelmaessig,
  .spenden-footer #spendenbox-spenden-footer input#spendenbox-regelmaessig {
    margin: 1.75rem 0;
  }
}
.block-spendenbox #spendenbox-spenden input#spendenbox-number,
.spenden-footer #spendenbox-spenden input#spendenbox-number,
.block-spendenbox #spendenbox-spenden-footer input#spendenbox-number,
.spenden-footer #spendenbox-spenden-footer input#spendenbox-number {
  width: 6rem;
  color: #fff;
}
.block-spendenbox #spendenbox-spenden input#spendenbox-number::placeholder,
.spenden-footer #spendenbox-spenden input#spendenbox-number::placeholder,
.block-spendenbox #spendenbox-spenden-footer input#spendenbox-number::placeholder,
.spenden-footer #spendenbox-spenden-footer input#spendenbox-number::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff !important;
  opacity: 0.7;
  /* Firefox */
}
.block-spendenbox #spendenbox-spenden input#spendenbox-number:-ms-input-placeholder,
.spenden-footer #spendenbox-spenden input#spendenbox-number:-ms-input-placeholder,
.block-spendenbox #spendenbox-spenden-footer input#spendenbox-number:-ms-input-placeholder,
.spenden-footer #spendenbox-spenden-footer input#spendenbox-number:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
  opacity: 0.7;
}
.block-spendenbox #spendenbox-spenden input#spendenbox-number::-ms-input-placeholder,
.spenden-footer #spendenbox-spenden input#spendenbox-number::-ms-input-placeholder,
.block-spendenbox #spendenbox-spenden-footer input#spendenbox-number::-ms-input-placeholder,
.spenden-footer #spendenbox-spenden-footer input#spendenbox-number::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
  opacity: 0.7;
}
.block-spendenbox #spendenbox-submit,
.spenden-footer #spendenbox-submit {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 1rem;
}
.block-spendenbox #spendenbox-submit.uk-button-prmiary,
.spenden-footer #spendenbox-submit.uk-button-prmiary {
  background: rgba(0, 157, 197, 0.85);
}
.block-spendenbox #spendenbox-submit.uk-button-prmiary:hover,
.spenden-footer #spendenbox-submit.uk-button-prmiary:hover {
  background: #009dc5;
}
.block-spendenbox #spendenbox-submit.uk-button-prmiary:active,
.spenden-footer #spendenbox-submit.uk-button-prmiary:active {
  background: #009dc5;
}
.block-spendenbox #spendenbox-submit:hover,
.spenden-footer #spendenbox-submit:hover,
.block-spendenbox #spendenbox-submit:focus,
.spenden-footer #spendenbox-submit:focus,
.block-spendenbox #spendenbox-submit:visited,
.spenden-footer #spendenbox-submit:visited {
  color: #fff;
  background: #ff8f00;
}
@media screen and (min-width: 960px) {
  .block-spendenbox {
    display: block;
  }
}
.path-frontpage .block-spendenbox {
  margin-bottom: 0;
}
.block-newsletter,
#block-newsletterblock {
  text-align: center;
  background: rgba(102, 102, 102, 0.9);
}
.block-newsletter a,
#block-newsletterblock a {
  color: powderblue;
}
@media screen and (min-width: 960px) {
  .block-newsletter,
  #block-newsletterblock {
    top: 20.5rem;
    height: 18rem;
  }
}
.block-newsletter .newsletter-label,
#block-newsletterblock .newsletter-label {
  border-bottom: 1px solid #999;
  background: #666666;
}
@media screen and (min-width: 960px) {
  .block-newsletter .newsletter-label,
  #block-newsletterblock .newsletter-label {
    top: 14.9rem;
    width: 18rem;
  }
}
.block-newsletter #mc_embed_signup,
#block-newsletterblock #mc_embed_signup {
  padding: 0.25rem 0.15rem;
}
.block-newsletter #mc_embed_signup form,
#block-newsletterblock #mc_embed_signup form {
  display: inline-block;
  text-align: left;
  padding: 0.75rem 1rem;
  /*
            label[for="mce-EMAIL"] {
                float: left!important;
                padding-right: 5px;
                font-family: @base-heading-font-family;
                font-size: 125%;
                text-transform: uppercase;
                font-weight: bold;
                height: 40px;
            }
            */
}
.block-newsletter #mc_embed_signup form .form-item,
#block-newsletterblock #mc_embed_signup form .form-item {
  margin: 0.25rem 0;
}
.block-newsletter #mc_embed_signup form input,
#block-newsletterblock #mc_embed_signup form input,
.block-newsletter #mc_embed_signup form select,
#block-newsletterblock #mc_embed_signup form select {
  color: #fff !important;
  background: #888 !important;
  border: 1px solid #777 !important;
  margin: 0;
}
.block-newsletter #mc_embed_signup form input[type=checkbox],
#block-newsletterblock #mc_embed_signup form input[type=checkbox] {
  transform: scale(0.8);
  vertical-align: bottom;
}
.block-newsletter #mc_embed_signup form input,
#block-newsletterblock #mc_embed_signup form input,
.block-newsletter #mc_embed_signup form .button,
#block-newsletterblock #mc_embed_signup form .button {
  border-radius: 0;
}
.block-newsletter #mc_embed_signup form .button,
#block-newsletterblock #mc_embed_signup form .button {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 120%;
  text-transform: uppercase;
  font-weight: bold;
  height: 40px;
}
.block-newsletter #mc_embed_signup form div.mce_inline_error,
#block-newsletterblock #mc_embed_signup form div.mce_inline_error {
  background: none!important;
  margin: 0!important;
  padding: 0!important;
  font-size: 80%!important;
  display: none!important;
}
.block-newsletter #mc_embed_signup form input.mce_inline_error,
#block-newsletterblock #mc_embed_signup form input.mce_inline_error {
  outline: 1px solid red;
}
.block-newsletter #mc_embed_signup form .mc-field-group,
#block-newsletterblock #mc_embed_signup form .mc-field-group {
  min-height: auto;
}
.block-newsletter #mc_embed_signup form #mce-VORNAME,
#block-newsletterblock #mc_embed_signup form #mce-VORNAME,
.block-newsletter #mc_embed_signup form #mce-NACHNAME,
#block-newsletterblock #mc_embed_signup form #mce-NACHNAME,
.block-newsletter #mc_embed_signup form #mce-EMAIL,
#block-newsletterblock #mc_embed_signup form #mce-EMAIL {
  height: 30px;
}
.block-newsletter #mc_embed_signup form label[for="mce-VORNAME"],
#block-newsletterblock #mc_embed_signup form label[for="mce-VORNAME"],
.block-newsletter #mc_embed_signup form label[for="mce-NACHNAME"],
#block-newsletterblock #mc_embed_signup form label[for="mce-NACHNAME"],
.block-newsletter #mc_embed_signup form label[for="mce-EMAIL"],
#block-newsletterblock #mc_embed_signup form label[for="mce-EMAIL"] {
  display: none;
}
.block-newsletter #mc_embed_signup form ::-webkit-input-placeholder,
#block-newsletterblock #mc_embed_signup form ::-webkit-input-placeholder,
.block-newsletter #mc_embed_signup form ::-moz-placeholder,
#block-newsletterblock #mc_embed_signup form ::-moz-placeholder,
.block-newsletter #mc_embed_signup form ::-ms-input-placeholder,
#block-newsletterblock #mc_embed_signup form ::-ms-input-placeholder,
.block-newsletter #mc_embed_signup form :-moz-placeholder,
#block-newsletterblock #mc_embed_signup form :-moz-placeholder {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 125%;
  text-transform: uppercase;
  font-weight: bold;
  height: 30px;
}
.block-newsletter #mc_embed_signup form #mce-success-response,
#block-newsletterblock #mc_embed_signup form #mce-success-response,
.block-newsletter #mc_embed_signup form #mce-error-response,
#block-newsletterblock #mc_embed_signup form #mce-error-response {
  color: #fff;
  position: absolute;
  top: 2rem;
  background: #222;
  padding: 1rem;
  left: 0.5rem;
  box-shadow: 0 0 5rem #000;
  opacity: 0.9;
}
.block-newsletter #mc_embed_signup form #mce-success-response,
#block-newsletterblock #mc_embed_signup form #mce-success-response {
  color: #fff;
}
.block-newsletter #mc_embed_signup form button,
#block-newsletterblock #mc_embed_signup form button {
  margin-top: 0.5rem;
  background: #666666;
}
.block-newsletter #mc_embed_signup form ::-webkit-input-placeholder,
#block-newsletterblock #mc_embed_signup form ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #ccc;
}
.block-newsletter #mc_embed_signup form :-moz-placeholder,
#block-newsletterblock #mc_embed_signup form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1;
}
.block-newsletter #mc_embed_signup form ::-moz-placeholder,
#block-newsletterblock #mc_embed_signup form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
  opacity: 1;
}
.block-newsletter #mc_embed_signup form :-ms-input-placeholder,
#block-newsletterblock #mc_embed_signup form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
}
.block-newsletter #mc_embed_signup form ::-ms-input-placeholder,
#block-newsletterblock #mc_embed_signup form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ccc;
}
#block-addtoanybuttons {
  background: rgba(102, 102, 102, 0.9);
  top: 39.5rem;
  height: 48px;
  right: -23rem;
  width: calc(23rem + 43px);
}
#block-addtoanybuttons #social-slider {
  background: #666666;
  position: absolute;
  width: 1.6rem;
  padding: 0.7rem;
  font-family: 'FontAwesome';
  font-size: 2rem;
  content: '\f1e0';
  border-right: 1px solid #999;
}
#block-addtoanybuttons .addtoany_list {
  margin-left: 55px;
  line-height: 48px!important;
}
#block-addtoanybuttons.addtoany-show {
  right: 0;
}
#block-addtoanybuttons-2 {
  display: none;
  text-align: center;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  #block-addtoanybuttons-2 {
    display: block;
  }
}
#block-addtoanybuttons-2 h2 {
  display: inline;
  vertical-align: middle;
  font-size: 100%;
  font-weight: normal;
}
#block-addtoanybuttons-2 > div.contextual {
  display: inline;
}
#block-shariffsharebuttons {
  background: rgba(102, 102, 102, 0.9);
  top: 39.5rem;
  height: 48px;
  right: -23rem;
  width: calc(23rem + 43px);
}
#block-shariffsharebuttons #social-slider {
  background: #666666;
  position: absolute;
  width: 1.6rem;
  padding: 0.7rem;
  font-family: 'FontAwesome';
  font-size: 2rem;
  content: '\f1e0';
  border-right: 1px solid #999;
}
#block-shariffsharebuttons .shariff {
  margin-left: 55px;
  margin-top: 6px;
  line-height: 36px!important;
}
#block-shariffsharebuttons.social-buttons-show {
  right: 0;
}
#block-shariffsharebuttons-2 {
  display: none;
  text-align: center;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  #block-shariffsharebuttons-2 {
    display: block;
  }
}
#block-shariffsharebuttons-2 h2 {
  display: inline;
  padding-right: 5px;
  vertical-align: middle;
  font-size: 100%;
  font-weight: normal;
}
#block-shariffsharebuttons-2 .shariff {
  display: inline-block;
}
#block-shariffsharebuttons-2 > div.contextual {
  display: inline;
}
#block-shariffsharebuttons .shariff li,
#block-shariffsharebuttons-2 .shariff li {
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  margin-right: 10px;
}
#block-shariffsharebuttons .shariff li a,
#block-shariffsharebuttons-2 .shariff li a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 5px;
}
#block-shariffsharebuttons .shariff li .fa,
#block-shariffsharebuttons-2 .shariff li .fa {
  font-size: 30px;
}
#block-shariffsharebuttons .shariff li .fa.fa-google-plus,
#block-shariffsharebuttons-2 .shariff li .fa.fa-google-plus {
  font-size: 22px;
}
#block-shariffsharebuttons .shariff li .share_text,
#block-shariffsharebuttons-2 .shariff li .share_text {
  display: none;
}
@media screen and (min-width: 768px) {
  #block-shariffsharebuttons .shariff li.whatsapp,
  #block-shariffsharebuttons-2 .shariff li.whatsapp {
    display: none;
  }
}
/*

.uk-navbar {
    color: @navbar-nav-color;
    border: 0;
}

nav.block-menu {
    font-size: 120%;
    clear: both;  
    ul {
        margin:  0 0 2rem;
        padding: 0 .25rem;
        list-style: none;
        li {
            padding: .25rem;
        }
    }
}

nav#block-waswirtun {
    ul {
        list-style: none;
        li {
            padding: .25rem;
        }
    }
    .menu-separator {
        font-size: 120%;
        margin: 0 0 .75rem;
    }
}

nav#block-spendenhelfen {
    h2, a {
        font-weight: bold!important;
        color: @donation-color!important;
        border-color: @donation-color!important;
    }
}

nav#block-spendenhelfen,
nav#block-werwirsind {
    ul {
        li {
            display: inline-block;
            padding: .25rem .5rem;
        }
    }
}



#menu-open,
#menu-close {
    position: absolute;
    right: 1rem;
    font-size: 1.25rem;
    color: @base-heading-color;
    cursor: pointer;
    opacity: .9;
    &:hover {
        opacity: 1;
    }
    // We use another menu on this page
    display: none;
}

#menu-open {
    z-index: 511;
    top: 2rem;
}

#menu-close {
    top: -1rem;
    @media @small {
        top: .5rem;
    }
}
*/
#nav-wrapper-alt {
  position: absolute;
  z-index: 520;
  width: 100vw;
  height: 100vh;
  text-align: center;
  overflow-y: scroll;
  background: #fff;
  display: none;
}
#nav-wrapper-alt:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #nav-wrapper-alt:before {
    display: none;
  }
}
#nav-wrapper-alt nav {
  position: relative;
}
#nav-wrapper-alt #main-nav {
  width: 100%;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.toolbar-horizontal #nav-wrapper-alt {
  top: 41px;
}
.toolbar-horizontal.toolbar-tray-open #nav-wrapper-alt {
  top: 81px;
}
#main-nav .region-mainmenu h2 {
  color: #123d8a;
  font-weight: 300;
  line-height: 36px;
  width: 100%;
  border-bottom: 1px solid #123d8a;
}
.page-node-type-aktuelle-meldung .news-datum-land {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  color: #123d8a;
  font-size: 120%;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.region-bottom-slide {
  position: fixed;
  z-index: 400;
  width: 100%;
  transition: bottom ease-in 0.25s;
}
@media screen and (min-width: 960px) {
  .region-bottom-slide {
    display: none!important;
  }
}
.region-bottom-slide #block-spendenfooter {
  color: #fff;
  background: rgba(255, 165, 0, 0.9);
  text-align: center;
}
.region-bottom-slide #block-spendenfooter #footer-spendenform {
  padding: 0.5rem;
  text-align: center;
}
.region-bottom-slide #block-spendenfooter #footer-spendenform #footer-spendenform-close {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  color: #fff;
  cursor: pointer;
}
.region-bottom-slide #block-spendenfooter #footer-spendenform #footer-spendenform-label {
  display: block;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .region-bottom-slide #block-spendenfooter #footer-spendenform #footer-spendenform-label {
    display: inline;
    padding-bottom: inherit;
  }
}
#project-spendenform-number,
#footer-spendenform-number {
  width: 10rem;
  color: #fff;
  text-align: right;
  padding: 5px 0.75rem;
  background: #ffba36;
  border: 1px solid #ffa500;
  margin: 0 0 0 0.25rem;
}
#project-spendenform-submit,
#footer-spendenform-submit {
  background: #ffba36;
  border: 1px solid #ffa500;
  transition: all ease-in-out 0.25s;
  margin: 0 0.25rem;
  padding: 0 1rem;
}
#project-spendenform-submit:hover,
#footer-spendenform-submit:hover,
#project-spendenform-submit:focus,
#footer-spendenform-submit:focus,
#project-spendenform-submit:visited,
#footer-spendenform-submit:visited {
  color: #fff;
  background: #ff8f00;
}
#project-spendenform-number,
#footer-spendenform-number,
#project-spendenform-submit,
#footer-spendenform-submit {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
}
.footwrap {
  margin-top: 3rem;
  background: rgba(238, 238, 238, 0.8);
}
.footwrap .uk-container {
  padding-top: 3rem;
}
.footwrap .region-footer {
  width: 100%;
}
#block-footerarchenova {
  color: #333;
  margin: 0 auto 4rem;
  width: 80%;
}
@media screen and (min-width: 768px) {
  #block-footerarchenova {
    width: 50%;
  }
}
@media screen and (min-width: 960px) {
  #block-footerarchenova {
    width: 100%;
  }
}
#block-footerarchenova #footer-membership-logos,
#block-footerarchenova #footer-contact,
#block-footerarchenova #footer-dzi-logo {
  margin-bottom: 2rem;
}
#block-footerarchenova a {
  color: #333;
}
#block-footerarchenova dd {
  font-size: 90%;
}
#block-footerarchenova #footer-logos {
  margin-left: -1.5rem;
  margin-right: 2rem;
}
#block-footerarchenova #footer-logos .footer-logo {
  padding: 0.5rem 2rem;
}
#block-footerarchenova #footer-logos .footer-logo img {
  max-width: 100%;
  height: auto;
  opacity: 0.85;
}
#block-footerarchenova #footer-logos .footer-logo img:hover {
  opacity: 1;
}
#block-footerarchenova #social-links {
  margin-top: 2.5rem;
}
#block-footerarchenova #social-links a {
  width: 38px;
  height: 38px;
  background-color: #fff;
  background-size: 56px 56px;
  border-radius: 50%;
  margin: 0 0.5rem;
  font-size: 38px;
  text-align: center;
  padding: 12px;
  color: #999;
}
input[type='number'] {
  appearance: textfield!important;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield!important;
}
#content-wrapper {
  position: relative;
  transition: all 0.3s ease-in-out;
  transform-origin: center top;
}
#content-wrapper #banner-wrapper {
  padding: 0;
}
#content-wrapper #inner-wrapper {
  background: #fff;
}
.view-footer .uk-container-center {
  text-align: center;
  margin: 2rem auto 0;
}
@media screen and (min-width: 960px) {
  nav.tabs,
  article:not(.media),
  .field--name-description {
    max-width: 80%;
    padding: 0 10% 1rem;
  }
}
.region-banner .views-field-field-bannertext.uk-overlay-panel {
  opacity: 1;
  margin: 0 auto;
  padding: 0 7.5%;
  display: table;
  position: absolute;
  height: 40%;
  top: 30%;
}
@media screen and (min-width: 960px) {
  .region-banner .views-field-field-bannertext.uk-overlay-panel {
    width: calc(100% - 40rem);
    margin: inherit;
    top: 40%;
  }
}
.region-banner .views-field-field-bannertext.uk-overlay-panel .field-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .region-banner .views-field-field-bannertext.uk-overlay-panel .field-content {
    max-width: 90%;
  }
}
.region-banner .views-field-field-bannertext.uk-overlay-panel .field-content h2 {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 10vw;
  line-height: 1.2;
  text-shadow: 0 0 1.5rem #000, 0 0 1.5rem #000, 0 0 1.5rem #000;
}
@media screen and (min-width: 960px) {
  .region-banner .views-field-field-bannertext.uk-overlay-panel .field-content h2 {
    font-size: 4.5vw;
  }
}
.region-banner .views-field-field-bannertext.uk-overlay-panel .field-content h2 .obertitel {
  display: block;
  font-size: 6vw;
  margin-bottom: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (min-width: 960px) {
  .region-banner .views-field-field-bannertext.uk-overlay-panel .field-content h2 .obertitel {
    font-size: 2vw;
  }
}
.region-banner .views-field-field-bannertext.uk-overlay-panel .field-content h2 .obertitel a {
  text-decoration: none;
}
.region-banner .view-startseiten-banner {
  position: relative;
}
.region-banner .view-startseiten-banner .views-row #banner-buttons {
  margin-top: 1rem;
}
.region-banner .view-startseiten-banner .views-row #banner-buttons .uk-button {
  margin: 0 0.25rem;
  box-shadow: 0 0 1rem #555;
}
.region-banner .view-startseiten-banner .views-row #banner-buttons .spenden-button {
  background: #ff8700;
  color: #fff;
}
.region-banner .view-startseiten-banner .views-row #banner-buttons .spenden-button:hover {
  background: #ffb900;
}
.region-banner .view-startseiten-banner .views-row #banner-buttons .spenden-button:active {
  background: #ffb900;
}
.uk-slideshow {
  margin-bottom: -3px !important;
}
.uk-slidenav {
  display: none!important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-weight: bold;
  text-shadow: 0 0 3rem #000;
  top: 55.5% !important;
}
@media screen and (min-width: 768px) {
  .uk-slidenav {
    display: block!important;
  }
}
.uk-slidenav-previous {
  left: 0!important;
}
.uk-slidenav-next {
  right: 0!important;
}
@media screen and (min-width: 960px) {
  .uk-slidenav-next {
    right: calc(23rem + 50px) !important;
  }
}
.uk-slidenav-contrast {
  color: rgba(255, 255, 255, 0.9) !important;
}
.uk-dotnav {
  bottom: 0.75rem !important;
}
@media screen and (min-width: 960px) {
  .uk-dotnav {
    margin-left: 0!important;
    padding: 0 7.5% !important;
    width: calc(100% - 40rem);
  }
}
.uk-dotnav > * {
  padding: 0 0.5rem !important;
}
.uk-dotnav-contrast > * > * {
  background: rgba(255, 255, 255, 0.7) !important;
}
.uk-dotnav-contrast > * > *:hover,
.uk-dotnav-contrast > * > *:focus {
  background: rgba(255, 255, 255, 0.9) !important;
}
.uk-dotnav-contrast > .uk-active > * {
  background: #ffffff !important;
  box-shadow: 0 0 1rem #555;
}
.page-banner {
  position: relative;
  margin-top: -3rem;
  padding-top: 1rem;
}
.path-frontpage main {
  margin-top: 0;
}
.path-frontpage .block-views,
.path-frontpage #block-weltkarte,
.path-frontpage #block-weltkarteen {
  padding: 1rem 0 2rem;
}
@media screen and (min-width: 960px) {
  .path-frontpage .block-views,
  .path-frontpage #block-weltkarte,
  .path-frontpage #block-weltkarteen {
    padding: 2rem 0 2rem;
  }
}
.path-frontpage .block-views#block-views-block-startseiten-banner-block-1-2,
.path-frontpage #block-weltkarte#block-views-block-startseiten-banner-block-1-2,
.path-frontpage #block-weltkarteen#block-views-block-startseiten-banner-block-1-2 {
  padding: 0;
}
.path-frontpage .block-views h2,
.path-frontpage #block-weltkarte h2,
.path-frontpage #block-weltkarteen h2 {
  background: none;
  max-width: 100%;
  margin: 0 auto 2rem auto;
  padding: 0 35px;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .path-frontpage .block-views h2,
  .path-frontpage #block-weltkarte h2,
  .path-frontpage #block-weltkarteen h2 {
    max-width: 1100px;
  }
}
@media screen and (min-width: 1220px) {
  .path-frontpage .block-views h2,
  .path-frontpage #block-weltkarte h2,
  .path-frontpage #block-weltkarteen h2 {
    max-width: 1300px;
  }
}
.path-frontpage #block-weltkarte,
.path-frontpage #block-weltkarteen {
  padding: 2rem 25px 3rem;
}
@media screen and (min-width: 960px) {
  .path-frontpage #block-weltkarte,
  .path-frontpage #block-weltkarteen {
    padding: 2rem 0 3rem;
  }
}
#block-views-block-campaign-box-block-1 .view-campaign-box {
  padding: 0.5rem;
  text-align: center;
  background: #fff;
}
#block-views-block-campaign-box-block-1 .view-campaign-box .campaign-box-inner {
  border: 3px dotted #f0f0f0;
}
@media screen and (min-width: 768px) {
  #block-views-block-campaign-box-block-1 .view-campaign-box .campaign-box-inner {
    padding: 2rem;
  }
}
.block-views-blockspendenoptionen-startseite-block-1 {
  color: #fff;
}
.block-views-blockspendenoptionen-startseite-block-1 h2 {
  color: #ff8700 !important;
}
.block-views-blockspendenoptionen-startseite-block-1 .view > .views-row h3 {
  color: #333;
}
.block-views-blockspendenoptionen-startseite-block-1 .view > .views-row .views-field {
  background: #f0f0f0;
}
.block-views-blockspendenoptionen-startseite-block-1 .view > .views-row .views-field-field-betrag {
  position: relative;
  z-index: 10;
}
.block-views-blockspendenoptionen-startseite-block-1 .view > .views-row .views-field-field-betrag .field-content {
  width: 120px;
}
.block-views-blockspendenoptionen-startseite-block-1 .view > .views-row .views-field-field-betrag .field-content a {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 120px;
  height: 70px;
  margin: -60px auto 0 auto;
  padding-top: 50px;
  display: block;
  font-size: 40px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #ff8700 !important;
  border-radius: 50%;
  text-decoration: none;
}
.block-views-blockspendenoptionen-startseite-block-1 .view > .views-row .views-field-field-betrag .field-content a:hover {
  text-decoration: none;
}
.block-views-blockspendenoptionen-startseite-block-1 .view > .views-row .views-field-field-hilfsbeitrag- {
  margin-top: -60px;
  padding: 60px 1rem 0.5rem;
  margin-bottom: 0;
}
.block-views-blockspendenoptionen-startseite-block-1 .view > .views-row .views-field-field-land-ort-country-code {
  padding-bottom: 1rem;
  color: #333;
  font-size: 120%;
}
.block-views-blockaktuelle-meldungen-block-1 {
  background: #f0f0f0;
}
.block-views-blockaktuelle-meldungen-block-1 .views-row .views-field {
  background: #fff;
}
.block-views-blockaktuelle-meldungen-block-1 .views-row > .views-field {
  padding: 0 1rem;
}
.block-views-blockaktuelle-meldungen-block-1 .views-row > .views-field:first-child {
  padding: 0;
}
.block-views-blockaktuelle-meldungen-block-1 .views-row > .views-field:nth-child(2) {
  padding-top: 1rem;
}
.block-views-blockaktuelle-meldungen-block-1 .views-row > .views-field:last-child {
  padding-bottom: 1rem;
}
.block-views-blockaktuelle-meldungen-block-1 .views-field-view,
.block-views-blockaktuelle-meldungen-block-1 .views-field-title {
  display: block;
  max-width: 100%;
}
.view-aktuelle-meldungen .views-field-title {
  min-height: 4.75rem;
}
.view-aktuelle-meldungen-liste .views-row {
  margin-bottom: 1rem;
}
.view-team h3,
.view-team-vorstand h3,
.view-team-stabsstellen h3,
.view-team-strategie h3,
.view-team-gf h3,
.view-team-ausland h3,
.view-team-bildung h3,
.view-team-finanzen h3,
.view-team-logistik h3,
.view-team-kommunikation h3 {
  margin: 0!important;
  padding: 1rem!important;
}
.block-views-blockthemenuebersicht-block-1,
.block-views-blockthemenuebersicht-block-2 {
  text-align: center;
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.block-views-blockthemenuebersicht-block-1 .views-row,
.block-views-blockthemenuebersicht-block-2 .views-row {
  display: inline-block;
  padding: 0 1.5rem;
  vertical-align: top;
}
.block-views-blockthemenuebersicht-block-1 .views-row {
  width: 8rem;
  font-size: 90%;
}
@media screen and (min-width: 768px) {
  .block-views-blockthemenuebersicht-block-1 .views-row {
    width: 15rem;
    font-size: 120%;
  }
}
.block-views-blockthemenuebersicht-block-2 .views-row {
  width: 5rem;
  font-size: 80%;
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .block-views-blockthemenuebersicht-block-2 .views-row {
    width: 10rem;
    font-size: 100%;
  }
}
/*
.block-views-blockprojekte-zum-thema-block-1 > .view,
.block-views-blockprojekte-zur-region-block-1 > .view,
.block-views-blockartikelempfehlungen-block-1 > .view,
.block-views-blockbildungsmodule-block-1 > .view,
.block-views-blockbildungsmodule-block-2 > .view,
.block-views-blockbildungsformate-projekte-in-deutschland-block-1 .view,
*/
.block-views-blockprojekte-zum-thema-block-1 .views-row,
.block-views-blockprojekte-zur-region-block-1 .views-row,
.block-views-blockartikelempfehlungen-block-1 .views-row,
.block-views-blockbildungsmodule-block-1 .views-row,
.block-views-blockbildungsmodule-block-2 .views-row,
.block-views-blockbildungsformate-projekte-in-deutschland-block-1 .views-row,
.view-team .views-row,
.view-team-vorstand .views-row,
.view-team-stabsstellen .views-row,
.view-team-strategie .views-row,
.view-team-gf .views-row,
.view-team-ausland .views-row,
.view-team-bildung .views-row,
.view-team-finanzen .views-row,
.view-team-logistik .views-row,
.view-team-kommunikation .views-row {
  margin-bottom: 1rem;
}
.block-views-blockprojekte-zum-thema-block-1 .views-row .views-field,
.block-views-blockprojekte-zur-region-block-1 .views-row .views-field,
.block-views-blockartikelempfehlungen-block-1 .views-row .views-field,
.block-views-blockbildungsmodule-block-1 .views-row .views-field,
.block-views-blockbildungsmodule-block-2 .views-row .views-field,
.block-views-blockbildungsformate-projekte-in-deutschland-block-1 .views-row .views-field,
.view-team .views-row .views-field,
.view-team-vorstand .views-row .views-field,
.view-team-stabsstellen .views-row .views-field,
.view-team-strategie .views-row .views-field,
.view-team-gf .views-row .views-field,
.view-team-ausland .views-row .views-field,
.view-team-bildung .views-row .views-field,
.view-team-finanzen .views-row .views-field,
.view-team-logistik .views-row .views-field,
.view-team-kommunikation .views-row .views-field {
  background: #f6f6f6;
}
.block-views-blockprojekte-zum-thema-block-1 .views-row > .views-field,
.block-views-blockprojekte-zur-region-block-1 .views-row > .views-field,
.block-views-blockartikelempfehlungen-block-1 .views-row > .views-field,
.block-views-blockbildungsmodule-block-1 .views-row > .views-field,
.block-views-blockbildungsmodule-block-2 .views-row > .views-field,
.block-views-blockbildungsformate-projekte-in-deutschland-block-1 .views-row > .views-field,
.view-team .views-row > .views-field,
.view-team-vorstand .views-row > .views-field,
.view-team-stabsstellen .views-row > .views-field,
.view-team-strategie .views-row > .views-field,
.view-team-gf .views-row > .views-field,
.view-team-ausland .views-row > .views-field,
.view-team-bildung .views-row > .views-field,
.view-team-finanzen .views-row > .views-field,
.view-team-logistik .views-row > .views-field,
.view-team-kommunikation .views-row > .views-field {
  padding: 0 1rem;
}
.block-views-blockprojekte-zum-thema-block-1 .views-row > .views-field:first-child,
.block-views-blockprojekte-zur-region-block-1 .views-row > .views-field:first-child,
.block-views-blockartikelempfehlungen-block-1 .views-row > .views-field:first-child,
.block-views-blockbildungsmodule-block-1 .views-row > .views-field:first-child,
.block-views-blockbildungsmodule-block-2 .views-row > .views-field:first-child,
.block-views-blockbildungsformate-projekte-in-deutschland-block-1 .views-row > .views-field:first-child,
.view-team .views-row > .views-field:first-child,
.view-team-vorstand .views-row > .views-field:first-child,
.view-team-stabsstellen .views-row > .views-field:first-child,
.view-team-strategie .views-row > .views-field:first-child,
.view-team-gf .views-row > .views-field:first-child,
.view-team-ausland .views-row > .views-field:first-child,
.view-team-bildung .views-row > .views-field:first-child,
.view-team-finanzen .views-row > .views-field:first-child,
.view-team-logistik .views-row > .views-field:first-child,
.view-team-kommunikation .views-row > .views-field:first-child {
  padding: 0;
}
.block-views-blockprojekte-zum-thema-block-1 .views-row > .views-field:nth-child(2),
.block-views-blockprojekte-zur-region-block-1 .views-row > .views-field:nth-child(2),
.block-views-blockartikelempfehlungen-block-1 .views-row > .views-field:nth-child(2),
.block-views-blockbildungsmodule-block-1 .views-row > .views-field:nth-child(2),
.block-views-blockbildungsmodule-block-2 .views-row > .views-field:nth-child(2),
.block-views-blockbildungsformate-projekte-in-deutschland-block-1 .views-row > .views-field:nth-child(2),
.view-team .views-row > .views-field:nth-child(2),
.view-team-vorstand .views-row > .views-field:nth-child(2),
.view-team-stabsstellen .views-row > .views-field:nth-child(2),
.view-team-strategie .views-row > .views-field:nth-child(2),
.view-team-gf .views-row > .views-field:nth-child(2),
.view-team-ausland .views-row > .views-field:nth-child(2),
.view-team-bildung .views-row > .views-field:nth-child(2),
.view-team-finanzen .views-row > .views-field:nth-child(2),
.view-team-logistik .views-row > .views-field:nth-child(2),
.view-team-kommunikation .views-row > .views-field:nth-child(2) {
  padding-top: 1rem;
}
.block-views-blockprojekte-zum-thema-block-1 .views-row > .views-field:last-child,
.block-views-blockprojekte-zur-region-block-1 .views-row > .views-field:last-child,
.block-views-blockartikelempfehlungen-block-1 .views-row > .views-field:last-child,
.block-views-blockbildungsmodule-block-1 .views-row > .views-field:last-child,
.block-views-blockbildungsmodule-block-2 .views-row > .views-field:last-child,
.block-views-blockbildungsformate-projekte-in-deutschland-block-1 .views-row > .views-field:last-child,
.view-team .views-row > .views-field:last-child,
.view-team-vorstand .views-row > .views-field:last-child,
.view-team-stabsstellen .views-row > .views-field:last-child,
.view-team-strategie .views-row > .views-field:last-child,
.view-team-gf .views-row > .views-field:last-child,
.view-team-ausland .views-row > .views-field:last-child,
.view-team-bildung .views-row > .views-field:last-child,
.view-team-finanzen .views-row > .views-field:last-child,
.view-team-logistik .views-row > .views-field:last-child,
.view-team-kommunikation .views-row > .views-field:last-child {
  padding-bottom: 1rem;
}
.view-aktuelle-meldungen.view-display-id-page_1 .views-row {
  margin-bottom: 1rem;
}
.view-aktuelle-meldungen.view-display-id-page_1 .views-row .views-field {
  background: #f6f6f6;
}
.view-aktuelle-meldungen.view-display-id-page_1 .views-row > .views-field {
  padding: 0 1rem;
}
.view-aktuelle-meldungen.view-display-id-page_1 .views-row > .views-field:first-child {
  padding: 0;
}
.view-aktuelle-meldungen.view-display-id-page_1 .views-row > .views-field:last-child {
  padding-bottom: 1rem;
}
.block-views-blockprojekte-zum-thema-block-1,
.block-views-blockprojekte-zur-region-block-1,
.block-views-blockartikelempfehlungen-block-1,
.block-views-blockbildungsmodule-block-1,
.block-views-blockbildungsmodule-block-2,
.block-views-blockbildungsformate-projekte-in-deutschland-block-1 {
  margin-top: 3rem;
}
.view-aktuelle-meldungen.view-display-id-page_1 > .views-row,
.block-views-blockspendenoptionen-startseite-block-1 .view > .views-row,
.block-views-blockaktuelle-meldungen-block-1 .view > .views-row,
.block-views-blockprojekte-zum-thema-block-1 .view > .views-row,
.block-views-blockprojekte-zur-region-block-1 .view > .views-row,
.block-views-blockartikelempfehlungen-block-1 .view > .views-row,
.block-views-blockbildungsmodule-block-1 .view > .views-row,
.block-views-blockbildungsmodule-block-2 .view > .views-row,
.block-views-blockbildungsformate-projekte-in-deutschland-block-1 .view > .views-row,
.view-aktuelle-meldungen.view-display-id-page_1 > .views-row,
.view-team-vorstand > .views-row,
.view-team-stabsstellen > .views-row,
.view-team-strategie > .views-row,
.view-team-gf > .views-row,
.view-team-ausland > .views-row,
.view-team-bildung > .views-row,
.view-team-finanzen > .views-row,
.view-team-logistik > .views-row,
.view-team-kommunikation > .views-row {
  position: relative;
  z-index: 1;
}
.view-aktuelle-meldungen.view-display-id-page_1 > .views-row:after,
.block-views-blockspendenoptionen-startseite-block-1 .view > .views-row:after,
.block-views-blockaktuelle-meldungen-block-1 .view > .views-row:after,
.block-views-blockprojekte-zum-thema-block-1 .view > .views-row:after,
.block-views-blockprojekte-zur-region-block-1 .view > .views-row:after,
.block-views-blockartikelempfehlungen-block-1 .view > .views-row:after,
.block-views-blockbildungsmodule-block-1 .view > .views-row:after,
.block-views-blockbildungsmodule-block-2 .view > .views-row:after,
.block-views-blockbildungsformate-projekte-in-deutschland-block-1 .view > .views-row:after,
.view-aktuelle-meldungen.view-display-id-page_1 > .views-row:after,
.view-team-vorstand > .views-row:after,
.view-team-stabsstellen > .views-row:after,
.view-team-strategie > .views-row:after,
.view-team-gf > .views-row:after,
.view-team-ausland > .views-row:after,
.view-team-bildung > .views-row:after,
.view-team-finanzen > .views-row:after,
.view-team-logistik > .views-row:after,
.view-team-kommunikation > .views-row:after {
  border-radius: 50%;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.45);
  content: "";
  margin: 0 0 0 -45%;
  width: 90%;
  height: 20px;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: -1;
}
.view-aktuelle-meldungen.view-display-id-page_1 > .views-row:before,
.block-views-blockspendenoptionen-startseite-block-1 .view > .views-row:before,
.block-views-blockaktuelle-meldungen-block-1 .view > .views-row:before,
.block-views-blockprojekte-zum-thema-block-1 .view > .views-row:before,
.block-views-blockprojekte-zur-region-block-1 .view > .views-row:before,
.block-views-blockartikelempfehlungen-block-1 .view > .views-row:before,
.block-views-blockbildungsmodule-block-1 .view > .views-row:before,
.block-views-blockbildungsmodule-block-2 .view > .views-row:before,
.block-views-blockbildungsformate-projekte-in-deutschland-block-1 .view > .views-row:before,
.view-aktuelle-meldungen.view-display-id-page_1 > .views-row:before,
.view-team-vorstand > .views-row:before,
.view-team-stabsstellen > .views-row:before,
.view-team-strategie > .views-row:before,
.view-team-gf > .views-row:before,
.view-team-ausland > .views-row:before,
.view-team-bildung > .views-row:before,
.view-team-finanzen > .views-row:before,
.view-team-logistik > .views-row:before,
.view-team-kommunikation > .views-row:before {
  top: 0;
}
.view-erster-bild-absatz-eines-nodes  > .views-row:after {
  display: none;
}
#sidebar-first,
#sidebar-second {
  position: relative;
  z-index: 1;
  font-size: 0.9em;
}
#sidebar-first aside,
#sidebar-second aside {
  background: #fff;
  padding: 0 2rem 1rem 0;
}
#sidebar-first aside h2,
#sidebar-second aside h2 {
  font-size: 24px;
}
#sidebar-first aside:after,
#sidebar-second aside:after {
  border-radius: 50%;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.45);
  content: "";
  margin: 0 0 0 -45%;
  width: 20px;
  height: 90%;
  position: absolute;
  right: 0;
  top: 2.5%;
  z-index: -1;
}
#sidebar-second aside:after {
  margin: 0 -45% 0 0;
  right: auto;
  left: 0;
}
.view-header {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  color: #123d8a;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.views-block-divider {
  padding-top: 3rem;
  border-top: 2px dotted #ccc;
}
.views-block-divider h2 {
  margin-bottom: 2rem!important;
}
.views-block-divider .views-row .views-field-title {
  display: block;
  margin-top: 1rem;
}
.views-block-divider:last-child {
  margin-bottom: 5rem;
}
.views-field-field-bildlizenz-banner,
.field--name-field-bildlizenz-banner {
  /*
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    */
  position: relative;
  z-index: 10;
  float: right;
  padding: 1px 0.2rem;
  background: rgba(255, 255, 255, 0.6);
  font-size: 60%;
  line-height: 20px;
  margin-top: -20px;
  color: #666;
}
.views-field-field-bildlizenz-banner .field-content,
.field--name-field-bildlizenz-banner .field-content {
  display: inline-block;
  margin: 0;
}
.views-field-field-bildlizenz-banner .field-content p,
.field--name-field-bildlizenz-banner .field-content p {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.field--name-field-bildlizenz-banner {
  margin-top: calc(-2rem - 20px);
  margin-bottom: 2rem;
}
.block > h2 {
  text-transform: uppercase;
}
.field__label {
  padding: 2.5rem 0 1rem;
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 110%;
  color: #123d8a;
  font-weight: bold;
}
.field-small {
  font-size: 85%;
}
.field--label-inline:first-child {
  padding-top: 2.5rem;
}
.field--label-inline .field__label {
  float: none;
  margin-bottom: 0.5rem;
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .field--label-inline .field__label {
    display: inline-block;
    margin-bottom: 0;
  }
}
.field--label-inline .field__items,
.field--label-inline .field__item {
  float: none;
}
@media screen and (min-width: 960px) {
  .field--label-inline .field__items,
  .field--label-inline .field__item {
    display: inline-block;
    margin: 0 0.5rem !important;
  }
}
.field--name-field-titelbild {
  margin-bottom: 2rem;
}
.field--name-field-teaser {
  color: #123d8a;
  margin: 0 0 2rem;
  font-size: 125%;
  line-height: 1.35;
}
.field--name-field-teaser,
.field--name-field-text,
.field--name-description,
.field--name-body {
  hyphens: auto;
  -epub-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}
.field--name-field-lizenz {
  display: table-cell;
  text-align: right;
  width: 100%;
  padding-top: 0.5rem;
  font-size: 70%;
  line-height: 1;
  color: #666;
}
.field--name-field-lizenz:after {
  content: "\00a0";
  display: inline-block;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* ratio 16x9 */
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}
.mediathek .views-row {
  text-align: center;
  vertical-align: middle;
}
.mediathek .views-row .views-field-title {
  display: block;
  margin-top: 1.5rem;
}
.mediathek .view-filters {
  display: block;
  width: 100%;
}
.uk-accordion {
  margin: 3rem auto 6rem;
  border: 2px dotted #ccc;
  padding: 1rem;
}
.uk-accordion h2 {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 120%;
  text-transform: uppercase;
  background: none;
  margin-bottom: 0;
}
.uk-accordion h2:after {
  bottom: 1px solid #ddd;
}
.uk-accordion .uk-accordion-content {
  padding: 0 15px;
}
#views-exposed-form-mediathek-page-2 fieldset:first-child {
  margin-top: 3rem;
}
#views-exposed-form-mediathek-page-2 .form--inline {
  margin-top: 2rem;
}
#views-exposed-form-mediathek-page-2 .form--inline > .form-item {
  float: none;
  display: block;
}
@media screen and (min-width: 960px) {
  #views-exposed-form-mediathek-page-2 .form--inline > .form-item {
    display: inline-block;
    width: 21%;
    margin-right: 2.4%;
  }
  #views-exposed-form-mediathek-page-2 .form--inline > .form-item:first-child {
    margin-left: 2.4%;
  }
}
#views-exposed-form-mediathek-page-2 .form-type-select label,
#views-exposed-form-mediathek-page-2 .js-form-type-entity-autocomplete label {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 95%;
  text-transform: uppercase;
}
#views-exposed-form-mediathek-page-2:after {
  clear: both;
}
#views-exposed-form-mediathek-page-2 .form-submit {
  clear: both;
  display: block;
  margin: 1rem auto 0;
}
#block-views-block-stellenanzeigen-block-2 {
  padding-top: 3rem;
  border-top: 2px dotted #ccc;
}
#block-views-block-stellenanzeigen-block-2 h2 {
  margin-bottom: 2rem;
}
.bewerbung-mail {
  margin: 2rem 0;
  font-weight: bold;
}
.bewerbung-button {
  width: 100%;
  margin: 5rem 0;
  text-align: center;
}
.stellenanzeigen .views-field-title {
  padding: 0;
}
.stellenanzeigen h3 {
  font-size: 120%;
  margin: 0 0 1rem;
  padding: 0;
}
.presseverteiler-button {
  width: 100%;
  margin: 1rem 0 3rem;
  text-align: center;
}
#presse-materialien .views-row {
  text-align: center;
}
.paragraph {
  margin-bottom: 2rem;
}
.paragraph--type--bild,
.paragraph--type--gallery {
  margin-bottom: 3rem;
}
.paragraph--type--bild .image-container,
.paragraph--type--gallery .image-container {
  width: 100%;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.paragraph--type--bild .image-container img,
.paragraph--type--gallery .image-container img {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.paragraph--type--bild .image-container:hover img,
.paragraph--type--gallery .image-container:hover img {
  opacity: 0.9;
}
.paragraph--type--bild .image-container a,
.paragraph--type--gallery .image-container a {
  display: block;
  position: absolute;
  top: 0%;
  opacity: 0;
  left: 0;
  right: 0;
  height: 100%;
  text-align: center;
  color: #fff;
  transition: opacity 0.2s ease-in-out;
}
.paragraph--type--bild .image-container a span,
.paragraph--type--gallery .image-container a span {
  font-size: 400%;
  top: 50%;
  position: absolute;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-shadow: 0 0 20px #000;
}
.paragraph--type--bild .image-container:hover a,
.paragraph--type--gallery .image-container:hover a {
  opacity: 0.9;
  z-index: 1;
}
.paragraph--type--bild {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .paragraph--type--bild {
    text-align: left;
  }
}
.paragraph--type--bild .image-container {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .paragraph--type--bild .image-container {
    width: 75%;
  }
}
.paragraph--type--bild .image-container a span {
  font-size: 500%;
}
.paragraph--type--bild .image-desc {
  display: inline-block;
  padding: 1.5% 1.5% 0;
  vertical-align: bottom;
  font-size: 80%;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .paragraph--type--bild .image-desc {
    width: 21%;
  }
}
.paragraph--type--bild .image-desc .field--name-field-bildlizenz-paragraphs {
  font-size: 70%;
  line-height: 1;
  color: #666;
  display: inline-block;
}
.paragraph--type--bild .image-desc .field--name-field-bildlizenz-paragraphs p {
  display: inline-block;
  margin-left: 0.25rem;
}
.paragraph--type--gallery article {
  max-width: 100%;
  padding: 0;
}
.paragraph--type--spendenbutton {
  text-align: center;
}
.paragraph--type--spendenbutton .spenden-button {
  background: #ff8700;
  color: #fff;
}
.paragraph--type--spendenbutton .spenden-button:hover {
  background: #ffb900;
}
.paragraph--type--spendenbutton .spenden-button:active {
  background: #ffb900;
}
.paragraph--type--foerderer-logo-steckbrief > .field--name-field-referenz-foerderer > .field__items > .field__item {
  text-align: center;
  margin: 0.5rem;
}
@media screen and (min-width: 768px), screen and (min-width: 960px) {
  .paragraph--type--foerderer-logo-steckbrief > .field--name-field-referenz-foerderer > .field__items > .field__item {
    display: inline-block;
    vertical-align: middle;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--foerderer-logo-steckbrief > .field--name-field-referenz-foerderer > .field__items > .field__item {
    width: 32.8%;
  }
}
@media screen and (min-width: 960px) {
  .paragraph--type--foerderer-logo-steckbrief > .field--name-field-referenz-foerderer > .field__items > .field__item {
    width: 24.9%;
  }
}
.paragraph--type--foerderer-logo-steckbrief > .field--name-field-referenz-foerderer > .field__items > .field__item a {
  display: block;
}
.paragraph--type--foerderer-logo-steckbrief > .field--name-field-referenz-foerderer > .field__items > .field__item .field--name-field-logo {
  max-width: 20rem;
  margin: 0 auto;
}
.pdfpreview img {
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: -5px 5px 0 #ddd;
  margin-right: 1rem;
}
article .pdfpreview {
  margin-bottom: 3rem;
}
.pdf-desc {
  display: inline-block;
  padding: 1.5% 1.5% 0;
  vertical-align: bottom;
  font-size: 90%;
  line-height: 1.4;
}
.pdf-desc .field--name-field-bildlizenz-paragraphs {
  font-size: 70%;
  line-height: 1;
  color: #666;
  display: inline-block;
}
.pdf-desc .field--name-field-bildlizenz-paragraphs p {
  display: inline-block;
  margin-left: 0.25rem;
}
.popup-image-desc,
.popup-image-license {
  font-size: 85%;
}
.popup-image-desc p,
.popup-image-license p {
  margin: 0 0 0.3rem 0;
}
.popup-image-license {
  font-size: 60%;
  display: inline-block;
}
.popup-image-license p {
  display: inline-block;
  margin-left: 0.25rem;
}
.paragraph--type--spendenoptionen {
  background: #ffba36;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}
.paragraph--type--spendenoptionen h2 {
  margin: 0;
  padding: 1rem 0;
  color: #ffa500;
  font-size: 200%;
  text-transform: uppercase;
  background: #fff;
}
.paragraph--type--spendenoptionen .field--name-field-spendenoption-item > .field__item {
  border-bottom: 1px solid #ffa500;
}
.paragraph--type--spendenoptionen .field--name-field-spendenoption-item > .field__item:last-child {
  border: none;
}
.paragraph--type--spendenoptionen .field--name-field-spendenoption-item .paragraph--type--spendenoptionen-item {
  margin-bottom: 0;
  padding: 1.25rem 1rem;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .paragraph--type--spendenoptionen .field--name-field-spendenoption-item .paragraph--type--spendenoptionen-item:before {
    width: 5%;
    font-family: 'FontAwesome';
    font-size: 200%;
    vertical-align: middle;
    content: '\f067';
    visibility: hidden;
  }
}
.paragraph--type--spendenoptionen .field--name-field-spendenoption-item .paragraph--type--spendenoptionen-item .field--name-field-betrag,
.paragraph--type--spendenoptionen .field--name-field-spendenoption-item .paragraph--type--spendenoptionen-item .field--name-field-hilfsbeitrag {
  display: block;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .paragraph--type--spendenoptionen .field--name-field-spendenoption-item .paragraph--type--spendenoptionen-item .field--name-field-betrag,
  .paragraph--type--spendenoptionen .field--name-field-spendenoption-item .paragraph--type--spendenoptionen-item .field--name-field-hilfsbeitrag {
    display: inline-block;
  }
}
.paragraph--type--spendenoptionen .field--name-field-spendenoption-item .paragraph--type--spendenoptionen-item .field--name-field-betrag {
  font-size: 220%;
  margin-bottom: 0.5rem;
  padding: 0 2%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--spendenoptionen .field--name-field-spendenoption-item .paragraph--type--spendenoptionen-item .field--name-field-betrag {
    width: 15%;
    margin-bottom: 0;
    text-align: right;
  }
}
.paragraph--type--spendenoptionen .field--name-field-spendenoption-item .paragraph--type--spendenoptionen-item .field--name-field-betrag:after {
  content: ' €';
}
.paragraph--type--spendenoptionen .field--name-field-spendenoption-item .paragraph--type--spendenoptionen-item .field--name-field-hilfsbeitrag {
  font-size: 120%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--spendenoptionen .field--name-field-spendenoption-item .paragraph--type--spendenoptionen-item .field--name-field-hilfsbeitrag {
    width: 75%;
    text-align: left;
  }
}
.paragraph--type--spendenoptionen .field--name-field-spendenoption-item .paragraph--type--spendenoptionen-item.gewaehlte-spende {
  background: #ffa500;
}
.paragraph--type--spendenoptionen .field--name-field-spendenoption-item .paragraph--type--spendenoptionen-item.gewaehlte-spende:before {
  visibility: visible;
}
.paragraph--type--spendenoptionen #project-spendenform {
  padding: 0.5rem;
  background: #ffa500;
  text-align: center;
  padding: 1rem;
  border-top: 2px solid #fff;
}
.paragraph--type--projektsteckbrief,
.paragraph--type--bildungsprojekt-steckbrief {
  /*
    .field--label-inline {
        margin-bottom: 1rem;
        border-bottom: 2px dotted @base-heading-color;
        &:last-child {
            border: none;
        }
        .field__label {
            font-family: @base-heading-font-family;
            color: @base-heading-color;
            font-weight: @base-heading-font-weight;
        }
        & > .field__item {
            margin-left: 15rem!important;
        }
    }
    .field--type-float,
    .field--type-string {
        padding-bottom: 1rem;
    }
    */
}
.paragraph--type--projektsteckbrief > div,
.paragraph--type--bildungsprojekt-steckbrief > div {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 2px dotted #123d8a;
}
.paragraph--type--projektsteckbrief > div:first-child,
.paragraph--type--bildungsprojekt-steckbrief > div:first-child {
  border: none;
}
.paragraph--type--projektsteckbrief .field__label,
.paragraph--type--bildungsprojekt-steckbrief .field__label,
.paragraph--type--projektsteckbrief .field__item,
.paragraph--type--bildungsprojekt-steckbrief .field__item {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 960px) {
  .paragraph--type--projektsteckbrief .field__label,
  .paragraph--type--bildungsprojekt-steckbrief .field__label,
  .paragraph--type--projektsteckbrief .field__item,
  .paragraph--type--bildungsprojekt-steckbrief .field__item {
    display: inline-block;
    vertical-align: top;
  }
}
.paragraph--type--projektsteckbrief .field__label,
.paragraph--type--bildungsprojekt-steckbrief .field__label {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  color: #123d8a;
  font-weight: bold;
  padding-bottom: 1rem;
}
@media screen and (min-width: 960px) {
  .paragraph--type--projektsteckbrief .field__label,
  .paragraph--type--bildungsprojekt-steckbrief .field__label {
    width: 200px;
  }
}
@media screen and (min-width: 960px) {
  .paragraph--type--projektsteckbrief .field__item,
  .paragraph--type--bildungsprojekt-steckbrief .field__item {
    width: calc(100% - 300px);
  }
}
.leaflet-popup-content-wrapper {
  border-radius: 0!important;
}
.leaflet-top,
.leaflet-bottom {
  z-index: 400!important;
}
#world-map,
#world-map-en {
  height: 100vh;
  width: 100%;
}
/*

.map-info {
    position: absolute;
    z-index: 420;
    width: 30%;
    height: auto;
    max-height: 75vh;
    overflow-y: auto;
    left: 5rem;
    top: 12rem;
    background: #fff;
    //opacity: 0;
    display: none;
    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
    h3 {
        margin-top: 0;
        padding-right: 2rem; // space for close button
    }
}
*/
.leaflet-popup-content-wrapper {
  padding: 0!important;
}
.leaflet-popup-content-wrapper .leaflet-popup-content {
  margin: 0;
  max-height: 450px;
  overflow-y: auto;
}
.map-info-content {
  font-size: 12px;
}
.map-info-content .inner-content {
  padding: 1rem;
}
.map-info-close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  font-size: 1.25rem;
  color: #fff;
  text-shadow: 0 0 0.5rem #000;
  cursor: pointer;
}
.projectinfo {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.projectinfo.uk-grid {
  margin-left: 0;
}
.projectinfo .mini-map-container,
.projectinfo .bildungsprojekt-logo {
  margin-bottom: 1rem;
  padding: 1rem;
  border-bottom: 2px dotted #123d8a;
}
@media screen and (min-width: 768px) {
  .projectinfo .mini-map-container,
  .projectinfo .bildungsprojekt-logo {
    padding: 0 2rem 2rem 0;
    border-bottom: none;
    border-right: 2px dotted #123d8a;
  }
}
.projectinfo .mini-map-container .mini-map,
.projectinfo .bildungsprojekt-logo .mini-map {
  width: auto;
  height: auto;
}
.projectinfo .mini-map-container .mini-map path,
.projectinfo .bildungsprojekt-logo .mini-map path {
  fill: #b0bfd4;
}
.projectinfo .bildungsprojekt-logo .field--name-field-logo {
  text-align: center;
}
.projectinfo .bildungsprojekt-angebote .field--name-field-angebote div.field__item {
  margin: 0.5rem 0.25rem;
}
.path-node .page-title,
.view-titelbild .page-title,
.view-titelbild-taxonomiebegriffe .page-title {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 960px) {
  .path-node .page-title,
  .view-titelbild .page-title,
  .view-titelbild-taxonomiebegriffe .page-title {
    max-width: 80%;
    margin: 0 10%;
  }
}
.view-titelbild h1 {
  margin-top: 5px;
}
.view-titelbild .country-label {
  color: #1ea6df;
  text-transform: uppercase;
  font-weight: normal;
}
.view-titelbild .projektstatus {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  color: #123d8a;
  font-weight: bold;
  line-height: 1.5;
}
.view-titelbild-taxonomiebegriffe .views-row {
  position: relative;
}
.view-titelbild-taxonomiebegriffe .views-row .views-field-field-symbol-thema-media {
  position: absolute;
  top: 0;
  z-index: 2;
  height: 80%;
  width: 100%;
  text-align: center;
}
.view-titelbild-taxonomiebegriffe .views-row .views-field-field-symbol-thema-media img {
  margin-top: 100px;
  height: auto;
  width: 90vw;
  opacity: 0.9;
  filter: grayscale(1) brightness(1.25);
}
@media screen and (min-width: 768px) {
  .view-titelbild-taxonomiebegriffe .views-row .views-field-field-symbol-thema-media img {
    width: 60vw;
    margin-top: 75px;
  }
}
@media screen and (min-width: 960px) {
  .view-titelbild-taxonomiebegriffe .views-row .views-field-field-symbol-thema-media img {
    width: 30vw;
    margin-top: 75px;
  }
}
.view-titelbild-taxonomiebegriffe .themen-label {
  font-weight: normal;
  text-transform: uppercase;
}
.view-titelbild-taxonomiebegriffe-regionen .regionen-label {
  font-weight: normal;
  text-transform: uppercase;
}
.views-field-field-titelbild-media img,
.views-field-field-titelbild-taxonomy-media img {
  filter: brightness(90%);
  width: 100%;
  height: auto;
}
.projektinfo-schwerpunktthema .views-row,
.projektinfo-weitere-themen .views-row {
  text-align: center;
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  color: #123d8a;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.2;
  hyphens: auto;
  -epub-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}
.projektinfo-schwerpunktthema .views-row {
  width: 12rem;
  margin: 0 auto 1.5rem;
  font-size: 90%;
}
.projektinfo-weitere-themen {
  text-align: center;
  padding: 1.5rem 0 3rem;
  border-top: 1px solid #ddd;
}
.projektinfo-weitere-themen .projektinfo-label {
  display: none;
}
.projektinfo-weitere-themen .views-row {
  width: 6.5rem;
  margin: 0 auto;
  padding: 0 0.5rem;
  display: inline-block;
  vertical-align: top;
  font-size: 75%;
}
.projectinfo .projektinfo-label {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  color: #123d8a;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.paragraph--type--ansprechpartner {
  margin: 2rem 0;
  padding: 1rem 0 0;
  overflow: auto;
  border-top: 2px dotted #123d8a;
  border-bottom: 2px dotted #123d8a;
}
.paragraph--type--ansprechpartner .projektinfo-label {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  color: #123d8a;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  text-transform: none;
}
@media screen and (min-width: 768px) {
  .paragraph--type--ansprechpartner .projektinfo-label {
    position: absolute;
    text-align: left;
  }
}
.paragraph--type--ansprechpartner article {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.paragraph--type--ansprechpartner .ansprechpartner-details {
  text-align: center;
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .paragraph--type--ansprechpartner .ansprechpartner-details {
    width: calc(80% - 1.5rem);
    margin-right: 1.5rem;
    padding-top: 2rem;
    padding-bottom: 0;
    text-align: right;
  }
}
.paragraph--type--ansprechpartner .ansprechpartner-details .ansprechpartner-name {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  color: #123d8a;
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.paragraph--type--ansprechpartner .ansprechpartner-details .field--label-inline {
  padding: 0;
}
.paragraph--type--ansprechpartner .ansprechpartner-details .field--label-inline .field__item {
  margin: 0!important;
  padding: 0;
}
.paragraph--type--ansprechpartner .ansprechpartner-details .field--name-field-telefon .field__item:before,
.paragraph--type--ansprechpartner .ansprechpartner-details .field--name-field-e-mail .field__item a:before {
  font-family: 'FontAwesome';
  padding-right: 0.5rem;
}
.paragraph--type--ansprechpartner .ansprechpartner-details .field--name-field-telefon .field__item:before {
  content: "\f095";
}
.paragraph--type--ansprechpartner .ansprechpartner-details .field--name-field-e-mail .field__item a:before {
  content: "\f0e0";
}
.paragraph--type--ansprechpartner .ansprechpartner-foto {
  text-align: center;
  margin: 1.5rem auto 1rem;
  width: 60%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--ansprechpartner .ansprechpartner-foto {
    width: 20%;
    float: right;
    margin-top: 0;
    text-align: right;
  }
}
.paragraph--type--testimonial {
  margin: 2rem 0;
  padding: 1rem 0 0;
  overflow: auto;
  border-top: 2px dotted #123d8a;
  border-bottom: 2px dotted #123d8a;
}
.paragraph--type--testimonial article {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.paragraph--type--testimonial .testimonial-details {
  text-align: center;
  padding-bottom: 1rem;
  font-size: 110%;
  color: #123d8a;
}
@media screen and (min-width: 768px) {
  .paragraph--type--testimonial .testimonial-details {
    width: 80%;
    padding-top: 2rem;
    padding-bottom: 0;
    float: right;
  }
}
.paragraph--type--testimonial .testimonial-details:before {
  font-family: 'FontAwesome';
  font-size: 1000%;
  color: #eee;
  position: absolute;
  z-index: 0;
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 6rem;
  font-style: italic;
  content: '\f10e';
}
@media screen and (min-width: 768px) {
  .paragraph--type--testimonial .testimonial-details:before {
    width: calc(78% - 1.5rem);
    margin-top: 3rem;
  }
}
.paragraph--type--testimonial .testimonial-details .field--name-field-statement {
  position: relative;
  z-index: 1;
}
.paragraph--type--testimonial .testimonial-details .testimonial-name {
  position: relative;
  z-index: 1;
  font-size: 120%;
  color: #666;
  font-style: italic;
}
.paragraph--type--testimonial .testimonial-foto {
  text-align: center;
  margin: 1.5rem auto 1rem;
  width: 60%;
}
.paragraph--type--testimonial .testimonial-foto img {
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--testimonial .testimonial-foto {
    width: 20%;
    float: left;
    margin-top: 0;
    text-align: right;
  }
}
.page-node-type-mitarbeiterin .ansprechpartner-name {
  display: none;
}
.views-field-field-land-ort-country-code,
.views-field-field-land-ort-freie-eingabe {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  color: #123d8a;
  text-transform: uppercase;
}
#bildungsformate-liste,
#bildung-international {
  margin-top: 3rem;
}
#bildungsformate-liste {
  border-right: 1px solid #ccc;
}
#bildungsformate-liste .view-bildungsformate {
  margin-left: 1rem;
}
#bildungsformate-liste .view-bildungsformate .views-row {
  padding-left: 1rem;
}
.page-node-type-veranstaltung .paragraph--type--bild .image-container {
  width: 100%;
}
.page-node-type-veranstaltung .paragraph--type--bild .image-desc {
  width: 100%;
}
.page-node-type-veranstaltung .event-item {
  margin-bottom: 1rem;
}
.page-node-type-veranstaltung .event-item h3 {
  margin-bottom: 0.75rem;
  font-size: 22px;
}
.page-node-type-veranstaltung #event-datetime h3 {
  display: none;
}
.page-node-type-veranstaltung #event-datetime .event-datetime-item {
  margin: 0.5rem 0;
  font-size: 22px;
  color: #123d8a;
}
.page-node-type-veranstaltung #event-datetime .event-datetime-item > div {
  display: inline-block;
}
.page-node-type-veranstaltung #event-datetime #event-datetime-date {
  margin-bottom: 1rem;
}
.page-node-type-veranstaltung #event-location #event-location-map #leaflet-map {
  z-index: 1;
}
.page-node-type-veranstaltung #event-location #event-location-address {
  margin-top: 0.5rem;
  font-size: 90%;
}
.page-node-type-veranstaltung #event-location #event-location-address .country {
  display: none;
}
form.webform-form {
  margin: 0 auto;
  padding: 2rem;
  border: 2px dotted #ccc;
}
form.webform-form input {
  max-width: calc(100% - 2rem) !important;
}
form.webform-form .thumbnail {
  font-size: 90%;
  line-height: 1.3;
}
form.webform-form > fieldset legend {
  padding-top: 2rem;
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  color: #123d8a;
  text-transform: uppercase;
  font-size: 120%;
  font-weight: bold;
}
form.webform-form > fieldset > .fieldset-wrapper {
  padding: 1rem;
}
form.webform-form ul.thumbnails.image_picker_selector li {
  margin: 0;
  float: none;
}
form.webform-form ul.thumbnails.image_picker_selector li .thumbnail.selected {
  background: rgba(0, 157, 197, 0.85);
  border-color: rgba(0, 157, 197, 0.85);
  color: #fff;
}
form.webform-form ul.thumbnails.image_picker_selector li a,
form.webform-form .form-type-textfield a {
  display: block;
  font-size: 25px;
  position: relative;
  top: calc(25px + 11px + .5rem);
  left: 0.5rem;
  padding: 5px;
  background: rgba(0, 0, 0, 0.5);
  width: 25px;
  line-height: 25px;
  color: #fff;
  text-decoration: none;
}
form.webform-form ul.thumbnails.image_picker_selector li a:before,
form.webform-form .form-type-textfield a:before {
  font-family: 'FontAwesome';
  content: '\f00e';
}
form.webform-form .form-no-label .icheckbox_square-aero,
form.webform-form .form-no-label .description {
  display: inline-block;
}
form.webform-form .form-no-label .description {
  margin-left: 1rem;
}
form.webform-form .uk-grid > .field-right {
  padding-left: 0px;
}
form.webform-form .field-right {
  text-align: right;
  margin-left: 15px;
  font-size: 80%;
}
@media screen and (min-width: 768px), screen and (min-width: 960px) {
  form.webform-form .field-right {
    margin-left: 15px;
  }
}
@media screen and (min-width: 960px) {
  form.webform-form .field-right {
    padding-right: 5rem;
  }
}
@media screen and (min-width: 768px) {
  form.webform-form .field-right {
    font-size: 100%;
  }
}
form.webform-form .field-right label {
  display: inline;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  form.webform-form .field-right input {
    width: 60px;
  }
}
form.webform-form .number-textfield {
  text-align: right;
}
form.webform-form .field-readonly {
  color: #777;
}
form.webform-form .field-readonly .number-textfield {
  border: none;
  background: none;
  color: #777;
}
form.webform-form .form-item-center-block {
  margin-bottom: 2rem;
}
form.webform-form .form-item-center-block > * {
  display: block;
  background: #eee;
}
form.webform-form .form-item-center-block label {
  text-align: center;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 5rem;
}
form.webform-form .form-item-center-block input {
  margin: 0 auto;
  width: 60px;
}
form.webform-form .form-item-center-block .description {
  margin-top: -1rem;
  padding: 0.5rem;
  padding-top: 0;
  text-align: center;
  vertical-align: top;
}
@media screen and (min-width: 768px), screen and (min-width: 960px) {
  form.webform-form .form-item-center-block .description {
    padding: 2rem;
  }
}
form.webform-form .form-item-center-block .number-textfield {
  margin-top: -4rem;
  margin-bottom: 1rem;
  background: #fff;
}
ol.webform-progress-bar {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
ol.webform-progress-bar li.webform-progress-bar__page {
  height: 50px;
  line-height: 50px;
  background-color: rgba(255, 165, 0, 0.9);
  padding: 0;
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 120%;
  text-align: center;
  color: #fff;
}
ol.webform-progress-bar li.webform-progress-bar__page:first-child span,
ol.webform-progress-bar li.webform-progress-bar__page:last-child span {
  display: none;
}
ol.webform-progress-bar li.webform-progress-bar__page > b:before {
  border-width: 25px;
  border-left-color: rgba(255, 165, 0, 0.9);
}
ol.webform-progress-bar li.webform-progress-bar__page > b:after {
  border-width: 30px;
}
ol.webform-progress-bar li.webform-progress-bar__page.webform-progress-bar__page--current {
  background-color: #ff8f00;
}
ol.webform-progress-bar li.webform-progress-bar__page.webform-progress-bar__page--current + li > b:before {
  border-left-color: #ff8f00;
}
ol.webform-progress-bar li.webform-progress-bar__page.webform-progress-bar__page--done {
  background-color: rgba(255, 165, 0, 0.9);
}
ol.webform-progress-bar li.webform-progress-bar__page.webform-progress-bar__page--done > b {
  background: none;
}
.path-webform .messages--error,
.page-node-type-webform .messages--error {
  display: none;
}
.path-webform input.error,
.page-node-type-webform input.error {
  border: 1px solid red;
}
.path-webform .form-item--error-message,
.page-node-type-webform .form-item--error-message {
  font-size: 80%;
  color: red;
}
.path-webform .form-item--error-message strong,
.page-node-type-webform .form-item--error-message strong {
  font-weight: 300;
}
.path-webform details > summary,
.page-node-type-webform details > summary {
  background: #aaa;
  color: #fff;
}
.path-webform details > .details-wrapper details,
.page-node-type-webform details > .details-wrapper details {
  border: none;
  margin: 0;
}
.path-webform details > .details-wrapper details summary,
.page-node-type-webform details > .details-wrapper details summary {
  color: inherit;
  font-weight: bold;
  padding: 0;
  background: none;
}
@media screen and (max-width: 767px) {
  .uk-form select,
  .uk-form textarea,
  .uk-form input:not([type]),
  .uk-form input[type="text"],
  .uk-form input[type="password"],
  .uk-form input[type="datetime"],
  .uk-form input[type="datetime-local"],
  .uk-form input[type="date"],
  .uk-form input[type="month"],
  .uk-form input[type="time"],
  .uk-form input[type="week"],
  .uk-form input[type="number"],
  .uk-form input[type="email"],
  .uk-form input[type="url"],
  .uk-form input[type="search"],
  .uk-form input[type="tel"],
  .uk-form input[type="color"] {
    width: 100%;
  }
}
.uk-form input,
.uk-form select,
.uk-form textarea {
  padding: 1px;
}
.uk-form-horizontal .uk-form-label {
  width: 16rem;
  margin-right: 1rem;
  clear: both;
}
@media screen and (min-width: 960px) {
  .uk-form-horizontal .uk-form-label {
    float: none;
    display: inline-block;
  }
}
.uk-form-horizontal .label-after label {
  width: auto;
}
.uk-form-horizontal .js-form-type-textarea .uk-form-label {
  width: 100%;
}
.uk-form-horizontal .js-form-type-checkbox .uk-form-label {
  float: none;
  margin-left: 1rem;
}
#edit-module--wrapper legend {
  display: none;
}
.form-item-zustimmung-datenverarbeitung {
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid #ddd;
}
.form-composite > .fieldset-wrapper > .description,
.form-item .description {
  font-size: 80%;
  clear: both;
  margin-top: 1rem;
  line-height: 1.2;
}
.field--type-webform {
  margin-top: 3rem;
}
.ui-datepicker-trigger {
  border: none;
  background: none;
  font-family: FontAwesome;
  color: #333;
  font-size: 18px;
  padding: 0 0 0 0.5rem;
}
.ui-datepicker-trigger img {
  display: none;
}
.ui-datepicker-trigger:after {
  content: "\f073";
}
.ui-datepicker {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 20px #ccc;
}
.ui-datepicker .ui-datepicker-header {
  border: none;
  border-bottom: 1px solid #eee;
  text-align: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  top: 10px;
  margin: 0;
  line-height: 20px;
  vertical-align: middle;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
  border: none;
  background: none;
  font-weight: bold;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  background: none;
  color: #333;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-w:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-e:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e:before {
  font-family: FontAwesome;
  display: block;
  text-indent: 0;
  font-size: 12px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f053";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-e:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f054";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 1px;
}
.ui-datepicker .ui-datepicker-title {
  margin-top: 0.4em;
  margin-bottom: 0.3em;
  color: #333;
  font-size: 15px;
}
.ui-datepicker .ui-datepicker-title select {
  padding: 0.2em;
  background: inherit;
  border: 1px solid #ddd;
  color: #333;
}
.ui-datepicker th {
  padding: 1em 0;
  color: #333;
  font-size: 10px;
  font-weight: bold;
  border: none;
}
.ui-datepicker td {
  background: #fff;
  border: none;
  padding: 0;
}
.ui-datepicker td a.ui-state-default {
  background: #fff;
  border: none;
  text-align: center;
  padding: 0.45em;
  margin: 0;
  font-weight: normal;
  color: #333;
  font-size: 14px;
}
.ui-datepicker td.ui-state-highlight {
  border: none;
}
.ui-datepicker td.ui-state-highlight a.ui-state-default {
  color: #d70808;
}
.ui-datepicker td.ui-state-disabled a.ui-state-default {
  color: #aaa;
}
.ui-datepicker td.ui-datepicker-today a.ui-state-default {
  background: #ddd;
  border-radius: 50%;
}
.webform-confirmation__message {
  color: #123d8a;
  padding: 20px;
  border: 2px dotted #ccc;
}
#auth_box {
  max-width: 300px;
  width: auto;
}
#auth_box #middle_part {
  box-shadow: none;
  border-radius: 0;
  background: #f0f0f0;
}
#auth_box .block-local-tasks-block {
  display: none;
}
#sliding-popup {
  background: #ccc !important;
}
#sliding-popup p {
  margin: 0!important;
  font-size: 16px!important;
  font-weight: normal!important;
}
@media screen and (max-width: 767px) {
  #sliding-popup p {
    font-size: 14px;
    text-align: center;
  }
}
#sliding-popup #popup-buttons button {
  background: #dedede !important;
  box-shadow: none!important;
  color: #333 !important;
  text-shadow: none!important;
  border-radius: 0!important;
  border: none!important;
  padding: 8px 10px!important;
}
#sliding-popup #popup-buttons button:hover {
  background: #eee !important;
}
.cookiesjsr-btn.important.allowAll,
.cookiesjsr-btn.invert.allowAll {
  background: palegreen;
  border-color: palegreen;
}
#iframe-piwik {
  height: 400px;
}
@media screen and (min-width: 768px) {
  #iframe-piwik {
    height: 200px;
  }
}
@media screen and (min-width: 960px) {
  #iframe-piwik {
    height: 200px;
  }
}
.print__link--pdf {
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  margin: 1rem auto;
}
.print__link--pdf.uk-button-prmiary {
  background: rgba(0, 157, 197, 0.85);
}
.print__link--pdf.uk-button-prmiary:hover {
  background: #009dc5;
}
.print__link--pdf.uk-button-prmiary:active {
  background: #009dc5;
}
.print__link--pdf:before {
  font-family: FontAwesome;
  content: "\f1c1";
  margin-right: 0.5rem;
}