@import url('sec-hwart.css');

/*---------------------------------------------------------------*/
/* Cookie Popup
/*---------------------------------------------------------------*/

#eu_cookiebox {
	display: block;
	z-index: 100;
	position: fixed;
	bottom: 0px;
	min-height: 30px;
	padding: 5px;
	margin: 0 auto;
	width: ;
	color: #555;
	border: 5px solid black;
	
	background: #fff;
}

page-wrapper {
	max-width: 800px;
	margin: 100px auto 0;
	display: block;
}
#cookie-popup {
	font-size: 13px;
	background-color: rgba(0,0,0,0.8);
	text-align: center;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 8000;
	line-height: 20px;
}
.cookie-popup-inner {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.2);
	padding: 20px;
	position: absolute;
	z-index: 9000;
	max-width: 400px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-color: rgba(0,0,0,1);
}
.cookie-popup-inner button {
	background-color: #fff;
	border: 2px solid #fff;
	color: #000;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.cookie-popup-inner button:hover {
	background-color: #c02124;
	border: 2px solid #c02124;
	color: #fff;
}
.more a {
	border: 1px solid #ccc;
	line-height: 24px;
	display: block;
	color: #ccc;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.more a:hover,
.more a:focus {
	text-decoration: none;
	background-color: #333;
	color: #fff;
}
.hidden {
	display: none;
}


/*---------------------------------------------------------------*/
/* HEADER 
/*---------------------------------------------------------------*/
#header .header-holder {background:#182947 url(../images/hwart/bg-header-holder.jpg) 0 0 repeat-x !important;}
.big-banner #header .header-holder {background:#182947 url(../images/hwart/bg-big-header-holder.png) 0 0 repeat-x !important;}
.top-block {background:#13223C !important;}



/*---------------------------------------------------------------*/
/* FOOTER
/*---------------------------------------------------------------*/
#footer {background:#182947 url(../images/hwart/bg-footer.jpg) repeat-x !important;}
#footer_bottom {background:#0A1322 url(../images/hwart/bg-footer-bottom.jpg) repeat-x !important;color: #868686 !important;}



/*---------------------------------------------------------------*/
/* NAVIGATION
/*---------------------------------------------------------------*/
#menu-main-nav li strong {color:#FFF !important;}
#menu-main-nav a span {color:#7D92B9 !important;} /* link color parent level  */
#menu-main-nav a:hover span,
#menu-main-nav li.current_page_item a span,
#menu-main-nav li.current_page_parent a span,
#menu-main-nav li.current-page-ancestor a span,
#menu-main-nav .drop ul li.current-menu-item a,
#menu-main-nav .drop ul li.current-menu-item a span,
#menu-main-nav .drop ul .drop ul li.current-menu-item a,
#menu-main-nav .drop ul .drop ul li.current-menu-item a span{text-decoration:none;color:#FFF !important;} /* A. active link color parent level (see B)  */
#menu-main-nav .drop ul li.current-menu-item a,
#menu-main-nav .drop ul li.current-menu-item a span,
#menu-main-nav .drop ul .drop ul li.current-menu-item a,
#menu-main-nav .drop ul .drop ul li.current-menu-item a span{text-decoration:none;color:#6984AB !important;} /* B. active dropdown link color (if different than A)  */
#menu-main-nav li {background:url(../images/_global/seperator-main-nav.png) 0 50% no-repeat !important;}

/* dropdown */
#menu-main-nav .drop .t {background:url(../images/_global/global-sprite.png) -724px -938px no-repeat !important;}
#menu-main-nav .drop .b {background:url(../images/_global/global-sprite.png) -724px -949px no-repeat !important;}
#menu-main-nav .drop .c, #menu-main-nav li.parent:hover {background:#101E35 !important;}
/* IE only - un-comment for rounded corners 
*:first-child+html #menu-main-nav li.parent:hover {background:url(../images/_global/global-sprite.png) -724px -877px no-repeat !important;} 
*:first-child+html #menu-main-nav li.parent:hover {background-color: none !important;}
*:first-child+html #menu-main-nav li.parent {min-width: 88px !important;width: auto !important;} */


/* dropdown link hover rounded image top */
#menu-main-nav .drop ul li.hover a,
#menu-main-nav .drop ul a:hover {background:#283B67 url(../images/hwart/bg-drop-li-t.jpg) no-repeat !important;}
#menu-main-nav .drop ul .drop ul li.hover a,
#menu-main-nav .drop ul .drop ul a:hover {background:#283B67 url(../images/hwart/bg-drop-li-t.jpg) no-repeat !important;}
#menu-main-nav .drop ul .drop ul .drop ul li.hover a,
#menu-main-nav .drop ul .drop ul .drop ul a:hover {background:#283B67 url(../images/hwart/bg-drop-li-t.jpg) no-repeat !important;}
#menu-main-nav .drop ul .drop ul .drop ul li.current-menu-item a,
#menu-main-nav .drop ul .drop ul .drop ul li.current_page_ancestor a,
#menu-main-nav .drop ul .drop ul .drop ul li.hover a,
#menu-main-nav .drop ul .drop ul .drop ul a:hover {background:#283B67 url(../images/hwart/bg-drop-li-t.jpg) no-repeat !important;}

/* dropdown link hover rounded image bottom */
#menu-main-nav .drop ul li.hover a span,
#menu-main-nav .drop ul a:hover span {background:url(../images/hwart/bg-drop-li-b.jpg) 0 100% no-repeat !important;color:#FFF !important;}
#menu-main-nav .drop ul .drop ul li.hover a span,
#menu-main-nav .drop ul .drop ul a:hover span {background:url(../images/hwart/bg-drop-li-b.jpg) 0 100% no-repeat !important;color:#FFF !important;}
#menu-main-nav .drop ul .drop ul .drop ul li.hover a span,
#menu-main-nav .drop ul .drop ul .drop ul a:hover span {background:url(../images/hwart/bg-drop-li-b.jpg) 0 100% no-repeat !important;color:#FFF !important;}
#menu-main-nav .drop ul .drop ul .drop ul li.current-menu-item a span,
#menu-main-nav .drop ul .drop ul .drop ul li.current_page_ancestor a span,
#menu-main-nav .drop ul .drop ul .drop ul li.hover a span,
#menu-main-nav .drop ul .drop ul .drop ul a:hover span {background:url(../images/hwart/bg-drop-li-b.jpg) 0 100% no-repeat !important;color:#FFF !important;}

/* misc nav settings */
#menu-main-nav li.current-menu-parent li a span,
#menu-main-nav li.current-menu-item li a span,
#menu-main-nav li.current_page_ancestor li a span,
#menu-main-nav .drop ul a,
#menu-main-nav .drop ul a span,
#menu-main-nav .drop ul .drop ul a,
#menu-main-nav .drop ul .drop ul a span,
#menu-main-nav .drop ul .drop ul .drop ul a,
#menu-main-nav .drop ul .drop ul .drop ul a span,
#menu-main-nav li .sub-menu li .sub-menu li .sub-menu li a span {background:none !important;color: #FFF !important;} /* C. dropdown link color */
.search-header #menu-main-nav .sub-menu a span, .search-header #menu-main-nav .current_page_parent  .sub-menu a span, .error-header #menu-main-nav .sub-menu a span, .error-header #menu-main-nav .current_page_parent  .sub-menu a span {color: #FFF !important;}
#menu-main-nav .drop ul li.current-menu-item ul li a,
#menu-main-nav .drop ul li.current-menu-item ul li a span {color:#FFF !important;} /* D. dropdown link color (match C) */
.search-header #menu-main-nav a span, .search-header #menu-main-nav .current_page_parent a span,
.error-header #menu-main-nav a span, .error-header #menu-main-nav .current_page_parent a span{color:#6984AB !important;}
/* #menu-main-nav li{text-shadow:1px 1px 1px #172D52;} */
#menu-main-nav .sub-menu li {text-shadow:none !important;}





/*---------------------------------------------------------------*/
/* LINKS + LISTS
/*---------------------------------------------------------------*/
.top-block, .top-block a, #header .sub-nav li, #header .sub-nav2 li {color:#B1B1B1 !important;}
.top-block a:hover {color:#FFF !important;}
.top-block .sub-nav ul li, .top-block .sub-nav2 ul li {background:url(../images/_global/separator-toolbar.png) 0 50% no-repeat !important;}
.footer-holder a {color:#6984AB !important;}
.footer-holder a:hover {color:#FFF !important;}
#footer_bottom a {color:#6984AB !important;text-decoration:underline;}
#footer_bottom #foot_left p {color:#6984AB !important;}
#footer_bottom a:hover {color:#FFF !important;text-decoration:none;}
.footer_post h4 a{color:#FFF !important;}
#mc_signup .mc_required, .mc_required, #mc-indicates-required {color:#6984AB !important;}
#footer .blogroll a{color:#FFF !important;font-weight:bold;}
#footer .blogroll a:hover{color:#FFF !important;}
#footer .blogroll li{color:#6984AB !important;}




/*---------------------------------------------------------------*/
/* TYPOGRAPHY
/*---------------------------------------------------------------*/
#footer h3 {border-bottom: 1px solid #516D8A !important;}
#footer, #footer_bottom {color: #DDD !important;}
#footer .footer_post h4, #footer .footer_post h4 a {font-weight: bold !important;}
#mc_signup_form label {color:#DDD !important;}



/*---------------------------------------------------------------*/
/* Content Text
/*---------------------------------------------------------------*/
#blaufett { color: #38567c; font-family: Arial; font-size:16px; font-weight: bold; line-height: 18px; }
#graunormal { color: #444444; font-family: Arial; font-size:12px; font-weight: normal; line-height: 20px; }
#blaunormal { color: #38567c; font-family: Arial; font-size:12px; font-weight: bold; line-height: 18px; }
#blaumittel { color: #38567c; font-family: Arial; font-size:14px; font-weight: bold; line-height: 18px; }









.g2g-respo-table {
.g2g-respo-table {display: block;}

.g2g-respo-table * {
	box-sizing:border-box;
}
.g2g-respo-table table {
	width:100%;
}

.g2g-respo-table table, 
.g2g-respo-table td, 
.g2g-respo-table tr, 
.g2g-respo-table th {
	border:1px solid black;
	border-collapse: collapse;
	text-align: left;
}

.g2g-respo-table td, 
.g2g-respo-table tr, 
.g2g-respo-table th {
	padding:1em;
}

.g2g-respo-table th {
	background:#eee;
	font-weight: bold;
}

@media screen and (max-width:700px) {
	
    .g2g-respo-table tr {
		border-bottom: none;
	}
  
   .g2g-respo-table td {
		padding:0;
		border:1px solid black;
	}

	.g2g-respo-table table {
		border:none;
	}

	.g2g-respo-table thead {
		display:none;
	}

	.g2g-respo-table tr {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}

	.g2g-respo-table td {
		float: left;
		width: 100%;
		padding:1em !important;
        border-left: 1px; 
        border-right: 1px;  
	}

	.g2g-respo-table td::before {
		content:attr(data-label);
		word-wrap: break-word;
		background: #eee;
		border-right: 1px solid black;
		width: 20%;
		float:left;
		padding:1em;
		font-weight: bold;
		margin:-1em 1em -1em -1em;
	}
}