/*
Theme Name: inascheffler_2026
Description: URI 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 5.2
*/

/*-----------------------------------------------------------------------------------*/
/*	Typography
/*-----------------------------------------------------------------------------------*/   

/* jost-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: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/jost/jost-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/jost/jost-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/jost/jost-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/jost/jost-v18-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/jost/jost-v18-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/jost/jost-v18-latin-regular.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-500 - 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: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/jost/jost-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/jost/jost-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/jost/jost-v18-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/jost/jost-v18-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/jost/jost-v18-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/jost/jost-v18-latin-500.svg#Jost') format('svg'); /* Legacy iOS */
}
/* karla-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: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/karla/karla-v31-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/karla/karla-v31-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/karla/karla-v31-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/karla/karla-v31-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/karla/karla-v31-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/karla/karla-v31-latin-regular.svg#Karla') format('svg'); /* Legacy iOS */
}
/* karla-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: 'Karla';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/karla/karla-v31-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/karla/karla-v31-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/karla/karla-v31-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/karla/karla-v31-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/karla/karla-v31-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/karla/karla-v31-latin-italic.svg#Karla') format('svg'); /* Legacy iOS */
}
/* karla-500 - 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: 'Karla';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/karla/karla-v31-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/karla/karla-v31-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/karla/karla-v31-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/karla/karla-v31-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/karla/karla-v31-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/karla/karla-v31-latin-500.svg#Karla') format('svg'); /* Legacy iOS */
}
/* karla-500italic - 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: 'Karla';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/karla/karla-v31-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/karla/karla-v31-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/karla/karla-v31-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/karla/karla-v31-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/karla/karla-v31-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/karla/karla-v31-latin-500italic.svg#Karla') format('svg'); /* Legacy iOS */
}
/* karla-600 - 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: 'Karla';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/karla/karla-v31-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/karla/karla-v31-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/karla/karla-v31-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/karla/karla-v31-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/karla/karla-v31-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/karla/karla-v31-latin-600.svg#Karla') format('svg'); /* Legacy iOS */
}
/* karla-600italic - 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: 'Karla';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/karla/karla-v31-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/karla/karla-v31-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/karla/karla-v31-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/karla/karla-v31-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/karla/karla-v31-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/karla/karla-v31-latin-600italic.svg#Karla') format('svg'); /* Legacy iOS */
}

/* karla-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: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/karla/karla-v31-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/karla/karla-v31-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/karla/karla-v31-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/karla/karla-v31-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/karla/karla-v31-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/karla/karla-v31-latin-700.svg#Karla') format('svg'); /* Legacy iOS */
}
/* karla-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: 'Karla';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/karla/karla-v31-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/karla/karla-v31-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/karla/karla-v31-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('fonts/karla/karla-v31-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	   url('fonts/karla/karla-v31-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	   url('fonts/karla/karla-v31-latin-700italic.svg#Karla') 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 {
  --rot:rgb(220,70,70);
  --blau:rgb(50,62,170);
  }
/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/

html { }

body {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-family: 'Karla', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	overflow-x: hidden;
	color: #000;
	}
b, strong { font-weight: 600; }
	
p {}

h1 { font-size: 2rem; font-family: 'Jost', 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: 0.2em; font-weight: 400; color: var(--blau); margin-bottom: 1rem; line-height: 1.1; }
h2 { font-size: 1.8rem; font-family: 'Jost', 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: 0.2em; font-weight: 400; color: var(--rot); line-height: 1.1; }
h3 { font-size: 1.8rem; font-family: 'Jost', 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: 0.2em; font-weight: 400; color: var(--blau); line-height: 1.1; }

h4 { font-size: 1rem; color: #2c2bae; letter-spacing: 0.2em; }
h5 { font-size: .75rem; font-weight: 900; }
h6 {}

.hilfslinie { border-top: 1px dashed aqua;}

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;
	}

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

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


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

#btn-back-to-top { position: fixed; bottom: 20px; right: 20px; display: none; --bs-btn-padding-x: .75rem; }

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

.navbar { border-bottom: none; }
.navbar-brand { margin-right: 0; margin-left: 0; font-size: 1.4rem; font-weight: 400; color: var(--blau); font-weight: 400; padding-top: 2rem; padding-bottom: 1rem; }

.navbar .container-navbar { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.navbar .nav-link { font-weight: 700; text-transform: uppercase; margin-right: 1rem; }
.navbar .nav-link:hover { color: #2c2bae; }

.navbar-toggler {
	color: #000;
	font-size: 1.5rem;
	line-height: 1;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	}
	
.fixed-menu {
	  position: fixed;
	  top: 80px;
	  right: 0;
	  left: 0;
	  z-index: 1030;
	}
	
/*-----------------------------------------------------------------------------------*/
/*	NABAR main
/*-----------------------------------------------------------------------------------*/

