/*!
Theme Name: pki_hff
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pki_hff
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.

pki_hff is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/



@font-face {
	font-family: 'AlegreyaSans-Regular';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-Regular.woff2') format('woff2');
	font-style: normal;
	font-weight: normal;
    font-display: auto;
}

@font-face {
	font-family: 'AlegreyaSans-Italic';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-Italic.woff2') format('woff2');
	font-style: normal;
	font-weight: normal;
    font-display: auto;
}

@font-face {
	font-family: 'AlegreyaSans-Light';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-Light.woff2') format('woff2');
	font-style: normal;
	font-weight: normal;
    font-display: auto;
}

@font-face {
	font-family: 'AlegreyaSans-LightItalic';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-LightItalic.woff2') format('woff2');
	font-style: normal;
	font-weight: normal;
    font-display: auto;
}

@font-face {
	font-family: 'AlegreyaSans-Thin';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-Thin.woff2') format('woff2');
	font-style: normal;
	font-weight: normal;
    font-display: auto;
}

@font-face {
	font-family: 'AlegreyaSans-ThinItalic';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-ThinItalic.woff2') format('woff2');
	font-style: normal;
	font-weight: normal;
    font-display: auto;
}

@font-face {
	font-family: 'AlegreyaSans-Medium';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-Medium.woff2') format('woff2');
	font-style: normal;
	font-weight: normal;
    font-display: auto;
}

@font-face {
	font-family: 'AlegreyaSans-MediumItalic';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-MediumItalic.woff2') format('woff2');
	font-style: italic;
	font-weight: normal;
    font-display: auto;
    font-display: auto;
}

@font-face {
	font-family: 'AlegreyaSans-Bold';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-Bold.woff2') format('woff2');
	font-style: normal;
	font-weight: normal;
    font-display: auto;
}

@font-face {
	font-family: 'AlegreyaSans-BoldItalic';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-BoldItalic.woff2') format('woff2');
	font-style: italic;
	font-weight: normal;
    font-display: auto;
}

@font-face {
	font-family: 'AlegreyaSans-ExtraBold';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-ExtraBold.woff2') format('woff2');
	font-style: normal;
	font-weight: normal;
    font-display: auto;
}

@font-face {
	font-family: 'AlegreyaSans-ExtraBoldItalic';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-ExtraBoldItalic.woff2') format('woff2');
	font-style: italic;
	font-weight: normal;
    font-display: auto;
}

@font-face {
	font-family: 'AlegreyaSans-Black';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-Black.woff2') format('woff2');
	font-style: normal;
	font-weight: normal;
    font-display: auto;
}

@font-face {
	font-family: 'AlegreyaSans-BlackItalic';
	src: url('fonts/AlegreyaSans-web/AlegreyaSans-BlackItalic.woff2') format('woff2');
	font-style: italic;
	font-weight: normal;
    font-display: auto;
}

/* smallcaps */

@font-face {
	font-family: 'AlegreyaSansSC-Regular';
	src: url('fonts/AlegreyaSans-web/AlegreyaSansSC-Regular.woff2') format('woff2');
	font-style: normal;
	font-weight: normal;
    font-display: auto;
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
    font-size: 16px;
}

@media screen and (max-width: 840px) {
    
    html {
        font-size: 15px;
    }
}

@media screen and (max-width: 520px) {
    
    html {
        font-size: 14px;
    }
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-family: 'AlegreyaSans-Bold', sans-serif;
	font-weight: normal;
}

b em,
strong em,
em b,
em strong {
    font-family: 'AlegreyaSans-BoldItalic', sans-serif;
	font-weight: normal;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
	width: 100%;
	height: auto;
	display: block;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #00112b;
	font-family: "AlegreyaSans-Regular", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1.28rem;
	line-height: 1.34;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
    font-family: "AlegreyaSans-Light", sans-serif;
    font-weight: normal;
}

h1.entry-title {
	font-family: "AlegreyaSans-Regular", sans-serif;
    font-size: 2.5rem;
    margin: 0 0 2rem 0;
    line-height: 1.05;
}

h2.sub_title {
    font-family: "AlegreyaSans-Medium", sans-serif;
    font-size: 2.05rem;
    color: #937841;
    margin: 2rem 0 2rem 0;
    line-height: 1.15;
}

h2.sub_title:first-of-type {
    margin: 0 0 2rem 0;
}

h2.title {
    font-size: 2.5rem;
    margin: 0 0 2rem 0;
    line-height: 1.1;
}

.post h2.entry-title {
	font-family: "AlegreyaSans-Regular", sans-serif;
    font-size: 2.5rem;
    margin: 0 0 1.5rem 0;
    line-height: 1.05;
}


.post .entry-meta {
	font-family: 'AlegreyaSans-Medium', sans-serif;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 1rem 0;
}

h4.sub_title {
    font-family: "AlegreyaSans-Medium", sans-serif;
    font-size: 2.05rem;
    color: #937841;
    margin: 2rem 0 2rem 0;
    line-height: 1.15;
}

.text {
    font-size: 1.28rem;
}

.intro_text {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

/*
p:last-of-type {
	margin-bottom: 0;
}
*/

dfn,
cite,
em,
i {
	font-family: "AlegreyaSans-Italic", sans-serif;
    font-style: normal;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	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;
}

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

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

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #FFF;
}

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

ul,
ol {
	padding-left: 1.6rem;
}

/* .content ul, */
.content ol {
    list-style: none;
    font-size: 1.3rem;
}

/* .content ul li::before, */
.content ol li::before {
    font-family: "AlegreyaSans-Bold", sans-serif;
    color: #937841;
    content: counter(list-item);
    margin-left: -1.6rem;
    background: rgba(255,255,255,0.00);
    width: 1.6rem;
    height: 1.2em;
    display: inline-grid;
    place-items: center;
    padding-right: 0.2em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

li {
	transition: ease 0.2s all;
}

li:hover {
	transition: ease 0.2s all;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

img {
	height: auto;
	max-width: 100%;
}

img.size-medium {
	height: auto;
	max-width: 45%;
	margin: 0 5% 0 0;
}

figure {
	margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
	color: #304C5F;
    text-decoration: none;
    transition: ease 0.2s all;
}

a:visited {
	color: #304C5F;
}

a:hover,
a:focus,
a:active {
	color: #937841;
    transition: ease 0.2s all;
}

a:focus {
	outline: 0;
}

a:focus-visible {
	outline: 0;
}

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

.content p a,
.content p a:visited,
.content li a,
.content li a:visited,
.tab_container a,
.tab_container a:visited,
.text_img_block .container .column_text a,
.text_img_block .container .column_text a:visited,
.blog p a,
.blog p a:visited,
.multi_img_text_block p a,
.multi_img_text_block  p a:visited {
	color: rgba(37,151,74,1.00);
}

.content p a:hover,
.content p a:active,
.content li a:hover,
.content li a:active,
.tab_container a:hover,
.tab_container a:active,
.text_img_block .container .column_text a:hover,
.text_img_block .container .column_text a:active,
.blog p a:hover,
.blog p a:active,
.multi_img_text_block p a:hover,
.multi_img_text_block  p a:active {
	color: rgba(37,151,74,0.80);
}

.contact_block a,
.contact_block a:visited,
.people_list a,
.people_list a:visited {
	color: #00112b;
}

.contact_block a:hover,
.contact_block a:active,
.people_list a:hover,
.people_list a:active {
	color: #937841;
}

.people_list .message {
	margin: 2rem 0 0 0;
	font-weight:500;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-color: #ccc #ccc #bbb;
	border-radius: 0;
	background: rgba(255,255,255,0.00);
	color: rgba(0, 0, 0, 0.8);
	padding: 0.6em 1em 0.4em;
 /*   display: none; */
	cursor: pointer;
}

.search-form input[type="submit"] {
	display: none;
}

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: none;
	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: #FFF;
	border: none;
	border-radius: 0;
	padding: 1px 0 1px 0;
    background-color: rgba(255,255,255,0.00);
}

input[type="search"]::-webkit-input-placeholder{
    color: rgba(255,255,255,0.5);
}
input[type="search"]:-moz-placeholder {
    color: rgba(255,255,255,0.5);
}

.top-bar .search-form {
    display: inline-flex;
    align-items: center;
}

.top-bar .search-form .search-field {
    font-family: "AlegreyaSans-Italic", sans-serif;
    font-size: 1.1rem;
    letter-spacing: 0.02em;
    max-width: 220px;
	width: 100%;
}

.top-bar .search-form .search-field:focus-visible {
    font-family: "AlegreyaSans-Regular", sans-serif;
}

.top-bar .search-form::before {
    content: '';
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    margin-right: 0.6rem;
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgba(255,255,255,1.00)"><path d="M21.172 24l-7.387-7.387c-1.388.874-3.024 1.387-4.785 1.387-4.971 0-9-4.029-9-9s4.029-9 9-9 9 4.029 9 9c0 1.761-.514 3.398-1.387 4.785l7.387 7.387-2.828 2.828zm-12.172-8c3.859 0 7-3.14 7-7s-3.141-7-7-7-7 3.14-7 7 3.141 7 7 7z"/></svg>');   
    background-repeat: no-repeat;
    background-size: contain;
}

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: #FFF;
	border: none;
}

