/* ...ability styles -------------------------------------------------- */

/* Beispiel für Bootstrap Package oder gängige Navbar-Logos */

#p1 > div:nth-child(1) {
    display: none !important;
}

body {background-image: url("../Images/bild.jpg"); background-size: cover;}
h1 {font-size: 2em;}
h2 {font-size: 1.2em;}
a {color: black;}

.container {background-color: rgba(255,255,255,0.60); padding: 1em 1em;}
.footer{background-color: transparent;padding: 0;}
.footer .container {padding-top: 0; font-size: 0.8em;}


/* open-sans-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: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/open-sans-v35-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/open-sans-v35-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/open-sans-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/open-sans-v35-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/open-sans-v35-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/open-sans-v35-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/open-sans-v35-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: url('../fonts/open-sans-v35-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/open-sans-v35-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/open-sans-v35-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/open-sans-v35-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
	font-style: italic;
	font-weight: 800;
	src: url('../fonts/open-sans-v35-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
 
/*
body {
	font-family: 'Open Sans';
	background: rgba(245,245,245,1);
}
*/

#page-header {	background-image: url("../../user_upload/Startseite.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center -165px;

}

legend {font-size: 1em;}


/* accessibility*/

a:hover, a:focus {
	text-decoration: underline!important;	
}


/* Schatten*/

.card, h1, .navbar-mainnavigation>.navbar-collapse, .gallery-item, .pagination li, .btn-default, .btn-primary, .navbar-toggler {
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);}

/*navigation*/


.navbar-mainnavigation .nav-link-toggle {display: none;}

.container-mainnavigation {
	padding-right: 0;
}

#mainnavigation a {color: white;}


.navbar-mainnavigation {
	min-height: 140px;
	box-shadow: none;
}

.pagelevel-0 .navbar-mainnavigation {
	box-shadow: none;
}


.navbar-toggler {
	/*background-color: white;*/
	padding: 1em;
	border-radius: 1em;
    background-color: white;
}

.navbar-mainnavigation .navbar-collapse {
	background-color: rgba(32, 90, 90, 0.9);
	margin-top: 0;
	position: absolute;
	z-index: 5002;
}

.navbar-nav {padding-right: 1em;}

.nav-link-toggle {display: none;}


.navbar-transition {
	margin-top: 0px
}



.pagelevel-0 .navbar-transition {
	margin-top: -348px
}


.navbar-brand-image, .navbar-brand-logo-normal, .navbar-brand-logo-inverted  {display: none;}

.pagelevel-0 .navbar-default {
    background: transparent!important;

}
	
a#nav-item-84, h1 {
    font-size: 1.2em;
    letter-spacing: 0.05em;
	margin-right: 2em;
}

/* 230711 */
.dropdown-menu {
	background-color: rgba(32, 108, 108, 0.8);
}

.nav-item .active a {text-decoration: underline;}
.navbar-mainnavigation .navbar-nav>li>.nav-link:before {
	background: transparent;
}

.navbar-mainnavigation .dropdown-item {
	color: black!important;
}

.navbar-mainnavigation .dropdown-item .active {
	background-color: white!important;
	text-decoration: underline!important;
}

.dropdown-item.active, .dropdown-item:active{
	background-color: white!important;
	text-decoration: underline!important;
}

/*Funktionsmenü*/


#funktionsmenue{
	position: fixed; 
	top: 10px; 
	z-index: 9000;
	margin-left: 9em;
	max-height: 3em;
}

#funktionsmenue .icongroup-item-icon {color: #206c6c!important;padding:10px	}
#funktionsmenue .icongroup-item-icon:hover {color: black;}
#funktionsmenue {margin-top: 20px!important; border-radius: 1em; background: rgba(230,230,230,0.9); box-shadow: 2px 2px 5px gray}
#funktionsmenue .icongroup-item {margin-bottom: 0!important; margin-top: 0!important}
#funktionsmenue {top: 0; right: 0; margin-left: 0; width: 60px; max-height:none;}



/*startseite*/


.pagelevel-0 #page-header {background-image: none;}

.pagelevel-0 #carousel-224 {z-index:-1;}


