/* Aenderungen Georg Mahler für Flex-Feuerwehr */

/****************************/
/* Anpassungen Seiten-Menue */
/****************************/
/* Titel-Element (Navigation eine Ebene hoeher) mehr Platz nach unten */
.sppb-addon-header.sppb-text-left {
	padding-bottom: 1px !important;
	margin-bottom: 0px !important;
} 
	
/* Mouse Over-Ereignis Seiten-Menue analog Navigations-Element */
/* .sppb-addon-module li:hover { */
.mod-menu.mod-list li:hover {
  background-color: rgba(201, 30, 34, 0.5) !important;
  transition: color 200ms, background-color 350ms !important;
}

/* Beim Ueberfahren von Links im Seiten-Menue Schrift schwarz */
.mod-menu.mod-list li a:hover {
	  color: #000000 !important;
}

/* Aktueller Menuepunkt Seiten-Menue grau hinterlegt */
.mod-menu.mod-list li.current { 
  background-color: rgba(0, 0, 0, 0.06);
}

/* Aktueller Menuepunkt Seiten-Menue rote Schrift */
.mod-menu.mod-list li.current a { 
  color: #b6342c;
}

/* Haekchen bei Seiten-Menuepunkt */
.mod-menu.mod-list.nav a:before { 
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f105";
}

/* Abstaende Seiten-Menue */
 .mod-menu.mod-list li { 
  margin-bottom: 0px !important; 
  border-bottom: 0px !important;
  padding-bottom: 0px !important;
}

/* Einrueckung des Linktextes Seiten-Menue links und rechts */
 .mod-menu.mod-list a { 
  line-height: 180% !important; 
  padding-top: 7px !important; 
  padding-bottom: 7px !important; 
  margin-left: 15px !important;
  margin-right: 20px !important;
  margin-left: 27px !important; 
  /* text-indent: -6px !important; */
  text-indent: 0px !important;
}

/* Wrapping ausschalten, damit ein Element pro Zeile ohne Umbruch angezeigt wird */
	.mod-menu.mod-list.nav {
	display:block;
}

/*****************************/
/* Anpassungen externe Links */
/*****************************/
/* Icon für externe Links einblenden */
article a[href^="http://"]::after,
article a[href^="https://"]::after
{
  text-decoration: underline !important;
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='16.000000pt' height='16.000000pt' viewBox='0 0 172.000000 171.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,171.000000) scale(0.100000,-0.100000)'%0Afill='%23B6342C' stroke='none'%3E%3Cpath d='M1067 1680 c-39 -12 -58 -29 -74 -69 -24 -56 -9 -87 90 -189 l91 -92%0A-272 -273 -272 -273 0 -50 c0 -87 60 -135 142 -113 36 9 79 49 305 277 l262%0A267 93 -92 c120 -117 159 -128 231 -64 l32 29 3 269 c4 292 -1 329 -46 359%0A-24 17 -52 19 -292 21 -146 1 -278 -2 -293 -7z'/%3E%3Cpath d='M280 1563 c-141 -25 -226 -111 -250 -252 -8 -45 -11 -222 -8 -561 3%0A-488 3 -496 26 -551 28 -71 80 -124 151 -158 l56 -26 550 0 550 0 57 28 c64%0A32 111 80 142 146 18 40 21 70 24 229 2 101 1 198 -2 217 -13 70 -91 110 -159%0A81 -62 -26 -67 -41 -67 -228 0 -161 -8 -214 -33 -230 -7 -4 -240 -8 -519 -8%0Al-507 0 -15 22 c-14 20 -16 86 -16 524 0 464 1 502 18 517 14 13 51 16 202 19%0A203 3 218 7 245 64 19 40 19 68 0 108 -27 57 -42 61 -240 63 -99 0 -191 -1%0A-205 -4z'/%3E%3C/g%3E%3C/svg%3E%0A");  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
} 

/* Icon und Unterstreichung in bestimmten Situationen abschalten */
/* li a[href^="http"]::after,
li a[href^="https://"]::after, */
article a[href^="https://feuerwehr-frankfurt.de"]::after,
article a[href^="https://www.feuerwehr-frankfurt.de"]::after,
article a[href^="https://fdffm-a.de"]::after,
article a[href^="https://www.fdffm-a.de"]::after,
.sppb-addon-single-image-container a[href^="http"]::after,
.sppb-addon-single-image-container a[href^="https://"]::after,
.sppb-image-layouts-inline a[href^="http://"]::after,
.sppb-image-layouts-inline a[href^="https://"]::after,
.sppb-text-left a[href^="http://"]::after,
.sppb-text-left a[href^="https://"]::after,
.sppb-text-center a[href^="http://"]::after,
.sppb-text-center a[href^="https://"]::after,
.sboard a[href^="http://"]::after,
.sboard a[href^="https://"]::after,
article a[href^="https://goo.gl"]::after
{
  display: none !important;
  text-decoration: none !important;
} 

/*************/
/* Sonstiges */
/*************/

/* Text in Inputbox (u.a. fuer Suche) */
input[type="text"] {
	font-size: 17px;
}

/* Radio-Buttons Kontaktformulare, Ankreuzfelder tiefer */
.form-builder-radio-item label::before {
	margin-top: 3px; 
}

/* Schriftfarbe allgemein dunkler wg. hoeherem Kontrast */
article {
  color: #111 !important;
}

/* Mouse Over-Ereignis bei Buttons */
.sppb-btn-custom:hover {
	background-color: rgba(0, 0, 0, 0.3) !important;
	color: #c91e22 !important;
}

