/*!
Theme Name: Vitex
Theme URI: http://underscores.me/
Author: colibri consult
Author URI: https://www.colibri-consult.de
Description: Lean theme for a medical website. Build with a lot of options for customizing. 
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vitex_coco
Tags: custom-background, custom-logo, custom-menu, featured-images, translation-ready, metaboxes

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.

Vitex 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
	## Fonts
	## Headings
	## Paragraphs
	## General / Misc
# Elements
# Forms
	## Search
# Navigation
	## Links
	## Menus
	## Pagination
	## Comment Navigation
# Accessibility
# Alignments
# Clearings
# Widgets
	## Widgets Contactarea
	## Widgets Shoutbox
	## Widgets Footerbox
# Content
	## Posts and pages
	## Comments
# Layout	
# Infinite scroll
# Media
	## Captions
	## Galleries
# Transitions
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

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

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	height: 100%;
}

html, body, h1, h2, h3, h4, h5, h6, a, p, span, em, small, strong, sub, sup, mark, del, ins, strike, abbr, dfn, blockquote, q, cite, code, pre,
ol, ul, li, dl, dt, dd, div, section, article, main, aside, nav, header, hgroup, footer, img, figure, figcaption,
address, time, audio, video, canvas, iframe, details, summary, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}

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

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

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

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

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

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
	display: block;
	max-width: 100%;
	height: auto;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/* === Fonts === */

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

/* fira-sans-italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/fira-sans-v10-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Italic'), local('FiraSans-Italic'),
       url('fonts/fira-sans-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/fira-sans-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/fira-sans-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/fira-sans-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fira-sans-v10-latin-italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}

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

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('fonts/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* varela-round-regular - latin */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/varela-round-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Varela Round Regular'), local('VarelaRound-Regular'),
       url('fonts/varela-round-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/varela-round-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/varela-round-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/varela-round-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/varela-round-v12-latin-regular.svg#VarelaRound') format('svg'); /* Legacy iOS */
}

/* === Headings === */

.heading-roboto h1,
.heading-roboto h2,
.heading-roboto h3,
.heading-roboto h4,
.heading-roboto h5,
.heading-roboto h6 {
font-family: 'Roboto';
}

.heading-varela h1,
.heading-varela h2,
.heading-varela h3,
.heading-varela h4,
.heading-varela h5,
.heading-varela h6 {
font-family: 'Varela Round';
}

/* === Paragraphs === */

.text-firasans {
  font-family: "Fira Sans";
}

.text-roboto {
	font-family: 'Roboto';
}

/* === General Typography / Misc === */

body,
button,
input,
select,
optgroup,
textarea {
	/*font-family: sans-serif;*/
	font-size: 100%;
	font-size: 1rem;
	line-height: 1.6;
	color: #0d3547;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: 700;
}

h1, .h1 {
	font-size: 1.625rem;
	line-height: 1.38462;
}

h2, .h2 {
	font-size: 1.375rem;
	line-height: 1.36364;
}

.entry-content h2 {
	margin-top: 1em;
	margin-bottom: .55em;
}

h3, .h3 {
	font-size: 1.125rem;
	line-height: 1.3333;
}

.entry-content h3 {
	margin-top: 1.125em;
	margin-bottom: .5625em;
}

h4, .h4 {
	font-size: 1rem;
	line-height: 1.2;
}

.entry-content h4 {
	margin-top: 1em;
	margin-bottom: .5em;
}

h5, .h5 {
	font-size: 1rem;
	line-height: 1.2;
}

h6, .h6 {
	font-size: 1rem;
	line-height: 1.2;
}

.entry-content .praxisblock h2,
.entry-content .praxisblock h3,
.entry-content .praxisblock h4 {
	margin-top: 0;
	margin-bottom: 0;
	background-color: transparent;
}

.site-title.varela,
p.site-title.varela,
h1.site-title.varela {
	line-height: 1.2;
	font-family: 'Varela Round';
	font-size: 175%;
	font-size: 1.75rem;
	font-weight: bold;
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               1px 3px rgba(0,0,0,.3),
               3px 5px rgba(0,0,0,.2);
}


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

	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		/*font-family: sans-serif;*/
		font-size: 112.5%;
		font-size: 1.125rem;
		line-height: 1.77778;
	}

	h1, .h1 {
		font-size: 2.3125rem;
		line-height: 1.2973;
	}

	h2, .h2 {
		font-size: 1.9375rem;
		line-height: 1.29032;
	}
	
	.entry-content h2 {
		margin-top: 1.25em;
		margin-bottom: .875em;
	}

	h3, .h3 {
		font-size: 1.625rem;
		line-height: 1.23097;
	}
	
	.entry-content h3 {
		margin-top: 1.625em;
		margin-bottom: .8125em;
	}

	h4, .h4 {
		font-size: 1.375rem;
		line-height: 1.27273;
	}
	
	.entry-content h4 {
		margin-top: 1.375em;
		margin-bottom: .6875em;
	}

	h5, .h5 {
		font-size: 1.125rem;
		line-height: 1.3333;
	}

	h6, .h6 {
		font-size: 1rem;
		line-height: 1.3333;
	}

	.site-title.varela,
	p.site-title.varela,
	h1.site-title.varela {
		font-size: 250%;
		font-size: 2.5rem;
	}

}

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

	.site-title.varela,
	p.site-title.varela,
	h1.site-title.varela {
		font-size: 262.5%;
		font-size: 2.625rem;
	}

}

@media screen and (min-width: 1400px) {

	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		/*font-family: sans-serif;*/
		font-size: 125%;
		font-size: 1.25rem;
	}

	.site-title.varela,
	p.site-title.varela,
	h1.site-title.varela {
		font-size: 275%;
		font-size: 2.75rem;
	}

}

.fi {
  font-family: 'uxwing-iconsfont';
	display: inline-block;
	vertical-align: middle;
	padding: 0 .2em 0 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%;
}

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

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

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

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

ul {
	list-style: disc;
}

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

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

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

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

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

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

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

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/* === Search === */

.search-content.wrapper {
	display: block;
	width: 100%;
	padding: 3.85% 0 7.7% 0;
}

.result-box,
.entry-meta.lightblue-title {
	display: inline-block;
	width: auto;
	margin: 0 0 3.85% 0;
	padding: .97%;
	border-right: 2px solid #204969;
	border-bottom: 2px solid #204969;
	border-left: 2px solid #204969;
	border: 2px solid .25rem;
}

