/*
 Theme Name:   Delphin Consult 2020
 Theme URI:    https://generatepress.com
 Description:  Delphin Consult GeneratePress child theme 2020
 Author:       Stefan Kuhn / just4business.de
 Author URI:   https://just4business.de
 Template:     generatepress
 Version:      0.1
*/


/******************************************************************************
 * Schrift "Source Sans Pro" installieren
 ******************************************************************************/

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('./fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/source-sans-pro-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('./fonts/source-sans-pro-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v13-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* source-sans-pro-italic - latin */
/*
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/source-sans-pro-v13-latin-italic.eot');
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('./fonts/source-sans-pro-v13-latin-italic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/source-sans-pro-v13-latin-italic.woff2') format('woff2'),
       url('./fonts/source-sans-pro-v13-latin-italic.woff') format('woff'),
       url('./fonts/source-sans-pro-v13-latin-italic.ttf') format('truetype'),
       url('./fonts/source-sans-pro-v13-latin-italic.svg#SourceSansPro') format('svg');
  font-display: swap;
}
*/

/* source-sans-pro-700italic - latin */
/*
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/source-sans-pro-v13-latin-700italic.eot');
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
       url('./fonts/source-sans-pro-v13-latin-700italic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/source-sans-pro-v13-latin-700italic.woff2') format('woff2'),
       url('./fonts/source-sans-pro-v13-latin-700italic.woff') format('woff'),
       url('./fonts/source-sans-pro-v13-latin-700italic.ttf') format('truetype'),
       url('./fonts/source-sans-pro-v13-latin-700italic.svg#SourceSansPro') format('svg');
  font-display: swap;
}
*/

/* Source Sans Pro als Standard-Schrift verwenden */
::placeholder{
	font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
::-moz-placeholder{
	font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
::-webkit-input-placeholder{
	font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
:-moz-placeholder{
	font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
:-ms-input-placeholder {
	font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
body, button, input, select, textarea {
	font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}


/******************************************************************************
 * Variable Schriftgrößen
 ******************************************************************************/

/* CSS in here for mobile only */
body, button, input, select, textarea {
	font-size: 16px;
	font-size: calc( 16px + 8 * ( ( 100vw - 320px ) / 160 ) );
	line-height: 1.4;
}
/* CSS in here for tablet (portrait modus) only */
@media (min-width: 481px) and (max-width: 768px) {
	body, button, input, select, textarea {
		font-size: 19px;
		font-size: calc( 13.9px + 8.6 * ( ( 100vw - 480px ) / 288 ) );
	}
}
/* CSS in here for tablet (landscape modus) only */
@media (min-width: 769px) and (max-width: 1024px) {
	body, button, input, select, textarea {
		font-size: 18px;
		font-size: calc( 15px + 5 * ( ( 100vw - 768px ) / 256 ) );
	}
}
/* CSS in here for desktop only */
@media (min-width: 1025px) {
	body, button, input, select, textarea {
		font-size: 21px;
	}
}



/*****************************************************************************
 *
 * BASIC RESPONSIVE TYPOGRAPHY
 *
 *****************************************************************************/
@media (max-width: 480px) {
/* Smartphone Typo - Major Second */
	h1 { font-size: 1.424em;}
	h2 { font-size: 1.266em;}
	h3 { font-size: 1.125em; }
	h4, h5, h6 { font-size: 1em ;}
}
@media (min-width: 481px) and (max-width: 1024px) {
	/* Tablet Typo - Major Third */
	h1 { font-size: 1.953em;}
	h2 { font-size: 1.563em;}
	h3 { font-size: 1.25em; }
	h4, h5, h6 { font-size: 1em;}
}
@media (min-width: 1025px) {
	/* Desktop Typo - Perfect Fourth */
	h1 { font-size: 2.369em;}
	h2 { font-size: 1.777em;}
	h3 { font-size: 1.333em; }
	h4, h5, h6 { font-size: 1em;}
}

.one-container:not(.page) .inside-article {
	padding: 0 0 3em;
}



/******************************************************************************
 * Automatische Silbentrennung in Headlines & Absätzen aktivieren & optimieren
 ******************************************************************************/
p, h1, h2, h3, h4, h5, h6 {
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-before: 3;
	-webkit-hyphenate-limit-after: 3;
	-webkit-hyphenate-limit-chars: 6 3 3;
	-webkit-hyphenate-limit-lines: 2;
	-webkit-hyphenate-limit-last: always;
	-webkit-hyphenate-limit-zone: 8%;
	-moz-hyphens: auto;
	-moz-hyphenate-limit-chars: 6 3 3;
	-moz-hyphenate-limit-lines: 2;
	-moz-hyphenate-limit-last: always;
	-moz-hyphenate-limit-zone: 8%;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: 6 3 3;
	-ms-hyphenate-limit-lines: 2;
	-ms-hyphenate-limit-last: always;
	-ms-hyphenate-limit-zone: 8%;
	hyphens: auto;
	hyphenate-limit-chars: 6 3 3;
	hyphenate-limit-lines: 2;
	hyphenate-limit-last: always;
	hyphenate-limit-zone: 8%;
}



/******************************************************************************
 * Abstände der Seitenelemente definieren
 ******************************************************************************/
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header,
.site.footer-widgets
{
	padding: 20px 16px;
}
.site.footer-widgets
{
	padding: 20px 0px;
}
.inside-footer-widgets
{
	padding: 0px 16px;
}
.site-info {
	padding-left: 16px;
	padding-right: 16px;
}
@media (min-width: 1025px) {
	.inside-header,
	.inside-page-header,
	.one-container .site-content,
	.separate-containers .comments-area,
	.separate-containers .inside-article,
	.separate-containers .page-header,
	.separate-containers .paging-navigation
	{
		padding: 40px 24px 40px 24px;
	}
	.site.footer-widgets
	{
		padding: 40px 0px;
	}
	.inside-footer-widgets
	{
		padding: 0px 24px;
	}
	.site-info {
		padding-left: 24px;
		padding-right: 24px;
	}
}



/******************************************************************************
 *
 * Changing Navigation Font-Sizes
 *
 ******************************************************************************/

/* FONT SIZE */

.main-navigation .main-nav ul li a,
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a {
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.25px;
}

.main-navigation .main-nav ul ul li a, 
.main-navigation .main-nav ul ul li:hover > a,
.main-navigation .main-nav ul ul li:focus > a,
.main-navigation .main-nav ul ul li.sfHover > a {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1.6071px;
	text-transform: none;
}



/******************************************************************************
 * Changing Navigation Colors
 *
 * Quelle: https://docs.generatepress.com/article/changing-navigation-colors/
 *
 ******************************************************************************/

/* MENU ITEMS */

.main-navigation {
	color: #222;
	background-color: #fff;
}

.main-navigation a {
	font-weight: bold;
}

.main-navigation .navigation-search input[type="search"], 
.main-navigation .navigation-search input[type="search"]:active,
.main-navigation .navigation-search input[type="search"]:focus {
	color: #fff;
	background-color: #3f3f3f;
}

.main-navigation .main-nav ul li a,
.main-navigation .main-nav ul li:hover > a, 
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a {
	color: #fff;
	background-color: #277179;
}
@media (min-width: 1025px) {
	.main-navigation .main-nav ul li a {
		color: #222;
		background-color: inherit;
	}
}

.main-navigation .menu-toggle {
	color: #222;
}

/* SUB-NAVIGATION */

.main-navigation .main-nav ul ul li a {
	color: #222;
	background-color: #d0e8e8;
}
.main-navigation .main-nav ul ul ul li a {
	background-color: #fff;
}
@media (min-width: 1025px) {
	.main-navigation .main-nav ul ul li a,
	.main-navigation .main-nav ul ul ul li a {
		background-color: #d0e8e8;
	}
}

/* MENU ITEM HOVER */

.main-navigation .main-nav ul li:hover > a, 
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a {
	color: #fff;
	background-color: #277179;
}

/* SUB-NAVIGATION HOVER */

.main-navigation .main-nav ul ul li:hover > a, 
.main-navigation .main-nav ul ul li:focus > a,
.main-navigation .main-nav ul ul li.sfHover > a {
	color: #222;
	background-color: #d0e8e8;
}
.main-navigation .main-nav ul ul ul li:hover > a, 
.main-navigation .main-nav ul ul ul li:focus > a,
.main-navigation .main-nav ul ul ul li.sfHover > a {
	background-color: #fff;
}
@media (min-width: 1025px) {
	.main-navigation .main-nav ul ul li:hover > a, 
	.main-navigation .main-nav ul ul li:focus > a,
	.main-navigation .main-nav ul ul li.sfHover > a,
	.main-navigation .main-nav ul ul ul li:hover > a, 
	.main-navigation .main-nav ul ul ul li:focus > a,
	.main-navigation .main-nav ul ul ul li.sfHover > a {
		background-color: #99cccf;
	}
}

/* CURRENT ITEMS */

.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a, 
.main-navigation .main-nav ul li[class*="current-menu-"]:focus > a, 
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
	color: #fff;
	background-color: #277179;
}
@media (min-width: 1025px) {
	.main-navigation .main-nav ul li[class*="current-menu-"] > a {
		color: #222;
		background-color: #fff;
	}
}

/* SUB-NAVIGATION CURRENT ITEMS */

.main-navigation .main-nav ul ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul ul li[class*="current-menu-"]:hover > a, 
.main-navigation .main-nav ul ul li[class*="current-menu-"]:focus > a, 
.main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a {
	color: #222;
	background-color: #d0e8e8;
}
@media (min-width: 1025px) {
	.main-navigation .main-nav ul ul li[class*="current-menu-"]:hover > a, 
	.main-navigation .main-nav ul ul li[class*="current-menu-"]:focus > a, 
	.main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a {
		color: #222;
		background-color: #99cccf;
	}
}

/******************************************************************************
 * Mobil-Ansicht: Elemente der Navigation-Bar positionieren
 ******************************************************************************/

/* MENÜEINTRÄGE DIMENSIONIEREN */
.main-navigation .main-nav ul li a,
.main-navigation .main-nav ul ul li a,
.main-navigation .main-nav ul ul ul li a {
	line-height: 48px;
	padding: 0px 16px;
}

.menu-item-has-children .dropdown-menu-toggle,
.menu-item-has-children ul .dropdown-menu-toggle {
	padding: 0 16px;
	margin-top: 0;
	min-width: 48px;
	box-sizing: border-box;
}
@media (min-width: 1025px) {
	.main-navigation .main-nav ul li a {
		line-height: 64px;
	}
	.main-navigation .main-nav ul ul li {
		line-height: 48px;
	}
	.main-navigation .main-nav ul ul li a {
		line-height: 48px;
		height:48px;
	}
	.main-navigation .main-nav ul ul ul li a {
		line-height: 1.2;
		height:48px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

/* MOBILE ONLY MENÜEINTRÄGE VERSTECKEN */
@media (min-width: 1025px) {
	.mobileonly {
		display:none;
	}
}

/* SUCHFELD DIMENSIONIEREN */
.search-item {
	display:none;
	min-width:48px;
}
@media (min-width: 1025px) {
	.search-item {
		display:block;
	}
	.main-navigation .main-nav ul li.search-item a {
		padding: 0 24px;
		min-width: 16px;
	}
}
@media (min-width: 1025px) {
	.main-navigation .navigation-search input[type="search"] {
		height: 64px;
	}
	.navigation-search.nav-search-active {
		width: calc(100% - 64px);
	}
	li.search-item.active {
		margin-right: 0px;
	}
}

/* SEITE UM DIE HÖHE DER NAVIGATION-BAR NACH UNTEN VERSETZEN */
body {
	margin-top: 58px;
}
@media (min-width: 1025px) {
	body {
		margin-top: 64px;
	}
}

/* BUGFIX: ANDERE WERTE VERGRÖSSERN DIE NAVIGATION-BAR */
.main-navigation .inside-navigation {
	line-height: 0;
}

/* Icons zum Ein-/Ausklappen der Menüs positionieren & dimensionieren */
.main-navigation .gp-icon svg {
	height: 24px;
	width: 24px;
}
.main-navigation .gp-icon.icon-search svg {
	height: 17px;
	width: 17px;
	top: 2.5px;
}
.main-navigation .gp-icon.icon-arrow svg {
	top: 6px;
}
@media (min-width: 1025px) {
	.main-navigation ul ul .gp-icon.icon-arrow svg {
		height: 15px;
		width: 15px;
		top: 2px;
	}
}

/* Menu-Toogle zum Ein-/Ausschalten der Navigation positionieren & dimensionieren */
button.menu-toggle {
	position:absolute;
	top:0;
	right:0;
	width: auto !important;
	padding: 0 16px;
	line-height: 56px;
	font-size: 24px;
	color: inherit;
}

/* MOBIL-ANSICHT: FARBE DES MENU-TOGGLE ZUM EIN-/AUSSCHALTEN DER NAVIGATION */
button.menu-toggle,
button.menu-toggle:hover,
button.menu-toggle:focus {
	color: inherit;
}

/* MOBIL-ANSICHT: BESCHRIFTUNG DES MENU-TOGGLE FORMATIEREN UND LINKS VOM BUTTON POSITIONIEREN */
.mobile-menu{
	float: left;
	padding-left: 0px;
	padding-right: 8px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

/* SITE-LOGO LINKS IN DER NAVIGATION-BAR POSITIONIEREN */
.main-navigation .site-logo {
	position: relative;
	top: 0;
	left: 0;
}
@media (min-width: 1025px) {
.main-navigation .site-logo {
		float: left;
	}
}

/* KLICKBARE FLÄCHE DES SITE-LOGO-LINKS AUF VOLLE HÖHE DER NAVIGATIOJN-BAR VERGRÖSSERN */
.main-navigation .site-logo a {
	line-height: 0;
	padding: 4px 16px;
}
@media (min-width: 1025px) {
	.main-navigation .site-logo a {
		line-height: 0;
		padding: 8px 16px 8px 24px;
	}
}

/* SITE-LOGO AUF 48 PIXEL HÖHE SKALIEREN */
.main-navigation .site-logo img {
	width: auto;
	height: 48px;
}

/* LINIE OBERHALB DER SUB-MENÜS */
.site-logo:after {
	content: "";
	display: block;
	width: 100vw;
	border-bottom: 2px solid #38a3ae;
}
@media (min-width: 1025px) {
	.site-logo::after {
		display: none;
	}
}

/* SCHATTEN IN SUB-MENÜS DEAKTIVIEREN UND HINTERGRUND TRASPARENT SCHALTEN */
.main-navigation ul ul {
	box-shadow: none;
	background-color: transparent;
}

/* SCHATTEN IN SUB-MENÜS DEAKTIVIEREN UND HINTERGRUND TRASPARENT SCHALTEN */
.main-navigation ul ul {
	width: 225px;
}



/* DESKTOP-ANSICHT: NAVIGATIONS-MENÜ DIMENSIONIEREN UNDD POSITIONIEREN */
@media (min-width: 1025px) {
	.main-navigation .inside-navigation {
		padding-left: 0px;
		padding-right: 0px;
		margin: auto;
		max-width: min(100%,1024px);
	}
}
/* BUGFIX: WIRD BENÖTIGT WENN CONTAINER-BREITE KLEINER ALS MENÜ-BREAKPOINT FÜR MOBIL-ANSICHT */
/*
@media (min-width: 948px) and (max-width: 1024px) {
	.main-navigation.toggled {
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.site-logo:after {
		position: absolute;
		z-index: 50;
		left: calc((948px - 100vw) / 2);
		-moz-box-shadow: 0px 5px 18px -3px rgba(0,0,0,.5);
		-webkit-box-shadow: 0px 5px 18px -3px rgba(0,0,0,.5);
		box-shadow: 0px 5px 18px -3px rgba(0,0,0,.5);
	}
	.main-navigation.toggled #primary-menu {
		-moz-box-shadow: 0px 5px 18px -3px rgba(0,0,0,.5);
		-webkit-box-shadow: 0px 5px 18px -3px rgba(0,0,0,.5);
		box-shadow: 0px 5px 18px -3px rgba(0,0,0,.5);
	}
}
*/

/* HEADER EBENSO HOCH WIE DIE NAVIGATION */
.inside-header {
	padding: 0 40px;
}

/* LINIE UNTERHALB DES HEADERS UND DER NAVIGATION */
.main-navigation.toggled #primary-menu {
	border-bottom: #38a3ae solid 2px;
}
@media (min-width: 1025px) {
	#site-navigation {
		border-bottom: #38a3ae solid 2px;
	}
}

/* DESKTOP-ANSICHT: SUB-MENÜS UM DIE DICKE DER LINIE NACH UNTEN VERSETZEN */
@media (min-width: 1025px) {
	#primary-menu > ul > li > ul {
		border-top: transparent 2px solid;
	}
}

/* SCHATTEN UNTERHALB DER NAVIGATION */
#site-navigation {
	-moz-box-shadow: 0px 5px 18px -3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 5px 18px -3px rgba(0,0,0,.5);
	box-shadow: 0px 5px 18px -3px rgba(0,0,0,.5);
}

/* NAVIGATION AM OBEREN BILDSCHIRMRAND FIXIEREN */
#site-navigation {
	position: fixed;
	top: 0;
	z-index: 99998;
	width: 100%;
}

/* WORDPRESS ADMIN-BAR FIXIEREN UND NAVIGATION-BAR ENTSPRECHEND TIEFER POSITIONIEREN */
#wpadminbar {
	position: fixed !important;
}
.admin-bar #site-navigation {
	top: 46px;
}
@media (min-width: 783px) {
	.admin-bar #site-navigation {
		top: 32px !important;
	}
}

