/*
Theme Name: Knauthe
Theme URI: https://www.knauthe.com
Author: WeMakeWebsites / Jonas Langreuter
Author URI: https://wemakewebsites.de
Description: WeMakeWebsites Startertheme / Foundation 6.3
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wmwde2017
Tags:

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.

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

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

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

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

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

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

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

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

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .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:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	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;
}

select {
	border: 1px solid #ccc;
}

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

textarea {
	width: 100%;
}

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

a:visited {
	color: purple;
}

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

a:focus {
	outline: thin dotted;
}

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

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

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

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

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

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

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

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

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

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

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

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

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

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

.single .byline,
.group-blog .byline {
	display: inline;
}

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

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

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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%;
}

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

/* =Foundation Specials
-------------------------------------------------------------- */

#off-canvas-menu{
	list-style: none;
	margin-left: 0;
	margin-top: 160px;
}

#off-canvas-menu li{
	padding: 5px 30px;
	text-align: right;
}

#off-canvas-menu a{
	color: #fff;
	font-size: 18px;
	font-family: 'Gordita-Regular', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	letter-spacing: 2px;
	line-height: 32px;
	text-decoration: underline;
}

#off-canvas-menu a:hover{
	text-decoration: none;
}

#off-canvas-menu li#menu-item-308{
	margin-top: 100px;
}

#off-canvas-menu li#menu-item-308,
#off-canvas-menu li#menu-item-309,
#off-canvas-menu li#menu-item-310{
	padding: 0 30px;
}

#off-canvas-menu li#menu-item-308 a,
#off-canvas-menu li#menu-item-309 a,
#off-canvas-menu li#menu-item-310 a{
	font-size: 12px;
	color: #C9C5C2;
}

button.menu-icon{
	position: absolute;
	top: 44px;
	right: 20px;
}

button.menu-icon,
button.menu-icon:active{
	border: 0;
	background: transparent;
	box-shadow: none;
	width: 30px;
	height: 28px;
}

button.menu-icon:after{
	background: #002855;
	height: 2px;
	box-shadow: 0 10px 0 #002855, 0 20px 0 #002855;
}

button.menu-icon:hover:after{
	background: #002855;
	box-shadow: 0 10px 0 #002855, 0 20px 0 #002855;
}

button.close-button,
button.close-button:hover{
	color: #fff;
	right: 30px;
}

