/*

	EDC
	dunkles blau =  rgba(0,79,140,0.8);   004f8c , 80%
	mittel blau, Font, H1     = #0069A3
	helles blau, Footer-Area  = #016aa4
	#5d6b73                   = graue Schrift
	#F0F2F2                   = grau BG
 
*/

body , html {
	min-height:100%;
	height:100%;
	width: 100%;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 400;
	line-height: 1.4;
	color:#5d6b73;
	-webkit-text-size-adjust: 100%;
	/*
	-webkit-text-size-adjust: none;
	*/
	-ms-text-size-adjust: none;
}

html {
	font-size:112%;                                 /* Schriftgröße Fontsize */
}

#ccm-panel-add-blocktypes-list {
  display: flex; 
  flex-direction: column-reverse;
}

.ccm-marketplace-btn-wrapper {
  display:none;
}

/*  SCHRIFT-GROESSEN - START */

#console , #console2 {
  position:fixed;
  left:80px;
  top:120px;
  color:red;
  z-index: 2040;
  font-size:0.86rem;
  background-color:#FFFFFF;
}
#console2 {
  left:280px;
}

#page { 
    position: relative;
    min-height: 100%;
    width: 100%;
    margin: 0px;
    overflow:hidden;
}

/* top area permanent */
#top_area {
	display:block;
	width: 100% !important;
	width: 100%;
	min-width: 100px;
	margin: 0px; 
	padding: 0px;
	/* position: fixed; /// in header.php UND editmode.css  */
	z-index: 1000;
	overflow:visible;
	left:0px; 
	top:0px;
}
#topnavi_area {
	display:block;
	position:relative;
	width: calc(100% - 38px);
	margin: 30px 20px 0px 20px; 
	padding: 0px; 
	height:76px;
}

#header-area {
	position:relative;
	width: 100%;
	min-height:76px;
	z-index:2;
}
.header-image {
	background-position: 50% 50%; 
	background-repeat: no-repeat !important;
	background-size: cover;
	width:100%;
}
.header-container {
  position:relative;
  border-top:1px solid transparent !important;
  width:100%;
  height: 99%;
}
.header-text-outer {
  position:relative;
  margin-top: 105px;
  height: calc(100% - 160px);
  display:flex;
  align-items: center;
}
.header-text-mobile {
  display:none;
}
.header-text {
  color:#FFFFFF;
  font-size:1.33rem;                                 /* Schriftgröße Fontsize */
}
.header-text h1 {
  font-size:2.88rem;                                 /* Schriftgröße Fontsize */
  line-height:1.2;
  font-weight:500;
  text-transform:uppercase;
  margin:0px;
  padding:0px;
  color:#FFFFFF;
}
.header-text p {
  font-size:1.33rem;                                 /* Schriftgröße Fontsize */
  line-height:1.2;
  font-weight:500;
  margin-bottom:0px;
}

#btn_outer_navitoggle,
#btn_outer_contact,
#btn_outer_shop,
#btn_outer_language {
  position:relative;
  display:block;
  float:left;
  width:76px;
  height:76px;
  margin-right:2px;
  background-color: rgba(0,79,140,0.8);   /* 004f8c , 80% */
  z-index:1001;
}
#btn_outer_contact,
#btn_outer_shop {
  width:74px;
  display:flex;
  justify-content:center;
  align-items:center;
  align-items: stretch; 
}
#btn_outer_language {
  margin-right:0px;
}

.btn-navi-toggle-closed,
.btn-navi-toggle-closed-static,
.btn-navi-toggle-open {
	display:block;
	width:38px;
	height:38px;
	margin:19px 0px 0px 19px;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	cursor:pointer;
}
.btn-navi-toggle-opened-static {
    background-image: url(../images/navi-toggle-open.svg);
}
.btn-navi-toggle-closed-static {
    background-image: url(../images/navi-toggle-closed.svg);
}
.btn-navi-toggle-open {
    background-image: url(../images/navi-toggle-open.svg);
}
.btn-navi-toggle-closed {
    background-image: url(../images/navi-toggle-open.svg);
    transform: rotate(0deg);
    animation-duration: 500ms;
    animation-name: rollIn_ClosedIcon;
}

#topnavi_outer {                          /* TOPNAVI, jörg */
  display:block;
  float:left;
  height:76px;
  /*width: calc(100% - 308px);  */        /* mit Shop-Icon, tablet */
  width: calc(100% - 232px);              /* ohne Shop-Icon, tablet */
  margin-right:2px;
  background-color: rgba(240,241,243,0.8);
}

#logo_top {
	display:block;
	width:206px;
	height:48px;
	margin: 0 auto;
	margin-top:15px;
	background-image: url(../images/edc-logo.svg);
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	background-size: 99%;
	cursor:pointer;
}
.logo-top-1 {
    opacity:1;
    animation-duration: 400ms;
    animation-name: scaleTheLogo1;
}
.logo-top-2 {
    opacity:1;
    animation-duration: 400ms;
    animation-name: scaleTheLogo2;
}

#topnavi {
	position:absolute;
	width: 1px;
	width:1px;
	top:-1000px;
	overflow:hidden;
}

#top_navi_mobile {
	display:none;
	position:relative;
	border-top:2px solid transparent;
}

.fullarea {                 /* a-tag */
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    height:100%;  
}


/* LAYOUTS */
.ganze-Breite { 
  margin:0px;
  width: 100%;
  overflow:visible !important;
  overflow:visible;
}
.zentrierter-Container-fuer-Boxen {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left:10px;
  margin-right:10px;
  min-height:40px;
  margin-top:-56px;
  position:relative;
  overflow:visible;
  z-index:3 !important;
}
.grauer-Hintergrund {
  position:relative;
  background-color:#F0F2F2;
}

.zentrierter-Container {
  display: block;
  margin-left:20px;
  margin-right:20px;
  position:relative;
}

.bg_map {
  background-color:#445565;
  min-height:40px;
}

.width-1-1,
.width-2-3,
.width-1-3,
.width-1-2 {
  width:100%;
}

.width-1-1 {
  float:left;
}
.width-2-3 {
  float:left;
}
.width-1-3 {
  float:left;
}
.width-1-2 {
  float:left;
}

