/*
* Kunde: Novotec GmbH
* Domain: www.novotec.org
*
* Datum: 17:23 Montag, 30. Juni 2025
* Datei: cusom css Anpassungen Hammer Computer
*/


/*
ID:			#top {...}		<div id="top">
Class:		.intro {...}	<p class="intro">
Selector:	p.jam			element.klasse
*/


/* News-Bereich - Kein Teaser-Bild in der Übersicht */
div.article-intro-image {
	/**/
	display:none !important;
}
 
/* Neu Definition vom Primär Button */
.sppb-btn-primary, .btn-primary{
	color: #fff;
	background-color: rgba(172, 33, 143, 0.8);
	border-color: rgba(172, 33, 143, 0.8)
}
.sppb-btn-primary:hover, .btn-primary:hover{
	color: #fff;
	background-color: rgba(172, 33, 143, 0.6);
	border-color: rgba(172, 33, 143, 0.6)
}
.sppb-btn-primary:visited, .btn-primary:visited {
	color: #fff;
	background-color: rgba(172, 33, 143, 0.6);
	border-color: rgba(172, 33, 143, 0.6)
	}

/* Farbgestaltung Tabs in Produkt-Detailansicht. */
.sppb-nav-modern > li > a {
	background: rgba(172, 33, 143, 0.8);
}
/* Farbgestaltung Tabs in Produkt-Detailansicht. */
.sppb-nav-modern > li > a {
	color: #fff;
}

/* Farbgestaltung Tabs in Produkt-Detailansicht. */
.news-back-button{
	margin-bottom: 30px;
	margin-top: 20px;
	margin-left: 10px;
}

.news-read-button{
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left: 10px;
}


/* Produkt-Bereich - Balken unterhalb der Bilder, je Kategorie*/
.sppb-addon-image-layout-content {
	padding: 10px 10px 10px 10px;
}

/* Aufzählungszeichen mit Novotec Farb-Schema */
.novotec-ul ul li::before {
	display: block;
	padding-left: 6px;
	position: relative;
	margin-bottom: 8px;
	width: 6px;
	height: 6px;
	content: "";
	background: #ac218f;
	top: 25px;
	left: -14px;
}

/* Formatiere den Abstand einer Aufzählung */
.novotec-ul ul {
	margin-bottom: 2.5rem !important;
}

/* Startseite Produkte. Volle Breite für Bild-Unterschriften/Links */
.sppb-addon-image-layout-content {
	width: 100%;
}

/* Header-Bild (Panorama-Format) Formatierung des Border Radius*/
.sppb-image-carousel-layout1 .sppb-carousel-extended-content-wrap, .sppb-image-carousel-layout1 .sppb-carousel-extended-item img, .sppb-image-carousel-layout1 .sppb-carousel-extended-item-overlay {
	border-radius: 0px !important;
}

/* Überschrift für z.B. Akkordeon */
.sppb-panel-title {
	/* margin-top: 0; */
	/* margin-bottom: 0; */
	font-size: 1.0rem;
	 font-weight: bold;
	/* color: inherit; */
}

/* Abstand Seitentitel unter dem Header, überschreibt Die Standard Einstellung */
#sp-main-body {
  padding: 50px 0 0 0;
}

/* Font-Weiht Anpassung an Template Vorgabe */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 900;
}
.h1, h1 {
	font-size: 1.55rem;
	margin-bottom: 2.0rem;
}

.h2, h2, .h3, h3 {
	font-size: 1.0rem;
	margin-top: 2.0rem;
}

.p, p {
	margin-bottom: 0.1rem;
}

p.title, p.timeline-date {
	font-weight: 600;
	}
	

/* Einheitliches Grau auch verlinkbaren Überschriften - hier News-Bereich */
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
	color: #3B5363;
}

/* Positionierung der Symbole im Seiten-Fuß */
.address {
  color: #AC218F;
  position: absolute;
  left: -8%;
  font-size: 1.2rem;
}

/* Breadcrumb - verhindere die Marker-Anzeige */
.breadcrumb .divider.fas.fa-map-marker-alt {
	display: none;
}

/* Breadcrumb - Formatierung 1-2 */
.breadcrumb {
	padding: 0.25rem 0.1rem;
	margin-bottom: 0rem;
	background-color:transparent;
	/*font-size: 0.85rem;*/
	font-size: 1.0rem;
	font-weight: 500;
}