.result-box li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.search-form {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto .75em auto;	
	padding: 0 3%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.search-form > label {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 70%;
	-ms-flex: 1 0 70%;
	flex: 1 0 70%;
}

.search-form input[type="search"].search-field {
	font-size: inherit;
	margin: 0;
	padding: .4rem;
	border-top: 1px solid #204969;
	border-bottom: 1px solid #204969;
	border-left: 1px solid #204969;
	border-radius: .5rem 0 0 .5rem;
	width: 100%;
}

.search-form input[type="submit"].search-submit {
	font-size: inherit;
	background-color: #204969;
	color: white;
	margin: 0;
	padding: .4rem .75rem;
	border: 1px solid #204969;
	border-left: none;
	border-radius: 0 .5rem .5rem 0;
	-webkit-box-flex: 1;
	-webkit-flex: 0 1 30%;
	-ms-flex: 0 1 30%;
	flex: 0 1 30%;
}

.search-form input[type="search"].search-field:hover,
.search-form input[type="search"].search-field:active,
.search-form input[type="search"].search-field:focus {
	border-top: 1px solid #6cc551;
	border-bottom: 1px solid #6cc551;
	border-left: 1px solid #6cc551;		
}

.search-form input[type="submit"].search-submit:hover {
	background-color: #6cc551;
	border: 1px solid #6cc551;
	border-left: none;
	color: white;
}

@media screen and (min-width: 600px) {
	
	.header-search .search-form {
		margin: 0 auto;
	}

	.search-form {
		padding: 0;
	}

}

@media screen and (min-width: 1200px) {
	
	.search-form > label {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 80%;
		-ms-flex: 1 0 80%;
		flex: 1 0 80%;
	}
	
	.search-form input[type="submit"].search-submit {
		-webkit-box-flex: 1;
		-webkit-flex: 0 1 20%;
		-ms-flex: 0 1 20%;
		flex: 0 1 20%;
	}

}

/* === End Search === */


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

/* === Links === */

a {
	color: #46a7ae;
}

a:visited {
	color: purple;
}

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

a:focus {
	outline: thin dotted;
}

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

.site-branding a,
.site-description a {
	color: #ffffff;
	text-decoration: none;
}


/* === Primary menu === */

.main-navigation {
	background-color: #204969;
}

#menu-primary li:hover > a,
#menu-primary li.focus > a,
#menu-primary li.current-menu-item > a:hover {
	background-color: #ffffff;
	color: #204969;
}

button#nav-toggle:hover,
button#nav-toggle:focus,
button#nav-toggle.focus,
.dropwdown-toggle,
.dropdown-toggle:after,
.dropdown-toggle.toggled:after,
#menu-primary li.current-menu-item,
#menu-primary li.current-menu-item > a,
#menu-primary ul ul a:hover,
#menu-primary ul ul li.focus > a {
	background-color: #204969;
	color: #ffffff;
}

#menu-primary .menu-item-description {
	color: #777;
}

.main-navigation ul {
	font-size: 100%;
	font-size: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-navigation li a,
button#nav-toggle {
	text-decoration: none;
}

.main-navigation ul.sub-menu li a,
.main-navigation .menu-item-description.top-depth {
	text-transform: none;
}

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

	.main-navigation li a,
	button#nav-toggle {
		background-color: #204969;
		color: #ffffff;
		border-bottom: 1px solid #ddd;
	}

	.main-navigation li li a {
		background-color: #6b8199;	
	}
	
	button#nav-toggle.active {
		border-bottom: 1px solid #ddd;
	}
	
	.dropdown-toggle {
		background-color: transparent;
		border: none;
	}
	
	.dropdown-toggle:hover,
	.dropdown-toggle:active,
	.dropdown-toggle:focus {
	}

	.dropdown-toggle:focus {
		outline: 0;
	}

	.main-navigation ul {
		width: 100%;
		display: block;
	}

	.main-navigation li {
		width: 100%;
		display: block;
		position: relative;
	}
	
	button#nav-toggle {
		border: none;
		position: relative;
		margin: 0;
		z-index: 100;
	}
	
	.main-navigation li a,
	button#nav-toggle {
		display: block;
		padding: 10px 4%;
		width: 100%;
	}
	button#nav-toggle {
		border-bottom: none;
	}

	#menu-primary ul ul li a {
		padding-left: 9%;
	}
	#menu-primary ul ul ul li a {
		padding-left: 11%;
	}
	#menu-primary ul ul ul ul li a {
		padding-left: 13%;
	}
	
	.js .main-navigation,
	.js .vitex-theme .main-navigation.multiple-level-nav .sub-menu {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: absolute;
		display: block;
		overflow: hidden;
		visibility: hidden;
		zoom: 1;
	}

	.js .vitex-theme .main-navigation,
	.js .vitex-theme .main-navigation.multiple-level-nav .sub-menu {
		-webkit-transition: 5s;  
		-moz-transition: 5s;
		-ms-transition: 5s;
		-o-transition: 5s;
		transition: 5s;
	}

	.main-navigation.opened,
	.vitex-theme .main-navigation.multiple-level-nav .sub-menu.toggled {
		max-height: 9999px;
		position: relative;
		visibility: visible;
	}
	
	html.js .vitex-theme .main-navigation.opened,
	.vitex-theme .main-navigation.multiple-level-nav .sub-menu.toggled {
		max-height: 9999px;
	}
	
	/* Enable active class to let the navigation expand over the calculated max height. */
	.main-navigation.opened.dropdown-active {
		max-height: 9999px !important;
	}
		
	.disable-pointer-events {
		pointer-events: none !important;
	}

	#nav-toggle {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	
	button#nav-toggle:before {
		-webkit-font-smoothing: antialiased;
		font-family: "uxwing-iconsfont";
		font-size: 28px;
		content:"\eade";
		display: inline-block;
		margin: 0 6px 0 0;
		vertical-align: middle;
		width: 28px;
		height: 28px;
	}

	button#nav-toggle.active:before {
		font-family: "uxwing-iconsfont";		
		content: "\e965";
	}
	
	.dropdown-toggle {
		content: "";
		height: auto;
		padding: 0;
		position: absolute;
		margin: 0;
		text-transform: lowercase; /* Stop screen readers to read the text as capital letters */
		top: -1px;
		right: 4%;
	}

	.dropdown-toggle:after {
		font-family: "uxwing-iconsfont";
		content:"\ea10";
		font-size: 24px;
		position: relative;
		top: 10px;
		right: 10px;
	}

	.dropdown-toggle.toggled:after {
		font-family: "uxwing-iconsfont";
		content: "\ea13";
		font-size: 24px;
		top: 10px;
		right: 10px;
	}

}

@media screen and (min-width: 800px) {
	
	.main-navigation {
		max-width: 1200px;
		margin: 0 auto;
		padding: .75em 0;
	}	
	
	#menu-primary a {
		color: #ffffff;
		border: 2px solid #ffffff;
		border-radius: .5em;
	}
	