input[type="search"] {
	border-bottom: 1px solid rgba(255,255,255,0.00);
}

input[type="search"]:focus-visible {
    outline: none;
    border-bottom: 1px solid rgba(255,255,255,0.30);
}

input:focus-visible::placeholder {
    color: rgba(255,255,255,0.00);
}

select {
	border: none;
}

textarea {
	width: 100%;
}

a.button {
    display: block;
    font-family: "AlegreyaSans-Black", sans-serif;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    word-spacing: 0.15em;
    color: #FFF;
    background-color: rgba(37,151,74,1.00);
    padding: 0.8rem 1.2rem;
    text-align: center;
}

a.button:hover {
    background-color: rgba(37,151,74,0.80);
}

.tabs .responsive-tabs ul.responsive-tabs__list {
	margin: 1.5rem 0 0 0;
}

.tabs .responsive-tabs .responsive-tabs__list__item {
    font-family: "AlegreyaSans-ExtraBold", sans-serif;
    font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 1.4rem 1.8rem;
	color: #25974a;
	background-color: #f1efe9;
    border-radius: 0;
    border: none;
    margin: 1rem 1rem 0 0!important;
}

.responsive-tabs .responsive-tabs__list__item:hover {
    color: #00112B!important;
	background-color: #f1efe9!important;
    padding-bottom: 1.4rem!important;
    top: 0!important;
}

.tabs .responsive-tabs .responsive-tabs__list__item--active {
	background-color: #937841;
	color: #FFF;
    padding-bottom: 1.4rem!important;
    top: 0!important;
}

.tabs .responsive-tabs .responsive-tabs__list__item--active:hover {
	background-color: #937841!important;
	color: #FFF!important;
    padding-bottom: 1.4rem!important;
    top: 0!important;
}

.tabs .responsive-tabs .responsive-tabs__panel {
	border: none;
}

.tabs .responsive-tabs .responsive-tabs__panel::before {
	background-color: transparent;
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="9" height="3" viewBox="0 0 30 20" fill="rgba(147,120,65,1.00)"><circle cx="9" cy="9" r="9"/></svg>');
    background-repeat: round;
}

.tabs .responsive-tabs .responsive-tabs__panel {
	padding: 0 0 0 0;
}

.tabs .responsive-tabs .tab_content div {
    margin-bottom: 1.28rem;
}

@media screen and (max-width: 767px) {
	
    .tabs .responsive-tabs .tab_content div {
        /* margin-bottom: 2.4rem; */
    }
    
}

.tabs .responsive-tabs .tab_container {
    padding-top: 0;
	display: flex;
    font-size: 1.28rem;
}

.tabs .responsive-tabs .tab_container:first-of-type {
    padding-top: 1.5rem
}

.tabs .responsive-tabs .tab_content {
	flex: 0 0 68%;
	padding: 0 2.5% 0 0;
}

.tabs .responsive-tabs .tab_sidebar {
	flex: 0 0 32%;
	padding: 0 0 0 2.5%;
}

.tabs .responsive-tabs .tab_sidebar .image {
	margin: 2rem 0 2rem 0;
}

.tabs .responsive-tabs .image_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.tabs .responsive-tabs .image_list .image {
	max-width: 15rem;
	margin: 0 2rem 3rem 0;
}

.image .caption {
	margin: 0.5rem 0 0 0;
	font-size: 0.9rem;
	opacity: 0.8;
}

.content h3,
.tab_container h3,
.tab_container h3.title {
    font-family: "AlegreyaSans-Medium", sans-serif;
    font-size: 1.8rem;
    color: #937841;
    margin: 0 0 1rem 0;
}

.tab_container h3,
.tab_container h3.title {
    margin: 0 0 1rem 0;
    line-height: 1.15;
}

.content h3 em,
.tab_container h3 em,
.tab_container h3.title em {
    font-family: "AlegreyaSans-MediumItalic", sans-serif;
}

.tab_container h4,
.tab_container h4.title {
    font-family: "AlegreyaSans-Bold", sans-serif;
    font-size: 1.28rem;
    margin: 2rem 0 1rem 0;
}

.tab_container h4:first-of-type,
.tab_container h4.title:first-of-type {
    margin: 0 0 1rem 0;
}

.content h4,
.download_list_block h3.title {
    font-family: "AlegreyaSans-Medium", sans-serif;
    color: #937841;
    font-size: 1.48rem;
    color: #937841;
    margin-bottom: 1rem;
}

@media screen and (max-width: 840px) {
    
    .tabs .tab_container {
        flex-wrap: wrap;
    }
    
    .tabs .responsive-tabs .tab_content {
        flex: 0 0 100%;
        padding: 0 0 0 0;
    }

    .tabs .responsive-tabs .tab_sidebar {
        flex: 0 0 100%;
        padding: 0 16%;
    }
}

@media screen and (max-width: 480px) {
    
    .tabs .responsive-tabs .tab_sidebar {
        padding: 0;
    }
}

@media (max-width: 767px) {
    
    .tabs .responsive-tabs .tab_sidebar .image {
          margin: 0 0 2rem 0;
    }
    
    .responsive-tabs-wrapper {
        border-top: none!important;
    }

    .tabs .responsive-tabs .tab_container:first-of-type {
        padding-top: 1rem;
    }
    
    .responsive-tabs .responsive-tabs__heading {
        font-family: "AlegreyaSans-ExtraBold", sans-serif;
        display: block;
        cursor: pointer;
        background: #f1efe9 !important;
        border: none !important;
        border-bottom: none!important;
        color: #25974a !important;
        text-transform: uppercase !important;
        font-size: 1.1rem!important;
        padding: 1.1rem 0.5rem 1rem 1.2rem !important;
        letter-spacing: 0.08em!important;
        margin-bottom: 4px!important;
        transition: all 0.2s ease;
    }
    
    .responsive-tabs .responsive-tabs__heading::after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #25974a !important;
        border-bottom: 6px solid transparent!important;
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        top: calc(50% - 2px) !important;
        height: 0;
        width: 0;
    }
    
    .responsive-tabs .responsive-tabs__heading:hover {
        color: #00112B !important;
        transition: all 0.2s ease;
    }
    
    .responsive-tabs .responsive-tabs__heading--active {
        background-color: #937841!important;
        color: #FFF!important;
    }
    
    .responsive-tabs .responsive-tabs__heading--active:hover {
        color: #FFF !important;
    }
    
    .responsive-tabs .responsive-tabs__heading--active::after {
        border-top: 6px solid transparent !important;
        border-bottom: 6px solid #FFF !important;
        top: calc(50% - 9px) !important;
    }
        
    .tabs .responsive-tabs .responsive-tabs__panel::before {
        display: none;
    }
}

/* search-results */


.search-results .post h2.entry-title {
	font-family: "AlegreyaSans-Light", sans-serif;
    font-size: 1.8rem;
    margin: 0 0 1rem 0;
}

.search-results .posts_count {
	margin: 2rem 0 0 0;
}

.search-results article {
	margin: 0 0 2rem 0;
}


/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/


/* Top-Bar
--------------------------------------------- */

.top-bar {
    display: flex;
	align-items: center;
	justify-content: flex-end;
	background-color: #304C5F;
	padding: 1rem;
    width: calc(100% + 4.8rem);
    margin-left: -2.4rem;
}

@media screen and (max-width: 840px) {
	
    .top-bar {
        width: calc(100% + 4rem);
        margin-left: -2rem;
    }
	
}

@media screen and (max-width: 520px) {
	
    .top-bar {
        width: calc(100% + 2.8rem);
        margin-left: -1.4rem;
    }
    
}

@media screen and (min-width: 100rem) {

	.top-bar {
        padding-right: 14%;
    }
}

.top-bar .lmu-logo .image {
	max-width: 7rem;
	min-width: 6rem;
	height: auto;
    margin: 0 1rem 0 3rem;
}

@media screen and (max-width: 520px) {

	.top-bar .lmu-logo .image {
		margin: 0 0.5rem 0 2rem;
	}

}

.site-header .container {
    max-width: 72.5rem;
    margin: 0 auto;
}

.site-header .header-bar .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
    margin: 3rem auto 2.5rem;
}

.site-header .site-branding {
	flex: 0 0 auto;
	max-width: 17rem;
	max-width: 14rem;
}

/* -- Meta -- */

.site-header .meta {
	display: flex;
}

@media screen and (max-width: 520px) {

	.site-header .meta {
		margin: 0 0 0 0.5rem;
	}

}

.site-header .meta-navigation ul {
    display: inline-flex;
	list-style: none;
	padding: 0;
	margin: 0.25rem 0 0 1.5rem;
    font-family: "AlegreyaSans-ExtraBold", sans-serif;
    letter-spacing: 0.08em;
    font-size: 1rem;
}

.site-header .meta-navigation ul li {
	display: inline-flex;
    opacity: 0.64;
}

.site-header .meta-navigation ul li:hover,
.site-header .meta-navigation ul li.wpml-ls-current-language {
	opacity: 1;
}

.site-header .meta-navigation ul li.menu-item-wpml-ls-15-de {
    order: 1;
}

.site-header .meta-navigation ul li.menu-item-wpml-ls-15-de::after {
    content: "|";
    color: #61968F;
    padding: 0 0.25rem 0 0.35rem;
}

