/* Copyright (C) WarpTheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* Landing Page Inhaltsbereich auf Live Seite verstecken (ist leer) */
.cl_none {
  display: none;
}

/* Bearbeiten Button im Frontend nicht anzeigen (stört Optik und Ausrichtung) */
div.icons > div.btn-group.pull-right {
  	display:none;
}

/* ############################################################ */
/* Google Fonts - Selbst gehostet */
/* ############################################################ */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'), /* Legacy iOS */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'); /* Super Modern Browsers */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'), /* Legacy iOS */
       url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'); /* Super Modern Browsers */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'), /* Legacy iOS */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'); /* Super Modern Browsers */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'), /* Legacy iOS */
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'); /* Super Modern Browsers */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'), /* Legacy iOS */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'); /* Super Modern Browsers */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'), /* Legacy iOS */
       url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'); /* Super Modern Browsers */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'), /* Legacy iOS */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'); /* Super Modern Browsers */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'), /* Legacy iOS */
url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'); /* Super Modern Browsers */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'), /* Legacy iOS */
       url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'); /* Super Modern Browsers */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('../fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'), /* Legacy iOS */
       url('../fonts/open-sans-v15-latin-800italic.woff2') format('woff2'); /* Super Modern Browsers */
}

/* ############################################################ */
/* Selbstgehostete Google-Schrift setzen */
/* ############################################################ */

p, a, body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

.h4, .h5, .h6, h4, h5, h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

body {
    font-weight: 400;
    font-size: 14px;
    color: #000 !important;
}

h1 {
    font-weight: 800;
  	font-size: 30px;
}

h2 {
    margin-top: 20px;
    font-weight: 600;
  	font-size: 26px;
}

h3 {
    font-weight: 400;
  	font-size: 24px;
}

h4 {
    font-weight: 400;
}

h5 {
    font-weight: 600;
}

h6 {
    font-weight: 600;
}


/* ############################################################ */
/* ############################################################ */

/* Wappengröße, Darstellung und Abstände */
.cl_abt {
  	height: 160px;
  	width: 160px;
  	background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
  	margin: 10px;
}

/* 1878er Wappen */
.cl_abt1 {
  	background-image: url("/images/1878er/landingpage/1878-Wappen.jpg");
}

/* F11 Wappen */
.cl_abt2 {
  	background-image: url("/images/1878er/landingpage/F11-Wappen.jpg");
}

/* TC Wappen */
.cl_abt3 {
  	background-image: url("/images/1878er/landingpage/TC-Wappen.jpg");
}

/* TTC Wappen */
.cl_abt4 {
  	background-image: url("/images/1878er/landingpage/TTC-Wappen.jpg");
}

/* FV Wappen */
.cl_abt5 {
  	background-image: url("/images/1878er/landingpage/FV-Wappen.jpg");
}
/* BTC Wappen */
.cl_abt6 {
  	background-image: url("/images/1878er/landingpage/BTC-Wappen.jpg");
}

/* ========================================================================== */
/*   Footer
/* ========================================================================== */

/* Footer Links volle Stärke */
#sp-bottom a {
    opacity: 1;
}

/* Kein Rand & mittig */
#sp-footer {
    border-top: none !important;
	text-align: center;
}

/* Link-Farbe */
#sp-bottom a {
  color: #FFFFFF !important;
}

/* ========================================================================== */
/*   Cookie Hinweis
/* ========================================================================== */

/* Vereinsfarben */
.cc-color-override-688238583 .cc-btn {
    background-color: #0358a4 !important;
  	color: #ffffff !important;
}

/* ========================================================================== */
/*   Header Image
/* ========================================================================== */

/* Header Bild volle Breite */
#sp-top1 .cl_lp img, .p-header img{
  	width: 100%;
}

/* ========================================================================== */
/*   Logo
/* ========================================================================== */

/* feste Logogröße */
#sp-header div.logo img {
    height: 60px;
    width: 60px;
}

/* ========================================================================== */
/*   Landing Page
/* ========================================================================== */

/* */
#sp-abteilungswahl .row>* {
	width:auto;
}

/* Überschriften zentriert */
.lp-title h2, .lp-title h3, .lp-title h4, .lp-title h5 {
	text-align: center;
  	color: #1e76d0;
}