#menu-primary ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-around;
	}	

	#menu-primary ul ul {
		background-color: #fff;
		border: 1px solid #ddd;
	}
	
	#menu-primary .menu-item-description.top-depth {
		background: rgba(0,0,0,0.7);
		color: #fff;
	}
	.main-navigation .menu-item-description.top-depth:after {
		border-top-color: rgba(0, 0, 0, 0.7);
	}

	.js .main-navigation {
		position: relative;
	}
	.js .main-navigation.closed {
		max-height: none;
	}

	#nav-toggle,
	.menu-item-description-mark,
	.dropdown-toggle {
		display: none;
	}
	
	#menu-primary .wrap {
		padding: 0 4%;
	}
	
	#menu-primary ul {
		margin-bottom: 0;
		text-align: center;
	}

	#menu-primary ul ul a {
		color: #204969;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #ddd;
		border-left: none;
		border-radius: 0;
	}
	
	#menu-primary li {
		border: 0;
		display: inline-block;
		margin: .25em .5em;
		position: relative;
	}

	#menu-primary a {
		display: block;
		padding: .5rem .75rem;
		white-space: nowrap;
	}

	#menu-primary ul ul {
		float: left;
		margin: 0;
		position: absolute;
		top: 3rem;
		left: -999em;
		z-index: 99999;
		transition-property: opacity, visibility;
		transition-duration: .25s, 0s;
		transition-delay: 0.25s, .25s;
		transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
		visibility: hidden;
		opacity: 0;
	}

	#menu-primary li li {
		border: 0;
		display: block;
		margin: 0;		
		height: auto;
		line-height: 1.0909090909;
	}

	#menu-primary ul ul ul {
		left: -999em;
		top: 20px;
	}

	#menu-primary ul ul a {
		padding: 1rem .5rem;
		white-space: normal;
		width: 12.5em;
	}

	#menu-primary ul li:hover > ul,
	#menu-primary ul li.focus > ul {
		top: 3rem;
		left: 50%;
		margin-left: -100px;
		opacity: 1;
		visibility: visible;
	}

	#menu-primary ul ul li:hover > ul,
	#menu-primary ul ul li.focus > ul {
		top: 0;
		left: 100%;
		margin-left: 0;
		opacity: 1;
		visibility: visible;
	}

	#menu-primary .menu-item-has-children > a,
	#menu-primary .page_item_has_children > a {
		padding-right: 1.5rem;
	}

	#menu-primary .menu-item-has-children > a:after,
	#menu-primary .page_item_has_children > a:after {
		font-family:"uxwing-iconsfont";
		content:"\eaea";
		font-size: .75em;
		display: inline-block;
		position: absolute;
		padding-top: .4em;
		padding-left: .5em;	
	}

	#menu-primary li .menu-item-has-children > a,
	#menu-primary li .page_item_has_children > a {
		padding-right: 1.25rem;
		width: 12.5em;
	}

	#menu-primary .menu-item-has-children li.menu-item-has-children > a:after,
	#menu-primary .menu-item-has-children li.page_item_has_children > a:after,
	#menu-primary .page_item_has_children li.menu-item-has-children > a:after,
	#menu-primary .page_item_has_children li.page_item_has_children > a:after {
		font-family: "uxwing-iconsfont";
		content:"\eaee";
		display: inline-block;
		position: absolute;
		padding-top: .4em;
		padding-left: .5em;
		right: .75rem;
	}
	
	#menu-primary ul#menu-primary-items > li.menu-item-has-children > ul > li:first-child:after,
	#menu-primary ul#menu-primary-items > li.menu-item-has-children > ul > li:first-child:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	#menu-primary ul#menu-primary-items > li.menu-item-has-children > ul > li:first-child:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 10px;
		margin-left: -10px;
	}
	#menu-primary ul#menu-primary-items > li.menu-item-has-children > ul > li:first-child:before {
		border-color: rgba(221, 221, 221, 0);
		border-bottom-color: #ddd;
		border-width: 11px;
		margin-left: -11px;
	}

	.main-navigation .menu-item-description {
		display: block;
	}
	
	.main-navigation .menu-item-description.top-depth {
		position: absolute;
		bottom: 0px;
		left: -999em;
		padding: 14px 18px;
		width: 12.5em;
		line-height: 1.0909090909;
		white-space: normal;
		border-radius: 4px;
		transition-property: opacity, visibility;
		transition-duration: .15s, 0s;
		transition-delay: 0.15s, .15s;
		visibility: hidden;
		opacity: 0;	
	}
	
	/* CSS arrow for top depth description. */
	.main-navigation .menu-item-description.top-depth:after,
	.main-navigation .menu-item-description.top-depth:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.main-navigation .menu-item-description.top-depth:after {
		border-width: 10px;
		margin-left: -10px;
	}
	.main-navigation .menu-item-description.top-depth:before {
		border-width: 11px;
		margin-left: -11px;
	}
	
	#menu-primary ul li:hover .menu-item-description.top-depth,
	#menu-primary ul li.focus .menu-item-description.top-depth {
		left: 50%;
		bottom: 101px;
		margin-left: -100px;
		opacity: 1;
		visibility: visible;
	}

}

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

	#menu-primary li {
		margin: 0;
	}

}

/* === Service menu === */