.off-canvas-wrapper .off-canvas.is-transition-overlap.is-open{
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* =General
-------------------------------------------------------------- */

a:active, a:focus, a:visited, a:link {
color: #002855;
outline:0;
outline:expression(hideFocus='true');
}

.alignfull {
	margin: 0 calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

/* Knauthe */

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3b55f3");

@font-face {
	font-family: 'Gordita-Regular';
	src: url('fonts/Gordita-Regular/font.eot');
	src: url('fonts/Gordita-Regular/font.woff2') format('woff2'), url('fonts/Gordita-Regular/font.woff') format('woff'), url('fonts/Gordita-Regular/font.eot?#iefix') format('embedded-opentype'), url('fonts/Gordita-Regular/font.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
  
@font-face {
	font-family: 'Gordita-Medium';
	src: url('fonts/Gordita-Medium/font.eot');
	src: url('fonts/Gordita-Medium/font.woff2') format('woff2'), url('fonts/Gordita-Medium/font.woff') format('woff'), url('fonts/Gordita-Medium/font.eot?#iefix') format('embedded-opentype'), url('fonts/Gordita-Medium/font.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



/*
@font-face {
  font-family: 'Gordita-Regular';
  src: url('fonts/Gordita-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/Gordita-Regular.otf')  format('opentype'),
	     url('fonts/Gordita-Regular.woff') format('woff'), url('fonts/Gordita-Regular.ttf')  format('truetype'), url('fonts/Gordita-Regular.svg#Gordita-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita-Regular';
  src: url('fonts/Gordita-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/Gordita-Medium.otf')  format('opentype'),
	     url('fonts/Gordita-Medium.woff') format('woff'), url('fonts/Gordita-Medium.ttf')  format('truetype'), url('fonts/Gordita-Medium.svg#Gordita-Medium') format('svg');
  font-weight: bold;
  font-style: normal;
}
*/

@font-face {
  font-family: 'Athelas-Italic';
  src: url('fonts/Athelas-Italic.eot?#iefix') format('embedded-opentype'),  url('fonts/Athelas-Italic.woff') format('woff'), url('fonts/Athelas-Italic.ttf')  format('truetype'), url('fonts/Athelas-Italic.svg#Athelas-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Gordita-Black';
  src: url('fonts/Gordita-Black.eot?#iefix') format('embedded-opentype'),  url('fonts/Gordita-Black.otf')  format('opentype'),
	     url('fonts/Gordita-Black.woff') format('woff'), url('fonts/Gordita-Black.ttf')  format('truetype'), url('fonts/Gordita-Black.svg#Gordita-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita-LightItalic';
  src: url('fonts/Gordita-LightItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/Gordita-LightItalic.otf')  format('opentype'),
	     url('fonts/Gordita-LightItalic.woff') format('woff'), url('fonts/Gordita-LightItalic.ttf')  format('truetype'), url('fonts/Gordita-LightItalic.svg#Gordita-LightItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* general */

h1 span.hyphens, h2 span.hyphens, h3 span.hyphens, h4 span.hyphens{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

em,
.claim{
	font-family: 'Athelas-Italic', 'Gordita-Regular', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
}

.has-intro-font-size{
	font-size: 22px;
}

.has-gross-font-size{
	font-size: 27px;
}

.has-kleiner-font-size{
	font-size: 16px;
}

.has-knautheblau-color{
	color: #002855;
}

.has-knautherot-color{
	color: #DF4661;
}

.has-knauthebeige-color{
	color: #C9C5C2;
}

.has-knautheblau-background-color{
	background-color: #002855;
}

.has-knautherot-background-color{
	background-color: #DF4661;
}

.has-knauthebeige-background-color{
	background-color: #C9C5C2;
}

body h1{
	font-size: 40px;
	margin-bottom: 16px;
}

body.page-id-557 h1{
	margin-bottom: 40px;
}

/*
.kt-row-column-wrap.kt-has-2-columns.kt-gutter-widest > .wp-block-kadence-column{
	margin-right: 110px;
}
*/

.hintergrundflaeche{
	background: #c9c5c2;
	position: absolute;
	top: 0;
	left: -200%;
	right: -200%;
	height: 380px;
	z-index: -1;
}

body.page-id-12 .hintergrundflaeche{
	background: #DF4661;
}

body.page-id-557 .hintergrundflaeche{
	height: 260px;
}

/* header */

body.page-id-739 .headerwrapper,
body.page-id-557 .headerwrapper{
	background: #c9c5c2;
}

body.page-id-12 .headerwrapper{
	background: #DF4661;
}

#masthead{
	padding: 38px 80px 90px 15px;
	position: relative;
}

#masthead .logo,
#masthead .logo img{
	width: 100%;
	max-width: 180px;
}

/*
#site-navigation,
.menu-mainmenu-container,
#primary-menu{
	display: inline-block;
	width: auto;
}

#site-navigation{
	float: right;
}

#masthead #site-navigation .menu > li.menu-item-111{
	display: none;
}

#masthead .menu > li > a{
	padding: 7px 16px 5px;
	font-size: 16px;
	text-align: center;
}

#masthead .menu > li:last-of-type > a{
	padding-right: 0;
}

#masthead .menu > li:hover > a,
#masthead .menu > li.current-menu-item > a{
	font-weight: bold;
}

#masthead .menu > li.menu-item-22 > a{
	min-width: 150px;
}

#masthead .menu > li.menu-item-23 > a{
	min-width: 80px;
}

#masthead .menu > li.menu-item-24 > a{
	min-width: 98px;
}
*/

#masthead .topinfo{
	font-size: 19px;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

#masthead h1.topinfo{
	font-weight: normal;
	top: 40px;
}

#masthead .claim{
	color: #DF4661;
	text-transform: none;
}

body.page-id-12 #masthead .claim{
	color: #fff;
}

/* content */

#main{
	position: relative;
}

.zindex-top{
	position: relative;
	z-index: 99;
}

.knauthetrenner{
	width: 180px;
	height: 6px;
	background: #002855;
}

.knauthetrenner.rot{
	background: #DF4661;
}

.knauthetrenner.beige{
	background: #C9C5C2;
}

.links-randabfallend .kt-inside-inner-col{
	margin-left: -100vw;
	padding-left: 100vw;
}

.rechts-randabfallend .kt-inside-inner-col{
	margin-right: -100vw;
	padding-right: 100vw;
}

.topminus180{
	margin-top: -180px;
}

.topminus280{
	margin-top: -280px;
}

.topminus360{
	margin-top: -360px;
}

.topminus385{
	margin-top: -385px;
}

#namensliste{
	position: absolute;
	top: 40px;
	right: 0;
}

.zindex9{
	position: relative;
	z-index: 9;
}

#namensliste a,
#namensliste a:visited,
#namensliste a:active,
#namensliste a:focus,
#namensliste a:hover{
	text-align: right;
	font-family: 'Gordita-Black', 'Gordita-Regular', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 32px;
	color: #F0F0F0;
	text-decoration: none;
	display: block;
}

#namensliste a:hover{
	color: #e8e8e8;
}

#namensliste .fixeddiv{
	position: fixed;
	z-index: 12;
	width: 280px;
	-moz-transform: translateX(-305px);
	-webkit-transform: translateX(-305px);
	-o-transform: translateX(-305px);
	transform: translateX(-305px);
}

body.page-id-12 #namensliste .fixeddiv{
	z-index: 12;
}

