:root {
  --body-font-size: 1.2rem;
}

.row {
    --gutter-x: 1em !important;
    --gutter-y: 2em !important;
}

/* Anfang Oldtimertag */
.oldtimertag {
line-height: 1.8 !important;
}

.schatten {
    /* Horizontaler Versatz | Vertikaler Versatz | Unschärfe (Blur) | Farbe (RGBA für Transparenz) */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    /* Sorgt für eine weiche Darstellung auf allen Browsern */
    transition: box-shadow 0.3s ease-in-out !important;
}

/* Ende Oldtimertag */

/* ANFANG Benzinplausch */
.junewsultra .jn-title {
    text-decoration: none;
}

.junewsultra .jn .jn-more a {
    text-decoration: none !important;
}

.junewsultra.oben > .jn {
    background-color: #F8F5E6 !important;
    background-clip: border-box;
    border: 1px solid #8EA2B3 !important;
    border-radius: 0.25rem !important;
}

.junewsultra.oben > .jn > .jn-card > .jn-title {
    font-size: 2.0rem !important;
}

.magazin-oldtimerfreund-image {
      border-radius: 25% !important;
   max-width: none !important;
}

.magazin-schaetze-image {
      border-radius: 25% !important;
   max-width: none !important;
}

.magazin-oldtimergeschichten-image {
   max-width: none !important;
}


.junewsultra .jn-card {
     padding: 0px !important;
}

.junewsultra .jn {
    margin: 0 0 16px 0;
    border: none !important;
  border-radius: 0px !important;
  display: block;
}

.junewsultra .jn-image {
    float: left; 
    margin: 0px 10px 0px 0px;
}
.junewsultra.oben > .jn > .jn-image {
    margin: 10px;
}
.junewsultra.oben > .jn > .jn-card {
    margin: 10px;
}

.junewsultra .jn-intro, .junewsultra .jn-more {
    clear: none !important;
}

/* Der Hauptcontainer wird zum Flexbox-Container 
.junewsultra .jn {
    display: flex !important;            /* Aktiviert Flexbox 
    flex-direction: row;       /* Ordnet die Elemente nebeneinander an (Standard) 
    align-items: flex-start;   /* Richtet beide Container oben aus (optional, alternativ: center) 
    gap: 30px;                 /* Erzeugt einen Abstand von 30px zwischen Bild und Karte 
    flex: 0 1 calc(25% - 20px); /* Zeigt 4 Spalten (minus Abstand) 
    min-width: 150px;           /* Verhindert, dass sie zu schmal werden 
}
*/
/* ENDE Benzinplausch */


/* Container auf Flexbox umstellen 
.cat-children {
    display: flex;
    flex-wrap: wrap; /* Erlaubt mehrere Zeilen 
    gap: 20px;       /* Abstand zwischen den Jahrgängen 
    justify-content: flex-start;
}

/* Die einzelnen Jahrgangs-Boxen formatieren 
.com-content-category-blog__child {
    flex: 0 1 calc(25% - 20px); /* Zeigt 4 Spalten (minus Abstand) 
    min-width: 150px;           /* Verhindert, dass sie zu schmal werden 
    text-align: center;         /* Zentriert Bild und Text 
    margin-bottom: 20px;
}

/* Bilder innerhalb der Boxen anpassen 
.subcategory-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 10px;
}


.suchergebnis_img img {
    max-width: 143px;
    height: auto;
    margin: 0 auto 10px;
}

*/



.sepia-bild {
  /* Das Bild wird komplett in Sepia dargestellt */
  filter: sepia(100%) hue-rotate(-20deg) saturate(1.2);
  
  /* Damit der Übergang weich animiert wird */
  transition: filter 0.5s ease;
}

.sepia-bild:hover {
  /* Beim Drüberfahren wird der Filter entfernt */
  filter: sepia(0%) hue-rotate(0deg) saturate(1);
}


/* Linien entfernen und nur unten eine dezente Trennung */
.contact-category tr th {
  border: none;
}

