@charset "utf-8";
/* (c) 2023 ADFC Frankfurt e.V., alle Rechte vorbehalten! */

body {
  -ms-hyphens: auto !important; /* ab IE10 */
  -moz-hyphens: auto !important; /* seit Firefox 6 */
  -webkit-hyphens: auto !important; /* seit Safari 5.1 (OS X), Safari 4.1 (iOS) */
  hyphens: auto !important;
}

/* START - Body-wide Definitions */
h2 a {
   color : #0a0a0a !important;
} 
h1.page-title {
	margin-bottom: 0px !important;
}
.tb_text_wrap p {
	color: #0a0a0a; 
		font-weight: 300 !important;
}
div.tab-content .tb_text_wrap { /* Fix für Font-color für Listenelemente in TAB-Module (Bereich tab-content) der Reisebeschreibungen */
	color: #000 !important; 
}.tb_text_wrap {
	color: #fff; 
	font-weight: 300 !important;
}
.adfc_blau {
	background-color: #004b7c;
}
.adfc_orange {
background-color: #ee7f00;
}
.f2f2f2 {
	background-color: #f2f2f2;
}
.ui .tf_inline_b i {
   color : #fff;
}

.tf_vmiddle:hover {text-decoration:underline !important;
}
ol li {
	list-style-type: decimal;
}
ul li {
	list-style-type: disc;
}
.clearer {
	clear: both;
	visibility: hidden;
}
p   { hyphens: auto; }
h2  { hyphens: auto; }
h1  { hyphens: auto; }
h3  { hyphens: auto; }
h4  { hyphens: auto; }
h5  { hyphens: auto; }
h6  { hyphens: auto; }
pre { hyphens: auto; }
div { hyphens: auto; }
/* START - Weiterlesen Button html-Type*/
.button_container {
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	max-width: 100%;
}
.margin_0-16-0-0 {
	margin-top: 0px ;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.margin_0-16-8-0 {
	margin-top: 0px ;
	margin-right: 16px;
	margin-bottom: 8px;
	margin-left: 0px;
	float: left;
}
.margin_16-16-8-0 {
	margin-top: 16px ;
	margin-right: 16px;
	margin-bottom: 8px;
	margin-left: 0px;
	float: left;
}
.margin_16-16-16-0 {
	margin-top: 16px ;
	margin-right: 16px;
	margin-bottom: 16px;
	margin-left: 0px;
	float: left;
}
adfc-blau-background {
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #004b7c;
}
adfc-orange-background {
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #ee7f00;
	padding-right: 8px;
}
.button_container a.button1, .button_container a.button1_blau { 
	border-radius: 0 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	color: #fff !important;
	font-family: 'roboto';
	font-weight: 400 !important;
	font-style: italic !important;
	cursor: pointer !important;
	padding: 8px !important;
	white-space: normal;
	max-width: 100%;
	float: left;
}
.button_container a.button1 {
	background-color: #ee7f00 !important;
}
.button_container a.button1_blau {
	background-color: #004b7c !important;
}
.button1::after, .button1_blau::after {
  box-shadow: -2px 2px 0 white;
  transform: rotate(-135deg);
  width: 11px;
  height: 11px;
  transition: .5s;
	content: ""; 
  margin-left: 0px;
  margin-top: 4px;
  margin-right: 5px;
	float: right;
}
.button_container a.button_ti-arrow-up { 
	border-radius: 0 !important;
	background-color: #ee7f00 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	color: #fff !important;
	font-family: 'roboto';
	font-weight: 400 !important;
	font-style: italic !important;
	cursor: pointer !important;
	padding: 8px !important;
	white-space: normal;
	max-width: 100%;
	float: left;
}

.button_ti-arrow-up::before {
	content: tf-ti-angle-rigt;
	padding-right: 5px;
	font-family: 'themify';
	font-style: normal;
	font-variant: normal;
	line-height: 1;
}
.button_container a.button_ti-arrow-left { 
	border-radius: 0 !important;
	background-color: #ee7f00 !important;
	font-size: 16px !important;
	color: #fff !important;
	font-family: 'roboto';
	font-weight: 400 !important;
	font-style: italic !important;
	line-height: 20px !important;
	cursor: pointer !important;
	padding: 8px !important;
	white-space: normal;
	max-width: 100%;
}
.button_container a.button-secondary {
	border-radius: 8px!important;
	background-color: #737373 !important;
	font-size: 12px !important;
	color: #fff !important;
	font-family: 'roboto';
	font-weight: 300 !important;
	line-height: 16.5px !important;
	cursor: pointer !important;
	display: inline-block;
	letter-spacing: .1em;
	padding:  .4rem .5rem .4rem .5rem;
	text-transform: uppercase;
	font-style: normal;
	white-space: normal;
	max-width: 100%;
}
/* END: Weiterlesen Button html-Type*/
.bild_header_h1 {
	margin-bottom: 0em;
	font-style: normal;
	line-height: 1.2em;
	font-size: 36px;
	letter-spacing: -.03em;
	font-weight: 100 !important;
	padding: 0.5em 0em 0.5em 1em;
	color: #fff;
}
.module-buttons.module {
	background-color: transparent !important;
}
#suchen-button-blau button { /* Button mit Such-Lupe im Nachrichten-Archiv blau machen */
  background-color: #004b7c;
}
/* END - Body-wide Definitions */

/***********************************************/
/* BEGIN - globale Einstellungen zum responsive-Design */
@media {}      /* notwendiger DUmmy-Entry, keiner weiß warum */

@media screen and ( max-width: 1260px ) {
  .module_row.fullwidth > .row_inner {
    max-width: 100%;
  }
	.module_row .row_inner {
    max-width: 100%;
  }
}

@media print {
	#printPageButton {
    display: none;
  }
}

/* In Archives und Suchergebnissen den Textspiegel vergrößern, die Margin left/right verkleinern */
@media (max-width: 760px) {
  body .pagewidth.adfc_search-archive_container {
  max-width: 91% !important;
  }
}
@media (max-width: 479px) {
  body .pagewidth.adfc_search-archive_container {
  max-width: 93% !important;
  }
}
/* END - globale Einstellungen zum responsive-Design */

/*   BEGIN -  Aktuelles - Breiute der Kacjel-Sektion auf der Leitseite    */
div.leitseite-aktuelles-container {
  width: 1600px !important;
  max-width: 100% !important;
  text-align: center !important;
}
div.leitseite-aktuelles {
  width: 1600px !important;
  max-width: 100% !important;
margin-left:auto !important;
margin-right: auto !important;
}
/*   END -  Aktuelles - Breiute der Kacjel-Sektion auf der Leitseite    */

/***********************************************/
/*   BEGIN -  Images    */
div.image-copyright, span.image-copyright {
  font-family: roboto;
  font-size: 14px !important;
/*  color: #0a0a0a !important;  */
  font-weight: 400 !important;
}
div.image-copyright a, span.image-copyright a{
  color: #ee7f00;
  font-size: 14px;
}
div.post-image-im-text {
  margin-top: 25px;
  margin-left: 20px;
  mragin-bottom: 20px;
 }
.post-absatz .wp-caption.alignright {
  margin-left: 20px !important;
}
figcaption.wp-caption-text {  /* Bildunterchrift Bild mit Fließtext drumrum*/
  font-family: roboto;
  color: #0a0a0a;
  background-color: #f5f5f5;
  font-size: 15px;
  font-weight: 300;
  margin-top: 0px;
  text-align: left;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 4px;
}
div.image-settings h3.image-title a, div.image-content h3.image-title a  {    /* Bildunterchrift für Bilder, deren Beschreibung im Image-Title stent - notwending für Bildunterschrift in der Lightbox-Vergrößerung*/
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
}
div.post-absatz figure {
  width: 45% !important;
}
div.post-absatz-bild-klein figure {
  width: 30% !important;
}
div.post-absatz-bild-mittel figure {
  width: 40% !important;
}
div.post-absatz-bild-gross figure {
  width: 50% !important;
}
@media screen and (max-width: 600px) {     /* ab dieser Viewportbreite werden Textumläufe um Bilder beendet=> Bilder 100% */
  div.post-absatz figure, div.post-absatz-bild-klein figure, div.post-absatz-bild-mittel figure, div.post-absatz-bild-gross figure {
    width: 100% !important;
  }
}
/*   END -  Images    */