body.page-id-14 #namensliste .fixeddiv{
	position: absolute;
}

/* start */

body.home h2{
	font-size: 50px;
}

body.home h3{
	font-size: 40px;
}

.homeknauthekreis{
	padding: 20px;
}

.startbild.alignfull{
	width: 96vw;
	position: relative;
	z-index: 9;
	margin-top: -160px;
}

.startbild-inner{
	width: 100%;
	height: 800px;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/*
.startzitat{
	font-weight: bold;
	text-align: center;
	font-size: 27px;
	position: relative;
}
*/

.wp-block-kadence-advancedgallery.startgalerie{
	overflow: visible;
	position: relative;
	z-index: 9;
}

.wp-block-kadence-advancedgallery.startgalerie .kb-gallery-ul{
	margin: 0 calc(50% - 50vw);
	max-width: calc(100vw - 60px);
	width: calc(100vw - 60px);
} 

.zitatkreis{
	font-weight: bold;
	text-align: center;
	font-size: 27px;
	width: 100%;
	height: 490px;
	position: relative;
	top: 0;
	left: 0;
	border: 8px solid #C9C5C2;
	-webkit-border-radius: 300px;
	border-radius: 300px;
}

.zitatkreis .zitatinfo{
	width: 85%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.zitatkreis span{
	display: block;
	padding: 20px;
}

.zitatkreis span.name{
	color: #DF4661;
	font-size: 20px;
}

.startpublikation article{
	position: relative;
	z-index: 99;
}

.startpublikation h3{
	margin-bottom: 22px;
}

.startpublikation h3 a{
	text-decoration: none;
}
 
.startpublikation a.readmore, 
.startpublikation a.readmore:active, 
.startpublikation a.readmore:focus, 
.startpublikation a.readmore:visited, 
.startpublikation a.readmore:hover{
	color: #002249;
}

.wp-block-kadence-column.equalheight .kt-inside-inner-col{
	height: calc(100% - 230px);
}

/* kompetenzen */

.kompetenz{
	margin-bottom: 80px;
	position: relative;
	padding-right: 40px;
}

.kompetenzrow{
	padding-top: 20px;
}

.kompetenzliste ul,
.teamliste ul{
	list-style: none;
	text-align: right;
}

.kompetenzliste ul li,
.teamliste ul li{
	padding-bottom: 8px;
	position: relative;
}

.kompetenz h2{
	font-size: 24px;
	font-weight: bold;
	text-align: right;
}

.kompetenz.nummerhighlight .kompetenznummer,
.kompetenz.ueberschrifthighlight h2,
.kompetenz.beideshighlight .kompetenznummer,
.kompetenz.beideshighlight h2{
	color: #fff;
}

.kompetenz img{
	margin-bottom: 38px;
}

.kompetenztrenner,
.teamtrenner1,
.teamtrenner2{
	width: 100%;
	height: 500px;
	position: relative;
	margin-top: 200px;
}

.teamtrenner2{
	margin-top: 50px;
	height: 420px;
}

.teamtrenner1,
.teamtrenner2{
	margin-bottom: -100px;
}

.kompetenztrenner-bg{
	background-color: #DF4661;
	position: absolute;
	top: 0;
	right: -100vw;
	bottom: 0;
	left: 60px;
}

.teamtrenner1-bg,
.teamtrenner2-bg{
	background-color: #DF4661;
	position: absolute;
	top: 0;
	left: -100vw;
	bottom: 0;
	right: 60px;
}

.teamtrenner2-bg{
	background-color: transparent;
	border: 8px solid #C9C5C2;
}

.kompetenztrenner img,
.teamtrenner1 img{
	width: 100%;
	max-width: 515px;
	position: absolute;
	top: -260px;
	right: 0;
	z-index: 9;
}

.teamtrenner1 img{
	right: auto;
	left: 15%;
}

.teamtrenner1 span,
.teamtrenner2 span{
	position: relative;
	z-index: 9;
	display: block;
	margin: 0 0 0 16%;
	padding: 180px 80px 80px 0;
	text-align: center;
	max-width: 600px;
	color: #C9C5C2;
	font-weight: bold;
	font-size: 24px;
}

.teamtrenner2 span{
	color: #002855;
	font-size: 27px;
}

.teamverlinkungen,
.teamverlinkungen a{
	font-size: 12px;
}

.teamverlinkungen a:hover{
	text-decoration: none;
}

.teamverlinkungen span{
	display: block;
	font-weight: bold;
}

/* team */

.teammitglied{
	padding: 50px 0 100px;
	position: relative;
}

.teamcenterinfo{
	overflow: hidden;
}

.teammitglied h2{
	font-size: 48px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	margin-top: 60px;
	margin-bottom: 40px;
}

.teammitglied .funktion,
.teammitglied .zitat{
	display: table;
	text-align: center;
	margin: 30px auto;
	max-width: 420px;
}

.teammitglied .infowrap{
	position: relative;
}

.teammitglied .kontakt{
	position: absolute;
	left: 15px;
	bottom: -20px;
	font-size: 13px;
}

.teammitglied .ausrichtung .kontakt{
	left: auto;
	right: 15px;
	bottom: -20px;
	text-align: right;
}

.teammitglied.switchposition .columns{
	height: auto !important;
}

.teammitglied.switchposition .kontakt{
	position: inherit;
	left: auto;
	right: auto;
	bottom: auto;
}

.teammitglied .kontakt span{
	display: block;
}

.teammitglied .kontakt .zustaendigkeit{
	margin-bottom: 20px;
}

.teammitglied .teampic:hover,
.kompetenzrow img:hover, 
.karriereheader img:hover{
	cursor: url('images/knauthe_cursor.png'), auto;
}

.gruppenbild{
	position: relative;
	padding-top: 80px;
}

.gruppenbild .gruppenbildbg{
	position: absolute;
	left: calc(50% - 50vw);
	top: 0;
	z-index: -1;
	width: 70vw;
	height: 100%;
	background-color: #002855;
}

.gruppenbild h2{
	color: #fff;
}

.gruppenbild img{
	display: table;
	margin: 80px auto 0;
}

/* karriere */

body.page-id-14 .headerwrapper{
	background-color: #002855;
}

body.page-id-14 h1.topinfo{
	color: #fff;
}

body.page-id-14 button.menu-icon:after{
	background: #fff;
	height: 2px;
	box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}

body.page-id-14 button.menu-icon:hover:after{
	background: #fff;
	box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}

.jobs li{
	border-top: 1px solid #002855;
	padding: 40px 0;
}

.jobs a h2{
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: bold;
	text-decoration: underline;
}

.jobs h3{
	font-size: 18px;
	margin: 60px 0 35px;
}

.jobs .acctoggle{
	color: #DF4661;
	font-size: 18px;
	font-weight: bold;
}

.jobs .accopen,
.jobs .accordion-item.is-active .accclosed{
	display: none;
}

.jobs .accordion-item.is-active .accopen{
	display: block;
}

.jobs .ansprechpartnerbild{
	margin-bottom: 15px;
}

.jobs .ansprechpartnerbild img{
	width: 100px;
	-webkit-border-radius: 200px;
	border-radius: 200px;
}

.jobs span.ansprechpartner{
	font-weight: bold;
	display: block;
	padding-top: 7px;
}

.jobs a.ansprechpartner_email{
	display: block;
}

.jobs a.ansprechpartner_email:hover{
	text-decoration: none;
}

.jobs .download{
	padding-top: 20px;
	padding-bottom: 20px;
}

.jobs .download span{
	font-weight: bold;
}

/* publikationen */

.featuredpost{
	background: #002855;
	color: #fff;
	padding: 80px 50px 40px;
	-moz-transition: box-shadow 500ms ease-out 0s;
	-webkit-transition: -webkit-box-shadow 500ms ease-out 0s;
	-o-transition: box-shadow 500ms ease-out 0s;
	transition: box-shadow 500ms ease-out 0s;
}

.featuredpost:hover{
	-webkit-box-shadow: 0 0 0 6px #df4661;
	box-shadow: 0 0 0 6px #df4661;
}

.featuredpost h2 a{
	color: #fff;
	text-decoration: none;
}

.featuredpost ul.featuredcats,
ul.publikationencats,
ul.singlecats{
	list-style: none;
	margin-left: 0;
}

.featuredpost ul.featuredcats li,
ul.publikationencats li,
ul.singlecats li{
	display: inline-block;
	font-size: 13px;
	padding: 6px 15px 5px;
	border: 1px solid #C9C5C2;
}

.featuredpost ul.featuredcats li:first-of-type,
body.single .autorinfo.featured ul.singlecats li:first-of-type{
	display: none;
}

.featuredpost .teaser{
	display: block;
	margin-top: 30px;
}

a.readmore,
a.readmore:active,
a.readmore:focus,
a.readmore:visited,
a.readmore:hover{
	display: block;
	color: #fff;
	margin-top: 30px;
}

.autorinfo{
	margin-top: 60px;
}

.autorpic{
	width: 100%;
	max-width: 80px;
	-webkit-border-radius: 300px;
	border-radius: 300px;
	margin-bottom: 20px;
}

.autorinfo .autorname{
	white-space: nowrap;
	font-size: 14px;
	display: block;
	padding-top: 30px;
}

.autorinfo .postdate{
	display: block;
	padding-top: 30px;
	text-align: right;
	font-size: 14px;
}

.autoren{
	padding-top: 200px;
	text-align: right;
}

.autoren h3{
	margin-bottom: 30px;
}

.autoren ul{
	list-style: none;
}

#search-filter-form-565{
	margin-top: 100px;
}

#search-filter-form-565 ul{
	margin-left: 0;
}