.rg-container-type-0 .rg-image,
.rg-container-type-1 .rg-image,
.rg-container-type-2 .rg-image {
	display:block;
	background-position: 0px 0px; 
	background-repeat: no-repeat;
	background-size: cover;
	float:left;
	width:100%;
	padding-top:67%;
	overflow:hidden;
}
.info-editor {
  font-size:0.9rem;
}

/* FONTs */
.blue {
  color:#0069A3;
}

h1 {
  color:#0069A3;
  font-weight:500;
  font-size:2.88rem;                                  /* Schriftgröße Fontsize */
  margin-top:0px;
}
h2 {
  color:#0069A3;
  font-weight:500;
  font-size:1.9rem;                                   /* Schriftgröße Fontsize */
}
h3 {
  color:#0069A3;
  font-weight:500;
  font-size:1.22rem;                                   /* Schriftgröße Fontsize */
  
}
h4 {
  color:#0069A3;
  font-weight:500;
  font-size:1.06rem;                                   /* Schriftgröße Fontsize */
}
.nobreak {
  white-space:nowrap;
}
.accordion-headline {
  font-size:1.22rem;                                 /* Schriftgröße Fontsize */
}
b,
strong,
.bolder {
  font-weight:500;
}
.bolder-block {
  display:block;
  font-weight:500;
  margin-bottom:0.6rem;
}
a {
  color:#0069A3;
  /*
  text-decoration:none;
  */
  text-decoration:underline;
}
a:hover {
  text-decoration:underline;
}

.ccm-block-page-list-date,
.twitter-posted-time,
.twitter-hashtag,
.footer-navigation .nav li a {
  font-size:0.8rem;                                 /* Schriftgröße Fontsize */
}

/* SPACERS */

.spacer-v-0_5,
.spacer-v-1_0,
.spacer-v-1_5,
.spacer-v-2_0,
.spacer-v-0_5-mobile,
.spacer-v-1_0-mobile,
.spacer-v-0_5-desktop,
.spacer-v-1_0-desktop {
  display:block;
  color:transparent;
  overflow:hidden;
}
.spacer-v-0_5,
.spacer-v-0_5-mobile,
.spacer-v-0_5-desktop {
  height:0.5rem;
}
.spacer-v-1_0,
.spacer-v-1_0-mobile,
.spacer-v-1_0-desktop {
  height:1.0rem;
}
.spacer-v-1_5 {
  height:1.5rem;
}
.spacer-v-2_0 {
  height:2.0rem;
}

.Abstand-oben, 
.Abstand-oben-desktop {
  margin-top:1.8rem;
  border-top:1px solid transparent;
}

.Abstand-oben-gleich-Accordion {
  margin-top:2.55rem;
  border-top:1px solid transparent;
}
.Abstand-oben-mit-Bild-beginnend {
  margin-top:3.2rem;
  border-top:1px solid transparent;
}
.Abstand-unten,
.Abstand-unten-desktop {
  margin-bottom:2.0rem;
  border-bottom:1px solid transparent;
}

.ictn {
  display:none;
}

.teaser-block {
  width: calc(25% - 20px);
  margin:0px 10px 26px 10px;
  float:left;
  background-color:#FFFFFF;
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  position:relative;
}
.teaser-block-outer-mobile {      /* mobile = anderes FLEX-Verhalten, desktop = width 100%  */ 
  width:100%;
}
.teaser-icon-block {
  display:blocK;
  position:relative;
  width:100%;
  background-color:#177eb8;
  border-top:2px solid #FFFFFF;
  height:146px;
	background-position: 50% 49%;
	background-size: 180px auto; 
	background-repeat: no-repeat;
	float:left;
}
.teaser-text-block {
  display:blocK;
  position:relative;
  width:100%;
	float:left;
}
.teaser-text-inner {
  position:relative;
  margin:21px 8% 4.5rem 8%;
  text-align:center;
  word-wrap:break-word;
}
.teaser-text-inner b {
  text-transform:uppercase;
}

.btn_rounded, .btn_rounded:hover,
.btn_rounded_submit, .btn_rounded_submit:hover {
  display:inline-block;
  background-color:#f0f2f2;
  text-decoration:none;
  color:#5d6b73;
  font-weight:400;
  line-height:2.2;
  border-radius:1.12rem;
  padding:0px 36px 0.2rem 36px;
}
.btn_rounded:hover {
  color:#004f8c;
}
.btn_rounded_submit, .btn_rounded_submit:hover {
  display:block;
  background-color:#177eb8;
  color:#FFFFFF;
  text-align:center;
  margin-top:0.6rem;
}
.btn_rounded-outer-teaser {
  width:100%;
  position:absolute;
  bottom:21px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}


.fullwidth-image {
	background-position: 50% 50%; 
	background-repeat: no-repeat !important;
	background-size: cover;
	width:100%;
	border-top:1px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fullwidth-image-text {
	margin:0 auto;
	width:80%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Kalam', sans-serif;
  text-align:center;
  color:#FFFFFF;
  font-size:2.55rem;                                 /* Schriftgröße Fontsize */
}

.Accordion-Element .ccm-layout-column-wrapper,
.Accordion-Element .ccm-layout-column,
.Accordion-Element .ccm-layout-column-inner {
  border-top:1px solid transparent;
}
.Accordion-Element,
.Accordion-Element-erstes,
.Accordion-Element-letztes,
.Accordion-Element-open {
  float:left;
  display:block;
  width:100%;
  height:auto;
  position:relative;
  border-top:1px solid #F0F2F2;
}
.Accordion-Element {
  display:none;
}
.Accordion-Element-erstes {
  margin-top:3rem;
}
.Accordion-Element-letztes {
  border-bottom:1px solid #F0F2F2;
  margin-bottom:3.4rem;
}
.accordion-headline {
  display: flex;
  align-items: center;
  float:left;
  width: 100%;
  height:auto;
  padding: 0.8rem 0px 0.8rem 0px;
  position:relative;
  margin-top:0px;
  text-transform:uppercase;
  text-decoration:none;
  line-height:1.15;
  font-weight:500;
  color:#0069A3;
}
.accordion-headline,
.accordion-headline-0,
.accordion-headline-1 {
  text-decoration:none !important;
  text-decoration:none;
}
.accordion-headline .icon-before {
  display:flex;
  height:24px;
  width:24px;
  float:left;
  margin-right:6px;
  margin-left:0px;
  background-size: auto 24px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../images/edc-micro-icons_Pfeil.svg);
  transform: rotate(90deg);
  color:transparent;

}
.accordion-headline-0 .icon-before,
.accordion-headline-0-closed .icon-before {
  transform: rotate(0deg);
}
.accordion-headline-0 .icon-before {
  animation-duration: 800ms;
  animation-name: turnArrowUp_Accordion;
}
.accordion-headline-1 .icon-before {
  animation-duration: 400ms;
  animation-name: turnArrowDown_Accordion;
}

