/*
Theme Name: wp_bs5_np
Theme URL: uri.studio-oststrasse.de
Description: wp_bs5_np Bootstrap v5.2.3 jquery-3.6.3
Version: 1.0
Author: URI
Author URL: studio-oststrasse.de
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: URI Bootstrap 4.1
*/

/*-----------------------------------------------------------------------------------*/
/*	Typography
/*-----------------------------------------------------------------------------------*/   
/* lato-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/lato/lato-v24-latin-100.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato/lato-v24-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/lato/lato-v24-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/lato/lato-v24-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/lato/lato-v24-latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/lato/lato-v24-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/lato/lato-v24-latin-100italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato/lato-v24-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/lato/lato-v24-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/lato/lato-v24-latin-100italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/lato/lato-v24-latin-100italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/lato/lato-v24-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato/lato-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato/lato-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/lato/lato-v24-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/lato/lato-v24-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/lato/lato-v24-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/lato/lato-v24-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/lato/lato-v24-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato/lato-v24-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/lato/lato-v24-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/lato/lato-v24-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/lato/lato-v24-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/lato/lato-v24-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato/lato-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato/lato-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/lato/lato-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/lato/lato-v24-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/lato/lato-v24-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/lato/lato-v24-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/lato/lato-v24-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato/lato-v24-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/lato/lato-v24-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/lato/lato-v24-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/lato/lato-v24-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/lato/lato-v24-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato/lato-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato/lato-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/lato/lato-v24-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/lato/lato-v24-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/lato/lato-v24-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/lato/lato-v24-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/lato/lato-v24-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato/lato-v24-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/lato/lato-v24-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/lato/lato-v24-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/lato/lato-v24-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/lato/lato-v24-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/lato/lato-v24-latin-900.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato/lato-v24-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/lato/lato-v24-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/lato/lato-v24-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/lato/lato-v24-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/lato/lato-v24-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/lato/lato-v24-latin-900italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato/lato-v24-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/lato/lato-v24-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/lato/lato-v24-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/lato/lato-v24-latin-900italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/lato/lato-v24-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/*-----------------------------------------------------------------------------------*/
/*	root
/*-----------------------------------------------------------------------------------*/
:root,
[data-bs-theme=light] {
  --bs-secondary-rgb: 68, 84, 111;
  --bs-danger-border-subtle: #EEEEEE;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-secondary-rgb: 68, 84, 111;
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
:root {
  --bg-beratung:rgb(228,231,233);
  --bg-produkte:rgb(200,207,210);
  --bg-about:rgb(102,123,131);
  }
/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/

html { }

body {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	overflow-x: hidden;
	color: rgb(1,47,60);
	color: rgb(68, 84, 111);
	color: #000;
	}
b, strong { font-weight: 700; }
	
p {}
h1 {}
h2 {}
h3 { font-size: 1.2rem; font-weight: 900;  }
h4 {}
h5 { font-size: .75rem; font-weight: 900; }
h6 {}

pre { background-color: aqua; font-size: tpx; }

a { color: #000; text-decoration: none; }
a:hover, a:focus { text-decoration: none; outline: none; }
/* a:hover, a:focus {
	color: #999;
	outline: none;
	text-decoration: none; */
/* 	}
a,
.btn,
.navbar a {
	-webkit-transition: all 0.125s ease-in-out 0s;
	   -moz-transition: all 0.125s ease-in-out 0s;
		-ms-transition: all 0.125s ease-in-out 0s;
		 -o-transition: all 0.125s ease-in-out 0s;
			transition: all 0.125s ease-in-out 0s;
	} */
	
header { }
header h1 {}
	
.row.topmenu .col-sm-9 { padding-left: 20px; }
.row.topmenu:after { display: block; content: ""; border-top: 1px solid #ddd; margin: 30px 30px ; width: auto; }

footer { margin: 30px 0 30px 0; }

.frontpage { background-color: #FFF }

.line-before:before {
	display: block;
	content: "";
	border-top: 1px solid #000000;
	margin: 0 1rem 1rem 1rem;
	width: auto;
	}
.line-after::after {
	display: block;
	content: "";
	border-bottom: 1px solid #AAA;
	margin: 1rem 0 1rem 0;
	width: auto;
	}
	
	
body.page.page-id-2 { background-color: #EEEEEE; }

body.page.page-id-2 .df-ui-btn.df-ui-share.ti-sharethis { display: none; }
body.page.page-id-2 .df-ui-btn.df-ui-outline.ti-menu-alt { display: none; }



/*-----------------------------------------------------------------------------------*/
/*	Container
/*-----------------------------------------------------------------------------------*/

.container-bg-produkte { background-color:var(--bg-produkte); }
.container-bg-beratung { background-color:var(--bg-beratung); }
.container-bg-about { background-color:var(--bg-about); }

/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/

.site-header { background: rgba(255, 0, 0, 0.85); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.site-header .row { height: 500px; }
.site-header .row .col {  }
.site-header h1 { display: inline-block; padding: 0.1rem 0.3rem 0.2rem 0.3rem; color: rgb(255, 255, 255); font-weight: 900; font-size: 3.5rem; border: solid #FFF 3px; margin: 0; line-height: 0.9; }

/*-----------------------------------------------------------------------------------*/
/*	NABAR offcanvas
/*-----------------------------------------------------------------------------------*/

.offcanvas.offcanvas-end { right: 0; }
.offcanvas.offcanvas-end.show { right: 0; }
.offcanvas { visibility: visible; }

.offcanvas-border { position: fixed; right: 0; top: 0; bottom: 0; background: transparent;  z-index: 100; border-right: 40px solid rgba(255, 0, 0, 0.8); mix-blend-mode: multiply; }
.offcanvas-blend { background-blend-mode: multiply; }

.rotate-btn {
	position: fixed;
	left: 100%;
	top: 30%;
	font-weight: 900;
	transform-origin: 0% 0%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg) translateX(-50%);
	background: rgba(202, 53, 33, 0.8)!important; 
	}

.rotate-90deg {
	position: fixed;
	top: 30%;
	right: -29px;
	font-weight: 900;
	transform-origin: 0% 0%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg) translateX(-50%);
	background: rgba(255, 0, 0, 0.8)!important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: none;
	border: 0;
	mix-blend-mode: multiply;
	}
	
.list-group-item-action:hover { background-color: #EEE }

/*-----------------------------------------------------------------------------------*/
/*	NABAR Top
/*-----------------------------------------------------------------------------------*/

.navbar-brand { margin-right: 2rem; }
.navbar.navbar-dark { background-color: rgb(1,47,60); }
.navbar .container-navbar { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.navbar .nav-link { font-weight: 700; text-transform: uppercase; color: #FFF; margin-left: 1rem; margin-right: 1rem; }
.navbar .nav-link:hover { color: rgba(255, 0, 0, 1); }

.navbar-toggler {
	color: #FFF;
	font-size: 1.5rem;
	line-height: 1;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	}
/*-----------------------------------------------------------------------------------*/
/*	NABAR main
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Under-construction
/*-----------------------------------------------------------------------------------*/

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

/*-----------------------------------------------------------------------------------*/
/*	Frontpage
/*-----------------------------------------------------------------------------------*/

.frontpage {}
.frontpage a.link-box:hover {  }
.frontpage p { font-size: .875rem; }
.frontpage p.teaser-link-text { font-weight: 700; }
.frontpage a.link-box:hover .teaser-link-text { color: rgba(255, 0, 0, 0.9)!important;  }

.frontpage .container-intro { margin-top: 4rem; }
.frontpage .container-intro p { font-size: 1rem; color: rgb(1,47,60); }
.frontpage .container-intro h1 { color: rgb(1,47,60); }
.frontpage .container-intro h1 { font-size: 1.3rem; font-weight: 900; color: rgb(1,47,60); }
.frontpage .container-category { margin-top: 3rem; }
.frontpage h2.term-name { display: inline-flex; color: rgb(1,47,60); font-size: 1.125rem; font-weight: 900; text-transform: uppercase; margin: 0; line-height: 1; padding: 0.25rem 0.5rem; }

.frontpage .category-beratung { margin-top: 5rem; }
.frontpage .category-beratung .category-bg { background-color: rgb(228,231,233); }
.frontpage .category-beratung .term-name { background-color: rgb(228,231,233); }
.frontpage .category-beratung p { color: rgb(1,47,60); margin-bottom: 0.875rem; }
.frontpage .category-beratung h3 {color: rgb(1,47,60); }

.frontpage .category-produkte { margin-top: 3rem; }
.frontpage .category-produkte .category-bg { background-color: rgb(200,207,210); }
.frontpage .category-produkte .term-name { background-color: rgb(200,207,210); margin-left: 15%; }
.frontpage .category-produkte p { color: rgb(1,47,60); margin-bottom: 0.875rem }
.frontpage .category-produkte h3 { color: rgb(1,47,60); }

.frontpage .category-about { margin-top: 5rem; margin-bottom: 2rem; }
.frontpage .category-about .category-bg { background-color: rgb(102,123,131); }
.frontpage .category-about .term-name { background-color: rgb(102,123,131); margin-left: 30%; color:  #FFF; }
.frontpage .category-about p { color:  #FFF; margin-bottom: 0.875rem }
.frontpage .category-about h3 { color:  #FFF; }

.offcanvas.offcanvas-kapn .offcanvas-header { background-color: rgba(255, 0, 0, 0.9)!important; padding: 1.5rem 1rem 0.5rem 1rem; color: #FFF; }
.offcanvas.offcanvas-kapn .offcanvas-header h5 { color: #FFF; font-size: 1.125rem; font-weight: 900; text-transform: uppercase; }
.offcanvas.offcanvas-kapn .offcanvas-body { background-color: rgba(255, 0, 0, 0.9)!important; padding: 1rem; }

.frontpage .category-produkte .xxx { background: linear-gradient(0deg, transparent 50%, rgb(228,231,233) 50%); }

/*-----------------------------------------------------------------------------------*/
/*	Category Content
/*-----------------------------------------------------------------------------------*/

.category .container-category-intro h2 { font-size: 1.3rem; font-weight: 900; color: rgb(1,47,60); }


.category {}
.category a.link-box:hover {  }
.category p { font-size: .875rem; }
.category p.teaser-link-text { font-weight: 700; }
.category a.link-box:hover .teaser-link-text { color: rgba(255, 0, 0, 0.9)!important;  }

.category .container-intro { margin-top: 4rem; }
.category .container-intro p { font-size: 1rem; color: rgb(1,47,60); }
.category .container-intro h1 { color: rgb(1,47,60); }
.category .container-intro h1 { font-size: 1.3rem; font-weight: 900; color: rgb(1,47,60); }
.category .container-category { margin-top: 3rem; }
.category h2.term-name { display: inline-flex; color: rgb(1,47,60); font-size: 1.125rem; font-weight: 900; text-transform: uppercase; margin: 0; line-height: 1; padding: 0.25rem 0.5rem; }
.category .category-produkte { margin-top: 3rem; }
.category .category-produkte .category-bg { background-color: rgb(228,231,233); }
.category .category-produkte .term-name { background-color: rgb(228,231,233); }
.category .category-produkte p { color: rgb(1,47,60); margin-bottom: 0.875rem }
.category .category-produkte h3 { color: rgb(1,47,60); }

.category .category-beratung { margin-top: 5rem; }
.category .category-beratung .category-bg { background-color: rgb(200,207,210); }
.category .category-beratung .term-name { background-color: rgb(200,207,210); margin-left: 15%; }
.category .category-beratung p { color: rgb(1,47,60); margin-bottom: 0.875rem; }
.category .category-beratung h3 {color: rgb(1,47,60); }

.category .category-about { margin-top: 5rem; margin-bottom: 2rem; }
.category .category-about .category-bg { background-color: rgb(102,123,131); }
.category .category-about .term-name { background-color: rgb(102,123,131); margin-left: 30%; color:  #FFF; }
.category .category-about p { color:  #FFF; margin-bottom: 0.875rem }
.category .category-about h3 { color:  #FFF; }

/*-----------------------------------------------------------------------------------*/
/*	Single Content
/*-----------------------------------------------------------------------------------*/

.single .article-headline { margin-top: 4rem; margin-bottom: 2rem;  }
.single .article-headline h3 { font-size: 2rem; font-weight: 900; color: rgb(1,47,60); }
.single .article-headline h4 { font-size: 1.4rem; font-weight: 900; color: rgb(1,47,60);  }
.single .article-headline hr { border-top: 1px dashed  rgb(1,47,60); opacity: 1; width: 50%; }
.single .article-headline p { font-size: 1rem; color: rgb(1,47,60); }

.single .article-headline h2.term-name { display: inline-flex; color: rgb(1,47,60); font-size: 1.125rem; font-weight: 900; text-transform: uppercase; margin: 0; line-height: 1; padding: 0.25rem 0.5rem; }

.single h4.section-headline { font-size: 1.2rem; font-weight: 900; color: rgb(1,47,60); }

.single .container-address { background-color: rgb(102,123,131); color:  #FFF; }
.single .container-address { background-size: 50% auto; background-position: right center; background-image: url('https://kap-n.eu/wp-content/uploads/kontakt-466004357.jpg'); background-repeat: no-repeat; padding-top: 1rem;  padding-bottom: 1rem; margin-top: 2rem; }

.single .the-content { color: rgb(1,47,60); }
.single .the-content ul { padding-left: 1.25rem; }
.single .the-content ul li {
	margin-bottom: 1rem;
	list-style-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg transform-origin="center" transform="scale (0.9) translate(0 3)" fill="%23FF0000" width="16" height="16" viewBox="0 0 256 256" id="Flat" xmlns="http://www.w3.org/2000/svg"><path d="M240.58984,128a15.84794,15.84794,0,0,1-10.53125,15.03711l-63.81543,23.206-23.206,63.81543a16.001,16.001,0,0,1-30.07422,0L89.75684,166.24316l-63.81543-23.206a16.001,16.001,0,0,1,0-30.07422L89.75684,89.75684l23.20605-63.81543a16.001,16.001,0,0,1,30.07422,0l23.206,63.81543,63.81543,23.20605A15.84794,15.84794,0,0,1,240.58984,128Z"/></svg>');/* Use translate(X, Y) to position the SVG up, down, left, and right */
}
.single .the-content ul li::marker { font-size: 1rem; line-height: 0.1em; }

.single .box-image {  }
.single .box-link  figure { margin: 0 0 0.5rem; }
.single .box-link { display: block; border: 1px solid #DDD; margin-bottom: 1rem; }
.single .box-link span { display: inline-block; color: rgb(1,47,60); font-weight: 700; }
.single .box-link figcaption { width: auto;  margin: 0 0 1rem 1rem; position: relative; }
.single .box-link figcaption:after { content: "\F285"; font-family: bootstrap-icons !important; font-style: normal; font-weight: 400 !important; display: inline-block; line-height: 1rem; position: absolute; right:.5rem; top:.25rem; }

/*-----------------------------------------------------------------------------------*/
/*	Content Sections
/*-----------------------------------------------------------------------------------*/
.single .article-content { margin-bottom: 1.5rem; }
.single .section-row { margin-bottom: 1.5rem; }

.single .container-fluid .bg-content { margin-bottom: 2.5rem }
.single .bg-content h2 { color: rgb(1,47,60); font-size: 2rem; font-weight: 900; }

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

.archive.post-type-archive-aktuelles h3 { font-size: 1.1rem; font-weight: 700; color: rgb(1,47,60); }

/* Content Single Number
-------------------------------- */

.red-border { border: 1px solid #EE0000; }

	.section-modul .module-single-number .single-number {
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		font-size: 3rem;
		font-weight: 200;
		text-align: right;
		color: #EE0000;
		line-height: 1;
		padding-top: 10px;
		}
	.section-modul .module-single-number .single-number-text {
		text-align: left;
		color: #EE0000;
		line-height: 1;
		padding-top: 10px;
		padding-bottom: 10px;
		}
		
	.section-modul .module-multi-number {

		}
		
		
	.section-modul .module-multi-number .single-number {
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		font-size: 3rem;
		font-weight: 200;
		text-align: right;
		color: #EE0000;
		line-height: 1;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		}
	.section-modul .module-multi-number .single-number span {
		white-space: nowrap;
		font-size: 2rem;
		}
		
	.section-modul .module-multi-number .single-number-text {
		text-align: left;
		color: #EE0000;
		line-height: 1;
		padding-top: 10px;
		padding-bottom: 10px;
		}

/*-----------------------------------------------------------------------------------*/
/*	Pages
/*-----------------------------------------------------------------------------------*/

.page-container { margin-top: 4rem; }
.page-container h2 { font-size: 1.4rem; font-weight: 900;color: rgb(1,47,60); padding-bottom: 0.5rem; border-bottom: 1px dashed rgb(1,47,60); margin-bottom: 2rem;  }
.page-container h3 { font-size: 1.1rem; font-weight: 900; }

/*-----------------------------------------------------------------------------------*/
/*	Bootstrap 5
/*-----------------------------------------------------------------------------------*/

.modal-header { height: 50px !important; }
.modal-container-swiper { min-height: calc(100vh - 50px); }
.modal-single-image { min-height: calc(100vh - 50px); }
.object-fit-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
.object-fit-wrapper > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  object-position: center;
  -o-object-position: center;
}


.wrapper-strech {
	align-items: stretch;
	background-color: transparent;
	border: 0 solid black;
	box-sizing: border-box;
	display: flex;
	flex-basis: auto;
	flex-direction: column;
	flex-shrink: 0;
	list-style: none;
	margin: 0px;
	min-height: 0px;
	min-width: 0px;
	padding: 0px;
	position: relative;
	text-decoration: none;
	z-index: 0;
	}
.img-strech {
	bottom: 0px;
	height: 100%;
	left: 0px;
	opacity: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	z-index: -1;
	}
.object-fit-wrapper { height: 100%; width: 100%; }
	
.img-contain {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*	lazyload
/*-----------------------------------------------------------------------------------*/

.lazyload,.lazyloading { opacity: 0; }
.lazyloaded { opacity: 1; transition: opacity 400ms; }

/*-----------------------------------------------------------------------------------*/
/*	Swiper Header
/*-----------------------------------------------------------------------------------*/

.swiper.frontpageSlider { width: 100%;; height: 500px; }
.swiper.frontpageSlider .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
.swiper.frontpageSlider .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.swiper.frontpageSlider .swiper-button-next::after, 
.swiper.frontpageSlider .swiper-button-prev::after { font-size: 1.5rem; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; color: #fff;  }
.swiper.frontpageSlider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background: #F00; }
.swiper.frontpageSlider .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 3rem; }
.swiper.frontpageSlider .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 5rem; }

.swiper.frontpageSlider h1.slogan { display: inline-block; text-align: left; padding: 0.1rem 0.3rem 0.2rem 0.3rem; color: rgb(255, 255, 255); font-weight: 900; font-size: 3.5rem; border: solid #FFF 3px; margin: 0; line-height: 0.9; }
.swiper.frontpageSlider h1.slogan.slogan-align-left { position: absolute; left: 20%;  top: calc(50% - 50px); }
.swiper.frontpageSlider h1.slogan.slogan-align-right { position: absolute; right: 20%;  top: calc(50% - 50px); }

.swiper-horizontal > .swiper-pagination-progressbar, 
.swiper-pagination-progressbar.swiper-pagination-horizontal, 
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, 
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 3px; left: 0; top: auto; bottom: 0; }

/*-----------------------------------------------------------------------------------*/
/*	swiper
/*-----------------------------------------------------------------------------------*/

/* 
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
 */
.swiper.columnModalSwiper { width: 100%; color: rgb(1,47,60); }
.swiper.columnModalSwiper .swiper-button-next::after, 
.swiper.columnModalSwiper .swiper-button-prev::after { font-size: 1.5rem; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; color: rgb(1,47,60); }

.swiper.columnModalSwiper .container-column-slide { margin-left: 2rem; margin-right: 2rem; }
.swiper.columnModalSwiper.swiper-button-next, 
.swiper.columnModalSwiper.swiper-rtl .swiper-button-prev { right: 0; left: auto; }
.swiper.columnModalSwiper.swiper-button-prev, 
.swiper.columnModalSwiper.swiper-rtl .swiper-button-next { left: 0; right: auto; }


.swiper.columnModalSwiper .swiper-horizontal > .swiper-pagination-bullets, 
.swiper.columnModalSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper.columnModalSwiper .swiper-pagination-custom, 
.swiper.columnModalSwiper .swiper-pagination-fraction { bottom: 0; top: auto; left: 0; width: 100%; }
.swiper.columnModalSwipe .swiper-pagination-bullet-active { background-color: rgb(1,47,60); }

/*-----------------------------------------------------------------------------------*/
/*	Swiper
/*-----------------------------------------------------------------------------------*/

.swiper.modalSwiper { width: 100%; height: 65%; }

.modalSwiper .swiper-button-next::after, .modalSwiper .swiper-button-prev::after {
  font-size: 1.5rem;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  color: #000; 
}

.modalSwiper .swiper-slide {
  position: relative;
  height: 80%;
}

.modalSwiper .swiper-slide > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  object-position: center;
  -o-object-position: center;
}

/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/

footer h5 { text-transform: uppercase; }

footer address li {  }

footer .nav li { margin-left: 1rem; margin-right: 1rem;  font-size: 1rem;  }
footer .nav li a { color: #EE0000; }
footer .nav li a:hover { color: #777777; }

/*-----------------------------------------------------------------------------------*/
/*	debug
/*-----------------------------------------------------------------------------------*/
  .modal {
	 padding: 0;
	--bs-modal-margin: 0;
	--bs-modal-box-shadow: var(--ds-shadow-overlay);
  }
/*-----------------------------------------------------------------------------------*/
/*	debug
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Responsive
/*-----------------------------------------------------------------------------------*/

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
.site-header .row { height: 600px; }
.swiper.frontpageSlider { width: 100%; height: 600px; }
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}