nav { margin-bottom: 0;  }
nav .info-nav li { font-family: 'Karla', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; color: var(--rot); line-height: 1.1; font-size: 1.5rem; }
nav .Xinfo-nav li {
	color: var(--rot);
	list-style-image: url('data:image/svg+xml,<svg transform="scale(0.9) translate(0, 10)" transform-origin="center" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(220,70,70)" class="" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');/* Use translate(X, Y) to position the SVG up, down, left, and right */
	}
nav .Xinfo-nav li::marker {
	color: var(--rot);
	font-size: 1.25rem;
	line-height: 0.1em;
	}
nav .info-nav li::marker {
	  content: "> ";
	  color: var(--rot);
	 font-size: 1.5rem
	}
nav.info-nav-container { margin-bottom: 3rem;  }

.nav-pills { }
.nav-pills:before { content: "> "; color: var(--rot); font-size: 1.5rem }
.nav-pills li { font-family: 'Karla', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; color: var(--rot); line-height: 1.1; font-size: 1.5rem; }
.nav-pills li a:after { content: " –"; color: var(--rot); font-size: 1.5rem }
.nav-pills li:last-child a:after { content: ""; color: var(--rot); font-size: 1.5rem }

.nav-pills .nav-link {
  font-weight: 500;
  text-transform: none;
  font-family: 'Karla', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; color: var(--rot); line-height: 1.1; font-size: 1.5rem;
  margin-right: 0;
  padding-right: 0; padding-left: 0;
  background-color: #FFF;
}
.nav-pills .nav-link span {
  border-bottom: 1px solid #FFF);
}