.site-header .meta-navigation ul li.menu-item-wpml-ls-15-en {
    order: 2;
}
	
.site-header .meta-navigation a {
	color: #fff;
}


/* body */

body {
	overflow-x: hidden;
}

.site-main {
	
/*	max-width: 72.5rem;*/
	margin: 0 auto;
}

.site-main .container {
	max-width: 72.5rem;
	margin: 3rem auto 0;
}

.site-main > article > .container {
	margin: 6rem auto 0;
}

@media screen and (max-width: 1000px) {
    
    .site-main > article > .container {
        margin: 3rem auto 0;
    }
}

.page-template-page-news .site-main .grid .container {
	margin: 0 auto 0;
}

.home .site-main .container {
	margin: 0 auto;
}

/* footer */

.site-footer {
	background-color: #004F63;
	color: #FFF;
	margin: 12rem 0 0 0;
    width: calc(100% + 4.8rem);
    margin-left: -2.4rem;
    padding: 0 2.4rem;
}

.site-footer .bar {
	background-color: #25974a;
	height: 5rem;
	position: relative;
    width: calc(100% + 4.8rem);
    margin-left: -2.4rem;
}

@media screen and (max-width: 840px) {

    .site-footer {
        width: calc(100% + 4rem);
        margin-left: -2rem;
        padding: 0 2rem;
    }

    .site-footer .bar {
        width: calc(100% + 4rem);
        margin-left: -2rem;
    }
	
}

@media screen and (max-width: 520px) {
	
    .site-footer {
        width: calc(100% + 2.8rem);
        margin-left: -1.4rem;
        padding: 0 1.4rem;
    }

    .site-footer .bar {
        width: calc(100% + 2.8rem);
        margin-left: -1.4rem;
    }
    
}

.site-footer .bar .signet {
	position: absolute;
	width: 22rem;
	height: 22rem;
	top: -11.5rem;
	z-index: 999;
	right: -3rem;
}

.site-footer .container {
	max-width: 72.5rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 5rem 0 2rem;
	position: relative;
}

.site-footer .column.info {
	flex: 0 0 64%;
	flex: 0 0 100%;
}

.site-footer .column.info .header {
	border-bottom: 2px solid #FFF;
	margin: 0 0 2.6rem 0;
	padding: 0 0 0 0;
}

.site-footer .column.newsletter {
	border-top: 2px solid #FFF;
	flex: 0 0 32%;
    margin-top: calc(7.6rem - 2px);
    padding-top: 2.2rem;
}

.site-footer .column.newsletter .text {
    font-family: "AlegreyaSans-Medium", sans-serif;
    font-size: 1.5rem;
    line-height: 1.3;
}

.site-footer .column.newsletter .link {
    margin-top: 1.5rem;
}

.site-footer .column.newsletter .link a,
.site-footer .column.newsletter .link a:visited {
    display: block;
    font-family: "AlegreyaSans-Black", sans-serif;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #FFF;
    background-color: #25974A;
    padding: 0.8rem;
    text-align: center;
}

.site-footer .column.newsletter .link a:hover,
.site-footer .column.newsletter .link a:active {
    background-color: #61968F;
}

.site-footer .column.info .header {
	display: flex;
	justify-content: space-between;
    align-items: baseline;
    min-height: 7.6rem;
}

@media screen and (max-width: 1000px) {
    
    .site-footer .column.info .header {
        min-height: 6.2rem;
    }
}

.site-footer .column.info .header .image {
	flex: 0 0 32%;
	flex: 0 0 20%;
}

.site-footer .column.info .header .title {
	flex: 0 0 64%;
	flex: 0 0 76%;
    font-family: "AlegreyaSans-Regular", sans-serif;
    font-size: 2rem;
    letter-spacing: 0.02em;
}

.site-footer .column.info .body {
	display: flex;
	justify-content: space-between;
	font-size: 0.95rem;
}

.site-footer .column.info .body .map {
	flex: 0 0 65%;
	flex: 0 0 50%;
}

.site-footer .column.info .body .location_column {
	flex: 1 0 30%;
	flex: 1 0 25%;
    padding-left: 2.5rem;
}

.site-footer .column.info .body .location_column .column_title { 
    display: block;
    font-family: "AlegreyaSans-Medium", sans-serif;
    font-size: 1.5rem;
    padding-bottom: 1.5rem;
    margin-top: -0.4rem;
}

@media screen and (max-width: 800px) {
    
    .site-footer .column.info .header {
        flex-wrap: wrap; 
    }
    
    .site-footer .column.info .header .image {
        flex: 0 0 50%;
    }

    .site-footer .column.info .header .title {
        flex: 0 0 100%;
        padding: 1rem 0;
        line-height: 1.1;
    }

    .site-footer .column.info .body {
        flex-wrap: wrap;
    }
    
    .site-footer .column.info .body .map {
        flex: 0 0 100%;
        margin-bottom: 2rem;
    }

    .site-footer .column.info .body .location_column {
        flex: 1 0 50%;
        padding-left: 1.5rem;
    }

    .site-footer .column.info .body .location_column:last-of-type {
        padding-left: 2rem;
    }
    
    .site-footer .column.info .body .location_column .column_title {
        padding-bottom: 0.5rem;
    }
	
}