/*************************************/
/*  BEGIN - Veranstaltungskalender Auswahl  - definiert durch: classe="veranstaltungsliste_auswahl" */
.veranstaltungsliste {
	font-family: Roboto;
}
div.veranstaltungsliste_auswahl select {
  font-size: 18px !important;
  font-weight: 400 !important;
  margin-bottom: 5px !important;
}
#veranstaltungsliste p, div.veranstaltungsliste p {
  color: white;
}
div.veranstaltungsliste p:last-child {
    color: white !important;
}
/*  END - Veranstaltungskalender Auswahl */

/***********************************************/
/*  BEGIN - spezifische Definitionen für die adfc-tour-Tourenliste           - definiert durch: "adfc-tour-tourenliste" */
/*  BEGIN - spezifische Definitionen für die adfc-tour-Tourenliste-Details:  - definiert durch: "adfc-tour-codiertermine"  */
div.adfc-tour-tourenliste div.veranstaltungsliste, div.adfc-tour-codiertermine div.veranstaltungsliste {      /*  tourenliste  */ /*  codiertermine  */
  background-color: #004b7c;
  padding-top: 4px;
  padding-left: 6px;
  padding-bottom: 1px;
  padding-right: 6px;
}
@media screen and ( max-width: 769px ) {
    div.adfc-tour-tourenliste div.veranstaltungsliste, div.adfc-tour-codiertermine div.veranstaltungsliste {      /*  tourenliste  */ /*  codiertermine  */
    background-color: #004b7c;
    padding-top: 4px;
    padding-left: 6px;
    padding-bottom: 1px;
    padding-right: 6px;
  }
}
div.adfc-tour-tourenliste div.veranstaltungsliste p {      /*  tourenliste  */ 
  color: #fff !important;
}
div.adfc-tour-codiertermine div.veranstaltungsliste p {     /*  codiertermine  */
  color: #fff;
}
div.veranstaltung {
  overflow-wrap: break-word;
  white-space: pre-wrap !important;
}

