/*
* Kunde: NonPlusUltra Lda.
* Domain: www.nonplusultra-lda.com
*
* Datum: 11:35 Montag, 13. April 2026
* Task: NPU Haupt-CSS Datei
*
*	Orange:			#f49407
*	Blau Dunkel:	#3c5f9e
*

*/

/* Abstand oben - Body */
#sp-main-body {
	padding: 25px 0;
}

/* Verstecke badge von einem featured article */
span.badge.bg-danger.featured-article-badge {
    display: none;
}

/* Logo Anpassung Höhe Desktop */
.logo-image {
	height: 85px !important;
}

/* Stelle die breadcrumb ohne Hintergrund dar */
.breadcrumb {
	background-color: transparent ;
}

/* Ankerfarbe Orange */
a.pathway {
	color: #f49407;
}

/* Ankerfarbe Orange */
.breadcrumb-item.active {
	color: #999;
}

/* entferne den seltsamen Rahmen */
.article-list .article {
	border: none;
}


/*	---------------------- */
/* START ALGARVE BEREICH */
/*	---------------------- */

/* Nachfolgend die Anpassungen für das Menü-Modul im Algarve-Bereich. */

.algarve_modul > li > a, .algarve_modul > li > a:hover, .algarve_modul > li > a:focus, .algarve_modul > li.active.current > a {
	font-size: 1.2rem;
}

.algarve_modul > li > a:hover::before, .algarve_modul > li > a:focus::before, .algarve_modul > li.active.current > a::before {
	content: ">";
	color: #f49407;
}

.algarve_modul > li > a::before {
	color: #f49407;
	content: ">";
	margin-right: 11px;
	padding-left: 5px;
	font-size: 1.2rem;
	font-weight: bolder;
}

.menu-child > li > a, .menu-child > li > a:hover, .menu-child > li > a:focus, .menu-child > li.active.current > a {
	font-size: 1.0rem;
	padding-left: 30px !important;
}


/*	---------------------- */
/* START Header Navigation */
/*	---------------------- */

/* Anker Standard in Hauptmenu - Farbe */
.sp-megamenu-parent > li > a {
	color: #fff;
}

/* Anker Standard in Hauptmenu - hover Background - Farbe */
.sp-megamenu-parent > li:hover > a {
	color: #f49407;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
	color: #f49407;
}

/* Header Navigation */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	transition: all 500ms ease 0s;
	outline: none;
	padding: 0 10px;
}

/* Header Navigation */
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
	font-size: 13px;
	color: #f49407;
	text-transform: uppercase;
	font-weight: 600;
	transition: all 500ms ease 0s;
	outline: none;
}

.sp-megamenu-parent > li:last-child > a {
	padding: 0px 10px 0px 10px;
}

/* Header Navigation */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
	color: #f49407;
}

/* Header Navigation */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	color: #f49407;
}

/* Header Navigation */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	text-transform: uppercase;
}

/* Drop-Down Menü - Padding */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
	padding: 14px 0px 12px 12px;
	color: #fff;
}

/* Drop-Down Menü - verhindere Padding, wegen Deklaration oberhalb.  */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding: 0px;
	background: #157fd8;
}


/* Anker Hintergrund in Hauptmenu - Farbe */
li.sp-menu-item:hover {
	background-color: rgba(60, 95, 158, 0.35);
}

/*	---------------------- */
/* ENDE Header Navigation */
/*	---------------------- */


/* Trennzeichen der Breadcrumb */
.breadcrumb-item + .breadcrumb-item::before {
	content: url('/images/arrow.png');
}

/* Button Anpassungen */
.btn-primary, .sppb-btn-primary {
	border-color: #f49407 !important;
	background-color: #f49407 !important;
	padding: 0.5rem 1rem !important;
}

/* Button Anpassungen - Hover */
.btn-primary:hover, .sppb-btn-primary:hover {
	border-color: #d56c12 !important;
	background-color: #d56c12 !important;
	padding: 0.5rem 1rem !important;
}


/* Seitenfuß - Call to Action Grafik einbinden */
.sp-page-builder .page-content #section-id-2ab9d4aa-9694-4617-a301-cd729fddfc43 {
	background-color: #f9fafc;
	box-shadow: 0 0 0 0 #FFFFFF;
	background: #f9fafc url('/images/BG_dreieck.png') no-repeat scroll center top / 46px 24px;
}

/* Seitenfuß - Call to Action Abstand unten einrichten */
div.sp-module-content-bottom{
	margin-bottom: -5%;
}


div.npu_module{
	padding-bottom: 44px;
}

/* ------------------------- */
/* START - jFeWo Anpassungen */
/* ------------------------- */

/* Suchleiste Exposé-Ansicht */
.b01-button-large-shrink {
	/*padding: 0 18px;*/
	line-height: 35px;
	font-size: 0.7rem;
}

/* jFeWo Suchmaske */
div.fewosearch  {
	background: rgba(0, 145, 248, 0.11);
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 0.85rem;
}

/* jFeWo Heading */
h1.b01-heading-primary{
	font-size: 1.85rem;
	font-weight: 400;
}

/* jFeWo Exposé - Abstand vom Bezeichner (z.B V801)*/
* + .b01-margin-medium {
	margin-top: 30px !important;
	margin-bottom: 5px;
}

/* jFeWo Exposé Ansicht - Symbole unter Galerie: Größe einstellen*/
.b01-width-xsmall\@s {
	width: 150px;
}