@media screen and (max-width: 520px) {

    .site-footer .column.info .body .location_column {
        flex: 1 0 100%;
    }

    .site-footer .column.info .body .location_column:last-of-type {
        padding-left: 1.5rem;
    }

    .site-footer .column.info .body .location_column:last-of-type .column_title {
        display: none;
    }
	
}

 .site-footer .column.info ol {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.site-footer .column.info ol > li:before {
    font-family: "AlegreyaSans-Bold", sans-serif;
    font-size: 1.1rem;
    content: counter(list-item) "\A0";
    float: left;
    text-align: left;
    width: 1.2rem;
    margin-left: -1.2rem;
}

.site-footer .column.info .location {
	margin: 0 0 1.5rem 0;
}

.site-footer .column.info .location .title {
    font-family: "AlegreyaSans-Bold", sans-serif;
    font-size: 1.1rem;
	margin: 0 0 0.5rem 0;
}

 .site-footer .column.info .footer_address {
     font-size: 1.1rem;
}

.site-footer .column.info .full_title,
.site-footer .column.info .route {
	margin: 0 0 0.75rem 0;
}

 .site-footer .column.info .route a,
 .site-footer .column.info .route a:visited {
     font-family: "AlegreyaSans-Italic", sans-serif;
     font-size: 1.1rem;
     letter-spacing: 0.02em;
     color: #D8BB42;
}

 .site-footer .column.info .route a::before {
     content: "» ";
}

 .site-footer .column.info .route a:hover,
 .site-footer .column.info .route a:active {
     color: #D9CBA2;
}

 .site-footer .container.meta {
     color: #7197A4;
     padding: 0 0 3rem 0;
     font-size: 1rem;
}

 .site-footer .container.meta .column.copy {
     display: flex;
     align-items: center;
}

 .site-footer .container.meta .column.meta {
     display: flex;
     align-items: center;
}

@media screen and (max-width: 840px) {
    
    .site-footer .container.meta {
        flex-direction: column;
        align-items: center;
    }
    
    .site-footer .container.meta .column.copy {
        margin-bottom: 1rem;
    }
    
    .site-footer .container.meta ul,
    .site-footer .container.meta ol {
        padding-left: 0;
    }
}

.footer-navigation ul {
    list-style: none;
    display: inline-flex;
}

.footer-navigation ul li a {
    color: rgba(255,255,255,0.70);
    padding-right: 0.5rem;
}

.footer-navigation ul li a:hover {
    color: rgba(255,255,255,1.00);
}

.footer-navigation ul li:last-of-type a {
    padding-right: 0;
}

.footer-navigation ul li a::after {
    color: rgba(255,255,255,0.50);
    content: "·";
    padding-left: 0.5rem;
}

@media screen and (max-width: 560px) {

    .site-footer .container.meta .column.meta .footer-navigation {
        display: flex;
        flex-wrap: wrap;
    }
    
    .footer-navigation ul {
        display: block;
        text-align: center;
    }
    
    .footer-navigation ul li {
        padding: 0.2rem 0;
    }
    
    .footer-navigation ul li a::after {
        content: "";
        padding-left: 0;
    }
}

.footer-navigation ul li a:hover::after {
    color: rgba(255,255,255,0.50);
}

.footer-navigation ul li:last-of-type a::after {
    content: "";
    padding-left: 0;
}

/* page */

.site {
	padding: 0 2.4rem;
}

@media screen and (max-width: 840px) {
	
    .site {
        padding: 0 2rem;
    }
    
}

@media screen and (max-width: 520px) {
	
    .site {
        padding: 0 1.4rem;
    }
    
}

.page .entry-content,
.blog .entry-content,
.search .entry-content {
	display: flex;
}

.page .entry-content .content,
.blog .entry-content .content {
	flex: 0 0 68%;
	margin: 2rem 0 0 0;
    padding-right: 2.8rem;
}

.search .entry-content .content {
	flex: 0 0 68%;
	margin: 2rem 0 4rem 0;
    padding-right: 2.8rem;
}

.page .entry-content .content .image {
    margin-top: 0.8rem;
    margin-bottom: 2.4rem;
}

.page .entry-content .content p {
    line-height: 1.3;
}

.page .entry-content .sidebar,
.blog .entry-content .sidebar {
	flex: 0 0 32%;
	margin: -4px 0 0 0;    
}

.page .entry-content .sidebar .container,
.single .entry-content .sidebar .container {
	margin: 0 0 0 0;
}

.page .entry-content .sidebar .container .entry {
	margin: 0 0 1.5rem 0;
}

.page .entry-content .sidebar .container .entry h4.title {
	margin: 0 0 0 0;
}

.page .entry-content .sidebar .container .entry h5.sub_title {
    font-family: "AlegreyaSans-Italic", sans-serif;
    font-size: 1.3rem;
	margin: 0 0 0.5rem 0;
}

.entry-header {
    width: 68%;
    padding-right: 2.8rem;
}

@media screen and (max-width: 800px) {
	
    .page .entry-content,
    .blog .entry-content {
        flex-direction: column;
    }
    
    .page .entry-content .content,
    .blog .entry-content .content {
        flex: 0 0 100%;
        padding-right: 0;
    }
    
    .page .entry-content .sidebar,
    .blog .entry-content .sidebar {
        flex: 0 0 100%;
        margin: 3rem 0 0 0;
    }

    .entry-header {
        width: 100%;
        padding-right: 0;
    }
}

.entry-header hr,
.entry-content hr,
.multi_img_text_block hr,
.tab_content hr {	
	background-color: transparent;
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="9" height="3" viewBox="0 0 30 20" fill="rgba(147,120,65,1.00)"><circle cx="9" cy="9" r="9"/></svg>');
    background-repeat: round;
    margin-bottom: 0;
}

.entry-content .text hr,
.tab_content hr {	
	width: 10%;
    margin: 2.7rem auto 1.7rem 0;
}

.entry-header .image {
    margin-top: 2.8rem;
}


/* =========================== */
/* back to top / topLink */

.site-footer .topLink {
	content: '';
    bottom: 2.6rem;
    position: fixed;
    margin: 0 auto;
    display: none;
    text-align: right;
    width: 100%;
    max-width: 1280px;
    right: 2rem;

    height: 1.5rem;
    width: 1.5rem;	
    color: rgba(147,120,65,1.00);
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 36 36" fill="rgba(147,120,65,1.00)"><path d="M0 3.795l2.995-2.98 11.132 11.185-11.132 11.186-2.995-2.981 8.167-8.205-8.167-8.205zm18.04 8.205l-8.167 8.205 2.995 2.98 11.132-11.185-11.132-11.186-2.995 2.98 8.167 8.206z"/></svg>');
    background-size: contain;
    transform: rotate(-90deg);
	z-index: 9999;
}

@media screen and (max-width: 840px) {
    
    .site-footer .topLink {
        bottom: 2.1rem;
        right: 1.5rem;
    }
}

@media screen and (max-width: 520px) {
    
    .site-footer .topLink {
        bottom: 1.5rem;
        right: 0.9rem;
    }
}

.site-footer .topLink a {

    background-size: 40px 40px;
    display: block;
    height: 40px;
    width: 40px;
    float: right;
}

.site-footer .topLink.show {
	display: inline-block;
    height: 1.5rem;
    width: 1.5rem;	
}


/* =========================== */
/* personen / people */

.people .people_header {
	background-color: #f1efe9;
	padding: 2rem;
    line-height: 1;
}

.people .people_header .links {
	display: flex;
	justify-content: space-between;
	margin: 0 0 0.75rem 0;
}

.people .people_header .links .all {
	white-space: nowrap;
	margin: 0 1.2rem 0 0;
	padding: 0 1.15rem 0 0;
	border-right: 0.175rem solid #937841;
}

.people .people_header .letter_box {
	flex: 1 1 80%;
	display: flex;
	justify-content: space-between;
}

.people .people_header .letter {
	font-family: "AlegreyaSans-Bold", sans-serif;
	margin: 0 0.25rem 0 0;
	color: rgba(48,76,95,0.25);
	font-size: 1.28rem;
}

@media screen and (max-width: 680px) {
    
    .people .people_header {
        padding: 1.3rem;
    }
	
    .people .people_header .letter_box {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

.people .people_header .letter a {
	color: #304C5F;
	color: rgba(48,76,95,1.00);
}

.people .people_header .letter a:hover {
	color: rgba(48,76,95,0.65);
}

.people .people_header form {
    display: flex;
    width: 100%;
    margin-top: 2rem;
}

.people .people_header input,
.people .people_header select {
    flex: 1 1 100%;
	background-color: #FFF;
	color: #000;
    padding: 0.5rem 0.9rem;
    font-family: "AlegreyaSans-Italic", sans-serif;
    font-size: 1.28rem;
    letter-spacing: 0.02em;
}

.people .people_header select {
    width: 100%;
	background-color: #DCD5C1;
    margin-top: 1.5rem;
    border-right: 1rem solid #DCD5C1;
}

/* .people .people_header input:focus {
    font-family: "AlegreyaSans-Regular", sans-serif;
} */

.people .people_header input:focus-visible {
    outline: none;
    border-inline-start: 3px solid #25974A;
    font-family: "AlegreyaSans-Regular", sans-serif;
}

.people .people_header input:focus-visible::placeholder {
    color: #FFF;
}

.people .people_header input[type="submit"] {
    flex: 1 1 20%;
    display: inline-block;
    font-family: "AlegreyaSans-Black", sans-serif;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #FFF;
    background-color: #25974A;
    text-align: center;
	transition: ease 0.2s all;
}

@media screen and (max-width: 680px) {
    
    .people .people_header form {
        flex-direction: column;
    }
}

 .people .people_header input[type="submit"]:hover {
    background-color: #61968F;
	transition: ease 0.2s all;
}

 .people .letter_stopper {
	 margin: 2rem 0 0 0;
	 font-size: 2.5rem;
     color: #937841;
}

 .people .letter_stopper hr {
	 margin: 0.75rem 0 1.5rem 0;
}

.people .people_list .entry {
	margin: 0 0 1.5rem 0;
}

.people .people_list .columns {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 1.28rem;
}

.people .people_list .columns .left_column {
	flex: 0 0 40%;
	padding: 0 2rem 0 0;
}

.people .people_list .columns .right_column {
	flex: 0 0 60%;
}

@media screen and (max-width: 680px) {
	
    .people .people_list .columns {
        flex-wrap: wrap;
    }

    .people .people_list .columns .left_column {
        flex: 0 0 100%;
        padding: 0 0 1rem 0;
    }

    .people .people_list .columns .right_column {
        flex: 0 0 100%;
    }
}

.people .people_list .entry h3.title {
    font-family: "AlegreyaSans-Bold", sans-serif;
	font-size: 1.28rem;
    margin: 0;
    color: #00112b;
}

.people .people_list .entry .left_column .position,
.people .people_list .entry .left_column .chair,
.people .people_list .entry .left_column .department {
    font-family: "AlegreyaSans-Italic", sans-serif;
}

.people .people_list .entry .left_column .position label,
.people .people_list .entry .left_column .chair label,
.people .people_list .entry .left_column .department label {
    font-family: "AlegreyaSans-Regular", sans-serif;
}


/* list leistungsverzeichnis */

.list.leistungsverzeichnis h3 {
	margin: 0.6rem 0 0 0;
    color: #937841;
    transition: all 0.2s ease;
    line-height: 1.15;
}

.list.leistungsverzeichnis h3:hover {
	color: #00112b;
    transition: all 0.2s ease;
}

.list.leistungsverzeichnis h3::after {
/*	content: '»'; */
	content: '';
	display: inline-block;
	height: 0.75rem;
	width: 0.75rem;
	color: rgba(147,120,65,1.00);
	background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="rgba(147,120,65,1.00)"><path d="M0 3.795l2.995-2.98 11.132 11.185-11.132 11.186-2.995-2.981 8.167-8.205-8.167-8.205zm18.04 8.205l-8.167 8.205 2.995 2.98 11.132-11.185-11.132-11.186-2.995 2.98 8.167 8.206z"/></svg>');
    padding: 0 0 0 0.3em;
    transition: all 0.2s ease;
	margin: 0rem 0 0.05rem 0.5rem;
	display: inline-block;
    transform: rotate(90deg);
}

.list.leistungsverzeichnis h3.active::after {
	content: '';
	display: inline-block;
	background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path d="M0 3.795l2.995-2.98 11.132 11.185-11.132 11.186-2.995-2.981 8.167-8.205-8.167-8.205zm18.04 8.205l-8.167 8.205 2.995 2.98 11.132-11.185-11.132-11.186-2.995 2.98 8.167 8.206z"/></svg>');
    transform: rotate(-90deg);
}

.list.leistungsverzeichnis h3.active {
    color: #00112b;
    transition: all 0.2s ease;
}

.list.leistungsverzeichnis .title {
	font-family: "AlegreyaSans-Medium", sans-serif;
	font-size: 1.4rem;
	margin: 0.5rem 0 1.2rem 0;
}

.list.leistungsverzeichnis .table {
	margin: 1rem 0 2rem 0;
/*	display: table; */
}

.list.leistungsverzeichnis .table .columns {
	margin: 0 0 1rem 0;
	display: flex;
	width: 100%;
}

.list.leistungsverzeichnis .table .columns:nth-of-type(odd) {
	/*background-color: rgba(0,0,0,0.02);*/
}

.list.leistungsverzeichnis .table .left_column {
	flex: 0 0 35%;
	width: 35%;
	padding: 0.3rem 1rem 0 0;
    font-family: 'AlegreyaSans-Regular', sans-serif;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.list.leistungsverzeichnis .table .right_column {
	flex: 0 0 65%;
	width: 65%;
	padding: 0 0 0 1rem;
}

@media screen and (max-width: 800px) {
	
    .list.leistungsverzeichnis .table .columns {
        flex-direction: column;
    }

    .list.leistungsverzeichnis .table .left_column {
        flex: 0 0 100%;
        padding: 0.3rem 0 0.2rem 0;
    }

    .list.leistungsverzeichnis .table .right_column {
        flex: 0 0 100%;
        padding: 0 0 0 0;
    }
    
}


/* =========================== */
/* news page */

.page-template-page-news .grid article {
	margin: 0 0 4rem 0;
}

.page-template-page-news .pagination {
	margin: 4rem 0 0 0;
	display: flex;
	justify-content: space-between;
	
}
.page-template-page-news .pagination a {
display: inline-block;
font-family: "AlegreyaSans-Black", sans-serif;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 0.12em;
word-spacing: 0.15em;
color: #FFF;
background-color: rgba(37,151,74,1.00);
padding: 0.8rem 1.2rem;
text-align: center;
}
.page-template-page-news .pagination a:hover {
background-color: rgba(37,151,74,0.80);
}

/* =========================== */
/* sidebar */

.sidebar .navigation {
	background-color: #f1efe9;
	padding: 2rem 2rem 2rem 0;
	margin: 0 0 3rem 0;
}

.sidebar .navigation h4 {
	margin: 0 0 1rem -1rem;
}

.sidebar .navigation ul {
    list-style: none;
	margin: 0 0 0 1rem;
	padding: 0 0 0 2rem;
    font-family: "AlegreyaSans-Bold", sans-serif;
    font-size: 1.2rem;
    letter-spacing: 0.02em;
}

.sidebar .navigation ul li li {
    font-family: "AlegreyaSans-Medium", sans-serif;
    font-size: 1.1rem;
    margin-left: -2rem;
}

.sidebar .navigation ul li::before {
    font-family: "AlegreyaSans-ExtraBold", sans-serif;
    color: #937841;
    content: '»';
    padding: 0 0.25em 0 0.1em;
    margin-left: -1rem;
}

.sidebar .navigation ul li li::before {
    margin-left: -0.9rem;
}

.sidebar ul.children {
	display: none;
}

.sidebar .current_page_parent ul.children,
.sidebar .current_page_item ul.children {
	display: block;
}

.sidebar .current_page_item > a {
	color: #937841;
}

.sidebar h2.title {
    font-family: "AlegreyaSans-Medium", sans-serif;
    color: #937841;
    font-size: 1.5rem;
    margin: 0 0 2rem 0;
}

.sidebar h4 {
    font-family: "AlegreyaSans-Bold", sans-serif;
    color: #00112B;
    font-size: 1.28rem;
    margin: 0;
}

/* sidebar portrait */


.sidebar .portrait_block label {
    display: block;
    margin-bottom: 0.8rem;
    margin-top: -4px;
}

.sidebar .portrait_block .text {
    font-family: "AlegreyaSans-Medium", sans-serif;
    color: #937841;
    margin-top: 0.8rem;
}


/* sidebar infobox */

.sidebar .text_img_block .container {
    margin-top: 0;
}

.sidebar .column_text.bg_sand {
    background-color: #F1EFE9;
    padding: 2rem;
}

.sidebar .column_text.bg_sand strong { /* 'smallcaps' */
    font-family: "AlegreyaSansSC-Regular", sans-serif;
    text-transform: lowercase;
}

.round_img img {
	border-radius: 50%;
}


/* sidebar contact_block */



/* sections */

section {
	margin: 0 0 4rem 0;
}

/* service_block */

.service_block {
	background-color: #304C5F;
	color: #FFF;
	padding: 2rem 0 5rem 0;
    width: calc(100% + 4.8rem);
    margin-left: -2.4rem;
	
	word-wrap: break-word;
	overflow-wrap: break-word;
	-moz-hyphens: auto;
	hyphens: auto;
}

.service_block h3.title {
	text-align: center;
    color: #72A9A2;
    padding: 1rem 0 2rem 0;
}

.service_block .container {
    max-width: 77.3rem;
    padding: 0 2.4rem;
}

.service_block a {
	color: rgba(255,255,255,1);
}

.service_block a:hover {
	color:rgba(147,120,65,1.00);
	color: rgba(255,255,255,0.8);
}


@media screen and (max-width: 840px) {
	
    .service_block {
        width: calc(100% + 4rem);
        margin-left: -2rem;
    }

    .service_block h3.title {
        width: calc(100% - 4rem);
    }

    .service_block .container {
        width: calc(100% + 4rem);
        margin-left: -2rem;
        padding: 0 2rem;
    }
    
}

@media screen and (max-width: 520px) {
	
    .service_block {
        width: calc(100% + 2.8rem);
        margin-left: -1.4rem;
    }

    .service_block h3.title {
        width: calc(100% - 2.8rem);
    }

    .service_block .container {
        width: calc(100% + 2.8rem);
        margin-left: -1.4rem;
        padding: 0 1.4rem;
    }
    
}

.service_block .container .columns {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.service_block .container .columns h4,
.info_block .header .title {
	font-family: 'AlegreyaSans-Light', sans-serif;
	font-size: 2.4rem;
	margin: -0.15em 0 0 0;
    line-height: 1.1;
}

.service_block .entry {
	flex: 0 0 25%;
	border-left: 5px solid #61968F;
	padding: 0 2rem 0 1rem;
	display: flex;
	flex-direction: column;
}

@media screen and (max-width: 1000px) {
    
    .service_block .container .columns {
        flex-wrap: wrap;
    }
	
    .service_block .entry {
        flex: 0 0 50%;
        margin-bottom: 4rem;
    }
	
    .service_block .entry:nth-of-type(3),
    .service_block .entry:nth-of-type(4) {
        margin-bottom: 0;
    }
	
}

@media screen and (max-width: 720px) {
	
    .service_block .entry {
        flex: 0 0 100%;
        margin-bottom: 4rem;
    }
	
    .service_block .entry:nth-of-type(3) {
        margin-bottom: 4rem;
    }
	
    .service_block .entry:nth-of-type(4) {
        margin-bottom: 0;
    }
	
}

.service_block .entry .header {
	flex-grow: 1;
}

.service_block .entry .content {
	flex: 0 0 auto;
}
	
.service_block .image,
.info_block .image {
    width: 3rem;
    margin: 0.6rem 0 0 0.1rem;
}

.page .entry-content .service_block  .content .image {
    margin: 0;
}

/* text_img_block */

.text_img_block .container {
	display: flex;
	flex-wrap: wrap;
}

.text_img_block .container .column_text {
	flex: 1 1 58%;
}

.text_img_block .container .column_image {
	flex: 1 1 42%;
    padding-left: 3rem;
    min-width: 300px;
}

/* Direktoren... */

.page-id-1839 .text_img_block.block {
    display: flex;
}

.page-id-1839 .text_img_block.block .container {
    align-items: center;
    flex: 0 0 68%;
    margin: 0 0 0 0;
    padding-right: 2.8rem;
}

.page-id-1839 .text_img_block.block:first-of-type .container {
    margin-top: -13rem;
}

.page-id-1839 .text_img_block.block .container .column_text {
    order: 2;
    padding-left: 3rem;
}

.page-id-1839 .text_img_block.block .container .column_text strong {
    font-family: "AlegreyaSans-Light", sans-serif;
    font-size: 1.9rem;
    margin-left: -0.1em;
    line-height: 1;
}

.page-id-1839 .text_img_block.block .container .column_image {
    order: 1;
    padding-left: 0;
    position: relative;
    overflow: hidden;
    box-shadow: 2px 4px 1.4rem rgba(0,0,0,0.1);
    border: 1.2rem solid #FFF;
}

.page-id-1839 .text_img_block.block:last-of-type .container .column_image {
    border: none;
}

.page-id-1839 .text_img_block.block .container .column_image img {
    transform: scale(1.135);
    transform: scale(1.165);
}

.page-id-1839 .text_img_block.block:last-of-type .container .column_image img {
    transform: scale(1);
}

@media screen and (max-width: 800px) {
    
    .text_img_block .container .column_image {
        padding-left: 0;
    }
    
    .page-id-1839 .text_img_block.block .container {
        flex: 0 0 100%;
        padding-right: 0;
    }

    .page-id-1839 .text_img_block.block .container .column_text {
        padding-left: 1.2rem;
    }

}

body:not(.home) .column.column_text h2.title {
    font-family: "AlegreyaSans-Medium", sans-serif;
    font-size: 1.8rem;
    color: #937841;
    margin: 2rem 0 2rem 0;
    line-height: 1.15;
}

body:not(.home) .sidebar .column.column_text h2.title {
    font-family: "AlegreyaSans-Light", sans-serif;
    font-size: 2rem;
    color: #00112b;
    margin: 0 0 1rem 0;
    line-height: 1.15;
}

.sidebar .column.column_text p:last-of-type {
    margin-bottom: 0;
}


/* teaser_block */

.teaser_block .container .columns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.teaser_block .container .columns .column {
	flex: 0 0 31%;
    margin-bottom: 3.5%;
}

@media screen and (max-width: 960px) {
    
    .teaser_block .container .columns .column {
        flex: 0 0 48%;
        margin-bottom: 4%;
    }
}

@media screen and (max-width: 720px) {
    
    .teaser_block .container .columns .column {
        flex: 0 0 100%;
        margin-bottom: 10%;
    }
}
    
.teaser_block .container .columns .column .teaser {
	height: 100%; 
	max-height: 21rem;
}

.teaser_block .container .columns .column .teaser h3.title {
    font-family: "AlegreyaSans-Bold", sans-serif;
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    line-height: 1.175;
}

.teaser_block .container .columns .column .teaser .text {
    line-height: 1.3;
}

.teaser_block .container .columns .column .teaser .date {
    font-family: "AlegreyaSans-Bold", sans-serif;
    font-size: 1.15rem;
    margin-bottom: 1rem;
}

.teaser_block .container .columns .column .teaser .date .meta_title {
    font-family: "AlegreyaSans-Regular", sans-serif;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-left: solid 1px #00112b;
    margin-left: 0.6rem;
    padding-left: 0.6rem;
    display: inline;
}

.teaser_block .container .columns .column .teaser.type_1 {
    background-color: #25974A;
    color: #FFF;
    padding: 1.8rem 1.6rem 1.8rem 1.8rem;
    display: grid;
}


.teaser_block .container .columns .column .teaser.type_1 a {
    color: #FFF;
}

.teaser_block .container .columns .column .teaser.type_1 .image {
    align-self: flex-end;
    max-width: 50%;
    margin-top: 1.4rem;
}

.teaser_block .container .columns .column .teaser.type_2 h3.title {
    color: #937841;
}

.teaser_block .container .columns .column a .teaser.type_2 .text,
.teaser_block .container .columns .column a .teaser.type_2 .date {
    color: #00112b;
}

.teaser_block .container .columns .column a:hover .teaser.type_2 .text,
.teaser_block .container .columns .column a:hover .teaser.type_2 .date {
    color: #937841;
}

.teaser_block .container .columns .column .teaser.type_2 .more {
	font-family: "AlegreyaSans-ExtraBold", sans-serif;
	font-size: 1.0rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	word-spacing: 0.15em;
	color: rgba(37,151,74,1.00);
}

.teaser_block .container .columns .column .teaser.type_2:hover .more {
	color: rgba(37,151,74,0.80);
}

.teaser_block .container .columns .column .teaser.type_2 .more::before {
	content: '»';
	font-size: 1.15rem;
	padding: 0 0.25em 0 0.1em;
}

.teaser_block .container .columns .column .teaser.type_3 {
    background-color: #61968F;
    color: #FFF;
    padding: 1.8rem 1.6rem 1.8rem 1.8rem;
    display: grid;
    position: relative;
}

.teaser_block .container .columns .column .teaser.type_3 a {
    color: #FFF;
}

.teaser_block .container .columns .column a:hover {
	opacity: 0.85;
}


.teaser_block .container .columns .column .teaser.type_3 .image {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 10rem;
}

.teaser_block .container .columns .column .teaser.type_4 {
	position: relative;
}

.teaser_block .container .columns .column .teaser.type_4 .image {
	height: 100%;
}

.teaser_block .container .columns .column .teaser.type_4 img  {
	object-fit: cover;
	height: 100%;
	width: 100%;
    filter: saturate(0%);
}

.teaser_block .container .columns .column .teaser.type_4 .title_box {
	position: absolute;
	bottom: 1.4rem;
    left: 1.8rem;
}

.teaser_block .container .columns .column .teaser.type_4 h3.title {
    color: #FFF;
    font-size: 1.6rem;
    background-color: #937841;
    padding: 2px 5px 1px 0;
    box-shadow: -5px 0 0 #937841;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    display: inline;
    line-height: 1.25;
}

/* typ 5 */


.teaser_block .container .columns .column .teaser.type_5 {
	position: relative;
}

.teaser_block .container .columns .column .teaser.type_5 .combi_container,
.teaser_block .container .columns .column .teaser.type_5 .image {
	height: 100%;
}

.teaser_block .container .columns .column .teaser.type_5 .combi_container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.teaser_block .container .columns .column .teaser.type_5 .combi_box {
	height: 47.5%;
	position: relative;
}

.teaser_block .container .columns .column .teaser.type_5 img  {
	object-fit: cover;
	height: 100%;
	width: 100%;
    filter: saturate(0%);
}

.teaser_block .container .columns .column .teaser.type_5 .title_box {
	position: absolute;
	bottom: 1.4rem;
    left: 1.8rem;
}

.teaser_block .container .columns .column .teaser.type_5 h3.title {
    color: #FFF;
    font-size: 1.6rem;
    background-color: #937841;
    padding: 2px 5px 1px 0;
    box-shadow: -5px 0 0 #937841;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    display: inline;
    line-height: 1.25;
}


/* info_block */

.site-main section.info_block.block .container {
    margin-top: 0;
    margin-bottom: 0;
}

.site-main section.info_block.block:first-of-type .container {
    margin-top: 4rem;
}

.site-main section.info_block.block {
    margin-bottom: 3rem;
}

.info_block > .container {
	display: flex;
}

.info_block .header {
	flex: 0 0 25%;
	background-color: #304C5F;
	padding: 3.2rem 2.4rem 3rem;
    min-width: 280px;
}

.info_block .header .box {
	border-left: 5px solid #61968F;
	padding: 0 0 0 1rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}
    
.info_block .header .title {
	color: #FFF;
    flex: 0 0 auto;
}

.info_block .body {
	flex: 1 1 auto;
	margin: 0;
	background-color: #F1EFE9;
	padding: 2.8rem 3rem 3rem 3rem;
}

.info_block .body > .text {
    /* margin-bottom: 1.6rem; */
}

.info_block .body .columns {
	display: flex;
	flex-wrap: wrap;
}

.info_block .body .columns .entry.column {
    margin-bottom: 1.6rem;
}

.info_block .body .columns .entry.column:last-of-type {
    margin-bottom: 0;
}

.info_block .body a.button {
	display: table;
	position: relative;
	width: auto;
	right: 0;
	margin-top: 1.6rem;
        margin-left: auto;
        margin-right: 0;
}

@media screen and (max-width: 1000px) {

    .info_block .body .columns a.button {
        margin-top: 1.6rem;
        margin-left: 0;
        margin-right: auto;
    }
    
    .info_block .body .text:last-child {
        margin-bottom: 0;
    }
    
    .info_block .body > .text {
      /*   margin-bottom: 0; */
    }
}

@media screen and (max-width: 720px) {
    
    .info_block > .container {
        display: block;
    }
    
    .info_block .header {
        padding: 2.4rem;
        min-width: 100%;
    }
    
    .info_block .body {
        padding: 2rem 2.4rem 2.4rem;
    }
}

@media screen and (max-width: 540px) {
    
    .info_block .header {
        padding: 1.8rem;
    }
    
    .info_block .body {
        padding: 1.4rem 1.8rem 1.8rem;
    }
}

.columns .entry.column h4.title {
    font-family: "AlegreyaSans-Bold", sans-serif;
    font-size: 1.28rem;
    margin-top: 0;
    margin-bottom: 0;
}

.columns .entry.column .phone,
.phone,
.address,
.email {
    font-size: 1.28rem;
    display: inline-flex;
    align-items: flex-start;
    width: 100%;
}

.columns .entry.column .phone::before,
.phone::before,
.address::before,
.email::before,
.file::before {
    content: '';
    display: inline-flex;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin: 0.4rem 0.4rem 0 0;
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgba(0,17,43,1.00)"><path d="M20 22.621l-3.521-6.795c-.008.004-1.974.97-2.064 1.011-2.24 1.086-6.799-7.82-4.609-8.994l2.083-1.026-3.493-6.817-2.106 1.039c-7.202 3.755 4.233 25.982 11.6 22.615.121-.055 2.102-1.029 2.11-1.033z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.address::before {
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgba(0,17,43,1.00)"><path d="M12 0c-4.198 0-8 3.403-8 7.602 0 4.198 3.469 9.21 8 16.398 4.531-7.188 8-12.2 8-16.398 0-4.199-3.801-7.602-8-7.602zm0 11c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z"/></svg>');
}

.email::before {
    height:0.8rem;
    margin: 0.5rem 0.4rem 0 0;
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgba(0,17,43,1.00)"><path d="M12 12.713l-11.985-9.713h23.97l-11.985 9.713zm0 2.574l-12-9.725v15.438h24v-15.438l-12 9.725z"/></svg>');
}

.file::before {
	position: relative !important;
	left: -0.5rem;
    height:0.8rem;
    margin: 0.5rem 0 0 0;
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgba(0,17,43,1.00)"><path d="M14.568.075c2.202 1.174 5.938 4.883 7.432 6.881-1.286-.9-4.044-1.657-6.091-1.179.222-1.468-.185-4.534-1.341-5.702zm-.824 7.925s1.522-8-3.335-8h-8.409v24h20v-13c0-3.419-5.247-3.745-8.256-3z"/></svg>');
}

.file {
	text-indent: -1rem;
	padding-left: 1.5rem;
	margin: 0 0 0.5rem 0;
}

.info_block .body .columns .column {
	flex: 1 0 50%;
}

.info_block .body .columns .column:nth-of-type(2n) {
	padding-left: 1.2rem;
}

@media screen and (max-width: 1000px) {
    
    .info_block .body .columns .column {
        flex: 1 0 100%;
    }

    .info_block .body .columns .column:nth-of-type(2n) {
        padding-left: 0;
    }
	
}

/* multi_img_text_block */

.multi_img_text_block .images {
	display: flex;
    margin-top: 2.8rem;
    margin-bottom: 2.8rem;
}

.multi_img_text_block .images .image {
	margin-right: 2.4%;
}

.multi_img_text_block .images .image:last-child {
	margin-right: 0;
}

.multi_img_text_block .images .image.width20 {
	flex: 1 1 20%;
}

.multi_img_text_block .images .image.width25 {
	flex: 1 1 25%;
}

.multi_img_text_block .images .image.width30 {
	flex: 1 1 30%;
}

.multi_img_text_block .images .image.width33 {
	flex: 1 1 33.3%;
}

.multi_img_text_block .images .image.width35 {
	flex: 1 1 35%;
}

.multi_img_text_block .images .image.width40 {
	flex: 1 1 40%;
}

.multi_img_text_block .body .text {
	column-count: 2;
    column-gap: 4%;
    hyphens: auto;
    margin-top: 2rem;
}

@media screen and (max-width: 800px) {
    
    .multi_img_text_block .body .text {
        column-count: 1;
    }
	
}


.multi_img_text_block .body .text p {
    margin: 0 0 1rem 0;
}

.multi_img_text_block h2.title {
    font-family: "AlegreyaSans-Regular", sans-serif;
    line-height: 1.05;
    color: #304C5F;
}

.multi_img_text_block h2.title .title_2 {
    color: #937841;
}

/* section teaser_buttons_block */

section.teaser_buttons_block .columns {
	display: flex;
}

section.teaser_buttons_block .columns .entry {
	flex: 1 1 50%;
	display: flex;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    
    section.teaser_buttons_block .columns {
        flex-wrap: wrap;
    }
    
    section.teaser_buttons_block .columns .entry {
        flex: 1 1 100%;
        margin-bottom: 3rem;
    }
    
    section.teaser_buttons_block .columns .entry:last-of-type {
        fmargin-bottom: 0;
    }
}

section.teaser_buttons_block .columns .entry .image {
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	overflow: hidden;
}

section.teaser_buttons_block .columns .entry .info {
    flex: 0 1 60%;
    padding-left: 1.5rem;
    font-family: "AlegreyaSans-Bold", sans-serif;
}

@media screen and (max-width: 520px) {
    
    section.teaser_buttons_block .columns .entry {
        flex-wrap: wrap;
    }
    
    section.teaser_buttons_block .columns .entry .image {
        width: 14rem;
	    height: 14rem;
        flex: 0 1 auto;
        display: block;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }

    section.teaser_buttons_block .columns .entry .info {
        flex: 0 1 100%;
        padding-left: 0;
        text-align: center;
    }
}

section.teaser_buttons_block .columns .entry .link::before {
	background-color: transparent;
    content: '';
    display: block;
    margin: 1.2rem 0;
    width: 100%;
    height: 4px;
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="9" height="3" viewBox="0 0 30 20" fill="rgba(37,151,74,1.00)"><circle cx="9" cy="9" r="9"/></svg>');
    background-repeat: round;
}

section.teaser_buttons_block .columns .entry .link a,
section.info_block .columns .entry .link a,
section.teaser_buttons_block .columns .entry .link a:visited,
section.info_block .columns .entry .link a:visited {
	font-family: "AlegreyaSans-ExtraBold", sans-serif;
    font-size: 1.15rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    word-spacing: 0.15em;
    color: rgba(37,151,74,1.00);
}

section.teaser_buttons_block .columns .entry .link a:hover,
section.info_block .columns .entry .link a:hover,
section.teaser_buttons_block .columns .entry .link a:active,
section.info_block .columns .entry .link a:active {
	color: rgba(37,151,74,0.80);
}

section.teaser_buttons_block .columns .entry .link a::before,
section.info_block .columns .entry .link a::before {
	content: '»';
    padding: 0 0.25em 0 0.1em;
}

section.info_block .columns .entry.column .link {
    line-height: 1.1;
    margin-top: 0.5rem;
}

/* section download_list_block */ 

section.download_list_block {
	padding: 1rem 0 0 0;
}

section.download_list_block > .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

section.download_list_block > .container .column {
	flex: 0 0 47.5%;
}



/* Start page
--------------------------------------------- */


.home .page .entry-content {
	display: block;
}

.header-banner {
	display: flex;
	justify-content: space-between;
}

.header-banner .banner {
	flex: 0 0 48%;
	min-height: 6rem;
	position: relative;
}

.header-banner .banner .text_box {
	padding: 4rem 2.6rem 1.6rem 2.6rem;
}

@media screen and (max-width: 1124px) {
    
    .content .header-banner {
        flex-wrap: wrap;
    }
	
    .content .header-banner .banner {
        flex: 0 0 100%;
        margin-bottom: 1.5rem;
    }
	
    .content .header-banner .banner:last-of-type {
        margin-bottom: 0;
    }

    .content .header-banner .banner .text_box {
        padding: 4rem 1.8rem 1.6rem 1.8rem;
    }
	
}

@media screen and (max-width: 840px) {
    
    .header-banner {
        flex-wrap: wrap;
    }
	
    .header-banner .banner {
        flex: 0 0 100%;
        margin-bottom: 1.5rem;
    }
	
    .header-banner .banner:last-of-type {
        margin-bottom: 0;
    }

    .header-banner .banner .text_box {
        padding: 4rem 1.8rem 1.6rem 1.8rem;
    }
	
}

@media screen and (max-width: 520px) {
    
    .header-banner .banner .text_box {
        padding: 4rem 1.05rem 1rem 1.05rem;
    }
	
}

.header-banner .banner .text_box h2 {
    font-family: 'AlegreyaSans-Thin', sans-serif;
    font-size: 3.5rem;
    margin: 0;
    line-height: 1;
}

.page-template-page-lehre-start .entry-content .header-banner {
	margin: 0 0 2rem 0;
}

.page-template-page-lehre-start .entry-content .header-banner .banner .text_box h2 {
    font-size: 2.8rem;
}

.header-banner .banner .text_box .meta_title,
h3.meta-title,
.service_block h3.title,
.tabs_block .header h3.title,
h4.entry-title,
label.title {
    font-family: 'AlegreyaSans-Regular', sans-serif;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0;
}

@media screen and (max-width: 767px) {
    
    .tabs_block .header h3.title {
        margin-bottom: 1.5rem;
    }
}

h3.meta-title {
    padding-left: 0.15em;
    margin-bottom: 0.3rem;
}

.header-banner .banner.virologie {
	background-color: #9DDAE0;
	text-align: left;
    background-repeat: no-repeat;
    background-size: 11rem;
    background-position: left 3.4rem bottom -2rem;
}

.header-banner .banner.mikrobiologie {
	background-color: #ACD4C4;
	text-align: right;
    background-repeat: no-repeat;
    background-size: 11rem;
    background-position: right 3.4rem top -2rem;
}

.header-banner a {
	color: #00112b;
}

.header-banner .banner {
    opacity: 1;
    transition: all 0.2s ease;
}

.header-banner .banner:hover {
    opacity: 0.8;
    transition: all 0.2s ease;
}


/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */

.main-navigation {
	display: block;
	width: 100%;
	text-align: right;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0 0 0 auto;
	padding-left: 0;
    font-family: 'AlegreyaSans-Regular', sans-serif;
    font-size: 1.4rem;
    letter-spacing: 0.01em;
}

.main-navigation ul > li {
	margin: 0 0 0 1.2rem;
}

.main-navigation ul > li:first-of-type {
	margin: 0 0 0 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 {
	display: block;
	left: auto;
}

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

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

.main-navigation li {
	position: relative;
}

.main-navigation a,
.main-navigation a:visited {
	display: block;
	text-decoration: none;
    color: #00112B;
}

.main-navigation a:hover,
.main-navigation a:active {
	color: #937841;
}

.main-navigation .current_page_item a,
.main-navigation .current-page-ancestor a,
.single-post li.institute a {
	font-family: 'AlegreyaSans-Bold', sans-serif;
    color: #937841;
}

.main-navigation .current_page_item a:hover {
	font-family: 'AlegreyaSans-Bold', sans-serif;
}

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

@media screen and (min-width: 75em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		display: inline-flex;
	}
}

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

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* quad menu */

.site #quadmenu {
    display: none;
}

.main-navigation ul.menu ul {
    display: none;
}

@media screen and (max-width: 1200px) {

    
    .site #quadmenu {
        display: block;
        transition: all 0.2s ease;
    }

    .main-navigation > div,
    .main-navigation > .menu-toggle {
        display: none;
    }
    
    .site #quadmenu .quadmenu-navbar-toggle .icon-bar-container {
        background-color: rgba(255,255,255,0.0);
        box-shadow: 0 0 3000px 1300px rgba(255,255,255,0.0);
        transition: all 0.2s ease;
    }
    
    .site #quadmenu .quadmenu-navbar-toggle:not(.collapsed) .icon-bar-container {
        background-color: rgba(255,255,255,0.8);
        box-shadow: 0 0 3000px 1300px rgba(255,255,255,0.8);
        transition: all 0.2s ease;
    }
    
    .site #quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle.collapsed .icon-bar,
    .site #quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle .icon-bar {
        background-color: #304C5F;
    }
    
    .site #quadmenu .quadmenu-navbar-toggle.collapsed .icon-bar-container .icon-bar-top {
        top: 3px;
    }
    
    .site #quadmenu .quadmenu-navbar-toggle.collapsed .icon-bar-container .icon-bar-bottom {
        bottom: 3px;
    }
    
    .site #quadmenu .navbar-offcanvas.collapsing {
        box-shadow: 0 0 20px 20px rgba(0,0,0,0.075);
        transition: all 0.4s ease !important;
    }
    
    .site #quadmenu .navbar-offcanvas.in {
        box-shadow: 0 0 20px 20px rgba(0,0,0,0.075);
        transition: all 0.4s ease !important;
    }
    
    .site #quadmenu .quadmenu-navbar-nav {
        padding: 2.2rem 0;
    }
    
    .site #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content {
        color: #00112b;
        transition: all 0.2s ease;
    }
    
    .site #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.current_page_item > a > .quadmenu-item-content,
    .site #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.current_page_parent:not(.quadmenu-item-type-button) > a > .quadmenu-item-content,
    .site #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.current_page_item:not(.quadmenu-item-type-button) > a > .quadmenu-item-content {
        color: #937841;
    }
}