/* DESKTOP-ANSICHT: SCHATTEN UM DIE SUB-MENÜS */
@media (min-width: 1025px) {
	.main-navigation .sub-menu {
		-moz-box-shadow: 5px 5px 18px -3px rgba(0,0,0,.5);
		-webkit-box-shadow: 5px 5px 18px -3px rgba(0,0,0,.5);
		box-shadow: 5px 5px 18px -3px rgba(0,0,0,.5);
	}
}

/* SITE-HEADER AUSBLENDEN */
.site-header {
	display:none;
}

/* MOBIL-ANSICHT: BUGFIX FÜR SCROLLBARES MENÜ DER NAVIGATION */
#primary-menu {
	max-height: calc(100vh - 56px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.admin-bar #primary-menu {
	max-height: calc(100vh - 56px - 46px);
}
@media (min-width: 769px) {
	.admin-bar #primary-menu {
		max-height: calc(100vh - 56px - 32px);
	}
}
@media (min-width: 1025px) {
	#primary-menu {
		max-height: none;
		overflow-y: inherit;
		-webkit-overflow-scrolling: inherit;
	}
}



/******************************************************************************
 * Ausrichtung, Reihenfolge und Größe aller Elemente der Haupt-Navigation
 ******************************************************************************/

/* Navigation auf voller Breite des Contents */
.nav-below-header .main-navigation .inside-navigation.grid-container,
.nav-above-header .main-navigation .inside-navigation.grid-container {
	padding: 0;
}