/* Breadcrumb - Formatierung 2-2 */
#sp-breadcrumb{
	width:100%;
	border-bottom: 1px solid #AC218F;
    border-top: 5px solid #AC218F;
    background-color: #F5F5F5;
}

/* Slider-Inhalt nicht am unteren Ende */
.slider-content-vercally-center .sppb-row div[class*=sppb-col],
.slider-content-vercally-center .sppb-row div[class^=sppb-col] {
 /* display:flex; changed by AH */
 display:block;
}

/* Schmuck für Headings  in News Detailansicht*/
h1.text-schmuck::before {
	/*
	content: url("/images/title-pattern_5_20_px.png");
	padding-right: 7px;
	*/
}

h2.text-schmuck::before {
	/*
	content: url("/images/title-pattern_5_20_px.png");
	padding-right: 7px;
	*/
}

/* Schmuck für Headings */
.text-schmuck .sppb-addon-title::before {
	/*
	content: url("/images/title-pattern_5_20_px.png");
	padding-right: 7px;
	*/
}

/* Schmuck für Headings */
.text-schmuck .h1::before {
	/*
	content: url("/images/title-pattern_5_20_px.png");
	padding-right: 7px;
	*/
}

/* Schmuck für Header Navigation 1-4 */
.nav-pills > li {
	float: left;
	border-right: 1px solid #B2B09C;
	padding: 0 12px 0 9px;
}

/* Schmuck für Header Navigation 2-4 */
.nav-pills > li:last-child {
	float: left;
	border-right: 0px solid #B2B09C;
	padding: 0 12px 0 9px;
}

/* Schmuck für Header Navigation 3-4 */
.nav {
	margin-top: -10px;
}

/* Schmuck für Header Navigation 4-4 */
.navbar {
	padding-bottom: 0rem;
}

/* Fixed Header Background - Halbtransparent */
.header-sticky {
	background: rgba(255, 255, 255, 0.9) !important;
}

/* News-Bereich Startseite */
.btn, .j51news-btn {
	color: #fff;
	background-color: rgba(172, 33, 143, 0.8);
	border-color: rgba(172, 33, 143, 0.8);
}

/* News-Bereich Startseite - Hover */
.btn:hover, .j51news-btn:hover{
	color: #fff;
	background-color: rgba(172, 33, 143, 0.6);
	border-color: rgba(172, 33, 143, 0.6);
}


/* Header-Bild (Panorama-Format) Formatierung */

	.rechteck_bg {
	background: rgba(85,85,85, 0.75);
	margin-left: -15%;
	padding: 0px 70px 0px 40px;
	font-size: 40px;
	margin-top: 18%;
	font-weight: normal;
	}

/* Main-Menü Hover - Mit Underline */
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
		color: #ac218f;
		text-decoration-line: underline;
	}	

/* Mobile-Menü Linkfarbe */
	.offcanvas-menu .offcanvas-inner ul.menu li.active a {
		color: #ac218f;
	}

/* Zentrierung der News-Bereichs-Überschrift auf der Startseite */
#sppb-addon-wrapper-1646039786171 {
	width: 100% !important;
}

/* Abstand Aufzählungszeichen im Footer-Modul. */
#sp-bottom .sp-module ul > li {
	margin-bottom: 0px !important;
}

/* Abstand unter Formular bei Seite Partner-Login */
.list-group {
	padding-bottom: 50px;
}

/*
@media only screen and (max-width: 1400px) {
    #sp-top-bar { 
        display: none; 
    }

	.rechteck_bg {
	font-size: 16px;
	}
}
*/

@media only screen and (max-width: 1200px) {

	#sp-top-bar { 
        display: none; 
    }

	.rechteck_bg {
	font-size: 16px;
	margin-bottom: 10%;
	}
	
}


@media only screen and (max-width: 992px) {

	#sp-top-bar { 
        display: none; 
    }

	.rechteck_bg {
	font-size: 24px;
	margin-bottom: 10%;
	}

	.sppb-carousel-extended-outer-stage{
		/*width:50%;*/
		height: 85% !important;
	}

}


@media only screen and (max-width: 768px) {
    #sp-top-bar { 
        display: none; 
    }

	.rechteck_bg {
	font-size: 16px;
	}

	.sppb-carousel-extended-outer-stage{
		/*width:50%;*/
		height: 85% !important;
	}

}


/*@media only screen and (max-width: 992px) {
    ul.sp-contact-info { 
        display: none; 
    }
}
*/