/* 2te H2 Abstand nach oben und unten reduzieren */
.lp-title h2:last-of-type {
	margin-top: 5px;
    margin-bottom: 5px;
}

/* H3 Abstand nach oben reduzieren & Schriftgröße */
.lp-title h3 {
	margin-top: 0px;
  	font-size: 20px;
}

/* "Herzlich Willkommen größer" (wie h2) */
.lp-title h4 {
	font-size: 30px;
  	font-weight: 600;
}

/* "Bitte wählen Sie eine Abteilung aus" */
.lp-title h5 {
	font-size: 22px;
  	font-weight: 400;
}

.lp-abteilung div.lp-row {
  	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

/* Logo Ausrichtung 1/3 */
.lp-abteilung .elem-1 {
  	margin-bottom: -100px;
}
/* Logo Ausrichtung 2/3 */
.lp-abteilung .elem-2 {
  	/*padding-top: 100px;*/
  	margin-top: 180px;
    margin-bottom: -100px;
}
/* Logo Ausrichtung 3/3 */
.lp-abteilung .elem-3 {
  	/*padding-top: 100px;*/
  	margin-top: 180px;
}

/* Logo's zentriert */
/*
.lp-abteilung img {
    margin: auto;
  	padding-bottom: 20px;
}
*/

/* Abstand Logo's nach oben bei Nicht-Mobil-Ansicht */
.lp-abteilung {
	margin-top: -100px;
  	padding-bottom: 20px;
}

/* Abstand Logo's nach oben bei Mobil-Ansicht wieder weg */
@media only screen and (max-width: 991px /*768px*/) {
    .lp-abteilung {
        margin-top: 20px;
    }
}

/* Abstand Logo bei mobiler Version */
@media only screen and (max-width: 991px /*768px*/) {
    .lp-abteilung .elem-2, .lp-abteilung .elem-3 {
        margin-top: 20px;
    }
  	.lp-abteilung .elem-1, .lp-abteilung .elem-2 {
        margin-bottom: 20px;
    }
}

/* Mouseover-Animation analog Animation beim laden */
.lp-abteilung div.cl_abt.anim:hover {
  	-webkit-animation: bounceInX 2s forwards;
  	animation: bounceInX 2s forwards;
  	-webkit-animation-delay: 0s;
  	animation-delay: 0s;
}


/* bounceIn Animation muss in hier angegeben werden (darf nicht aus animate.css referenziert werden)
   da Animation entweder nur beim ersten Mouseover ausgeführt wird oder in Endlosschleife und nicht
   wie gewollt ein mal pro Mouseover (normales Verhalten) */
@keyframes bounceInX {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounceInX {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/* ========================================================================== */
/*   Menü
/* ========================================================================== */

/* Menü Abstand oben (gleicher Abstand wie Logo) */
/*
.cl_menu {
  	padding-top: 10px;
}
*/

.uk-navbar-container {
  padding: 5px 0;
}

/* Abstände & Größe */
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
  display: inline-block;
  padding: 0 15px;
  line-height: 40px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  margin: 0;
}
.sp-megamenu-parent>li {
  /*display: inline-block;
  position: relative;*/
  padding: 10px 0px;
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
  min-height: auto;
}


/* Menüfarben */
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
  color: #ffffff;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li:hover>a, .sp-megamenu-parent>li:hover>span {
  color: #ffffff;
  background: #0358a4;
}

/* Symbol bei Dropdown Menü */
.sp-megamenu-parent>li.sp-has-child>span:after {
  font: var(--fa-font-solid);
  content: '\f107';
  padding-left: 3px;
}

/* ========================================================================== */
/*   Inhaltsbereich (Content)
/* ========================================================================== */

/* Abstand zu Menü */
#sp-main-body {
    padding: 25px 0;
}

/* Abstand r/l gleich wie oben */
.view-article #sp-main-body .item.item-page {
    padding: 12px 20px 20px; /* h2 hat schon 8x top margin */
}


/* ========================================================================== */
/*   Header
/* ========================================================================== */

/* Mehr Platz für Logo (gleich mit Logo-Höhe) */
.cl_header {
  	height: 65px !important;
}

/* ========================================================================== */
/*   Kategorie-Blog-Layout
/* ========================================================================== */