/* Navigation rechts ausrichten */
.main-navigation .inside-navigation {
	justify-content: flex-end;
}

/* Reihenfolge der Navigations-Elemente; Site-Logo füllt bei Bedarf den Freiraum auf */
.main-navigation .site-logo {
	order: 1;
	flex-grow: 1;
}
.main-navigation .menu-bar-items {
	order: 2;
}
.main-navigation button.menu-toggle {
	order: 3;
}
.main-navigation .navigation-search {
	order: 4;
}
.main-navigation .main-nav {
	order: 5;
}

/* Beschriftung des Burger-Symbols auf sehr kleinen Display ausblenden */
.main-navigation .menu-toggle .gp-icon + .mobile-menu {
	display: none;
}
/* Beschriftung des Burger-Symbols auf größeren Display links vom Symbol anzeigen (ab 320px Breite) */
@media (min-width: 320px) {
	.main-navigation .menu-toggle .gp-icon + .mobile-menu {
		float: left;
		display: block;
		padding-left: 0px;
		padding-right: 9px;
		display: block;
	}
}

/* Menu-Bar-Items auf kleinen Displays ausblenden */
.main-navigation .menu-bar-items {
	display: none;
}
@media (min-width: 400px) {
	.main-navigation .menu-bar-items {
		display: flex;
	}
}