.service-navigation {
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.service-navigation .menu-items,
.contact-navigation .menu-items {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.service-navigation .menu-items {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;	
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.contact-navigation .menu-items {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: space-evenly;
	-webkit-justify-content: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

.service-navigation ul {
	margin: .5em 0;
}

.contact-navigation ul {
	margin: 0;
}

.service-navigation li a {
	margin: .4em;
}

.contact-navigation li a {
	margin: 0 .4em 0 0;
}

.service-navigation ul li,
.contact-navigation ul li {
	list-style-type: none;
}

.service-navigation li a,
.contact-navigation li a {
	display: block;
	padding: .4rem .75rem;
	border-radius: .75rem;
	text-decoration: none;
}

.contact-navigation li a {
	box-shadow: 0 8px 6px -6px black;
}

.service-navigation li a {
	background-color: #ffffff;
	color: #204969;
	border: 2px solid #ffffff;
}

.contact-navigation li:nth-of-type(1) a {
	background-color: #6cc551;
	color: #ffffff;
	border: 2px solid #6cc551;	
	font-weight: bold;
}

.contact-navigation li:nth-of-type(2) a {
	background-color: #265a66;
	color: #ffffff;
	border: 2px solid #265a66;	
	font-weight: bold;
}


.service-navigation li a:hover,
.contact-navigation li a:hover {
	background-color: transparent;
	color: #ffffff;
	border-radius: 0;
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	border-left: 2px solid transparent;
	border-bottom: 2px solid #ffffff;
	box-shadow: none;	
}

@media screen and (min-width: 600px) {
	
	.contact-navigation .menu-items {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;	
	}

	.contact-navigation {
			margin-right: auto;
	}
	
	.contact-navigation li a {
		margin-right: 1.25em;	
	}
	
}

@media screen and (min-width: 800px) {
	
	.service-navigation ul {
		font-size: 80%;
		margin: .5em 0 1em 0;
	}

	.service-navigation li a {
		background-color: transparent;
		color: #ffffff;
		border-radius: 0;
		border-top: 2px solid transparent;
		border-right: 2px solid transparent;
		border-left: 2px solid transparent;
		border-bottom: 2px solid #ffffff;
		margin: 0;
		padding: 0;
	}
	
	.contact-navigation li a {
		margin-right: 1.75em;	
	}

}


/* === Pagination === */

/* Page-Navigation = Pagination bei Listen */

.pagination-wrapper {
	display: block;
	width: 100%;
	text-align: center;
}

ul.page-numbers,
ul.page-numbers li a,
ul.page-numbers li span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

ul.page-numbers li {
	list-style-type: none;
	margin-left: 1em;
}

.page-numbers li .current {
	background-color: #6cc551;
	color: white;
	border: 2px solid #0d3547;
}

ul.page-numbers li a {
	background-color: #204969;
	color: white;
	border: 2px solid #0d3547;
	text-decoration: none;
}

ul.page-numbers li a,
ul.page-numbers li span {
	min-width: 2.4em;
	min-height: 2.4em;
	border-radius: 50%;
}

.page-numbers li .next,
.page-numbers li .prev {
	padding-right: .75em;
	padding-left: .75em;
	border-radius: 0%;
	border-radius: .25em;
}

ul.page-numbers li a:hover,
ul.page-numbers li a:focus,
ul.page-numbers li a:active {
	background-color: white;
	color: #0d3547;
	text-decoration: none;
}


/* === Comment Navigation === */

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

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

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


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	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;
}

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

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

.widgetarea-news .widget {
	/*border: 2px solid #ffcd00;*/
	border: 2px solid #efb945;
	/*border: 2px solid #204969;*/
	border-radius: .4rem;
	margin-bottom: 3.85%;
	padding: 3.85%;
}

.widgetarea-news .widget-title {
	background-color: #efb945;
	/*background-color: #ffcd00;*/
	/*background-color: #204969;*/
	color: #ffffff;
	margin-top: -3.80%; 
	margin-right: -3.80%;
	margin-left: -3.80%;
	padding: .9625% 3.85%;
	border-radius: .4rem .4rem 0 0;
}

.widgetarea-news .widget ul {
	margin: 3.85% 0;
	padding: 0;
	list-style-type: none;
}

.widgetarea-news .widget ul li {
	display: block;
	position: relative;
	margin: 0;	
	padding: 0;
}

.widgetarea-news .widget p:first-of-type {
	margin-top: 1.925%;
}

/*.widgetarea-news .widget .tagcloud {
	background-color: yellow;
}

.widgetarea-news .widget .tagcloud a {
	display: inline-block;
	width: 100%;
	background-color: red;
}*/

.widgetarea-news .widget .wp-tag-cloud li {
	display: inline-block;
	width: auto;
}

.wp-tag-cloud a {
	display: inline-block;
	margin: .4rem .25rem .4rem 0;
	padding: .25rem;
	background-color: #46a7ae;
	color: #ffffff;
	border: 2px solid #265a66;
	border-radius: .4rem;
	text-decoration: none;
}

.wp-tag-cloud a:hover {
	background-color: #ffffff;
	color: #204969;
	border: 2px solid transparent;
	border-radius: 0;
	border-bottom: 2px solid #204969;
}



/* Special styles für archive-count in mehreren archive-widgets */

.archive-count {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	padding: .25em 0;
	text-align: right;
}

/* === Widget Posts In Sidebar (News-Sidebar) === */

ul.pis-ul li {
	margin: 0 0 .4em 0;
	padding: 0;
	/*list-style-type: none;*/
}

ul.pis-ul li > p {
	margin: 0;
	padding: 0;
}

ul.pis-ul li > p a {
	text-decoration: none;
}

ul.pis-ul li > p a:hover {
	border-bottom: 2px solid #9b1c51;
}

ul.pis-ul .pis-title a:before {
	padding-right: .4em;
	content:"\e9cc";
	font-family:"uxwing-iconsfont";
}


/* === Widgets Contactarea === */

.widget-contactboxes,
.widget-shoutboxes,
.widget-footerboxes {
	padding: 0 3.85%;
}

.widget-contactboxes {
	background-color: #0d3547;
	border-top: 1px solid #265a66;
	border-bottom: 1px solid #265a66;
	text-align: center;
	color: #ffffff;
}

.widget-contactboxes .widget {
	margin: 0;
	border: none;
	background-color: transparent;
	display: inline-block;
	width: auto;
}

.widget-contactboxes .widget p {
	margin: 0;
	padding: .25em .5em;
}

.widget-contactboxes .widget a {
	display: inline-block;
	padding: .4rem .75rem;
	border-radius: .75rem;
	background-color: #6cc551;
	border-bottom: 2px solid transparent;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.widget-contactboxes .widget a:hover {
	border-bottom: 2px solid #ffffff;
	background-color: transparent;
	border-radius: 0;
}

/* === Widgets Shoutbox  === */

.widget-shoutboxes {
	max-width: 1200px;
	margin: .75rem auto;
	background-color: #a9e5bb;
	border: 2px solid #6cc551;
}


/* === Widgets Content- and Footerarea === */

.widget-contentboxes {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	border: 2px solid #204969;
	border-radius: .25em;
}

.widget-footerboxes {
	width: 100%;
	position: relative;
	margin: 3.85% auto 0 auto;
	padding: 3.85%;
	background-color: #8ac6d1;
	border-top: 2px solid #204969;
}

.widget-footerboxes:nth-of-type(2) {
	margin: 0 auto;
}

.widget-footerboxes.second {
	background-color: #204969;
}

.footerbox {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.contentboxes-title,
.footerboxes-title {
	background-color: transparent;
	text-align: center;
	display: block;
	width: 100%;
	position: absolute;
	left: 50%;
	top: -1.2em;
	transform: translateX(-50%);
}

.contentboxes-title h2,
.footerboxes-title h2 {
	display: inline-block;
	width: auto;
	padding: 0 .25rem;
	background-color: #ffffff;
}

.footerboxes-title h2 {
	border: 2px solid #204969;
	border-radius: .4rem;
}

.contentbox .widget {
	border: 2px solid #204969;
	border-radius: .25rem;
	margin: 5.78% 3.85%;
	padding: 3.85%;
}

.footerbox .widget {
	border: 2px solid #204969;
	border-radius: .25rem;
	margin: 5.78% auto;
	padding: 3.85%;
	background-color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.footerbox .textwidget {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;	
}

.footerbox .textwidget p.widget-link {
	margin-top: auto;
}

.contentbox .widget h3,
.footerbox .widget h3 {
	margin-bottom: 1.925%;	
}

.contentbox .widget:nth-of-type(1) {
	background-color: #efb945;
}

.contentbox .widget:nth-of-type(2) {
	background-color: #46a7ae;
	color: #ffffff;
}

.contentbox .widget:nth-of-type(3) {
	background-color: #0d3547;
	color: #ffffff;
}

.widget-contentboxes a,
.widget-footerboxes a {
	display: inline-block;
	margin-top: .75rem;
	padding: .4rem .75rem;
	border-radius: .75rem;
	text-decoration: none;
	box-shadow: 0 8px 6px -6px black;	
	background-color: #204969;
	color: #ffffff;
	border: 2px solid #204969;	
	font-weight: bold;		
}

.widget-contentboxes a:hover,
.widget-footerboxes a:hover {
	background-color: transparent;
	box-shadow: none;
	color: #ffffff;
	border-radius: 0;
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	border-left: 2px solid transparent;
	border-bottom: 2px solid #ffffff;
}

.widget-footerboxes a:hover {
	color: #204969;
	border-bottom: 2px solid #204969;
}

@media screen and (min-width: 400px) {

	.contentboxes-title h2,
	.footerboxes-title h2 {
		padding: 0 .5rem;
	}

}

@media screen and (min-width: 600px) {
	
	.widgetarea-news .widget {
		padding: 1.925% 3.85%;
	}
	
	.widgetarea-news .widget-title {
		margin-top: -1.50%;
	}	

	.contentboxes-title h2,
	.footerboxes-title h2 {
		padding: 0 .75rem;
	}
	
	.contentbox .widget {
		margin: 3.85%;
		padding: 1.925%;		
	}
	
	.contentbox .widget:nth-of-type(1) {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 40%;
		-ms-flex: 1 0 40%;
		flex: 1 0 40%;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		-ms-grid-row-align: stretch;
		align-self: stretch;
	}

	.contentbox .widget:nth-of-type(2) {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 40%;
		-ms-flex: 1 0 40%;
		flex: 1 0 40%;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		-ms-grid-row-align: stretch;
		align-self: stretch;
	}

	.contentbox .widget:nth-of-type(3) {
		-webkit-box-flex: 0;
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		-ms-grid-row-align: stretch;
		align-self: stretch;
		margin-top: 0;
	}

	.footerbox .widget {
		padding: 1.925%;
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		flex: 1 1 auto;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		-ms-grid-row-align: stretch;
		align-self: stretch;		
	}

	.footerbox > .widget:nth-of-type(1) {
		margin-right: 1.925%;
	}

	.footerbox > .widget:nth-of-type(3) {
		margin-left: 1.925%;
	}
	

}

@media screen and (min-width: 800px) {
	
	.footerbox .widget {
		margin: 1.925% 0;	
	}
	
	.widgetarea-news .widget {
		margin-bottom: 7.7%;
	}

	.widgetarea-news .widget .wp-tag-cloud li {
		display: block;
	}	

}

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

	.widget-footerboxes {
		margin-top: 0;
	}

	.contentboxes-title h2,
	.footerboxes-title h2 {
		padding: 0 1.25rem;
	}
}

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

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

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

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

.entry-content p {
	margin-bottom: 2.88%;
}

/* === Tabellen von TablePress === */

.table-wrapper {
	width: 100%;
	font-size: 65%;
}

@media screen and (min-width: 600px) {

	.table-wrapper {
		font-size: 100%;
	}

}


/* === temporäre Download-Styles === */


.download-wrapper a:before {
	font-family: 'uxwing-iconsfont';
	content:"\e99a";
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: 1rem;
	padding: 1rem 1.2rem 1rem 1.2rem;
	background-color: #ffffff;
	border: 1px solid #46a7ae;
	border-radius: .25rem 0 0 .25rem;
	color: #46a7ae;
}

.download-wrapper a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;	
	text-decoration: none;
	border: 1px solid #46a7ae;
	border-radius: .25rem;
	margin: .5rem 0;
	/*padding-right: 1rem;*/
	background-color: #46a7ae;
	color: #ffffff;
	width: 100%;
	font-weight: bold;
}

.download-wrapper a:hover {
	border: 1px solid #204969;
	background-color: #ffffff;
	color: #204969;
}

.download-wrapper a:hover:before {
	background-color: #204969;
	color: #ffffff;
	border: 1px solid transparent;
}

@media screen and (min-width: 600px) {

	.download-wrapper a {
		width: 65%;	
	}
}

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

	.download-wrapper a {
		width: 50%;	
	}
}


/* === Praxisseiten, Info-Sektion === */

.praxisblock.wrapper {
	width: 100%;
}

.praxisblock.heading {
	margin-top: 5.77%;
	border-bottom: 3px solid #204969;
}

.praxisblock.heading a {
	text-decoration: none;
	color: #204969;
}

.praxisblock.heading a:before {
	font-family: 'uxwing-iconsfont';
	font-size: 80%;
	display: inline-block;
	vertical-align: middle;
	padding: 0 .4rem .2rem 0;
	content:"\ea7c";
}

.praxisblock.heading a:hover {
	background-color: #46a7ae;
	color: #ffffff;
	padding: 0 .75rem;
}

.praxisblock {
	margin: 1.925% 0;
}

.toolblock.files,
.toolblock.links {
	margin: 3.85% 0 5.775% 0;
}

.praxisblock.border,
.praxislist.border,
.toolblock.border {
	border: 2px solid #204969;
	border-radius: .25rem;
	padding: 1.925% 3.85%;
}

.praxisblock.holliday {
	margin-top: 0;
	margin-bottom: 3.85%;
	padding: 1.925%;
	background-color: #f18805;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-right: 3px solid #204969;
	border-left: 3px solid #204969;
	border-bottom: 3px solid #204969;
}

.praxisblock.heading.heading-holliday {
	text-align: center;
	margin-bottom: 0;
}

.praxislist,
.toollist {
	list-style-type: none;
	margin: .75em 0;
	padding: 0;
}

.praxislist.contact {
	width: 100%;
	max-width: 14em;
}

.bg-full-blue {
	background-color: #8ac6d1;
	color: white;
	padding: 1.925% 3.85%;
}

.bg-full-orange {
	background-color: #ffcd00;
	padding: 1.925% 3.85%;
}

.person-name {
	font-weight: bold;
}

.person-img {
	margin-bottom: .4rem;
}

.address-link {
	margin-top: .75rem;
}

.address-link a {
	display: block;
	padding: .4rem .75rem;
	border-radius: .75rem;
	text-decoration: none;
	box-shadow: 0 8px 6px -6px black;	
	background-color: #46a7ae;
	color: #ffffff;
	border: 2px solid #46a7ae;	
	font-weight: bold;		
}

.address-link a:hover {
	background-color: transparent;
	box-shadow: none;
	color: #46a7ae;
	border-radius: 0;
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	border-left: 2px solid transparent;
	border-bottom: 2px solid #46a7ae;
}

.praxislist.description li,
.praxislist.membership li {
	margin: .4rem .4rem .4rem 0;
}

.praxislist.membership li {
	display: inline-block;
}

.praxisblock.description {
	background-color: #a9e5bb;
}

ul.praxislist.description {
}

.offer-img {
	-webkit-box-flex: 1 0 auto;
	-moz-box-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	text-align: center;
	margin: .75rem 0;
	padding: 0;
}

.offer-img img {
	margin: 0 auto;
}

.offer-singleimg:not(:last-of-type) {
	margin-bottom: .75em;
}

.offer-special {
	background-color: #6cc551;
	padding: .9625%;
	color: white;
	font-weight: bold;
}

.toolblock-url a {
	text-decoration: none;
	display: inline-block;
}

.toolblock-url a:before {
	padding-right: .4em;
	content:"\e9cc";
	font-family:"uxwing-iconsfont";
}

.toolblock-urldesc {
	margin-bottom: .25em;
	padding-left: 1.6em;
}

@media screen and (min-width: 600px) {

	/*.praxisblock.praxisdesc {
		margin-right: 1em;
	}*/
	
	.offer-img {
		margin: .75rem 0 .75rem 1.5rem;
	}
}


/* === Introseiten === */

.section-header {
	width: 100%;
	padding: 0 3.85% 3.85% 3.85%;
	text-align: center;
}

.intro-section {
	margin-bottom: 3.85%;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.intro-section a {
	text-decoration: none;
	border: 2px solid #204969;
	border-radius: .4rem;
	box-shadow: 0 8px 6px -6px black;
}

.intro-section a:hover {
	background-color: #46a7ae;
	color: #ffffff;
	border-radius: 0;
	border: 2px solid transparent;
	border-bottom: 2px solid #204969;
	box-shadow: none;
}

.intro-item.media {
	margin: 0 auto;
	padding: .25em;
}

.intro-item.media img {
	width: 35%;
	height: auto;
	margin: 0 auto;
	padding: 1.925%;
} 

.intro-item.header {
	display: block;
	width: 100%;
	padding: .97%;
	background: hsla(40,100%,97%,0.3);
	text-align: center;
}

h3.intro-item.title {
	display: block;
	width: auto;
}

/* === Frontpage, Suchergebnisse === */

.frontbox-outer-wrapper,
.searchbox-outer-wrapper,
.newsbox-outer-wrapper {
	margin-bottom: 7.7%;
}

.list-wrapper {
	margin-top: 5.8%;
	margin-bottom: 5.8%;
}

section.newsbox-two {
	border: 3px solid #204969;
	padding: 1.925%;
}

.newsbox-two a {
	text-decoration: none;
	color: #204969;
}

.frontbox a,
.frontbox-link a,
.newsbox-three a {
	display: block;
	border: 2px solid #204969;
	border-radius: .4rem .4rem 0 0;
	text-decoration: none;
}

.newsbox-three a {
	border-radius: .4rem;
	padding: 1.925%;
}

.newsbox-three-bottom {
	display: block;
	text-align: right;
}

.searchbox a,
.newsbox-one a {
	display: block;
	text-decoration: none;
}

.searchbox-link a,
.newsbox-one-link a {
	display: inline-block;
	border-right: 2px solid #46a7ae;
	border-bottom: 2px solid #46a7ae;
	border-left: 2px solid #46a7ae;
	border-radius: .4rem .4rem 0 0;
	text-decoration: none;
}

.frontbox-outer-wrapper:nth-of-type(1) .frontbox a {
	background-color: #ffcd00;
	color: #0d3547;
}

.frontbox-outer-wrapper:nth-of-type(2) .frontbox a,
.newsbox-outer-wrapper:nth-of-type(even) .newsbox-three a {
	background-color: #8ac661;
	color: #ffffff;
}

.newsbox-outer-wrapper:nth-of-type(odd) .newsbox-three a {
	background-color: #204969;
	color: #ffffff;
}

.frontbox-outer-wrapper .frontbox a:hover {
	background-color: #204969;
	color: #ffffff;
}

.newsbox-outer-wrapper .newsbox-three a {
	box-shadow: 0 8px 6px -6px black;
}

.newsbox-outer-wrapper .newsbox-three a:hover {
	background-color: #ffffff;
	color: #0d3547;
	box-shadow: none;
}

.frontbox-link,
.searchbox-link,
.newsbox-one-link {
	text-align: right;
}

.frontbox-link a,
.searchbox-link a,
.newsbox-one-link a {
	background-color: #204969;
	color: #ffffff;
	padding: .97% 1.925%;
	border-radius: 0 0 .4rem .4rem;
	box-shadow: 0 8px 6px -6px black;
}

.searchbox-link a,
.newsbox-one-link a {
	background-color: #46a7ae;
}

.newsbox-two-link {
	display: block;
	text-align: right;
}

.newsbox-two-link a {
	background-color: #204969;
	color: #ffffff;
	padding: .75% 1.925%;
	border-bottom: 2px solid transparent;
}

.frontbox-link a:after,
.searchbox-link a:after,
.newsbox-one-link a:after,
.newsbox-two-link a:after,
.newsbox-three-bottom:after {
  font-family: 'uxwing-iconsfont';
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 .4em;
	content:"\ea7c";
}

.frontbox-link a:hover,
.searchbox-link a:hover,
.newsbox-one-link a:hover {
	background-color: #ffffff;
	color: #204969;
	box-shadow: none;
}

.newsbox-two-link a:hover {
	background-color: #ffffff;
	color: #204969;
	border-bottom: 2px solid #204969;
}

.frontbox .f-item-600-40:nth-of-type(1) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;	
}

.entry-header {
	padding-bottom: 3.85%;
}

.entry-header.frontbox,
.entry-header.searchbox,
.entry-header.newsbox-one {
	background-color: #204969;
	color: #ffffff;
	padding: 1.925%;
}

.entry-header.newsbox-one {
	box-shadow: 4px 0 4px -4px black;
}

.entry-header.newsbox-one:hover {
	box-shadow: none;
}

.entry-header.newsbox-two,
.entry-header.newsbox-three {
	padding-bottom: 1.925%;
}

.entry-header.newsbox-two {
	border-bottom: 2px solid #204969;
}

.entry-header.searchbox,
.entry-header.newsbox-one {
	background-color: #46a7ae;
}

.entry-header.searchbox,
.entry-header.newsbox-one {
	display: inline-block;
	width: auto;
}

.entry-content.frontbox,
.entry-content.searchbox,
.entry-content.newsbox-one {
	padding: 1.925%;
}

.entry-content.searchbox,
.entry-content.newsbox-one {
	border: 2px solid #46a7ae;
}

.newsbox-two.news-meta {
	background-color: #204969;
	color: #ffffff;
	display: inline-block;
	margin-bottom: 1.925%;
	padding: 0 1.925%;
}

.newsbox-three .entry-date::before {
 content: '\1F4C6';
 padding-right: .4em;
 display: inline-block;
}

.tags-links-box {
	border-left: 3px solid #204969;
}

.tags-links-desc {
	display: inline-block;
	background-color: #204969;
	color: #ffffff;
	font-weight: bold;
	margin: .4rem .4rem .4rem 0;
	padding: .25rem .5rem .25rem .25rem;
}

.tags-links-box a {
	display: inline-block;
	margin: .4rem .25rem;
	padding: .25rem;
	background-color: #46a7ae;
	color: #ffffff;
	border: 2px solid #265a66;
	border-radius: .4rem;
	text-decoration: none;
}

.tags-links-box a:hover {
	background-color: #ffffff;
	color: #204969;
	border: 2px solid transparent;
	border-radius: 0;
	border-bottom: 2px solid #204969;
}

/* === Design One === */

.entry-wrapper.design-one {
	position: relative;
}

.entry-header.design-one {
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	background: hsla(40,100%,97%,0.3);	
}

.entry-title.design-one {
	display: inline-block;
	position: relative;
	width: auto;
	margin: 0 auto;
	padding: 1.925% 3.85%;
}

.entry-title.design-one:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 3px;
	width: 50%;
	border-top:5px solid #0d3547;
}

.entry-title.design-one:after {
	content : "";
	position: absolute;
	right: 0;
	bottom: 0;
	height: 3px;
	width: 50%;
	border-bottom:5px solid #0d3547;
}

.entry-thumbnail {
	display: block;
}

.entry-thumbnail.design-one img {
	display: block;
	margin: 0 auto;
	width: 40%;
	height: auto;
	background-color: #6cc551;
	border-radius: 50%;	
}


/* === Design One B === */

.entry-wrapper.lightblue-full-box {
	position: relative;
	margin-bottom: 3.85%;
}

@media screen and (min-width: 600px) {

	.praxisblock.border,
	.praxislist.border,
	.toolblock.border,
	.toolblock.files,
	.toolblock.links,
	.bg-full-blue,
	.bg-full-orange {
		padding: 1.925%;	
	}
	
	.toolblock.files,
	.toolblock.links {
		margin: 1.925% 0 5.775% 0;
	}	
	
	.entry-content p {
		margin-bottom: 1.925%;
	}

	.intro-item.media img {
		width: 50%;
		height: auto;
		margin: 0 auto;
	}

}

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

	.intro-item.media img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	
	h3.intro-item.title {
		padding: 0 .75rem;
	}

}

.entry-header.lightblue-full-box {
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	background: hsla(40,100%,97%,0.3);	
}

.entry-title.lightblue-full-box {
	display: inline-block;
	position: relative;
	width: auto;
	margin: 0 auto;
	padding: 1.925% 3.85%;
}

.entry-title.lightblue-full-box:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 3px;
	width: 50%;
	border-top:5px solid #0d3547;
}