.site #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav > li.quadmenu-item.quadmenu-has-caret > a > .quadmenu-item-content > .quadmenu-text {
  padding-right: 0.75em;
}

.site #quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content {
  padding: 0.75rem;
}


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

.post,
.page {
	margin: 0;
}

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

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

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

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

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

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

/* 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 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;
    font-size: 1rem;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

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

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.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;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

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

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin: 0.5rem 1.25rem 0.5rem 0;
	width: 40% !important;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin: 0.5rem 0 0.5rem 1.25rem;

	width: 40% !important;
}

.alignleft img.size-medium,
.alignright img.size-medium {
	max-width: 90%;
}

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

@media screen and (max-width: 520px) {
	
    .alignleft {
        float: none;
	    margin: 2.4rem 2rem;
        width: calc(100% - 4rem)!important;
    }

    .alignright {
        float: none;
	    margin: 2.4rem 2rem;
        width: calc(100% - 4rem)!important;
    }
	
}



/*--------------------------------------------------------------
# Photoswipe
--------------------------------------------------------------*/


.slideshow .image .details {
	display: none;
}

figure {
    margin: 0;
}

button {
    border-radius: 0;
} 

.pswp__bg {
    background: rgb(255, 255, 255, 1)!important;
}

.pswp__caption {
    background-color: rgba(255, 255, 255, 0)!important;
}