.accordion-content {
  float:left;
  width:100%; 
  position:relative;
  overflow:hidden;
}

.accordion-content-0-closed {
  max-height:1px;
}
.accordion-content-0 {
  max-height:1px;
  animation-duration: 800ms;
  animation-name: rollIn_Accordion;
}
.accordion-content-1 {
  max-height:auto;
  animation-duration: 1200ms;
  animation-name: rollOut_Accordion;
}
.acc-text-container {
  margin:-0.8rem 24px 0px 32px;
}

.google-map-graphic {
	position:relative;
	background-position: 50% 50%; 
	background-repeat: no-repeat !important;
	background-size: cover;
	width:100%;
	height: calc(100vw * 0.51);
	z-index:4;
}
.google-content-container {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height: calc(100vw * 0.51);
	max-height:340px;
	z-index:5;
}
.google-form-container {
  position:absolute;
  right:0px;
  top:24px;
  height:40px;
}
.google-form-outer {
  background-color:#FFFFFF;
  position:relative;
  width:276px;
  min-height:200px;
}
.google-form-inner {
  width:calc(100% - 49px);
  margin:14px 0px 24px 22px;
  float:left;
}
.form-header-label {
  text-transform:uppercase;
  font-size:1.01rem;                                 /* Schriftgröße Fontsize */
  font-weight:500;
  color:#5d6b73;
}
.gm-field {
  width:100%;
  height:42px;
  margin:0.3rem 0px 0.6rem 0px;
  border:2px solid #F0F2F2;
  float:left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-focus-ring-color: none;
  outline:none;
	outline-style:none;
	box-shadow:none;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 400;
	line-height: 1.6;
	color:#5d6b73;
	text-indent:0.6rem;
}

.white {
    color:#FFFFFF; 
    text-decoration:none; 
}
.uppercase {
    text-transform:uppercase; 
}

.btn-contact {
	height:100%;
	width:100%;
	background-image: url(../images/edc-Navi-Icons_Mail.svg); 
	background-position: 60% 41%; 
	background-size: 39px auto; 
	background-repeat: no-repeat;
	cursor:pointer;
}

.btn-shop {
	height:100%;
	width:100%;
	background-image: url(../images/edc-Navi-Icons_Shop.svg); 
	background-position: 58% 41%; 
	background-size: 38px auto; 
	background-repeat: no-repeat;
	cursor:pointer;
}


.pulldown-outer_selector,
.pulldown-outer_selector-open,
.pulldown-outer_selector-closed {
	position:relative;
	background-image: url(../images/wedge-gray.png); 
	background-position: 50% 1px; 
	background-repeat: no-repeat;
	padding-top:13px;
	overflow:visible;
}
.pulldown-outer_selector-open {
	padding-top:13px;
	animation-duration: 300ms;
	animation-name: showSubMenuFinger;
}
.pulldown-outer_selector-closed {
	padding-top:0px;
	animation-duration: 300ms;
	animation-name: hideSubMenuFinger;
}
.pulldown-inner_selector {
	position:relative;
	border-top:1px solid transparent;
	display:block;
}
.pulldown-inner_selector a {
	display:block;
	position:relative;
	text-align:center;
	color:#0069a3;
	background-color:#f0f1f3;
	text-decoration:none;
	margin:0 auto;
}
.pulldown-outer_selector-open .pulldown-inner_selector a {
	line-height:1.2;
	padding:0px 0px 21px 0px;
	width:76px;
	max-height:60px;
	animation-duration: 300ms;
	animation-name: fadeInLangSelector;
}
.pulldown-outer_selector-closed .pulldown-inner_selector a {
	font-size:1px;
	padding:0px 0px 0px 0px;
	width:16px;
	max-height:0px;
	animation-duration: 300ms;
	animation-name: fadeOutLangSelector;
}
.pulldown-outer_selector-open .pulldown-inner_selector a:first-child {
	display:block;
	/*
	nur wenn Schrift - nicht wenn Flaggen
	border-top:21px solid #f0f1f3 !important;
	border-top:21px solid #f0f1f3;
	*/
}

.icon-lang {
	width: 100%;
	height:76px;
	background-image: url(../images/DE-Flag.svg); 
	background-position: 50% 50%; 
	background-size: 28px auto; 
	background-repeat: no-repeat;
}
.pulldown-inner_selector .icon-lang {
	background-size: 32px auto;
} 

.icon-lang-de {
	background-image: url(../images/DE-Flag.svg); 
}
.icon-lang-en {
	background-image: url(../images/EN-Flag.svg); 
}


.pulldown-outer_menu,
.pulldown-outer_menu-open,
.pulldown-outer_menu-closed {
	position:relative;
	background-image: url(../images/wedge-blue.png); 
	background-position: 50% 1px; 
	background-repeat: no-repeat;
	padding-top:13px;
	overflow:visible;
}
.pulldown-outer_menu-open {
	padding-top:13px;
	animation-duration: 400ms;
	animation-name: showSubMenuFinger;
}

.pulldown-outer_menu-closed {
	padding-top:0px;
	animation-duration: 400ms;
	animation-name: hideSubMenuFinger;
}

.pulldown-positioner_menu {
	position:absolute;
	width: calc(100% + 200px);
	left:-100px;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
}
.pulldown-inner_menu,
.pulldown-inner_selector {
  position:relative;
}
.topnavi ul.nav li .pulldown-outer_menu-open a ,
.topnavi ul.nav li .pulldown-outer_menu-closed a,
.topnavi ul.nav li .pulldown-outer_menu-open-static a ,
.topnavi ul.nav li .pulldown-outer_menu-closed-static a {
	display:flex;
	-ms-flex-direction: column;
	flex-direction: column;
	align-items: flex-start;
	position:relative;
	color:#FFFFFF;
	line-height:1;
	text-decoration:none;
	margin-top:0px;
	background-color:#004f8c;
	width:100%;
	height:auto;
	overflow:hidden;
	white-space:nowrap;
}