/* Desktop-Ansicht der Navigation */
c	/* Navigation in der Desktop-Ansicht links ausrichten */
	.main-navigation .inside-navigation {
		justify-content: flex-start;
	}
	/* Reihenfolge der Navigations-Elemente; Site-Logo in der Desktop-Ansicht nicht mehr Platz einräumen */
	.main-navigation .site-logo {
		order: 1;
		flex-grow: 0;
	}
	/* Menü-Einträge füllen bei Bedarf den Freiraum auf */
	.main-navigation .main-nav {
		order: 2;
		flex-grow: 1;
	}
	.main-navigation .menu-bar-items {
		order: 3;
	}
	.main-navigation .navigation-search {
		order: 4;
	}
	.main-navigation button.menu-toggle {
		order: 5;
	}
}




/******************************************************************************
 *
 * Footer
 *
 ******************************************************************************/

/* BREITE DES FOOTERS DEFINIEREN */
.inside-site-info.grid-container {
	max-width: calc(1024px - 48px);
}

/* WELLE OBERHALB DES FOOTERS FÄRBEN UND FORMATIEREN */
.site-footer {
	background-color: #277179;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjQiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAtMjAgMTAwIDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCguMTQyODYgMCAwIC4wODE4OTQgMCAtMTguMzYyKSI+CjxwYXRoIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTIwKSIgZD0ibTAgMHYxMy4yMTdjMjMuNDM4LTYuNDQ1MyA1My43NDEtOS4xMTM3IDg3LjY0My05LjIxMjkgMi4yNjAxLTAuMDA2NjIgNC41MzctMC4wMDIyIDYuODI4MSAwLjAxMzY3MiA4MC42NDcgMC41NTg1OSAxNzkuOSAxNC44MjQgMjU1LjUzIDI3LjE5OSA5MCAxNyAyNjAgNy41IDM1MC0yMHYtMTEuMjE3eiIgZmlsbD0iI2ZmZiIvPgo8cGF0aCBkPSJtODcuNjQzLTE5Ljk5N2MtMzMuOTAyIDAuMDk5MjA2LTY0LjIwNSAyLjc2NzYtODcuNjQzIDkuMjEyOXYyMmMzMi41LTcuMzEyNSA3Ni41NTItMTAuNjY1IDEyNS40NS0xMC43OTMgNzEuNDctMC4xODcyOSAxNTMuMyA2LjUxMTcgMjI0LjU1IDE3Ljc5MyA4MCAxMyAyNjAgMTcgMzUwLTV2LTI2Yy05MCAyNy41LTI2MCAzNy0zNTAgMjAtNzUuNjI1LTEyLjM3NS0xNzQuODgtMjYuNjQxLTI1NS41My0yNy4xOTktMi4yOTExLTAuMDE1ODctNC41NjgtMC4wMjAyOS02LjgyODEtMC4wMTM2N3oiIGZpbGw9IiM5OWNjY2YiLz4KPC9nPgo8L3N2Zz4=);
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;
}
.site-info {
	color: #d0e8e8;
	background-color: transparent;
	padding-top: calc(24px + 4vw);
	font-size: 15px;
	letter-spacing: 1.25px;
	text-transform: none;
}
.site-info a, .site-info a:visited {
	color: #d0e8e8;
}
.site-info a:hover {
	color: #fff;
}