.entry-title.lightblue-full-box:after {
	content : "";
	position: absolute;
	right: 0;
	bottom: 0;
	height: 3px;
	width: 50%;
	border-bottom:5px solid #0d3547;
}

.entry-thumbnail.lightblue-full-box img {
	display: block;
	margin: 0 auto;
	width: 35%;
	height: auto;
	background-color: #6cc551;
	border-radius: 50%;	
}

/* === Design Two und Design Six === */

.entry-wrapper.lightblue-full,
.entry-wrapper.lightblue-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;	
	width: 100%;
	border: 3px solid #204969;
}

.entry-thumbnail.lightblue-full,
.entry-thumbnail.lightblue-title {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 20%;
	padding: 1.95%;
}

.entry-thumbnail.lightblue-full img,
.entry-thumbnail.lightblue-title img {
	display: block;
	margin: 0;
}

.entry-header.lightblue-full,
.entry-header.lightblue-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #8ac6d1;
	width: 100%;
	padding: 1.95% 0 1.95% 1.95%;
	border: 2px solid white;	
}

.entry-header.lightblue-full h1,
.entry-header.lightblue-title h1 {
	color: white;
}

.entry-content.lightblue-full {
	background-color: #8ac6d1;
	padding: 5.8% 3.85% 3.85% 3.85%;
}