.topnavi ul.nav li .pulldown-outer_menu-open a {
  padding:21px 8px 21px 30px;
  margin-left:-14px;
  max-height:60px;
  font-size:100%;
  animation-duration: 400ms;
  animation-name: fadeInSubMenu;
}

.topnavi ul.nav li .pulldown-outer_menu-closed a {
  padding:0px 0px 0px 0px;
  margin-left:0px;
  max-height:0px;
  font-size:1px;
  animation-duration: 400ms;
  animation-name: fadeOutSubMenu;
}

.topnavi ul.nav li .pulldown-outer_menu .pulldown-inner_menu a:hover, 
.topnavi ul.nav li .pulldown-outer_menu .pulldown-inner_menu a.nav-selected,
.topnavi ul.nav li .pulldown-outer_menu .pulldown-inner_menu a.nav-path-selected {
	background-color:#0b60a1;
}
.topnavi ul.nav li .pulldown-outer_menu .pulldown-inner_menu a.nav-selected,
.topnavi ul.nav li .pulldown-outer_menu .pulldown-inner_menu a.nav-path-selected {
	color:#FFFFFF;
}

.cpanel {
  display:block;
  height:20px;
  background-color:transparent;
}

.pulldown-outer_menu-closed .cpanel ,
.pulldown-outer_selector-closed .cpanel ,
.closed .cpanel {
  display:none;
}

.closed {
  display:none;
}

.clear {
	clear:both;
}
.preloads {
  position:absolute;
  top:-200px;
  left:-200px;
}


#top_navi_mobile a {
  display:flex;
  align-items:center;
  min-height:60px;
  padding:0px 0px 0px 58px;
  margin:0px 0px 0px 0px;
  border-bottom:2px solid #0069a3;
  text-decoration:none;
  color:#FFFFFF;
  background-color: #004f8c;
}
#top_navi_mobile a.nav-selected,
#top_navi_mobile a.nav-path-selected {
	background-color:#0b60a1;
}
#top_navi_mobile a.nav-dropdown {
	padding:0px 0px 0px 0px;
}
#top_navi_mobile .plus,
#top_navi_mobile .plus-open {
	background-image: url(../images/edc-micro-icons_Plus.svg); 
	background-position: 50% 50%;
	background-size: 26px 26px; 
	background-repeat: no-repeat;
	width:40px;
	height:40px;
	margin:0px 9px 0px 9px;
	float:left;
}
#top_navi_mobile .plus-open {
	transform: rotate(45deg);
	animation-duration: 500ms;
	animation-name: turn_PlusIcon;
}
#top_navi_mobile .plus {
	transform: rotate(0deg);
	animation-duration: 500ms;
	animation-name: turnBack_PlusIcon;
}


#top_navi_mobile .btn-contact-mobile {
	background-color: #1776ab; 
	background-image: url(../images/edc-micro-icons_Mail.svg); 
	background-position: 21px 16px; 
	background-size: 26px auto; 
	background-repeat: no-repeat;
} 
#top_navi_mobile .btn-shop-mobile {
	background-color: #1776ab; 
	background-image: url(../images/edc-Navi-Icons_Shop.svg); 
	background-position: 21px 16px; 
	background-size: 26px auto; 
	background-repeat: no-repeat;
} 
#top_navi_mobile .btn-telefon-mobile {
	background-color: #1776ab; 
	background-image: url(../images/edc-micro-icons_Phone.svg); 
	background-position: 21px 15px;
	background-size: 26px auto; 
	background-repeat: no-repeat;
	border-bottom:0px none;
}

#top_navi_mobile .icon_news {
	background-image: url(../images/edc-micro-icons_News.svg); 
	background-position: 21px 19px;
	background-repeat: no-repeat;
	background-size: 26px auto;
} 

#top_navi_mobile .submobile-open a,
#top_navi_mobile .submobile-open-static a {
	max-height:120;
	min-height:60px;
	animation-duration: 400ms;
	animation-name: fadeInSubMobile;
}
#top_navi_mobile .submobile-closed a,
#top_navi_mobile .submobile-closed-static a {
	max-height:0px;
	min-height:0px;
	overflow:hidden;
	border-width:0px 0px 0px 0px;
	animation-duration: 400ms;
	animation-name: fadeOutSubMobile;
}
#top_navi_mobile .submobile-open-static a {
  animation-name: none;
}
#top_navi_mobile .submobile-closed-static a {
  animation-name: none;
}

.footer-area {
  position:relative;
  border-top:3px solid #FFFFFF;
  background-color: #0069A3;
}
.footer-flex-height {
  position:relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: row-reverse;
   flex-direction: row-reverse;
}
.footer-border-bottom {
  border-bottom:2px solid #3d8ebb;
}
.footer-right {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  width:59%;
}
.footer-left {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  width:40.9%;
}
.footer-container {
  display:block;
  color:#FFFFFF;
}
.footer-right .footer-container {
  position:relative;
  width:100%;
  margin:36px 0px 25px 0px;
}
.footer-left .footer-container {
  position:relative;
  width:calc(100% - 102px);
  margin:36px 0px 25px 52px;
}
.footer-container-address p:last-child {
  margin-bottom:0px !important;
}
.footer-container-socialbookmarks,
.footer-container-contactdata {
  width:64%;
  height:100%;
  float:left;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: flex-end;
}
.footer-container-socialbookmarks {
  width:36%;
}

.btns-footer {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  color:#FFFFFF !important;
  color:#FFFFFF;
  height:42px;
  align-items: center;
  text-decoration:none !important;
  text-decoration:none;
  text-indent:58px;
  background-position: 0px 50%; 
  background-repeat: no-repeat;
  background-size: auto 92%;
  margin-top:8px;
  margin-bottom:12px;
}
.btn-contact-footer {
  background-image: url(../images/edc-Navi-Icons_Mail.svg);
  background-size: auto 90%;
}
.btn-telefon-footer {
  background-image: url(../images/edc-micro-icons_Phone.svg);
  background-size: auto 90%;
}
.btn-twitter-footer {
  background-image: url(../images/Icon_Twitter.svg);
  background-size: auto 88%;
}
.btn-xing-footer {
  background-image: url(../images/Icon_Xing.svg);
  background-size: auto 88%;
}
.btn-linkedin-footer {
  background-image: url(../images/Icon_LinkedIn-01.svg);
  background-size: auto 88%;
}

