/*!
Theme Name: SHBB
Theme URI: http://underscores.me/
Author: #
Author URI: #
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shbb
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

SHBB is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/

geändert durch Dr. Heike Zeriadtke, HZ WebDesign am 07.08.2019
*/
/* Google Font lokal einbinden 11.10.2022 */
@import url("css/fonts.css");
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

blockquote, q {
	quotes: "" "";
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
	margin-left: 0;
}

.owl-carousel {
	padding: 0;
	margin: 0;
	list-style: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #004490;
}

a:visited {
	color: #004490;
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Custom Reset
--------------------------------------------------------------*/
*{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}

img { max-width:100%; height: auto; max-width: 100%; vertical-align:top;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
address{ font-style:normal; margin:0;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
h3{
	font-size:28px;
	font-weight:400;
	margin:0 0 12px;
	color:#7e868b;
	text-transform:uppercase;
}
h4{
	font-size:16px;
	font-weight:600;
	margin:0;
	color:#2f3f4f;
}
/*--------------------------------------------------------------
## Custom Styling
--------------------------------------------------------------*/
body {
	background:#fff;
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	color:#2f3f4f;
	margin:0;
	font-weight:400;
	line-height:22px;
}
.wrapper{ max-width:920px;	margin:0 auto; padding:0 15px;}
header{ position: fixed; width: 100%; z-index: 999; top:0;}
.header-top{ background:#d6e6f3; padding:0 38px;}

.language{ float:right;}
.language ul{}
.language ul li{ display:inline-block; margin:0 13px !important; position:relative;}
.language ul li a{ font-size:12px; padding:0 !important; color:#45535d;}
.language ul li:first-child{ margin-left:0 !important;}
.language ul li:last-child{ margin-right:0 !important;}
.language ul li:after{ content:""; position:absolute; width:1px; height:12px; background:#2d2f2f; top:0px; right:-13px;}
.language ul li:last-child:after{ display:none;}
.language ul li:hover a, .language ul li.active a{ font-size:14px; color:#313536;}
.wpml-ls-legacy-list-horizontal a span { vertical-align: top;}
.wpml-ls-legacy-list-horizontal{ padding:0; border:0;}
.language ul li:hover a, .language ul li.wpml-ls-current-language a{ font-size:12px; color:#004490; font-weight:600;}

.logo{ text-align: center; background:#004490; padding:15px 0;}

/*Navigation
--------------------*/
.main-menu{ background:#e8f1f8; text-align:center; z-index:100; position:relative; background:rgba(214,230,243,0.56);}
.main-menu ul{ display:inline-block; margin:0 -2px;padding: 0; list-style: none;}
.main-menu ul li{ display:inline-block; margin:0 -3px; position:relative; margin:0 10px;}
.main-menu ul li a{ line-height:34px; font-size:12px; color:#313536; text-transform:uppercase;}
.main-menu ul li:first-child{ margin-left:0;}
.main-menu ul li:last-child{ margin-right:0;}
.main-menu ul li:last-child:after{ display:none;}
.main-menu ul li:hover a, .main-menu ul li.active a{ color:#004490;}
.main-menu ul li.active a{ font-weight:600; color:#00448f;}
.main-menu ul li:after{ content:""; position:absolute; width:2px; height:2px; background:#2d2f2f; top:50%; right:-13px;}

.main-menu .header-search{ display:inline-block; margin: 0 0 0 33px; position:relative;}
.header-search img { position: relative; top: 3px;}
.header-search .search-box{ position:absolute; top:29px; right:0; width:220px; display:none; background: rgba(255, 255, 255, 0.6); padding:10px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);}
.header-search .search-box input[type="text"]{ border-radius:0; background:#fff; font-size:12px; width:100%; margin:0;}

/*Slider
--------------------*/
.banner-slider{ position:relative; z-index:99; position:relative;}
.banner-slider li{ width:100%;  height: auto ; /*100vh;*/} /* sonst fallen Bild und call to action auseinander ! */
.banner-slider li img{ height:inherit; object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -webkit-object-fit: cover;}
.banner-rt-content{ background:rgba(255,255,255,0.61); position:absolute; right:0; bottom:40px; padding:16px 24px 16px 15px; text-transform:uppercase; text-align:right; line-height: normal; width:394px; height:94px; line-height: 31px; font-size:23px; color:#00448f;}
.banner-lt-content{ background:#00448f; border:2px solid #fff; border-left:0; position:absolute; left:0; top:340px; text-align:center; z-index:100;}
.banner-lt-content a{ text-transform:uppercase; color:#fff; font-size:10px; padding:10px 5px; display:block; line-height:14px;}
/* hinzugefügt am 25.01,2023 Dr,. Heike Zeriadtke */
.banner-lt-bewerbungen{ background:#00448f; border:2px solid #fff; border-left:0; position:absolute; left:0; top:260px; text-align:center; z-index:100;}
.banner-lt-bewerbungen a{ /*text-transform:uppercase;*/ color:#fff; font-size:20px; padding:10px 5px; display:block; line-height:24px;}
.banner-lt-facebook{ background:#00448f; border:2px solid #fff; border-right:0; position:absolute; right:0; top:260px; text-align:center; z-index:100;}
.banner-lt-instagram{ background:#00448f; border:2px solid #fff; border-right:0; position:absolute; right:0; top:320px; text-align:center; z-index:100;}
.banner-lt-facebook, .banner-lt-instagram { padding: 4px 16px 4px 8px;}
.scroll-arrow { bottom: 28px; position: absolute; text-align: center; width: 100%; z-index:999;}
.scroll-arrow img{ width:auto; height:auto;}




/*Heading*/
.section-header{
	padding-bottom: 40px;
    position: relative;
    text-align: center;
	max-width:740px;
	margin:0 auto;
}
h2.section-title {
    background-attachment: scroll;
    background-image: url(images/divider.png);
    background-position: center center;
    background-repeat: repeat-x;
	font-size:48px;
	color:#00448f;
	text-transform:uppercase;
	font-weight:400;
	margin:0;
	line-height:normal;
}
.section-title span{
	 padding: 0 28px;
	 background:white;
	 position:relative;
}
.section-title span:before{
	content:"";
	position:absolute;
	left:8px;
	top:-5px;
	background:url(images/clip-left.png) no-repeat 0 0;
	width:18px;
	height:65px;
}
.section-title span:after{
	content:"";
	position:absolute;
	right:8px;
	top:-5px;
	background:url(images/clip-right.png) no-repeat 0 0;
	width:18px;
	height:65px;
}

.container{ padding:70px 0;}
.top-paragraph{
	max-width:650px;
	margin:0 auto 40px;
}

/*Two Column*/
.row{ margin:0 -8px; position: relative;}
.two-column{ float:left; width:50%; padding:0 8px;}

input[type="text"], input[type="email"], input[type="tel"]{
	border:1px solid #dddddd;
	background:transparent;
	width:100%;
	line-height:30px;
	border-radius:0;
	display:block;
	margin:0 0 12px;
	color:#505050;
	padding:0 10px;
}
label{
	color:#505050;
	font-size:14px;
	display:block;
	margin:0px;
	line-height:26px;
}
textarea{
	height:195px;
	resize:none;
	padding:10px;
	margin:0 0 12px;
	border-radius:0;
}
input[type="submit"]{
	background:#00448f;
	color:#fff;
	padding:10px 5px;
	border:0;
	border-radius:0;
}

/*Services*/
.services ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.services ul li{
	margin:0 0 50px;
	float:left; 
	width:50%;
}
.services ul li img{
	float:left;
	display:block; 
	margin:3px 10px 0 0;
}
.services ul li .services-content{
	float:left;
	overflow: hidden;
    width: calc(100% - 45px);
}
.services ul li p{
	line-height:14px;
	margin:0;
}

/*chancellery*/
.chancellery{
}
.chancellery ul{
	margin:0 -8px;
	padding: 0;
	list-style: none;
}
.chancellery li{
	width:33.33%;
	float:left;
	padding:0 8px;
}
.chancellery li img{
	display:block; 
	margin-bottom:26px;
	width:100%;
}
.chancellery li a{
	display:block;
	margin-top:8px;
	color:#00448f;
}
.chancellery.locations li { width:25%; }
.chancellery.locations li a {
	display: inline-block;
	margin: 0;
}

.chancellery.locations li p:first-child {
	/*padding: 0 50px;*/
	padding: 0 25px;
}

/*contact*/
.contact{}
.contact a{ color:#225d9e;}
.contact p{ margin:0 0 30px;}
.contact-section{ margin-bottom:-60px; position:relative;}

/*Footer*/
.footer{ margin-bottom:40px;}
.footer-wrapper{ max-width:1090px; margin:0 auto; padding: 0 15px;}
.footer-link ul li{ display:inline-block; padding:0 5px; position:relative; font-size:12px;}
.footer-link ul li a{ color:#7ecdf7;}
.footer-link ul li:after{ content:"|"; position:absolute; right:-4px; top:0px; height:11px; color:#7ecdf7;}
.footer-link ul li:last-child:after{ display:none;}

/*breadcrumb*/
.breadcrumb{ padding:150px 0 50px;}
.breadcrumb span{ font-size:12px; color:#464646; padding:0 10px;}
.breadcrumb span span{ font-weight:700;}
.breadcrumb span:first-child{ padding-left:0;}
.breadcrumb span:last-child{ padding-right:0;}
.breadcrumb span a{ color:#787878; position:relative;}
.breadcrumb span a:after{ content:""; position:absolute; right:-11px; width:3px; height:3px; background:#303030; top:6px; border-radius:50%;}
.breadcrumb span a:after:last-child{ display:none;}
.breadcrumb span a span{ font-weight:400;}

/*Team section*/
.team-section{}
.teams { padding:30px 0 0;}
.teams ul{padding: 0; margin: 0; list-style: none;}
.teams ul li{ float:left; width:20%; color:#414d55;}
.teams ul li .team-box{ margin:10px; position:relative;}
.teams ul li .team-info{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(209,218,225,0.9); padding:8px 12px; font-size: 13px; opacity:0; visibility:hidden;}
.team-name{ color:#376da4; text-transform:uppercase; font-size: 13px;}
.team-designation{ font-weight:700; color:#303d45; margin-bottom:15px;}
.teams ul li:hover .team-info{opacity:1; visibility:visible; transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -webkit-transition:all ease 0.5s;}

.navbar-toggle{ display:none;}

.error404 header, .search header, .single header{ position:relative;}
h1 { font-size: 38px; line-height: 48px;}
.header-section.fixed-header{ transition:all ease-in-out 0.5s;}
.header-section.fixed-header .header-top { display:none;}

.blog header{ position:relative;}
.blog-section{}
/* geändert: 07.08.2019 Dr. Heike Zeriadtke, Blog-Beiträge sauber anordnen */
.blog-section ul{ list-style:none; display: flex; flex-wrap: wrap; display: -ms-flexbox; -ms-flex-wrap: wrap; padding:0; margin:0 -15px;}
.blog-section ul li{ display:flex; display: -ms-flexbox; padding: 15px 15px; width: 33.33%;}
/* alte Fassung */
/*.blog-section ul{ list-style:none; padding:0; margin:0 -15px;}*/ 
/*.blog-section ul li{ display:block; float: left; padding: 15px 15px; width: 33.33%;} */
.blog-section ul li:last-child{ border-bottom:0;}
.blog-section ul li img{ margin-bottom:15px; object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -webkit-object-fit: cover; width: 100%; height:192px;}
.single-image img{ width:100%; margin:0 0 10px; display:block;}
.blog-section h3{ font-weight:600; font-size:20px;}
.blog-section ul li p{ margin:0 0 10px;}

.wp-pagenavi{ text-align:center; margin:50px 0 20px;}
.wp-pagenavi a, .wp-pagenavi span{ padding:6px 12px; border-color:#004490; color:#004490;}
.wp-pagenavi a:hover, .wp-pagenavi span.current{ color:#fff; background:#004490;}
.wp-pagenavi span.nextpostslink:hover, .wp-pagenavi span.previouspostslink:hover{ color:#fff; background:#004490;}

/*Responsive
=========================*/
@media screen and (max-width: 979px) {
	h2.section-title{ font-size:42px;}
	h3{ font-size:24px;}
	.blog-section ul li img { height:225px; width:228px;}
}

@media screen and (max-width: 767px) {
	.banner-rt-content{ bottom: 40px; width:auto; height:auto; line-height:22px; font-size:18px; padding-left:30px;}
	.banner-lt-content{ top:280px; } /* sonst call to action unter Banner ! */
	.banner-lt-bewerbungen{ top:200px; font-size: 14px; line-height: 18px; }
	.banner-lt-facebook { top: 200px;} 
	.banner-lt-instagram { top: 260px;}
	.banner-lt-facebook img, .banner-lt-instagram img { width: 30px; height: auto;}
	h2.section-title{ font-size:34px;}
	h3{ font-size:20px;}
}

@media only screen and (min-width: 768px){
	.main-menu{ display:block !important;}
}

@media screen and (max-width: 767px) {
	/*Toggle Nav*/
	.language { float: left;}
	.main-menu{ display:none;}
	.navbar-toggle{ position:absolute; right: 15px; top: 11px; cursor:pointer; display:block;}
	.navbar-toggle span{ display:block; width:20px; height:3px; background:#004490; margin-bottom:3px;}
	
	.main-menu{ left: 0; position: absolute; top: 97px; width: 100%; background:rgba(0,0,0,0.8); z-index:99999 !important;}
	.main-menu .wrapper{ padding:0;}
	.main-menu ul{ display:block;}
	.main-menu ul li{ display:block; margin:0; text-align:left;}
	.main-menu ul li a{ padding:2px 10px; color:#fff; font-size: 15px;}
	.main-menu ul li:hover a{ background:#d6e6f3; color:#000;}
	.main-menu ul li::after{ display:none;}
	.main-menu ul li a{ display:block;}
	.header-top{ padding:7px 0px;}
	
	.container { padding: 20px 0;}
	.services ul li { float: none; overflow: hidden; width: auto;}
	.chancellery li { float: none; overflow: hidden; width: auto; margin:0 0 40px;}
	.chancellery li img{ width:100%;}
	.two-column{ float: none; overflow: hidden; width: auto; margin:0 0 40px;}
	.footer-link { text-align: center;}
	.banner-rt-content{ font-size:14px;}
	.section-title span::before, .section-title span::after{ background-size:78%;}
	.main-menu .header-search{ display:none;}
	.banner-slider{ margin-bottom:20px;}
	.blog-section ul li{ width:auto; float:none; }
	.blog-section ul li img { height:auto; width:100%; margin-bottom:10px;}
}

@media screen and (max-width: 479px) {
	.banner-rt-content { bottom: 4px;}
	.banner-lt-content{ top:200px; } /* sonst call to action unter Banner ! */
	.banner-lt-bewerbungen{ top:120px; font-size: 14px; line-height: 18px; }
	.banner-lt-facebook { top: 110px;} 
	.banner-lt-instagram { top: 154px;}
	h2.section-title { font-size: 22px;}
	.section-title span::before, .section-title span::after{ background-size:55%;}
	.section-title span::after{ right:0;}
	.section-title span{ padding:0 16px;}
	h3{ font-size:17px;}
	h4{ font-size:15px;}
}