#c302 {margin-top: 3em; }
@media (min-width: 1200px){#c233 {margin-top: -5em; marigin-bottom: -2em;}}
@media (min-width: 768px){.pagelevel-0 .carousel .item {height:400px;}}


/*newsbox*/
.frame-layout-embedded>.frame-group-container>.frame-group-inner {
    border-right: 4px solid rgba(181,0,0,0.8);
    border-radius: 0;
    float: right;
    margin: 0;
    padding: 0.5em;
    font-size: 0.9em;
    font-weight: bold!important;
    text-align: right;
    height: 3em;
    line-height: 1em;
    margin-top: -6em;
}

.frame-layout-embedded>.frame-group-container>.frame-group-inner a{
display: block;
	width: 100%;
		height: 100%;
}

.pagelevel-0 h1 {margin-top:-1.75em;}

.pagelevel-0 .carousel-backgroundimage-container{
	background-position: relative;
}




/*header

@media (min-width: 577px){#page-header {background-position: center -450px;}}
@media (min-width: 992px){#page-header {background-position: center -700px;}}
@media (min-width: 1200px){.container {width:1100px;}
#page-header {background-size:1100px; background-position: center -700px;}
}

@media (min-width: 1400px){.container {width:1280px;}
#page-header {background-size:1280px; background-position: center -475px;}
}*/



#page-header {background-size:100%; background-position: center 93%;}




/*breadcrumb*/

.pagelevel-1 .breadcrumb-section {
	display:none;
}

.breadcrumb-section {
    background-color: white;
    font-size: 0.8em;
	margin-top: 4em;
}

ol>li.breadcrumb-item a {
text-decoration: none;
    padding: 0.2em;
}

/*content*/

#cookieconsent .cc-window {color: black; backgroundcolor: rgba(255,255,255,0.8); box-shadow: 4px 4px 10px rgba(0,0,0,0.3);}

h1 {
	background-color: rgba(181,0,0,0.8);
	color:white;
	width: 17.8em;
	padding:0.5em;
	padding-left: 3.7em;
	text-align: left;
	margin-left: -2em;

}

h2 {font-size: 1.3em; font-weight: bold; color:rgba(32, 90, 90, 0.9) }

.pagelevel-0 #page-content {margin-top: -5em;}

/*card*/

.card {
    border-radius: 0!important;
    border: 1px solid rgba(30,30,30,1);
--bs-card-inner-border-radius: 0;
}

.card-title{
	font-size: 1em;
	font-weight: bold;
	color: black!important;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 2em;
	min-height: 2.5em;
	padding-right: 45px;
	display: block;
	transform: scale(1);
	transition: all 0.3s ease-in-out;
}

.card-title:hover, .card-title:focus{

	transform: scale(1.1);
	color: black!important
}

.card-subtitle {	font-size: 1em;}

   .card-footer a {
background: transparent url(arrow-circle-right.svg) no-repeat right;
    box-shadow: none;
    border: none;
    width: 100%;
    height: 100%;
    display: block;
	padding-right: 50px;
	text-align: right
}


/*tabs*/
.nav-tabs { border-color: rgba(30,30,30,1)}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #303030;
    --bs-nav-tabs-border-radius: 0;
    --bs-nav-tabs-link-hover-border-color: #e9e9e9 #e9e9e9 #ffffff;
    --bs-nav-tabs-link-active-color: black;
    --bs-nav-tabs-link-active-bg: #ffffff;
    --bs-nav-tabs-link-active-border-color: #303030 #303030 #303030;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.tab-pane-content {
	background:rgba(255,255,255,0.8);
	padding: 2em;
	border: 1px solid black;
	border-top: none;
}

.tab-navigation {
    margin-bottom: 0rem;
}

/*footer*/
#page-footer {border-top: 1px solid gray; background-color: transparent!important; }
#page-footer a {text-decoration: none;}

/* ###############################
animationen bilder
####################################
*/



.card-img-top img, .gallery-item a img  {
	width: 100%;
	height: auto;
	transform: scale(1);
	transition: all 0.4s ease-in-out;
}

.card-img-top img:hover, .gallery-item a img:hover, .card-footer a:hover, a.page-link-title:hover {transform: scale(1.1); background-color:transparent; 	transition: all 0.4s ease-in-out;}