@media screen and (max-width: 840px) {
	
    .pswp__caption {
        padding-left: 0;
    }
	
}

.pswp__caption .pswp__caption__center {
    display: table;
    margin-left: 0;
    margin-right: 0;
	padding: 0.25rem 2rem;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
	text-align: center;
    /* min-height: 3.2rem; */
    color: #121212;
    position: absolute;
    bottom: 0;
}

.pswp__caption .pswp__caption__center .title,
.pswp__caption .pswp__caption__center .year,
.pswp__caption .pswp__caption__center .media,
.pswp__caption .pswp__caption__center .dimension {
    display: inline-block;
    padding-right: 0.3em;
}

.pswp__caption .pswp__caption__center .dimension {
    padding-right: 0;
}

@media screen and (max-width: 840px) {
	
    .pswp__caption .pswp__caption__center {
        text-align:center;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        border-left: none;
    }
	
}

.pswp__caption .pswp__caption__center div {
/*	margin: 0 0 0 0; */
}

.pswp__caption .pswp__caption__center div:last-of-type {
/*	margin: 0 0 0 0; */
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
    background-color: rgba(255,255,255,0);
}


.pswp--svg .pswp__top-bar .pswp__button,
.pswp--svg .pswp__button--arrow--left::before, .pswp--svg .pswp__button--arrow--right::before {
    background-image: url(/wp-content/themes/pki_hff/js/photoswipe/hws-skin/skin.svg);
		
}
.pswp__button, 
.pswp__button--arrow--left::before, 
.pswp__button--arrow--right::before,
.pswp--svg button.pswp__button--arrow--left::before,
.pswp--svg button.pswp__button--arrow--right::before
{
    background: url(/wp-content/themes/artofassembly/js/pki_hff/hws-skin/skin.svg) 0 0 no-repeat;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0px;
        background-position-y: 0px;
    background-image: url(/wp-content/themes/pki_hff/js/photoswipe/hws-skin/skin.svg);
        background-size: auto;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

.pswp--svg button.pswp__button--arrow--right::before {
	right: 0;
}

.pswp__button--close,
.pswp__button--fs {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
    content: '';
    top: 35px;
    background-color: rgba(255, 255, 255, 0.3);
    height: 44px;
    width: 44px;
    position: absolute;
	overflow: hidden;
}

.pswp__button.pswp__button--fs {
    float: left;
}

button.pswp__button--arrow--left::before {
    left: 0px;
    background-position: -134px -36px !important;
}

button.pswp__button--arrow--right::before {
    right: 0px;
    background-position: -88px -36px !important;
}

/* debugging */
.pswp__caption.pswp__ui--idle, .pswp__ui--idle .pswp__top-bar,
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
    opacity: 1;
}