#search-filter-form-565 li{
	display: inline-block;
}

#search-filter-form-565 li input{
	display: none;
}

#search-filter-form-565 li label{
	font-size: 13px;
	padding: 6px 15px 5px;
	border: 1px solid #DF4661;
	color: #DF4661;
	margin: 0 10px 0 0;
}

#search-filter-form-565 li.sf-option-active label,
#search-filter-form-565 li.sf-level-0:hover label{
	background-color: #DF4661;
	color: #fff;
}

#search-filter-results-565{
	padding-top: 30px;
	margin-bottom: 50px;
}

.publikationen a{
	text-decoration: none;
	display: block;
	padding: 40px 30px 120px;
	position: relative;
	-moz-transition: box-shadow 500ms ease-out 0s;
	-webkit-transition: -webkit-box-shadow 500ms ease-out 0s;
	-o-transition: box-shadow 500ms ease-out 0s;
	transition: box-shadow 500ms ease-out 0s;
}

.publikationen.rot a{
	background-color: #DF4661;
	color: #fff;
}

.publikationen.rot a:hover{
	-webkit-box-shadow: 0 0 0 6px #002855;
	box-shadow: 0 0 0 6px #002855;
}

.publikationen.blau a{
	background-color: #002855;
	color: #fff;
}

.publikationen.blau a:hover{
	-webkit-box-shadow: 0 0 0 6px #DF4661;
	box-shadow: 0 0 0 6px #DF4661;
}

