@charset "utf-8";
/* CSS Document */
/********************************************************
 * @author			Norbert Kreidt
 * @package			Joomla!
 * @subpackage		HTML5 Kreidt-Template
 * @link			https://www.test.kreidt-fotografie.de
 * @email			kontakt@kreidt-fotografie.de
 * @copyright		Norbert Kreidt
 *
 * HTML5 Template. Helix Ultimate
 * Copyright (C) 2023 Norbert Kreidt
********************************************************/

/******************************************************** 
 * COOKIE-BUNNER EU-COOKIES
********************************************************/
/* Ein paar Einstellungen lassen sich nicht im Modul direkt einstellen.
 * Das Modul besteht aus Zwei Seiten */

/* Seite 1
 * *********
 * Schaltflächen */
#mod-eu-cookies a#eu-cookies-accept button, 
#mod-eu-cookies a#eu-cookies-accept-all button, 
#mod-eu-cookies a#eu-cookies-settings button, 
#mod-eu-cookies a#eu-cookies-more-info button,
#mod-eu-cookies a#eu-cookies-save button {border-radius: 15px !important;}

/* Seite 2
 * *********
 * Überschriften */
/* Links Datenschutz und Impressum */
#mod-eu-cookies h1,
#mod-eu-cookies h2,
#mod-eu-cookies h3,
#mod-eu-cookies a {color: #5a6752 !important;}
/* Button aktiv grün*/
#mod-eu-cookies .btn-success { background-color: #67735f !important; }
#mod-eu-cookies .btn-success:hover { background-color: #676f61 !important; }
/* Button active rot */
#mod-eu-cookies .btn-danger.active { background-color: #916d4b !important;}
#mod-eu-cookies .btn-danger.active:hover { background-color: #9f7650 !important;}

/*.builder-fs-2 {
    font-size: 16px !important;
    line-height: 18px;
    color: #E91E63 !important; 
}*/
/******************************************************** 
 * BILDER-GALERIE
********************************************************/
/* Darstellung der Bildinformation am unteren Rand bei Bildvergroeßerung */
.speasyimagegallery-modal-wrapper .speasyimagegallery-modal .speasyimagegallery-modal-body .speasyimagegallery-image-content {
	background: rgba(0,0,0,.4);	
	}
.speasyimagegallery-modal-wrapper .speasyimagegallery-modal .speasyimagegallery-modal-body .speasyimagegallery-image-content .speasyimagegallery-image-title {
	font-size: 12px;
    font-weight: lighter;
    display: block;
	}

/********************************************************
 * TEMPALATEFORMATIERUNGEN
 * TEXT UND ABSTÄNDE	
********************************************************/
/* Color Theme Swatches in Hex */
/*.Blue-Classic-Pantone-2020-1-hex {color: #164773;} /* Überschriften */
/*.Blue-Classic-Pantone-2020-2-hex {color: #0C2840;} /* Bei Links hover */
/*.Blue-Classic-Pantone-2020-3-hex {color: #3E688C;} /* Bei Links standard */
/*.Blue-Classic-Pantone-2020-4-hex {color: #99B1BF;}
/*.Blue-Classic-Pantone-2020-5-hex {color: #C5D1D9;} /* Beitragsnavi rechts */
/*.Grey-Classic-Pantone-1-hex {color: #DEE2E6;} /* Rahmen */

/********************************************************
 * BASIS AUF TEMPLATE
********************************************************/
/* HYPERLINKS überschreiben 
 * Weitere Bereiche die nicht greifen werden im Anschluss definiert.
 * Die Farbänderung werden hier und im SPPB vorgenommen 
********************************************************/
/* LINK: DARSTELLUNG (Type) 
***************************/
/*a,
.sp-megamenu-parent > li > a,		/* Ebene 1, nicht aktiver Link */
/*.article-info > span a, 			/* Artikel-Info: Category */
/*.article-list .article .readmore a, /* Weiterlesen Button in der Category-Blog */
/*.pager > li a, 						/* Navigation der Beiträge zürück weiter */
/*.pagination > li > a, 				/* Navigation der Beiträge 1 2 weiter ende */
/*.sp-module ul > li > a 				/* Alle seitlichen Module bei Themenbereichen */
/*{color: #3E688C;} /*blau#3E688C*/

/* LINK: HOVER
 * wirkt sich auf die gesamte Seite aus.
 * Einzelbereiche werden gesondert festgelegt.
***************************/
/*a:hover,
.article-info > span a:hover,				/* Artikel-Info: Category */
/*.article-list .article .readmore a:hover, 	/* Weiterlesen Button in der Category-Blog */
/*.pager > li a:hover, 						/* Navigation der Beiträge zürück weiter */
/*.pagination > li > a:hover, 				/* Navigation der Beiträge 1 2 weiter ende */
/*.sp-module ul > li > a:hover 		 		/* Alle seitlichen Module bei Themenbereichen */
/*{color: #0C2840;} /*#0C2840*/


