/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/*-----------Hauptfarbe anpassen-----------*/ :root {
	--bs-primary: #000080;
	--bs-hover: #E60073;
	--bs-buttontext: #fff; /*Farbe Buttontext. Auf nötigen Kontrast zur Hintergrundfarbe achten.*/
	--swiper-theme-color: var(--bs-primary) !important;
	--bs-background: #ffffff;
	--bs-fontcolor: #555555;
	--bs-font-sans-serif: "Poppins";
}

body {font-family: 'Poppins';}

/*-----------Burger-Menü – STROKE ÄNDERN! %23 steht für #-----------*/
#header .navbar-light .navbar-toggler-icon, #header.scrolled .navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24' stroke='%23AD0057' /%3E%3C/svg%3E")
}
#header-wrap, #top-bar, body, html {
	background-color: var(--bs-background);
}
body, html, h1, h2, h3, h4, h5, h6, #top-bar .top-links a, #mainnav ul.nav.navbar-nav li.nav-item a.nav-link, #footer ul.listfooter > li > a {
	color: var(--bs-fontcolor);
}
#header.position-fixed {
	top: 0px !important;
}

#top-bar {    max-height: 0;
    height: 0;
    min-height: unset;}


.justify-content-flex-end {justify-content: flex-end;}

.justify-content-space-around {justify-content: space-around;}

/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/poppins-v22-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/poppins-v22-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200 - 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: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/poppins-v22-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200italic - 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: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/poppins-v22-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v22-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/poppins-v22-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/poppins-v22-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v22-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/poppins-v22-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v22-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/poppins-v22-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/poppins-v22-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - 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: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/poppins-v22-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800italic - 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: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/poppins-v22-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/poppins-v22-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/poppins-v22-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/*Mobilmenü: Kompletter Navigationspunt (komplette Breite) klappt Subnavigation aus */
/*@media (max-width: 991px) {
#mainnav .mobile-toggle, #mainnav .mobile-toggle.openmenu {
	width: 100% !important;
	z-index: 2;
    pointer-events: auto;}
	
#mainnav .nav .dropdown-toggle {width: 0px;
    position: absolute;
    z-index: 1;
    pointer-events: none;}
	
}*/

/*-----------Wenn mobil mehr Text verwendet wird, einblenden und height ändern; Bildausschnitt- mit object-position ändern-----------*/

/*@media (max-width:575px){ 
    .header-image .img-fluid {
        height: 600px;
        object-position: -700px;
    }
}*/

#start {top: -1px;}

article {
    margin-bottom: 3.5rem;
}


.header-image .text h2 {margin: auto;}


#header #header-wrap *, #header h1, #header .wie-h1 {margin: auto !important;}
#header h1, #header h1, #header .wie-h1 {padding: 0 12px !important; line-height: 1.2;}


#header .wie-h1 {font-size: 2.75rem; font-weight: 400;}

#header #nav > * {padding: 10px 0;}

#header-wrap {align-items: center;
    display: flex;
height: fit-content;
    padding: 7px 0;}

#start, #start .header-image, #start .row > div {max-height: calc(100vh - 93px);
    overflow: hidden;}

#start h2 {color: #fff;}

#start .header-grafik {    height: 135%;
    max-width: unset;
    transform: translate(-100%, -10%);
    position: absolute;
    top: 0;
    left: calc(100% + 55px);}

#start .row > .text {z-index: 2;}
#start .row > .bild {z-index: 1; overflow:visible; }   


#start .row > .text > * {text-shadow: 2px 2px 4px rgba(0, 0, 0, .75);}


#start .header-image {background-attachment: fixed; background-size:cover; }


@media (min-width: 1200px){
#start .row .zeile1 {text-align: left;}
#start .row .zeile2 {text-align: right;}
#start .row .zeile1, #start .row .zeile2 {display: block;}
}


ul.list-abc, ul.list-ivisible, ul.list-classic {margin-left: 32px;}
ul.list-ivisible {
    list-style: none;
}


ul.list-abc {
	list-style: lower-latin;
}

ul.list-abc li::marker {font-weight: 600;}

ul.list-ivisible > li, ul.list-abc > li, ul.list-classic > li {margin-bottom: 1rem;}

ul.list-ivisible ul, ul.list-abc ul, ul.list-classic ul {margin-top: 1rem;}


hr {
    width: 50%;
    margin: 50px auto;
    color: var(--bs-primary);
    height: 2px !important;
    opacity: 1;
}

#copyrights {background: #fff; border-top: 2px solid var(--bs-primary);}


#header-wrap {border-bottom: 2px solid var(--bs-primary);}

.kasten {
    border: 2px solid var(--bs-primary);
    border-radius: 64px;
	padding: 64px;
margin-bottom: 32px;}

a[href^="mailto:"] {
	background-image: url("../images/mail-icon.svg");}


a[href^="tel:"] {
	background-image: url("../images/tel-icon.svg");}


a[href^="mailto:"],a[href^="tel:"] {
	background-repeat: no-repeat;
	padding-left: 32px;
	background-size: 24px;
	background-position: left center;}


#wrapper .icon-gross {padding: 24px; background-size: contain; margin-right: 15px; margin-top: 30px;}


#nav a[href^="mailto:"] {padding-right: 32px;}


@media (max-width: 991px){
#nav h1 {width: 100%; text-align: center;}	
	#header {height: fit-content;}
	
}


@media (max-width: 991px) and (min-width: 576px) {
  #start {margin-top: 200px;}
}

@media (max-width: 550px){
  #nav h1, #nav .wie-h1 {font-size: 1.25rem;}
}

@media (max-width: 820px) {
#gototop {display: none;}
}


@media (max-width: 768px) {
  #logo  {width: 33vw;}
}