/* COPYRIGHT-ZEICHEN VOR FIRMENNAME & JAHR */
.copyright-bar a[title="Delphin Consult"]::before {
	content: "© ";
}
.copyright-bar > a {
	font-weight: normal;
}

/* FETTE FOOTER-LINKS */
.footer-bar a {
	font-weight: bold;
}

/* Current FOOTER-LINK */
.footer-bar .widget_nav_menu .current-menu-item a {
	color: inherit;
}
.footer-bar .widget_nav_menu .current-menu-item a:hover {
	color: #fff;
}

/* ZENTRIERTE FOOTER-ELEMENTE */
.copyright-bar,
.footer-bar {
	text-align: center !important;
}

/* BUGFIX: AUCH BEI SMALL-CONTENT-SEITEN DEN FOOTER GANZ UNTEN IM FENSTER PLATZIEREN */
html {
	height: calc(100%);
	width: 100%;
}
body {
	height: calc(100% - 58px);
	display:flex; 
	flex-direction:column; 
}
@media (min-width: 1001px) {
	body {
		height: calc(100% - 64px);
	}
}
.site-footer{
	margin-top:auto; 
}

/******************************************************************************
 * IE-Bugfix: Seiten-Inhalt zentrieren 
 ******************************************************************************/
#page {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

