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

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

ico_online is based on Underscores https://underscores.me/, (C) 2012-2017 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:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Farben

ICO Corporate
#b5d9b3

ICO Jade
#9dbeb0

ICO Petrol
#006e6e

ICO Blau leuchtend
#3194c0

ICO Blau dunkel
#00527e

ICO Corporate Grau
#797979

ICO-Hellgrau Linien
#f2f2f2

ICO-Hellgrau-BG
#f5f5f5

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


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | 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.4444444; /* 1 */
	font-size:18px;
}

html {
  scroll-behavior: smooth;
}

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

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * 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; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

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

/* 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; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;	
	
    font-style: normal;
    font-weight: normal;
	
	font-family: 'TajawalBold';
}

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

/**
 * 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;
}

/* 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; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	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; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * 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; /* 1 */
	padding: 0; /* 2 */
}

/**
 * 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; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * 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; /* 1 */
	font: inherit; /* 2 */
}


input:focus::-webkit-input-placeholder { color:transparent !important; }
input:focus:-moz-placeholder { color:transparent !important; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent !important; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent !important; } /* oldIE ;) */

textarea::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */


.wpcf7-checkbox span.wpcf7-list-item {
    display: inline;
    margin: 0 0.5rem 0 0;
}

.wpcf7-checkbox #data_accept {
	width:20px;
	height:20px;
}