/* Einpassen Textbox Suche */
#sp-header { 
	margin-top: 0px; 
}

#sp-top-bar { 
	margin-top: 20px; 
	padding-right: 30px; 
}

#sp-topsearch { margin-top: 27px !important; }

/* Titel Suchergebnisse */
.result-title { font-size: 17px !important; } 

/* Hintergrundfarbe Treffer Suchergebnisse */
.highlight { background: #EFC0C1 !important; }
/* Keine Kategorien in Suchergebnissen */
.result-category { display: none; }

#sp-main-body { padding-top: 0px; }
#sp-main-body div.container { padding-top: 30px; }
.sppb-form-check-label { font-size: 14px; line-height: 150% }

.sppb-addon-optin-forms { padding-left: 0px; padding-right: 0px; }
.sppb-person-designation { font-size: 15px; line-height: 150% }

.sppb-addon-module li { margin-bottom: 20px; }

.feed-item-date { font-size: 12px }
.feed-item-description { padding-bottom: 20px; }

.sppb-panel-modern .sppb-panel-heading { padding-right: 40px; }

article { line-height: 180%; color: #444; }
#sp-bottom h5 { color: #ffffff; font-size: .95em; }
#sp-bottom p { font-size: .95em; }
#sp-top-bar { font-size: .7em; }
#sp-top-bar .top-divider { border-color: #ffffff; }
#sp-footer { font-size: .8em; }
.sppb-tab-image { margin-bottom: 4px; }

li { padding-bottom: 5px; }

/***********/
/* Edocman */
/***********/

/* Normale Buttons Dokumentanzeige, standardmaessig transparent; funktioniert nicht, wenn die Einstellungen im "Benutzerdinfierten CSS" von Edocman sind */
 .edocman-taskbar .btn { 
	--bs-btn-bg: #f2f2f2; 
	--bs-btn-hover-bg: #E6E6E6; 
	--bs-btn-active-bg: #E6E6E6; 
	color: #000000;
	--bs-btn-hover-color: #000000; 
	--bs-btn-hover-border-color: #000000; 
	--bs-btn-active-border-color: #000000; 
} 

	.edocman-taskbar .btn-primary { color: #ffffff; } 

/* .btn.btn-primary { 
	color: #ffffff;
} */
/* h1.edocman-page-heading { padding-top: 15px; }
.licensebox { margin-bottom: 10px; } */

/* Edocman Kategorie-Uebersicht im Modul Font groesser */
/* a.edocman_document_link { font-size: 17px !important; } */

/* .edocman_document_list_size { font-size: 17px !important; } */

/* Umbruch in den Kategorie-Links */
/* a.edocman-category-title-link { display: inline !important; } */

/**************************/
/* Cookie-Management/GDPR */
/**************************/
/* Schriften Cookie-Zustimmung */
.cc-window, .cc-revoke, .fancybox-container, .cc-message {
  font-family: 'Lato', Arial !important;
  font-size: 16px !important;
}

.cc-link, .cc-settings-label {
  font-family: 'Lato', Arial !important;
  font-size: 16px !important;
  color: #fff !important;
  opacity: 1 !important;
} 

/* Formatierung Cookie Checkboxen korrigieren */
.cc-checkbox-container {
  margin-left: 6px !important;
}

.cc-cookie-checkbox label {
  margin-left: 3px !important;
  margin-right: 4px !important;
  margin-bottom: 7px !important;
}

.cc-cookie-checkbox {
  margin-top: -2px !important;
}

.cc-message { font-size: 17px; line-height: 140%; }
a.cc-link label  { font-size: 15px; }

/* Groesserer Abstand "Domaenen in diesem Dienst" */
.cc-service-cookie-list-title {
	margin-bottom: 10px !important;
}

/* Mehr Platz rund um die Dienstenamen */
.cc-cookie-list-title legend {
	padding: 9px !important;
}

/* Ausklapp-Icon besser ausrichten */
.cc-cookie-descriptions-toggler {
	top: 2px !important;
}
.cc-cookie-descriptions-toggler.cc-cookie-descriptions-toggler-open {
	top: 0px !important;	
}

/**********************************/
/* Lokale Einbindung Google Fonts */
/**********************************/
/* Generated by Font Squirrel (https://www.fontsquirrel.com) */

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular.woff2') format('woff2'),
         url('../fonts/lato-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.woff2') format('woff2'),
         url('../fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoblack_italic';
    src: url('../fonts/lato-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold_italic';
    src: url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight_italic';
    src: url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light.woff2') format('woff2'),
         url('../fonts/lato-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latohairline';
    src: url('../fonts/lato-thin-webfont.woff2') format('woff2'),
         url('../fonts/lato-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v20-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

body { font-family: 'Lato', Arial; font-size: 17px; }
h1 { font-family: 'Lato', Arial; font-weight: 700; font-size: 40px; }
h2 { font-family: 'Lato', Arial; font-weight: 700; font-size: 27px; }
h3 { font-family: 'Lato', Arial; font-weight: 700; font-size: 27px; }
h4 { font-family: 'Lato', Arial; font-weight: 700; font-size: 23px; }
h5 { font-family: 'Lato', Arial; font-weight: 700; font-size: 20px; }
h6 { font-family: 'Lato', Arial; font-weight: 900; font-size: 17px; }


/**********************************/
/* Logo nicht verzerrt unter Safari-Browser */
/**********************************/
#sp-logo .sp-default-logo, #sp-logo .sp-retina-logo {
object-fit:contain !important;
}