.publikationen.beige a{
	background-color: #C9C5C2;
}

.publikationen.beige a:hover{
	-webkit-box-shadow: 0 0 0 6px #DF4661;
	box-shadow: 0 0 0 6px #DF4661;
}

.publikationen.weiss a:hover{
	-webkit-box-shadow: 0 0 0 6px #002855;
	box-shadow: 0 0 0 6px #002855;
}

.publikationen h2{
	font-size: 22px;
}

.publikationen .autorinfo{
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 10px;
}

.publikationen .autorname{
	white-space: normal;
}

.publikationen .postdate{
	display: block;
	margin: 30px 0 40px;
}

ul.publikationencats li{
	margin-bottom: 6px;
	color: #C9C5C2;
}

.publikationen.weiss ul.publikationencats li,
.publikationen.beige ul.publikationencats li{
	border-color: #DF4661;
	color: #DF4661;
}

#search-filter-results-565 .pagination a{
	color: #DF4661;
	font-weight: bold;
	display: inline;
	float: left;
}

#search-filter-results-565 .pagination .nav-next a{
	float: right;
}

#search-filter-results-565 .pagination a:hover{
	background-color: transparent;
}

/* single */

.publikationenlogo{
	max-width: 90px;
	float: right;
	margin-bottom: 20px;
}