/* 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;
}

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/


/* Webfont: Tajawal-Regular */@font-face {
    font-family: 'TajawalRegular';
    src: url('fonts/Tajawal/Tajawal-Regular.otf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Tajawal-Medium */@font-face {
    font-family: 'TajawalMedium';
    src: url('fonts/Tajawal/Tajawal-Medium.otf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Tajawal-Light */@font-face {
    font-family: 'TajawalLight';
    src: url('fonts/Tajawal/Tajawal-Light.otf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Tajawal-Bold */@font-face {
    font-family: 'TajawalBold';
    src: url('fonts/Tajawal/Tajawal-Bold.otf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Tajawal-Black */@font-face {
    font-family: 'TajawalBlack';
    src: url('fonts/Tajawal/Tajawal-Black.otf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Tajawal-ExtraLight */@font-face {
    font-family: 'TajawalExtraLight';
    src: url('fonts/Tajawal/Tajawal-ExtraLight.otf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Tajawal-ExtraBold */@font-face {
    font-family: 'TajawalExtraBold';
    src: url('fonts/Tajawal/Tajawal-ExtraBold.otf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* ============= */


/* Webfont: SourceSansPro-Regular */@font-face {
    font-family: 'SourceSansProRegular';
    src: url('fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: SourceSansPro-Italic */@font-face {
    font-family: 'SourceSansProItalic';
    src: url('fonts/SourceSansPro/SourceSansPro-Italic.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: SourceSansPro-Light */@font-face {
    font-family: 'SourceSansProLight';
    src: url('fonts/SourceSansPro/SourceSansPro-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: SourceSansPro-LightItalic */@font-face {
    font-family: 'SourceSansProLightItalic';
    src: url('fonts/SourceSansPro/SourceSansPro-LightItalic.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: SourceSansPro-ExtraLight */@font-face {
    font-family: 'SourceSansProExtraLight';
    src: url('fonts/SourceSansPro/SourceSansPro-ExtraLight.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: SourceSansPro-ExtraLightItalic */@font-face {
    font-family: 'SourceSansProExtraLightItalic';
    src: url('fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: SourceSansPro-Bold */@font-face {
    font-family: 'SourceSansProBold';
    src: url('fonts/SourceSansPro/SourceSansPro-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: SourceSansPro-BoldItalic */@font-face {
    font-family: 'SourceSansProBoldItalic';
    src: url('fonts/SourceSansPro/SourceSansPro-BoldItalic.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: SourceSansPro-SemiBold */@font-face {
    font-family: 'SourceSansProSemiBold';
    src: url('fonts/SourceSansPro/SourceSansPro-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: SourceSansPro-SemiBoldItalic */@font-face {
    font-family: 'SourceSansProSemiBoldItalic';
    src: url('fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: SourceSansPro-Black */@font-face {
    font-family: 'SourceSansProBlack';
    src: url('fonts/SourceSansPro/SourceSansPro-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: SourceSansPro-BlackItalic */@font-face {
    font-family: 'SourceSansProBlackItalic';
    src: url('fonts/SourceSansPro/SourceSansPro-BlackItalic.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}



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

h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin:2rem 0 1rem 0;
	font-weight:normal;
}

p {
	margin: 1rem 0;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

/* hyphenate */

.hyphenate,
h1, h2, h3, h4,
.slick-slider .content .title {
  word-wrap: break-word;
  overflow-wrap: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}


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

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

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

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 0.75rem 0 1.75em 0;
}

ul, ol {
	margin: 0 0 1.5rem 0;
	padding:0 0 0 1.75rem;
}

ul {
	list-style: none;
}

.entry-content ul li,
.tabcontent ul li {
	text-indent: -1.5rem;
}

.entry-content ul li.responsive-tabs__list__item {
	text-indent: 0;
}

/*
.entry-content ul li:before,
.tabcontent ul li:before {
	font-family: 'iconmonstr-iconic-font';
	content: "\e009";
	font-size:0.9222rem;
	float: left;
	width: 1rem;
	margin:0 0.5rem 0 0;
	color:#9dbeb0;
}
*/

.entry-content ul li::before,
.tabcontent ul li: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(157,190,176,1.00)"><path d="M24 12l-9-8v6h-15v4h15v6z"/></svg>');
	content: '';
  display: inline-flex;
  width: 1rem;
  height: 1rem;
	float: none;
  flex-shrink: 0;
  margin: 0.2rem 0.5rem 0 0;
  background-repeat: no-repeat;
  background-size: contain;
	position: relative;
	top: 0.15rem;
}



.entry-content ul li.responsive-tabs__list__item:before {
	content: "";
	margin:0 0 0 0;
	width: 0;
}


ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

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

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

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

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

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

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

select {
	border: none;
    background-color: #C8E4F0; /* hellblau */
    background-color: #FFF;
    margin-bottom: 1rem;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
	color: #000;
	text-decoration:none;
    transition: all 0.15s ease;
}

a:visited {
	color: purple;
	color: #000;
    transition: all 0.15s ease;
}

a:hover, a:focus, a:active {
	color: midnightblue;
	color: #000;
    transition: all 0.15s ease;
}

a:focus {
	outline: thin dotted;
}

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

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

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

.main-navigation ul ul {
	box-shadow: none;
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	padding:0.75rem 0 0.5rem 0;
	margin-top:0rem;
}

.arrow_up {
	
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.main-navigation .sub-menu:before{
	content:"";
	height:0;
	width:0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #9dbeb0;
	position:absolute;
	left:1rem;
	top: 0rem;
	margin:0 0 0 -3px;
	z-index:100;	
}

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

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

.main-navigation ul ul a {
	width: 240px;
	display:block;
}

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

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

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

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



/* toggle buttn */
button.menu-toggle {
	background:transparent !important;
}

.menu-toggle {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	transition: background 0.1s;
}

.menu-toggle:focus {
	border:none;
	outline:none;
}

.menu-toggle span {
  display: block;
  position: absolute;
  top: 22px;
  left: 9px;
  right: 9px;
  height: 4px;
  background-color:#000000;
}

.menu-toggle span::before,
.menu-toggle span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #000000;
  content: "";
}

.menu-toggle span::before {
  top: -10px;
}

.menu-toggle span::after {
  bottom: -10px;
}

/* toggled X */
.menu-toggle span {
  transition: background 0s 0.1s;
}

.menu-toggle span::before,
.menu-toggle span::after {
  transition-duration: 0.1s, 0.1s;
  transition-delay: 0.1s, 0s;
}

.menu-toggle span::before {
  transition-property: top, transform;
}

.menu-toggle span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.toggled .menu-toggle {
  background-color: #cb0032;
}

.toggled .menu-toggle span {
  background: none;
}

.toggled .menu-toggle span::before {
  top: 0;
  transform: rotate(45deg);
}

.toggled .menu-toggle span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.toggled .menu-toggle span::before,
.toggled .menu-toggle span::after {
  transition-delay: 0s, 0.1s;
}

/* -- -- -- */

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


/* -- -- -- */

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

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

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



/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

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

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

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

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

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

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

	.entry-title br {
		display:none;
	}

}

/*--------------------------------------------------------------
# Contact-Header
--------------------------------------------------------------*/

.entry-header.contact-header .entry-title {
/*	width:60%; */
}

.entry-header .header_container {
	display:flex;
}

.entry-header .header_container .content {
	flex: 0 0 60%;
}

.entry-header .header_container .contact {
	flex: 0 0 40%;
	padding: 0 0 0 4rem;
}

.contact_box .contact_container {
	display:flex;
	margin:1rem 0 0 0;
}

.contact_box.mobile {
	display: none;
	margin:2rem 0 0 0;
}

.contact_box .image {
	flex: 0 0 110px;
}

.contact_box .content {
	flex: 1 1 auto;
	margin:0 0 0 1rem;
	padding:0 0 0 1rem;
	border-left:#b5d9b3 4px solid;
}


.entry-header .header_container .contact .title {
	font-family:TajawalBold, Verdana, Geneva, sans-serif;
    background: transparent;
	border: none;
	color:#006e6e;
	border-radius:0;
	text-transform: uppercase;
	font-size:0.9444rem;
	letter-spacing:0.0555rem;
	margin:-0.1111rem 0 0.4rem 0;
}

.entry-header .contact_container .intro_text {
	margin:0 0 0.48rem 0;
}

.entry-header .contact_container .phone,
.entry-header .contact_container .email {
}

.entry-header .contact_container .im_icon.im {
}

.register {
	margin: 2rem 0 0 132px;
}

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

	.entry-header .header_container {
		display: block;
	}
	
	.entry-header .header_container .contact {
		flex: 0 0 40%;
		padding: 2rem 0 2rem 0;
	}
	
	.entry-header .header_container .contact.mobile {
		padding: 3rem 0 0 0;
	}
	
	.entry-header.contact-header .entry-title {
		width: 100%;
	}
	
	.page-template-page_seminare .entry-header .contact_box,
	.single-seminar .entry-header .contact_box,
	.single-ausbildung .entry-header .contact_box {
		display: none;
	}
	
	.contact_box.mobile {
		display: block;
	}

}

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

	.entry-header .contact_container {
		display: block;
		margin: 1rem 0 0 0;
	}
	
	
	.entry-header .contact_container .image {
		max-width:120px;
	}
	
	.entry-header .contact_container .content {
		flex: 1 1 auto;
		margin: 1rem 0 0 0;
		padding: 1rem 0 0 0;
		border-top: #b5d9b3 4px solid;
		border-left: none;
	}
	


}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

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

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


/*--------------------------------------------------------------
# Glossary
--------------------------------------------------------------*/

.page-template-page_glossar h2.title a,
.page-template-page_glossar h2.title a:visited {
    color: #3194c0;
}

.page-template-page_glossar h2.title a:hover {
    color: #00527e;
}

.page-template-page_glossar .cloud {
    font-size: 0;
}

.page-template-page_glossar .cloud a {
    font-family: 'TajawalMedium';
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: inline-block;
    margin: 0 0.5rem 0.5rem 0;
    color: #ffffff;
    background-color: #00527e;
    padding: 0.3rem 0.5rem 0 0.5rem;
    border-radius: 0;
}

.page-template-page_glossar .cloud a:hover {
    background-color: #3194c0;
}

.page-template-page_glossar .anchor_block .content a,
.page-template-page_glossar .anchor_block .content a:visited,
.single-glossary .entry-content a,
.single-glossary .entry-content a:visited {
    color: #3194c0;
}

.page-template-page_glossar .anchor_block .content a:hover,
.single-glossary .entry-content a:hover {
    color: #00527e;
}

.page-template-page_glossar .anchor_block .content a::before,
.single-glossary .entry-content a::before {
    font-family: 'iconmonstr-iconic-font';
	content: '\e001';
    margin: 0 0.1rem 0 0;
    font-size: 0.4rem;
    line-height: inherit;
    vertical-align: middle;
}

/* .page-template-page_glossar ul li::before {
  color: #BBBBBB;
} */

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/


.single .content-area,
.page-template-default .content-area {
	display:flex;
}


.single .site-main,
.page-template-default .site-main {
	flex: 0 0 66.666%;
}


.single .sidebar,
.page-template-default .sidebar {
	flex: 0 0 33.333%;
	padding:0 0 0 3.2rem; 
}

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


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

.single .content-area,
.page-template-default .content-area {
	display:block;
}

}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/* Buttons */


a.button,
a.button:visited,
.more-button,
a.more-button,
a.more-button:visited,
.tab_sidebar a .button,
.online-formular [type="submit"]  {
	font-family:'TajawalBold', Verdana, Geneva, sans-serif;
	padding:0.65rem 1rem 0.25rem 1rem;
	color:#FFF;
	margin:0 0 1rem 0;
	text-transform:uppercase;
	background-color:#006e6e;
	display:inline-block;
	text-decoration:none;
	font-size:0.94444rem;
	letter-spacing:0.05em;
	width:auto;
}

a.button:hover,
.more-button:hover,
a.more-button:hover,
a.more-button:visited:hover,
.tab_sidebar a:hover .button,
.online-formular [type="submit"]:hover {
	background-color:#3194C0;
	cursor:pointer;
}

/* Icons / Pictorams */

.im_icon.im {
	display:inline-block;
	position:relative;
	top: 2px;
	font-size:1rem;
	margin:0 0.555rem 0 0;
	color:#006e6e;
}

.im_icon.im-location {
	margin:0 0.255rem 0 0;
}

.bullet {
	display:inline-block;
	position:relative;
	top: 14px;
	font-size:4.8rem;
	margin:0 0.125rem -0.5rem -0.25rem;
	line-height:1rem;
}

/* icons */

a.icon-file {
}

a.icon-file::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,110,110,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>');
	content: '';
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin: 0.2rem 0.5rem 0 0;
  background-repeat: no-repeat;
  background-size: contain;
	position: relative;
	top: 0.15rem;
}

div.icon-location::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,110,110,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>');
	content: '';
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin: 0.2rem 0.5rem 0 0;
  background-repeat: no-repeat;
  background-size: contain;
	position: relative;
	top: 0.15rem;
}


div.icon-calendar::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,110,110,1.00)"><path d="M20 20h-4v-4h4v4zm-6-10h-4v4h4v-4zm6 0h-4v4h4v-4zm-12 6h-4v4h4v-4zm6 0h-4v4h4v-4zm-6-6h-4v4h4v-4zm16-8v22h-24v-22h3v1c0 1.103.897 2 2 2s2-.897 2-2v-1h10v1c0 1.103.897 2 2 2s2-.897 2-2v-1h3zm-2 6h-20v14h20v-14zm-2-7c0-.552-.447-1-1-1s-1 .448-1 1v2c0 .552.447 1 1 1s1-.448 1-1v-2zm-14 2c0 .552-.447 1-1 1s-1-.448-1-1v-2c0-.552.447-1 1-1s1 .448 1 1v2z"/></svg>');
	content: '';
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin: 0.2rem 0.5rem 0 0;
  background-repeat: no-repeat;
  background-size: contain;
	position: relative;
	top: 0.15rem;
}


div.icon-phone::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,110,110,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>');
	content: '';
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin: 0.2rem 0.5rem 0 0;
  background-repeat: no-repeat;
  background-size: contain;
	position: relative;
	top: 0.15rem;
}


div.icon-contact::before {
  background-image: url('data:image/svg+xml;charset=UTF-8, <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" fill="rgba(0,110,110,1.00)"><path d="M24 23h-24v-13.275l2-1.455v-7.27h20v7.272l2 1.453v13.275zm-20-10.472v-9.528h16v9.527l-8 5.473-8-5.472zm14-.528h-12v-1h12v1zm0-3v1h-12v-1h12zm-7-1h-5v-3h5v3zm7 0h-6v-1h6v1zm0-2h-6v-1h6v1z"/></svg>');
	content: '';
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin: 0.2rem 0.5rem 0 0;
  background-repeat: no-repeat;
  background-size: contain;
	position: relative;
	top: 0.15rem;
}


div.anchor_link > a::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,110,110,1.00)"><path d="M12 21l-12-18h24z"/></svg>');
	content: '';
  display: inline-flex;
  width: 0.8rem;
  height: 0.8rem;
  flex-shrink: 0;
  margin: 0.2rem 0 0 0;
  background-repeat: no-repeat;
  background-size: contain;
	position: relative;
	top: 0.15rem;
}

a.up .back_up::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,110,110,1.00)"><path d="M12 3l12 18h-24z"/></svg>');
	content: '';
  display: inline-flex;
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
  margin: 0.2rem 0 0 0;
  background-repeat: no-repeat;
  background-size: contain;
	position: relative;
	top: 0.15rem;
}





/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header {
	max-width: 1180px;
	margin:5.3125rem auto 4.0rem auto;
	padding:0 20px;
}

.site-header {
	display:flex;
	align-items: flex-end;
}

.site-branding {
	max-width:395px;
}

.main-navigation {
	display: inline-block;
	margin:0 0 0 auto;
	width:auto;
}

.main-navigation ul {
/*	 */
}

.main-navigation ul li {
	margin:0 0 0 1rem;
	text-transform:uppercase;
	font-size:0.944444rem;
	letter-spacing:0.0625rem;
	font-family:'TajawalRegular', Verdana, Geneva, sans-serif;
}

.main-navigation ul li li {
}
	
.main-navigation ul li a,
.main-navigation ul li a:visited {
	color:#797979;
}

.main-navigation ul li a:hover,
.main-navigation ul li a:active {
	color:#006E6E;
}
.main-navigation ul li li {
	font-size:1rem;
	text-transform:none;
	margin: 0;
	background-color:#9dbeb0;
	line-height:1.25;
}

.main-navigation ul li li:first-of-type {
	padding:0.75rem 0 0 0;
}

.main-navigation ul li li:last-of-type {
	padding:0 0 0.75rem 0;
}

.main-navigation ul li li a::before {
	content: '\00BB ';
	color:#b5d9b3;
	margin-right: 0.5rem;
	font-size: 1.1111rem;
}

.main-navigation ul li li a:hover::before {
	color:#FFFFFF;
}

.main-navigation ul li li a,
.main-navigation ul li li a:visited {
	font-size:1rem;
	font-family:'TajawalLight', Verdana, Geneva, sans-serif;
	color:#000;
	padding: 0.4rem 1rem 0.20rem 1rem;
}

.main-navigation ul li li a:hover {
	color:#000;
	background-color:#b5d9b3;
}

.main-navigation ul li li.current_page_item > a,
.main-navigation ul li li.current_page_item > a:visited {
	color:#006e6e;
}

.main-navigation ul.menu > li > a,
.main-navigation ul.menu > li > a:visited {
	border-bottom:#FFF 2px solid;	
}


.main-navigation ul.menu > li.current_page_item > a,
.main-navigation ul.menu > li.current_page_item > a:visited,
.main-navigation ul.menu > li.current-page-parent > a,
.main-navigation ul.menu > li.current-page-parent > a:visited,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-parent > a.mega-menu-link {
	color:#006e6e !important;
	border-bottom:#CCC 2px solid !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
  line-height: 3rem;
}

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

	.site-header {
		display:block;
	}
	
	.main-navigation {
		float: none;
		margin:2rem 0 0 0;
	}
	
	.site-header {
		max-width: 1180px;
		margin: 3.2rem auto 2rem auto;
	}
	
	.main-navigation ul li {
    	margin: 0 1rem 0 0;
	}

}

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

	
	.site-header {
		margin: 3.2rem auto 1rem auto;
	}
	
}

/* header-image 

b5d9b3 : Corporate
9dbeb0 : ICO Jade
006e6e : ICO Petrol
3194c0 : ICO Blau leuchtend
00527e : ICO Blau dunkel
797979 : ICO Corporate Grau
f5f5f5 : ICO-Hellgrau-BG

*/

.header_img_container {
	margin:0 0 0 0;
}

.header_img_bg {
	margin:0 0 0 0;
}

.header_img_bg.corporate,
.header_img_bg.bg_b5d9b3 {
	background-color:#b5d9b3;
}

.header_img_bg.jade,
.header_img_bg.bg_9dbeb0 {
	background-color:#9dbeb0;
}

.header_img_bg.petrol,
.header_img_bg.bg_006e6e {
	background-color:#006e6e;
}

.header_img_bg.lightblue,
.header_img_bg.bg_3194c0 {
	background-color:#3194c0;
}

.header_img_bg.darkblue,
.header_img_bg.bg_00527e {
	background-color:#00527e;
}

.header_img_bg.corporate_gray,
.header_img_bg.bg_3797979 {
	background-color:#797979;
}

.header_img_bg.lightgray,
.header_img_bg.bg_f5f5f5 {
	background-color:#f5f5f5;
}

.header-image {
	margin:0 auto 0 auto;
	max-width: 1180px;
	padding: 0 20px;
}

.home .header-image {
	margin:0 auto 0 auto;
	max-width: 2360px;
	padding: 0 0;
}

.header-image img {
	display:block;
}

.header_pic_container {
	margin:-75px auto 0 auto;
	max-width: 1180px;
	padding: 0 20px;
}

.header_pic {
	width:9.375rem;
	height:9.375rem;
	border-radius:50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	margin:0 0 0 2rem;
	overflow:hidden;
}

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

.header_pic {
	width:7.5rem;
	height:7.5rem;
	border-radius:50%;
}
	

	
}


@media screen and (max-width: 960px) {
	
	.header_img_bg .header_banner {
		height: 96px;
		overflow: hidden;
		position: relative;
	}
	
	.header_img_bg .header-image {
		padding:0;	
	}
	
	.header_img_bg .header_banner img {
		position:absolute;
		top: -100%;
		right: -100%;
		bottom: -100%;
		left: -100%;
		height: 96px;
		width: 910px;
		max-width:910px;
    	margin: auto;
	}
	
}


/* -- -- -- */

.menu-toggle-img {
	display:none;
}

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

	.site-header {
		display:flex;
		justify-content: space-between;
	}
	
	.site-header .site-branding {
		margin:0 auto 0 0;
		flex: 0 0 360px;
	}
	
	.main-navigation {
		position:relative;
	}
	
	.menu-main-navigation-container {
		position:absolute;
		top: 80px;
		right: 20px;
		z-index:9999;
		background-color:rgba(255,255,255,0.8);
	}
	
	.menu-toggle-img {
		display:block;
	}

}


@media screen and (max-width: 480px) {
	
	.site-header {

		margin: 2.4rem auto 1.6rem auto;
	
	}

	.site-header .site-branding {
		flex: 0 0 240px;
	}
	
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
	margin:4rem 0 0 0;
}
	
.site-footer .container {
	max-width: 1180px;
	margin:0 auto;
	padding:3rem 20px 0 20px;;
}

.site-footer .partners_sm_container {
	max-width: 1180px;
	margin:1.2rem auto 0 auto;
	padding:3.2rem 20px 0.6rem 20px;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.site-footer .partners_sm_container > div {
	margin-bottom:2.0rem;
}

.site-footer .partners_sm_container .title {
	text-transform:uppercase;
	font-size:0.85rem;
	color: #00527e;
}

.site-footer .partner_list,
.site-footer .list {
	display:flex;
	flex-wrap: wrap;
}

.site-footer .partner_list .entry,
.site-footer .list .entry {
	margin:0.75rem 1.5rem 0.75rem 0;	
}

.site-footer .partner_list .image img {
	height:4rem;
	width:auto;
}

@media screen and (max-width: 640px) {
	/*
	.site-footer .partner_list .image img {
		height:3rem;
		width:auto;
	}
	*/
	
}



.site-footer .social_media_list {
	margin:0.5rem 0 0 0;
}

.site-footer .social_media_list .image img {
	height:3rem;
	width:auto;
}

.site-footer .container .half {
	width:50%;
	display:flex;
}

.site-footer .container .column {
	width:50%;
}


.site-footer .container .column.column_0 {
	width:12%;
	padding:0 1.75rem 0 0;
	margin:0 1.75rem 1.5rem 0;
	border-right:#b5d9b3 4px solid;
}


.site-footer .container .navi_container {
	width:88%;
	display:flex;
}

.site-footer .partners {
	background-color:#f5f5f5;
}

.site-footer .footer_navigation {
	background-color: #b5d9b3; /* Corporate */
	background-color: #9dbeb0; /* Jade */
}


.site-footer .footer_navigation ul li {
	text-indent:-1.0rem;
}

.site-footer .footer_navigation ul li:before {
   content: '\00BB ';
   color:#b5d9b3;
   margin-right:0.5rem;
   font-size:1.1111rem;
}

/* correction of the "recent blog widget whitespace problem" */
.site-footer .footer_navigation .widget_recent_entries ul li::before {
	margin-right: 0.2rem;
}


.site-footer .footer_navigation .container {
	display:flex;
}

.site-footer .footer_navigation h2.widget-title,
.site-footer .footer_navigation h2.widget-title a {
	font-size:1rem;
	color:#FFF;
	text-transform:uppercase;
	margin:0 0 0.5rem 0;

}

.site-footer .footer_navigation ul {
	margin:0 0 1rem 0;
	padding:0 0 0 1.1rem;
}

.site-footer .footer_navigation a:link,
.site-footer .footer_navigation a:visited {
	color:#000;
	text-decoration:none;
}

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

	
	.site-footer .navi_container {
		flex-wrap: wrap;
	}
	
	.site-footer .navi_container .column {
		padding:0 1rem 0 0;
	}
	
	.site-footer .container .half.first_half .column {
		width:50%;
	}
	
	.site-footer .container .half.first_half {
		width:66.666%;
	}
	
	.site-footer .container .half.second_half {
		width:33.333%;
		display:block;
	}
	
	.site-footer .container .half.second_half .column {
		width:100%;
	}
	
}

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

	.site-footer .container .half.first_half,
	.site-footer .container .half.second_half {
		width:50%;
		display:block;
	}
	
	.site-footer .container .half.first_half .column,
	.site-footer .container .half.second_half .column {
		width:100%;
	}
	
	.site-footer .container .column.column_0 {
		width:16%;
		padding:0 1.5rem 0 0;
		margin:0 1.5rem 1.5rem 0;
	}
	
	.site-footer .container .navi_container {
		width:84%;
	}
	
}

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

	
	.site-footer .container {
		display:block;
	}
	
	.site-footer .container .half.first_half,
	.site-footer .container .half.second_half {
		width:100%;
	}
	
	.site-footer .container .column.column_0 {
		width:20%;
		padding:0 1.25rem 0 0;
		margin:0 1.25rem 1.5rem 0;
	}
	
	.site-footer .container .navi_container {
		width:80%;
	}
	
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Seminare Übersicht
--------------------------------------------------------------*/

.single-ausbildung h1.entry-title {
	font-size:2.6666rem;
}

.seminare .teaser_list .entry {
	display:flex;
	margin:0 2rem 4rem 2rem;
}

.seminare .teaser_list .entry h3 {
	font-family:'TajawalLight', Verdana, Geneva, sans-serif;
	margin:0 0 1rem 0;
	font-size: 2.2222rem;
	line-height:2.6666rem;
	color:#006e6e;
}

.seminare .teaser_list .text {
	margin:0 0 1.222rem 0rem;
}

.seminare .teaser_list .entry .image {
	width:160px;
	height:160px;
	border-radius:75px;
	overflow:hidden;
	flex: 0 0 160px;
	margin:0 2rem 0 0;
}

.seminare .teaser_list .entry .image img {
	width:100%;
	height:auto;
}

.seminare .teaser_list .entry .content {
	width:auto;
}

/*
.seminare .button {
	text-transform:uppercase;
	padding:0.75rem 1rem 0.5rem 1rem;
	background-color:#666;
	color:#FFF;
	display:inline-block;
	margin:0.75rem 0 0 0;
	line-height:1;
}
*/

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

	.seminare .teaser_list .entry .image {
		width: 110px;
		height: 110px;
		border-radius: 55px;
		overflow: hidden;
		flex: 0 0 110px;
		margin: 0 0 1rem 0;
	}
	
	.seminare .teaser_list .entry {
		display: block;
		margin: 0 1.25rem 4rem 1.25rem;
	}	


}

