@font-face {
  font-family: "OfficinaSerifITCW01";
  src: url("fonts/officina-serif/Fonts/734534/377ad900-10be-4f48-a384-6d415b7a190a.eot?#iefix");
  src: url("fonts/officina-serif/Fonts/734534/377ad900-10be-4f48-a384-6d415b7a190a.eot?#iefix") format("eot"), url("fonts/officina-serif/Fonts/734534/be8e89ff-f9b9-466c-ac61-d5f5c5209867.woff2") format("woff2"), url("fonts/officina-serif/Fonts/734534/c8ffa661-8ad8-4a47-a2f8-bdf1becae09b.woff") format("woff"), url("fonts/officina-serif/Fonts/734534/dbdab976-8993-4b93-94cc-a8a15b6a855e.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "OfficinaSerifITCW01";
  src: url("fonts/officina-serif/Fonts/734537/2559bbeb-6454-4f6a-985d-cc1c1966c3ed.eot?#iefix");
  src: url("fonts/officina-serif/Fonts/734537/2559bbeb-6454-4f6a-985d-cc1c1966c3ed.eot?#iefix") format("eot"), url("fonts/officina-serif/Fonts/734537/c9a00aff-9798-4d2a-9225-e6170f994f50.woff2") format("woff2"), url("fonts/officina-serif/Fonts/734537/e836336d-35c0-42d1-957f-e02fa17af2ad.woff") format("woff"), url("fonts/officina-serif/Fonts/734537/37140562-4d5c-47c6-831d-0c0557cb7f1b.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "OfficinaSerifITCW01";
  src: url("fonts/officina-serif/Fonts/734540/d29a1003-aa62-4492-a4ab-3b649c7efccd.eot?#iefix");
  src: url("fonts/officina-serif/Fonts/734540/d29a1003-aa62-4492-a4ab-3b649c7efccd.eot?#iefix") format("eot"), url("fonts/officina-serif/Fonts/734540/73586ea9-fb0d-422d-806c-ac63e6238c1d.woff2") format("woff2"), url("fonts/officina-serif/Fonts/734540/d8999082-96b7-4355-bab1-d135f4e4bee7.woff") format("woff"), url("fonts/officina-serif/Fonts/734540/e0a4e45b-0b2e-4b30-82d9-808d85415dc9.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "OfficinaSerifITCW01";
  src: url("fonts/officina-serif/Fonts/734543/cc85218b-466c-4ac1-a21f-674cffd418f5.eot?#iefix");
  src: url("fonts/officina-serif/Fonts/734543/cc85218b-466c-4ac1-a21f-674cffd418f5.eot?#iefix") format("eot"), url("fonts/officina-serif/Fonts/734543/8e3c57b9-8847-436c-b61e-d8cdedf00b0f.woff2") format("woff2"), url("fonts/officina-serif/Fonts/734543/4c40ad3e-0ea9-4fa8-bb55-dac5eba3025b.woff") format("woff"), url("fonts/officina-serif/Fonts/734543/454e8a09-e941-4fc3-a07c-5b360c1e5493.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    font-family: sans-serif;
  }
}
.callout {
  margin-bottom: 25px;
  padding: 20px;
  border-left: 3px solid #eeeeee;
}
.callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout-danger {
  background-color: #fdf7f7;
  border-color: #ebccd1;
}
.callout-danger h4 {
  color: #a94442;
}
.callout-warning {
  background-color: #faf8f0;
  border-color: #faebcc;
}
.callout-warning h4 {
  color: #8a6d3b;
}
.callout-info {
  background-color: #f4f8fa;
  border-color: #bce8f1;
}
.callout-info h4 {
  color: #31708f;
}
.callout-success {
  background-color: #f9fdf7;
  border-color: #d6e9c6;
}
.callout-success h4 {
  color: #3c763d;
}
.t-ww {
  word-wrap: break-word;
  word-break: break-word;
}
.border-none {
  border: 0;
}
.pos-r {
  position: relative !important;
}
.pos-a {
  position: absolute !important;
}
.pos-f {
  position: fixed !important;
}
.w-sm {
  width: 25% !important;
}
.w-md {
  width: 50% !important;
}
.w-lg {
  width: 75% !important;
}
.w-full {
  width: 100% !important;
}
.w-50 {
  width: 50px !important;
}
.w-100 {
  width: 100px !important;
}
.w-120 {
  width: 120px !important;
}
.w-130 {
  width: 130px !important;
}
.w-140 {
  width: 140px !important;
}
.w-150 {
  width: 150px !important;
}
.w-200 {
  width: 200px !important;
}
.w-300 {
  width: 300px !important;
}
.w-350 {
  width: 350px !important;
}
.m-a-0 {
  margin: 0 !important;
}
.m-t-0 {
  margin-top: 0 !important;
}
.m-r-0 {
  margin-right: 0 !important;
}
.m-b-0 {
  margin-bottom: 0 !important;
}
.m-l-0 {
  margin-left: 0 !important;
}
.m-a {
  margin: 20px !important;
}
.m-t {
  margin-top: 20px !important;
}
.m-r {
  margin-right: 20px !important;
}
.m-b {
  margin-bottom: 20px !important;
}
.m-l {
  margin-left: 20px !important;
}
.m-x {
  margin-right: 20px !important;
  margin-left: 20px !important;
}
.m-y {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-a-xs {
  margin: 5px !important;
}
.m-t-xs {
  margin-top: 5px !important;
}
.m-r-xs {
  margin-right: 5px !important;
}
.m-b-xs {
  margin-bottom: 5px !important;
}
.m-l-xs {
  margin-left: 5px !important;
}
.m-x-xs {
  margin-right: 5px !important;
  margin-left: 5px !important;
}
.m-y-xs {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.m-a-sm {
  margin: 10px !important;
}
.m-t-sm {
  margin-top: 10px !important;
}
.m-r-sm {
  margin-right: 10px !important;
}
.m-b-sm {
  margin-bottom: 10px !important;
}
.m-l-sm {
  margin-left: 10px !important;
}
.m-x-sm {
  margin-right: 10px !important;
  margin-left: 10px !important;
}
.m-y-sm {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.m-a-md {
  margin: 30px !important;
}
.m-t-md {
  margin-top: 30px !important;
}
.m-r-md {
  margin-right: 30px !important;
}
.m-b-md {
  margin-bottom: 30px !important;
}
.m-l-md {
  margin-left: 30px !important;
}
.m-x-md {
  margin-right: 30px !important;
  margin-left: 30px !important;
}
.m-y-md {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.m-a-lg {
  margin: 60px !important;
}
.m-t-lg {
  margin-top: 60px !important;
}
.m-r-lg {
  margin-right: 60px !important;
}
.m-b-lg {
  margin-bottom: 60px !important;
}
.m-l-lg {
  margin-left: 60px !important;
}
.m-x-lg {
  margin-right: 60px !important;
  margin-left: 60px !important;
}
.m-y-lg {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.p-a-0 {
  padding: 0 !important;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-r-0 {
  padding-right: 0 !important;
}
.p-b-0 {
  padding-bottom: 0 !important;
}
.p-l-0 {
  padding-left: 0 !important;
}
.p-a {
  padding: 20px !important;
}
.p-t {
  padding-top: 20px !important;
}
.p-r {
  padding-right: 20px !important;
}
.p-b {
  padding-bottom: 20px !important;
}
.p-l {
  padding-left: 20px !important;
}
.p-x {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.p-y {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.p-a-xs {
  padding: 5px !important;
}
.p-t-xs {
  padding-top: 5px !important;
}
.p-r-xs {
  padding-right: 5px !important;
}
.p-b-xs {
  padding-bottom: 5px !important;
}
.p-l-xs {
  padding-left: 5px !important;
}
.p-x-xs {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.p-y-xs {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.p-a-sm {
  padding: 10px !important;
}
.p-t-sm {
  padding-top: 10px !important;
}
.p-r-sm {
  padding-right: 10px !important;
}
.p-b-sm {
  padding-bottom: 10px !important;
}
.p-l-sm {
  padding-left: 10px !important;
}
.p-x-sm {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.p-y-sm {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.p-a-md {
  padding: 30px !important;
}
.p-t-md {
  padding-top: 30px !important;
}
.p-r-md {
  padding-right: 30px !important;
}
.p-b-md {
  padding-bottom: 30px !important;
}
.p-l-md {
  padding-left: 30px !important;
}
.p-x-md {
  padding-right: 30px !important;
  padding-left: 30px !important;
}
.p-y-md {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.p-a-lg {
  padding: 60px !important;
}
.p-t-lg {
  padding-top: 60px !important;
}
.p-r-lg {
  padding-right: 60px !important;
}
.p-b-lg {
  padding-bottom: 60px !important;
}
.p-l-lg {
  padding-left: 60px !important;
}
.p-x-lg {
  padding-right: 60px !important;
  padding-left: 60px !important;
}
.p-y-lg {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.navbar-header .navbar-brand {
  padding-left: 55px;
  background-image: url('../images/navbar_brand_circle.png');
  background-size: auto 60%;
  background-repeat: no-repeat;
  background-position: 7px 50%;
  transition: color 0.2s ease 0.05s;
  color: #dabc50;
}
.navbar-header .navbar-brand:hover {
  color: #dabc50;
}
.navbar-nav li.separator {
  width: 1px;
  background: #000000;
  height: 30px;
  margin: 20px 10px 0 10px;
}
.navbar-autohide {
  transition: transform .5s;
}
.navbar-autohide.is-hidden {
  transform: translateY(-72px);
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a {
  transition: color 0.2s ease 0.05s;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a:after {
  position: absolute;
  height: 4px;
  bottom: -1px;
  content: '';
  border-radius: 4px;
  z-index: 5;
  width: 0;
  left: 50%;
  transition: all 0.2s ease 0.05s;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active > a:after,
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a:hover:after {
  background: transparent;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active > a:after {
  width: 100% !important;
  left: 0 !important;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li:hover > a:after {
  width: 100%;
  left: 0;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active > a:hover:after {
  background: transparent;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a:hover:after {
  background: transparent;
}
body {
  padding-top: 70px;
}

/* ------ Own CSS ------ */

.scrollToTop {
    width: 50px;
    height: 70px;
    padding: 10px;
    text-align: center;
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
    display: none;
    background: url('../images/arrow_up.png') no-repeat;
}
.scrollToTop :hover, :focus, :active {
	text-decoration: none;
}

.scrollDown {
    min-height: 50px;
    min-width: 50px;
    color: #dabc50;
    text-align: center;
    background-position: center;
}
    
.custom-topfooter {
  text-align: center;
  font-size: 80%;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #001e20;
  color: #dabc50;
  border-top: 1px solid #3a3a3a;
  
}
.custom-footer {
  border-top: 1px solid #000000;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);;
  padding-top: 15px;
  padding-bottom: 5px;
  font-size: 80%;
  background-color: #001e20;
  color: #ffffff;
  text-align: center;
}
/* --- CSS für "Bilderkarten" Abteilungsleitung --- */
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.column {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}

@media (max-width: 650px) {
  .column {
    width: 100%;
    display: block;
  }
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.rahmen {
  padding: 0 16px;
}

.rahmen::after, .row::after {
  content: "";
  clear: both;
  display: table;
}
/* --- CSS für ACCORDION --- */
button.accordion {
    background-color: #001e20;
    color: #ffffff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border-bottom: 1px solid #ffffff;
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    color: #dabc50;
    /*background-color: #ddd;*/
}

button.accordion:after {
    content: '\002B';
    color: #ffffff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    color: #dabc50;
    content: "\2212";
}

div.accordionpanel {
    padding-top: 0px;
    padding-right: 18px;
    padding-bottom: 0px;
    padding-left: 18px;
    background-color: #eee;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-bottom: 1px solid #001e20;
    border-left: 1px dotted #001e20;
    border-right: 1px dotted #001e20;
}
.middle {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
/* ------ dreieck zeichnen ------ */
#down-triangle { 
   width: 0; 
   height: 0;
   margin-top: -31px;
   border-top: 20px solid #003300;
   border-left: 20px solid transparent; 
   border-right: 20px solid transparent; 
}
.startlayout {
    min-height: 40%;
    background-color: #003300;
    padding-top: 50px;
    padding-bottom: 50px;
}

/* ------ Eckige Buttons ------ */
.btn, .juicer-feed .j-paginate {
  border: none;
  padding: 10px 15px;
  font-size: 24px;
  text-decoration: none !important;
  font-weight: normal !important;
  margin: 15px 0;
  height: 2em;
  line-height: 1.2;
  min-width: 190px; }
.btn:active, .juicer-feed .j-paginate:active {
    -webkit-box-shadow: none;
            box-shadow: none; }
.btn.btn-sm, .btn-group-sm > .btn, .juicer-feed .btn-group-sm > .j-paginate, .juicer-feed .btn-sm.j-paginate {
    font-size: 16px;
    padding: 7px 15px;
    min-width: 140px;
    margin: 10px 0; }
.btn.btn-primary, .juicer-feed .j-paginate {
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    z-index: 0;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 0.8em;
    margin-right: 0.8em; }
.btn.btn-primary:hover::before, .juicer-feed .j-paginate:hover::before, .btn.btn-primary:hover::after, .juicer-feed .j-paginate:hover::after, .btn.btn-primary:active::before, .juicer-feed .j-paginate:active::before, .btn.btn-primary:active::after, .juicer-feed .j-paginate:active::after, .btn.btn-primary:focus::before, .juicer-feed .j-paginate:focus::before, .btn.btn-primary:focus::after, .juicer-feed .j-paginate:focus::after {
      border-color: #dabc50; }
.btn.btn-primary:hover, .juicer-feed .j-paginate:hover {
      background-color: #dabc50; }
.btn.btn-primary:active, .juicer-feed .j-paginate:active, .btn.btn-primary:focus, .juicer-feed .j-paginate:focus, .btn.btn-primary:hover:active, .juicer-feed .j-paginate:hover:active {
      background-color: #dabc50; }
.btn.btn-primary::before, .juicer-feed .j-paginate::before, .btn.btn-primary::after, .juicer-feed .j-paginate::after {
      content: "";
      position: absolute;
      height: 100%;
      display: block;
      bottom: 0;
      border-style: solid;
      border-color: #dabc50;
      border-width: 1.0em 0.8em;
      z-index: -1; }
.btn.btn-primary::before, .juicer-feed .j-paginate::before {
      left: -0.8em;
      border-left-color: transparent !important; }
.btn.btn-primary::after, .juicer-feed .j-paginate::after {
      right: -0.8em;
      border-right-color: transparent !important; }
.btn.btn-primary.btn-sm, .btn-group-sm > .btn.btn-primary, .juicer-feed .btn-group-sm > .j-paginate, .juicer-feed .btn-sm.j-paginate {
      padding: 7px 5px; }
.btn.btn-link, .juicer-feed .btn-link.j-paginate {
    padding-left: 5px;
    padding-right: 5px;
    min-width: auto;}