body.single article{
	padding: 30px 0 100px;
}

body.single h1.entry-title{
	font-size: 30px;
}

body.single .entry-content h2{
	font-size: 20px;
	margin-bottom: 20px;
}

body.single em{
	font-size: 20px;
	line-height: 1;
}

body.single ul.singlecats li{
	color: #DF4661;
	border-color: #DF4661;
}

body.single .autorinfo{
	margin-top: 200px;
}

body.single .autorinfo .autorname{
	padding-top: 0;
	font-weight: bold;
	white-space: normal;
}

body.single .autorinfo .postdate{
	text-align: left;
	margin-bottom: 20px;
	font-weight: bold;
}

.autorinfo .autoremail,
.autorinfo .autorfunktion{
	font-size: 14px;
	display: block;
}

.singleinfo{
	position: relative;
	padding-bottom: 150px;
}

a.singleback,
a.singleback:hover,
a.singleback:active,
a.singleback:visited,
a.singleback:focus{
	position: absolute;
	left: 15px;
	bottom: 120px;
	color: #DF4661;
	padding-left: 30px;
	background: url('images/back.svg') left center no-repeat;
	background-size: 15px 15px;
}

/* kontakt */

body .gform_wrapper h3.gform_title{
	font-weight: normal;
}

body .gform_wrapper label.gfield_label{
	font-weight: normal;
}

.gform_wrapper input[type="submit"]{
	background: #002855;
	border: none;
	color: #fff;
	font-weight: bold;
}

.gform_wrapper input[type="submit"]:hover{
	background: #DF4661;
}

/* footer */

#colophon{
	background-color: #002855;
	padding: 140px 0 60px 0;
	color: #fff;
	position: relative;
	z-index: 99;
}

#colophon .footer_logo{
	margin-bottom: 30px;
}

#colophon .footer_logo img{
	width: 100%;
	max-width: 274px;
}

#colophon .footer_adresse{
	margin-bottom: 40px;
}

#colophon .footer_telefonusw{
	margin-bottom: 80px;
}

#colophon .footer_telefonusw a{
	text-decoration: none;
}