/*--------------------------------------------------------------
## Ausbildung / Seminare
--------------------------------------------------------------*/


.next_trainings .list,
.dates .list .modules {
	display:table;
}

.termine .next_trainings {
	margin: 2rem 0 4rem 0;
}

.next_trainings h3.title {
	font-family: TajawalBold, Verdana, Geneva, sans-serif;
	font-size: 1.1111rem;
	letter-spacing: 0.0555rem;
	color: #3194c0;	
}

.single .ausbildung .content-area {
	display:block;
}

.single .ausbildung .site-main {
	flex: 0 0 100%;
}

.next_trainings .entry,
.dates .list .modules .entry {
	display:table-row;
/*	display:flex;
	flex-wrap: wrap; */
}

.next_trainings .entry div,
.dates .list .modules .entry div {
/*	width:25%; */
	display:table-cell;
	padding:0 2.4rem 0 0;
}  


.dates_list .entry div.location,
.dates_list .entry div.availability{
	white-space: nowrap;
}


@media (max-width: 840px) {
    
    .next_trainings {
        margin-top: 3rem;
    }
    
    .next_trainings .list,
    .dates .list .modules {
        display: block;
    }
    
    .next_trainings .entry,
    .dates .list .modules .entry {
        display: block;
        margin-bottom: 2rem;
    }

    .next_trainings .entry div,
    .dates .list .modules .entry div {
        display: block;
    }

    div.availability {
        margin-top: -0.25rem;
    }
}