.logo-bottom {
	display:block;
	width:211px;
	height:49px;
	margin-bottom:6px; 
	background-image: url(../images/edc-Logo_Weiss.svg); 
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	background-size: 99%;
	cursor:pointer;
	/*
	background-color:rgba(255,255,255,0.2);
	*/
}

.footer-navigation-area {
  background-color:#0069A3;
  min-height:40px;
  width:100%;
  float:left;
}
.footer-navigation {
  display:block;
  margin-left:52px;
}
.footer-navigation .nav {
  display:block;
  margin-left:0px;
  padding:0px;
}

.footer-navigation .nav li {
  display:inline;
}
.footer-navigation .nav li a,
.footer-navigation .nav li a.nav-selected,
.footer-navigation .nav li a.nav-path-selected {
  display:inline-block;
  margin-right:16px;
  text-decoration:none;
  color:#FFFFFF;
}

/* social bookmark links */
.ccm-block-social-links {
  margin-bottom:1.5rem;
  border:1px solid transparent;
}
.ccm-block-social-links .list-inline-my,
.ccm-block-social-links .list-inline-my li {
  display:inline-block;
  list-style: none;
  padding:0px;
}
.ccm-block-social-links .list-inline-my i.fa {
	display:block;
	width:40px;
	height:40px;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	background-size: cover;
	color:transparent;
	float:left;
	margin-top:1.0rem;
	margin-right:16px;
	border:1px solid transparent;
}
.fa-facebook {
  background-image: url(../images/Icon_Facebook.svg);
}
.fa-twitter {
  background-image: url(../images/Icon_Twitter.svg);
}
.fa-external-link,
.fa-reddit {
  background-image: url(../images/Icon_Xing.svg);
}


/* Custom Layouts C5 */
.column-width-70 {
  width: calc( 73% - 8px);
  float:left;
}
.column-width-30 {
  width:27%;
  border-left:8px solid transparent;
  float:left;
}
.column-width-30 img {
  width:95%;
  margin-left:5%;
}
.width100 {
  width:100%;
  height:auto;
}

.tweet-container {
  position:relative;
  width: calc(100% + 20px);
  margin-left:-10px;
  margin-top:44px;
  margin-bottom:6px;
  float:left;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* TWITTER */

.tweet-box-outer {
  position:relative;
  float:left;
  width: calc(25% - 20px);
  margin-left:10px; 
  margin-right:10px;
  margin-bottom:13px;
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  overflow:hidden;
}

.tweet-box-inner {
  position:relative;
  float:left;
  width: 100%;
  margin-top:33px;
  background-color:#f0f1f3;
  height:100%;
  min-height:240px;
}
.tweet-box-icon {
  position:absolute;
  width: 60px;
  height: 60px;
  overflow:hidden;
  top:0px;
  right:0px;
	background-position: 0px 0px; 
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/Icon_Twitter.svg);
}
.tweet-box-text {
  margin:16px 20px 22px 20px;
}
.twitter-posted-time {
  text-decoration:none;
  text-transform:uppercase;
  display:block;
  margin-bottom:1.1rem;
}
.twitter-read-more {
  display:block;
  margin-top:1.1rem;
}

.twitter-hashtag {
  text-decoration:none;
  display:block;
  margin-top:0.8rem;
}

/* NEWS */
.news-list-wrapper {
  margin-top:1rem;
  margin-bottom:1rem;
}
.news-item-outer_list .news-image-link {
  display:block;
  float:left;
  width:176px;
  margin-bottom:2rem;
  margin-right:24px;
  border-bottom:1px solid transparent;
}
.news-item-outer_list .news-text-box {
  display:block;
  float:left;
  width: calc( 100% - 240px);
  min-height:60px;
  margin-bottom:2rem;
  border-bottom:1px solid transparent;
}
.news-item-outer_list .news-text-box-fullwidth {
  width: 100% !important;
  width: 100%;
}
.news-item-outer_list .news-text-box-fullwidth  .news-image-link {
  display:block;
  float:left;
  width:67%;
  margin-top:0.5rem;
  margin-right:0px;
  margin-bottom:-1px;
}
.news-item-outer_list .news-image-link img {
  width:100%;
  height:auto;
  float:left;
}
.news-item-outer_list .news-text-box .pagelist-teaser-headline a {
  display:block;
  text-decoration:none;
  text-transform:uppercase;
  color:#5d6b73;
  font-weight:500;
  margin-top:0.5rem;
  margin-bottom:0.5rem;
}