.pswp__caption {
    background-color: rgba(255,255,255,0.3);
    background-color: rgba(0,0,0,0.3);
}

.pswp__top-bar {
    background-color: rgba(0,0,0,0);
}

.pswp__caption .img_container .caption {
	height: auto;
}

.pswp__caption .tecrec div {
/*	white-space: nowrap; */
}

.img_container figcaption {
	display: none;
}

.pswp__caption__center {
    display: table;
    max-width: none;
    width: auto;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__button--close,
.pswp__ui--idle .pswp__button--fs,
.pswp__ui--idle .pswp__button {
    opacity: 0;
}

.pswp__top-bar, .pswp__caption {
  background-color: rgba(0,0,0,0) !important;
}

.pswp__caption__center .pswp__caption__text {
  max-width: 800px !important;
	margin: 0 auto;
}

#wpadminbar {
    z-index: 999999;
}

.image_list figcaption { 
	display: none;
}


/* Kontaktformular */

form.wpcf7-form {
    background: #F1EFE9;
    padding: 3rem;
    width: 100%;
}

form.wpcf7-form select,
form.wpcf7-form input,
form.wpcf7-form textarea {
    background: #FFF;
    padding: 0.6rem 1rem;
    border: 3px solid #FFF!important;
    color: #00112b;
	max-height: 10rem;
}