.next_trainings .entry div:last-of-type {
	padding:0;
}

.availability.available {
	color:#96cd29;
}
.availability.half_full {
	color:#ffa800;
}
.availability.fully_booked {
	color:#e20039;
}

.download a,
.download a:visited {
	color: #006e6e;
}

/* termine / dates */

.dates .list .date_entry {
	margin:0 0 3rem 0;
}

.dates .list .modules {
	margin:1rem 0 1rem 0;
}

/* inhalte module accordion */

.ausbildung .module,
.ausbildung .accordion {
	background-color:#FFF;
	margin:0 0 0 0;
}

.ausbildung .module {
	margin:0 0 0.75rem 0;
}

.ausbildung .accordion {
	padding: 1rem 1rem 0.75rem 1rem;
}

.ausbildung .module:last-of-type {
	margin:0 0 0 0;
}

.ausbildung .module .box {
	/*padding: 1.5rem 0 0 0;*/
}

.ausbildung .module .panel.active {
	max-height:none;	
}

.ausbildung .module .box p:first-of-type {
	margin: 0.5rem 0 1rem 0;
}

.ausbildung .module .meta_headline {
	font-family: 'TajawalBold', Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:1.1111rem;
	line-height:1;
	color: #00527e;
	padding:0.45rem 0 0 0;
}


.ausbildung .module .headline {
	font-family:TajawalRegular, Verdana, Geneva, sans-serif;
	font-size: 1.1111rem;
	color:#3194c0;
}

/* trainer */

.trainer_list {
	display:flex;
	flex-wrap: wrap;
}

.trainer_list .entry {
	width:32%;
	margin:0 2% 2% 0;
	background-color:#FFF;
	padding:0.75rem 0.75rem 0.75rem 0.75rem;
}

.trainer_list .entry:nth-of-type(3n) {
	margin:0 0 2% 0;
}

@media screen and (max-width: 960px) {
		
	.trainer_list .entry {
		width:49%;
	}
	
	.trainer_list .entry:nth-of-type(3n) {
		margin:0 2% 2% 0;
	}
	
	.trainer_list .entry:nth-of-type(2n) {
		margin:0 0 2% 0;
	}

}


@media screen and (max-width: 660px) {
		
	.trainer_list .entry {
		width:100%;
	}
	
	.trainer_list .entry,
	.trainer_list .entry:nth-of-type(3n),
	.trainer_list .entry:nth-of-type(2n) {
		margin:0 0 0.75rem 0;
	}
	
	.trainer_list .entry:last-of-type {
		margin:0 0 0 0;
	}

}

.trainer_list .entry .image img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.trainer_list .entry .focus {
	margin:1rem 0 0 0;
}

.trainer_list .entry .focus .label {
	font-family:TajawalBold, Verdana, Geneva, sans-serif;
	color:#006e6e;
	text-transform: uppercase;
	letter-spacing:0.0555rem;
}

.trainer_list .entry:nth-of-item(3) {
	margin:0 0 0 0;
}

.ausbildung .responsive-tabs .responsive-tabs__panel {
	background-color:#efefef !important;
	border:none !important;	
	padding: 2rem 2rem 2rem 2rem;
}

.trainer_list .name {
	color:#3194c0;
	display:flex;
	justify-content: space-between;
}

.trainer_list .name .content {
	text-align:left;
	flex: 1 0 0;
}

.trainer_list .name .arrow {
	text-align:right;
	flex: 0 1 20px;
}

/* tabs */

.responsive-tabs {
	border-top: #CCC 2px solid;	
	margin: 1.5rem 0 0 0;
    padding-top: 0.75rem;
}

.responsive-tabs h3 {
	font-family:TajawalBold, Verdana, Geneva, sans-serif;
	font-size: 1.1111rem;
	letter-spacing:0.0555rem;
	color: #3194c0;
}

.responsive-tabs h3.tab_title {
	font-family:TajawalRegular, Verdana, Geneva, sans-serif;
	font-size: 2.1111rem;
	color: #00527e;
    line-height: 1.15;
}

.ausbildung .responsive-tabs ul.responsive-tabs__list {
    margin: 0 0 0 0 !important;
}

.ausbildung .responsive-tabs .responsive-tabs__list__item {
	font-family: TajawalBold, Verdana, Geneva, sans-serif;
    background: transparent;
	border: none;
	color:#006e6e;
	border-radius:0;
	text-transform: uppercase;
	font-size:0.9444rem;
    margin: 0 0.75rem 0.75rem 0;
    padding:0.35rem 0.5rem 0.15rem 0.5rem;
    white-space: nowrap;
    float: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	letter-spacing:0.0555rem
}