#colophon .footer_telefonusw a:hover{
	text-decoration: underline;
}

#colophon .footer_telefonusw .claimcolumn{
	position: relative;
}

#colophon .footer_telefonusw .claimcolumn .claim{
	position: absolute;
	right: 15px;
	bottom: 17px;
	color: #DF4661;
	font-size: 28px;
}

#colophon a,
#colophon a:visited,
#colophon a:active,
#colophon a:focus{
	color: #fff;
}

#colophon .menu > li > a{
	padding: 4px 30px 0 0;
}

#colophon .copyright{
	color: #C1B7B2;
	text-align: right;
}

#topbutton {
  position: fixed;
  display: none;
  height: 40px;
  width: 40px;
  line-height: 40px;
  right: 15px;
  bottom: 15px;
  z-index: 99;
  background: url('images/backtotop.svg') center center no-repeat;
  background-size: 40px 40px;
  border-radius: 2px;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
}

/* Gutenberg */

.wp-block-embed {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    height: auto;
    padding-bottom: 56.25%;
}

.wp-block-embed iframe,
.wp-block-embed object,
.wp-block-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.alignfull .kt-row-column-wrap .kt-row-column-wrap{
	padding-left: 0;
	padding-right: 0;
}

/* blocks */

h3.wwaueberschrift{
	font-family: 'Athelas-Italic', 'Gordita-Regular', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 0;
}

h3.wwaueberschrift span{
	font-family: 'Gordita-LightItalic', 'Gordita-Regular', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-size: 40px;
	color: #DF4661;
	margin-right: 60px;
}

/* error404 */

.error-404{
	min-height: 420px;
}

/* animations */
/* https://animista.net/ */

.homeknauthekreis img{
	opacity: 0;
}

.homeknauthekreis.animated img {
	-webkit-animation: flip-vertical-right 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: flip-vertical-right 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@-webkit-keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
            opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
            opacity: 1;
  }
}
@keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
            opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
            opacity: 1;
  }
}

/*  */

.slide-right,
.slide-right-inner .kt-inside-inner-col{
	-webkit-transform: translateX(-75px);
            transform: translateX(-75px);
            opacity: 0;
}

.slide-right,
.slide-right-inner.animated .kt-inside-inner-col {
	-webkit-animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-75px);
            transform: translateX(-75px);
            opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-75px);
            transform: translateX(-75px);
            opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
  }
}

/*  */

.slide-left{
	-webkit-transform: translateX(-75px);
            transform: translateX(-75px);
            opacity: 0;
}

.slide-left.animated {
	-webkit-animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(75px);
            transform: translateX(75px);
            opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(75px);
            transform: translateX(75px);
            opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
  }
}

/*  */

.slide-top{
	-webkit-transform: translateY(-75px);
            transform: translateY(-75px);
            opacity: 0;
}

.slide-top.animated {
	-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(-75px);
            transform: translateY(-75px);
            opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(-75px);
            transform: translateY(-75px);
            opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
  }
}

/*  */

.slide-bottom{
	-webkit-transform: translateY(75px);
            transform: translateY(75px);
            opacity: 0;
}

.slide-bottom.animated {
	-webkit-animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(75px);
            transform: translateY(75px);
            opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(75px);
            transform: translateY(75px);
            opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
  }
}

/*  */

.slide-opacity{;
            opacity: 0;
}

.slide-opacity.animated {
	-webkit-animation: slide-opacity 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-opacity 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-opacity {
  0% {
            opacity: 0;
  }
  100% {
            opacity: 1;
  }
}
@keyframes slide-opacity {
  0% {
            opacity: 0;
  }
  100% {
            opacity: 1;
  }
}

/*  */



/* media queries */

@media screen and (max-width: 1023px){
	
	#colophon .copyright{
		text-align: left;
		margin-top: 20px;
	}
	
	body.home h2{
		font-size: 30px;
	}
	
	body.home h3{
		font-size: 25px;
	}
	
	.startbild-inner{
		height: 600px;
	}
	
	.zitatkreis{
		font-size: 18px;
	}
	
	.autorinfo .postdate{
		text-align: left;
		padding-top: 20px;
	}
	
	.teammitglied h2{
		font-size: 30px;
	}
	
	.featuredpost .autorinfo .autorname{
		padding-top: 0;
	}
	
}