#funktionsmenue .icongroup-item-icon:hover {transform: scale(1.3); background-color:transparent; 	transition: all 0.4s ease-in-out;}


/* ###############################
Anpassungen Breakpoints
####################################
*/


@media (min-width: 991px){	
	.navbar-mainnavigation .navbar-collapse {margin-top: 11px; margin-bottom:-35px}
	.pagelevel-0 .navbar-mainnavigation .navbar-collapse {margin-top: 291px; margin-left: 20px;}
	.pagelevel-1 .navbar-mainnavigation .navbar-collapse {margin-top: 31px; margin-left: 1em;}
#c322 {display:none;}
}	

@media (min-width: 836px){.pagelevel-0 h1 {margin-top: -2em;} 
	#funktionsmenue {margin-right: 3em}}

@media (min-width: 576px){.navbar-mainnavigation .navbar-toggler  {left: -1.5em;}
.pagelevel-0 #carousel-224 {margin-top:-140px}
	.pagelevel-1 h1 {margin-top: -37px}
	.pagelevel-0 h1 {margin-top: -34px}}

@media (min-width: 996px){
	.pagelevel-1 h1 {margin-top: -39px}
	.pagelevel-0 h1 {margin-top: -42px}}

@media (min-width: 1200px){a#nav-item-84, h1, pagelevel-0 h2 {font-size: 1.3em; padding-top: 0.5em} .pagelevel-0 .navbar-mainnavigation .navbar-collapse {margin-top: 291px;}
	.pagelevel-1 h1 {margin-top: -42px}
}



@media (min-width: 2000px){
	.pagelevel-0 .navbar-mainnavigation .navbar-collapse {margin-top: 282px;}
	.pagelevel-1 .navbar-mainnavigation .navbar-collapse {margin-top: 22px;}
	.pagelevel-1 h1 {margin-top: -42px}
	.pagelevel-0 h1 {margin-top: -42px}

}

@media (max-width: 360px){
	.pagelevel-0 #c322 {left:45px!important;}
}
	

@media (max-width: 990px){
	.navbar-mainnavigation .dropdown-menu {background-color: rgba(255,255,255,0.8)}
	.navbar-collapse {max-width: 80%; margin-right:50px}
	.pagelevel-0 #page-header {background-image: none;}
	.pagelevel-0 .carousel .carousel-content-inner {max-width: 100%;}
	.pagelevel-0 .carousel .carousel-item {padding: 0;}

	#c302 {margin-top: 7em;}

	#c322 {font-size: 1.2em;   letter-spacing: 0.05em; position: absolute;  z-index: 5000; top: 110px; left: 175px;}	
	.pagelevel-0 #c322 {top: 370px; }	
	#c322 a {color:white; background: rgba(32,108,108,0.8); padding: 0.5em; text-decoration: none;}
	h1, #c322 {font-size: 1em;}
}


@media (max-width: 990px){	h1 {margin-bottom:-38px} .navbar-nav{box-shadow: rgba(50,50,50,0.8) 5px 5px 15px}}


@media (max-width: 575px){
.pagelevel-1 h1 {margin-top: -28px}
#c322 {left:55px; }
.pagelevel-0 #c322 {margin-top: -108px;}
.pagelevel-0 #carousel-224 {margin-top:-220px}
.pagelevel-0 h1 {margin-top: -28px}
h1 {margin-left:0; padding-left: 1em;}
.frame-layout-embedded>.frame-group-container>.frame-group-inner {margin-top: -4em;}
}


@media (max-width: 1999px){
	a#nav-item-84, .pagelevel-0 h1, .pagelevel-0 h2, h1 {font-size: 1.1em;}	

	.navbar-mainnavigation .navbar-collapse {margin-left: 60px;}
a#nav-item-84, h1 {font-size: 1.0em; 	margin-right: 0em;}
}

/*problem nach update*/
.gallery-item img, .gallery-item picture {margin-bottom: -6px;}
.page-item-next span.page-link-title {background: url(arrow-circle-right.svg) no-repeat; color: transparent;}
.page-item-previous span.page-link-title {background: url(arrow-circle-left.svg) no-repeat; color: transparent;}