div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung a, div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung a {      /*  tourenliste  */ /*  codiertermine  */
  margin: 0px !important;
  color: #ee7f00 !important;
  font-weight: 600 !important;
  font-size: 17px !important;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung, div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung {      /*  tourenliste  */ /*  codiertermine  */
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff; /*#E3EDF3*/
  margin-top: 4px !important;
  margin-bottom: 2px !important;
  padding-top: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  border-left-style: solid;
  border-left-color: white;
  border-left-width: 32px;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung:last-child, div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung:last-child {      /*  tourenliste  */ /*  codiertermine  */
  margin-bottom: 5px !important;
}
@media screen and ( max-width: 769px ) {
  div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung, div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung {      /*  tourenliste  */ /*  codiertermine  */
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff; /*#E3EDF3*/
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    border-left-style: solid;
    border-left-color: white;
    border-left-width: 16px;
  }
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung h4 {      /*  tourenliste  */ 
  order: -9;
	font-size: 18px !important;
	font-weight: 400 !important;
	color: #000000 !important;
	line-height: 1.2em !important;
	letter-spacing: 0em !important;

  background-color: #ffffff; /*#E3EDF3*/
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important; /* 7px */ 
  padding-right: 1% !important; 
  padding-bottom: 3px !important; 
  padding-left: 1% !important;
  width: 100%;
}
div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung h4 {      /*  codiertermine  */ 
  display: none;
}

div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung div.datum {      /*  tourenliste  */ 
  background-color: white;
  font-size: 16px;
  color: #0a0a0a;
  order: -10;
  margin-top: 0px;
  margin-right: 0px !important;
  margin-left: -10px !important;
  margin-bottom: 0px !important;
  padding-top: 8px !important; 
  padding-right: 10px !important; 
  padding-bottom: 0px !important; 
  width: calc(100% + 15px);
  height: 30px;
}
div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung div.datum {      /*  codiertermine  */
  background-color: white;
  font-size: 16px;
  color: #0a0a0a;
  order: -10;
  margin-top: 0px;
  margin-right: 0px !important;
  margin-left: -10px !important;
  margin-bottom: 0px !important;
  padding-top: 8px !important; 
  padding-right: 10px !important; 
  padding-bottom: 0px !important; 
  height: 30px;
  width: 110px;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung div.datumZeit::before {      /*  tourenliste  */ 
  content: "Start: ";
  font-weight: 400;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung div.datumZeit {      /*  tourenliste  */ 
  order: -8;
  font-size: 15px;
  background-color: #ffffff; /*#E3EDF3*/
  padding-left: 1% !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}
div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung div.datumZeit {      /*  codiertermine  */
  background-color: white;
  font-size: 16px;
  color: #0a0a0a;
  order: -1;
  margin-top: 0px;
  margin-right: 0px !important;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 8px !important; 
  padding-right: 10px !important; 
  padding-bottom: 0px !important; 
  padding-left: 10px;
  height: 30px;
  width: calc(100% - 125px);
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung div.datumZeit::after {      /*  tourenliste  */
  content: " Uhr,"
}
div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung div.datumZeit::after {     /*  codiertermine  */
  content: " Uhr"
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung div.startort {      /*  tourenliste  */ 
  order: -7;
  font-size: 15px;
  background-color: #ffffff; /*#E3EDF3*/
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  padding-left: 10px !important;
  padding-right: 1% !important;
  padding-bottom: 0px !important;
  overflow-wrap: break-word !important;
  white-space: pre-wrap !important;
  width: 100% !important;
}
div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung div.startort {      /*  codiertermine  */ 
display: none;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung div.startort::after {     /*  tourenliste  */ 
  content: '\A';
  white-space: pre;    
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.status, div.adfc-tour-codiertermine div.veranstaltungsliste div.status {      /*  tourenliste  */  /*  codiertermine  */
  order: -4;
  font-size: 15px !important;
  color: #000 !important;
  background-color: #ffffff; /*#E3EDF3*/
  padding-top: 0px !important; 
  padding-right: 1% !important; 
  padding-bottom: 3px !important; 
  padding-left: 1% !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  width: 100%;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung span.schwierigkeit {      /*  tourenliste  */
  font-size: 15px;
  background-color: #ffffff; /*#E3EDF3*/
  font-weight: 400;
  padding-top: 0px !important; 
  padding-right: 1% !important; 
  padding-bottom: 3px !important; 
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  color: #B80003;
}
div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung p.SchwierigkeitKategorie, div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung p.SchwierigkeitKategorie span.schwierigkeit, div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung p.SchwierigkeitKategorie span.schwierigkeit, div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung p.SchwierigkeitKategorie span.kategorie  {       /*  codiertermine  */
  display: none !important;
  color: red !important;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung span.schwierigkeit::before {      /*  tourenliste  */ 
  font-size: 15px;
  content: 'Schwierigkeit: ';
  font-weight: 400;
  color: #0a0a0a;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung span.schwierigkeit::after {      /*  tourenliste  */ 
  font-size: 15px;
  content: "";
  font-weight: 400;
  color: #0a0a0a;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung div.strecke {      /*  tourenliste  */
  order: -6;
  font-size: 15px !important;
  color: #000 !important;
  background-color: #ffffff; /*#E3EDF3*/
  padding-top: 0px !important; 
  padding-right: 1% !important; 
  padding-bottom: 3px !important; 
  padding-left: 1% !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung div.strecke::before {      /*  tourenliste  */
  font-size: 15px;
  content: "Entfernung: ";
  font-weight: 400;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung div.strecke::after {      /*  tourenliste  */
  font-size: 15px;
  content: " km";
  font-weight: 300;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung p.SchwierigkeitKategorie {      /*  tourenliste  */
  display: flex;
  flex-wrap: wrap;
  order: -4;
  font-size: 15px !important;
  color: #000 !important;
  background-color: #ffffff; /*#E3EDF3*/
  padding-top: 0px !important; 
  padding-right: 1% !important; 
  padding-bottom: 3px !important; 
  padding-left: 1% !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  width: 100% !important;
}

div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung p.SchwierigkeitKategorie div.kategorie {      /*  tourenliste*/
  padding-left: 1% !important;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung span.kategorie::before {      /*  tourenliste  */
  font-size: 15px;
  content: "Kategorie: ";
  font-weight: 400;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.veranstaltung p, div.adfc-tour-codiertermine div.veranstaltungsliste div.veranstaltung p {      /*  tourenliste  */  /*  codiertermine  */
  font-size: 15px !important;
  color: #0a0a0a !important;
  background-color: #ffffff; /*#E3EDF3*/
  padding-top: 0px !important; 
  padding-right: 1% !important; 
  padding-bottom: 3px !important; 
  padding-left: 1% !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  width: 100% !important;
}
div.adfc-tour-tourenliste div.veranstaltungsliste div.Leiter {        /*  tourenliste  */
  order: -5;
  font-size: 15px !important;
  color: #000 !important;
  background-color: #ffffff; /*#E3EDF3*/
  padding-top: 0px !important; 
  padding-bottom: 3px !important; 
  padding-left: 1% !important;
  padding-right: 1% !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}
div.adfc-tour-codiertermine div.veranstaltungsliste div.Leiter {        /*  codiertermine  */
display: none !important;}

div.adfc-tour-tourenliste div.veranstaltungsliste div.Leiter::before {    /*  tourenliste  */
  content: "Tourenleitung: ";
  color: #0a0a0a;
  font-weight: 400;
  margin-bottom: 20px;
}

div.adfc-tour-tourenliste div.veranstaltungsliste p.DetailsAnmeldung, div.adfc-tour-codiertermine div.veranstaltungsliste p.DetailsAnmeldung {                  /*  tourenliste  */      /*  codiertermine  */
  display: flex;
  flex-wrap: wrap;

}

div.adfc-tour-tourenliste div.veranstaltungsliste p.DetailsAnmeldung a.Details, div.adfc-tour-codiertermine div.veranstaltungsliste p.DetailsAnmeldung a.Details {        /*  tourenliste  */      /*  codiertermine  */
  padding-top: 0px !important; 
  padding-right: 1% !important; 
  padding-bottom: 3px !important; 
  margin-top: 0px !important;
  margin-right: 1% !important;
  margin-bottom: 0px !important;
}
div.adfc-tour-tourenliste div.veranstaltungsliste p.DetailsAnmeldung span.anmeldung {        /*  tourenliste  */     
  padding-top: 0px !important; 
  padding-right: 3% !important; 
  padding-bottom: 3px !important; 
  padding-left: 0% !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  font-weight: 400 !important;
}
div.adfc-tour-codiertermine div.veranstaltungsliste p.DetailsAnmeldung span.anmeldung {         /*  codiertermine  */
  padding-top: 0px !important; 
  padding-right: 1% !important; 
  padding-bottom: 3px !important; 
  padding-left: 1% !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  font-weight: 400 !important;
  width: 100% !important;
}


div.veranstaltung_auswahlmenue input[type="submit"] {
  margin-top: 20px !important;
  padding-top: 7px !important;
  padding-right: 0px !important;
  padding-bottom: 7px !important;
  padding-left: 0px !important;
  width: 100% !important;
  margin-right: 0px !important;
}
div.veranstaltung_auswahlmenue h4 {
  margin-top: 15px !important;
  padding-bottom: 15px !important;
  font-size: 26px !important;
  font-weight: 300 !important;
}

div.veranstaltung_auswahlmenue form {
  display: flex;
  flex-wrap: wrap; 
}
div.veranstaltung_auswahlmenue form p {
  margin-right: 40px;
  font-size: 26px !important;
  font-weight: 300 !important;
}
div.veranstaltung_auswahlmenue form div.parameterTage {
  padding-top: 0px;
  margin-right: 50px;
}
div.veranstaltung_auswahlmenue form div.Schwierigkeit {
  padding-top: 0px;
  margin-right: 50px;
}
div.veranstaltung_auswahlmenue form div.Kategorie {
  padding-top: 0px;
}
div.veranstaltung_auswahlmenue form p select {
  font-size: 16px !important;
  font-weight: 300 !important;
}

/* END - spezifische Definitionen für die adfc-tour-Tourenliste*/
/***********************************************/

/***********************************************/
/*BEGIN - spezifische Definitionen für die adfc-tour-Tourenliste-Details - definiert durch: "adfc-tour-details"  */
div.adfc-tour-details div.veranstaltung {
  background-color: white !important;
  border:none !important;
}
div.adfc-tour-details div.veranstaltung a {
  color: #ee7f00;
  font-weight: 400;
  text-decoration: underline;
  font-size: 17px; 
}
div.adfc-tour-details div.veranstaltung  div.toureneintrag {
  overflow: hidden;
}
div.adfc-tour-details div.veranstaltung  div.toureneintrag h2 {
  padding-top: 0px;
  font-size: 20px !important;
  font-weight: 300 !important;
}
div.adfc-tour-details div.veranstaltung  div.toureneintrag div.datum {
  float: left;
  color: #0a0a0a;
  font-weight: 300;
}
div.adfc-tour-details div.veranstaltung  div.toureneintrag div.datumZeit {
  flot:left; 
  color: #0a0a0a;
  font-weight: 300;
}
div.adfc-tour-details div.veranstaltung  div.toureneintrag div.datumZeit::before {
  content: "\FE58"
}
div.adfc-tour-details div.veranstaltung  div.toureneintrag div.datumZeit::after {
 content: "\202FUhr"
}
div.adfc-tour-details div.veranstaltung  div.toureneintrag p span.tooltip {
  color: #B80003;
}
div.adfc-tour-details div.veranstaltung  div.toureneintrag p a {
  color: #ee7f00;
  font-weight: 400;
  text-decoration: underline;
  font-size: 17px; 
}
div.adfc-tour-details div.veranstaltung  div.toureneintrag p.kategorie a {
  color: #ee7f00;
  font-weight: 400;
  text-decoration: underline;
  font-size: 17px !important; 
}
div.adfc-tour-details div.veranstaltung  div.toureneintrag div.Leiter {
  color: #0a0a0a;
  font-weight: 300;
  margin-bottom: 20px;
}

div.adfc-tour-details div.veranstaltung  div.toureneintrag div[itemprop=location] {
  color: #0a0a0a;
  font-weight: 400;
}
div.adfc-tour-details div.veranstaltung  div.toureneintrag div.leaflet-container a {
  color: #0a0a0a !important;
}
div.adfc-tour-details div.veranstaltung  div.toureneintrag div.leaflet-container div.leaflet-bottom a {
  font-size: 12px !important;
  color: #0a0a0a;
}
/* END - spezifische Definitionen für die adfc-tour-Tourenliste-Details*/
/***********************************************/

/***********************************************/
/* BEGIN - spezifische Definitionen für die cloud-Kalender - definiert durch: "div.cloud-kalender"   */
div.cloud-kalender {
}
div.cloud-kalender div.veranstaltungsliste {
  background-color: #004b7c;
  padding-top: 2px;
  padding-left: 6px;
  padding-bottom: 1px;
  padding-right: 6px;
}
@media screen and ( max-width: 769px ) {
    div.cloud-kalender div.veranstaltungsliste {
    background-color: #004b7c;
    padding-top: 6px;
    padding-left: 6px;
    padding-bottom: 1px;
    padding-right: 6px;
  }
}
div.cloud-kalender div.veranstaltungsliste div.veranstaltung a {
  margin: 0px !important;
  color: #ee7f00 !important;
  font-weight: 600 !important;
  font-size: 17px !important;
}
div.cloud-kalender div.veranstaltungsliste div.veranstaltung {
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff; /*#E3EDF3*/
  margin-top: 4px !important;
  margin-bottom: 2px !important;
  padding-top: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  border-left-style: solid !important;
  border-left-color: white !important;
  border-left-width: 32px !important;
}
div.cloud-kalender div.veranstaltungsliste p.datum span.ort {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #0a0a0a !important;
	line-height: 1.2em;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
div.cloud-kalender div.veranstaltungsliste div.veranstaltung h3  {
	font-size: 18px !important;
	font-weight: 400 !important;
	color: #000000 !important;
	line-height: 1.2em !important;
	letter-spacing: 0em !important;
  background-color: #ffffff; /*#E3EDF3*/
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;  /* 7px */
  padding-right: 1% !important; 
  padding-bottom: 3px !important; 
  padding-left: 1% !important;
  width: 100%;
}
div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.datum  {
  order: -1;
  background-color: white;
  font-size: 0px;
  color: white;
  margin-top: 0px;
  margin-right: 0px !important;
  margin-left: -10px !important;
  margin-bottom: 0px !important;
  padding-top: 7px !important; 
  padding-right: 10px !important; 
  padding-bottom: 8px !important; 
  width: calc(100% + 15px);
}
div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.datum span.start {
  color: #0a0a0a;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.2em;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.datum span.ende {
  color: #0a0a0a;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.2em;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
 div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.datum span.start::before { 
   line-height: 1.6em;
}
div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.datum span.start::after { 
  content: "\202FUhr";
  font-size: 15px;
}
div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.datum span.ende::before { 
  content: "\FE58";
  font-size: 15px;
}
div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.datum span.ende::after { 
  content: "\202FUhr";
  font-size: 15px;
}
div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.datum span.kategorie {
  display:none;
}
div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.ort {
  font-size: 15px;
  background-color: #ffffff; /*#E3EDF3*/
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  padding-left: 1% !important;
  padding-right: 1% !important;
  padding-bottom: 0px !important;
  width: 100%;
}
/* div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.ort::before {
	content: '\A Ort: ';
	white-space: pre;
  font-weight: 400;
  font-size: 15px;
  color: #0a0a0a;
} */
div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.ort::before {
  content: 'Ort: ';
  font-weight: 400;
  font-size: 15px;
  color: #0a0a0a;
}
div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.beschreibung {
  font-size: 15px;
  background-color: #ffffff; /*#E3EDF3*/
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  padding-left: 1% !important;
  padding-right: 1% !important;
  padding-bottom: 0px !important;
  color: #0A0A0A !important;
  width: 100%;
}
div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.ort {
  color: #0A0A0A !important;
}

div.cloud-kalender div.veranstaltungsliste div.veranstaltung p.url {
  background-color: #ffffff; /*#E3EDF3*/
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  padding-left: 1% !important;
  padding-right: 1% !important;
  padding-bottom: 0px !important;
  width: 100%;
}
div.cloud-kalender.cloud-kalender-infoladen p.ort {
  display: none !important;
}
div.cloud-kalender-infoladen h3 {
  display: none !important;
}
/* END - spezifische Definitionen für die cloud-Kalender */
/***********************************************/

/***********************************************/
/*   Definitions für PlugIn 'Name Directory', z.B. fürs Glossar verwendet */
.name_directory_names hr{
	background-color: #ffffff;
}
.name_directory_character_header {
	background-color: #c0c0c0;
}
.name_directory_name_box:nth-of-type(odd) {
	background-color: #f0f0f0;
}
.name_directory_name_box:nth-of-type(even) {
	background-color: #ffffff;
}
.name_directory_index input[type="submit"] { /* Suchen-Button im Glossar blau machen */
  background-color: #004b7c !important;
}
/* End PlugIn 'Name Directory' */
/***********************************************/

/***********************************************/
/*  BEGIN  Definitions für Widget 'Kategorien und Schlagwörter' auf /ueber-uns/nachrichten-archiv/, - definiert durch: "div.widget-kategorie-selektion"  und durch: "div.widget-schlagwort-selektion"   */
div.widget-kategorie-selektion h2.widgettitle, div.widget-schlagwort-selektion h2.widgettitle {
  font-family: roboto;
  font-size: 26px;
  font-weight: 300;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 15px;
}
div.widget-schlagwort-selektion h2.widgettitle {
  margin-top: 30px !important;
}
div.widget-kategorie-selektion h2.widgettitle::before, div.widget-schlagwort-selektion h2.widgettitle::before {
  content: "Nachrichtenselektion nach "
}
div.widget-kategorie-selektion h2.widgettitle::after {
  content: ":"
}
div.widget-schlagwort-selektion h2.widgettitle::after {
  content: "n:"
}
div.widget-kategorie-selektion ul {
  display: flex;
  flex-wrap: wrap;

}
div.widget-kategorie-selektion li.cat-item {
  margin-right: 30px;
}
/*     END - Windget 'Kategorien und Schlagwörter'    */
/***********************************************/

/***********************************************/
/*   BEGIIN - Definitions für Header-Mitmachen-Button - definiert durch: "#header-unterstuetzen"    */
#header-unterstuetzen div.row_inner {
  align-content: right !important;
  justify-content: flex-end !important;
}
#header-unterstuetzen div.module_column {
  display: flex !important;
}
#header-unterstuetzen div.tb-column-inner {
  display: flex !important;
  justify-content: flex-end !important;
 }
#header-unterstuetzen div.module.module-plain-text {
  margin-right: 40px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
#header-unterstuetzen div.module.module-plain-text::before {
  background-color: transparent;
  bottom: 0;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23ee7f00' d='M0 0h100C50 10 50 90 0 100V0z'/%3E%3C/svg%3E") !important;
  display: block;
  height: 41px;
  position: absolute;
  top: 0;
  width: 41px;
  left: -39px;
  transform: scaleX(-1);
}
#header-unterstuetzen div.module-plain-text::after {
  background-color: transparent;
  bottom: 0;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23ee7f00' d='M0 0h100C50 10 50 90 0 100V0z'/%3E%3C/svg%3E") !important;
  display: inline-block !important;
  height: 41px;
  position: absolute;
  top: 0;
  width: 41px;
  right: -39px;
}
#header-unterstuetzen div.tb_text_wrap i {
  font-weight: 400 !important;
  display: block;
  width: 178px;
}
#header-unterstuetzen div.tb_text_wrap a {
  color: #fff !important;
  font-weight: 400 !important;
  padding-top: 5px !important;
}
#header-unterstuetzen div.tb_text_wrap i::before { /* wird im orange Top-Header-Menü verwendet */
/*  content: url("https://www.adfc-frankfurt.de/wp-content/uploads/2023/11/Reiserad_mit_ohne_tasche_weiss.svg") !important; */
  padding-left: 2px;
  padding-right: 6px;
  margin-top: 6px;
  display: inline-block;
  width: 25px;
  top: 2px;
  position: relative;
  height: 21.65px;
}
#ADFC-unterstuetzen span::before { /* wird im orange Top-Header-Menü verwendet */
  content: url("https://www.adfc-frankfurt.de/wp-content/uploads/2023/11/Reiserad_mit_ohne_tasche_weiss.svg") !important;
  padding-left: 2px;
  padding-right: 6px;
  margin-top: 2px;
  display: inline-block;
  width: 28px;
  top: 2px;
  position: relative;

}
#Icon-Presse span::before { /* wird im orange Top-Header-Menü verwendet */
  content: url("https://www.adfc-frankfurt.de/wp-content/uploads/2023/12/Icon-Presse_2.svg") !important;
  padding-left: 2px;
  padding-right: 6px;
  margin-top: 2px;
  display: inline-block;
  width: 19px;
  top: 2px;
  position: relative;
}
#Icon-Newsletter span::before { /* wird im orange Top-Header-Menü verwendet */
  content: url("https://www.adfc-frankfurt.de/wp-content/uploads/2023/12/E-Mail-Icon_wess-transparent-2.svg") !important;
  padding-left: 2px;
  padding-right: 6px;
  margin-top: 2px;
  display: inline-block;
  width: 19px;
  top: 2px;
  position: relative;
}
/*   END - Definitions für Header-Mitmachen-Button  */
/***********************************************/

/***********************************************/
/*   BEGIIN - Definitions für Header-RADvolution-Button - definiert durch: "#header-radvolution"    */
#header-radvolution div.row_inner {
  align-content: right !important;
  justify-content: flex-end !important;
}
#header-radvolution div.module_column {
  display: flex !important;
}
#header-radvolution div.tb-column-inner {
  display: flex !important;
  justify-content: flex-end !important;
 }
#header-radvolution div.module.module-plain-text {
margin-right: 40px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  background-color: transparent !important;
}
#header-radvolution div.tb_text_wrap {
  width: 80%;
}
#header-radvolution div.tb_text_wrap a { 
  text-radvolution: uppercase;
  text-decoration: none;
  height: 35px;
  right: 0;
  background-color: #ee7f00;
  left: auto;
  margin: 2px 0 0;
  position: absolute;
  top: -5px;
/*  width: 226px; */
  width: 130px;
  transform: skew(-20deg);
  box-shadow: 4px 4px 0 #43358b;
  border-radius: 0 0 10px 0;
/*  padding: 0px 4px 7px 2px; */
  padding: 1px 4px 1px 0px;

  transition-property: height,width,box-shadow; 
  transition-duration: .2s;
  overflow: hidden;
} 
 #header-radvolution div.tb_text_wrap a:active,
#header-radvolution div.tb_text_wrap a:focus,
#header-radvolution div.tb_text_wrap a:hover {
  height: 38px;
  width: 140px;
  box-shadow: 5px 5px 0 #43358b; 
} 
#header-radvolution div.tb_text_wrap a img {
  transform: skew(20deg);
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  float: left;
  padding-left: 8px;