/******************************************************************************
 * Listen in den rechten Spalte ohne Einrückung
 * (Bsp.: /unternehmen/eduard-heilmayr/)
 ******************************************************************************/
.spalte.rechts ol,
.spalte.rechts ul {
	margin-left: 1em;
}

/******************************************************************************
 * Zitate-Block gestalten
 ******************************************************************************/
blockquote {
/*
	color: #277179;
	font-weight: bold;
*/
	color: #3a3a3a;
	background-color: #efefef;
	border-left: 5px solid #277179;
}
.wp-block-quote.is-large cite, .wp-block-quote.is-style-large cite {
	color: #5aa0a8;
	font-size: 0.7em;
	text-align: right;
	font-weight: normal;
}

/******************************************************************************
 * RSS-Block gestalten
 ******************************************************************************/
.wp-block-rss {
	margin-left: 0;
}
.wp-block-rss.is-grid li {
	margin-bottom: 32px;
}
.wp-block-rss__item-title {
	font-size: 1.1em;
	font-weight: bold;
}

/******************************************************************************
 * Buttons-Block gestalten
 ******************************************************************************/
.wp-block-button {
	text-align:center;
	width: 100%;
}
a.wp-block-button__link:not(.has-background) {
	color: #ffffff;
	background-color: #277179;
	transition: color .1s ease-in-out,background-color .1s ease-in-out;
}
a.wp-block-button__link:not(.has-background):hover {
	color: #ffffff;
	background-color: #38a3ae;
	transition: color .1s ease-in-out,background-color .1s ease-in-out;
}