/********************************************************
 * HAUPTMENÜ
********************************************************/
/* MEGA MENU & BUTTONS
 * Hover und Active
***************************/
/*.sp-megamenu-parent > li:last-child > a {padding: 0px 15px 0px;} /* Ebene 1. Durch ein Update wurde der Rand im letzten Element auf 0 gesetzt. */

/*.sp-megamenu-parent > li:hover > a,							/* -- Ebene 1, nicht aktiver Link(Wenn die Maus bei nicht aktiven Ebene 1 in Ebene 2 hovert) */
/*.sp-megamenu-parent > li.active > a,						/* -- Ebene 1, wenn aktiver Link */
/*.sp-megamenu-parent > li.active:hover > a,					/* -- Ebene 1, hover, wenn aktiver Link */
/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a		/* -- Ebene 2, nicht aktiver Link */
/*{color: #fff;} /* weiss */

/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, /* -- Ebene 2, nicht aktiver Link */
/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a /* -- Ebene 2, aktiver Link, klickt man auf die Ebene 3, werden alle außer Ebene 1 diese Farbe erhalten. Pfad verfolgung */
/*{color: #3E688C;} /* blau */

/* LINK: DARSTELLUNG BG BLAU 
***************************/
/*.sp-megamenu-parent > li:hover > a, 						/* Ebene 1, nicht aktiver Link(Wenn die Maus bei nicht aktiven Ebene 1 in Ebene 2 hovert) */
/*.sp-megamenu-parent > li.active > a,						/* Ebene 1, aktiv */
/*.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner			/* Ebene 2, nicht aktiver Link */
/*{background-color: #3E688C;} /* blau */

/* LINK: HOVER BG Weiss
***************************/
/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:not(.sp-group-title):hover, /* Ebene 2, nicht aktiver Link, hovert nur den aktuellen Link */
/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active /* Ebene 2, aktiver Link, Klickt man auf die Ebene 3, werden alle außer Ebene 1 diese Farbe erhalten. Pfad verfolgung */
/*{background-color: #FFF;} /* weiss */

/* MEGA MENÜ ABSTÄNDE */
/*.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 10px 0;}						/* Ebene 2 */
/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {padding: 10px 15px; display: block;}	/* Ebene 2 */
/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item:not(:last-child) 							/* Ebene 2 */
/*{ margin-bottom: 1px; }

/********************************************************
 * OFFCANVAS
********************************************************/
/* AUFKLAPP MENU & BUTTONS
 * Hover und Active
***************************/
/*.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {line-height: 40px !important} /* Abstände der Untermenüs */

/* ANKERPUNKTE unterhalb des Sticky-Headers positionieren. 
Die Anker sollen nicht hinter der Leiste verschwinden, da ein Teil des Textes verschwinden würde. */
/*:target::before {content: ""; display: block; height: 100px;}

/********************************************************
 * ERWEITERUNGEN (MODULE & PLUGINS)
********************************************************/
/* COOKIEHINT
***************************/
/*#redim-cookiehint-modal {background-color: rgba(3, 49, 98, 0.75) !important;} /*Hintergrund leicht transparent*/
/*#redim-cookiehint-modal #redim-cookiehint {background-color: #C5D1D9; border-radius: 5px; box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.33);} /*Hintergrund Fenster*/
/*#redim-cookiehint-modal #redim-cookiehint .cookiecontent {padding-bottom: 15px; color: #0C2840; text-align:left;}/*Text*/
/*#redim-cookiehint .cookiebuttons a.btn {background-color: #3E688C !important;}
/*#redim-cookiehint .cookiebuttons a.btn:hover {background-color: #0C2840 !important;}

/* BREADCRUMB
***************************/
/*section#sp-breadcrumb {box-shadow: 0 0 4px 0 rgb(0 0 0 / 25%);} /* Styled die Box in der sich der Breadcrumb befindet */
/*.sp-module-content .breadcrumb {background-color: transparent; margin: 5px 0px;}
/*.sp-module-content .breadcrumb .float-start {margin-right: 5px; color: #3E688C;} /* Keines Icon vor dem Breadcrumb*/

/* CODE-CONTENT HS-SYNTAXHIGHLIGHT (Plugin)++++++++++++++++++++++++++++++ LÖSCHEN WENN NICHT MEHR VORHANDEN+++++++++++++++++++++++++++++++++++++++++++++
***************************/
/*.article-details .syntaxhighlighter .toolbar {display: none;}

/********************************************************
 * FRONTSEITE HOME (PAGEBUILDER)
********************************************************/

/********************************************************
 * ARTIKELSEITEN
********************************************************/
/* Bilder/Icon vor den Absätzen auf eine Linie bringen.
***************************/

/* ÜBERSCHRIFTEN im Content
***************************/

/********************************************************
 * ARTIKEL-KATEGORIE-BLOG
********************************************************/

/********************************************************
 * ARTIKEL-KATEGORIE-LISTE
********************************************************/

/* SCHALTFLÄCHEN
***************************/