/*  animation-name:f; 
  animation-duration:1s;
  animation-delay:2.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1; */
}
/*   END - Definitions für Header-RADvolution-Button  */
/***********************************************/

/***********************************************/
/* Definition für PlugIn 'Contact Form 7'   */
.cf7-smart-grid.has-grid .cf7-tags-2 .field .wpcf7-form-control-wrap {
	max-width: 160px !important;
}
.wpcf7-text {
	color: #000 !important;
	font-weight: 300 !important;
	font-size: 14px !important;
	font-style: italic !important;
}
.cf7sg-container .cf7-smart-grid.has-grid .columns.offset-one:first-child {
	margin-left: 0 !important;
}
.cf7-smart-grid.has-grid .wpcf7-submit {
	background: #004b7c !important;
}
.cf7sg-container #content {
	padding: 3% !important;
}
div.acceptance span.wpcf7-not-valid-tip {
	color: #000;
	background-color: rgba(238,127,0, 0.8) !important;
	opacity: 0.5;
	bottom: 19px !important;
	left: 16px !important;
		max-width: 200px !important;
}
div.required span.wpcf7-not-valid-tip {
	color: #000;
	background-color: rgba(238,127,0, 0.8) !important;
	opacity: 0.5;
	bottom: 10px !important;
}
.cf7sg-container {
	color: #000;
	font-weight: 300;
	line-height: 1.5em;
}
.cf7sg-container .cf7-smart-grid.has-grid .columns.full, .cf7sg-container .cf7-smart-grid.has-grid .columns.twelve {
	margin-top: 10px;
	margin-bottom: 10px;
}
.cf7-smart-grid.has-grid .field label {
	margin-bottom: 5px !important;
}
.cf7-smart-grid.has-grid .field .wpcf7-form-control-wrap.datenspeicherung,
.cf7-smart-grid.has-grid .field .wpcf7-form-control-wrap.enews,
.cf7-smart-grid.has-grid .field .wpcf7-form-control-wrap.datenschutz {
	width:50px !important;
	float:left;
}
.CheckBoxFrage {
	float:left;
	margin-top: 5px;
}
.datenspeicherung .wpcf7-not-valid-tip,
.enews .wpcf7-not-valid-tip,
.datenschutz .wpcf7-not-valid-tip {
	max-width: 200px !important;
}
.wpcf7-list-item {
	margin-bottom: 8px !important;
}
@media screen and ( max-width: 480px ) {
  .cf7sg-container .cf7-smart-grid.has-grid .container {
    padding: 0 !important;
  }
    input:read-write {
      margin-right: 0 !important;
  }
  .cf7-smart-grid.has-grid .wpcf7-form-control:not(img) {
    width: 100% !important;
  }
}
/* END: cf7-Formulare */