form.wpcf7-form .address::before,
form.wpcf7-form .email::before,
form.wpcf7-form .phone::before {
    display: none;
}

form.wpcf7-form label {
    font-family: 'AlegreyaSans-Regular', sans-serif;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

form.wpcf7-form p {
    margin-bottom: 0.5rem;
}

form.wpcf7-form div {
    margin-bottom: 1.2rem;
}

form.wpcf7-form select:focus-visible,
form.wpcf7-form input:focus-visible,
form.wpcf7-form textarea:focus-visible {
    border: 3px solid #D5CEB5!important;
    outline: none!important;
}

form.wpcf7-form input[type="text"]:focus, 
form.wpcf7-form input[type="email"]:focus, 
form.wpcf7-form input[type="number"]:focus, 
form.wpcf7-form input[type="tel"]:focus, 
form.wpcf7-form input[type="range"]:focus, 
form.wpcf7-form textarea:focus {
  color: #00112b;
}

form.wpcf7-form input[type=number] { 
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0; 
}

form.wpcf7-form input[type=number]::-webkit-inner-spin-button,
form.wpcf7-form input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
}

form.wpcf7-form .field.consent {
	margin: 1rem 0 2rem 0;
}

form.wpcf7-form .field.consent .wpcf7-list-item {
  display: inline-block;
  margin: 0 0.75rem 0 0.1rem;
}

form.wpcf7-form .field.consent a {
	color: #937841;
}

form.wpcf7-form .field.consent p br {
	display: none;
}

form.wpcf7-form .field.consent .wpcf7-not-valid-tip {
	display: none;
}

form.wpcf7-form.sent .field,
form.wpcf7-form.sent input,
form.wpcf7-form.sent label,
form.wpcf7-form.sent p {
	display: none;
}

#wpadminbar #wp-admin-bar-under-construction-page img.logo {
  display: inline-block;
}