.news-pagination-wrapper {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.news-pagination-wrapper .news-pagination-btn {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.news-pagination-wrapper .news-pagination-btn a,
.news-pagination-wrapper .news-pagination-btn a.active,
.news-pagination-wrapper .news-pagination-btn a:hover {
    display: block;
    text-align:center;
    width:35px;
    height:35px;
    line-height:2.1;
    color:#3f9edc;
    border:1px solid #dddddd;
    text-decoration:none;
    margin:0.8rem;
}

.news-pagination-wrapper .news-pagination-btn a.active,
.news-pagination-wrapper .news-pagination-btn a:hover {
    color:#FFFFFF;
    background-color: #3f9edc;
    border:1px solid #3f9edc;
}

/* BREAKPOINTS */

@media screen and (max-width: 599px) {
  html {
    font-size:130%;                                 /* Schriftgröße Fontsize */
  }
  #console , #console2 {
    color:black;
    font-size:1.9rem;
    background-color:gold;
  }
  #topnavi_area {
    width: 100%;
    margin: 0px 0px 0px 0px; 
  }
  .header-image {
    height: calc( 100vw * 0.65);
    min-height:320px;
  }
  .header-text-outer {
    display:none;
  }
  .header-text-mobile {
    display:block;
    background-color:#004f8c;
    width:100%;
    float:left;
  }
  .header-text {
    margin:2rem 2rem 2.2rem 1rem;
  }
  #btn_outer_contact, 
  #btn_outer_shop {
    display:none;
  }
  #btn_outer_language {
    margin-right:0px;
  }
  #topnavi_outer {
    width: calc(100% - 156px);
  }
  #top_navi_mobile {
    width: 100%;
  }
  .content_full_outer {
    float:left;
  }
  .zentrierter-Container-fuer-Boxen {
    display: block;
    position:relative;
    margin-left:0px;
    margin-right:0px;
    padding-bottom:10px;
    margin-top:0px;
  }
  .zentrierter-Container {
    margin-left:0px;
    margin-right:0px;
  }
  .ausblenden-in-LowResolution {
    display:none !important;
    display:none;
  }
  .Abstand-oben-desktop {
    margin-top:0px;
  }
  .Abstand-oben-gleich-Accordion {
    margin-top:0px;
  }
  .Abstand-oben-mit-Bild-beginnend {
    margin-top:1.6rem;
  }
  .Abstand-unten-desktop {
    margin-bottom:0px;
  }
  .spacer-v-0_5-desktop,
  .spacer-v-1_0-desktop {
    display:none;
  }
  .teaser-block {
    width: 100%;
    margin:10px 0px 0px 0px;
    display:block;
    height:auto;
  }
  .teaser-block-outer-mobile {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .teaser-icon-block {
    width:26%;
    height:auto;
    border-top:0px none;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    background-position: 50% 2px;
    background-size: 150px auto; 
  }
  .teaser-text-block {
    width:74%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .teaser-text-inner {
    position:relative;
    margin:32px 8% 4rem 8%;
    text-align:left;
  }
  .btn_rounded-outer-teaser {
    left:26%;
    width:74%;
    display: block;
  }
  .btn_rounded-outer-teaser .btn_rounded {
    margin-left:32px;
  }
  .fullwidth-image {
    height: calc( 100vw * 0.51);
  }
  .fullwidth-image-text {
    width:90%;
    font-size:1.9rem;                                 /* Schriftgröße Fontsize */
  }
  .google-content-container {
    position:relative;
    width:100%;
    height:auto;
  }
  .google-form-container {
    position:relative;
    left:0px;
    top:0px;
    height:auto;
  }
  .google-form-outer {
    width:100%;
  }
  .google-form-inner {
    margin-bottom:30px;
  }
  .form-header-label {
    display:block;
    text-align:center;
  }
  .gm-field {
    height:52px;
  }
  .footer-flex-height {
    display: block;
  }
  .footer-right {
    display:block;
    width:100%;
    float:left;
    margin:0px 0px 0px 0px;
  }
  .footer-left {
    display:block;
    width:100%;
    float:left;
    margin:40px 0px 0px 0px;
    border-top:2px solid #3d8ebb;
  }
  .footer-right .footer-container {
    width:100%;
    margin:46px 0px 0px 22px;
  }
  .footer-left .footer-container {
    width:100%;
    margin:36px 0px 25px 26px;
  }
  .footer-container-socialbookmarks,
  .footer-container-contactdata {
    display:block;
    width:100%;
    height:auto;
    float:left;
  }
  .logo-bottom {
    width:66%;
    height:auto;
    padding-top:19%;
  }
  .clear-lowres {
    clear:both;
  }
  .footer-navigation-area {
    min-height:58px;
  }
  .footer-navigation {
    margin:0px 22px 0px 22px;
  }
  .footer-navigation ul.nav {
    display:flex;
    justify-content: space-between;
  }
  .footer-navigation .nav li {	
    display:flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
  }
  .footer-navigation .nav li a {	
    margin-left:4px;
    margin-right:4px;
  }
  .ccm-block-social-links .list-inline-my {
    float:right;
  }
  .ccm-block-social-links .list-inline-my li {
    padding:0px !important;
    margin:0px !important;
  }
  .ccm-block-social-links .list-inline-my i.fa {
    float:right;
    margin-left:16px;
    margin-right:0px;
    margin-bottom:8px;
  }
                                      /* LAYOUTS */
  .width-1-1,
  .width-1-2,
  .width-1-3,
  .width-2-3 {
    width: calc(100% - 40px);
    margin-left:20px;
  }
  .Accordion-Element,
  .Accordion-Element-erstes,
  .Accordion-Element-letztes,
  .Accordion-Element-open {
    width: calc(100% + 40px);
    margin-left:-20px;
  }
  .accordion-headline .icon-before {
    margin-left:16px;
  }
  .acc-text-container {
    margin-left:47px;
  }
  .Accordion-Element-erstes {
    margin-top:10px;
  }
  .Accordion-Element-letztes {
    margin-bottom:18px;
  }
                                    /* BILDER */
  .rg-container-type-0,
  .rg-container-type-1,
  .rg-container-type-2 {            /* alle untereinander */
    width: 100%;
    
  }
  .rg-container-type-2 {            /* alle untereinander */
    width: calc(100% + 20px);
    margin-left:-10px; 
  }
  .rg-container-type-0 .rg-image,
  .rg-container-type-1 .rg-image {
    width: 100%;
    margin:0px;
    margin-bottom:20px;
    padding-top:67%;
  }
  .rg-container-type-2 .rg-image {
    width: calc(50% - 20px);
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    padding-top:45%;
  }
  /* Custom Layouts C5 */
  .column-width-70 {
    width: 100%;
  }
  .column-width-30 {
    width:100%;
    border-left:0px;
  }
  .column-width-30 img {
    width:50%;
    margin-left:27%;
  }
  img.mobile100 {    /* image */
    width:100%;
    height:auto;
  }
  
  /* TWITTER */
  
  .tweet-container {
    width: 100%;
    margin-left:0px;
    margin-top:28px;
    margin-bottom:0px;
  }
  .tweet-box-outer {
    display:block;
    width: 100%;
    margin-left:0px;
    margin-right:0px;
    margin-top:4px;
    margin-bottom:12px;
  }
  .tweet-box-icon {
    right:20px;
  }
  .tweet-box-text {
    margin:1rem 52px 28px 20px;
  }
  /* NEWS */
  .news-list-wrapper {
    margin-top:0px;
    margin-bottom:0px;
  }
  .news-item-outer_list .news-image-link, 
  .news-item-outer_list .news-text-box-fullwidth  .news-image-link {
    width:70%;
    height:auto;
    margin-right:0px;
    margin-bottom:0.5rem;
  }
  .news-item-outer_list .news-text-box {
    display:block;
    float:left;
    width: 100%;
    margin-bottom:2rem;
  }
  .ccm-block-page-list-date,
  .twitter-posted-time,
  .twitter-hashtag,
  .footer-navigation .nav li a {
    font-size:0.94rem;                                 /* Schriftgröße Fontsize */
  }
  
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
  html {
    font-size:112%;                                 /* Schriftgröße Fontsize */
  }
  #top_area {
    position: absolute !important;
    position: absolute;
  }
  #console , #console2 {
    color:white;
    font-size:1.7rem;
    background-color:red;
  }
  #top_navi_mobile {
    width: 45%;
    min-width: 300px;
  }
  .header-image {
    height: calc( 100vw * 0.686);
  }
  .header-text-outer {
    width:90%;
    margin-left:30px;
  }
  .teaser-block {
    width: calc(50% - 20px);
  }
  .fullwidth-image {
    height:246px;
  }
  .header-image-low {    /*  header niedrig - TABLET */
    height:440px;
  }
  .spacer-v-0_5-mobile,
  .spacer-v-1_0-mobile {
    display:none;
  }
  .google-form-container {
    left:0px;
  }
  .footer-right {
    width:38%;
  }
  .footer-left {
    width:62%;
  }
  .footer-left .footer-container {
    margin-left:38px;
  }
  .footer-container-socialbookmarks,
  .footer-container-contactdata {
    width:100%;
    height:auto;
    float:left;
    display:block;
  }
  .logo-bottom {
    margin-top:12px;
  }
  .footer-navigation {
    display:block;
    margin-left:12px;
  }
                                      /* LAYOUTS */
  .width-1-1,
  .width-1-2,
  .width-1-3,
  .width-2-3 {
    width: calc(100% - 56px);
    margin-left:28px;
  }
  .Accordion-Element,
  .Accordion-Element-erstes,
  .Accordion-Element-letztes,
  .Accordion-Element-open {
    width: calc(100% + 56px);
    margin-left:-28px;
  }
  .Abstand-oben-desktop {
    margin-top:0px;
  }
  .ausblenden-in-MidResolution {
    display:none !important;
    display:none;
  }
                                    /* BILDER */
  .rg-container-type-0 {          /* 3 nebeneinander */
    width: calc( 100% + 27px);
    margin-left:-9px;
    
  }
  .rg-container-type-1,
  .rg-container-type-2 {          /* 2 nebeneinander */
    width: calc( 100% + 18px);
    margin-left:-9px;
  }
  .rg-container-type-0 .rg-image {
    width: calc( 33% - 18px);
    margin-left:9px;
    margin-right:9px;
    margin-bottom:18px;
    padding-top:20.6%;
  }
  .rg-container-type-1 .rg-image,
  .rg-container-type-2 .rg-image {
    width: calc( 50% - 18px);
    margin-left:9px;
    margin-right:9px;
    margin-bottom:18px;
    padding-top:32%;
  }
  .rg-container-type-2 .rg-image {
    padding-top:45%;
  }
  img.mobile100 {    /* image */
    max-width:100%;
    height:auto;
  }
  img.tablet100 {    /* image */
    width:100%;
    height:auto;
  }
  
  /* TWITTER */
  
  .tweet-container {
    width: calc(100% + 28px);
    margin-left:-10px;
    margin-top:18px;
    margin-bottom:16px;
  }
  .tweet-box-outer {
    width: calc(33% - 20px);
  }
  .twitter-posted-time {
    max-width:90%;
  }
  /* NEWS */
  .news-item-outer_list .news-image-link {
    width:160px;
    margin-right:24px;
  }
  .news-item-outer_list .news-text-box-fullwidth  .news-image-link {
    width:70%;
    max-width:420px;
  }
  .news-item-outer_list .news-text-box {
    width: calc( 100% - 184px);
  }
}