/* jFeWo Exposé Ansicht - Symbole unter Galerie: Font size */
#basics{
	font-size: 0.9rem;
}

/* jFeWo Exposé Ansicht - Abstand Zwischenüberschrift */
.b01-margin-large-top {
	margin-top: 35px !important;
}

/* jFeWo Exposé Ansicht - Social Media Symbole */
.b01-icon-button-small {
	width: 25px;
	height: 25px;
}

/* jFeWo Buttons - Anpassung */
.b01-button-primary {
	background-color: #f49407;
	color: #fff;
	border: 1px solid transparent;
}

/* jFeWo Buttons - Anpassung */
.b01-button-primary:hover {
	background-color: rgb(220, 133, 6);
}

/* jFeWo Buttons - Anpassung */
.b01-button-secondary {
	background-color: rgba(244, 148, 7, 1.0);
	color: #fff;
	border: 1px solid transparent;
}

/* jFeWo Buttons - Anpassung */
.b01-button-secondary:hover {
	background-color: rgb(220, 133, 6);
}

/* jFeWo Buttons - Anpassung */
.choicesactive .choices__inner, .searchlocactive .choices__inner {
	background-color: #f49407;
	border-color: #f49407;
}

/* jFeWo Buttons - Anpassung */
.b01-hintcount {
	background: #f49407;
}

/* jFeWo Buttons - Anpassung */
.fewosearch .geogroup button {
	background: #f49407;
}

.fewosearch .geogroup button:hover {
	background: rgb(220, 133, 6);
}

.fewosearch .geogroup button:not([disabled]):first-child{
    background: #f49407
}

.fewosearch .geogroup button:not([disabled]):nth-child(*){
    background: #f49407
}
.fewosearch .geogroup button:not([disabled]):nth-child(2){
    background: #f49407
}

.fewosearch .geogroup button:not([disabled]):nth-child(3){
    background: #f49407
}


.fewosearch .geogroup button:not([disabled]):first-child:hover{
    background: rgb(220, 133, 6);
}

.fewosearch .geogroup button:not([disabled]):nth-child(*):hover{
    background: rgb(220, 133, 6);
}

.fewosearch .geogroup button:not([disabled]):nth-child(2):hover{
    background: rgb(220, 133, 6);
}

.fewosearch .geogroup button:not([disabled]):nth-child(3):hover {
    background: rgb(220, 133, 6);
}

/* Überschrift im Landing-Page Module */
.b01-text-primary {
	color: #f49407 !important;
}


/* Bildgröße Kontakt-Person in der Exposé Ansicht */
div.b01-card-media-bottom > div.b01-background-cover {
	margin: 20px;
}


	/* jFeWo Modal Fenster _ Position */
	.b01-modal-full .b01-modal-dialog {
		margin: 100px 0 0 0 !important;
	}

	.fewosearch #attribs > .b01-modal-dialog {
		margin: 100px 0 0 0 !important;
	}



/* ---=== Mobile Ansicht - START ===--- */
@media only screen and (max-width: 768px) {
	
	/* Verberge die Top-Position (Kontakt) oberhalb Logo und Navi  */
    #sp-top1 { 
        display: none;
    }
	
	.logo-image-phone {
		height: 40px !important;
	}

	/* jFeWo Modal Fenster _ Position */
	.b01-modal-full .b01-modal-dialog {
		margin: 60px 0 0 0;
	}


	/* Off Canvas Menü - Hintergrund für Header mit Logo */
	div.justify-content-between{
		/* background-color: rgba(77,85,96,0.85);*/
		background-color: #3c5f9e;
	}

	/* Slideshow Startseite - Schriftgröße Überschrift */
	div.jb-slideshow h2
	{
		font-size: 1.4rem;
	}

	/* Slideshow Startseite - Schriftgröße Button */
	.sppb-sp-slider-button .sp-slider-btn-text {
		font-size: 0.66rem;
	}

}

/* ---=== Alles NICHT Mobile Ansicht - START ===--- */
@media only screen and (min-width: 769px{
	/* jFeWo Modal Fenster _ Position */
	.b01-modal-full .b01-modal-dialog {
		margin: 100px 0 0 0 !important;
	}

	
	.fewosearch #attribs > .b01-modal-dialog {
		margin: 100px 0 0 0 !important;
	}
	
	
	.fewosearch #attribs.b01-modal {
		margin-top: 100px !important;
	}

}



/* Menü - Farbe Standard */
.offcanvas-menu .offcanvas-inner ul.menu > li a, 
.offcanvas-menu .offcanvas-inner ul.menu > li span
{
	color: #686e78;
}

/* Menü - Farbe Aktiv od. Hover */
.offcanvas-menu .offcanvas-inner ul.menu > li a:active, 
.offcanvas-menu .offcanvas-inner ul.menu > li span:active,
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, 
.offcanvas-menu .offcanvas-inner ul.menu > li a:focus, 
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover, 
.offcanvas-menu .offcanvas-inner ul.menu > li span:focus,
.offcanvas-menu .offcanvas-inner ul.menu li.active > a,
.offcanvas-menu .offcanvas-inner ul.menu li.active ul li.active > a
{
	color: #f49407;
}

/* Streifen im Burder-Symbol */
.burger-icon > span {
	background-color: #fff;
}

/* ---=== Mobile Ansicht - ENDE ===--- */