.ausbildung .responsive-tabs .responsive-tabs__list__item--active,
.ausbildung .responsive-tabs .responsive-tabs__list__item:hover,
.ausbildung .responsive-tabs .responsive-tabs__list__item--active:hover {
    background: #3194c0;
	border: none;
	color: #FFF;
    position: relative;
    top: 0;
    padding:0.35rem 0.5rem 0.25rem 0.5rem;
	text-transform: uppercase;
	font-size:0.9444rem;
	letter-spacing:0.0555rem
}  

@media (max-width: 767px) {
    
    .responsive-tabs-wrapper {
        border-top: none!important;
    }
    
    .responsive-tabs .responsive-tabs__heading {
        font-family: TajawalBold, Verdana, Geneva, sans-serif;
        background: transparent!important;
        border: none!important;
        border-bottom: solid 2px #efefef!important; 
        color:#006e6e!important;
        text-transform: uppercase!important;
        font-size:0.9444rem;
        padding:0.55rem 0.5rem 0.25rem 1rem!important;
	    letter-spacing:0.0555rem
    }
    
    .responsive-tabs .responsive-tabs__heading--active, 
    .responsive-tabs .responsive-tabs__heading--active:hover {
        background: #3194c0!important;
        color: #FFF!important;
    }
    
    .responsive-tabs .responsive-tabs__heading::after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #3194c0!important;
        content: "";
        display: block;
        position: absolute;
        right: 20px;
        top: 22px!important;
        height: 0;
        width: 0;
    }
    
    .responsive-tabs .responsive-tabs__heading--active::after, 
    .responsive-tabs .responsive-tabs__heading--active:hover::after {
        top: 16px!important;
    }

}

.tab_container {
	display:flex;
}

.tab_content {
	flex: 0 0 60%;
}

.tab_sidebar {
	flex: 0 0 40%;
	padding:4.8rem 0 0 4.8rem;
	position:relative;
}

.tab_sidebar .info_file {
	position:absolute;
	bottom:2px;
}

.tab_sidebar .image {
	max-width:240px;
	border-radius: 120px;
	overflow:hidden;
	margin:0 0 2rem 0;	
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	border:#FFF solid 4px;
}

.tab_sidebar.quality_badge .image {
	border-radius: 12px;
	padding: 1rem 0.8rem;
	background-color: #fff;
}


.tab_sidebar.quality_badge .text,
.home .bild_text {
	text-align: left;
	font-size: 0.8rem;
	color: #777;
}

.tab_sidebar .text {
	font-family:TajawalRegular, Verdana, Geneva, sans-serif;
    color: #3194c0;
}

.tab_sidebar .image img {
	width:100%;
	height:auto;
}

.tab_sidebar .im-file {
	font-size:2rem;
}

.tab_sidebar .im_icon.im {
	top: 12px;
}

/* Termine & Ort */

.tab_content .availability {
	margin: -0.75rem 0 -0.25rem 0;
}

.tab_content .download {
	margin: 0.5rem 0 0 0;
}


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

	.tab_sidebar {
		padding: 4.5rem 0 0 3.6rem;
	}
	
	.ausbildung .responsive-tabs .responsive-tabs__panel {
		padding: 1.5rem 1.5rem 1.5rem 1.5rem;
	}

}


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

	.tab_sidebar {
		padding: 4.5rem 0 0 3.0rem;
	}
	
	.ausbildung .responsive-tabs .responsive-tabs__panel {
		padding: 1.25rem 1.25rem 1.25rem 1.25rem;
	}

	a.button, a.button:visited, 
	.more-button, a.more-button, 
	a.more-button:visited, 
	.tab_sidebar a .button, 
	.online-formular [type="submit"] {
		font-family: 'TajawalBold', Verdana, Geneva, sans-serif;
		padding: 0.5rem 0.75rem 0.2rem 0.75rem;
		font-size: 0.85rem;
	}
	
	.tab_sidebar .im-file {
		font-size: 1.75rem;
	}

}

@media screen and (max-width: 840px) {
	
	.tab_container {
		display: block;
	}
	
	.tab_sidebar {
		padding: 1.5rem 0 0 0;
		display: flex;
		justify-content: space-between;
	}
	
	.tab_sidebar .info_file {
		position: relative;
		bottom: 0;
	}
	
	.tab_sidebar .badge {
		max-width: 220px;
		order: 2;
	}
	
	.tab_sidebar .image {
		margin:0 auto 1.5rem;
	}
	
	.tab_sidebar .text {
		margin: 0 0 2rem 0;
		font-size: 0.9444rem;
		text-align: center;
	}

}

@media screen and (max-width: 640px) {
	
	.tab_sidebar {
		display: block;
	}
	
	.tab_sidebar .badge {
        margin: 0 auto;
	}

}

/*--------------------------------------------------------------
## Personen Übersicht
--------------------------------------------------------------*/


.page-template-page_personen_list .entry-content.personen_list {
}

.personen_list .image {
	background-color:#efefef;
}

.trainer_list .image img,
.personen_list .image img {
	width:100%;
	line-height:auto;
}

.personen_list .container {
	background-color: #efefef !important;
	border: none !important;
	padding: 2rem 2rem 2rem 2rem;
	margin:3rem 0 0 0 !important;
}

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

	.personen_list .container {
		padding: 1.25rem 1.25rem 1.25rem 1.25rem;
	}

}

/*--------------------------------------------------------------
## Online-Anmeldung / # Formular
--------------------------------------------------------------*/

.entry-content.online-formular {
	margin:4rem 0 0 0;	
}

.formular-title {
	border-top: 4px solid rgba(0,0,0,0.075);
	margin: 0 0 0.5rem 0;
	padding: 0.8rem 0 0 0;
	
	font-family: TajawalBold, Verdana, Geneva, sans-serif;
	color:#006e6e;
	text-transform: uppercase;
    letter-spacing: 0.04em;
	font-size: 0.9444rem;
}

.online-formular .container {
	padding: 2rem;
	background-color: rgba(0,0,0,0.075);
}

.online-formular .body_text h2 {
	color:#006e6e;
}

.online-formular label {
	color:#404040;
}

.online-formular label,
.online-formular label.top {
	font-family: TajawalBold, Verdana, Geneva, sans-serif;
	color:#006e6e;
	text-transform: uppercase;
    letter-spacing: 0.04em;
	font-size: 0.9444rem;
	margin: 0.75rem 1rem 0.75rem 0;
	padding: 0.55rem 0.5rem 0.15rem 0.05rem;
}

.online-formular .wpcf7-radio label {
	font-family: TajawalRegular, Verdana, Geneva, sans-serif;
	text-transform: none;
	color:#404040;
}

.tab_content_form .name.flexbox,
.tab_content_form .subject.flexbox {
	font-family: TajawalBold, Verdana, Geneva, sans-serif;
	color:#006e6e;
	text-transform: uppercase;
    letter-spacing: 0.04em;
	font-size: 0.9444rem;
}

.tab_content_form .wpcf7-list-item.first {
    margin: 0 0 0 0;
}

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

	.tab_content_form .wpcf7-list-item {
        margin: 1.5rem 0!important;
        display: block;
    }
    
    .tab_content_form .wpcf7-list-item #data_accept {
        margin-right: 0.5rem;
    }

    .tab_content_form .wpcf7-list-item.last {
        margin: 0 0 3rem 0!important;
    }

}

.tab_content_form label {
    margin-bottom: -2rem!important;
    display: block;
}

.online-formular .data_accept label {
    font-family: TajawalRegular, Verdana, Geneva, sans-serif;
	color:#404040;
	text-transform: none;
    letter-spacing: 0;
}

.online-formular label a,
.online-formular label a:visited {
	color:#006e6e;
}

.data_accept.wpcf7-checkbox {
    line-height: 1.2;
}

.online-formular .data_accept .acceptance-793,
.tab_content_form .data_accept .acceptance-793 {
	display:inline;
}

.online-formular .data_accept label,
.tab_content_form .data_accept label {
	display:inline;
}

.online-formular input[type=email],
.online-formular input[type=text],
.online-formular select,
.online-formular textarea {
	font-family: TajawalBold, Verdana, Geneva, sans-serif;
	font-size: 1.1111rem;
	letter-spacing: 0.0555rem;
	color: #3194c0;
	padding: 0.4rem 0.5rem 0 0.5rem;
	width:100%;
}

.tab_content_form {
	width: 100%;
}

.online-formular .flex {
	display: flex;
	width: 100%;
}

.online-formular .last-flex {
	margin: 0 0 1.5rem 0;
}

.online-formular .flex p {
	flex: 0 0 50%;
	margin: 0 0 0.5rem 0;
}

.online-formular .flex p {
	position: relative;
	padding-right: 0.5rem;
}