.entry-content.lightblue-title {
	/*padding: 5.8% 0 3.85% 0;*/
	padding: 3.85% 0 1.925% 0;
}

/* === Design Three === */

.entry-wrapper.orange-full {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;	
	width: 100%;
	margin-bottom: 3.85%;
	border: 3px solid #f7b32b;
}

.entry-thumbnail.orange-full {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 20%;
	padding: 1.95%;
}

.entry-thumbnail.orange-full img {
	display: block;
	margin: 0;
}

.entry-header.orange-full {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #f7b32b;
	width: 100%;
	padding: 1.95% 0 1.95% 1.95%;
	border: 2px solid white;	
}

.entry-header.orange-full h1 {
	color: white;
}

.entry-content.orange-full {
	background-color: #f7b32b;
	padding: 3.85%;
}

/* === Design Four === */

.entry-header.design-four h1 {
	color: #204969;
}

.entry-title.design-four {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	padding: 1.925% 3.85%;	
}

.entry-title.design-four:before {
	content: "";
	position: absolute;
	left: 25%;
	right: 25%;
	top: 0;
	height: 3px;
	width: 50%;
	border-top: 5px solid #204969;
}

.entry-title.design-four:after {
	content : "";
	position: absolute;
	left: 25%;
	right: 25%;
	bottom: 0;
	height: 3px;
	width: 50%;
	border-bottom: 5px solid #204969;
}

