#container {
	padding-top: 15px;
}

#container.header {
	padding-top: 73px;
}

#container.footer {
	padding-bottom: 135px;
}

.noParagraphSpacing p {
	margin: 0;
	padding: 0;
}


.nav-firewall {
	color: #ff0000 !important;
}

.nav-firewall-anonymous {
	color: #00FF00 !important;
}

/*Tabs & Accordion
 * ---------------------------------------------------------------------------------------------------------------------
 */

.nirak_area_tabs .nav,
.nirak_area_accordion .nav {
	background: none;
}

.nirak_area_tabs .nav-link,
.nirak_area_accordion .accordion-item {
	background: var(--nirak-accordion-body-bg);
}

.nirak_area_tabs .nav-link.active,
.nirak_area_accordion .accordion-button:not(.collapsed),
.nirak_area_accordion .accordion-button:not(.collapsed):focus {
	background: var(--nirak-accordion-header-bg);
	color: var(--nirak-accordion-header-text);
	font-weight: bold;
	outline: none;
	box-shadow: none;
	border-color: var(--nirak-accordion-border);
}

.nirak_area_tabs .nav-link:hover,
.nirak_area_accordion .accordion-button:hover {
	background: var(--nirak-accordion-header-bg);
}

.nirak_area_tabs .accordion-body,
.nirak_area_accordion .accordion-body {
	background: var(--nirak-accordion-body-bg);
	color: var(--nirak-accordion-body-text);
	border-color: var(--nirak-accordion-border);
}

/**
 * Content Stuff
 * ---------------------------------------------------------------------------------------------------------------------
 */

@media screen and (min-width: 768px) {
	#container.footer {
		padding-bottom: 85px;
	}
}

#content {
	display: inline-block;
	border-radius: 6px;
	letter-spacing: 0.08em;
}

#content .content {
	width: 100%;
	padding: 0 1rem 1rem;
	border-radius: 0.25rem;
	color: var(--nirak-content-text);
	position: relative;
	z-index: 1;
}

#content .content a,
#content .content a:visited,
#content .content a:focus {
	color: var(--nirak-content-link);
	text-decoration: underline;
}

#content .content a:hover {
	color: var(--nirak-content-link-hover);
}

#content .content::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--nirak-content-bg-transparent);
	backdrop-filter: blur(4px);
	z-index: -1;
	pointer-events: none;
}

.noOpacity #content .content::before {
	background: var(--nirak-content-bg);
}

#content .content h1,
#content .content h2,
#content .content h3,
#content .content h4,
#content .content h5,
#content .content h6 {
	color: var(--nirak-content-text);
}

#content .content p {
	color: var(--nirak-content-text);
	line-height: 1.6;
}

/**
 * General Blocks
 * ---------------------------------------------------------------------------------------------------------------------
 */
#content .nirak_area {
	padding: 0 0 0.75rem 0;
	opacity: 1;
}

#content .nirak_area:first-child {
	padding-top: 0.75rem;
}

#content .nirak_area:last-child {
	padding-bottom: 0;
}

#content > div > section > div > div > p:last-child,
#content .nirak_area:last-child,
#content .nirak_area p:last-child,
#content .nirak_area ul:last-child,
#content .nirak_area ol:last-child {
	margin-bottom: 0;
}

#content .content > p {
	padding: 0.75rem 0;
}

#content .content > .alert:first-child {
	margin-top: 1rem
}

#content .content > .alert {
	border: 1px solid var(--nirak-alert-border);
	display: inline-flex;
}

#content .images img,
#content .images .image img {
	float: left;
	display: block;
	width: 100%;
	height: 100%;
}


#content .grayscale img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 1s ease;
}

#content .grayscale img:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}

#content figure.hidecopyright figcaption {
	display: none;
}

/** Area Blocks
 * ---------------------------------------------------------------------------------------------------------------------
 */