.online-formular .flex p:nth-of-type(2n) {
	padding-right: 0;
}

.online-formular .tab_container .tab_content .flexbox {
	display:flex;
	margin: 0 0 0.5rem 0;
}

.online-formular .tab_container .tab_content .name.flexbox {
	margin: -1rem 0 0.5rem 0;
}

.online-formular .flexbox span:nth-of-type(1) {
	padding: 0 0.25rem 0 0;
}

.online-formular .flexbox span:nth-of-type(2) {
	padding: 0 0 0 0.25rem;
}

.online-formular .flexbox.street span:nth-of-type(1) {
	flex: 1 1 auto;
}

.online-formular .flexbox.street span:nth-of-type(2) {
	flex: 0 0 110px;
}

.online-formular .flexbox.city span:nth-of-type(1) {
	flex: 0 0 110px;
}

.online-formular .flexbox.city span:nth-of-type(2) {
	flex: 1 1 auto;
}

@media screen and (max-width: 680px) {
    
    .online-formular .container {
        padding: 1rem;
        padding-top: 2rem;
    }

    .online-formular .flex {
        display: block;
        width: 100%;
    }
    
    .online-formular .flex p,
    .online-formular .tab_container .tab_content .flexbox,
    .online-formular .flexbox span,
    .online-formular .tab_container .tab_content .name.flexbox,
    .online-formular .tab_container .tab_content .street.flexbox,
    .online-formular .tab_container .tab_content .city.flexbox,
    .online-formular .tab_container .tab_content .phone.flexbox {
        flex: none;
        display: inline-block;
        width: 100%;
        margin: 0;
        margin-bottom: 0.5rem;
    }
    
    .online-formular .flex p {
        padding-right: 0;
    }
    
    .online-formular .tab_container .tab_content .name.flexbox {
        margin-top: -1rem;
    }
    
    .online-formular .flexbox span:nth-of-type(1) {
        padding: 0;
    }

    .online-formular .flexbox span:nth-of-type(2) {
        padding: 0;
    }

}

/* checkbox-style */

.wpforms-container input[type=radio], .wpforms-container input[type=checkbox] {
    display:none; 
    margin:10px;
}

.wpforms-container input[type=radio] + label, .wpforms-container input[type=checkbox] + label {
    display: inline-block;
    padding: 5px !important;
    background-color: #e7e7e7 !important;
    border-color: #ddd !important;
    transition: all 0.3s ease-in-out !important;
}
 
.wpforms-container input[type=radio]:checked + label, .wpforms-container input[type=checkbox]:checked + label, .wpforms-container input[type=radio]:checked + label, .wpforms-container input[type=radio] + label:hover, .wpforms-container input[type=checkbox] + label:hover {
    background-image: none !important;
    background-color: #d0d0d0 !important;
    cursor: pointer !important;
}
 
.wpforms-container ul li {
    display: inline-block;
    margin: 5px !important;
    border-radius: 3px !important;
    line-height: 1.4em !important;
}

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

h1 {	
	font-size: 2.2222rem;
	line-height:2.6666rem;
	margin: 0 0 1.67rem 0;
	color:#006e6e;
	font-family:'TajawalLight', Verdana, Geneva, sans-serif;
}

.post,
.page {
	margin: 0 0 1.5em;
}

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

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

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

.entry-header  {
	width:100%;
}

.header-image {
	width:100%;
	height:auto;
}

.entry-header,
.entry-footer,
.entry-content,
.comments-area,
.post-thumbnail {
	max-width:1180px;
	margin:0 auto;
}

.entry-content {
/*	width: 100%; */
}

.entry-content .container {
	max-width:1180px;
	margin:0 auto;
}

.entry-content h3 {
	color:#3194c0;
	font-family:'TajawalMedium';
	margin:0.75rem 0 1rem 0;	
}


.entry-content h2 {
font-size: 1.86rem;
line-height: 2.2222rem;
margin: 0 0 1.55rem 0;
color: #006e6e;
font-family: 'TajawalLight', Verdana, Geneva, sans-serif;
}


/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/

.content-area,
.page-template-page_top .entry-header {
	max-width:1180px;
	margin:3.2rem auto 0 auto;
	padding:0 20px;
}

.home .content-area,
.home .entry-content,
.page-template-page_top .content-area,
.page-template-page_top .entry-content {
	max-width:100%;
	width:100%;
	margin:0 auto;
	padding:0 0;
}

.home .content-area .container {
	max-width:1180px;
	margin:0 auto;
	padding:0 20px 0 10px;
}

.blog .post {
	margin:3.2rem 0 4rem 0;
}

.blog .content-area {
	display:flex;
}

.blog .site-main,
.single-post .site-main {
	max-width:60%;
}

.blog .sidebar {
	max-width:40%;
	padding:4rem 0 0 6rem;
}

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


	.blog .content-area,
	.single-post {
		display:block;
	}
	
	.blog .site-main,
	.single-post .site-main,
	.single .site-main {
		max-width:100%;
		width:100%;
		flex: 0 0 100%;
	}
	
	.blog .sidebar,
	.single-post .sidebar,
	.sidebar {
		display:none;
	}

}
.blog .sidebar .back.button { 
	margin:0 0 3.2rem 0;
}

.blog .sidebar .widget {
	border-left: #b5d9b3 4px solid;;
}

.blog .sidebar .widget ul {
	margin: 0 0 1.5rem 0.2rem;
	padding: 0 0 0 1.111rem;
}

.blog .sidebar .widget h2.widget-title {
	font-family: TajawalBold, Verdana, Geneva, sans-serif;
	font-size: 1.0625rem;
	color:#006e6e;
	padding: 0 0 0 1.111rem;
	text-transform: uppercase;
}

.blog .sidebar .widget ul a,
.blog .sidebar .widget ul a:visited,
.post_navigation a,
.post_navigation a:visited {
	font-family: TajawalBold, Verdana, Geneva, sans-serif;
	font-size: 1.1111rem;
	letter-spacing: 0.0555rem;
	color:#3194c0;
}

.blog h2.entry-title,
.blog h2.entry-title a:link,
.blog h2.entry-title a:visited,
.single-post h2.entry-title {
	font-family:TajawalRegular, Verdana, Geneva, sans-serif;
	color: #3194c0;
	font-size:2.375rem;
	line-height:3rem;
	text-decoration:none;
	margin:1rem 0 0rem 0 ;
}

.blog .entry-meta,
.blog .entry-meta a,
.blog .entry-meta a:visited,
.single-post .entry-meta {
	font-family:TajawalBold, Verdana, Geneva, sans-serif;
	font-size:1.0625rem;
	color:#006e6e;
	text-transform:uppercase;
}

.blog .entry-meta .pipe {
	color:#CCC;
	font-size:0.9222rem;
	display:inline-block;
	margin:0 0.5rem;
}

.blog .post_navigation {
	display:flex;
	margin:1rem 0 0 0;
}

.blog .post_navigation .prev {
	text-align:left;
	flex: 1 1 50%;
}

.blog .post_navigation .next {
	text-align:right;
	flex: 1 1 50%;
}

.blog-index .post .content {
	display:flex;
}

.blog-index .post .content .image {
    width: 160px;
    height: 160px;
    border-radius: 75px;
    overflow: hidden;
    flex: 0 0 160px;
    margin: 1rem 2rem 0 0;
}

.blog-index .post .content .image img {
    width: 100%;
    height: auto;
}

.blog-index .post {
}

.blog-index .post .button-container {
	text-align:right;
}

.blog-index .post .more-button {
	margin: 0 0 1rem auto;
}

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

	.blog-index .post .content {
		display:block;
	}

}

/*--------------------------------------------------------------
## Beratung ## Anchors ## Sprungmarken
--------------------------------------------------------------*/

.anchor_block {
	margin:3.2rem 0 0 0;
}

.anchor_link {
	display:inline-block;
	margin:0 1rem 0 0;
	text-transform:uppercase;
	font-size:0.9111rem;
}

.anchor_link a:link,
.anchor_link a:visited {
	color: #006e6e;
}

.anchor_link_label {
	color: #3194c0;
}

.anchor_link .im {
	font-size:0.8rem;
	display:inline-block;
	position:relative;
	top: 2px;
	margin:0 0.4rem 0 0;
	color: #3194c0;
}

.anchor_block .anchor_header {
	border-bottom: 4px solid rgba(0,0,0,0.075);
	margin-bottom: 0.75rem;
	display: flex;
	justify-content: space-between;
}

.anchor_block h2.title {
	font-family:TajawalRegular, Verdana, Geneva, sans-serif;
	font-size:1.8rem;
	color:#3194c0;
	margin:0 0 0 0;
	flex: 0 0 auto;
}