.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link {
  color: var(--rot);
  background-color: #FFF;
}
.nav-pills .nav-link.active span, 
.nav-pills .show > .nav-link span {
  border-bottom: 1px solid var(--rot);
}
.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link {
background-color: #FFF;
}
.nav-pills .nav-link:hover:not(.active) { background-color: #FFF; }

.nav-pills .nav-link:hover { color: var(--rot); }
.nav-pills .nav-link:hover span { border-bottom: 1px solid var(--rot); }

footer .nav-pills { }
footer .nav-pills:before { content: ""; }
footer .nav-pills li { font-family: 'Karla', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; color: var(--rot); line-height: 1.1; font-size: 1.0rem; padding: .5rem .5rem .5rem 0; }
footer .nav-pills li:before { content: "> "; color: var(--rot); font-size: 1rem }
footer .nav-pills li a { font-family: 'Karla', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; color: var(--rot); line-height: 1.1; font-size: 1.0rem; padding: .5rem; }
footer .nav-pills li a:after { content: ""; }
footer .nav-pills li:last-child a:after { content: ""; }

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

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

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

body.home header { margin-bottom: 3rem; background-color: #FFF; }
body.category header { margin-bottom: 3rem; background-color: #FFF; }

.frontpage-box { margin-bottom: 4rem; color: var(--blau); }
.frontpage-box .teaser-headine { margin-bottom: 1rem; font-size: 1.1rem; }
.frontpage-box .teaser-headine h3 { font-size: 1.6rem; text-align: center; }
.frontpage-box .teaser-content { color: var(--blau); font-size: 1rem; }

figure { margin-top: 0 !important; }
figure.figure-bg { background-color: #F3F3F3; }
figure.figure-bg { background-color: #FFFFFF; }

.image-description { font-size: 1rem; color: #2c2bae; }

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

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

/*-----------------------------------------------------------------------------------*/
/*	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
/*-----------------------------------------------------------------------------------*/

/* Content Single Number
-------------------------------- */
.modal-header .btn-close {
width: 2rem;
height: 2rem;
color: var(--blau);
background: transparent url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 33 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-806,-359.896)"><clipPath id="_clip1"><rect x="806" y="359.897" width="32.387" height="46.453"/></clipPath><g clip-path="url(%23_clip1)"><path d="M822.192,380.954C822.942,379.851 823.674,378.776 824.404,377.7C828.248,372.049 832.093,366.398 835.933,360.744C836.208,360.337 836.537,360.016 837.035,359.927C837.972,359.757 838.436,360.381 838.369,361.193C838.337,361.591 838.138,361.93 837.916,362.254C836.393,364.491 834.867,366.729 833.343,368.965C830.171,373.618 827,378.272 823.824,382.921C823.719,383.075 823.722,383.174 823.826,383.326C828.505,390.183 833.18,397.042 837.854,403.9C838.083,404.236 838.292,404.58 838.363,404.988C838.435,405.408 838.328,405.787 838.043,406.09C837.793,406.354 837.443,406.381 837.101,406.332C836.612,406.262 836.259,405.982 835.987,405.576C834.749,403.75 833.507,401.928 832.265,400.103C828.955,395.238 825.646,390.371 822.336,385.503C822.294,385.442 822.25,385.382 822.192,385.298C822.139,385.37 822.091,385.431 822.048,385.495C817.779,391.77 813.511,398.046 809.242,404.323C808.931,404.78 808.622,405.239 808.305,405.692C808.077,406.018 807.765,406.231 807.375,406.311C806.422,406.506 805.932,405.868 806.008,405.043C806.045,404.645 806.245,404.307 806.466,403.984C808.18,401.468 809.894,398.953 811.608,396.437C814.59,392.062 817.571,387.687 820.557,383.315C820.657,383.168 820.66,383.076 820.559,382.928C815.867,376.053 811.178,369.177 806.498,362.293C806.289,361.984 806.096,361.625 806.03,361.266C805.866,360.369 806.467,359.666 807.505,359.967C807.913,360.083 808.191,360.368 808.425,360.713C809.813,362.764 811.207,364.809 812.599,366.856C815.748,371.488 818.898,376.119 822.047,380.751C822.089,380.813 822.134,380.873 822.192,380.954" style="fill:rgb(50,62,170);fill-rule:nonzero;"/></g></g></svg>') center/1.5rem auto no-repeat;
	}
.modal-header .btn-close {
	position: absolute;
	right: 1rem; top: 1rem;
	margin: 1rem;
	}

.arrow-up-right {
	/* background-color: #FFFFFF; */
	color: var(--blau);
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain; 
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(50,62,170)" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5"/><path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z"/></svg>');
	/* background-attachment: fixed | scroll; */
	/* background-size: auto | cover | contain | 500px 250px; */
	/* background-position: center | right 30px bottom 15px; */
	/* background-repeat: no-repeat | repeat | repeat-x; */
	/* background-origin: border-box | padding-box | content-box; */
	/* background-clip: border-box | padding-box | content-box; */
	/* background-blend-mode: multiply | screen | overlay; */
	}
.arrow-down {
	/* background-color: #FFFFFF; */
	color: var(--blau);
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain; 
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(50,62,170)" class="bi bi-box-arrow-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.5 10a.5.5 0 0 1-.5-.5v-8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 0 0 1h2A1.5 1.5 0 0 0 14 9.5v-8A1.5 1.5 0 0 0 12.5 0h-9A1.5 1.5 0 0 0 2 1.5v8A1.5 1.5 0 0 0 3.5 11h2a.5.5 0 0 0 0-1z"/><path fill-rule="evenodd" d="M7.646 15.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 14.293V5.5a.5.5 0 0 0-1 0v8.793l-2.146-2.147a.5.5 0 0 0-.708.708z"/></svg>');
	/* background-attachment: fixed | scroll; */
	/* background-size: auto | cover | contain | 500px 250px; */
	/* background-position: center | right 30px bottom 15px; */
	/* background-repeat: no-repeat | repeat | repeat-x; */
	/* background-origin: border-box | padding-box | content-box; */
	/* background-clip: border-box | padding-box | content-box; */
	/* background-blend-mode: multiply | screen | overlay; */
	}

.btn-home {
	width: 2rem;
	height: 2rem;
	color: var(--blau);
	background: transparent url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 33 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-806,-359.896)"><clipPath id="_clip1"><rect x="806" y="359.897" width="32.387" height="46.453"/></clipPath><g clip-path="url(%23_clip1)"><path d="M822.192,380.954C822.942,379.851 823.674,378.776 824.404,377.7C828.248,372.049 832.093,366.398 835.933,360.744C836.208,360.337 836.537,360.016 837.035,359.927C837.972,359.757 838.436,360.381 838.369,361.193C838.337,361.591 838.138,361.93 837.916,362.254C836.393,364.491 834.867,366.729 833.343,368.965C830.171,373.618 827,378.272 823.824,382.921C823.719,383.075 823.722,383.174 823.826,383.326C828.505,390.183 833.18,397.042 837.854,403.9C838.083,404.236 838.292,404.58 838.363,404.988C838.435,405.408 838.328,405.787 838.043,406.09C837.793,406.354 837.443,406.381 837.101,406.332C836.612,406.262 836.259,405.982 835.987,405.576C834.749,403.75 833.507,401.928 832.265,400.103C828.955,395.238 825.646,390.371 822.336,385.503C822.294,385.442 822.25,385.382 822.192,385.298C822.139,385.37 822.091,385.431 822.048,385.495C817.779,391.77 813.511,398.046 809.242,404.323C808.931,404.78 808.622,405.239 808.305,405.692C808.077,406.018 807.765,406.231 807.375,406.311C806.422,406.506 805.932,405.868 806.008,405.043C806.045,404.645 806.245,404.307 806.466,403.984C808.18,401.468 809.894,398.953 811.608,396.437C814.59,392.062 817.571,387.687 820.557,383.315C820.657,383.168 820.66,383.076 820.559,382.928C815.867,376.053 811.178,369.177 806.498,362.293C806.289,361.984 806.096,361.625 806.03,361.266C805.866,360.369 806.467,359.666 807.505,359.967C807.913,360.083 808.191,360.368 808.425,360.713C809.813,362.764 811.207,364.809 812.599,366.856C815.748,371.488 818.898,376.119 822.047,380.751C822.089,380.813 822.134,380.873 822.192,380.954" style="fill:rgb(50,62,170);fill-rule:nonzero;"/></g></g></svg>') center/1.5rem auto no-repeat;
		}
.btn-home {
		position: absolute;
		right: 1rem; top: 1rem;
		margin: 1rem;
		}

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

.page-container { margin-top: 4rem; }
.page-container h2 { font-size: 1.5rem; margin-bottom: 2rem; text-transform: uppercase; }
.page-container h3 { font-size: 1rem; text-transform: uppercase; margin-bottom: 1rem; font-weight: 600; }
.page-container h4 { font-size: 1rem; margin-bottom: 1rem; letter-spacing: 0; }

.info-container .section-row { color: var(--blau); }
.info-container .section-row { margin-bottom: 2rem; }
.info-container { margin-top: 4rem; }
.info-container h2 { font-size: 1.5rem; margin-bottom: 2rem; text-transform: uppercase; }
.info-container h3 { font-size: 1rem; font-family: 'Jost', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; margin-bottom: 1rem; font-weight: 500; color: var(--rot); }
.info-container h4 { font-size: 1rem; font-family: 'Jost', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; margin-bottom: 1rem; font-weight: 500; }

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

.modal-header { height: 120px !important;   }
.modal-header h5 {font-size: 1.4rem; font-weight: 400; color: var(--blau); font-size: 1.2rem;}

.modal-body .teaser-headine h3 {text-align: center; margin-bottom: 1.1rem; }
.modal-body .teaser-content { font-weight: 400; color: var(--blau); font-size: 1.1rem; }

.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
/*-----------------------------------------------------------------------------------*/

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

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

.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 li { font-size: .75rem;  }
footer a { font-size: .75rem;  }
footer address li {  }

/*-----------------------------------------------------------------------------------*/
/*	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) {  
.frontpage-box .teaser-headine h3 { font-size: 2rem; }
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	h1 { font-size: 2.5rem; }
	h2 { font-size: 2.2rem; }
	h3 { font-size: 2.2rem; }
.frontpage-box .teaser-headine h3 { font-size: 2.2rem; }
.frontpage-box .teaser-content { font-size: 1.1rem; }
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.frontpage-box .teaser-headine h3 { font-size: 2.2rem; }
}

/* ClaudeCode 06/08/2026 15:55 - Kategorie-Menue: im Fluss (nicht mehr fixed),
   optisch an .info-nav angeglichen (Karla 500, var(--rot), 1.5rem, "> "-Marker) */
.category-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.25rem;
	justify-content: flex-start; /* col-12 (unter md): linksbuendig */
}
/* ab md (col-6): rechtsbuendig */
@media (min-width: 768px) {
	.category-menu-list { justify-content: flex-end; }
}
.category-menu-link {
	font-family: 'Karla', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: var(--rot);
	line-height: 1.1;
	font-size: 1.5rem;
	text-decoration: none;
}
.category-menu-link span { border-bottom: 1px solid #FFF; }
.category-menu-link::before { content: "> "; }
.category-menu-link:hover span,
.category-menu-link.is-active span { border-bottom: 1px solid var(--rot); }


/* ClaudeCode 06/08/2026 16:15 - h2 im .brand als Home-Button (via template.js) */
.brand-home { cursor: pointer; }