.entry-wrapper.design-four {
	padding .5em 0;
	width: 100%;
}

.entry-content.design-four {
	margin: 5.8% 3.85%;
}

.entry-content.design-four img {
	display: block;
	width: 40%;
	float: left;
	margin-right: 1rem;
	margin-bottom: .5rem;
}

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

.bypostauthor {
	display: block;
}


/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

.site-header,
.site-footer {
	width: 100%;
	background-color: #204969;
}

.site-footer {
	color: #ffffff;
}

.sticky-footer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;	
	min-height: 100vh;
}

.sticky-footer-wrap {
	-webkit-box-flex: 1 0 auto;
	-moz-box-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.header-top {
	width: 100%;
	background-color: #8ac6d1;
	padding: .5em 3.85% 2em 3.85%;
	font-size: 80%;
}

.header-main {
	width: 100%;
	padding: 0 3.85%;
	background-color:transparent;
}

.site-main,
.site-info,
.inner-wrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.site-description {
}

.site-title {
	margin-top: -.6em;
}

.site-branding {
	margin-bottom: .3em;
	text-align: center;
}

.site-content {
	width: 100%;
}

.content-area,
.content-widgetarea,
.content-area.news,
.widgetarea-news {
	width: auto;
	display: block;
	max-width: 1200px;
	margin: 7.7% auto 7.7% auto;
	padding: 0 3.85%;
}

.widgetarea-news {
	margin: 3.85% auto;
}

.section-wrapper {
	margin-bottom: 15.4%;	
}

.section-wrapper.lightblue-full {
	border-bottom: 5px solid #204969;
}

.section-wrapper.lightblue-full .section-header {
	border-top: 3px solid #204969;
	border-bottom: 3px solid #204969;
	margin: .97% 0 3.85% 0;
	padding: 1.925% 0;
}

.content-area.design-one {
	background-color: #ffcd00;
	display: block;
	width: auto;
	margin: 15.85% auto 7.7% auto;
	border: 3px solid #efb945;
}

.site-main.design-one {
	border: 1px solid transparent;
	width: auto;
	display: block;
	margin-top: -10%;
}

.content-area.border-design {
	background-color: #8ac6d1;
	border: 3px solid #204969;
	margin: 11.55% 3.85% 7.7% 3.85%;
	padding: 0 3.85%;
}

.site-main.border-design {
	margin-top: -5.77%;
}


@media screen and (min-width: 600px) {

	.header-top {
		padding-top: 1em;
		padding-bottom: 2.5em;
	}

	.section-wrapper {
		margin-bottom: 7.7%;
	}

}

@media screen and (min-width: 800px) {
	
	.content-area,
	.content-widgetarea {
		padding: 0 7.7%;
	}
	
	.content-area.design-one {
		margin: 13.85% auto 7.7% auto;	
	}
	
	.content-area.border-design {
		margin-top: 11.55%;
		margin-right: 7.7%;
		margin-left: 7.7%;
		padding: 0 3.85%;	
	}
	
	.content-area.news {
		float: left;
		width: 62%;
	}
	
	.widgetarea-news {
		float: right;
		width: 36%;
		margin-top: 7.7%;
	}
	
	.site-main.border-design {
		margin-top: -7.7%;	
	}
	
	.section-wrapper {
		margin: 3.85% 0 7.7% 0;	
	}

	.section-wrapper.lightblue-full .section-header {
		margin-top: 0;	
	}
}

@media screen and (min-width: 1000px) {
	
	.content-area,
	.content-widgetarea {
		padding: 0 15.4%;
	}
	
	.content-area.design-one {
		margin: 11.85% auto 7.7% auto;	
	}
	
	.content-area.border-design {
		margin-top: 9.55%;
		margin-right: 15.4%;
		margin-left: 15.4%;
		padding: 0 3.85%;
	}	

}

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

	.header-main {
		padding: 0;
	}
	
	.content-area.design-one {
		margin: 10.85% auto 7.7% auto;	
	}
	
	.content-area.border-design {
		margin-top: 7.55%;
		margin-right: 15.4%;
		margin-left: 15.4%;
		padding: 0 3.85%;
	}
	
	.content-area.news {
		padding-left: 0;	
	}
	
	.widgetarea-news {
		padding-right: 0;	
	}

}