/***********************************************/
/*   Definitions für das PlugIn Menu as Tiles     */
div.menu_as_tiles_Neuigkeiten_Startseite, div.menu_as_tiles_box, div.menu_as_tiles_post_category, div.posts_results_as_tiles {
	display: -webkit-flex !important;
	display: -ms-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
  justify-content:space-between !important;
  font-family: Roboto;
}
div.menu_as_tiles_box, div.menu_as_tiles_post_category, div.posts_results_as_tiles {
  background-color: #f0f0f0;
  padding: 5px 16px 16px 16px;
  margin-top: -10px;
}
 @media screen and ( max-width: 479px ) {
  div.menu_as_tiles_box, div.menu_as_tiles_post_category, div.posts_results_as_tiles {
    padding: 5px 8px 16px 8px;
  }
} 
div.menu_as_tiles_box h1:nth-child(1), div.menu_as_tiles_box div.ergebnis_zaehler:nth-child(2) {
  width: 100%;
}
div.menu_as_tiles_box h1:nth-child(1) {
  font-size: 20px;
  line-height: 36px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400;
}
div.menu_as_tiles_box h1.page-title span.page_title_prefix  {
  font-weight: 100;
  font-size: 24px;
}
article.menu_as_tiles_post {
  display: -webkit-flex !important; 
  display: -ms-flexbox !important;
  display: flex !important;
  flex-flow: column !important;
  background-color: white !important;
  width: 100%; 
  margin-top: 1.25% !important;
  margin-right: 0% !important;
  margin-bottom: 0.75% !important;
  margin-left: 0 !important;
}
article.menu_as_tiles_post.post, article.menu_as_tiles_post.page {
  box-sizing: border-box !important;
}
@media screen and ( min-width: 481px ) {
  article.menu_as_tiles_post {
    width: 49.5%; 
    margin-top: 1.25% !important;
    margin-right: 0% !important;
    margin-bottom: 0.75% !important;
    margin-left: 0 !important;
  }
  div.menu_as_tiles_box article:nth-child(n+15):nth-child(-n+500), div.menu_as_tiles_post_category article:nth-child(n+13):nth-child(-n+500), div.posts_results_as_tiles article:nth-child(n+13):nth-child(-n+500) {
  width: 100%;
  }
}
@media screen and ( min-width: 770px ) {
  article.menu_as_tiles_post {
    width: 32.33%; 
    margin-top: 0.75% !important;
    margin-right: 0% !important;
    margin-bottom: 0.75% !important;
    margin-left: 0 !important;
  }
  div.menu_as_tiles_box article:nth-child(n+15):nth-child(-n+500), div.menu_as_tiles_post_category article:nth-child(n+13):nth-child(-n+500), div.posts_results_as_tiles article:nth-child(n+13):nth-child(-n+500)  {
  width: 100%;
  }
}
@media screen and ( min-width: 1260px ) {
  article.menu_as_tiles_post {
    width: 23.5%; 
    margin-top: 0.75% !important;
    margin-right: 0% !important;
    margin-bottom: 0.75% !important;
    margin-left: 0 !important;
  }
  div.menu_as_tiles_box article:nth-child(n+15):nth-child(-n+500), div.menu_as_tiles_post_category article:nth-child(n+13):nth-child(-n+500), div.posts_results_as_tiles article:nth-child(n+13):nth-child(-n+500)  { /* ab dem 13. Eintrag gilt eine verkürzte und ganzspaltige Anzeige */
    width: 100%;
  }
}

img.menu_as_tiles_image {
  order: -1;            /* Shift image before other content (in visual order) */
  align-self: center;   /* Center the image cross-wise (horizontally)         */
  width: 100%;
}
div.menu_as_tiles_box article:nth-child(n+15):nth-child(-n+500) div.menu_as_tiles_image, div.menu_as_tiles_post_category article:nth-child(n+13):nth-child(-n+500) div.menu_as_tiles_image, div.posts_results_as_tiles article:nth-child(n+13):nth-child(-n+500) div.menu_as_tiles_image {   /* ab dem 13. Eintrag kein Post-Image anzeigen */
  display: none;
}
@media screen and ( max-width: 480px ) {
  div.menu_as_tiles_box article:nth-child(n+8):nth-child(-n+500) div.menu_as_tiles_image, div.menu_as_tiles_post_category article:nth-child(n+8):nth-child(-n+500) div.menu_as_tiles_image, div.posts_results_as_tiles article:nth-child(n+8):nth-child(-n+500) div.menu_as_tiles_image  {   /* ab dem 13. Eintrag kein Post-Image anzeigen */
  display: none;
}
  /*div.menu_as_tiles_Neuigkeiten_Startseite article:nth-child(n+1):nth-child(-n+500) div.menu_as_tiles_image {
    disply: 100%; 
  } */
  div.menu_as_tiles_Neuigkeiten_Startseite  article:nth-child(n+8):nth-child(-n+500) div.menu_as_tiles_image {   /* Statseite Mobile-Version nur Psots mit Bild, die restlichen ohne Bild*/
  display: none;
}
  div.menu_as_tiles_Neuigkeiten_Startseite, div.menu_as_tiles_post_category, div.menu_as_tiles_box {
    background-color: rgba(120, 120, 120, 1);
  }
  div.menu_as_tiles_post_category, div.menu_as_tiles_box, div.menu_as_tiles_box {
    background-color: rgba(180, 180, 180, 1);
  }
}
div.menu_as_tiles_date {
  margin-top: 10px;
  padding-left: 4%;
  font-size: 16px;
  font-weight: 400;
  color: #0a0a0a;
}
h3.menu_as_tiles_title {
	font-size: 20px !important;
	padding-top: 0.8em; 
	padding-bottom: 0.5em; 
	color: #000000 !important;
	line-height: 1.3em !important;
	font-weight: 400 !important;
}
div.menu_as_tiles_box h3.menu_as_tiles_title, div.menu_as_tiles_post_category h3.menu_as_tiles_title, div.menu_as_tiles_box h3.menu_as_tiles_title {
	font-size: 18px !important;
	padding-top: 0.8em; 
	padding-bottom: 0.5em; 
	color: #000000 !important;
	line-height: 22px !important;
	font-weight: 400 !important;
}
h3.menu_as_tiles_title, div.menu_as_tiles_details, div.menu_as_tiles_button  {
  padding-left: 4% !important;
  padding-right: 4% !important;
}
div.menu_as_tiles_details {
  padding-bottom: 0.8em;
  font-size: 15px;
  line-height: 20px;
}
span.menu_as_tiles_excerpt {
  font-size:15px;
  font-weight: 300 !important;
  line-height: 20px;
  color: #0a0a0a !important;
}
div.menu_as_tiles_button {
 /* margin-top: auto;  */   /* Auto top margin pushes button to bottom */
	display: table-cell; 
	vertical-align: bottom;
	position: relative;
  max-width: 100%;
	margin-bottom: 7%;
	margin-left: 0px;
  float:left;
	}