/*
@media screen and (max-width: 880px){
	
	#masthead .claim{
		display: none;
	}

}
*/

@media screen and (max-width: 820px){
	
	#colophon .footer_telefonusw .claimcolumn .claim{
		position: initial;
	}
		
}

@media screen and (max-width: 767px){
	
	button.menu-icon{
		right: 30px;
	}
	
	#masthead h1.topinfo,
	#masthead span.topinfo{
		display: block;
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		margin: 10px 0 0 -2px;
	}
	
	#namensliste{
		display: none;
	}
	
	h3.wwaueberschrift{
		margin-bottom: 10px;
	}
	
	h3.wwaueberschrift span{
		margin-right: 0;
		display: block;
	}
	
	.mobilenodisplay{
		display: none;
	}
	
	body.home h2{
		font-size: 28px;
	}
	
	body.home h3{
		font-size: 20px;
	}
	
	.topminus280,
	.topminus360,
	.topminus385{
		margin-top: 0;
	}
	
	.homeblaukastenmobiletopminus{
		margin-top: -280px;
	}
	
	.startbild-inner{
		height: 400px;
	}
	
	.startbild.alignfull{
		margin-top: 0;
	}
	
/*
	div.startfullheight{
	min-height: auto;
	}
	
	div.startfullheight:after{
		width: 180px;
		height: 180px;
		background-image: url('images/knauthe_emblem_rot.png');
		background-size: 180px 180px;
		position: fixed;
		left: auto;
		bottom: -30px;
		z-index: 15;
	}
*/
	
	.kompetenz{
		margin-bottom: 0;
		padding-right: 0;
	}
	
	.kompetenzrow{
		margin-top: 0 !important;
	}
	
	.kompetenztrenner{
		height: 400px;
	}
	
	.kompetenztrenner img{
		top: -180px;
	}
	
	.kompetenz.nummerhighlight .kompetenznummer,
	.kompetenz.ueberschrifthighlight h2,
	.kompetenz.beideshighlight .kompetenznummer,
	.kompetenz.beideshighlight h2{
		color: inherit;
	}
	
	.gruppenbild h2{
		font-size: 24px;
	}
	
	.gruppenbild .gruppenbildbg{
		width: 80vw;
	}
	
	/* animation */
	
	.slide-bottom{
	-webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 0;
	}
	
	@-webkit-keyframes slide-bottom {
	  0% {
	            opacity: 0;
	  }
	  100% {
	            opacity: 1;
	  }
	}
	@keyframes slide-bottom {
	  0% {
	            opacity: 0;
	  }
	  100% {
	            opacity: 1;
	  }
	}
	
}

@media screen and (max-width: 639px){
	
	#masthead{
		padding-top: 15px;
	}
	
	button.menu-icon{
		top: 19px;
	}
	
	.teammitglied{
		padding: 30px 0 20px;
	}
	
	.teammitglied .kontakt,
	.teammitglied .ausrichtung .kontakt{
		position: inherit;
		text-align: center;
		left: 0;
	}
	
	.teamtrenner1{
		margin-top: 300px;
	}
	
	.teamtrenner2 span{
		padding-top: 110px;
	}
	
	.teamtrenner1 span,
	.teamtrenner2 span{
		font-size: 18px;
		margin: 0;
	}
	
	body.single .autorinfo{
		margin-top: 0;
	}
	
	.autoren{
		padding-top: 40px;
		text-align: center;
	}
	
	#search-filter-form-565{
		margin-top: 10px;
	}
	
	body.single article{
		padding-bottom: 30px;
	}
	
	.featuredpost h2{
		font-size: 24px;
	}
		
}

@media screen and (max-width: 519px){
	
	#colophon .copyright{
		font-size: 12px;
	}
	
	#colophon .menu > li{
		display: block;
	}
	
	#colophon .menu > li > a{
		padding: 6px 0;
	}
	
}