.anchor_block .im.back_up {
	font-size:1.2rem;
	flex: 0 0 2rem;
	margin:0.45rem 0 0 0;
	color:#3194c0;
    transition: all 0.15s ease;
}

.anchor_block .im.back_up:hover {
	color:#00527e;
    transition: all 0.15s ease;
}

.anchor_block .anchor,
#top {	
	position:absolute;
	top: -2.5rem;
}

.anchor_block .content {
	background-color: rgba(0,0,0,0.075);
	padding: 2rem 2rem 1.6rem 2rem;
}

.anchor_block .content.sidebar {
	display: flex;
}

.anchor_block .content.sidebar .box {
	padding: 0 0 0 10px;
	
}

.anchor_block .content.sidebar .text {
	flex: 1 1 70%;
}

.anchor.image {
	margin: 1rem 0 0 0;
}

.anchor_block .content.sidebar > .sidebar {
	flex: 0 0 30%;
	padding: 1rem 0 0 0;
}

.anchor_block .content.sidebar .sidebar .image {
  max-width: 240px;
  border-radius: 120px;
	aspect-ratio:1/1;
  overflow: hidden;
  margin: 0 0 2rem 3rem;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  border: #FFF solid 4px;
}

.anchor_block .content.sidebar .sidebar .image img {
	object-fit: cover;
	width: 100%;
}

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

	.anchor_block .anchor_header {
	    display: block;
    }

    .anchor_block h2.title {
        max-width: 95%;
        line-height: 1;
        margin-bottom: 0.1rem;
    }

    .anchor_block .im.back_up {
        float: right;
        margin-top: -1.7rem;
    }

    .anchor_block .content {
        padding: 1rem 1rem 0.8rem 1rem;
    }
    
}

.anchor_block p {
	margin:0 0 1rem 0;
}

.anchor_block h3 {
	color:#3194c0;
	margin:1rem 0 0.25rem 0;
}

.anchor_block .content h3 {
  color: #404040;
  margin: 0 0 0.25rem 0;
	font-weight: normal;
}

.anchor_block h4 {
	margin:1rem 0 0.25rem 0;
	
	text-transform:uppercase;
	font-size:0.9111rem;
	color: #006e6e;
}

.anchor_block .columns {
	display:flex;
	justify-content: space-between;
}

.anchor_block .column {
	flex: 0 0 30%;
}

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

	.anchor_block .columns {
		display:block;
	}

}


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

.bypostauthor {
	display: block;
}


/*--------------------------------------------------------------
# Start
--------------------------------------------------------------*/

.start .entry-header {
	margin:2rem auto 0 auto;
	display:flex;
	/* 71.25 rem */
}


.start .branding {
/*	width:5rem; */
	flex-basis: 5rem;
	flex-basis: 80px;
	float:left;
	margin:0 1rem 0 0;
    flex-grow: 0;
    flex-shrink: 0;
}

.start .headline {
/*	width:38.25rem; */
	flex-basis: 35rem;
	flex-basis: auto;
}

.start .img_sidebar {
/*	width:36rem; */
	flex-basis:31.25rem;
	flex-basis: 440px;	
    flex-grow: 0;
    flex-shrink: 0;
	text-align:right;
}

.start .img_sidebar .container {
	max-width: 20rem;
	
}

.start .image img {
	margin:0 0 0 auto;
}

.start .img_sidebar.image img {
	margin:0 auto 2rem 0;
}


.start .entry-header {
	margin:6rem auto 1.2rem auto;
	padding:0 20px;	
	max-width: 1180px;
	clear:both;
}

.start .entry-header h1 {
	border-left: #b5d9b3 0.25rem solid;
	padding:0 0 0 1rem;
	margin: 0 0 0 0;
}

.start .entry-header .content {
	padding:1rem 0 0 1.25rem;
}

.start .entry-header .button a,
.start .entry-header .button a:visited {
	display:inline-block;
    padding: 0.5rem 1rem 0.3rem 1rem;
    background-color: #666;
	text-transform: uppercase;
	color: #FFF;
    text-decoration: none;
	margin:1rem 0 1rem 0;
}

.start .block .blog h3.title,
.start .courses .entry .title a,
.start .courses .entry .title a:visited {
	font-family:'TajawalBold', Verdana, Geneva, sans-serif;
	font-size:1.11111rem;
	line-height:1.5;
	letter-spacing:0.05rem;
	margin:0 0 1rem 0;
	font-weight:regular;
}

.start .blog .entry,
.start .courses .entry {
	margin:0 0 2rem 0;	
}

.start .courses .entry .content {
	display:flex;
}

.start .blog .entry .title,
.start .blog .entry .title a:link,
.start .blog .entry .title a:visited,
.start .courses .entry .title,
.start .courses .entry .title a:link,
.start .courses .entry .title a:visited {
	color:#3194c0;
}

.start .courses .entry .content {
	border-top:2px solid #ccc;
	margin:0.75rem 0 0 0;
	padding:1rem 0 0 0;
}

.start .courses .entry .content .date {
	flex: 0 0 35%;
}

.start .courses .entry .content .location {
	flex: 0 0 40%;
}

.start .courses .entry .content .button {
	flex: 0 0 25%;
	text-transform:uppercase;
}

.start .courses .entry .content .button a,
.start .courses .entry .content .button a:visited {
	color:#006e6e;
	font-size:0.9444rem;
}

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

	.start .entry-header .image {
	/*	width:36rem; */
	/*	flex-basis:31.25rem; */
	flex-basis: 240px;
	margin: 0 0 0 1.5rem;

	}

}

@media screen and (max-width: 880px) {
	
	.start .entry-header {
		flex-wrap: wrap;
	}
	
	.start .entry-header .text {
		flex: 1 1 80%;
	}
	
	.start .entry-header .image {
		/*	width:36rem; */
		/*	flex-basis:31.25rem; */
		flex: 1 1 80%;
	}
	
	.start .entry-header .image img {
		margin: 1rem auto 0 96px;
	}
	

	.start .entry-header .img_sidebar.image img {
		margin:2rem auto 2rem auto;
	}


}

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

	.start .entry-header .image {
	/*	width:36rem; */
	/*	flex-basis:31.25rem; */
	flex-basis: 240px;
	margin: 0 0 0 1.5rem;

	}

}

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

	.start .entry-header {
		margin:2rem auto 0 auto;
		display:block;
		/* 71.25 rem */
	}
	
	.start .entry-header .branding {
		float:none;
		width: 100%;
		border-bottom: #b5d9b3 0.25rem solid;
		padding: 0 0 1rem 0;
		margin: 2rem 0 1.0rem 0;
	}
	
	.start .entry-header .branding img {
		width: 80px;
		height: auto;
	}
	
	.start .entry-header h1 {
		border-left: none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	
	.start .entry-header .content {
		padding: 1rem 0 0 0;
	}
	
	.start .entry-header .image img {
		margin: 1rem auto 0 0;
	}
	
	.start .entry-header .image {
		width: 100%;
		max-width: 360px;
		margin: 0 0 0 0;
	}

}

/* Header Slider */

.header-image img {
	width:100%;
	height:auto;
}

.header-image.slider .container {
	position:relative;
}

	
.header-image.slider .content_outer {
	position:absolute;
	left: 0;
	bottom:0;
	/*background-color: rgba(255, 0, 0, 0.4);*/
	width:100%;
}

.header-image.slider .content_container {
	color:#FFF;
	max-width: 1180px;
    margin: 5.3125rem auto 0 auto;
    padding: 0 20px;
}

.header-image.slider .content {
	padding:2rem 2rem 2rem 2rem;
	width:60%;
	background-color: rgba(255,255,255,0.6);
}

.header-image.slider .content .title {
	font-family:'TajawalLight', Verdana, Geneva, sans-serif;
	font-size:2.2222rem;
	line-height: 2.6666rem;
	color: #00527e;
}

.header-image.slider .content .text {
	color:#000000;
}

.header-image.slider .content .more-button {
	margin:1rem 0 0 0;
}

.header-image .content .button a,
.header-image .content .button a:visited {
	color:#FFF;
}

.header-image .slick-prev,
.header-image .slick-next,
.quote_block .slick-prev,
.quote_block .slick-next {
	display:none !important;
}

/* -=- */


.meta_title {
	font-family:TajawalBold, Verdana, Geneva, sans-serif;
	color:#006e6e;
	text-transform: uppercase;
	font-size:0.9444rem;
    margin: 0 0 0.75rem 0;
    padding:0;
	letter-spacing:0.0555rem
}



/* -=- */

ul.slick-dots {
	list-style:none;
	float:right;
	margin:1rem 2rem 0 0;
	padding:0 2rem 0 0;
}