@media screen and (min-width: 1024px) {
  #top_area {
    /*
    position: absolute !important;
    position: absolute;
    */
  }
  #console , #console2 {
    color:white;
    font-size:1.4rem;
    background-color:blue;
  }
  .header-image {
    height: calc( 100vw * 0.51);
    max-height:800px;
  }
  .header-container {
    max-width: 1240px;
    margin:0 auto;
  }
  .header-text-outer {
    width:64%;
    margin-left:120px;
  }
  
  #btn_outer_navitoggle {
    display:none;
  }
  #topnavi_outer {
    /*width: calc(100% - 228px); */   /* war 228px - shop-icon dazu, 05.06.2019 */
    width: calc(100% - 156px);    /* ohne Shop-Icon, 08.11.2021 */
  }
  #logo_top {
    margin: 15px 0px 0px 22px;
    float:left;
  }
  #topnavi {
	  position:relative;
	  float:left;
    width: calc(100% - 228px);
    height:auto;
    min-height:76px;
    overflow:visible;
    top:0px;
  }
  #top_navi_mobile {
    display:none !important;
    display:none;
  }
  .topnavi ul.nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    width:96%;
    list-style: none;
    float:left;
    margin:0px 2% 0px 2%;
    padding:0px;
  }
  .topnavi ul.nav li {
    display:block;
    float:left;
    height:76px;
    margin:0px;
    border-left:3px solid transparent;
    border-right:3px solid transparent;
  }
  .topnavi ul.nav li a {
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    height:76px;
    width:100%;
    text-decoration:none;
    text-transform:uppercase;
    color:#5d6b73;
    word-wrap:break-word;
  }
  .topnavi ul.nav li a.nav-path-selected {
    color:#0069a3;
  }
                                      /* LAYOUTS */
  .width-1-1 {
    width: calc(100% - 36px);
    margin-left:18px;
    margin-right:18px;
  } 
  .width-1-2 {
    width: calc(50% - 34px);
    margin-left:18px;
    margin-right:16px;
  } 
  .colright {
    width: calc(50% - 14px);
    margin-left:14px;
    margin-right:0px;
  }
  
  .width-2-3 {
    width: calc(69.3% - 54px);
    margin-left:18px;
    margin-right:36px;
  }
  .width-1-3 {
    width: 30.69%;
  }
  
  .Accordion-Element,
  .Accordion-Element-erstes,
  .Accordion-Element-letztes,
  .Accordion-Element-open {
    width: calc(100% + 18px);
    margin-left:-18px;
  }
  
  .width-1-1 .Accordion-Element,
  .width-1-1 .Accordion-Element-erstes,
  .width-1-1 .Accordion-Element-letztes,
  .width-1-1 .Accordion-Element-open {
    width: calc(100% + 36px);
  }
  
  .rg-container-type-0 .rg-image {
    margin-bottom:20px;
  }
  .rg-container-type-1,
  .rg-container-type-2 {
    width: calc( 100% + 18px);
    margin-left:-9px;
    margin-bottom:18px;
  }
  .rg-container-type-1 .rg-image {
    width: calc( 33% - 18px);
    margin-left:9px;
    margin-right:9px;
    margin-bottom:18px;
    padding-top:20.6%;
  }
  .rg-container-type-2 .rg-image {
    width: calc( 50% - 18px);
    margin-left:9px;
    margin-right:9px;
    margin-bottom:18px;
    padding-top:45%;
  }
  
  .fullwidth-image {
    height:246px;
  }
  .header-image-low {    /*  header niedrig - DESKTOP */
    height:440px;
  }
  .spacer-v-0_5-mobile,
  .spacer-v-1_0-mobile {
    display:none;
  }
  .google-map-graphic {
    max-height:580px;
  }
  .ausblenden-in-HigResolution {
    display:none !important;
    display:none;
  } 
}