/* Abstand Beiträge */
div.blog div.items-row {
    padding-bottom: 50px;
}

/* Abstände Blog/normaler Artikel */
#sp-main-body .blog, #sp-main-body .uk-article {
    padding: 40px 20px 20px;
    margin-bottom: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 0 40px 0;
    background: #ffffff;
}

/* Abstand Einleitungsbild */
.entry-image, .entry-gallery, .entry-video, .entry-audio, .entry-link {
    margin-right: 20px;
}

/* Maximalbreite Einleitungsbilder */
div.blog div.intro-image {
  	max-width: 350px;
}

/* Header ausblenden bei den Prinzenpaaren (Überschrift kommt durch Einleitungstext) */
.cl_Prinzenpaare div.blog .entry-header {
    display: none;
}

/* Überschrift ohne Abstand nach oben */
div.blog h3 {
  	margin-top: 0px;
}

/* ========================================================================== */
/*   jDownloads
/* ========================================================================== */

/* Dateityp Bild mittig */
.jd_download_title img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Auf Seite "Service" nicht mittig */
.cl_service .jd_download_title img {
    display: inline-block;
    margin-right: 10px;
}

/* Dateiname ohne Abstand links */
.jd_download_url {
    margin-left: 0px;
}

/* Kein Hintergrund bei Dateityp-Bild und Dateiname */
.jd_download_title {
    background-color: transparent;
}

/* ========================================================================== */
/*   Kontaktformular (Rapid Contact)
/* ========================================================================== */

/* Inputfelder volle Breite */
input.rapid_contact.form-control.inputbox {
    width: 100%;
}

/* Formular volle Breite mit max Breite in Pixeln */
div.rapid_contact_form div.input-group {
    width: 100%;
    max-width: 600px;
   	margin-bottom: 10px;
}

/* Texteingabe Breit & Höhe */
textarea.rapid_contact.form-control.textarea {
    width: 100%;
    height: 50px;
    min-height: 120px;
}

/* Message (erfolgreich verschicht, fehler etc) */
div.c_form div.moduletable {
	padding-top: 10px;
    font-weight: bold;
}

/* ========================================================================== */
/*   Seite "Links"
/* ========================================================================== */

/* Bilder mittig */
.cl_links img {
 	display: block;
  	margin-left: auto;
  	margin-right: auto;
}

/* ========================================================================== */
/*   Seite "Sitzungen der letzten Jahre"
/* ========================================================================== */

/* Zeilenabstand */
.cl_sit .row {
	margin-bottom: 15px;
}

/* Bildabstand */
.cl_sit .row img {
	margin-top: 15px;
}

/* ========================================================================== */
/*   Seite "Ordensammlung"
/* ========================================================================== */

/* Zeilenabstand */
.cl_orden .row {
	margin-bottom: 15px;
	/*border-bottom: 2px solid #0759d8;*/
  	/*border-radius: 30px;*/
}

/* Bildabstand oben */
.cl_orden .row img {
	margin-top: 15px;
}

/* ========================================================================== */
/*   Sigplus Gallerie
/* ========================================================================== */

/* Schriftgröße & Abstand */
div.sigplus-gallery div.slideplus-stripe div{
	margin-top: 10px;
    font-size: 10px;
  	padding-bottom: 5px;
}

/* ========================================================================== */
/*   JEvent Kalender - Styling genau wie normaler Artikel
/* ========================================================================== */

/* Fix für mobile Ansicht (Breite des Kalenders) */
@media only screen and (max-width: 768px) {
    #jevents_body .cal_dayshasevents {
    	overflow: hidden;
    	max-width: 30px;
	}
}
#jevents_body .cal_top_day_names {
    min-width: 200px;
}

/*
.cl_ekal #sp-main-body {
  	background-color: #ebeae8;
  	background-color: #cee1f3;
}
*/

/* analog .view-article #sp-main-body .item.item-page bei normalen Artikeln */
.cl_ekal div.sp-column > div#jevents {
	padding: 12px 20px 20px;
    background-color: #ffffff;
    border-radius: 4px;
}

/* Teilweise Analog .page-header bei normalen Artikeln - Teil 1/2*/
.cl_ekal div.sp-column > div#jevents > div#jevents_header {
	margin: 40px 0 0px;
    border-bottom: 1px solid #eee;
}