@media screen and ( min-width: 481px ) {
  div.menu_as_tiles_box article:nth-child(n+15):nth-child(-n+500) div.menu_as_tiles_date, div.menu_as_tiles_post_category article:nth-child(n+13):nth-child(-n+500) div.menu_as_tiles_date, div.posts_results_as_tiles article:nth-child(n+13):nth-child(-n+500) div.menu_as_tiles_date {   /* ab dem 13. Eintrag wniger margin-bottom*/
    margin-top: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    font-size: 14px;
    font-weight: 400;
}
   div.menu_as_tiles_box article:nth-child(n+15):nth-child(-n+500) div.menu_as_tiles_button, div.menu_as_tiles_post_category article:nth-child(n+13):nth-child(-n+500) div.menu_as_tiles_button, div.posts_results_as_tiles article:nth-child(n+13):nth-child(-n+500) div.menu_as_tiles_button {   /* ab dem 13. Eintrag wniger margin-bottom*/
 	  margin-bottom: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    font-size: 15px;
}
  div.menu_as_tiles_box article:nth-child(n+15):nth-child(-n+500) h3.menu_as_tiles_title, div.menu_as_tiles_post_category article:nth-child(n+13):nth-child(-n+500) h3.menu_as_tiles_title, div.posts_results_as_tiles article:nth-child(n+13):nth-child(-n+500) h3.menu_as_tiles_title {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  div.menu_as_tiles_box article:nth-child(n+15):nth-child(-n+500) div.menu_as_tiles_details, div.menu_as_tiles_post_category article:nth-child(n+13):nth-child(-n+500) div.menu_as_tiles_details, div.posts_results_as_tiles article:nth-child(n+13):nth-child(-n+500) div.menu_as_tiles_details {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
div.menu_as_tiles_button a {
	border-radius: 0 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	color: #fff !important;
	font-family: 'roboto';
	font-weight: 400 !important;
	font-style: italic !important;
	cursor: pointer !important;
	padding: 8px !important;
	white-space: normal;
	max-width: 100%;
  background-color: #ee7f00 !important;
}
div.menu_as_tiles_button a::after {
  /* Pfeil: Box mit zwei weißen Kanten um -135deg gedreht */
  box-shadow: -2px 2px 0 white;
  transform: rotate(-135deg);
  width: 11px;
  height: 11px;
  transition: .5s;
	content: ""; 
  margin-left: 0px;
  margin-top: 4px;
  margin-right: 5px;
  display:inline-block;
} 
div.menu_as_tiles_date {
	font-size: smaller;
	font-style: italic;
}
/* End - PlugIn Menu as Tiles   */

/******************************************/
/*  Begin - Main-Menü Einträge  */
/******************************************/

/**************************************/
/* BEGIN - Mobile Burger-Menü  */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item {                           /* 1. Ebene  */
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {        /* 1. Ebene  */
  padding-top: 10px !important;
  background: #e0e0e0 !important;
  font-size: 16px;
  height: 40px !important;
  margin-bottom: 4px !important;
}
#mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {                                       /* 2. Ebene  */
  margin-top: -4px !important;
}
#mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {                      /* 2. Ebene  */
  margin-bottom: 4px !important;
}
#mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {     /* 2. Ebene  */
  padding-top: 12px !important;
  height: 40px !important;
  padding-left: 20px !important;
  margin-top: 3px !important;
  background: #efefef !important;
  font-size: 15px;
}
#mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:first-child {     /* 2. Ebene  */
  margin-top: 4px !important;
}
#mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:last-child {     /* 2. Ebene  */
  margin-top: 4px !important;
}
#mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {                                        /* 3. Ebene   */
 margin-top: 0px !important;
}
#mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item {                       /* 3. Ebene   */
height: 40px !important;
}
#mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {     /* 3. Ebene   */
  padding-top: 10px !important;  
  background: #fbfbfb !important;  
  padding-left: 40px !important;
  height: 40px !important;
  font-size: 14px;
}
#mega-menu-wrap-max_mega_menu_1 a.mega-menu-link:hover {
  text-decoration: underline !important;
  color: #ee7f00 !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  text-decoration: underline !important;
  color: #ee7f00 !important;
}
#mega-menu-max_mega_menu_1 .mega-current-menu-ancestor, #mega-menu-max_mega_menu_1 .mega-current-menu-item a, #mega-menu-max_mega_menu_1 .mega-current-menu-ancestor a, #mega-menu-max_mega_menu_1 .mega-current-menu-item a {
 text-decoration: none !important;
}
/*  END - Mobile Burger-Side-Menü    */

/* CSS-patches für die top-Level Dartsellung der Menüs in Desktpop und Mobile-Versions */
.orange-menu-mobile {
  text-align: center !important;
}
#header-logo-scaling {
  transition-duration: 0s !important;
}
#adfc-header-tablet-landscape div.row_inner {
  display: flex;
  flex-wrap: nowrap !important;
  flex-direction: row;
}
#adfc-header-desktop div.last div.tf_box, #adfc-header-desktop-menu div.last div.tf_box {
  justify-content: end !important;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right {
  display: -webkit-block !important;
  display: block !important;
  width: 100% !important;
  flex-basis: none !important;
}
mega-menu-wrap-max_mega_menu_1 {
  widt: 70px !important;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated {
    display: block !important;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-left, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-center {
 display: none !important;
}
#mega-menu-wrap-max_mega_menu_1 {
  clear: none !important;
}
ul.mega-menu max-mega-menu {
  padding-top: 0px !important;
}
#mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 {
  padding-top: 0px !important;
}
#mega-menu-item-search-1047 {
  width: 200% !important;
}
.mob-menu-wrapper .mob-menu-logo{
  float: left;
}
.mob-menu-wrapper .mob-menu-left {
float: left;
  padding-top: 15px;
}
.mob-menu-wrapper .mob-menu-right {
float: right;
padding-top: 13px;
}
@media screen and ( max-width: 770px ) and (min-width: 481px) {
  .subrow_inner {
    flex: none !important;
  }
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
  margin-right: 0px !important;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav, #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 { /* Hauptmenü-Zeile rechtsbümdig */
	text-align: right !important;
	padding-top: 20px !important;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
  background-color: #c0c0c2 !important;
}

/* BEGIN - Mega-Menü "Suchen"-Feld inkl 2. Ebene des Suche-Feldes */





li.mega-hauptmenu-suchen-feld ul.mega-sub-menu {
  padding-top: 1.5% !important;
  padding-left: 1.5% !important;
  padding-right: 1.5% !important;
  padding-bottom: 1.5% !important;
  background-color: #c0c0c2 !important;
  border: 0 !important;

  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.3) !important;
}
li.mega-hauptmenu-suchen-feld ul.mega-sub-menu li.mega-menu-item:nth-child(1) {
  background-color: #c0c0c2 !important;
  margin-bottom: 1.5% !important;
}
li.mega-hauptmenu-suchen-feld ul.mega-sub-menu li.mega-menu-item:nth-child(2) {
  margin-bottom: 1.5% !important;
  padding-left: 6px !important;
}
li.mega-hauptmenu-suchen-feld ul.mega-sub-menu li.mega-menu-item:nth-child(3) {
  width: 24.75% !important;
  margin-right: 1.5% !important;
  margin-bottom: 0 !important;
}
li.mega-hauptmenu-suchen-feld ul.mega-sub-menu li.mega-menu-item:nth-child(4) {
  width: 23.875% !important;
  margin-right: 1.5% !important;
  margin-bottom: 0 !important;
}
li.mega-hauptmenu-suchen-feld ul.mega-sub-menu li.mega-menu-item:nth-child(5) {
  width: 23.875% !important;
  margin-right: 1.5% !important;
  margin-bottom: 0 !important;
}
li.mega-hauptmenu-suchen-feld ul.mega-sub-menu li.mega-menu-item:nth-child(6) {
  width: 23% !important;
  margin-bottom: 0 !important;
}
li.mega-hauptmenu-suchen-feld form {
  border: 0 !important;
}
li.mega-hauptmenu-suchen-feld input {
  font-size: 16px !important;
  line-height: 30px !important;
  color: #808080 !important;
}