@media screen and (min-width: 1240px) {
  #console , #console2 {
    color:white;
    font-size:1.2rem;
    background-color:black;
  }
  #topnavi_area {
    width: 1200px;
    margin:0 auto;
    margin-top:30px;
  }
  .zentrierter-Container-fuer-Boxen {
    margin:0 auto;
    margin-top:-56px;
    max-width: 1220px;
  }
  .zentrierter-Container {
    margin:0 auto;
    max-width: 1200px;
  }
  .fullwidth-image-text {
    max-width: 1000px;
  }
}


.vspace_1rem {
  height:1rem;
}









@keyframes fadeInSubMobile {
  0% {
    max-height:0px;
    min-height:0px;
  }
  100% {
    max-height:120px;
    min-height:60px;
  }
}

@keyframes fadeOutSubMobile {
  0% {
    max-height:120px;
    min-height:60px;
    border-width:0px 0px 2px 0px;
  }
  50% {
    border-width:0px 0px 1px 0px;
  }
  100% {
    max-height:0px;
    min-height:0px;
    border-width:0px 0px 0px 0px;
  }
}

@keyframes fadeInSubMenu {
  0% {
    max-height:1px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    font-size:1px;
    color:#004f8c;
  }
  100% {
    max-height:60px;
    padding:21px 8px 21px 30px;
    margin-left:-14px; 
    font-size:100%;
  }
}

@keyframes fadeOutSubMenu {
  0% {
    max-height:60px;
    padding:21px 0px 21px 30px;
    margin-left:-14px;
    font-size:100%;
  }
  100% {
    max-height:1px;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    font-size:1px;
    color:#004f8c;
  }
}

@keyframes fadeInLangSelector {
  0% {
    max-height:1px;
    width:16px;
    padding-top:0px 0px 0px 0px;
    font-size:1px;
    color:#FFFFFF;
  }
  100% {
    max-height:60px;
    width:76px;
    padding:0px 0px 21px 0px;
    font-size:100%;
  }
}

@keyframes fadeOutLangSelector {
  0% {
    max-height:60px;
    width:76px;
    padding:0px 0px 21px 0px;
    font-size:100%;
  }
  100% {
    max-height:1px;
    width:16px;
    padding:0px 0px 0px 0px;
    font-size:1px;
    color:#FFFFFF;
  }
}

@keyframes showSubMenuFinger {
  0% {
    padding-top:0px;
    background-position: 50% -13px;
  }
  60% {
    background-position: 50% 1px;
  }
  100% {
    padding-top:13px;
    background-position: 50% 1px;
  }
}
@keyframes hideSubMenuFinger {
  0% {
    padding-top:13px;
    background-position: 50% 1px;
  }
  60% {
    background-position: 50% 1px;
  }
  100% {
    padding-top:0px;
    background-position: 50% -13px;
  }
}

@keyframes rollIn_ClosedIcon {
  0% {
    transform: rotate(-45deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes turn_PlusIcon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}

@keyframes turnBack_PlusIcon {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes rollOut_Accordion {
  0% {
    max-height:1px;
  }
  99% {
    max-height:800px;
  }
  100% {
    max-height:auto;
  }
}
@keyframes rollIn_Accordion {
  0% {
    max-height:500px;
  }
  100% {
    max-height:1px;
  }
  
}

@keyframes turnArrowDown_Accordion {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes turnArrowUp_Accordion {
  0% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0deg);
  }
  
}

@keyframes scaleTheLogo1 {
  0% {
      -webkit-transform: scale3d(0.1, 0.1, 0.1);
      transform: scale3d(0.1, 0.1, 0.1);
      opacity:0;
  }
  100% {
      -webkit-transform: scale3d(1.0, 1.0, 1.0);
      opacity:1;
  }
}
@keyframes scaleTheLogo2 {
  0% {
      -webkit-transform: scale3d(0.1, 0.1, 0.1);
      transform: scale3d(0.1, 0.1, 0.1);
      opacity:0;
  }
  100% {
      -webkit-transform: scale3d(1.0, 1.0, 1.0);
      opacity:1;
  }
}



#overlayBG {
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  height:calc(100vh);
  width:100%;
  z-index:9000;
  background-color: #0d4564;
  opacity:0.7;
  animation-duration: 600ms;
  animation-name: fadeOverlayBG_in;
}

@keyframes fadeOverlayBG_in {
  0% { 
    opacity:0;
  }
  100% { 
    opacity:0.7;
  }
}

#overlay {
  display:none;
  position:fixed;
  top:0px;
  left:-1px;
  min-height:calc(100vh);
  z-index:9001;
  width:100%;
}