#content .content .nirak_wysiwyg .floatInline .float-start {
	padding-right: 0.75rem;
	padding-bottom: 0.75rem;
}

#content .content .nirak_wysiwyg .floatInline .float-end {
	margin-left: 0.75rem;
	padding-bottom: 0.75rem;
}

#content .content .nirak_wysiwyg img {
	padding-bottom: 0.75rem;
}

#content .content .opendxp_area_full_image figure {
	margin: 0;
}

#content .content .nirak_directory_link a {
	text-decoration: none;
	font-weight: bolder;
}

#content .content .nirak_wysiwyg .images .lazy-wrapper img {
	padding: 0;
}

#content .content .nirak_area_full_image .full-image,
#content .content .nirak_area_full_image figure {
	margin-bottom: 0;
}

#content .content .nirak_area_full_image .full-image img {
	width: 100%;
	height: auto;
	max-height: 600px;
	object-fit: cover;
}

#content .content .nirak_directory_link,
#content .content .nirak_directory_list {

}

#content .content .nirak_directory_link a,
#content .content .nirak_directory_list a {
	text-decoration: none;
	color: var(--nirak-content-link);
}

#content .content .table-striped > thead > tr > * {
	background-color: var(--nirak-table-thead-bg);
	color: var(--nirak-table-text);
	border-color: var(--nirak-table-border);
}

#content .content .table-striped > tbody > tr:nth-of-type(odd) > * {
	background-color: var(--nirak-table-odd);
	color: var(--nirak-table-text);
	border-color: var(--nirak-table-border);
}

#content .content .table-striped > tbody > tr:nth-of-type(even) > * {
	background-color: var(--nirak-table-even);
	color: var(--nirak-table-text);
	border-color: var(--nirak-table-border);
}

/* Video Player
 * ---------------------------------------------------------------------------------------------------------------------
 */

#content .nirakVideo {
	background: #0a53be;
}

#content .nirakVideo > div {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 200px;
	background-color: #1e1e1e;
}

#content .nirak_video_player .videoContainer {
	padding-bottom: 0.75rem;
}

#content .nirak_video_player .video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

#content .nirak_video_player .video iframe,
#content .nirak_video_player .video object,
#content .nirak_video_player .video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Greetings from Isotope
 * ---------------------------------------------------------------------------------------------------------------------
 */

#content .isotope-grid {
	width: 100%;
	display: inline-block;
}

#content .isotope-grid,
#content .isotope-grid .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
}

#content .isotope-grid {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

#content .isotope-grid .grid-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
	padding-bottom: 15px;
}

.grid-item {
	z-index: 2;
}

.isotope-hidden.grid-item {
	pointer-events: none;
	z-index: 1;
}

/* Tippy.js Glossary Theme
 * ---------------------------------------------------------------------------------------------------------------------
 */

.tippy-box[data-theme~='glossary'] {
	background-color: #222;
	color: #fff;
	font-size: 0.8rem;
	line-height: 1.3;
	border-radius: 6px;
	box-shadow: 0 0 8px rgba(255, 255, 255, 0.15);
	padding: 5px 8px;
	transition: all 0.25s ease;
}

.tippy-box[data-theme~='glossary'][data-placement^='top'] > .tippy-arrow::before {
	border-top-color: #222;
}

.tippy-box[data-theme~='glossary'][data-placement^='bottom'] > .tippy-arrow::before {
	border-bottom-color: #222;
}

/* Variante für .black → helles Tooltip */
.opendxp_glossary.black + .tippy-box[data-theme~='glossary'] {
	background-color: #f0f0f0;
	color: #111;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}

.opendxp_glossary.black + .tippy-box[data-theme~='glossary'][data-placement^='top'] > .tippy-arrow::before {
	border-top-color: #f0f0f0;
}

.opendxp_glossary:hover {
	text-shadow: 0 0 6px rgba(255, 255, 255, 0.3);
}

.opendxp_glossary.black:hover {
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}