/******************************************************************************
 * Download-Buttons des Files-Block gestalten
 ******************************************************************************/
.wp-block-file {
	font-weight:bold;
}
a.wp-block-file__button:not(.has-background) {
	color: #ffffff;
	background-color: #277179;
	transition: color .1s ease-in-out,background-color .1s ease-in-out;
}
a.wp-block-file__button:not(.has-background):hover {
	color: #ffffff;
	background-color: #38a3ae;
	transition: color .1s ease-in-out,background-color .1s ease-in-out;
}



/******************************************************************************
 * ANPASSUNGEN FÜR SPEZIELLE SEITEN UND SEITENELEMENTE
 ******************************************************************************/

a {
	font-weight:bold;
}

.border {
	border: 1px solid #efefef;
}

/******************************************************************************
 * H1-Überschrift zentrieren auf den Seiten
 * "Publikationen", "Friebeismus Bibliothek" und "Schreiberwerkstatt"
 ******************************************************************************/
.page-id-22 h1, .page-id-232 h1, .page-id-254 h1 {
	text-align:center;
	width: 100%;
}

/******************************************************************************
 * Newsletter-Werbemittel auf Seite "Publikationen" auf volle Breite dimensionieren
 ******************************************************************************/
.j4b-kitk-image img {
	width: 100%;
}



/******************************************************************************
 * Nicht ausgerichtete Bilder zentrieren
 ******************************************************************************/
.wp-block-image:not(alignnone),
.wp-block-image:not(alignleft),
.wp-block-image:not(alignright) {
	text-align: center;
}
/******************************************************************************
 * Hellgrauer Rahmen um die Bilder
 ******************************************************************************/
.wp-block-image img {
	border: 1px solid #efefef;
}


/******************************************************************************
 * Mit PDF-JS eingebettete PDFs auf voller Breite, Abstand & Rahmen
 ******************************************************************************/
.pdfjs-iframe {
	width: 100%;
/*
	margin-bottom: 1.5em;
*/
	border: 1px solid #efefef;
}



/******************************************************************************
 * Sidebar recht in Desktop-Darstellung dimensionieren
 ******************************************************************************/
.widget-area.is-right-sidebar .widget {
	padding: 0;
	margin-top: 2em;
}
@media (min-width: 1025px) {
	.is-right-sidebar {
		padding-left: 24px;
	}
	.widget-area.is-right-sidebar .widget {
		margin-top: 0;
	}
}
.widget-area.is-right-sidebar .widget-title {
	margin-bottom: 1em;
	line-height: 1.25;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.25px;
	width: 100%;
	border-bottom: 1px solid #3a3a3a;
}


/******************************************************************************
 * Suche in der Navigation gestalten
 ******************************************************************************/
@media (min-width: 1025px) {
	/* Suche-Button dimensionieren und positionieren */
	.main-navigation .menu-bar-item > a {
		line-height: 64px;
	}
	.main-navigation .gp-icon.icon-search svg {
		height: 24px;
		width: 24px;
		top: 6px;
	}
	/* Suche-Schließen-Button dimensionieren und positionieren */
	.main-navigation .menu-bar-item.search-item.active.close-search > a svg {
		width: 24px;
		height: 24px;
	}
	.main-navigation .menu-bar-items .search-item.active > a {
		color: #fff;
		background-color: #3f3f3f;
		line-height: 64px;
		width: 64px;
		padding-left: 20px;
		padding-right: 20px;
	}
	/* Hover-Effekt für Suche-Button & Suche-Schließen-Button */
	.main-navigation .menu-bar-item:hover > a {
		color: #fff;
		background-color: #277179;
	}
	.main-navigation .menu-bar-items .search-item.active > a:hover,
	.main-navigation .menu-bar-items .search-item.active > a:focus,
	.main-navigation .menu-bar-items .search-item.active > a:active {
		background-color: #d01116;
	}
}



/******************************************************************************
 * Meta-Daten in Single-Posts ausblenden
 ******************************************************************************/
