/*
* Anpassungen SVG-Logo
* fader@dt-internet.de
*/

/*#header .toolbar__logo svg {
  height: auto;
  max-width: 100%;
}*/

.toolbar {
  column-gap: 1rem;
}



/*** CE textmedia in news, fader@dt-internet.de ***/

.newsdetail .frame-type-textmedia {
  margin-block-end: 0;
}
.newsdetail .textmedia {
  max-width: 100%;
}
.newsdetail .textmedia__gallery{
  margin-block-end: 0;
}

/**** Spendenbank CSS ****/

#bfs-net-tool {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh !important; }
  #bfs-net-tool iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/**** Anpassungen by Stefan Bublies@dt-internet.de ****/

.ce-border {
  border: 1px solid #554f4a;
}

.video-wrapper {
  background-image: url( '/fileadmin/Resources/Public/Images/youtube_overlay.jpeg' );
  height:400px;
  padding: 4em;
}

.cookieconsent-optout-marketing {
  line-height: 1.2;
  color: #554f4a;
  background-color: #fff;
}
.cookieconsent-optout-marketing p {
  text-align: justify;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30vh;
  padding: 2em;
}

.cookieconsent-optout-marketing .accept-button {
  float: right;
  background-color: #fff;
  padding: 0.5em;
}

/**** Anpassungen by Rolf Fader@dt-internet.de ****/

body > div > .CookieDeclaration {
  display: none;
}

.comments-list {
  list-style: none;
  padding-left: 0;
}

.comments-list li {
  background: #fefabc linear-gradient(150deg, #efec88 0%, #fefabc 100%);
  border: 1px solid #cccccc;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  margin: 0 auto 2em auto;
  mmmargin-bottom: 2em;
  padding: 1em;
  transform: rotate(.3deg);
}

.comments-list li:nth-child(2n) {
  transform: rotate(-.6deg);
  width: 99%;
}

.comments-list li:nth-child(3n) {
  transform: rotate(.75deg);
}

.comments-list li:nth-child(4n) {
  transform: rotate(.135deg);
  width: 98.5%;
}

.comments-list li:nth-child(5n) {
  transform: rotate(.5deg);
  width: 99.7%;
}

.comments-list li:nth-child(6n) {
  transform: rotate(-.25deg);
  width: 98%;
}

.comments-list h3 {
  margin-bottom: 10px;
}

.comments-list .comment-content-message {
  color: #000;
  margin-bottom: 10px;
}

.comments-list p {
  color: #000;
  margin-bottom: 10px;
}

.comments-list a {
  border-bottom: 1px solid rgba(0,0,0,.5);
  color: #000;
}

.comments-list a:hover, .comments-list a:focus {
  border-color: #0075a9;
  color: #0075a9;
  text-decoration: none;
}

.ns-form-group.submit {
  text-align: right;
}

.o-form__field-textarea {
  padding: 1em;
}

.typo3-messages {
  list-style: none;
  padding-left: 0;
}

.typo3-messages .alert {
  color: #fff;
  font-weight: bold;
  padding: 1em;
}


.alert {
  color: #fff;
  font-weight: bold;
  padding: 1em;
}

.alert h4 {
  color: #fff;
  font-weight: bold;
  margin: 0 0 0.25em 0;
}

.alert .close {
  display: none;
}

.alert-danger, .alert-error {
  background: #e46450;
}

.alert-info {
  background: #ecf6fc;
}

.alert-success {
  background: #1fc936;
}

.controls .alert {
  margin: 0.5em 0 1em 0;
}

.c-form--contact legend {
  font-size: 1.25em;
  margin-bottom: 1em;
}

.femanager_flashmessages>div {
    padding: 1em;
    background-image: none !important;
}



/*** Blog Anpassungen by Stefan Bublies@dt-internet.de, 17.06.2024 ***/


.blog__list .teaser__item.bg--grey {
  background-color: #002d55;
}

@media (min-width: 768px) {
  .blog__list .blog__sublist .teaser__item:first-child + .teaser__item {
    margin-bottom: 0rem;
    top: 4rem;
  }
}

/*** Newsletter opt-in by fader@dt-internet.de, 16.12.2024 ***/

.tx-fp-newsletter, .tx-luxletter {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--client-vw, 100vw) - 2rem);
  width: 40rem;
}

.tx-fp-newsletter select:not([multiple]), .tx-fp-newsletter select[size="1"] {
  padding-top: .25rem
}

.tx-fp-newsletter .custom-file-input, 
.tx-fp-newsletter .custom-file-label, 
.tx-fp-newsletter .custom-file-label:after, 
.tx-fp-newsletter .input:before, 
.tx-fp-newsletter input, 
.tx-fp-newsletter select, 
.tx-fp-newsletter textarea {
  padding: .65em .5em .65em .8em;
}

.tx-fp-newsletter label {
  color: var(--col-input-label);
  font-size: .7em;
  font-weight: 700;
}

.tx-fp-newsletter [type=submit] {
  appearance: none;
  background: var(--col-button-background);
  border: none;
  border-radius: 1.5rem;
  color: var(--col-button-text);
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  gap: 1em;
  line-height: 1.2;
  margin: 0;
  overflow: visible;
  padding: .5em 1em;
  text-align: start;
  text-decoration: none;
  text-transform: none;
  transition-duration: .4s;
  transition-property: all;
  transition-timing-function: ease-in-out;
  width: -moz-fit-content;
  width: fit-content;
}

.tx-fp-newsletter [type=submit]:not(:focus-visible) {
    outline: none;
}

.tx-fp-newsletter [type=submit]:focus {
    box-shadow: 0 0 0 .125rem var(--col-button-text), 0 0 0 .25rem var(--col-button-border);
}

.tx-fp-newsletter [type=submit]:hover {
    transform: scale(1.05);
}