@charset "UTF-8";
/*!
 * user.css 
 * VAN 2021/10/19
 * Version 1.0.0
 * agimus web gmbh - Vreni Angst
 */
 body {
	background-color: #fff;
	background-image: linear-gradient(#ffffff 0px, #ffffff 400px, #fdc300 400px);
	background-image: -webkit-linear-gradient(#ffffff 0px, #ffffff 400px, #fdc300 400px);
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
	font-size:1.1rem;
	font-style:italic;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
}
h2 {
	font-size:1.6rem;
	font-weight:bold;
	margin-bottom:1.3rem;
}
/*  linie weiss/blau um links bei klick -----*/
a:focus-visible:focus-within {
	outline:0;
}
.site-grid {
	background: url(../images/rahmen_grau.png), linear-gradient(#ffffff 0px, #ffffff 106px, #e5e5e5 106px, #e5e5e5 807px, #fdc300 807px);
	background: url(../images/rahmen_grau.png), -webkit-linear-gradient(#ffffff 0px, #ffffff 106px, #e5e5e5 106px, #e5e5e5 807px, #fdc300 807px);
	background-repeat: no-repeat;
	background-position: calc(0% - -50%) 106px, left;
	background-size: auto, 50% 100%;
}
.grid-child.container-component {
	min-height: 620px;
}
.com-content-article.item-page {
	margin-bottom: 30px;
}
.container-bottom-a > *, .container-bottom-b > *, .container-top-a > *, .container-top-b > *, .card, .card-body {
	border: 0px;
	background:transparent;
	margin:0px;
	padding:0px;
}
.bottom-a p {
	font-size:0.95rem;
}
a:not([class]) {text-decoration: none;}
a			{color:black; text-decoration:none;}
a:hover		{color:black; text-decoration:underline;}
a:active	{color:black; text-decoration:underline;}
a:focus		{color:black; text-decoration:underline;}

.kopf.mobile {
	display: none;
}
.kopf {
	padding: 50px 0;
}
.kopf .flex-item:first-child {
	padding-top:3px;
}
.kopf .flex-item:not(:first-child) {
}
.flex-container {
	display:flex;
	flex-wrap:wrap;
}
.kopf .flex-container {
	justify-content:space-between;
	font-size: 0.85rem;
	font-weight: bold;
	line-height:1.1rem;
}
main .flex-container {
	justify-content:flex-start;
}
main .flex-container > div {
	flex: 1;
}
.stab {
	padding-top: 5px;
	height: 36px;
}
main {
	max-width: 750px;
}
table.adresse td:nth-child(2) {
	padding-left:30px;
}
img.lage {
	border: 2px solid #999;
	margin: -5px 0 0 80px;
}
a.sigplus-image > img {
	width: 60px !important;
	height: 60px !important;
}
/*   seite partner   ------------------------------------- */
.flex-container.partner {
	flex-direction: row;
}
.partner .flex-item {
	display: flex;
  	flex-direction:column;
}
.partner .flex-item p {
	margin-bottom: 7px;
	border: 1px solid #fff;
	padding: 5px;
	width: 160px;
	text-align: center;
	border-radius: 0 0 10px 0;
}
.partner img {
	max-width: 120px;
} 
/*  beginn animation fadeIn elemente firmen seite wer   -----------------  */
.flex-container.partner p {
  opacity: 0;
  margin-top:200px;
  -webkit-animation: fadeIn 0.9s 1;
  animation: fadeIn 0.9s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.flex-container.partner p:nth-child(12n+1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.flex-container.partner p:nth-child(12n+2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.flex-container.partner p:nth-child(12n+3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.flex-container.partner p:nth-child(12n+4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.flex-container.partner p:nth-child(12n+5) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.flex-container.partner p:nth-child(12n+6) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.flex-container.partner p:nth-child(12n+7) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.flex-container.partner p:nth-child(12n+8) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.flex-container.partner p:nth-child(12n+9) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.flex-container.partner p:nth-child(12n+10) {
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
}
.flex-container.partner p:nth-child(12n+11) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.flex-container.partner p:nth-child(12n+12) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
/* Animation steps */
@keyframes fadeIn {
    from { opacity: 0; margin-top:200px}
    to   { opacity: 1; margin-top:0px;}
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; margin-top:200px}
    to   { opacity: 1; margin-top:0px;}
}
/*  ende animation fadeIn elemente firmen seite wer   -----------------  */

/*  sidebar left    -------------------------------- */
.notfall {
	margin-top:50px;
}
table.sirene td {
	vertical-align:top;
}
table.sirene td:nth-child(2) {
	padding: 20px 0px 0 11px;
}

/* accordion plugin inhalt - seitenumbruch - slider ------------------------ */
.accordion-item {
	background-color:transparent;
	border:0;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.accordion-button, .accordion-button:not(.collapsed) {
    font-size: 1.2rem;
    font-weight:bold;
	font-style: italic;
	padding: 15px 0px 5px;
	background-color:transparent;
	border-bottom:1px solid #000;
}
.accordion-body {
    padding: 1rem 1.25rem 0 0;
}

/*  Navigation      -------------------------------- */
ul.mod-menu.mod-list.nav li a {
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing:1px;
	color: black;
	text-decoration: none;
	position:relative;
	padding:14px 0 5px 16px;
	display:block;
	min-width:200px;
}
ul.mod-menu.mod-list.nav li a::after {
	content:"";
	background-image: url('../images/line_black.png');
	background-repeat:no-repeat;
	height:22px;
	margin-top:3px;
	position:absolute;
	top:20px;
	right:0px;
	bottom:0px;
	left:0px;
	opacity:1;
	transition: all 0.5s;
}
ul.mod-menu.mod-list.nav li.current.active a::after, ul.mod-menu.mod-list.nav li:hover a::after {
	opacity:0;
}
ul.mod-menu.mod-list.nav li.current.active a, ul.mod-menu.mod-list.nav li a:hover  {
	background:url(../images/line_white-2.png) no-repeat bottom left;
} 

/* ------------------------------------------------------------------------*/
/*  MEDIA QUERIES  max-width 767px 
---------------------------------------------------------------------------*/
@media (max-width:767px){
.sidebar-left.card.notfall, .kopf.desk {
	display: none;
}
main {
	min-height: 420px;
}
 body {
	background-color: #fff;
	background-image: linear-gradient(#ffffff 0px, #ffffff 50px, #e5e5e5 50px, #e5e5e5 570px, #fdc300 570px);
	background-image: -webkit-linear-gradient(#ffffff 0px, #ffffff 50px, #e5e5e5 50px, #e5e5e5 570px, #fdc300 570px);
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
	font-size:1.1rem;
	font-style:italic;
}

.site-grid {
	background-image: none;
}
.grid-child.container-component {
	min-height: auto;
}
.kopf.mobile {
	display:block;
	padding: 0.75rem 0 1.75rem;
}
td.symbol img {
	margin-right: 20px;
	margin-top: 5px;
}
/*   navigation   -------------------------------------------------------------- */
.container-sidebar-left .sidebar-left:first-child {
	margin-top: 0em;
}
.sidebar-left.card, .sidebar-left.card button {
	position: absolute;
	top: 3px;
	right: 0;
	z-index:1000;
}
.navbar-toggler {
	background-color: transparent;
	border: 0px solid transparent;
	border-radius: .25rem;
	font-size: 2.25rem;
	line-height: 1;
	padding: .25rem .75rem;
	transition: box-shadow .15s ease-in-out;
}
.mod-menu.mod-list.nav {
	background: rgba(166,166,166,0.95);
	margin-top: 40px;
	padding: 20px;
    border-radius:5px;
}

/*  rahmen um burger-button loeschen   */
.navbar-toggler:focus {
	box-shadow: none;
}
/*  icon burger und icon kreuz bei offener und geschlossener navigation   */
button[aria-expanded="false"] > span.icon-menu::before {
	content: "\f0c9";
} 
button[aria-expanded="true"] > span.icon-menu::before {
	content: "\f00d";
}
/* inhalt                       */
.flex-container {
	flex-direction:column;
}
img.lage {
	margin: 20px 0;
}
}