.entry-content ul.slick-dots li::before {
    font-family: 'iconmonstr-iconic-font';
    content: "";
    font-size: 0.9222rem;
    float: left;
    width: 0;
    margin: 0 0 0 0;
}

 
ul.slick-dots li {
	display: inline-block;
	width:20px;
	height:20px;
	border-radius:10px;
	background-color:#9dbeb0;
	margin:5px;
	cursor:pointer;
	border:4px solid #FFF;
}

ul.slick-dots li.slick-active {
	background-color:#006e6e;
	border:none;
	border:2px solid #FFF;
}

ul.slick-dots li button {
	display:none;
}

@media screen and (max-width: 1200px) {
	
	
	.home .block.quote_block .slider_box {
		width: 90%;
	}

}

/* */

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

	.slick-slider .slick-slide .image {
		height: 400px;
		overflow: hidden;
		position: relative;
	}
	
	.slick-slider .slick-slide .image img {
		position:absolute;
		top: -100%;
		right: -100%;
		bottom: -100%;
		left: -100%;
		height: 400px;
		width: 950px;
		max-width:950px;
    	margin: auto;
	}
	
	.slick-slider .slick-slide .content {
		padding: 1.6rem 1.6rem 1.6rem 1.6rem;
		width: 62%;
		background-color: rgba(255,255,255,0.6);
	}
	
	.slick-slider .slick-slide .content .title {
		font-size: 2.0rem;
		line-height: 2.5rem;
	}

}

@media screen and (max-width: 640px) {
	
	.slick-slider .slick-slide .content .title {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	
	.slick-slider .slick-slide .content .more-button {
		margin: 0.75rem 0 0 0;
	}
	
	
	.slick-slider .slick-slide .content {
		padding: 1.2rem 1.2rem 1.2rem 1.2rem;
		width: 64%;
	}
	
	.slick-slider .slick-slide .meta_title {
		margin:0 0 0.5rem 0; 
	}

}


@media screen and (max-width: 480px) {
	
	
	.slick-slider .slick-slide .content {
		width: 100%;
	}
	

}


/*--------------------------------------------------------------
# BLOCKS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Teaser Block
--------------------------------------------------------------*/

.block {
	margin:4.8rem 0 0 0;	
}

.teaser_block{
	background-color: rgba(0,0,0,0.075);
	padding:2rem 0;
}

.block h2.title {
	font-family: 'TajawalLight', Verdana, Geneva, sans-serif;
	font-size:2.2222rem;
	letter-spacing:0.05rem;
	color:#006e6e;
	margin:0 0 0.6666rem 0;
	
}

.blog_course_block .container {
	display:flex;
}

.blog_course_block .container .blog {
	flex: 0 0 33.33%;
	margin:0 4rem 0 0;
}

.blog_course_block .container .courses {
	flex: 1 1 66.66%;
	margin:0 0 0 0;
}

.blog_course_block .container .courses {
}

.block.teaser_list {
}

.block .teaser_list .block_title {
	margin:-2.6rem auto 2rem auto;
	font-family: 'TajawalBold', Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	color:#00527e;
	text-align:center;
	font-size:0.94444rem;
	letter-spacing:0.1rem;
}

.block .teaser_list .block_title span {
	background-color: rgba(0,0,0,0.075);
	padding:0.75rem 1.25rem 0.25rem 1.25rem
}

.block.start .teaser_list .teaser_box {
	display:flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content:center;
	padding-bottom:2.5rem;
}

.block.start .teaser_list .teaser_box h4.teaser_title {
	font-family: 'TajawalLight', Verdana, Geneva, sans-serif;
	font-size: 1.5rem;
	line-height:1.2;
	margin: 1rem 0 0.5rem 0;
	padding: 0 0.5rem;
	color:#006e6e;
	
	word-wrap: normal;
	overflow-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;

}

.block.start .teaser_list .teaser_box .teaser_text {
	font-family: 'TajawalRegular', Verdana, Geneva, sans-serif;
	font-size:0.94444rem;
	color:#00527E;
	line-height:1.2222;
	padding: 0 0.5rem;
/*	text-transform: uppercase; */
}

.block.start .teaser_list .entry {
	display:inline-block;
	max-width:351px;
	margin:2rem 0 1rem 0;
	padding:0 1rem 0 1rem;
	text-align:center;
}

.block.start .teaser_list .teaser_link:hover {
	filter: brightness(110%);
}

.block.start .teaser_list .entry:last-of-type {
}

.block.start .teaser_list .entry .image {
	max-width:180px;
	margin:0 auto;
	border-radius: 50%;
	overflow: hidden;
	background-color: #ffffff;
	
}

/* quote block */


.block.quote_block {
	padding:1rem 1rem 0 0;
	max-width:708px; /* 60% von 1180px */
	margin-left:0;
	margin-right:0;
}

.home .block.quote_block {
	padding:2rem 4rem 2rem 0;
	max-width:1180px;
	margin-left:auto;
	margin-right:auto;
}

.slider_box {
	width:100%;
}

.block.quote_block .container {
	width:100%;
}

.block.quote_block .quote_box,
.anchor_block .quote_block .quote_box {	
	display:flex;
}

.block.quote_block .text,
.anchor_block .quote_block .text {
	font-family:'SourceSansProItalic', Verdana, Geneva, sans-serif;
	font-size:1.3333rem;
	padding:0 0 0.2rem 1.222rem;
	margin:0 0 1rem 0;
	line-height:1.5555rem;
	color:#3194c0;
/*	max-width:720px; */
	border-left: 0.2222rem #3194c0 solid;
}

.block.quote_block .quote_sign,
.anchor_block .quote_block .quote_sign {
	font-size:6rem;
	line-height:1;
	color:#3194c0;
	flex: 0 0 40px;
	text-align:right;
	padding:0 0 0 0;
}

.block.quote_block .quote_sign,
.anchor_block .quote_block .quote_sign {
	flex: 0 0 80px;
}

.block.quote_block .source,
.anchor_block .quote_block .source {
	font-size:0.9444rem;
	text-transform:uppercase;
	margin:0 0 0 1.4444rem;
	color:#00527e;
/*	max-width:720px; */
}



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

	.block.quote_block {
		max-width:576px; /* 60% von 960px */
	}
	
	.home .block.quote_block {
		max-width:960px;
	}
}


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

	.block.quote_block {
		max-width:576px; /* 60% von 960px */
	}
	
	.home .block.quote_block {
		max-width:800px;
	}
}


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

	.block.quote_block {
		max-width:520px; /* 60% von 960px */
	}
	
	.home .block.quote_block {
		max-width:600px;
	}
		
	.block.quote_block .text {
		font-size: 1.15rem;
		padding: 0 0 0.2rem 0.75rem;
	}
	
	.block.quote_block .quote_sign {
    	font-size: 4rem;
		padding: 0.2rem 0.4rem 0 0;
	}
}



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

	.block.quote_block {
		max-width:380px; /* 60% von 960px */
	}
	
	.home .block.quote_block {
		max-width:480px;
	}
}



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}


/* --- */



#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item a.mega-menu-link::before {

  margin: -0.3rem 6px 0 -0.95rem;
		padding: 0 0 0 0.75rem;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	text-indent: -0.35rem;
	  padding: 0.35rem 0.75rem 0.15rem 1.75rem;
	line-height: 1.5;
	display: block;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
  padding: 0.5rem 0px 0.5rem 0px;
	  margin: 0.75rem 0 0 0;
}

ul.mega-sub-menu::before {
	content: "";
  height: 0;
  width: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #9dbeb0;
  position: absolute;
  left: 1rem;
  top: 0;
  margin: -0.75rem 0 0 -3px;
  z-index: 100;
	display: block !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
	margin: 0;
	display: none;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	padding: 0;
	margin: 0 0.5rem;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
}


li.mega-menu-item.mobile {
	display: none !important;
}

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

	
li.mega-menu-item.mobile {
	display: block !important;
}
	
.site-header {
  display: flex;
  align-items: flex-start;
}
	
.site-branding {
position: absolute;
	  max-width: 17.5rem;
}
	
.main-navigation {
    float: none;
    margin: 3.6rem 0 0 auto;
/*	width: 100%;*/ 
}
	
.main-navigation.toggled {
width: 100%;
}
	
.mega-toggle-block {
	margin-top: -4.8rem;
}
	
#mega-menu-wrap-menu-1 .mega-menu-toggle {
	background-color: transparent;
}
	
ul.mega-sub-menu::before {
	display: none !important;
}
	
.mega-menu-toggle.mega-menu-open {
	height: 1rem;
	}
	
}

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

.site-branding {
  max-width: 12rem;
}
	
	
.main-navigation {
    float: none;
    margin: 2.6rem 0 0 auto;
/*	width: 100%;*/ 
}
	
	
}