/* Teilweise Analog .page-header bei normalen Artikeln - Teil 2/2 */
.cl_ekal div.sp-column > div#jevents > div#jevents_header > h1 {
	padding-bottom: 15px;
    margin-bottom: 10px;
}

/* Abstand Action-Buttons zu Überschrift */
.cl_ekal div.sp-column > div#jevents > div#jevents_header > h1 + ul {
	margin-top: 35px !important;
}

/* ========================================================================== */
/*   Eventgallery - Styling genau wie normaler Artikel
/* ========================================================================== */

/* Eventtitel Abstand + Fett + Nur Worttrennung */
#events .item .title {
    padding-top: 10px;
    font-weight: bold;
  	word-break: break-word;
}

/* Eventkachel Text-Hintergrund */
#events .item .content .data, #events .item .eg-content .data {
    background-color: rgba(0, 0, 0, 0.85);
}

/* Text "Unterkategorien" ausblenden */
.com-eventgallery.view-categories div.eventgallery-subcategories > h2 {
	display: none;
}

/* Abstand Überschrift - Inhalt Teil 1/3 */
.com-eventgallery.view-categories div.eventgallery-subcategories {
    padding-top: 2px;
}

/* Abstand Überschrift - Inhalt Teil 2/3, Runde Kanten, Abstand unten + Hintergrundfarbe */
.com-eventgallery.view-categories div#sp-component > div.sp-column {
    padding: 12px 20px 20px;
    background-color: #ffffff;
    border-radius: 4px;
  	margin-bottom: 40px;
}

/* Abstand Überschrift - Inhalt Teil 3/3 */
.com-eventgallery.view-categories .eventgallery-category-headline {
    padding-bottom: 25px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

/* ========================================================================== */
/*   DJ-Image-Slider
/* ========================================================================== */

/* Slider Abstand oben weg */
.djslider-default.img-vcenter img.dj-image {
    top: 0 !important;
    transform: translateY(0%) !important;
}

/* Footer 2 Abstände */
.cl_partner {
    padding-bottom: 10px;
}

/* ========================================================================== */
/*   Allgemein
/* ========================================================================== */

/* Hintergrundfarbe bei Mouseover im Menü weg (wird an anderer Stelle gesetzt) */
.sp-megamenu-parent>li>a:hover:before, .sp-megamenu-parent>li>a:focus:before, .sp-megamenu-parent>li>span:hover:before, .sp-megamenu-parent>li>span:focus:before {
  background-color: unset;
}

/* Abstand Komponente (Artikel, Blog etc.) zu Footer 2 (Partner) */
article.item {
    margin-bottom: 0px !important;
}

/* Hintergrundfarbe */
#sp-main-body {
    background-color: #cee1f3 !important;
}

/* Bild rechtsbündig */
.cl_fl_right {
  	float: right;
}

/* keine Linie unter Listenelementen */
.sp-module ul > li {
    border-bottom: none;
}

/* Tabellen Innenabstand links */
table td {
    padding-right: 10px;
}

/* Bildunterschriften fett */
figcaption {
  	font-weight: bold;
}

/* Untermenüpunkte ausblenden */
.sp-megamenu-parent > li.sp-has-child.hideallsubmenuentrys > a:after {
    display: none;
}
.sp-megamenu-parent > li.sp-has-child.hideallsubmenuentrys > div.sp-dropdown {
    display: none;
}

/* Linkfarbe */
a, .uk-link {
  color: #0358a4;
}
a:hover, a:focus, a:active, .uk-link:hover, .uk-link:focus, .uk-link:active {
  color: #0358a4;
  text-decoration: underline;
}
.qx-btn a:hover, .qx-btn a:focus, .qx-btn a:active {
  color: #ffffff;
  text-decoration: underline;
}


/* ========================================================================== */
/*   BreezingForms
/* ========================================================================== */

.ff_elem {
	margin:3px;
	background-color:#F6F6F6;
	color:#000000;
	border-style:none;
}

.bfGroupLabel {
	font-size:14px;
}
#bfSubmitButton {
	margin-top:20px;
}
#ff_capimgValue {
	margin:5px;
}
.bfError {
	background-color:#FC0;
}