@import url('../fonts/css/opensans.css');
/*-------------------------------------------------------------------------------------------------*/
/* unify-core.css */
/*-------------------------------------------------------------------------------------------------*/
html {
	font-size: 14px;
	}
  
  
@media (min-width: 768px) {
	html {
  		font-size: 15px; }
}

@media (min-width: 992px) {
	html {
  		font-size: 16px; }
}
  
body {
  font-weight: 400;
  font-size: 1rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1.8;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  text-rendering: optimizelegibility;
  background-color: #fff; }

a {
  color: #0079bc;
  outline: none; }

a:focus,
a:hover {
  color: #0079bc; }

.nav-link {
  color: #000 !important; }

.nav-link:focus,
.nav-link:hover {
  color: #555; }

figure {
  margin-bottom: 0; }

/*------------------------------------
  Headings
------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, .h7,
h1, h2, h3, h4, h5, h6 {
  /* line-height: 1.4; */
  line-height: 1.3;
  }

.h7 {
  font-size: .75rem; }

/*------------------------------------
  Displays
------------------------------------*/
.display-5 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.1; }

/*------------------------------------
  Highlight Color
------------------------------------*/
::-moz-selection {
  color: #fff;
  background-color: #0079bc; }

::selection {
  color: #fff;
  background-color: #0079bc; }

.g-bg-primary ::-moz-selection {
  color: #0079bc;
  background-color: #fff; }

.g-bg-primary ::selection {
  color: #0079bc;
  background-color: #fff; }


/*-------------------------------------------------------------------------------------------------*/
/* unify-globals.css */
/*-------------------------------------------------------------------------------------------------*/
/* Primary Colors */
.g-brd-primary {
  border-color: #0079bc !important; }

.g-brd-primary--before::before {
  border-color: #0079bc !important; }

.g-brd-primary--before--active.active::before {
  border-color: #0079bc !important; }

.g-brd-primary--hover:hover, .g-brd-primary--active.active {
  border-color: #0079bc !important; }

.g-brd-primary--active.active,
.active .g-brd-primary--active {
  border-color: #0079bc !important; }

*:hover > .g-brd-primary--hover-parent {
  border-color: #0079bc !important; }

.g-brd-primary-opacity-0_3 {
  border-color: rgba(0, 97, 168, 0.3) !important; }

.g-brd-primary-opacity-0_3--hover:hover, .g-brd-primary-opacity-0_3--active.active {
  border-color: rgba(0, 97, 168, 0.3) !important; }

*:hover > .g-brd-primary-opacity-0_3--hover-parent {
  border-color: rgba(0, 97, 168, 0.3) !important; }



/*------------------------------------
Colors
------------------------------------*/
/* secondary Colors */
.g-bg-secondary {
  background-color: #31bc92 !important; }

.g-bg-secondary--hover:hover {
  background-color: #31bc92 !important; }

.u-block-hover:hover .g-bg-secondary--hover {
  background-color: #31bc92; }

.g-parent:hover .g-bg-secondary--parent-hover {
  background-color: #31bc92 !important; }

.g-bg-secondary--active.active,
.active .g-bg-secondary--active {
  background-color: #31bc92 !important; }

.g-parent.active .g-bg-secondary--parent-active {
  background-color: #31bc92 !important; }

.g-bg-secondary--before::before, .g-bg-secondary--after::after {
  background-color: #31bc92 !important; }

.g-bg-secondary-dark-v1 {
  background-color: #6db82a !important; }

.g-bg-secondary-dark-v2 {
  background-color: #66ab27 !important; }

.g-bg-secondary-dark-v3 {
  background-color: #599722 !important; }

.g-bg-secondary-opacity-0_1 {
  background-color: rgba(49,188,146, 0.1) !important; }

.g-bg-secondary-opacity-0_2 {
  background-color: rgba(49,188,146, 0.2) !important; }

.g-bg-secondary-opacity-0_2--hover:hover {
  background-color: rgba(49,188,146, 0.2) !important; }

.g-bg-secondary-opacity-0_2--hover--after:hover::after {
  background-color: rgba(49,188,146, 0.2) !important; }

.active .g-bg-secondary-opacity-0_2--active {
  background-color: rgba(49,188,146, 0.2) !important; }

.g-bg-secondary-opacity-0_2--before::before, .g-bg-secondary-opacity-0_2--after::after {
  background-color: rgba(49,188,146, 0.2) !important; }

.g-bg-secondary-opacity-0_3 {
  background-color: rgba(49,188,146, 0.3) !important; }

.g-bg-secondary-opacity-0_3--hover:hover {
  background-color: rgba(49,188,146, 0.3) !important; }

.g-bg-secondary-opacity-0_3--hover--after:hover::after {
  background-color: rgba(49,188,146, 0.3) !important; }

.active .g-bg-secondary-opacity-0_3--active {
  background-color: rgba(49,188,146, 0.3) !important; }

.g-bg-secondary-opacity-0_3--before::before, .g-bg-secondary-opacity-0_3--after::after {
  background-color: rgba(49,188,146, 0.3) !important; }

.g-bg-secondary-opacity-0_4 {
  background-color: rgba(49,188,146, 0.4) !important; }

.g-bg-secondary-opacity-0_4--hover:hover {
  background-color: rgba(49,188,146, 0.4) !important; }

.g-bg-secondary-opacity-0_4--hover--after:hover::after {
  background-color: rgba(49,188,146, 0.4) !important; }

.g-bg-secondary-opacity-0_4--after::after {
  background-color: rgba(49,188,146, 0.4) !important; }

.g-bg-secondary-opacity-0_6 {
  background-color: rgba(49,188,146, 0.6) !important; }

.g-bg-secondary-opacity-0_6--hover:hover {
  background-color: rgba(49,188,146, 0.6) !important; }

.g-bg-secondary-opacity-0_6--hover--after:hover::after {
  background-color: rgba(49,188,146, 0.6) !important; }

.g-bg-secondary-opacity-0_6--after::after {
  background-color: rgba(49,188,146, 0.6) !important; }

.g-bg-secondary-opacity-0_8 {
  background-color: rgba(49,188,146, 0.8) !important; }

.g-bg-secondary-opacity-0_8--hover:hover {
  background-color: rgba(49,188,146, 0.8) !important; }

.g-bg-secondary-opacity-0_8--hover--after:hover::after {
  background-color: rgba(49,188,146, 0.8) !important; }

.g-bg-secondary-opacity-0_8--before::after, .g-bg-secondary-opacity-0_8--after::after {
  background-color: rgba(49,188,146, 0.8) !important; }

.g-bg-secondary-opacity-0_8--before--hover:hover::after, .g-bg-secondary-opacity-0_8--after--hover:hover::after {
  background-color: rgba(49,188,146, 0.8) !important; }

.g-bg-secondary-opacity-0_9 {
  background-color: rgba(49,188,146, 0.9) !important; }

.g-bg-secondary-opacity-0_9--hover:hover {
  background-color: rgba(49,188,146, 0.9) !important; }

.g-bg-secondary-opacity-0_9--hover--after:hover::after {
  background-color: rgba(49,188,146, 0.9) !important; }

.g-bg-secondary-opacity-0_9--before::after, .g-bg-secondary-opacity-0_9--after::after {
  background-color: rgba(49,188,146, 0.9) !important; }

.g-bg-secondary-opacity-0_9--before--hover:hover::after, .g-bg-secondary-opacity-0_9--after--hover:hover::after {
  background-color: rgba(49,188,146, 0.9) !important; }



/* secondary Border Colors */ 
.g-brd-secondary {
  border-color: #31bc92 !important; }

.g-brd-secondary--before::before {
  border-color: #31bc92 !important; }

.g-brd-secondary--before--active.active::before {
  border-color: #31bc92 !important; }

.g-brd-secondary--hover:hover, .g-brd-secondary--active.active {
  border-color: #31bc92 !important; }

.g-brd-secondary--active.active,
.active .g-brd-secondary--active {
  border-color: #31bc92 !important; }

*:hover > .g-brd-secondary--hover-parent {
  border-color: #31bc92 !important; }

.g-brd-secondary-opacity-0_3 {
  border-color: rgba(49,188,146, 0.3) !important; }

.g-brd-secondary-opacity-0_3--hover:hover, .g-brd-secondary-opacity-0_3--active.active {
  border-color: rgba(49,188,146, 0.3) !important; }

*:hover > .g-brd-secondary-opacity-0_3--hover-parent {
  border-color: rgba(49,188,146, 0.3) !important; }

.g-brd-secondary-dark-dark-v1 {
  border-color: #6db82a !important; }

.g-brd-secondary-dark-dark-v1--hover:hover, .g-brd-secondary-dark-dark-v1--active.active {
  border-color: #6db82a !important; }

*:hover > .g-brd-secondary-dark-dark-v1--hover-parent {
  border-color: #6db82a !important; }

.g-brd-secondary-dark-dark-v2 {
  border-color: #66ab27 !important; }

.g-brd-secondary-dark-dark-v2--hover:hover, .g-brd-secondary-dark-dark-v2--active.active {
  border-color: #66ab27 !important; }

*:hover > .g-brd-secondary-dark-dark-v2--hover-parent {
  border-color: #66ab27 !important; }

.g-brd-secondary-dark-dark-v3 {
  border-color: #599722 !important; }

.g-brd-secondary-dark-dark-v3--hover:hover, .g-brd-secondary-dark-dark-v3--active.active {
  border-color: #599722 !important; }

*:hover > .g-brd-secondary-dark-dark-v3--hover-parent {
  border-color: #599722 !important; }

.g-brd-bottom-secondary--hover:hover {
  border-bottom-color: #31bc92 !important; }

/* tertiary Colors */
.g-bg-tertiary {
  background-color: #8c45a3 !important; }

.g-bg-tertiary--hover:hover {
  background-color: #8c45a3 !important; }

.u-block-hover:hover .g-bg-tertiary--hover {
  background-color: #8c45a3; }

.g-parent:hover .g-bg-tertiary--parent-hover {
  background-color: #8c45a3 !important; }

.g-bg-tertiary--active.active,
.active .g-bg-tertiary--active {
  background-color: #8c45a3 !important; }

.g-parent.active .g-bg-tertiary--parent-active {
  background-color: #8c45a3 !important; }

.g-bg-tertiary--before::before, .g-bg-tertiary--after::after {
  background-color: #8c45a3 !important; }

.g-bg-tertiary-dark-v1 {
  background-color: #6db82a !important; }

.g-bg-tertiary-dark-v2 {
  background-color: #66ab27 !important; }

.g-bg-tertiary-dark-v3 {
  background-color: #599722 !important; }

.g-bg-tertiary-opacity-0_1 {
  background-color: rgba(140,69,163, 0.1) !important; }

.g-bg-tertiary-opacity-0_2 {
  background-color: rgba(140,69,163, 0.2) !important; }

.g-bg-tertiary-opacity-0_2--hover:hover {
  background-color: rgba(140,69,163, 0.2) !important; }

.g-bg-tertiary-opacity-0_2--hover--after:hover::after {
  background-color: rgba(140,69,163, 0.2) !important; }

.active .g-bg-tertiary-opacity-0_2--active {
  background-color: rgba(140,69,163, 0.2) !important; }

.g-bg-tertiary-opacity-0_2--before::before, .g-bg-tertiary-opacity-0_2--after::after {
  background-color: rgba(140,69,163, 0.2) !important; }

.g-bg-tertiary-opacity-0_3 {
  background-color: rgba(140,69,163, 0.3) !important; }

.g-bg-tertiary-opacity-0_3--hover:hover {
  background-color: rgba(140,69,163, 0.3) !important; }

.g-bg-tertiary-opacity-0_3--hover--after:hover::after {
  background-color: rgba(140,69,163, 0.3) !important; }

.active .g-bg-tertiary-opacity-0_3--active {
  background-color: rgba(140,69,163, 0.3) !important; }

.g-bg-tertiary-opacity-0_3--before::before, .g-bg-tertiary-opacity-0_3--after::after {
  background-color: rgba(140,69,163, 0.3) !important; }

.g-bg-tertiary-opacity-0_4 {
  background-color: rgba(140,69,163, 0.4) !important; }

.g-bg-tertiary-opacity-0_4--hover:hover {
  background-color: rgba(140,69,163, 0.4) !important; }

.g-bg-tertiary-opacity-0_4--hover--after:hover::after {
  background-color: rgba(140,69,163, 0.4) !important; }

.g-bg-tertiary-opacity-0_4--after::after {
  background-color: rgba(140,69,163, 0.4) !important; }

.g-bg-tertiary-opacity-0_6 {
  background-color: rgba(140,69,163, 0.6) !important; }

.g-bg-tertiary-opacity-0_6--hover:hover {
  background-color: rgba(140,69,163, 0.6) !important; }

.g-bg-tertiary-opacity-0_6--hover--after:hover::after {
  background-color: rgba(140,69,163, 0.6) !important; }

.g-bg-tertiary-opacity-0_6--after::after {
  background-color: rgba(140,69,163, 0.6) !important; }

.g-bg-tertiary-opacity-0_8 {
  background-color: rgba(140,69,163, 0.8) !important; }

.g-bg-tertiary-opacity-0_8--hover:hover {
  background-color: rgba(140,69,163, 0.8) !important; }

.g-bg-tertiary-opacity-0_8--hover--after:hover::after {
  background-color: rgba(140,69,163, 0.8) !important; }

.g-bg-tertiary-opacity-0_8--before::after, .g-bg-tertiary-opacity-0_8--after::after {
  background-color: rgba(140,69,163, 0.8) !important; }

.g-bg-tertiary-opacity-0_8--before--hover:hover::after, .g-bg-tertiary-opacity-0_8--after--hover:hover::after {
  background-color: rgba(140,69,163, 0.8) !important; }

.g-bg-tertiary-opacity-0_9 {
  background-color: rgba(140,69,163, 0.9) !important; }

.g-bg-tertiary-opacity-0_9--hover:hover {
  background-color: rgba(140,69,163, 0.9) !important; }

.g-bg-tertiary-opacity-0_9--hover--after:hover::after {
  background-color: rgba(140,69,163, 0.9) !important; }

.g-bg-tertiary-opacity-0_9--before::after, .g-bg-tertiary-opacity-0_9--after::after {
  background-color: rgba(140,69,163, 0.9) !important; }

.g-bg-tertiary-opacity-0_9--before--hover:hover::after, .g-bg-tertiary-opacity-0_9--after--hover:hover::after {
  background-color: rgba(140,69,163, 0.9) !important; }



/* tertiary Border Colors */ 
.g-brd-tertiary {
  border-color: #8c45a3 !important; }

.g-brd-tertiary--before::before {
  border-color: #8c45a3 !important; }

.g-brd-tertiary--before--active.active::before {
  border-color: #8c45a3 !important; }

.g-brd-tertiary--hover:hover, .g-brd-tertiary--active.active {
  border-color: #8c45a3 !important; }

.g-brd-tertiary--active.active,
.active .g-brd-tertiary--active {
  border-color: #8c45a3 !important; }

*:hover > .g-brd-tertiary--hover-parent {
  border-color: #8c45a3 !important; }

.g-brd-tertiary-opacity-0_3 {
  border-color: rgba(140,69,163, 0.3) !important; }

.g-brd-tertiary-opacity-0_3--hover:hover, .g-brd-tertiary-opacity-0_3--active.active {
  border-color: rgba(140,69,163, 0.3) !important; }

*:hover > .g-brd-tertiary-opacity-0_3--hover-parent {
  border-color: rgba(140,69,163, 0.3) !important; }

.g-brd-tertiary-dark-dark-v1 {
  border-color: #6db82a !important; }

.g-brd-tertiary-dark-dark-v1--hover:hover, .g-brd-tertiary-dark-dark-v1--active.active {
  border-color: #6db82a !important; }

*:hover > .g-brd-tertiary-dark-dark-v1--hover-parent {
  border-color: #6db82a !important; }

.g-brd-tertiary-dark-dark-v2 {
  border-color: #66ab27 !important; }

.g-brd-tertiary-dark-dark-v2--hover:hover, .g-brd-tertiary-dark-dark-v2--active.active {
  border-color: #66ab27 !important; }

*:hover > .g-brd-tertiary-dark-dark-v2--hover-parent {
  border-color: #66ab27 !important; }

.g-brd-tertiary-dark-dark-v3 {
  border-color: #599722 !important; }

.g-brd-tertiary-dark-dark-v3--hover:hover, .g-brd-tertiary-dark-dark-v3--active.active {
  border-color: #599722 !important; }

*:hover > .g-brd-tertiary-dark-dark-v3--hover-parent {
  border-color: #599722 !important; }

.g-brd-bottom-tertiary--hover:hover {
  border-bottom-color: #8c45a3 !important; }

/*-------------------------------------------------------------------------------------------------*/
/* misc */
/*-------------------------------------------------------------------------------------------------*/
.main-content-container {
	margin-top:10px;
	}
	
	
.btn-zhref {
	background:#0055a1;
	border-color:#0055a1;
	color:#fff;
	}
	
.btn-zhref:hover {
	background:#0079bc;
	border-color:#0079bc;
	color:#fff;
	}

.btn-zhref_red{
	background:#a8000d;
	border-color:#a8000d;
	color:#fff;
	}


.btn-zhref_red:hover{
	background:#b31f2a;
	border-color:#fff;
	color:#fff;
	}


.g-bg-zhref {
	background-color:#0079bc !important;
	}

.footer__nav-links li a{
	color:#fff;
	}



.box-roundend {
	background-image: linear-gradient(45deg, #009dca, #619f31);
	background-image: linear-gradient(45deg, #0079bc , #0079bc );
	border-bottom-right-radius: 115px;
	padding: 20px 20px 55px 20px;
	width: 100%;
	}


.cursor-is-pointer:hover {
	cursor:pointer;
	}


.zhref-full-img img {
	width:100% !important;
	}



/*-------------------------------------------------------------------------------------------------*/
/* channelimg-top */
/*-------------------------------------------------------------------------------------------------*/
.channelimg-top {
	width:100%;
	}


/*-------------------------------------------------------------------------------------------------*/
/* parallax */
/*-------------------------------------------------------------------------------------------------*/
.dzsparallaxer .zhref-txt-color-blau .g-color-black {
	color:#0079bc !important;
	}

.dzsparallaxer .zhref-txt-color-blau .g-color-black-opacity-0_8 {
	color:#0079bc !important;
	}

.dzsparallaxer .zhref-txt-color-gruen .g-color-black {
	color:#31bc92 !important;
	}

.dzsparallaxer .zhref-txt-color-gruen .g-color-black-opacity-0_8 {
	color:#5ac9a8 !important;
	}

.dzsparallaxer .zhref-txt-color-lila .g-color-black {
	color:#8c45a3 !important;
	}

.dzsparallaxer .zhref-txt-color-lila .g-color-black-opacity-0_8 {
	color:#a36ab5 !important;
	}

.dzsparallaxer .zhref-txt-color-weiss .g-color-black {
	color:#fff !important;
	}

.dzsparallaxer .zhref-txt-color-weiss .g-color-black-opacity-0_8 {
	color:#f3f3f3 !important;
	}


/*-------------------------------------------------------------------------------------------------*/
/* title-description-container */
/*-------------------------------------------------------------------------------------------------*/
.title-description-container {
	/* margin-top: 8.07143rem !important;  g-mt-.. */
	}

body#root .title-description-container p {
	display:none !important; /* g-mt-.. */
	}

/*-------------------------------------------------------------------------------------------------*/
/*  breadcrumb-section */
/*-------------------------------------------------------------------------------------------------*/
.breadcrumb-section {
	 margin-top: 0.0rem !important; /**/ /* g-mt-.. */
	}

.breadcrumb-section .list-inline-item {
	font-size:0.8rem !important;
	}

.breadcrumb-section .list-inline-item:last-child i {
	display:none;
	}



/*-------------------------------------------------------------------------------------------------*/
/* navbar-nav */
/*-------------------------------------------------------------------------------------------------*/

#zhrefnav li a.active, #zhrefnav li>a:hover, #zhrefnav li.active>a:hover  {
	/* color:#0079bc !important; */
	}

.hs-sub-menu li a.active {
	color:#0079bc !important;
	}

.navbar-brand img {
	width:180px;
	margin-left:15px;
	}

.navbar-toggler {
	right: 0.35714rem !important;
	}



@media (min-width: 768px) {
	.navbar-brand img {
		width:220px;
	}
	
	.navbar-toggler {
		right: 0.65714rem !important;
	}
}




@media (min-width: 992px) {
	.navbar-brand img {
		width:240px;
		margin-left:0px;
	}
	
	#zhrefnav ul ul{
		display:none !important;
  		}
  	
	#zhrefnav .nav-item.hs-has-sub-menu > a::after, #zhrefnav ul .nav-item.hs-has-sub-menu > a::after {
		display:none !important; 
		}

	.navbar .u-main-nav-v1 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v1 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v1 .nav-item.dropdown > a, .navbar .u-main-nav-v2 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v2 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v2 .nav-item.dropdown > a, .navbar .u-main-nav-v3 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v3 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v3 .nav-item.dropdown > a, .navbar .u-main-nav-v4 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v4 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v4 .nav-item.dropdown > a, .navbar .u-main-nav-v5 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v5 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v5 .nav-item.dropdown > a, .navbar .u-main-nav-v6 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v6 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v6 .nav-item.dropdown > a, .navbar .u-main-nav-v7 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v7 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v7 .nav-item.dropdown > a, .navbar .u-main-nav-v8 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v8 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v8 .nav-item.dropdown > a, .navbar .u-main-nav-v9 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v9 .nav-item.hs-has-mega-menu > a {
		position: relative;
		z-index: 1;
		padding-right: 0.42857rem;
		}

	.navbar .u-main-nav-v1 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v1 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v1 .nav-item.dropdown > a::after, .navbar .u-main-nav-v2 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v2 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v2 .nav-item.dropdown > a::after, .navbar .u-main-nav-v3 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v3 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v3 .nav-item.dropdown > a::after, .navbar .u-main-nav-v4 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v4 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v4 .nav-item.dropdown > a::after, .navbar .u-main-nav-v5 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v5 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v5 .nav-item.dropdown > a::after, .navbar .u-main-nav-v6 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v6 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v6 .nav-item.dropdown > a::after, .navbar .u-main-nav-v7 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v7 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v7 .nav-item.dropdown > a::after, .navbar .u-main-nav-v8 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v8 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v8 .nav-item.dropdown > a::after, .navbar .u-main-nav-v9 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v9 .nav-item.hs-has-mega-menu > a::after {
		content: "\e900";
		font-family: "hs-icons";
		font-weight: inherit;
		line-height: 1;
		position: absolute;
		top: 50%;
		right: 0.07143rem;
		transform: translate3d(0, -50%, 0);
		}

	.nav-link  {
		font-size:0.8125rem;
		letter-spacing:0.05rem;
		padding-right:0px !important;
		}
	
	.hs-sub-menu li {
		}
	
	.hs-sub-menu li:hover {
		}
	
	.hs-sub-menu li:hover a {
		}
	
	.hs-sub-menu li  {
		font-size:0.8125rem !important;
		}
	
	.hs-sub-menu .nav-link:hover, .hs-sub-menu .nav-link:hover *  {
		}
	
	.hs-has-sub-menu a::after {
			display:none !important; 
		}
}


@media (min-width: 1200px) {  
	.navbar-brand img {
		width:360px;
	}
}

/*-------------------------------------------------------------------------------------------------*/
/* footer */
/*-------------------------------------------------------------------------------------------------*/
#contacts-section *, footer *, footer .g-font-size-default, .footer__nav-links {
	font-size:14px !important;
	}

#contacts-section .footer-text-wrapper i.fa {
	font-size:1.7rem !important;
 	}

/*-------------------------------------------------------------------------------------------------*/
/* toc index (cards) */
/*-------------------------------------------------------------------------------------------------*/
.toc-row .card:hover {
	cursor:pointer;
	}

.toc-row .card:hover {
	background:#efefef;
	color:#000;
	}

.toc-row .card .btn-zhref {
	background:#8fb5d5;
	color:#fff;
	border-color:#8fb5d5 !important;
	}


.toc-row .card:hover .btn-zhref {
	background:#0055a1;
	color:#fff;
	border-color:#8fb5d5 !important;
	}
	
.toc-row .card:hover .btn-zhref:hover {
	background:#0055a1;
	color:#fff;
	border-color:#fff !important;
	}	
	

/*-------------------------------------------------------------------------------------------------*/
/* slick page slider  */
/*-------------------------------------------------------------------------------------------------*/
.zhref-page-slider {
	margin-top:30px; /* hack */
	border:0px solid red;
	width: 100%;
	max-height:420px;
	overflow:hidden;
	}

.zhref-page-slider img {
	width:100%;
	}

.zhref-page-slider-item, .zhref-page-slider-container {
	position:relative;
	}

.zhref-page-slider-item-txt {
	position:absolute;
	top:220px;
	left:15px;
	padding:10px;
	background:rgba(255, 255, 255, 0.9);
	}




/*-------------------------------------------------------------------------------------------------*/
/* customize bs cartousel  */
/*-------------------------------------------------------------------------------------------------*/

/* base class */
.carousel {
	--margin-bottom: 4rem;
	}
	
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	bottom: 3rem;
	z-index: 10;
	}
	
/* Declare heights because of positioning of img element */
.carousel-item {
	height: 32rem;
	background-size:cover;
	}

.carousel-item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 32rem;
	}

.carousel h1 {
	text-shadow: 0 0 3rem black;
	}



/*-------------------------------------------------------------------------------------------------*/
/* left content navigation */
/*-------------------------------------------------------------------------------------------------*/
#sidebarnavwrapper ul.sidebar-nav  {
	margin-top:0.8rem;
	padding:0px;
	list-style-type:none;
	}

#sidebarnavwrapper ul.sidebar-nav li {
	border-bottom:1px solid #eeeeee;
	}

#sidebarnavwrapper ul.sidebar-nav li {
	margin-left:0px !important;
	padding:12px  0px;
	}

#sidebarnavwrapper ul.sidebar-nav li.current, #sidebarnavwrapper ul.sidebar-nav li:hover {
	background-color: #fff;
	}

#sidebarnavwrapper ul.sidebar-nav li a {
	color: #555555;
	}

#sidebarnavwrapper ul.sidebar-nav li a:hover, #sidebarnavwrapper ul.sidebar-nav li a.active {
	text-decoration: none;
	color:#0079bc;
	}


#sidebarnav ul {
	list-style-type:none;
	padding-left:10px;
	}

#sidebarnav ul li{
	padding:0px 0px 0px 0px !important;
	border-bottom:0px !important;
	}

#sidebarnav ul li *{
	}


/*-------------------------------------------------------------------------------------------------*/
/* imgtextbox */
/*-------------------------------------------------------------------------------------------------*/
body.web .img-txt-wrapper {
	background:#0079bc;
	}

body.web img.img-txt-img {
	width:100%;
	}

body.web .img-text-txt {
	margin:15px 15px 15px 15px;
	color:#fff;
	}

body.web .img-text-txt h2{
	font-size:2rem;
	line-height:2.1rem;
	}

body.web .img-text-txt h3{
	font-size:1.9rem;
	line-height:2.1rem;
	}

body.web .img-text-txt p{
	font-size:1rem;
	line-height:1.4rem;
	}

body.web .btn-zhref-trans {
	background:transparent;
	border-color:#fff;
	}
	
body.web .btn-zhref-trans:hover {
	background:#005889;
	border-color:#fff;
	}		

@media (min-width: 992px) {
	body.web .img-text-txt {
		margin:15px 15px 15px 0px;
	}
}

/*-------------------------------------------------------------------------------------------------*/
/* tiles */
/*-------------------------------------------------------------------------------------------------*/
.card {
	border-radius:0px !important;
	border:0px solid #fff !important;
	}

.card-img-caption, .card-img-caption img {
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px);
	border-radius:0px !important;
	}

.card-img-caption .card-img-top {
	position:relative;
	z-index: 0;
	opacity: 0.95;
	filter: alpha(opacity=95); /* For IE8 and earlier */
	}

.card-img-caption .card-img-top:hover {
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	}

.card-img-caption .card-text {
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	color:#fff;
	font-size: 1.1rem !important;
	line-height:1.2rem;
	font-weight:400;
	}


@media (min-width: 768px) {
	.card-img-caption .card-text {
		font-size: 1.75rem !important;
		line-height:1.8rem;
	}
}


/*-------------------------------------------------------------------------------------------------*/
/* cols */
/*-------------------------------------------------------------------------------------------------*/

.cols-container{
	background:#0079bc;
	color:#fff;
	}


.cols-container .ZMSGraphic, .cols-container *  {
	margin-top:0px !important;
	margin-bottom:0px !important;
	}


.cols-container .col-content h5 {
	font-weight:500;
	}

.cols-container .col-content h5 + p{
	margin-top:-0.5rem;
	}

/*-------------------------------------------------------------------------------------------------*/
/* hero */
/*-------------------------------------------------------------------------------------------------*/
.g-bg-zhref-opacity-0_9--after {
	background-color: rgba(0, 97, 168, 0.9) !important; 
	}


/*-------------------------------------------------------------------------------------------------*/
/* callto */
/*-------------------------------------------------------------------------------------------------*/
.callto-bg-blue {
	background:#0079bc;
	}

.callto-bg-blue *{
	color:#fff;
	}

.callto-bg-green {
	background:#31bc92;
	}

.callto-bg-green *{
	color:#fff;
	}

.callto-bg-green .btn{
	color:#fff;
	}

.callto-bg-purple {
	background:#8c45a3;
	}

.callto-bg-purple *{
	color:#fff;
	}

.callto-bg-purple .btn{
	color:#fff;
	}

.callto-bg-grey {
	background:#eaeaea;
	}

.callto-bg-grey *{
	color:#000;
	}

.callto-bg-grey .btn{
	color:#fff;
	}

.callto-btn, .callto-btn:visited, .callto-btn:focus{
	color:#fff;
	background:#0079bc;
	}
.callto-btn:hover{
	color:#0079bc;
	background:#fff;
	border-color:#0079bc;
	}


/*-------------------------------------------------------------------------------------------------*/
/* agenda */
/*-------------------------------------------------------------------------------------------------*/

/* fullcalendar */
.fc-content:hover {
	cursor:pointer;
	}
/*-------------------------------------------------------------------------------------------------*/
/* zmsagenda - calendar */
/*-------------------------------------------------------------------------------------------------*/
.event-title {
	font-size: 24px;
	color: #629CDB;
	font-weight: bold;
	}

/* displayEvents */
#calendar {
	margin:30px 0px 30px 0px;
	}

#calendar .fc-content, #calendar .fc-content .fc-time {
	font-size:11px;
	font-weight:normal;
	}

.events-search-form-wrapper {
	margin:0px 0px 30px 0px;
	padding:0px;
	}

.searchitem-wrapper {
	clear:both;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #cccccc;
	}

.searchitem-title {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:1.0rem;
	font-weight:bold;
	color:#323232;
	}

.searchitem-date {
	margin:0px 0px 3px 0px;
	padding:0px;
	}
	
.searchitem-location-name {
	margin:0px 0px 3px 0px;
	padding:0px;
	}

.searchitem-ref-more {
	margin:0px;
	padding:0px 3px 0px 0px;
	}
	
/* Hack http://stackoverflow.com/questions/2732132/hide-start-time-in-fullcalendar */
.fc-view-month .fc-event-time, .fc-time{
    /* display : none; */
	}
	
/* batchCurrent */
.batch-current-wrapper .table  {
	width:100%;
	}

.batch-current-wrapper .table tr th {
	padding:3px;
	background-color:#1E5D92 ;
	color:#fff;
	}
	
.table-striped tr td {
	padding:3px;
	vertical-align:top !important;
	}

.table-striped tr td a:hover{
	color:#6bad31
	}

.tr-even {
	background:#f1f1f1;
	}

.tr-odd{
	background:#e6e6e6;
	}

/* displayEvent */
.display-event-item-wrapper {
	margin:0px;
	padding:0px;
	}

span.event-hint {
	display:block;
	font-weight:bold;
	}

h2.event-title {
	margin:10px 0px 0px 0px;
	font-family: Arial;
	font-size: 24px;
	color: #629CDB;
	font-weight: bold;
	}

div.event-img-wrapper {
	margin:15px 0px 15px 0px;
	padding:0px;
	}

p.event-date {
	margin:0px;
	padding:0px;
	}

div.event-location-wrapper {
	margin:15px 0px 0px 0px;
	padding:0px;
	}

p.event-location-name {
	margin:0px;
	padding:0px;
	}

p.event-location-address {
	margin:0px;
	padding:0px;
	}
	

p.event-description {
	margin:15px 0px 0px 0px;
	padding:0px;
	}

p.event-location-id {
	}

div.keyword-wrapper {
	margin:15px 0px 0px 0px;
	padding:0px;
	}

span.hint-keywords {
	padding:0px;
	}	

div.targetgroup-wrapper {
	margin:15px 0px 0px 0px;
	padding:0px;
	}

span.hint-target-group {
	padding:0px;
	}

div.event-contact-wrapper, div.event-device-wrapper {
	margin:15px 0px 0px 0px;
	padding:0px;
	}

span.hint-contact {
	padding:0px;
	}


/* pageelement_TeaserCalendarGrid */
table#calGrid table.days td {
	text-align:center;
	}
td.dateToday {
	background-color:#497da7 !important;
	color:#fff;
	}

td.dateToday a:link, td.dateToday a:visited{
	color:#fff;
	}

div.calgridtable-wrapper {
	}

div#calGrid {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	}


table.calMonthNav {
	width:100%;
	}

td.calPMonth {
	text-align:left;
	}

td.curCalMonth {
	text-align:center;
	}

td.calNMonth {
	text-align:right;
	}

table#calGrid {
	width:100%;
	margin:0px;
	padding:0px;
	background:#fff;
	}

p.weekDaysWrapper {
	width:100%;
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
	}

table.days {
	width:100%;
	margin:4px 0px 16px 0px !important;
	padding:0px;

	}

tr.dayNames td {
	font-size:12px !important;
	color:#000;
	font-weight:bold;
	border-right:4px solid #fff;
	}
	
tr.dayNames td.daynameToday {
	color:#497da7;
	}
	
table.dayDigits {
	width:100%;
	margin:-10px 0px 0px 0px !important;
	padding:0px !important;
	color:#333;
	background:#fff;
	}

table.dayDigits tr td {
	color:#333;
	background:#fff;
	text-align:center !important;
	font-size:12px !important;
	line-height:20px;
	background:#f8f7f6;
	}

table.dayDigits tr td.dateToday {
	font-weight:bold;
	color:#000;
	}
	
.close-all-day-activities-wrapper {
	text-align:right;
	}
  
.close-all-day-activities-wrapper:hover {
	cursor:pointer;
	}

.activity-event-title {
	margin:10px 0px 0px 0px;
	padding:0px;
	font-weight:700;
	}

.activity-event-date {
	margin:0px 0px 0px 0px;
	padding:0px;
	}

.activity-event-description {
	margin:5px 0px 0px 0px;
	padding:0px;
	}

p.activity-event-start-end {
	margin:0px 0px 5px 0px;
	padding:0px;
	}

.activity-event-ref-more {
	margin:0px 0px 0px 0px;
	padding:0px;
	}

/*-------------------------------------------------------------------------------------------------*/
/* Termine gefiltert - calendar */
/*-------------------------------------------------------------------------------------------------*/
/* displayNav */
#calNav {
        margin:0px 20px 0px -5px;
      }
 
ul#cMonths li a:link, ul#cMonths li a:visited, .cal-overview-nav, .cal-overview-year{
	font-size:100% !important;
	font-weight:normal;
	}

ul#cMonths li a:hover, ul#cMonths li a:active, .cal-overview-nav:hover {
	text-decoration:none;
	}

ul#cMonths  {
	list-style-type:none;
	margin:0px 0px 30px 0px!important;
	padding:0px;
	width:100% !important;
	background:#fff !important;
	border:0px solid red;
	min-height:20px;
	}
	
ul#cMonths  li{
	float:left;
	margin:0px 0px 0px 10px;
	}
	
.event-overview-year-nav {
	text-align:right;
	}
	
.disabled-element {
	font-size:125% !important;
	font-weight:bold;
	color:#aab3be;
	}

.monthActive {
	color:#7f9bb4;
	border-bottom: 1px dotted #7f9bb4;
	}
	
.events-filteritems-wrapper {
	margin:0px 20px 0px 0px;
	}


.calendar-filter-modal .modal-footer {
	text-align:left;
	}

.display-event-item-wrapper i.fas {
	color:#999;
	}


/*-------------------------------------------------------------------------------------------------*/
/* text formats */
/*-------------------------------------------------------------------------------------------------*/
h1.doc-title {
	margin-bottom: 1.78571rem !important; 
	line-height:2.9rem !important; /* g-mt -- */
	}

h1.doc-title:after {
	display: block;
	content: '';
	width: 100px;
	height: 2px;
	margin-top: 15px;
	margin-left: 0px;
	background-color: #0079bc;
	}

h1.doc-title, .doc-description {
	/*  max-width:767px; */
	}

h2.zhref-h2-blue-bg {
	color:#fff !important;
	}

.blue-txt {
	color:#0079bc;
	}

.devdummy_main-content-col a {
	padding: 3px; border-radius: 0px;
	color: rgba(0,54,62,0.9); background-color: rgba(54,58,107,0.1);
	-webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease;
	background-size: 100% 200%; background-position: 0 -100%; background-image: linear-gradient(to top, transparent 50%, rgba(54,58,107,1.0) 50%);
	}
.devdummy_main-content-col a:hover { color: #fff; background-position: 0 0; }


.hide-title, .hide-doc-description {
	display:none;
	}

/*-------------------------------------------------------------------------------------------------*/
/* masonry (kacheln) */
/*-------------------------------------------------------------------------------------------------*/
.masonry-grid-item article ul.list-inline {
	margin:0;
	}

.masonry-grid-item article ul.list-inline li,
.masonry-grid-item article ul.list-inline li a {
	width: 100%;
	margin:0 !important;
	}

.masonry-grid-item article ul.list-inline li a {
	margin:1rem 0 0 0 !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	}

.masonry-grid-item article.u-shadow-v21 {
	box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.35);
	}

.masonry-grid-item article div.col-md-6 {
	box-shadow: 0 -1px 15px -8px rgba(0,0,0,.5);
	}

.masonry-grid-item h2 {
	overflow:hidden;
	text-overflow:ellipsis;
	}


/*-------------------------------------------------------------------------------------------------*/
/* TreeJS styling - sitem */
/*-------------------------------------------------------------------------------------------------*/
.treeview,
.treeview ul {
	list-style-type: none;
	overflow: hidden;
	margin:0px;
	padding:0px;
	}

.treeview li {
	text-indent: 0%;
	margin-top: 0.2em;
	padding: 0.05em 0 0.05em 1.45em;
	line-height: 123x;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position:0px 3px;
	}

.treeview li.contains-items { background-image: url('/unify_zhref/common/img/arrow-left.png'); }
.treeview li.items-expanded { background-image: url('/unify_zhref/common/img/arrow-down.png'); }
.treeview>li:hover { cursor: pointer; }
.treeview span:hover { background-color: rgba(246, 246, 246, 0.7); }


/*-------------------------------------------------------------------------------------------------*/
/* zmsfile */
/*-------------------------------------------------------------------------------------------------*/
div.ZMSFile, div.ZMSLinkElement { 
	margin:1.0em 0em 0.5em 0em;
	line-height:1.5em;
	border-bottom:0px solid rgba(0, 9, 9, 0.1);
	font-size:100%;
	background:#f7f7f7;
	padding:16px 10px 9px 15px;
	}

div.ZMSFile:hover, div.ZMSLinkElement:hover { 
	background:#f7f7f7;
	}

div.ZMSFile.none, div.ZMSLinkElement.none {
	background-color: transparent;
	}

div.ZMSFile.floatleft, div.ZMSLinkElement.floatleft { 
	float:left;
	width:50%
	}

div.ZMSFile.floatright, div.ZMSLinkElement.floatright { 
	float:right;
	width:50%
	}

div.ZMSFile div.title, div.ZMSLinkElement div.title {
	font-size:1.0rem !important;
	margin-bottom:0.4rem;
	}

div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited {
	text-decoration:none;
	font-weight:normal !important;
	}

div.ZMSFile div.title span, div.ZMSLinkElement div.title span{
	font-size:0.9rem !important;
	margin-bottom:0.4rem;
	}

div.ZMSFile div.title a:hover, div.ZMSFile div.title a:active, div.ZMSLinkElement div.title a:hover, div.ZMSLinkElement div.title a:active {
	
	}

div.ZMSFile div.title img {
	display:none;
	}

.ZMSFile .title a:after {
	padding:0px 2px 0px 5px;
	font-family: "FontAwesome";
	content: "\f019";
	}


div.ZMSLinkElement .title a:after {
	padding:0px 2px 0px 10px;
	font-family: "FontAwesome";
	content: "\f0c1";
	}

div.ZMSLinkElement div.title img {
	
	}
	
div.ZMSFile div.text, div.ZMSLinkElement div.text {
	}

div.ZMSFile div.description, div.ZMSLinkElement div.description {
		margin-top:5px !important;
	}

div.ZMSFile div.title,
div.ZMSFile div.title a:link, 
div.ZMSFile div.title a:visited,
div.ZMSFile div.text,  
div.ZMSFile div.description, 
div.ZMSLinkElement div.title,
div.ZMSLinkElement div.title a:link, 
div.ZMSLinkElement div.title a:visited,
div.ZMSLinkElement div.text,
div.ZMSLinkElement div.description  {
		}
	
div.ZMSFile:hover, div.ZMSLinkElement:hover { 
	background:#0079bc;
	}


div.ZMSFile:hover, div.ZMSLinkElement:hover *{ 
	color:#fff !important;
	}

.ZMSFile a , .ZMSLinkElement a {
	color:#000;
	}
	
div.ZMSFile:hover a, div.ZMSLinkElement:hover a{
 	color:#fff;
 	
	}

div.ZMSFile a:hover, div.ZMSLinkElement a:hover {
	text-decoration:underline !important;
	}



/*-------------------------------------------------------------------------------------------------*/
/* zmsgraphic */
/*-------------------------------------------------------------------------------------------------*/
.ZMSGraphic {
	background-color: transparent;
	margin: 1em 0;
	}

.ZMSGraphic.left {
	text-align:left;
	}

.ZMSGraphic.right {
	text-align:right;
	}

.ZMSGraphic.center {
	text-align:center;
	}

.ZMSGraphic.floatleft {
	float:left;
	margin-right:2em;
	}

.ZMSGraphic.floatright {
	float:right;
	margin-left:2em;
	}

.ZMSGraphic .alignleft {
	margin-right:10px;
	}

.ZMSGraphic.center div.graphic {
	text-align:center;
	margin:0px auto;
	}

.ZMSGraphic .graphic,
.ZMSGraphic .graphic img {
	max-width:100% !important;
	}

.ZMSGraphic .graphic.alignleft {
	float:left;
	text-align:right;
	}

.ZMSGraphic .graphic.alignright {
	float:right;
	text-align:right;
	}

.ZMSGraphic .text {
	background-color:transparent;
	/* font-size:14px;
	font-style:italic; */
	}

.ZMSGraphic .graphic {
	margin-bottom: 0.5em;
	margin-top: -0.5em;
	}

.ZMSGraphic.center div.graphic  {
	margin:0 auto
	}

.ZMSGraphic.left .graphic.alignleft {
	float:left;
	margin-right:1.2em;
	}

.ZMSGraphic.left .text,
.ZMSGraphic.right .graphic,
.ZMSGraphic.right .text {
	width: auto !important;
	}

/* patch ff */
.ZMSGraphic.right div.graphic {
	width:100% !important;
	}

.ZMSGraphic.right div.graphic img {
	display:inline !important;
	}