/*--------------------------------------------------------------
# Flexbox-Klassen
--------------------------------------------------------------*/

.flex-mobile {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	max-width: 1200px;
}

.flex-inner {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
	
.wrap-margin {
	margin-top: .75em;
	margin-bottom: .5em;
}

.f-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.f-nowrap {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;		
	flex-wrap: nowrap;
}

.f-row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.f-row-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.f-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.f-col-row-600 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column-reverse;
}
	
.f-around-center {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.f-around-start {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;	
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.f-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.f-center-transform-between {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.f-center-start {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;	
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.f-between-start {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.f-around-end {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.f-center-end {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.f-between-end {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.f-start {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.f-end {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.f-space-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.f-space-around {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.f-align-stretch {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.f-autom-left {
	margin-left: auto;
}

.f-autom-right {
	margin-right: auto;
}

.f-item-equal.mright,
.f-item-differ.mright {
	margin-right: 1.925%;
}

.f-item-differ {
	flex: 0 1 20%;
}

.f-item-differ.featured {
	flex: 1 1 78%;
}

.f-item-40 {
	width: 40%;
	align-self: stretch;
}

.f-item-single {
	margin-right: 1.925%;
	margin-left: 1.925%;
}

@media screen and (min-width: 600px) {

	.flex-600,
	.flex-footer {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		max-width: 1200px;
		margin: 0 auto;
	}

	.f-col-row-600 {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;	
	}
	
	.f-item-single {
		margin-right: 0;
		margin-left: 0;	
	}
	
	.f-item-600 {
		align-self: stretch;	
	}
	
	.praxisblock.f-item-600:nth-of-type(1) {
		min-width: 62%;
	}
	
	.praxisblock.f-item-600:nth-of-type(2) {
		min-width: 36%;
		margin-left: 1.925%;
	}	
		
	.f-item-600-40 {
		width: 40%;
		flex: 1 1 40%;
		align-self: stretch;
	}
	
	.f-item-600-55 {
		flex: 0 1 55%;
		margin-right: 4%;
	}
	
	.f-center-transform-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	}

}

@media (min-width: 800px) {
	
	.flex-800 {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		max-width: 1200px;
		margin: 0 auto;
	}

	.f-item-800-40 {
		width: 40%;
		align-self: stretch;
	}

	.praxisblock.f-item-600:nth-of-type(2) {
		/*margin-left: 0;*/
	}	

}

@media (min-width: 1000px) {

	.flex-1000 {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		max-width: 1200px;
		margin: 0 auto;
	}

}




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

/*--------------------------------------------------------------
## Transitions
--------------------------------------------------------------*/

.site-header,
.site-title,
p.site-title,
h1.site-title,
.site-description,
.header-search,
.main-navigation,
.main-navigation a,
.service-navigation,
.service-navigation a,
.contact-navigation,
.contact-navigation a,
.widget a,
.widget-shoutboxes,
.widget-contactboxes,
.widget-footerboxes,
.widget-shoutboxes a,
.widget-contactboxes a,
.widget-footerboxes a,
.widget-contentboxes a,
.address-link,
.address-link a,
.frontbox,
.frontbox a,
.frontbox-link,
.frontbox-link a,
.newsbox-one a,
.newsbox-two a,
.newsbox-three a,
.entry-header.newsbox-one,s
.tags-links-box a,
.searchbox,
.searchbox a,
.searchbox-link,
.searchbox-link a,
.intro-section,
.intro-section a,
h1,h2,h3,h4,h5,h6,
.site-content,
.content-area,
.site-main,
.entry-content,
.entry-content p,
.entry-content a,
.entry-footer a,
fieldset input,
input[type="submit"] {
	-webkit-transition: all .6s ease-in-out;
	 -moz-transition: all .6s ease-in-out;
	 -ms-transition: all .6s ease-in-out;
	 -o-transition: all .6s ease-in-out;
	 transition: all .6s ease-in-out;
}