.single .inside-article .entry-header .entry-meta {
	display:none;
}
.single .post-navigation {
	display:none;
}

/******************************************************************************
 * Elemente auf Archiv-Seiten, den Blog-Seite und in den Suchergebnissen ausblenden
 ******************************************************************************/
.search .taxonomy-description,
.search .inside-article .entry-header .entry-meta,
.search .inside-article footer.entry-meta,
.blog .taxonomy-description,
.blog .inside-article .entry-header .entry-meta,
.blog .inside-article footer.entry-meta,
.archive .taxonomy-description,
.archive .inside-article .entry-header .entry-meta,
.archive .inside-article footer.entry-meta {
	display:none;
}

.one-container.search:not(.page) .entry-content:not(:first-child) *,
.one-container.blog:not(.page) .entry-content:not(:first-child) *,
.one-container.archive:not(.page) .entry-content:not(:first-child) * {
	display:inline;
}


/******************************************************************************
 * Abstände auf Archiv-Seiten, den Blog-Seiten und in den Suchergebnissen korrigieren
 ******************************************************************************/
.one-container.search:not(.page) .inside-article,
.one-container.search:not(.page) .entry-summary:not(:first-child),
.one-container.search:not(.page) .entry-content:not(:first-child),
.one-container.search:not(.page) .entry-content:not(:first-child) p,
.one-container.blog:not(.page) .inside-article,
.one-container.blog:not(.page) .entry-summary:not(:first-child),
.one-container.blog:not(.page) .entry-content:not(:first-child),
.one-container.blog:not(.page) .entry-content:not(:first-child) p,
.one-container.archive:not(.page) .inside-article,
.one-container.archive:not(.page) .entry-summary:not(:first-child),
.one-container.archive:not(.page) .entry-content:not(:first-child),
.one-container.archive:not(.page) .entry-content:not(:first-child) p {
	padding: 0;
	margin: 0;
}
.one-container.search:not(.page) article .entry-header,
.one-container.blog:not(.page) article .entry-header,
.one-container.archive:not(.page) article .entry-header {
	margin: 0 0 0.5em;
}
.one-container.search .site-main > .post,
.one-container.search .post:not(:last-child),
.one-container.blog .site-main > .post,
.one-container.blog .post:not(:last-child),
.one-container.archive .site-main > .post,
.one-container.archive .post:not(:last-child) {
	padding: 0;
	margin: 0 0 3.5em;
}
.one-container.search .post-image:not(:first-child),
.one-container.blog .post-image:not(:first-child),
.one-container.archive .post-image:not(:first-child) {
	margin-top: 0em;
	margin-botton: 0.5em;
}
.one-container.search .paging-navigation,
.one-container.blog .paging-navigation,
.one-container.archive  .paging-navigation {
	text-align: center;
}


/* Keine Fettungen im Excerpt */
.search .entry-content p:first-child strong,
.blog .entry-content p:first-child strong,
.archive .entry-content p:first-child strong {
	font-weight:normal;
}

/* Headlines immer gefettet */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}


/* Haupteinträge in der Rubrikenauswahl (rechte Sidebar) immer groß schreiben */
#menu-friebeismus-bibliothek-rubriken .menu-item {
	text-transform: uppercase;
}
#menu-friebeismus-bibliothek-rubriken .menu-item .menu-item {
	text-transform: none;
}


/* Kategorie-Links in den Posts ausblenden */
.single .cat-links {
	display: none;
}

/* Standard-Buttons in Formularen gestalten */
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
	color: #fff;
	background-color: #277179;
	font-weight: bold;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, a.button:focus, a.wp-block-button__link:not(.has-background):active, a.wp-block-button__link:not(.has-background):focus, a.wp-block-button__link:not(.has-background):hover {
	background-color: #d01116;
}


/* Im Fließtext Abstände zwischen den Listeneinträgen */
article ul li,
article ol li {
	margin-bottom: 1.5em;
}

/* KITK-Newsletter-Werbebanner ohne Rahmen darstellen */
.wp-block-image img.wp-image-304 {
	border: none;
}

/* Beiträge mit Status "private" ausgegraut darstellen, damit man diese als eingeloggter Nutzer besser erkennt*/
.status-private {
	filter: grayscale(100%);
}

/* Abstand zwischen Aufzählungebn in der rechte Spalte (Teams-Seiten) */
article .spalte.rechts ul li, 
article .spalte.rechts ol li {
    margin-bottom: 0.25em;
}