/* Linien entfernen und nur unten eine dezente Trennung */
.contact-category .table td {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

/* Namen hervorheben */
.contact-category .list-title a {
    font-weight: 700;
    font-size: 1.1rem;
    color: #333;
    text-decoration: none;
}


/* Styling für das Kontaktbild in der Listenansicht */
.contact-category .list-title img {
    border-radius: 20%;
}

/* Styling für das Kontaktbild in der Kontaktansicht */
.contact .thumbnail img {
    border-radius: 20%;
}

.contact-category .list-title a {
    text-decoration: none !important;
}

@media (width >= 992px) {
    .image-left .blog-item .item-image, .image-right .blog-item .item-image {
          flex: 1 0 35% important;
    }
}

.cbUserListResultCount {
display: none !important;
}

.com-content-category-blog__item figure {
 /*   margin: 0 0 2em !important; */
}

figure {
   margin: revert; /* Aktiviert für Oldtimer Praxis BLOG-Ansicht */
}

.vereinsshop h1 {
  display: none !important;
}

.SprdMain h1 {
  display: initial !important;
}


.OldtimerMieten li {
  list-style-type: none;
  padding-left: 0.5em;
}
.OldtimerMieten p {
  margin-top: 1rem;
}
.OldtimerMieten li::marker  {
  content: "? ";    
  color: navy;
  font-size: 1.5em;  
}  

.mobilemenuck-bar-title {
    display: none !important;
}

.page-header h1 {
  color: #eb5014 !important;
}

.eventgallery-category-headline {
  color: #eb5014 !important;
}

.blog h1 {
  color: #eb5014 !important;
}

#Kal1A {
    position: relative;
    left: 0px;
    top: 0px;
    margin: auto;
    width: 100px;
    height: 104px;
    background: url(/images/pictures/kalenderblatt.png);
    text-align: center;
}

.Kal1AMonat {
    position: absolute;
    left: 0px;
    top: 15px;
    width: 100px;
    height: 14px;
    margin: 0px;
    font-family: Arial,sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
}

.Kal1ATag {
    position: absolute;
    left: 0px;
    top: 49px;
    width: 100px;
    margin: 0px;
    font-family: Arial,sans-serif;
    font-size: 44px;
    line-height: 100%;
    font-weight: bold;
    color: #6F6F6F;
    border: 0px solid #FFFFFF;
}


/* Weihnachts-Schriftart */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Isabela';
  src: url('../fonts/isabela.ttf') format('truetype'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/barlow-condensed-v12-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/barlow-condensed-v12-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/barlow-condensed-v12-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/barlow-condensed-v12-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-condensed-v12-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/barlow-condensed-v12-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-condensed-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/barlow-condensed-v12-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/barlow-condensed-v12-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/barlow-condensed-v12-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-condensed-v12-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/barlow-condensed-v12-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-condensed-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/barlow-condensed-v12-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/barlow-condensed-v12-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/barlow-condensed-v12-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/barlow-condensed-v12-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/barlow-condensed-v12-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Barlow Condensed", sans-serif;
    text-transform: uppercase;
}




/* Community Builder */




/* Menu automatisch ausklappen
.container-nav li.level-1.deeper.parent:hover > ul {
  display:block !important;
  text-decoration:none !important;
} */


/* Menu einfärben */
.container-header .mod-menu {
    color: currentColor;
}

.container-header .container-nav {
    padding-bottom: 0em;
    padding-top: 1em;
}


.container-header .metismenu > li.active > a::after,
.container-header .metismenu > li.active > button::before,
.container-header .metismenu > li > a:hover::after,
.container-header .metismenu > li > button:hover::before {
  background: #fff;
  left: 0;
  right: 0;
}

.container-header .navbar-toggler {
    border: 1px solid #000;
    color: #000;
}

.metismenu>li.level-1.active{
  background-color: #eb5014 !important;
  color:#FFFFFF;
}

.metismenu>li.level-1:hover{
  background-color: #00acd7 !important;
  color:#FFFFFF;
}

