body {
  font-family: 'Source Sans Pro', 'Open Sans', Arial, sans-serif;
   font-size: 17px;
   line-height: 1.4;
   color: #333333;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* horizontale scrollbalken ausblenden */
body {overflow-x: hidden}
/* horizontale scrollbalken verhindern bei breitem horizontalem Abstand in Spaltenelementen */
@media (max-width: 991.9px) {.g-5, .gx-5 {--bs-gutter-x: 1.5rem!important;}}

.back-to-top {bottom:3em;}
@media (max-width: 767px) {.back-to-top {display:none;}}

a {color: #2780e3;text-decoration: none;}
footer a, footer .nav-link {color:#fff;}
a:hover,a:focus { color: #339e2f; text-decoration: none;}
footer a:hover, footer .nav-link:hover {color:#ddd}

h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans Pro', 'Open Sans', Arial, sans-serif;font-weight: 300;}
h1 {font-size: 30px; font-weight:300; padding-bottom: 8px; margin: 20px 0px; border-bottom: 1px solid #dddddd;}
h2 {font-size: 24px;margin-bottom:20px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h2.subheader {font-size: 20px;margin-bottom:20px;}
h4.subheader {font-size: 16px;margin-bottom:15px;}

@media (max-width: 991.9px) {
  body {font-size: 17px;line-height: 1.5;}
  h1 {font-size: 24px;}
  h2 {font-size: 20px;}
  h3 {font-size: 18px;}
  h4 {font-size: 18px;}
}
hr {margin: 1.5rem 0;}
.imgfloatleft {float:left;}
.list-group-item .svg-inline--fa {font-size:20px;color:#777;}
.list-group-item img {height: 20px;vertical-align:top;color:#777;}
/* docx.gif hochladen in /typo3/sysext/frontend/Resources/Public/Icons/FileIcons/ */

/* ########## Navigation ########## */
.navbar {border:0px;padding:0px 0px 5px 0px;}
/* .navbar {border-bottom: 1px solid #d7ecd6!important;} */
.navbar .p-3 {padding-left:0px!important;padding-right:0px!important;}

/* topcontent im template Main.html ganz oben einsetzen und so vor dem Scrollen sichtbar machen */
.navbar.fixed-top {position: relative!important;}
.tinynav .navbar.fixed-top {position: fixed!important; padding-bottom:5px; animation: fadeIn 0.5s ease-in both;}
@keyframes fadeIn {
	from {opacity: 0.5;transform: translate3d(0, -20%, 0);}
	to {opacity: 1;transform: translate3d(0, 0, 0);}
}

.topcontent-menu, .topcontent-search, .topcontent-language  {height:55px}
.topcontent-menu .nav-link {padding-left:3px;}
.topcontent-menu .nav-link:hover {color: #339e2f;}
.topcontent-menu .nav-link.active {color: #333;}
.topcontent-search {padding-top:6px;}
.topcontent-search .tx-indexedsearch-searchbox legend, .topcontent .tx-indexedsearch-searchbox label,
.topcontent-search .tx-indexedsearch-search-submit, .topcontent .tx-indexedsearch-searchbox p, #c356 p, .topcontent-search .tx-indexedsearch-info-noresult, .topcontent-search .tx-indexedsearch-info-sword, .topcontent-search .tx-indexedsearch-browsebox,.topcontent-search .tx-indexedsearch-res {display:none!important;}
.topcontent-search input {background: url('/fileadmin/website/icons/lupe.svg') no-repeat right center #e6f3fa;background-size: 1.25em;border-radius:0px;padding:2px 20px 2px 5px;}
.topcontent-language .tx-srlanguagemenu {float:right;padding-top:8px;}
.tx-srlanguagemenu .CUR, .tx-srlanguagemenu .NO, .tx-srlanguagemenu .INACT {font-family: 'Source Sans Pro', 'Open Sans', Arial, sans-serif;font-size:15px;color: #333;}
.tx-srlanguagemenu a:hover {color: #339e2f;}

/* #language_menu {display:none;} */ /* ausblenden bis alles uebersetzt ist */

.navbar-brand {margin-right: 20px;}
/* .navbar-brand img {height:30px!important;} */
.navbar .form-control {padding-left: 5px;}
.navbar #searchbox input[type="text"] {background-color:rgba(255,255,255,0.3); color: #fdfdfd;}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link.show {color: #fff;font-weight:600;}

.main-navbarnav .nav-item {
  border: 0px solid #ddd;
  font-weight:400;
  font-size:16px;
  background-color: #0086cb;
  margin: 0px 1px;
}
.navbar-nav .nav-link {white-space: nowrap!important;} /* Zeilenumbruch verhindern */
.navbar-nav .nav-link {padding: 6px 5px;text-align:left;}
.main-navbarnav .nav-item a:hover, .main-navbarnav .nav-item a.active, .main-navbarnav .nav-item.dropdown a:hover, .main-navbarnav .nav-link.dropdown-toggle:hover, .navbar-nav .dropdown-menu.language-menu .dropdown-item:hover, .navbar-nav .dropdown-item:hover, .navbar-nav .dropdown-item.parent-active {color: #fff;background-color:#379e32;}
.navbar-light .navbar-nav .nav-link.active {color: #fff;}

.navbar-nav .dropdown-item {
  width:auto;
  min-width: 100%!important;
  padding: 6px 5px;
  clear: both;
  font-weight: 600;
  font-size: 90%;
  color: #fff;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-top: 1px solid #fff;
}
.navbar-nav .dropdown-item:hover {border-top: 1px solid #fff!important;}

.navbar-nav .dropdown-menu {
  width:100%;
  background-color: #0086cb;
  border:1px solid #0086cb;
  border-radius:0px;
  margin-top:0px;
  padding-top:0px;
  padding-bottom:0px;
}
footer .nav-link  {padding:2px;}

/* Rahmen bei dropdown hover */
/* .navbar-light .dropdown-hover a.show {border: 3px solid red;}
.navbar-light .dropdown-hover .nav-link:hover {border: 3px solid red;}
*/

/* Elemente ein- und ausblenden */
@media (min-width: 992px) {
.navbar-brand, #language-menu, .navbar-expand-lg .navbar-nav:last-child {display:none!important;}
.fullnav .navbar-brand, .fullnav #language-menu, .fullnav .navbar-expand-lg .navbar-nav:last-child {display:none!important;}
.tinynav .navbar-brand, .tinynav #language-menu, .tinynav .navbar-expand-lg .navbar-nav:last-child {display:block!important;}
}

/* je nach breakpoint anpassen */
@media (max-width: 991.9px) {
  #main-navbar {overflow-y: auto!important;} /* overflow-y auf .navbar-expand-lg von bootstrap wird aufgehoben */
  .navbar-brand img {display:none!important;}
  .fullnav .navbar-brand img {display:none!important;}
  .tinynav .navbar-brand img {display:block!important;}
  #main-navbar {margin-top:-60px;}
 .fullnav #main-navbar {margin-top:-60px;}
 .tinynav #main-navbar {margin-top:0px;}
  .main-navbarnav .nav-item {font-size:17px;}
  .navbar-nav .dropdown-item {padding: 7px 5px;}
  .navbar-nav .dropdown-item {padding-left:10px;border-left:5px solid #e6f3fa;font-size:100%;}
  .topcontent-menu, .topcontent-language  {height:45px}
  .navbar-light .navbar-toggler {color: #fff;}
  .navbar-toggler {background-color: #0086cb;}
  .navbar-toggler:hover {background-color: #379e32;}
  .navbar-light .navbar-toggler-icon {background-image: url("/fileadmin/website/icons/hamburgermenu.svg");}
}
@media (max-width: 767px) {
 .toplogo .text-center {text-align: left !important;}
  #main-navbar {margin-top:0px;}
 .fullnav #main-navbar {margin-top:0px;}
 .topcontent-language .tx-srlanguagemenu {float:left;padding-top:0px;}
 .topcontent-menu .nav-link {padding-right:0.5rem;}
}
.tinynav #language-menu a.dropdown-toggle, .tinynav .navbar-expand-lg .navbar-nav:last-child a.dropdown-toggle {color: #0086cb;}

/* ########## Jumbotron ########## */

/* Bild bis an den Seitenrand */
#page-1 .jumbotron .container-fluid {padding:0px!important;}
.jumbotron {
  padding:0px;
  margin:0px;
  background-color:#fefcf3; /* wie body */
  }
@media (min-width: 992px) {#page-1 .jumbotron {margin-top:50px}}
.jumbotron figure {margin-left: -15px;margin-right: -15px;}
.jumbotron picture img {width:100% !important}
.jumbotron-topbild {margin-left: -15px;margin-right: -15px;margin-top:58px;}

/* ########## Powermail ########## */
.tx-powermail .container-fluid {padding:0px;}
.tx-powermail .form-control {max-width:600px;margin-top:5px;}
.powermail_legend {margin-top:20px;margin-bottom:20px;font-size: 30px;font-weight:300;border-bottom: 1px solid #bbb;color:#777;}
.powermail_fieldwrap .control-label {font-weight:600;}
.powermail_checkbox {margin-right:10px;}
.powermail_fieldset {padding:0px 20px 25px 20px;border: 1px solid #bbb;margin-bottom:20px;border-radius:5px;}
.powermail_fieldwrap_type_submit {margin:20px 0px 15px 0px;}
.powermail_fieldwrap_type_text {margin-top:-10px}
.powermail_fieldwrap .alert {margin:10px 0px 0px 0px;padding:7px 10px 5px 10px;}
.powermail_fieldwrap_type_check label {margin-bottom:5px;}
.powermail_fieldwrap .mandatory {padding-left:3px;}

/* Layout: Formularfeld rot (primary) */
.powermail_fieldwrap.layout4 {color: #821509;background-color: #f7d3cf;border-color: #f4bdb7;position: relative;padding: 7px 10px 5px 10px;border: 1px solid transparent;border-radius: 0.25rem;}
/* Layout: Formularfeld blau (info) */
.powermail_fieldwrap.layout5 {color: #015c7c;background-color: #ccebf5;border-color: #b3e1f1;position: relative;padding: 7px 10px 5px 10px;border: 1px solid transparent;border-radius: 0.25rem;}
/* Layout: Formularfeld grün (success) */
.powermail_fieldwrap.layout6 {color: #215f1e;background-color: #d7ecd6;border-color: #c3e2c2;position: relative;padding: 7px 10px 5px 10px;border: 1px solid transparent;border-radius: 0.25rem;}
/* Layout: Formularfeld eingerückt */
.powermail_fieldwrap.layout7 {padding-left:30px;}
/* Powermail Bestätigung - Newsletteranmeldung */
.powermail_create pre {color: #215f1e;background-color: #d7ecd6;border-color: #c3e2c2;position: relative;padding: 7px 10px 5px 10px;border: 1px solid transparent;border-radius: 0.25rem;font-size:15px;font-family:'Source Sans Pro', 'Open Sans', Arial, sans-serif;}


/* ########## Cards ########## */
.organisationcard img {width:100px!important;height:auto!important;}
.organisationcard .card-text {color:#666;font-size:16px;font-weight:300;}

/* ########## Dokumentencontainer grün  unten ########## */
.dokumentencontainer h3 {margin-bottom:20px;}
.layout-5 .list-group-item {color: #379e32; background-color: #e3f3e2;border:1px solid lightgray; margin-bottom:0px;}

/* ########## News ########## */
#page-1 .news img {display:none;}
.news-single .lead {font-size:1rem;}
.news-single .header.border-bottom {border-bottom: 0px solid #ccc !important;}
.news-single h1 {border-bottom: 0px!important;font-size:24px;margin-bottom:0px;}

/* ########## Accordeons ########## */
.accordion-body {padding: 1.5rem 1.25rem 1rem 1.25rem;}
.accordion-button {color: #2780e3;}
.accordion-button:hover {background:#effcee;}
/* .greenfield .accordion-item {background:#d7ecd6;} */
.greenfield .accordion-button {
    font-size: 1rem;
    color: #2780e3;
    background-color: #effcee;
}
.accordion-button:not(.collapsed) {
    color: #2780e3;
    background-color: #e6f3fa;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
@media (max-width: 765px) {.accordion-body {padding: 1rem 0.5rem 1rem 0.5rem;}}

/* ########## indexed search ########## */

.tx-indexedsearch-res .tx-indexedsearch-description {
    font-style: italic;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.tx-indexedsearch-res .tx-indexedsearch-info {display:none;}
.tx-indexedsearch-info-sword {
    padding: 5px;
    border: 1px solid #379e32;
    border-radius:3px;
    color: #fff;
    background: #379e32;
    margin-bottom: 10px;
    font-size:17px;
}