/*
.hauptmenu-suchen-feld .tf_s_dropdown input[type="text"] {
  background-color: #cccccc !important;
}
.hauptmenu-suchen-feld #searchform #s {
  padding: 1em .45em 1em 1.75em;
}
.hauptmenu-suchen-feld svg.tf_fa {
  margin-left: 5px;
}
.tf_s_dropdown .tf_search_result {
  margin-top: 0px !important;
}
*/
/* BEGIN - Mega-Menü "Suchen"-Feld inkl 2. Ebene des Suche-Feldes */
/******************************************/
/*  END - Main-Menü Einträge  */
/******************************************/

/******************************************/
/*  BEGIN-  Main-Header Einträge  */
.col4-2 .ui.builder_button {
	padding-top: 1.2em !important;
	padding-right: 0 !important;
	padding-bottom: 1em !important;
	padding-left: 2em !important;
}
.col4-2 .module-buttons, .col3-1 .module-buttons {
	margin-right: 0 !important;
}

.col3-1 .tf_search_form .module-search-form {		/* Suchen-Feld: rechtsbündig */
	text-align: right !important;
}
.col3-1 .module-search-form .tbp_searchform input {  /* Suchen-Feld: Formatierungen */
	margin-right: 0 !important;
	width: auto;
}
div.suchen_button {
	align-content: center !important;
	padding-top: 11px !important;
}

.col4-1 .ui.builder_button {						/* Main-Header 2. Menue - enger setzten */
	padding-top: 0.625em !important;
	padding-right: 0.8em !important;
	padding-bottom: 0.625em !important;
	padding-left: 0.8em !important;
}


/*  END - Main-Header Einträge  */


/**************************************/
/*   BEGIN Footer  Einträge   */

#tbp_footer h2 {
  font-size: 17px !important;
  margin-bottom: 17px !important;
}
#tbp_footer li.menu-item {
  padding-top: 0.3em !important;
  padding-bottom: 0.3em !important;
}
.footer-search-box {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100% - 20px);
}
.footer-search-box .tf_inline_b {
  width: calc(100% - 60px) !important; 
}
.footer-search-box button {
  background-color: #004b7c;
}
.footer-search-box .tbp_searchform input {
  width: calc(100%) !important;
}
/* BEGION - Hauptmenü auf einen Blick im Footer */
#hauptmenu-uebersicht ul li.menu-item:nth-child(6) {   /* 'Suchen' ausblenden: 6tes child */
  display:none;
}
#hauptmenu-uebersicht ul.sub-menu li.menu-item { /* alle anderen nicht ausblenden */
  display: list-item;
}

#hauptmenu-uebersicht ul.menu { /* flex-container */
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content:space-between;
  margin:0;
  padding:0;
}
#hauptmenu-uebersicht ul li.menu-item-has-children:nth-child(5) {  /* flex-box */
  padding-right: 0px !important;
 }
#hauptmenu-uebersicht ul li.menu-item-has-children {  /* flex-box */
/*  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; */
  float: left;
  margin:0;
  padding:0;
  width: 18% !important;
  min-width: 180px !important;
  padding-right: 20px !important;
  margin-bottom: 20px !important;
}
#hauptmenu-uebersicht ul li.menu-item-has-children a {
  font-size: 18px;
  color: #808080;
  font-weight: 500;
}
#hauptmenu-uebersicht ul.menu li.menu-item {
  padding-top: 0;
  margin:0;
  font-size: 18px;
  font-weight: 300;
  color: #707070;
}
#hauptmenu-uebersicht ul.sub-menu {
  margin-top: 10px;
}
#hauptmenu-uebersicht ul.sub-menu li.menu-item {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  
}
#hauptmenu-uebersicht ul.sub-menu li.menu-item a {
  font-size: 14px;
  color: #000000;
  line-height: 100%;
  font-weight: 400;
}
@media screen and ( max-width: 1148px ) {   /* nur bei großen Bildschirmen anuzeigen */
  #hauptmenu-uebersicht {
    display: none;
  }
}
/* END - Hauptmenü auf einen Blick im Footer */

/*  END Footer  Einträge   */
/**************************************/


/*************************************/
/*  BEGIN - FFA-Archive Seite  */
div.ccchildpages.simple div.ccchildpage.ccpage-parent-ausgaben {
  margin: 0.5em 0.5% !important;
  padding: 0.375em 1% !important;
  float: left !important;
  clear: none !important;
} 
div.fourcol div.ccchildpage {
  width: 15.6% !important;
  float: left !important;
  clear: none !important;
  min-width: 140px !important;
}
div.fourcol div.ccchildpage.ccfirst {
  float: left !important;
  clear: none !important;
}
div.fourcol div.ccchildpage.cclast {
  float: left !important;
  clear: none !important;
}
div.fourcol div.ccchildpage h3 {
  padding-top: 0.5em !important;
  height: 56px !important;
}
div.fourcol div.ccchildpage a.ccpage_linked_thumb img.cc-child-pages-thumb {
  height: 220px !important;
  width: auto !important; 
  padding-top: 0.5em !important;
}
/*  END - FFA-Archive Seite  */

/***********************************/
/*  BEGIN - News-Post-Archive  */

div.masonry article.post {
  background-color: #eee;
}
/*  END - News-Post_Archive  */

/*************************************/
/*  BEGIN - Table-Press Definitionen */

.tb_text_wrap div.verleiherName {         /* Fahrradverleiher */ 
  font-weight: 300;
  font-family: "Roboto";
  line-height: 1.3em;
  font-size: 26px;
}
.tb_text_wrap div.beschreibung {         /* Fahrradverleiher */ 
  margin-top: -15px;
  margin-bottom: -15px;
  
}
/*  END - Table-Press Definitionen */

.module.module-buttons a.tb_default_color {
	color: #ee7f00;
}

div.blue_right_menu_box .ui.builder_button {					/* Blaues Seiten-Menü Abstand er einzelnen Einträge */
	padding-top: 0.55em !important;
	padding-bottom: 0.55em !important;
}
div.blue_right_menu_box h2 {                    /* Blaues Seiten-Menü Abstand Header von oben */
  padding-top: 20px !important;
}
.module-buttons-item span {                /* irgendwo haut einer bei den Buttons ein falsches line-height:1.4px rein */
	line-height: 1.4em !important;
}

.text_align_rechts {
  align-items: flex-end !important;
  align-content: flex-end !important;
  text-align: right !important;
}
.font_size_14px {
  font-size: 14px !important;
}


.image-content h6.image-title {
  font-family: roboto !important;
  color: #0a0a0a !important;
  background-color: #f5f5f5 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: left !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 4px;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-bottom: 3px !important;
}
.module-image.image-top .image-content {
  margin-top: 0px !important;
}

#mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 li.mega-menu-item > ul.mega-sub-menu {
  margin-left: 0px 0px 0px -5px !important;
}

.padding-top-zero {
  padding-top: 0px !important;
}

/* BEGIN _ Definitionen für  Tabellen  */
.tablepress.tabelle_autofrei {
  width: 100% !important;
}
.tablepress.tabelle_autofrei td.column-1 {  
  width: 60% !important;
}
.tablepress.tabelle_autofrei td.column-2 {   
  text-align: center !important;
  vertical-align: middle !important;
  width: 40% !important;
}

@media screen and ( max-width: 770px ) {
  .tablepress.tabelle_autofrei td.column-2 a {   
    width:100% !important;
  }
  .tabelle_autofrei img {  
    width: 100% !important;
  }
}

@media screen and ( max-width: 650px ) {
  .tablepress.tabelle_autofrei td.column-1 {   
    width: 70% !important;
  }
  .tablepress.tabelle_autofrei td.column-2 {   
    width: 30% !important;
    padding: 8px 0 8px 8px !important;
  }
  .tablepress.tabelle_autofrei td.column-2 a {   
    width: 100% !important;
  }
  .tabelle_autofrei img {  
    width: 100% !important;
  }
}