.metismenu.mod-menu .metismenu-item.active>a, .metismenu.mod-menu .metismenu-item.active>button, .metismenu.mod-menu .metismenu-item>a:hover, .metismenu.mod-menu .metismenu-item>button:hover {
  text-decoration:none !important;
}

.container-header .metismenu>li.level-1.active>a, .container-header .metismenu>li.level-1.active>button, .container-header .metismenu>li.level-1>a:hover, .container-header .metismenu>li.level-1>button:hover {
  outline: 0 !important;
}

#cookiesck_options {
  border-radius: 0.25rem !important;
  padding: 0.5em !important;
}


/* --------------------- Polaroid Foto ---------------------------*/

figure.polaroid:nth-child(2n+1) {transform: rotate(8deg);}
figure.polaroid:nth-child(3n+2) {transform: rotate(2deg);}
figure.polaroid:nth-child(5n+3) {transform: rotate(-3deg);}
figure.polaroid:nth-child(7n+5) {transform: rotate(5deg);}
figure.polaroid:nth-child(11n+7) {transform: rotate(-2deg);}

figure.polaroid{
  margin: 1.2em 0px;
display:inline-block;	
background:white;
background: linear-gradient(110deg, white, oldlace);
box-shadow:4px 4px 15px gray;
max-width:20%;
vertical-align:top;
transition:all ease 0.6s;
}
figure.polaroid:hover {
transform: scale(1.1) rotate(0deg);

}
figure.polaroid a {
text-decoration:none;
color:dimgray;
}
figure.polaroid img {
padding: 0px !important;
border: 0px;
max-width:90%;
height:auto !important;
margin:5% 5% 0 5%;
}

figure.polaroid figcaption{
   font-family:'Architects Daughter';
   width:90%;
   min-height:25px;
   margin: 0 5% 5% 5%;
   text-align:center;
   font-size: 1.2em;
   line-height: 1.7em;
}


/* --------------------- Eventgallery ---------------------------*/

.mod_eventgallery_events-event {
    padding: 0px 0px 20px 0px !important;
}

.mod_eventgallery_events-event .header {
    border-bottom: none !important;
}

.mod_eventgallery_events-event .header a {
    text-decoration: none !important;
    color: #000 !important;
    font-size: smaller !important;
}

div.eventgallery-subcategories .item-container {
	width: 33% !important;
}


/* Category List - Tiles Layout */
@media (min-width: 1200px) {
	div.eventgallery-subcategories .item-container {
			width: 20%;
	}
}

@media (max-width: 900px) {
	div.eventgallery-subcategories .item-container {
			width: 33.333333%;
	}
}

@media (max-width: 450px) {
	div.eventgallery-subcategories .item-container {
			width: 50%;
	}
}



/* --------------------- Template Veränderung ---------------------------*/


.designzeile-home {
  color: #00acd7 !important;
    background-color: #00acd7 !important;
    background-image: none;
  height: 0.5em;
  
}



.container-top-b {
    column-gap: 3em !important;
}
.container-top-a {
    column-gap: 3em !important;
}

.card {
    background-color: #f9f9f9 !important;
}

.container-topbar {
  color: #00acd7 !important;
    background-color: #00acd7 !important;
    background-image: none;
}

.container-bottom-b {
    column-gap: 3em !important;
}


.footer {
    background-color: #00acd7 !important;
    background-image: none;
}

footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.btn-info {
    --btn-color: #fff;
    --btn-bg: #00acd7;
    --btn-border-color: #00acd7;
}

.header  {
    border-bottom: 0.5em solid #00acd7;
    z-index: 9999;
    background-color: #FFFFFF;
  	background-image: none;
}

img.eg-plg-img.thumbnail.deuvet-rechts {
    margin: 0px 0px 20px 20px !important;
    max-width: 49% !important;
    float: right !important;
}

img.eg-plg-img.thumbnail.deuvet-links {
    margin: 0px 20px 20px 0px !important;
    max-width: 49% !important;
    float: left !important;
}