@media screen and ( max-width: 480px ) {
  .tablepress.tabelle_autofrei td.column-1 {   
    width: 70% !important;
  }
  .tablepress.tabelle_autofrei td.column-2 {   
    width: 30% !important;
    padding: 8px 0 8px 8px !important;
   }
  .tablepress.tabelle_autofrei td.column-2 a {   
    width: 100% !important;
  }
  .tabelle_autofrei img {   
    width: 100% !important;
  }
}

.tablepress.tabelle_austellerverzeichnis td {   
  text-align: center !important;
  vertical-align: middle !important;
  width: 60% !important;
}

@media screen and ( max-width: 770px ) {
  .tablepress.tabelle_austellerverzeichnis td a {   
    width:100% !important;
  }
  .tabelle_austellerverzeichnis img {  
    width: 100% !important;
  }
}
/* END _ Definitionen für die Tabelle der autofreien Sonntage */

div.email_bei_bedarf_kleiner a {
  font-size: 14px !important;
}
a:target {   /*Korrigiert das Sprungziel auf einen Seiten-Anker um die Höhe des fixed Headers  */
  scroll-margin-top: 95px;
}

/*  BEGIN   - Definitions für die Detaildarstellung der Radreisen      */
.mtt-reisebeschreibung h6 {
   padding-bottom: 0px;
   margin-top: 14px !important;
   margin-bottom: 3px !important;
  }
.mtt-gallery div.gallery-showcase-image {
  text-align: center;
}
.mtt-gallery div.gallery-showcase-image img {
  height: 50vh !important;
  width: auto !important;
  max-width: 100% !important;
}
@media screen and ( max-width: 964px ) {
  .mtt-gallery div.gallery-showcase-image img {
    width: 100%;
    height: auto;
  }
}
.mtt-gallery div.gallery-showcase-image strong.gallery-showcase-title-text {
  display: none;
}
.mtt-gallery div.tf_abs {
  position: relative !important;
  background-color: #f5f5f5 !important;
  color: rgb(10, 10, 10) !important;
  font-weight: 400;
  font-size: 14px;
}
.mtt-gallery div.tf_abs span.gallery-showcase-title-text {
  color: rgb(10, 10, 10) !important;
}
.mtt-reisebeschreibung div.module-tab.ui {
  background-color: #f5f5f5 !important;
  padding-top: 0px !important;
  margin-top: -40px !important;
}
.mtt-reisebeschreibung .tab-nav {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.mtt-reisebeschreibung ul.tab-nav {
  padding-top: 3px !important;
  padding-right: 5px !important;
  padding-bottom: 3px !important;
  padding-left: 5px !important;
}
.mtt-reisebeschreibung .tf_clearfix::after {
  content: "";
  display: none;
  clear: both;
}
.mtt-reisebeschreibung ul.tab-nav a {
  padding-right: 10px !important;
  padding-left: 10px !important;
  color: white !important;
  font-family: Roboto !important;
}
.mtt-reisebeschreibung ul.tab-nav li {
  background-color: #004b7c !important;
}
.mtt-reisebeschreibung ul.tab-nav li.current {
  background-color: #ee7f00 !important;
}

.mtt-reisebeschreibung ul.tab-nav li.current, .mtt-reisebeschreibung ul.tab-nav li span {
  color: white !important;
  font-display: roboto !important;
}
.mtt-right-column div.module-plain-text {
  padding-top: 0px !important;
}
.mtt-reisebeschreibung p.mtt-buchbar, .mtt-reisebeschreibung p.mtt-schwierigkeit {
  margin-bottom: 3px !important;
}
.mtt-reisebeschreibung li {
  margin-bottom: 2px !important;
}
.mtt-reisebeschreibung ul {
  margin-left: 1em !important;
}
.mtt-anmeldung {
  background-color: #e0e0e2;
  padding-left: 10px;
  padding-right: 10px;
}
.mtt-anmeldung a {
  color: white !important;
}
.mtt-anmeldung input {
  background-color: #ee7f00 !important;
}

/*  END   - Definitions für die Detaildarstellung der Radreisen      */
.module {
  transition: none !important;
  transition-timing-function: steps(0) !important;
  transition-delay: 0 !important;
  transition-duration: 0 !important;
}
/*  START -     großflächige Headbanner auf der Leitseite     */


div.top-image-position-radvolution img {  /* image radvolution */
  height: calc(100vh - 125px);
  width: 100%;
  object-fit: cover !important;
  object-position: center 55% !important;
}
h2[id="Kontaktbox"]{
  padding-top: 0.6em !important;
  padding-bottom: 0.7em !important;
}

div.head-pic-100vh img {                  /* _ */
  height: calc(100vh - 300px);
  min-height: 750px !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: 80% 38% !important;
}
@media screen and ( max-width: 769px ) {
div.head-pic-100vh img {
	  width: 100% !important;
  height: auto !important;
  /*object-fit: cover !important;*/ 
	  object-position: left center !important;
	}
}

div.head-pic-100vh_1 img {                  /* _1 */
  height: calc(100vh - 120px);
  width: 100% !important;
  object-fit: cover !important;
  object-position: 68% 70% !important;
}
@media screen and ( max-width: 769px ) {
div.head-pic-100vh_1 img {
  height: calc(100vh - 300px) !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: 75% 65% !important;
	}
}

div.head-pic-100vh_2 img {                   /* _2 */
  height: calc(100vh - 126px);
  width: 100% !important;
  object-fit: cover !important;
  object-position: center 70% !important;
}




@media screen and ( max-width: 650px ) {
  div.head-pic-100vh_2 img {
    height: calc(100vh - 180px) !important;
  }
}

div.head-pic-100vh_3 img {                   /* _3 */
  height: calc(100vh - 115px); 
  width: 100%;
  object-fit: cover;
  object-position: center 12% !important;
}
/*@media screen and ( max-width: 1400px ) {
  div.head-pic-100vh_3 img {
  object-fit: cover !important;
      height: none !important; 

    }
} */

@media screen and ( max-width: 1024px ) {     /* _3 */
  div.head-pic-100vh_3 img {
    height: 100% !important; 
    object-fit: cover !important;

  }
} 
  
 div.head-pic-100vh_4 img {                 /* _4 */
  height: calc(100vh + 70px) !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: 90% bottom !important;
}
@media screen and ( max-width: 760px ) {
  div.head-pic-100vh_4 img {
    height: calc(100vh) !important;
    object-position: 90% bottom !important;
  }
}

div.leitseite-banner {
  width: 1670px !important;
  max-width: 100% !important;
margin-left:auto !important;
margin-right: auto !important;
}
.banner_text-container {
  margin-bottom: 0;
  float: left;
  overflow: hidden;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 2.5%;
  padding-bottom: 2.5%;
  width: 68%;
}
.banner_image-container {
  width: 31.5%;
  text-align: left;
  float: right;
  }
.banner_image {
  width: 240px;
  max-width: 100%;
  padding-top: 0;
  bottom: 0;
  height: 100%;
  object-fit: contain;
  object-position: left bottom;
}
@media screen and ( max-width: 1260px ) {
  .banner_image {
    object-position: right bottom;
  }
  .banner_image-container {
    width: 31.5%;
    text-align: right;
    float: right;
  }
}
@media screen and ( max-width: 760px ) {
  .banner_text-container {
    margin-bottom: 0;
    overflow: hidden;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    width: 100%;
    float: none;
  }
  .banner_image-container {
    width: 240px;
	max-width: 100%;
    text-align: right;
    object-position: right bottom;
  }
  .banner_image {
      object-position: right bottom;
  }
}
/*  END -   großflächige Headbanner auf der Leitseite     */
  
.module .image-wrap .zoom { /*   Lightbox-Lupe unten rechts im Bild   */
	color: rgba(255,255,255,.8) !important;
	width: 40px !important;;
	height: 40px !important;;
	background-color: rgba(0,0,0,.3) !important;;				/* transparenter als das Original  */
	margin: -40px 0 0 -40px !important;;				/*   schön sauber unten rechts in die Ecke  */
	top:100% !important;;							 	/* unten */
	left: 100% !important;;  						/* rechts */
	border-radius: 100% !important;;
	display: flex !important;
	flex-direction: column !important;;
	justify-content: center !important;;
	align-items: center !important;;
}