/* @override https://awo-oberlausitz.de/wp/wp-content/themes/awool/style.css */


/*
Theme Name: AWO OBERLAUSITZ 2020
Theme URI:
Description:
Version: 1.0
Author: PD
Author URI:
Tags:
*/


@import url("css/columns.css");



/*	RESET
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%;height:auto;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

input, select {vertical-align: middle;}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
input:focus, textarea:focus, select:focus { outline: none;}

input { /* remove top input shadow */
-webkit-appearance: none;
-moz-appearance: none;
}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0; border-radius: 0; font-family: inherit;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; height: 0px; overflow: hidden;}
.clr:after { content: ""; display: table; clear: both;}
.cf:after {	content: ""; display: table; clear: both; }

/* prevent flickering on touch */
* {
	-webkit-tap-highlight-color:transparent;
}

/* natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }
 
 /* subscript and superscript */
sub { vertical-align: sub; font-size: 70%; line-height: 0; }
sup { vertical-align: super; font-size: 70%; line-height: 0; }



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

/*

blau			#0075BC		rgba(0, 117, 188, 1)
hellblau		#0090D4		rgba(0, 144, 212, 1)
dunkelblau	#00588A

hellblau	 2	#E5F1F8
gelb			#FECC01
hellgelb		#FDF6DD

LINK		#0075BC

*/

:root {
	--awool-yellow: #FECC01;
	--awool-blue: #0075BC;
	--awool-lightblue: #0090D4;
	--awool-bgblue: #E5F1F8;

	--text-color: #333;
	--link-color: #0075BC;
	--link-color-hover: #00588A;
	--font-family: myriad-pro, sans-serif;
	--container-width: 1200px;
	--main-width: 820px;
	--block-mb: 2.2rem;
	--text-mb: 1.8rem;
 }


/* FRESH START */

html, body {
	height: 100%;
	font-family: myriad-pro, sans-serif;
	font-size: 19px;
	 -webkit-text-size-adjust: 100%;
}

body {
	height: 100%;
	line-height: 1.5;
	color: #333;
	background: #FFFDF8;
	background: #FFF;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	position: relative;
	color: #0075BC;
	text-decoration: none;
}

a, input {
	transition: all 200ms ease;
}

a:visited {
	color: #0075BC;
}

a:active {
	color: #0075BC;
}

a:hover {
	color: #00588A;
	text-decoration: underline;
}


a.anchor { /*offset anchor links / fixed header */
    display: block;
    position: relative;
    top: 0; /*offset */
    visibility: hidden;
	background: red;
	height: 1px;
	AUS_margin-bottom: calc(-1 * var(--block-mb));
	
}


article > *:first-child,
.main > *:first-child {
	margin-top: 0;
}

h1,h2,h3,h4 {
	color: #0075BC;
	color: var(--awool-blue);
	margin: 0 0 var(--block-mb) 0;
}

h1,
.h1 {
	font-weight: normal;
	font-size: 46px;
	font-size: 2.5rem;
	line-height: 1.2;
	margin: 0 0 3.0rem 0;
	letter-spacing: -0.3px;
}

h1 strong,
h1 b {
	font-weight: normal;
}


h2 {
	font-size: 28px;
	font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: var(--text-mb);
}

h3 {
	font-size: 22px;
	font-size: 1.15rem;
	margin-bottom: var(--text-mb);
}

h4 {
	font-size: 0.9rem;
	color:  #999;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: var(--text-mb);
}


p {
	margin: 0 0 var(--text-mb) 0;
}

p + p  {
	AUS_margin-top: -0.8rem;
}


hr {
	position: relative;
	display: block;
	height: 1px;
	border: 0;
	background: transparent;
	border-bottom: 2px solid #E7E7E7;
	margin: 2.5rem 0;
}

a:hover img {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
}


/* BASIC
---------------------------------------------------------------------------------*/

.page-wrap {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: hidden;
	/*sticky footer*/
	display: flex;
	flex-direction: column;
	background: #FFFDF8;

}

.container,
.container-fluid {
	position: relative;
	max-width: 1200px; /*1140*/
	margin: 0 auto;
	padding: 0 30px;
}

.container:before,
.container:after {
	content: "";
	display: table;
	clear: both;
}


.container-fluid {
	max-width: none;
	width: 100%;
	padding: 0;
}



/* HEADER
---------------------------------------------------------------------------------*/

#header {
	background: #FFF;
}


#header .inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 20px 0 10px 0;
}


#header .logo {
	flex: 1 1 auto;
	max-width: 230px;
    transition: all 0.3s;
}


#header .logo a {
	display: block;
	height: 100%;

}

#header .logo img {
	display: block;
	width: 100%;
	height: auto;
}




/* --- Search --- */


.site-search  {
	display: none; /* js toggle*/
	padding: 3rem;
	background: var(--awool-blue);
	background: #E5F1F8;
}


.site-search i {
	display: none;
}

.slicknav_menu.open .site-search {
	display: block;
}


.site-search form {
	margin: 0 auto;
	position: relative;
	max-width: 600px;
	display: flex;
	overflow: hidden;
	border-radius: 1px;
}

.site-search input {
	transition: background 200ms ease;
}

.site-search input.s {
	flex: 1 1 auto;
	height: 60px;
	padding: 10px;
	padding-left: 10px;
	background: #FFF;
	font-size: 1.0rem!important;
	line-height: 100%;
	border:  none;

}

.site-search input.searchsubmit {
	flex: 0 0 auto;
	border: none;
	padding: 0 25px;
	font-weight: 700;
	font-size: 0.8rem;
	line-height: 60px;
	text-transform: uppercase;
	overflow: hidden;
	height: 60px;
	z-index: 1;
	color: #FFF;
	background: var(--awool-blue);
}

.site-search input.searchsubmit:hover {
	background: var(--link-color-hover);
}

.searchform input:required {
  box-shadow: none;
  border-color: transparent;
}




/* NAV
---------------------------------------------------------------------------------*/


/* Accessbar */

.accessbar {
	position: absolute;
	top: 0;
	right: 30px;
	display: flex;
	align-items: center;
	background: #E5F1F8;
}

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

.hotline {
	overflow: hidden;
	position: relative;
	border-right: 2px solid #FFF;
}

.hotline::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	box-shadow: 0px 0px 10px rgba(0,0,0, .3);
	background: transparent;
	transition: all 300ms ease;
	opacity: 0;
}

.search-open .hotline::after {
	opacity: 1;
}

.hotline a {
	padding: 15px 20px;
	font-size: 0.9rem;
	letter-spacing: 0.3px;
	font-weight: bold;
	line-height: 100%;
	display: inline-flex;
}

.hotline a:hover {
	color: var(--link-color);
}

.hotline span {
	padding: 1px 0 0 0;
}

.hotline i {
	display: inline-block;
	margin: 0 5px 0 0;
	font-size: 1.2rem;
}

.search-trigger {
	border: none;
	margin: 0;
	padding: 12px;
	background: transparent;
}

.search-trigger i {
	color: var(--link-color);
	font-size: 1.4rem;
}

.search-trigger:hover i{
	color: var(--link-color);
}

.search-trigger.open {
}

.search-trigger.open i {
}



/* Menu 1 */


#nav1 {
	flex: 0 0 auto;
	padding-left: 1.0rem;
	margin-bottom: -3px; /*finetuning*/
}


#nav1 ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
}

#nav1 li {
	flex: 1 1 auto;
	position: relative;
	display: inline-block;
	padding: 0 15px;
	line-height: 1;
}

#nav1 > ul > li:last-child {
	padding-right: 0;
	border-right: none;
}

#nav1 li a {
	position: relative;
	display: block;
	margin: 0;
	font-size: 17px;
	line-height: 1.5;
	text-transform: uppercase;
	padding: 0rem 0rem;
	letter-spacing: 0.3px;
}

#nav1 li:last-child a {
	border-right: none;
}

#nav1 li a span::after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 0;
	width: 100%;
	height: 2px;
	transition: all 150ms ease-in-out;
	opacity: 0.0;
	background: var(--awool-yellow);
	z-index: 50;
}

#nav1 li a:hover {
}


#nav1 li a:hover span::after {
	bottom: -3px;
	opacity: 1;
}


#nav1 > ul li.menu-item-has-children {
	position: relative;
}

#nav1 ul li:hover > a {
}

#nav1 ul li.current-menu-item > a {
}

#nav1 ul li a:hover {
	text-decoration: none;
}

#nav1 li.menu-item-has-children.active > a span::after {
	bottom: -3px;
	opacity: 1;
}



#nav1 li.current_page_parent a:hover,
#nav1 li.current_page_parent:hover a,
#nav1 li.current_page_item:hover a {
}


#nav1 li.highlight a {
	background: var(--awool-blue);
	color: #FFF;
	padding: 7px 15px;
	font-size: 14px;
	font-weight: bold;
	transition: all 350ms ease;

}

#nav1 li.highlight > a:hover {
		background: var(--link-color-hover);
}

#nav1 li.highlight a span::after  {
	display: none;
}

#nav1 li.highlight .current-menu-item a {
	opacity: .6;
}


#nav1 ul ul {
	display: none; /*js toggle*/
	position: absolute;
	float: none;
	top: 100%;
	margin-top: 0;
	text-align: left;
	left: -5px;

	padding: 15px 0 20px 5px;

	z-index: 20;
	background: #FFF;
	box-shadow: 1px 10px 16px -5px rgba(0,0,0, .15);

	min-width: 14rem;

	/*
	opacity: 0;
	visibility: hidden;
	*/
}

/* align last menu item to the right to avoid off screen position*/

#nav1 li:last-child ul {
	left: auto;
	right: 0;
}

#nav1 li li {
	display: block;
	float: none;
	border: none;
}


#nav1 li li a {
	position: relative;
	height: auto;
	display: block;
	font-weight: normal;
	text-transform: none;
	padding: 6px 0;
	transition: all 300ms ease;
}

#nav1 li li a:hover {
	text-decoration: underline;
}


#nav1 li li a span {
	position: inherit;
}

#nav1 li li a span::after {
	height: 1px;
	background: var(--link-color-hover);
	bottom: -5px;
	transition: all 250ms ease;
	display: none; /*AUS*/
}


/* submenu for 'highlight' parents */

#nav1 ul li.highlight ul {
	background: var(--awool-blue);
}






/* Menu 2 */

#nav2 {
	margin-bottom: 10px;
	background: #FFF;
}

#nav2 ul {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
}


#nav2 li {
	flex: 1 1 auto;
	display: flex;
	border: 0px solid #999;
}


#nav2 li i {	 /*divider*/
	flex: 1 0 auto;
	position: relative;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	AUS_background: cyan;
}

#nav2 li i::after {
	content: "";
	position: relative;
	height: 40%;
	width: 1px;
	background: RED;
	background: #E7E7E7;
}

#nav2 li:last-child {
	flex: 0 1 auto;
}

#nav2 li:last-child i {
	display: none;
}


#nav2 li a {
	flex: 0 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1.1rem 0px;
	font-size: 17px;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	font-weight: 700;
	text-align: center;
	color: var(--awool-blue);
}


#nav2 li:nth-child(2) {  /* temp AUS*/
	AUS_display: none;
}

#nav2 li:nth-child(3) {
	AUS_display: none;
}

#nav2 li li i::before {
	display: none;
}

#nav2 li a span {
	position: relative;
	transition: all 200ms ease;
	AUS_background: rgba(0,0,0, .1);
}

#nav2 li a span::after { /*hover effect*/
	content: "";
	position: absolute;
	bottom: -9px;
	left: 0;
	width: 100%;
	height: 2px;
	transition: all 150ms ease-in-out;
	opacity: 0;
	background: var(--awool-yellow);
}

#nav2 li a:hover span::after {
	opacity: 1;
	bottom: -5px;
}

#nav2 li a:hover span {
	border-color: var(--awool-yellow);
}

#nav2 ul li.active > a span::after,
#nav2 ul li.current-menu-parent > a span::after {
	bottom: -5px;
	width: 100%;
	height: 2px;
	opacity: 1;
}

#nav2 li.current-menu-item a {
}


#nav2 li:first-child a {
	border-left: 1px solid rgba(255,255,255, 1);
}

#nav2 li a:hover {
	text-decoration: none;
	background: transparent;
}

#nav2 ul ul {
	display: none; /*js toggle*/
	position: absolute;
	top: 100%;
	left: auto;
	margin-top: 0;
	margin-left: -1rem;
	padding: 1rem;
	padding-top: 0.5rem;

	z-index: 20;

	background: #FFF;
	box-shadow: 0px 10px 16px -5px rgba(0,0,0, .15);

	min-width: 17rem;
    -webkit-font-smoothing: subpixel-antialiased;;
}

#nav2 ul .megamenu ul {
	left: -1rem;
	margin-left: 0;
}


#nav2 ul ul:after { /*top border abdecker*/
	content: "";
	position: absolute;
	top: 0.5rem;
	left: 0;
	width: 100%;
	height: 5px;
	margin-top: -1px;
	background: #FFF;
}


/* align last menu item to the right to avoid off screen position*/

#nav2 li:last-child ul {
	left: auto;
	right: 0;
}


#nav2 li li {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;

	AUS_overflow: hidden; /*bug in Safari */
	break-inside: avoid; /* IE 10+ */
	-webkit-column-break-inside: avoid;
	break-inside: avoid-column;

    -moz-column-fill: auto;
   column-fill: auto;
}

#nav2 li li a {
	text-align: left;
	text-transform: none;
	font-weight: normal;
	font-size: 0.85rem;
	line-height: 140%;
	padding: 0.7rem 0;
	border: none;
	display: block;
	border-left: none!important;
	border-top: 1px solid #E7E7E7;
	color: var(--awool-blue);
}

#nav2 li li a:hover {
	AUS_color: var(--link-color-hover);
	text-decoration: underline;
}


#nav2 li li:last-child a {
	border-bottom: none;
}

#nav2 li li a span::after {
	bottom: -5px;
	transition: all 200ms ease;
}

#nav2 li li a:hover span:after {
	bottom: -2px;
	opacity: 0; /*AUS*/
}

#nav2 .megamenu ul {
	min-width: 100%;
	left: -1rem;
	right: -1rem;
  	-webkit-column-count: 3;
  	   -moz-column-count: 3;
  	        column-count: 3;
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
}

.megamenu {
}

/* CONTENT
---------------------------------------------------------------------------------*/

#content {
	position: relative;
	flex: 1 0 auto; /*sticky footer*/
}

#content:after { /*gentle body gradient*/
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30vw;
	z-index: 0;
	opacity: .5;

	background: -moz-linear-gradient(top,  rgba(243,241,238,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(243,241,238,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(243,241,238,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f1ee', endColorstr='#00ffffff',GradientType=0 );
}


img {
    transition: all 250ms ease;
}


main {
	position: relative;
	z-index: 1;
	display: block; /*IE*/
	padding: 0 0 5rem 0;
}



.main {
	max-width: 820px;
	max-width: var(--main-width);
}


/* WP core styles */

.alignnone {

}

.aligncenter,div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
	margin: 5px 1.4rem 1.4rem 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 1.4rem 1.4rem;
}

img.alignnone,
a img.alignnone {
	margin: 0;
	padding: 0;
}

a img.alignleft {
	float: left;
	margin: 5px 1.4rem 1.4rem 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text {
	font-size: 0.85rem;
	line-height: 140%;
	color: #888;
	padding: 10px 0 0 0;
}

figure.wp-caption  {
	display: table;
	max-width: 100%;
	margin-bottom: var(--block-mb);
}

figure.wp-caption figcaption {
	display: table-caption;
	caption-side: bottom ;
}

figure.wp-caption img {
	display: block;
}


.sticky {
}

a.post-edit-link {
	position: relative;
	display: inline-block;
	margin: 0 0 15px 0;
	font-size: 10px;
	line-height: 11px;
	padding: 8px 12px;
	text-transform: uppercase;
	background: #0073AA;
	color: #FFF;
	border-radius: 2px;
	align-self: flex-start;
}

.link-icon,
.download-icon {
	position: relative;
	display: inline-block;
	margin: 0 0px 0 0;
	font-weight: 700;
}

p > span.link-icon {
	margin-bottom: 0;
}

.link-icon:before {
	content: "\e803";
	font-family: 'icons';
	font-size: 130%;
	font-weight: normal;
	color: var(--link-color);
	margin: 0;
	display: inline-block;
	line-height: 1;
	vertical-align: text-top;
}

.download-icon:before {
	content: "\e814";
	font-family: 'icons';
	font-size: 130%;
	font-weight: normal;
	color: var(--link-color);
	margin: 0 5px 0 0;
	display: inline-block;
	line-height: 1;
	vertical-align: text-top;
}


i { /* IE */
	font-family: 'icons';
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Lists */

.main ul,
.main ol {
	margin: 0 0 var(--text-mb) 0;
}

.main ul {
	padding-left: 1.2rem;
	list-style-type: none;
}

.main li {
	position: relative;
	margin: 0 0 8px 0;
}

.main ul li::before {
	position: absolute;
	content: "•";
	margin: -0.3rem 0 0 -1.0rem;
	color: #0075BC;
	font-size: 125%;
	border-radius: 50%;

}

.main ol {
	padding-left: 22px;
}

/* Shortcodes */

.text-large {
	font-size: 1.2rem;
	line-height: 1.6;
	font-weight: normal;
}

.text-small {
	font-size: 11px;
	font-size: 0.8em;
	line-height: 150%;
	margin-bottom: var(--block-mb);
}

.textZitat {
	position: relative;
	margin: var(--block-mb) 0;
	font-style: normal;
	font-size: 120%;
	line-height: 1.5;
	color: var(--awool-blue);
	margin-left: auto;
	margin-right: auto;
	max-width: 650px;
	padding-left: 1rem;
}

.textZitat strong {
	font-weight: normal;
}


.textZitat p:last-of-type {
	margin-bottom: 0;
}

.textZitat .cite {
	font-size: 0.85rem;
	font-style: normal;
	font-weight: normal;
	display: block;
	margin: 10px 0 0 0;
	color: #999;
}

.box {
	padding: 1.5rem;
	margin: 0 0 var(--block-mb) 0;
	border-radius: 0;
	border: 2px solid #E7E7E7;
	line-height: 150%;
	font-size: 0.95rem;
}

.box-important {
	border-color: red;
}

.box-gelb {
	background: #FCEDB8;
	border:  none;
}

.box p:last-child,
.box ul:last-child,
.box ul:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}


.wide {
	margin-left: calc(15% - 15vw);
	margin-right: calc(15% - 15vw);
	width: auto;
	max-width: 1000%;
}

i.icon {
	font-weight: normal!important;
	display: inline-block;
	margin: 0;
	color: var(--awool-blue);
	
	position: relative;
	width: 1rem;
	height: 1rem;
	margin-left: 0;
	margin-right: 0.5rem;
	vertical-align: middle;
}

i.icon::before {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.icon.download {
	font-size: 130%;
}

.icon.download::before {
	margin-top: -3px; /*adjust*/
}

.icon.bullet {
	font-size: 130%;
	margin-right: 0.3rem;
}



.main .list-style.download ul,
.main .list-style.download ul li {
	padding-left: 0;
}

.main .list-style.download ul li {
	padding: 0.8rem 0;
	padding-left: 1.8rem;
	margin: 0;
	border-bottom: 1px solid #DDD;
}

.main .list-style.download ul li:first-child {
	padding-top: 0;
}

.main .list-style.download ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.main .list-style.download ul li:before {
	content: "\e814";
	font-family: 'icons';
	font-weight: normal;
	display: inline-block;
	color: var(--awool-blue);
	margin-left: -1.8rem;
	border-radius: 0;
	padding-top: 3px;
}


.main .list-style.check ul,
.main .list-style.check ul li {
	padding-left: 0;
}

.main .list-style.check ul li {
	padding-left: 1.8rem;
}

.main .list-style.check ul li:before {
	content: "\e80e";
	font-family: 'icons';
	font-weight: normal;
	display: inline-block;
	color: var(--awool-blue);
	margin-left: -1.8rem;
	border-radius: 0;
	padding-top: 2px;
}




/* Kurzinfo / Zusammenfassung */


.summary {
	margin: var(--block-mb) 0;
	padding: 1.5rem;
	background: var(--awool-bgblue);
}

.summary-item {
	display: flex;
	margin:  0 0 1.5rem 0;
	border-bottom: 1px solid rgba(0,0,0, .2);
}

.summary-item p,
.summary-item ul,
.summary-item ol {
	margin-bottom: 1.5rem;
}


.summary-item:first-child {
}

.summary-item:last-child {
	border-bottom: none;
	margin-bottom: 0.1rem;
}


.summary-item-title {
	flex: 0 0 auto;
	width: 25%;
	padding-right: 1rem;
	font-weight: bold;
}

.summary-item-content {
	flex: 1;
}

.summary-item:last-child .summary-item-content *:last-child {
	margin-bottom: 0;
}

/* Personen */

.sc-personen {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: var(--block-mb);
}

.sc-person {
	flex: 1 0 auto;
	max-width: 32%;
	padding: 0 15px;
	margin: 0 0 var(--block-mb);
	font-size: 0.95rem;

}

.sc-person-image {
}

.sc-person img {
	display: block;
	width: 100%;
	margin: 0 0 0.8rem 0;
}

/* Kontaktbox */

.kontaktbox {
	margin: 0.5rem 0;
	display: flex;
	position: relative;
	margin-bottom: 1.8rem;
}

.kontaktbox + .kontaktbox {
}

.kontaktbox-image {
	flex: 1 0 auto;
	max-width: 33%;
	padding-right: 30px;
	margin: 0.1rem 0 0 0;

}

.kontaktbox-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 0 0.8rem 0;
}

.kontaktbox-image strong {
	display: block;
}


.kontaktbox-content {
	flex: 1 1 auto;
	width: auto;
	max-width: 100%;
}

.kontaktbox-content p:last-child {
	margin-bottom: 0;
}






/* Shortcode Columns */

.sc-col {
	float:left;
	margin-right: 4%;
	margin-bottom: 0;
	position:relative;
	background: rgba(1,222,1, .2);
	background-color: transparent;
}

.last {
	margin-right:0 !important;
}

.one-half {
	width:48%;
}


/* AUFKLAPPER */

.accordion {
	margin: 0 0 var(--block-mb) 0;
}

.accordion-item {
	position: relative;
	AUS_overflow: hidden;
	border: 0px solid #333;
	margin-bottom: 2px;
}

.accordion-item:last-child {
}

.accordion-item:first-of-type {
	margin-top: 0;
}

.accordion-heading {
	margin: 0;
	padding: 0;
	border: none;
	text-transform: none;
}

.accordion-trigger {
	display: block;
	position: relative;
	border: none;
	text-align: left;
	width: 100%;
	padding: 1.2rem 1.5rem;
	padding-right: 3.5rem;
	font-size: 0.95rem;
	line-height: 140%;
	color: var(--link-color);
	background: #E5F1F8;
	font-weight: bold;
    outline-offset: -5px;
	transition: all 300ms ease;
	outline: none;
}

.accordion-trigger:hover {
	text-decoration: none;
}

.accordion-trigger.active {
	AUS_box-shadow: 0px 10px 15px -15px rgba(0,0,0, .2);
}


.accordion-trigger:hover,
.accordion-trigger:hover i {
	color: var(--link-color-hover);
}

.accordion-trigger:hover i {
	text-decoration: none;
}

.accordion-trigger i:after {
	position: absolute;
	top: 1.1rem;
	right: 1.5rem;
	margin: 0;
	content: "\e809";
	display: block;
	line-height: 1;
	border-radius:0;
	font-family: 'icons';
	font-size: 1.8rem;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	transition: all 250ms ease-in-out;
}

 .accordion-trigger.active i:after {
	transform: rotate(180deg);
    transform-origin: center center;
	margin-top: -0.15rem;
}

.accordion-content {
	position: relative;
	padding: 1.5rem;
	padding-left: 1.3rem;
	padding-bottom: 1rem;
	border-top: none;
	font-size: 0.95rem;
	AUS_padding-right: 1.5rem;
	AUS_background: rgba(0,0,0, .03);
	AUS_background: var(--awool-bgblue);
}

.accordion-content table {
	background: #FFF;
	background: #FFFDF8;

}

.accordion-item:last-child .accordion-content {
	border-bottom: 2px solid var(--awool-bgblue);
}


/* table variants (shortcodes) */

.table-blauweiss table {
	background: #FFF;
	font-size: 95%;
	width: 100%;
}

.table-blauweiss table thead td, 
.table-blauweiss table thead tr td {
	background: #FFF;
}

.table-blauweiss table tr td:first-of-type {
	color: #0073BA;
	background: var(--awool-bgblue);
}

.table-blauweiss table tr td {
	padding: 12px 15px;
}

.table-blauweiss table tr,
.table-blauweiss table td {
	border-color: #95C5E2;
}

.table-blauweiss table tr:first-child {
	border-top: 1px solid #95C5E2;
}

.table-blauweiss table tr:nth-child(even) {
	background: #FFF;
}


.table-komplex table {
}





article {
	position: relative;
	clear: both;
}

a.btn {
	background: transparent;
	text-transform: uppercase;
	border: none;
	padding: 1.0rem 2rem;
	font-weight: bold;
	font-size: .9rem;
	border-radius: 0px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 0.5px;
	color: #FFF;
	background: var(--awool-blue);
	box-shadow: 0px 5px 25px -20px rgba(0,0,0, .95);
}

a.btn:hover {
	text-decoration: none;
	color: #FFF;
	background: var(--link-color-hover);
}

a.btn i {
	display: inline-block;
	font-size: 1.2rem;
	color: #FFF;
}

a.btn i::before {
	line-height: 1;
	margin: 0 0.05rem 0 -0.4rem;
}


a.btn-cta {
	background: var(--awool-yellow);
	color: var(--awool-blue);
}

a.btn-cta:hover {
	background: var(--awool-blue);
	color: #FFF;
}

a.btn-cta i {
	color: var(--awool-blue);
}

a.btn-cta:hover i {
	color: #FFF;
}

a.btn-light {
	color: var(--awool-blue);
	background: var(--awool-bgblue);
	box-shadow: none;
}

a.btn-light:hover {
	background: var(--awool-bgblue);
	color: var(--link-color-hover);
}

a.btn-light i {
	color: var(--awool-blue);
}

a.btn-light:hover i {
	color: var(--link-color-hover);
}



a.btn-simple {
	background: transparent;
	padding: 0;
	color: var(--link-color);
	box-shadow: none;
	flex-wrap: nowrap;
}

a.btn-simple i {
	font-size: 1.2rem;
	color: var(--link-color);
	text-decoration: none;
	line-height: 1;
}

a.btn-simple:hover {
	background: transparent;
	color: var(--link-color-hover);
	text-decoration: underline;
}

a.btn-simple:hover i {
	background: transparent;
	color: var(--link-color-hover);
}



/* Flex Content */


/* Contactbox */

.contactbox {
	display: flex;
}

.contactbox-person {
	flex: 0 0 auto;
	width: 30%;
	width: calc(100% / 3 - 15px);
	margin: 0 30px var(--block-mb) 0;
}

.contactbox-person img {
	width: 100%;
	display: block;
}

.contactbox-content {
	AUS_margin-top: -0.25rem;
}


/* Persons */

.persons {
	display: flex;
	flex-wrap: wrap;
	margin: -15px;
	margin-top: -1rem;
	margin-bottom: var(--block-mb);
}

.person {
	flex: 0 0 calc(100% / 3 - 30px);
	padding: 0;
	margin: 15px;
	margin-top: 30px;
	margin-bottom: 0;
}

.person-image {

}

.person-image img {
	margin: 0;
	width: 100%;
	display: block;
}

.person-content {
	font-size: 0.95rem;
	padding: 0.5rem 0 0 0;
}

.person-content p:last-child {
	margin-bottom: 0;
}

/* Teaser Card */


.flex-cards {
	margin: 0.5rem 0 1rem 0;
}

.card {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-bottom: 0.0rem;
	background: #FFF;
	box-shadow: 0px 5px 30px -20px rgba(0,0,0, .5);
	margin-bottom: 30px;
	
}

.card-image {
}

.card-image img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.card-content {
	flex: 1;
	padding: 30px;
}

.card-content p {
	margin: 0 0 1rem 0;
}

.card-title {
	margin: 0 0 1rem 0;
	line-height: 1.4;
}


/* Ansprechpartner */


.contactcard {
	
}

.contactcard-title {
	margin: 0 0 1rem 0;
	line-height: 1.4;
}

.contactcard-image {
	max-width: 220px;
	margin: 2rem 0 1.6rem 0;
}

.contactcard-image img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.contactcard-divider {
	margin-top: 0.7rem;
}




/* --- Blog  --- */

.blog #content,
.archive #content {
	background: #FDF6DD;
}

.blog #content::after,
.archive #content::after {
	display: none;
}


.blog-entry-section {
	position: relative;
	margin: 0.8rem 0 0 0;
}

.blog-entry {
	display: flex;
	position: relative;
	margin: 0 auto;
	margin-bottom: 30px;
	background: #FFF;
	transition: all 300ms ease-in-out;
	box-shadow: 0px 5px 30px -20px rgba(0,0,0, .5);
}

article.sticky .blog-entry {
}

article.post:last-child .blog-entry {
	margin-bottom: 0;
}

.entry-thumbnail {
	position: relative;
	flex: 1 0 auto;
	width: 40%;
}

.entry-thumbnail img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.entry-thumbnail a {
	display: block;
	overflow: hidden;
}

.entry-thumbnail a img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.entry-thumbnail a img.attachment-post-thumbnail {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	transition: all 600ms ease!important;
}

@supports (object-fit: cover) {
  .entry-thumbnail a img.attachment-post-thumbnail {
    /*object_fit*/
	height: 100%;
	object-fit: cover;
	object-position: center;
  }
}


.entry-thumbnail a:hover img {
	transform: scale(1.1);
}


.entry-content {
	flex: 1 1 auto;
	padding: 30px;
	display: flex;
	flex-direction: column;
}

.blog-entry.nothumb .entry-content {
	max-width: 720px;
}

h2.entry-title {
	margin: 0 0 1rem 0;
	padding: 0;
	font-size: 28px;
	font-size: 1.45rem;
	line-height: 120%;
}

h2.entry-title a {
	display: block;
}

h2.entry-title a:hover  {
}

.entry-meta {
	display: block;
	margin: 0 0 0.8rem 0;
	font-weight: bold;
	font-size: 15px;
	font-size: 0.8rem;
	text-transform: uppercase;
	color: #999;
	color: #C2C1BE;
}

.entry-meta-divider {
	padding: 0 0.3rem;
}

.entry-meta > div {
	display: inline;
}

.entry-meta br {
	display: none;
}

.entry-meta a {
	color: #999;
	color: #C2C1BE;
}

.entry-meta a:hover{
	text-decoration: none;
	color: var(--link-color-hover);
}

.entry-date {
	color: #999;
}

.entry-cats {
}

.entry-cats span {
}

.entry-excerpt {
	font-size: 0.9rem;
    word-break: break-word;  
}

.entry-btn {
	margin: 1rem 0 0 0;
}



.single .entry-header {
	margin: 0 0 3rem 0;
}

.entry-metatitle {
	position: relative;
	display: inline-block;
	margin: 0 0 1rem 0;
	line-height: 1;
	font-size: 14px;
	font-size: 0.70rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	padding: 0.5rem 0.8rem;
	padding-right: 2rem;
	overflow: hidden;
}

.entry-metatitle::after {
	content: "";
	position: absolute;
	top: 0;
	right: 1rem;
	height: 100%;
	width: 300px;
	z-index: -1;
	background: #FECC01;
	background: var(--awool-blue);
	
	-moz-transform: skew(15deg, 0deg);
	-webkit-transform: skew(15deg, 0deg);
	-o-transform: skew(15deg, 0deg);
	-ms-transform: skew(15deg, 0deg);
	transform: skew(15deg, 0deg);
}


.entry-metatitle span {
	padding: 0 5px;
}

.entry-metatitle span:last-child {
	display: none;
}

.single h1.entry-title {
	margin: 0 0 2rem 0;
}

.single .entry-thumbnail {
	position: relative;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0 0 var(--block-mb) 0;
	display: block;
	overflow: hidden;
}

.single .entry-thumbnail img {
	width: auto;
}


.single .entry-thumbnail p.wp-caption-text {
	margin: 0.6rem 0 0 0;
	font-size: 0.8rem;
}

.single .entry-content {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}

.single .entry-tags {
	font-size: 0.9rem;
	margin: 3rem 0 0 0;
	padding: var(--block-mb) 0 0 0;
	border-top: 2px solid #E7E7E7;
}

.single .entry-tags h4 {
	margin: 0 0 0.3rem 0;
	font-size: 0.9rem;
	color: #999;
}

.single .entry-tags a {
}

.single .entry-tags a:hover {
}

.single .entry-tags span {
	color: var(--link-color);
}


.back-to-blog {
	margin: 4rem 0;
	font-weight: bold;
	text-align: center;
	font-size: 1.2rem;

}

.back-to-blog a {
}

.back-to-blog a:hover {
}



/* post-pagination */


.post-pagination {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 4rem 0 0 0;
	color: #999;
}

.post-pagination .page-numbers {
	padding: 0.3rem;
	margin: 4px;
	font-weight: bold;
	font-size: 1rem;
	width: 60px;
	height: 60px;
	flex: 0 1 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	
	background: #FFF;
	text-decoration: none;
	box-shadow: 0px 5px 30px -20px rgba(0,0,0, .2);
}

.post-pagination .page-numbers.current {
	background: var(--awool-yellow);
	color: #FFF;
}

.post-pagination .dots {
	
}

.post-pagination a {

}

.post-pagination a:hover {
	text-decoration: none;
	background: rgba(0,0,0, .06);
}

.post-pagination a.prev,
.post-pagination a.next {
	font-size: 1.3rem;
}

.post-pagination a i:before {
	margin: 0;
	padding: 0;
	width: auto;
}

.post-pagination a.prev {
}

.post-pagination a.next {
}

.post-pagination a.next,
.post-pagination a.prev {
}

body:not(.paged) .post-pagination a.next,
body:not(.paged) .post-pagination a.prev {
}



/* Post Navigation */

.post-nav-section {
	padding: 4rem 0;
	background: var(--awool-bgblue);
}

.post-nav {
	display: flex;
	justify-content: space-between;
}


.post-nav.first-post {

}

.post-nav .prev-post,
.post-nav .next-post {
	width: 100%;
}

.post-nav .next-post {
}

.post-nav a {
	position: relative;
	display: block;
	font-weight: bold;
	max-width: 430px;
}

.post-nav .prev-post a::after,
.post-nav .next-post a::after {
	content: "\e803";
	position: absolute;
	font-family: 'icons';
	font-size: 1.3rem;
	top: 0.2rem;
	line-height: 1;
}

.post-nav .prev-post a::after {
	content: "\e804";
	left: -10px;
}

.post-nav .next-post a::after {
	right: -10px;
}


.post-nav span {
	display: block;
	font-size: 0.75rem;
	margin: 0 0 0.5rem 0;
	display: none;
}

.post-nav a br {
	display: none;
}

.post-nav a:hover {
}

.post-nav .prev-post a {
	padding-right: 1rem;
	padding-left: 2rem;
}

.post-nav .next-post a {
	padding-left: 1rem;
	padding-right: 2rem;
	text-align: right;
	float: right;
}

.post-nav.first-post .next-post a,
.post-nav.last-post .prev-post a {

}



/* Blog Sidebar / Widgets */

.post-tax {
	padding: 4rem 0;
	text-transform: uppercase;
	background: #FFF;

}

.post-tax a {
}

.widget {
	margin: 0 0 2.0rem 0;
	font-size: 0.9rem;
}

.widget:last-child {
	margin-bottom: 0;
}

.widget-title {
	text-transform: uppercase;
	padding: 0;
	font-size: 100%;
	margin: 0 3rem 1rem 0;
	color: #999;
}

.widget ul {
}

.widget ul,
.widget li {
	margin: 0;
	list-style: none;
}

.widget li {
	display: inline-block;
	margin: 0 1rem 0 0;
}

.widget li a {
	display: block;
	font-weight: bold;	
	margin: 0 0 0.3rem 0;
	text-decoration: none;
}

.widget li a:hover {
}


.widget li:last-child:after {
	display: none;
}



/* Table */


.table-wrap {
	/*responsive tables*/
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
	margin-bottom: var(--block-mb);
	
}

table {
	width: 100%;
	font-size: 0.90rem;
}

table tr:first-child {
	border-top: 1px solid #DDD;
}

table thead {
	border-top: 1px solid #DDD;
}

table thead td {
	font-weight: bold;
	background: var(--awool-bgblue);
}

table thead tr td {
	padding: 0.6rem 0.4rem;
}

table tr {
	background: #FFF;
	border-bottom: 1px solid #DDD;

}

table tr:nth-child(even) { /*zebra*/
	background: rgba(0,0,0, .02);
}

table tr th {
	padding: 0.4rem;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

table tr td {
	padding: 0.4rem;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

table p {
	margin: 0;
}


/* WP gallery */


.gallery {
	margin: var(--block-mb) 0;
	display: flex;
	flex-wrap: wrap;
}


.gallery-item {
	flex: 0 0 auto;
	width: 25%;
	padding: 0px 4px 4px 0px; /*gap*/
	overflow: hidden;
}

.gallery-icon {
	overflow: hidden;
}


.gallery-item a {
	position: relative;
	display: block;
	background: rgba(0,0,0, .03);
}

.gallery-item a:hover {
	background: #0075BC;
}

.gallery-item a::after {
	content: "+";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	line-height: 1;
	padding-bottom: 3%;
	font-size: 2rem;
	transform: rotate(-30deg);
	opacity: 0;
	transition: all 300ms ease;
}


.gallery-item a:hover::after {
	opacity: 1;
	transform: rotate(0deg);
}

.gallery-item img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	transition: all 300ms ease-in-out;
}

.gallery-item a:hover img {
	transform: scale(1.1);
	opacity: .2;
}


.gallery .wp-caption-text {
	display: none;
}


/* Responsive iFrame */

.main iframe,
.main .embed-responsive {
	width: 100%!important;
	margin-bottom: var(--block-mb);
}


iframe.googlemap {
	width: 100%!important;
	height: 400px;
}


iframe.googlemap.size-1 { height: 300px;}
iframe.googlemap.size-2 { height: 400px;}
iframe.googlemap.size-3 { height: 600px;}


.embed-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

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



/* Archive */

.archive .main ul.post-categories ul,
.archive .main ul.post-categories li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.searchResult {
	position: relative;
	margin: 0 0 var(--block-mb) 0;
	font-size: 1rem;
	padding: 25px;
	background: var(--awool-bgblue);
}

.searchResult span {
	font-weight: bold;
	color: #0075BC;
	padding-right: 10px;
}

.archive-header {
	display: flex;
	margin: 0 0 var(--block-mb) 0;
	font-size: 1rem;
	padding: 25px;
	justify-content: space-between;
	background: var(--awool-bgblue);}


/* Tags */

/* Search */

.searchResult {
}

.searchResult form {
	position: relative;
	display: flex;
}

.searchResult .s {
	flex: 1 1 auto;
	height: 60px;
	padding: 10px;
	padding-left: 10px;
	background: #FFF;
	font-size: 1.0rem!important;
	line-height: 100%;
	border:  none;
	border-radius: 1px;
}


.searchResult h3 {
	margin: 0 0 1rem 0;
}

.searchResult input.searchsubmit {
	flex: 0 0 auto;
	border: none;
	padding: 0 25px;
	font-weight: 700;
	font-size: 0.8rem;
	line-height: 60px;
	text-transform: uppercase;
	overflow: hidden;
	height: 60px;
	z-index: 1;
	color: #FFF;
	border-radius: 0 1px 1px 0;
	background: var(--awool-blue);
}

.searchResult input.searchsubmit:hover {
	background: var(--link-color-hover);
}

.searchResult input:required {
  box-shadow: none;
  border-color: transparent;
}

.search-no-results .searchResult {
}

.search-no-results .main .icon-search  {
	display: none;
}

.search .hentry {
	border: 0;
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding: 0.7rem 0;
}

.search .hentry a {
	display: inline-block;
	font-weight: bold;
	padding-right: 5px;
}

.search .result-posttype {
	text-transform: uppercase;
	color: #999;
	font-size: 0.85rem;
}

.search .result-event-date {
	color: #666;
	font-size: 0.85rem;
}


.search .hentry.type-page .entry-details {
	display: none;
}

.search .post-pagination {
	margin-top: 30px;
}


.search-results .entry-details span {
	display: none;
}

.search .pagination {
	padding: 2rem 0 0 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.search .pagination .page-numbers {
	padding: 0.8rem 1.0rem;
	line-height: 1;
	margin: 0 2px 5px 2px;
	background: #F3F1EE;
	font-size: 1rem;
	line-height: 1;
	font-weight: bold;
	border-radius: 2px;
	border: 2px solid #F3F1EE;
	color: #999;

}

.search .pagination a.page-numbers:hover {
	color: #E2001A;
}

.search .pagination .page-numbers.current {
	display: block;
	background-color: transparent;
	border: 2px solid #CACACA;

}


/* Pagebanner */

.pagebanner {
	position: relative;
	max-width: 1800px; /*there is a limit*/
	margin: 0 auto;
	margin-bottom: 4.2rem;
}

.pagebanner.pagebanner-none {
	height: auto;
}


/* Pagebanner Slider */

.pagebanner-slider-wrap {
	position: relative;
}

.pagebanner-slider-wrap::after { /*topshadow*/
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 100%;
	background: linear-gradient(to bottom,  rgba(0,0,0,.03) 0%,rgba(0,0,0,0) 100%);
}


.pagebanner-slider {
	position: relative;
}

.pagebanner-slider .slick-slider {
	margin: 0;
}

.pagebanner-slider-panel {
	position: relative;
	overflow: hidden;
}

.pagebanner-slider-image {
	position: relative;
	width: 100%;
	height: 470px; /*the height*/
	background: transparent;
}

.pagebanner-slider-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
}

.pagebanner-slider-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	pointer-events: none;
}

.pagebanner-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}

.pagebanner-title {
	position: relative;
	margin: 0;
	padding: 2.5rem 0;
	padding-right: 3rem;
	font-size: 23px;
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--awool-blue);
	line-height: 1.3;
	max-width: 650px;
	display: inline-block;
	pointer-events: auto;
}
	
.pagebanner-title::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 3000px;
	z-index: -1;
	background: #FECC01;
	background: var(--awool-yellow);
	
	-moz-transform: skew(15deg, 0deg);
	-webkit-transform: skew(15deg, 0deg);
	-o-transform: skew(15deg, 0deg);
	-ms-transform: skew(15deg, 0deg);
	transform: skew(15deg, 0deg);
}


/* Jobs */


.joblist {
	margin: 0 0 var(--block-mb) 0;
}

.joblist-item {
	position: relative;
	display: flex;
	margin: 0 0 5px 0;
	padding: 30px;
	background: var(--awool-bgblue);
}

.joblist-item:nth-child(even) { /*zebra*/
	background: #EEF5F7;
}

.joblist-item-header {
	flex: 1;
	padding-right: 2rem;
}

.joblist-item-footer {
}


.joblist-title {
	margin: 0 0 3px 0;
	line-height: 1.4;
	font-size: 1rem;
}

.joblist-date {
	color: #999;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.85rem;

}

.joblist-organization {
	font-size: 16px;
	font-size: 0.85rem;

}

a.joblist-btn {
	line-height: 1;
	font-size: .85rem;
}


.job .entry-header {
	margin: 0 0 var(--block-mb) 0;
}

.job .entry-meta {
	font-size: 1rem;
	text-transform: none;
	color: inherit;
	font-weight: normal;
	margin: 0;
}

.job .entry-date {
	text-transform: uppercase;
	color: #999;
	font-weight: bold;
	font-size: 0.95rem;
	margin: 0;
	display: block;
}

.job .entry-organization {
}



/* Template: Startseite */


[class*=template-start] #content {
	padding-top: 0;
}


/* Pagebanner */

.pagebanner {
	position: relative;
	max-width: 1800px; /*there is a limit*/
	margin: 0 auto;
	margin-bottom: 4.2rem;
}

.pagebanner.pagebanner-none {
	height: auto;
}


/* Pagebanner Slider */


.hero-section {
	
}

.hero-slider-wrap {
	position: relative;
}

.hero-slider-wrap::after { /*topshadow*/
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 100%;
	background: linear-gradient(to bottom,  rgba(0,0,0,.03) 0%,rgba(0,0,0,0) 100%);
}


.hero-slider {
	position: relative;
}

.hero-slider .slick-slider {
	margin: 0;
}

.hero-slider-panel {
	position: relative;
	overflow: hidden;
}

.hero-panel-image {
	position: relative;
	width: 100%;
	height: 650px; /*the height*/
	background: transparent;
}

.hero-panel-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
}

.hero-panel-content {
	position: relative;
	width: 100%;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
	background: var(--awool-yellow);
}

.hero-panel-content .inner {
	position: relative;
	padding: 2.3rem 0;
	padding-right: 160px;
	display: flex;
	flex-wrap: wrap;
	pointer-events: auto;
}

.hero-title-wrap {
	margin-right: 60px;
}

.hero-metatitle {
	color: #FFF;
	font-weight: bold;
	font-size: 0.9rem;
	letter-spacing: 0.3px;
	margin: 0 0 3px 0;
	text-shadow: 0 2px 6px rgba(0,0,0, .1);
	text-transform: uppercase;
}

.hero-title {
	margin: 0;
	padding: 0 0;
	font-size: 30px;
	font-size: 1.6rem;
	font-weight: bold;
	text-transform: none;
	color: var(--awool-blue);
	line-height: 1.3;
	display: inline-block;
	pointer-events: auto;
}


.hero-btn {
	margin-top: auto;
	padding-top: 0.5rem;
}

.hero-slider .slick-prev,
.hero-slider .slick-next {
	AUS_bottom: auto;
	AUS_top: 100%;
	
}



.hero-slider-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .2;
	pointer-events: none;
	display: none; /*AUS*/
}





.intro-section {
	padding: 5.5rem 0 4.5rem 0;
}

.intro-content {
	max-width: 700px;
}

.recentposts {
	position: relative;
}

.recentposts-title {
	position: relative;
	text-transform: uppercase;
	font-size: 1rem;
	margin: 5px 0 2rem 0;
}

.recentposts-item {
	padding: 1rem 0;
	border-top: 2px solid #E7E7E7;
}

.recentposts-item:first-of-type {
	border: none;
	padding-top: 0;
}

.recentposts-item-title {
	font-size: 1rem;
	line-height: 1.3;
	margin: 0 0 5px 0;
}

.recentposts-item-date {
	font-size: 0.75rem;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
}

.recentposts-btn {
	margin: 1rem 0 0 0;
}


.awoteaser-section {
	
}

.awoteaser {
	position: relative;
	background: var(--awool-yellow);
}

.awoteaser .container {
	display: flex;
}

.awoteaser-image {
  position: relative;
  width: 55vw; /*bit more than a half */
  min-height: 50vh;
  margin-right: calc(50% - 50vw);
}

.awoteaser-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
	right: -2px; /*blitzer*/
}

.awoteaser-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #FFF;
  padding: 5rem 0;
}

.awoteaser-content a {
}

.awoteaser-links {
	flex-direction: column;
	display: flex;
	align-items: flex-start;
	padding: 0 0 0 5px;
}

.awoteaser-links a {
	padding-bottom: 10px;
}


.awoteaser h2 {
	text-transform: uppercase;
	text-shadow: 0 2px 6px rgba(0,0,0, .05);
	color: #FFF;
}


.jobteaser-section {
	padding: 5rem 0;
	
}

.jobteaser-metatitle {
	text-transform: uppercase;
	color: var(--awool-blue);
	font-size: 0.9rem;
	margin: 0 0 0.5rem 0;
}

.jobteaser-title {
	text-transform: uppercase;
}

.jobteaser-ctn {
	margin: 0 0 var(--block-mb) 0;
}

.jobteaser-links {
}

.jobteaser-links-mobile {
	margin: 2rem 0 0 0;
	display: none;
}

.jobteaser-links a {
	padding: 0 0 10px 5px;
}

.jobteaser-entries {
	margin: 2rem 0 0 0;	
}

.jobteaser-entry {
	padding: 1rem 0;
	border-top: 2px solid #E7E7E7;
	display: flex;
	justify-content: space-between;
	
}

.jobteaser-entry:first-of-type {
	border: none;
	padding-top: 0;
}

.jobteaser-entry-cats {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.70rem;
	letter-spacing: 0.3px;
	color: #999;	
	padding-top: 0.4rem;
	order: 2;
}

.jobteaser-entry-cats span {
	padding: 0 3px;
}

.jobteaser-entry-cats span:last-child {
	display: none;
}

.jobteaser-entry-title-wrap {
	padding-right: 1rem;
}

.jobteaser-entry-title {
	margin: 0;
	font-size: 1rem;
}

.jobteaser-entry-organization {
	margin: 0;
	font-size: 0.85rem;
}


.pageteaser-section {
	padding: 6rem 0;
	background: var(--awool-bgblue);
}


.pageteaser-card {
	position: relative;
	overflow: hidden;
	background: #FFF;
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	box-shadow: 0px 5px 30px -20px rgba(0,0,0, .5);
}

.pageteaser-card:hover img {
	transform: scale(1.1);
}

.pageteaser-card::after { /*corner*/
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 19px 19px;
	border-color: transparent transparent var(--awool-yellow) transparent;
	pointer-events: none;
}

.pageteaser-image {
	overflow: hidden;
}

.pageteaser-image a img {
	display: block;
	width: 100%;
	transition: all 350ms ease-in-out;
}

.pageteaser-image a {
	display: block;
}

.pageteaser-btn {
	display: block;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1 0 auto;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.3;
	padding: 1.5rem;
}

.pageteaser-btn:hover {
	text-decoration: none;
}


/* Template: Einrichtungen Übersicht */


[class*=template-einrichtungen-uebersicht] #content {
		background: #FDF6DD;
}

[class*=template-einrichtungen-uebersicht] #content::after {
	display: none;
}


.einrichtungen-cards {
	padding-top: 1.0rem;
}

.einrichtung-card {
	display: flex;
	flex: 1 0 auto;
	overflow: hidden;
	flex-direction: column;
	margin: 0 auto;
	margin-bottom: 2rem;
	background: #FFF;
	box-shadow: 0px 5px 30px -20px rgba(0,0,0, .5);
}


.einrichtung-card-image {
	overflow: hidden;
	
}

.einrichtung-card-image a img {
	width: 100%;
	display: block;
	transition: all 350ms ease-in-out;
}

.einrichtung-card:hover img {
	transform: scale(1.1);
}


.einrichtung-card-content {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
}

.einrichtung-card-title {
	background: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 15px 20px;
	background: #FFF;
	flex: 1 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.einrichtung-card-contact {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 13px 0px;
	color: #999;
	font-size: 0.95rem;
	border-top: 1px solid rgba(0,0,0, .05);
}

.einrichtung-card-contact::before { /*top shadow*/
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
	background: linear-gradient(to bottom, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 100%);
	pointer-events: none;
}

.einrichtung-card-contact::after { /*corner*/
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 19px 19px;
	border-color: transparent transparent var(--awool-yellow) transparent;
	pointer-events: none;
}

.einrichtung-card-contact a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	flex: 0 0 auto;
	padding: 0 10px;
}

.einrichtung-card-contact a:hover {
	text-decoration: none;
	color: var(--link-color-hover);
}

.einrichtung-card-contact a i {
	font-size: 125%;
	margin: 0 5px 0 -5px;
}



/* Template: Einrichtung */


.einrichtung .pagebanner-slider-image {
	height: 650px;
}

.einrichtung .pagebanner-title {
	AUS_text-transform: none;
	font-size: 1.3rem;
}

.einrichtung {
	
}


.quickcontact-wrap {
	position: relative;
	width: 100%;
	height: 1px;
	background: transparent;

	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: auto;
	max-width: 1000%;
	
}

.quickcontact {
	position: relative;
	height: 100%;
	margin: 0 auto;
	max-width: 1800px;
}

.quickcontact .inner {
	position: absolute;
	right: 30px;
	top: 0;
	background: transparent;
	width: 300px;
	max-width: 15vw;
}

.quickcontact .btn {
	width: 100%;
	text-align: center;
}

.einrichtung-logo {
	margin: 2rem 0 0 0;
	padding: 0 5px;
	background: #FFFDF8; /*content bg*/
}

.einrichtung-logo img {
	display: block;
	margin: 0;
	width: 100%;
	mix-blend-mode: multiply;

}

.einrichtung-logo.is-mobile {
	display: none;
	padding: 0;
}

/* Altruja Spendenformular */

a#ef-bl-x7jn2nd9j { /* hide badge "Sicher spenden" */
	transform: translateX(-2000px);
	opacity: 0;
	visibility: hidden;
	display: none!important;
}



/* FOOTER
---------------------------------------------------------------------------------*/

#footer {
	position: relative;
	width: 100%;
	color: #FFF;
	padding: 4rem 0;
	background: #0075BC;
	background: var(--awool-blue);
}


.footer-keyvisual {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}


.footer-keyvisual svg {
	position: relative;
	margin-right: -1px;
	margin-top: -91px;
	filter: drop-shadow( 0 10px 33px rgba(0,0,0, .2));
}



.footer-section1 {
	font-size: 16px;
	line-height: 1.6;
}

.footer-section1 p {
	margin-bottom: 1rem;
}

.footer-section1 a {
	color: #FFF;

}


.footer-section1 a:hover {
	text-decoration: none;
	color: rgba(255,255,255, .7);
}

.footer-contact,
.footer-links {
	margin: 0 0 1rem 0;
}

.footer-links__title {
	text-transform: uppercase;
	margin: 0 0 1rem 0;
	font-size: 1rem;
}

.footer-links li,
.footer-links p {
	margin: 0;
	padding: 0 0 1px 0;
}


.footer-section2 {
	position: relative;
	z-index: 2;
	margin: 1rem 0 -0.5rem 0;
	font-size: 0.8rem;
}

.footer-section2 > .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-menu-wrap {
	flex: 1 0 auto;
}

.footer-menu {
	display: flex;
}

.footer-menu li {
	margin: 0 30px 0 0;
}

.footer-menu a {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	padding: 5px 0;
	letter-spacing: 0.3px;
	color: rgba(255,255,255, .5);
}

.footer-menu a:hover {
	text-decoration: none;
	color: rgba(255,255,255, 1);
}


.footer-social {
	display: flex;
}

.footer-social a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--awool-blue);
	background: rgba(255,255,255, .5);
	width: 50px;
	height: 50px;
	font-size: 24px;
	border-radius: 50%;
	margin: 0 0 0 20px;
}

.footer-social a:first-child {
	margin-left: 0;
}

.footer-social a:hover {
	transform: scale(1.15);
	background: rgba(255,255,255, .9);
}





/* Borlabs Cookie Banner  */


#BorlabsCookieBox ._brlbs-btn {
	padding: 1rem 1rem 0.9rem 1rem!important;
}

#BorlabsCookieBox ._brlbs-btn-accept-all {
	font-weight: bold;
	text-transform: uppercase;
}

.BorlabsCookie ._brlbs-content-blocker {
	display: flex;
	justify-content: center;
	margin: 0 0 2rem 0;
}

.BorlabsCookie ._brlbs-embed {
	flex: 1;
	margin: 0!important;
}

.BorlabsCookie ._brlbs-embed > * {
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.video-embed-wrap .BorlabsCookie {
	margin-bottom: -56.5%; /*minus the ratio*/
}

.BorlabsCookie input[type=checkbox] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}	






/* FORMS (contact form 7)
---------------------------------------------------------------------------------*/

.form-kontakt {
}



.wpcf7 {
	position: relative;
}

.wpcf7-form {
	position: relative;
	margin: 0 auto;
	padding: 3rem 0;
	margin-bottom: 2.8rem;
	margin-top: 2.8rem;
	background: var(--awool-bgblue);
	color: var(--text-color);

	/*wide*/
	margin-left: calc(15% - 15vw);
	margin-right: calc(15% - 15vw);
	width: auto;
	max-width: 1000%;
}

.wpcf7-form .main {
	margin: 0 auto;
}


.wpcf7 .form-label {
}

.wpcf7 br {
	display: none;
}


.wpcf7 h3 {
	margin: 0.5rem 0 2rem 0;
}

.wpcf7 .hidden {
	display: none;
}

.wpcf7 label {
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	color: var(--awool-blue);
	padding-right: 10px;
	font-size: 0.8rem;
	line-height: 150%;
	margin-bottom: 5px;
	display: inline-block;
	text-align: left;
	cursor: default;
}


.wpcf7 label span {
	display: inline;
	font-weight: 300;
	font-size: 0.8rem;
	padding-left: 5px;
	text-transform: none;
}


.wpcf7 .row {
	margin-left: -10px;
	margin-right: -10px;
}

.wpcf7 .row-pflichtangaben {
	margin-bottom: 0.5remrem;
	font-size: 0.6rem;
	text-align: right;
	text-transform: uppercase;
	color: #999;
}

.wpcf7 .row-submit {
}

.wpcf7 .row.response {
	margin-bottom: 0;
}

.wpcf7 [class*=col-] {
	padding: 0 10px;
}


.wpcf7 .form-field {
	margin-bottom: 0.5rem;

}


.wpcf7 hr {
	margin: 1.5rem auto;
}

.wpcf7 .field-title {
	font-weight: bold;
	text-align: ;
	text-transform: uppercase;
	font-size: 0.8rem;

}


.wpcf7 span {
	position: relative;
	display: block;
	width: 100%;
	font-size: 0.9rem;
}

.wpcf7 input.wpcf7-text,
.wpcf7 input.wpcf7-quiz,
.wpcf7-text,
.wpcf7 textarea,
.wpcf7 select,
.wpcf7 .select-styled,
.wpcf7-date,
.wpcf7-number,
.wpcf7-captchar,
.wpcf7-file {
	padding: 0.8rem;
	font-size: 1rem;
	color: #333;
	background: #FFF;
	width: 100%;
	box-sizing: border-box;
	border: none;
	border-radius: 0px;
	-webkit-appearance: none;
	font-weight: normal;
	border: 1px solid rgba(0,0,0, .01);

	transition: all 300ms ease;
	box-shadow: 0px 5px 15px -10px rgba(0,0,0, .1);
}


.wpcf7 input:focus,
.wpcf7 textarea:focus {
	border-color: rgba(0,0,0, .3);
	border-color: var(--awool-blue);
	box-shadow: 0px 5px 25px -10px rgba(0,0,0, .2);
}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder,
input::-moz-placeholder {
}


.wpcf7 textarea {
	max-height: 150px;
	line-height: 150%;
	max-height: 16vh;
	width: 100%;
}


.wpcf7 select {
  -webkit-appearance: none;
}

.wpcf7 .wpcf7-file {
	font-size: 0.9rem;
	color: #666;
}

.wpcf7 .wpcf7-file.hasfile {
	font-weight: bold;
	color: var(--text-color);
}

.wpcf7 .wpcf7-file.hasfile + .reset {
	display: block;
}

.wpcf7 .reset {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	padding: 10px 15px;
	font-weight: bold;
	font-size: 1.1rem;
	background: transparent;
	display: none;
}

.wpcf7 .reset:hover {
	text-decoration: none;
}


.wpcf7-recaptcha {
	 overflow: hidden;
	 margin-bottom: 0.5rem;
}


.wpcf7 .label-desc {
	margin-top: -2px;
	padding-bottom: 5px;
	font-size: 0.8rem;
	line-height: 140%;
	color: #888;
}

.wpcf7 .form-section-title {
	text-transform: uppercase;
	font-size: .85rem;
	margin: 1rem 0;
	color: #999;
	letter-spacing: .3px;
	font-weight: bold;
}

.wpcf7 .form-field-info {
	font-size: .85rem;
	margin:  1rem 0;
}


.wpcf7 .form-field--submit {
	margin: 0;
}


.wpcf7 .submit {
	clear: both;
}


.wpcf7 input.wpcf7-submit {
	width: auto;
	-webkit-appearance: none;
	text-transform: uppercase;
	padding: 1.0rem 2rem;
	display: inline-block;
	background: var(--awool-blue);
	color: #FFF;
	border: none;
	font-size: 0.9rem;
	font-weight: bold;
	letter-spacing: 0.5px;
	transition: all 300ms ease-in-out;
	box-shadow: 0px 5px 25px -20px rgba(0,0,0, .95);
}

.wpcf7 input.wpcf7-submit:hover {
	color: #FFF;
	background: var(--link-color-hover);
}


.wpcf7 .wpcf7-spinner {
	width: 24px;
	height: 24px;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	AUS_visibility: visible!important;

}

.wpcf7 .wpcf7-response-output {
	font-size: 0.9rem;
	line-height: 145%;
	padding: 1rem 0;
	margin: 1rem 0 0 0;
	clear: both;
	position: relative;
}

.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
	border-color: transparent;
	color: RED;
}

.wpcf7 .sent .wpcf7-response-output{
	text-align: center;
	font-weight: bold;
	color: var(--awool-blue);
	padding: 30px;
}

.wpcf7 .wpcf7-form.sent {
}


.wpcf7 .wpcf7-mail-sent-ok {
	border: none;
	font-size: 1rem;
	font-weight: bold;
	padding: 2rem 0 0 0;
	margin: 2rem 0 1rem 0;
	text-align: center;
	color: var(--awool-blue);
}


.wpcf7 .wpcf7-mail-sent-ok::after {
	content: "\e80e";
	position: absolute;
	top: -2rem;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'icons';
	font-size: 1.3rem;
	display: inline-block;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	border-radius: 50%;
	background: var(--awool-blue);
	color: #FFF;
}


.wpcf7 span.wpcf7-not-valid-tip {
	background: red;
	color: #FFF;
	display: none;
}


.not-valid label {
	color: RED;
}

.wpcf7 input.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid {
	border: 1px solid RED;
}


.wpcf7 .field-note {
	font-size: 0.7rem;
}


.wpcf7 .pflichtfeld-hinweis {
	text-align: right;
	font-size: 0.8rem;
	color: #666;
}


.wpcf7 .form-field--lastschrift .wpcf7-list-item-label {
	color: var(--link-color);
}
.wpcf7 .form-field--lastschrift .wpcf7-list-item-label :hover {
	color: var(--link-color-hover);
	text-decoration: underline;
}

/* Checkbox & Radiobuttons */

.wpcf7 .wpcf7-radio {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    justify-content: left;
    align-content: flex-start;
}

.wpcf7 input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
}

.wpcf7 input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
}

.wpcf7-radio .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item,
.wpcf7-acceptance .wpcf7-list-item  {
  	margin: 0 0 0 0;
  	width: auto;
}

.wpcf7-radio input,
.wpcf7-checkbox input,
.wpcf7-acceptance input {
	display: none; /*custom*/
}

.wpcf7-radio label,
.wpcf7-checkbox label,
.wpcf7-acceptance label {
	color: #333;
	margin: 0;
	padding: 0;
	display: block;
	cursor: pointer;
}

.wpcf7-radio .wpcf7-list-item-label,
.wpcf7-checkbox .wpcf7-list-item-label {
	display: block;
	line-height: 130%;
	font-size: 1rem;
	text-transform: none;
	font-weight: bold;
	padding: 5px 0;
	padding-right: 30px;
	color: #333;
	transition: all 300ms ease;
	display: flex;
	align-items: center;
}

.wpcf7-radio .wpcf7-list-item-label:hover,
.wpcf7-checkbox .wpcf7-list-item-label:hover,
.wpcf7-acceptance .wpcf7-list-item-label:hover {
	color: #000;
}

.wpcf7-radio .wpcf7-list-item-label:before,
.wpcf7-checkbox .wpcf7-list-item-label:before {
	content: "";
	width: 26px;
	height: 26px;
	background: #FFF;
	border: 1px solid #999;
	opacity: 1;

	position: relative;
	display: block;
	margin: 0 10px 0 0;
}


.wpcf7-radio .wpcf7-list-item-label:before {
	border-radius: 50%;
}



.wpcf7-radio .wpcf7-list-item-label:after,
.wpcf7-checkbox .wpcf7-list-item-label:after {
	content: "";
	position: absolute;
	top: 11px;
	left: 6px;
	width: 14px;
	height: 14px;
	background: var(--awool-blue); /*the point*/
	opacity: 0;
	transition: all 300ms ease;

}

.wpcf7-radio .wpcf7-list-item-label:after {
	border-radius: 50%;
}

.wpcf7-radio input:checked + .wpcf7-list-item-label,
.wpcf7-checkbox input:checked + .wpcf7-list-item-label,
.wpcf7-acceptance input:checked + .wpcf7-list-item-label {
}

.wpcf7-radio input:checked + .wpcf7-list-item-label:before,
.wpcf7-checkbox input:checked + .wpcf7-list-item-label:before
.wpcf7-acceptance input:checked + .wpcf7-list-item-label:before {
	border-color: #999;
}

.wpcf7-radio input:checked + .wpcf7-list-item-label:after,
.wpcf7-checkbox input:checked + .wpcf7-list-item-label:after,
.wpcf7-acceptance input:checked + .wpcf7-list-item-label:after {
	opacity: 1;

}


.wpcf7-radio.wpcf7-not-valid .wpcf7-list-item-label:before,
.wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item-label:before,
.wpcf7-acceptance.wpcf7-not-valid .wpcf7-list-item-label:before {
	border-color: RED;
}


/* Checkbox Acceptance (Datenschutz) */

.wpcf7-acceptance .wpcf7-list-item-label:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0;
	width: 26px;
	height: 26px;
	border-radius: 3px;
	background: #FFF;
	border: 1px solid rgba(0,0,0, .1);
	border-color: var(--link-color);
	box-shadow: 0px 5px 15px -10px rgba(0,0,0, .6);

	opacity: 1;
}


.wpcf7-acceptance .wpcf7-list-item-label:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 18px;
	height: 18px;
	border-radius: 2px;
	background: var(--awool-blue); /*the point*/
	opacity: 0;
	transition: all 300ms ease;
}


.wpcf7-acceptance .wpcf7-list-item-label {
	position: relative;
	display: block;
	padding: 0 0 0 40px;
	font-weight: normal;
	font-size: 0.8rem;
	line-height: 150%;
	letter-spacing: 0;
}


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

.wpcf7 .form-field--datenschutz > label {
  display: none;
}

.wpcf7-acceptance span a {
	font-weight: bold;
}

.wpcf7-acceptance span a:hover {
	color: #426481;
}


/* upload field */

.wpcf7 .upload-field {
}

.wpcf7 .upload-field label {
	display: none;
}

.wpcf7 .upload-field-01 label {
	display: block;
}

.upload-field .wpcf7-form-control-wrap {
	position: relative;
	overflow: hidden;
}

.upload-field .wpcf7-form-control-wrap input.upload {
	font-size: 0.9rem;
	overflow: hidden;
}

.upload-field .wpcf7-form-control-wrap input.upload.hasfile {
	background: #F3F1EE;
}

.upload-field .wpcf7-form-control-wrap input.upload.hasfile {

}


.upload-field.hasfile .reset {
	display: block;
}

.upload-field .reset {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	top: 50%;
  	transform: translateY(-50%);
	width: 40px;
	text-align: center;
	color: #333;
	font-size: 1rem;
}


.upload-field .reset:hover {
	color: #E2001A;
}



/* js select style */
.select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}

.select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	font-size: 1rem;
	width: 100%;
	border-radius: 3px;
}

.select-styled {
	position: relative;
	border-radius: 3px;
	background-color: #FFF;
	z-index: 11;
	line-height: 131%;
	border: 1px solid #E5E5E5;
	padding: 0.75rem;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.wpcf7 .not-valid .select-styled {
	border-color: RED;
}

.select-styled:after { /*icon*/
	content: "\e809";
	font-family: 'icons';
	font-size: 1.5rem;
	display: inline-block;
	float: right;
	background-size: contain;
	color: var(--awool-blue);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.select-styled:hover {
	background-color: #FFF;
}

.select-styled:active,
.select-styled.active {
	border-color: var(--awool-blue);
}

.select-styled:active:after,
.select-styled.active:after {
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 20;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	background-color: #FFF;
	box-shadow: 0 3px 15px -5px rgba(1,1,1,0.4);

}

#content ul.select-options  {
	margin: -1px 0 0 0;
	padding: 0;
	border: 1px solid var(--awool-blue);
	border-top: none;
}

ul.select-options li {
	list-style: none;
	margin: 0;
	padding: 0.4rem 1rem;
	color: #333;
	font-size: 1rem;

	border-top: 1px solid #E5E5E5;
	transition: all 150ms ease-in-out;
}

.select-options li:before {
	display: none;
}

.select-options li:hover{
	background: var(--awool-bgblue);
}

ul.select-options li:first-child {
	display: none; /* hide "bitte auswählen" */
}

.select-options li[rel="hide"] {
	display: none;
}


.wpcf7-not-valid + .select-styled {
	border: 1px solid red;
}

/* END js select style */


.wpcf7 .form-field-jobtitle {
}

.wpcf7 .form-field-joborganization  {
	font-size: 0.9rem;
	margin: 0 0 10px 0;
}

.wpcf7 .form-badge {
	position: absolute;
	right: 0;
	top: auto;
	background: var(--awool-yellow);
	text-transform: uppercase;
	font-weight: bold;
	color: var(--awool-blue);
	font-size: 0.85rem;
	padding: 0.8rem 1rem;
	box-shadow: 0px 5px 25px -20px rgba(0,0,0, .25);
}

.wpcf7 .sent .form-badge {
	display: none;
}

.wpcf7 .form-field--info {
	color: var(--awool-blue);
}




/* Mobile Menu - SLICKNAV
---------------------------------------------------------------------------------*/

/*  Slicknav -- Core Style */

.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon-bar { display: block; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 0.195em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }


/*  Slicknav -- User Style */
.slicknav_menu {
	overflow: hidden;
	display: none;
}


.slicknav_btn.slicknav_open {
	background: transparent;
}


/* Hamburger Icon ani*/

.slicknav_btn .slicknav_icon-bar,
.slicknav_btn .slicknav_menutxt {
	display: none;
}

.slicknav_btn .slicknav_menutxt {
	display: block;
	position: absolute;
	left: -50px;
	top: 50%;
	transform: translateY(-51%);
	text-transform: uppercase;
	font-size: 15px;
	margin-top: -1px;
	padding: 5px 10px;
	line-height: 1;
	text-align: right;
	color: var(--awool-blue);
	display: none;
}

.slicknav_btn {
	display: none;
	position: relative;
	height: 45px;
	padding: 10px;
	margin-right: -10px;
	background: transparent;


}

.slicknav_btn span.slicknav_icon {
	margin: 0 auto;
	position: relative;
	top: 10px;
}
.slicknav_btn span.slicknav_icon:before,
.slicknav_btn span.slicknav_icon:after {
	position: absolute;
	content: '';
}
.slicknav_btn span.slicknav_icon,
.slicknav_btn span.slicknav_icon:before,
.slicknav_btn span.slicknav_icon:after {
	width: 33px;
	height: 2px;
	background-color: var(--awool-blue);
	display: block;
}
.slicknav_btn span.slicknav_icon:before {
	margin-top: -9px;
}
.slicknav_btn span.slicknav_icon:after {
	margin-top: 9px;
}

/* --- btn --- */

.slicknav_btn span.slicknav_icon {
	-webkit-transition-duration: 0s; transition-duration: 0s;
	-webkit-transition-delay: 0.15s; transition-delay: 0.15s;
}
.slicknav_btn.slicknav_open span.slicknav_icon {
	background-color: rgba(0,0,0,0.0);
	-webkit-transition-delay: 0.15s; transition-delay: 0.15s;
}
.slicknav_btn span.slicknav_icon:before {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.15s; transition-duration: 0.15s;
	-webkit-transition-delay: 0.15s, 0s; transition-delay: 0.15s, 0s;
}
.slicknav_btn.slicknav_open span.slicknav_icon:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.15s; transition-delay: 0s, 0.15s;
}
.slicknav_btn span.slicknav_icon:after {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.15s; transition-duration: 0.15s;
	-webkit-transition-delay: 0.15s, 0s; transition-delay: 0.15s, 0s;
}
.slicknav_btn.slicknav_open span.slicknav_icon:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.15s; transition-delay: 0s, 0.15s;
}



/* end Hambuger Icon ani*/



ul.slicknav_nav {
	display: block;
	margin: 0;
	padding: 0 20px;
	color: #FFF;
	background: #FFF;
}

ul.slicknav_nav,
.slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}

.slicknav_nav li {
}

.slicknav_nav .slicknav_item {
}

.slicknav_nav a {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding: 1rem 1px;
	letter-spacing: 0.3px;
	border-bottom: 1px solid #DDD;
}

.slicknav_nav > li:last-child a {
	border-bottom: none;
}

.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
	border-bottom: none;
}

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

.slicknav_nav li li.current_page_item a {
	font-weight: bold;
}


.slicknav_nav li li.current_page_item > a {
}


.slicknav_nav ul.sub-menu {
	position: relative;
	background: #FFF;
	padding-left: 20px;
}

.slicknav_nav li li {
	padding: 0;
}


.slicknav_nav li li a {
	position: relative;
	font-weight: normal;
	text-transform: none;
	font-size: 1rem;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
}


.slicknav_nav li li a:hover {
	text-decoration: underline;
}

.slicknav_nav li li a span {
	border: none!important;
}

.slicknav_nav .slicknav_arrow {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 2px;
	color: rgba(0,0,0, .2);
	line-height: 1;
	font-family: 'icons';
	font-size: 1.3rem;
	font-weight: normal;
}

.slicknav_nav .slicknav_open .slicknav_arrow {
}

.slicknav-container {
	position: relative;
}


.slicknav_menu .menu1 {
	background: #FFF;
	color: #333;
}

.slicknav_menu .menu1 a {

	font-weight: normal;
}

.slicknav_nav .current_page_item a {
}

.slicknav_nav li.slicknav_open a:not(.slicknav_item) span,
.slicknav_nav li a:not(.slicknav_item):hover span,
.slicknav_nav li.current_page_parent a:not(.slicknav_item) span,
.slicknav_nav li.current_page_item a:not(.slicknav_item) span {
	border-bottom: 2px solid var(--awool-yellow);
}

.slicknav_menu  li.menu1.highlight a.slicknav_row {
	display: flex;
}

.slicknav_menu  li.menu1.highlight a span.slicknav_arrow {
	background: var(--awool-blue);
	color: #FFF;
	margin: 0;
	display: flex;
	align-items: center;
	margin-left: -10px;
	z-index: 1;
	padding: 0 10px 0 0;
	
	display: none;
}

.slicknav_menu  li.menu1.highlight > a span:first-child {
	color: #FFF;
	background: var(--awool-blue);
	font-size: 0.9rem;
	font-weight: bold;
	padding: 10px 30px;
	border-bottom: none;
	border: 0px solid RED;
	display: flex;
}




.menu-hotline,
.menu-search {
	background: #FFF;
	color: var(--awool-blue);
	padding: 20px 0 0 0;
	border-bottom: none;
}

.menu-hotline a span {
}

li.menu-hotline a {
	padding: 0 0 0 2px;
	font-weight: bold;
	border: none;
	display: flex;
	align-items: center;
}

.menu-hotline i {
	font-size: 1.2rem;
	display: inline-block;
	margin: 0 10px 0 -5px;
}

.menu-search {
	margin-bottom: 20px;
}

.menu-search .searchform {
	display: flex;
	align-items: center;
	background: #E5F1F8;
	padding: 10px 15px;
}

.menu-search input {
	width: 100%;
	font-size: 1rem;
	padding: 0;
	border: none;
	padding: 5px 0;
	background: transparent;
}

.menu-search .searchsubmit {
	display: none;
}

.menu-search i {
	font-size: 1.4rem;
	margin: 0 10px 0 -5px;
}





/* Slick Slider
-----------------------------------------------------*/

/* --- Slick neccessary --- */


/* Slider */

.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;

	opacity: 0;
}

.slick-slider.slick-initialized {
	/* fadeIn*/
	opacity: 1;
}


.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

/* --- Slick Theme --- */

/* Slider */

.slick-loading .slick-list {
	AUS_background: YELLOW url('./ajax-loader.gif') center center no-repeat;

}

/* Icons */
/* Arrows */


.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	bottom: 0;
	display: block;
	width: 70px;
	height: 70px;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	background: rgba(0,0,0, .2);
	transition: all 300ms ease;
	z-index: 2;
	border: 0px solid RED;
}

.slick-prev {
	right: 72px;
}

.slick-next {
	right: 0;
}


.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: rgba(0,0,0, .4);
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
	AUS_opacity: 0;
}

.slick-prev:before,
.slick-next:before {
	font-family: 'icons';
	font-size: 35px;
	line-height: 1;
	color: #FFF;
	opacity: 0.8;
	transition: all 300ms ease;
}


.slick-prev:before {
	content: '\e804';
}

.slick-next:before {
	content: '\e803';
}


/* Dots */

.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	/* bottom: -40px;*/
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 6px;
	margin: 0 4px!important;
	padding: 0;
	background: transparent;
}

.slick-dots li:before {
	display: none;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0px;
	cursor: pointer;
	border: 0;
	outline: none;
	border-radius: 0;
	transition: all 200ms ease;
	background: rgba(0,0,0, .15);
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
	background: var(--awool-yellow);
}

.slick-dots li.slick-active button {
	background: var(--awool-yellow);
}

.slick-slide img {
	width: 100%;
}



/* Lightbox - Swipebox */

#swipebox-overlay {
	background: rgba(0,0,0, .8)!important;
}

#swipebox-container {
}

#swipebox-close {
	background-color: transparent;
	background-image: none!important;
	color: #FFF;
}

#swipebox-close:hover {
	color: #FFF;
}

#swipebox-close::after {
	content: "\e811";
	font-size: 1.8rem;
	font-family: 'icons';
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 50px;
	background: transparent;
}

#swipebox-arrows a {
	background-color: transparent;
	background-image: none!important;
	color: #FFF;

}

#swipebox-arrows a:hover {
	color: #FFF;
}

#swipebox-arrows a::after {
	content: "\e803";
	font-size: 2.3rem;
	font-family: 'icons';
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 50px;
	background: transparent;
}

#swipebox-container #swipebox-bottom-bar  {
	background: transparent;
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
}


#swipebox-container #swipebox-bottom-bar #swipebox-arrows  {
	width: 100%;
	max-width: 100%;
}


#swipebox-arrows a#swipebox-prev::after {
	content: "\e804";
}

#swipebox-top-bar #swipebox-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8rem;
	padding: 0.8rem 40px;
	line-height: 150%;
	background: rgba(0,0,0, .4);
}

#swipebox-bottom-bar {
}


#swipebox-container #swipebox-top-bar {
	top: auto!important;
	bottom: 0px;
	height: auto;
}

#swipebox-container #swipebox-top-bar.visible-bars {
	-webkit-transform: translate3d(0,-0px,0);
	transform: translate3d(0,-0px,0);
	background: transparent;
}




/* @group ACCESSIBILITY */

/* ACCESSIBILITY */


.sr-only {
	position: absolute;
	width: .0625rem;
	height: .0625rem;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

.sr-only-focusable {
	transition: all 0s ease;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
}

.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}

/* @end */

/* @group ANIMATIONS */


/* ANIMATIONS
---------------------------------------------------------------------------------*/

/*  https://github.com/daneden/animate.css */


.animated {
  -webkit-animation-duration: 1s;
  		  animation-duration: 1s;

  -webkit-animation-fill-mode: both;
  		  animation-fill-mode: both;

  -webkit-animation-timing-function: ease-in-out;
 		  animation-timing-function: ease-in-out;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;

}


@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

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

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}



@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

/* @end */




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

/* MEDIA QUERIES

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



@media screen and (max-width: 1200px) {
body:after {
	content: "<1200";
	position: fixed;
	top: 0;
	line-height: 1;
	padding: 5px;
	font-size: 12px;
	background: lawngreen;
	z-index: 1000;
	opacity: .8;

	display: none; /* AN/AUS*/
}

.quickcontact-wrap {
	margin-bottom: 7rem;
}

.quickcontact .inner {
	position: relative;
	margin-top: -4.2em; /*= pagebanner mb*/
	width: 100%;
	min-width: 100%;
	right: 0;
}

.quickcontact .btn {
	position: relative;
	margin: 0;
	border-radius: 0;
}

 .einrichtung-logo.is-desktop {
	display: none;
}

.einrichtung-logo.is-mobile {
	display: block;
	max-width: 240px;
}
	
}


@media screen and (max-width: 1136px) {
body:after {
	content: "<1136";
	background: gold;
}

#header .logo {
	max-width: 200px;
}

#nav1 li a {
	font-size: 15px;
}

#nav2 li a {
	font-size: 15px;
}


}



@media screen and (max-width: 980px) {
body:after {
	content: "<980";
	background: TAN;
}

a.btn {
	transition: none;
}

.main {
	max-width: 780px;
}

#header {
}

#header .inner {
	align-items: center;
	padding: 20px 0;
}


.accessbar {
	display: none;
}

.site-search  {
	display: none!important;
}

#nav1,
#nav2 {
	display: none;
}

.slicknav_btn,
.slicknav_menu {
	display: block;
}


.hero-panel-image {
	height: 450px; /*the height*/
}

.hero .slick-prev,
.hero .slick-next {
	top: 105px;
}


.hero .slick-dots {
	bottom: -30px;
}

.hero .slick-dots li {
	height: 5px;
	width: 20px;
	background: rgba(255,255,255, .4);
}

.hero-panel-content {
	position: relative;
}

.hero-panel-content .inner {
	display: block;
	padding-left: 0;
	padding-right: 0;
}

.hero-title-wrap {
	margin: 0;
}

.hero-title {
	padding-left: 0;
	max-width: 650px;
	font-size: 1.4rem;
}

.hero-title br {
	display: none;
}

.hero .slick-prev,
.hero .slick-next {
	width: 40px;
	top: 185px;
	bottom: auto;
	background: transparent;
}

.hero .slick-prev {
	right: auto;
	left: 0;
}


.intro-section {
	padding-bottom: 0;
}

.recentposts {
	margin: 1rem 0 0 0;
	padding: 3rem 0;
}

.recentposts::before { /*BG*/
	content: "";
	position: absolute;
	top: 0;
	left: -50%;
	width: 300vw;
	height: 100%;
	background: #FDF6DD;
}



.awoteaser .container {
	flex-direction: column;
}

.awoteaser-image {
	width: auto;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	height: 350px;
}

.awoteaser-image img {
	right: auto;
}

.awoteaser-content {
	width: 100%;
	order: 1;
}



.jobteaser-entries {
	margin: 1rem 0 0 0;
}

.jobteaser-links {
	display: none;
}

.jobteaser-links-mobile {
	display: block;
}


.pageteaser {
	max-width: 750px;
	margin: 0 auto;
}

.pageteaser-card {
	margin: 0 auto;
	margin-bottom: 30px;
	flex-direction: row;
}

.pageteaser-col:last-child .pageteaser-card {
	margin-bottom: 0;
}

.pageteaser-col:nth-child(even) .pageteaser-image {
	order: 2;
}

.pageteaser-image {
	width: 50%;
}

.pageteaser-btn {
	width: 50%;
}

.pagebanner .slick-prev,
.pagebanner .slick-next {
	width: 40px;
	bottom: 50%;
	background: transparent;
	transform: translateY(50%);
}

.pagebanner .slick-prev {
	right: auto;
	left: 0;
}

.slick-prev:before,
.slick-next:before {
	font-size: 30px;
}


.pagebanner-title {
	max-width: 65vw;
}


.einrichtung .pagebanner-slider-image {
	height: 550px;
}

.entry-thumbnail {
	max-width: 35%;
}

}



@media screen and (max-width: 768px) {
body:after {
	content: "<768";
	background: PINK;
}

.sc-col {
	width: 100%;
}


.wp-caption,
img.size-medium,
img.size-small {
	margin-left: 0;
	margin-right: 0;
	float: none;
	display: block;
}


}



@media screen and (max-width: 600px) {
body:after {
	content: "<600";
	background: YELLOW;
}

html, body {
	font-size: 18px;
}


h1, .h1 {
	font-size: 38px;
	font-size: 2.0rem;
	margin: 0 0 2.5rem 0;
}

h2 {
	font-size: 1.3rem;
}


a.btn-cta {
	width: 100%;
}


.container {
	padding-left: 20px;
	padding-right: 20px;
}

main {
	padding-bottom: 4rem;
}

#header .inner {
	padding: 18px 0;
}

#header .logo {
	max-width: 160px;
}


.hero-panel-image {
	height: 300px; /*the height*/
}


.hero .slick-prev,
.hero .slick-next {
	top: 110px;
}

.awoteaser-image {
  min-height: auto;
  height: 300px;
}

.intro-section {
	padding: 5rem 0 0 0;
}


.awoteaser-content {
	padding: 3.0rem 0;
}


.jobteaser-section {
	padding: 3.5rem 0;	
}

.jobteaser-entry {
	flex-direction: column;
}

.jobteaser-entry-cats {
	order: 0;
	padding: 0;
}

.jobteaser-entry-title-wrap {
	padding: 0;
}

.pageteaser-section {
	padding: 4.5rem 0;	
}

.pageteaser {
	max-width: 500px;
}

.pageteaser-card {
	flex-direction: column;
}

.pageteaser-col:nth-child(even) .pageteaser-image {
	order: 0;
}

.pageteaser-image,
.pageteaser-btn {
	width: auto;
}


.pagebanner {
	margin-bottom: 3rem;
}

.pagebanner-slider-image {
	height: 300px; /*the height*/
}


.pagebanner .slick-dots {
	bottom: 10px;
}

.pagebanner .slick-dots li {
	height: 5px;
	width: 20px;
	background: rgba(255,255,255, .4);
}

.pagebanner-content {
	position: relative;
	background: var(--awool-yellow);
}

.pagebanner-title {
	padding: 30px 0;
	max-width: 100%;
}

.einrichtung .pagebanner-slider-image {
	height: 300px;
}

.einrichtung  .pagebanner-title {
	font-size: 1.2rem;
}


.einrichtung-card {
	margin-bottom: 30px;
	max-width: 450px!important;
}


.accordion-trigger {
	font-size: 1rem;
	padding: 1.2rem 1rem;
	padding-right: 3.0rem;
}

.accordion-trigger i:after {
	top: 1rem;
	right: 0.8rem;
	font-size: 1.6rem;
}

.accordion-content {
	padding-left: 1rem;
}


.searchResult form {
	display: block;
}

.searchResult .s {
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
	border-radius: 0px;
}

.searchResult input.searchsubmit {
	border-radius: 0px;
	height: auto;
	padding: 20px;
	line-height: 1;
}

.gallery-item {
	width: calc(100%/3);
}


.summary-item {
	display: block;
}

.summary-item-title {
	width: 100%;
	padding: 0 0 1rem 0;
}


.contactbox {
	display: block;
}

.contactbox-person {
	width: calc(100% / 2 - 10px);
}


.sc-personen {
	margin-left: -10px;
	margin-right: -10px;
}

.sc-person {
	width: 50%;
	max-width: 50%;
	margin: 0 0 30px 0;
    padding: 0 10px;
}


.persons {
	margin: -10px;
	margin-bottom: var(--block-mb);
}

.person {
	flex: 0 0 calc(100% / 2 - 20px);
	margin: 10px;
}

.kontaktbox {
	flex-direction: column;
}

.kontaktbox-image {
	width: 50%;
	max-width: 100%;
	padding: 0;
	margin-bottom: 1.1rem;
}

.quickcontact-wrap {
	margin-bottom: 5.8rem;
}

.quickcontact .inner {
	margin-top: -3em; /*= pagebanner mb*/
}


.blog-entry {
	flex-direction: column;
	max-width: 450px!important;
}

.entry-thumbnail {
	display: block;
	width: 100%;
	max-width: 100%;
}

.entry-content {
	padding: 1rem;
}

.post-pagination .page-numbers {
	width: 50px;
	height: 50px;
}

.post-tax .categories li {
	display: block;
}



.archive-header a.show-all {
	display: none;
}


.post-nav a {
	font-size: 0.9rem;
}

.post-nav .prev-post a::after,
.post-nav .next-post a::after {
	top: 0.1rem;
}

.post-nav .prev-post a {
	padding-left: 20px;
}

.post-nav .next-post a {
	padding-right: 20px;
}

.single .entry-header {
	margin-bottom: 2rem;
}

.single h1.entry-title {
	margin-bottom: 1.2rem;
}


.joblist-item {
	padding: 20px;
	flex-direction: column;
}

.joblist-item-header {
	padding: 0;
	margin: 0 0 0.5rem 0;
}


.contactcard-title br {
	display: none;
}



.wpcf7 .form-badge {
	top: -15px;
	padding: 0.6rem 1.5rem;
}

.wpcf7 input.wpcf7-submit {
	width: 100%;
	margin-bottom: -1rem;
}


.footer-section2 {
	margin: 1rem 0 0 0;
}

.footer-section2 > .container {
	display: block;
}

.footer-menu {
	flex-direction: column;
}

.footer-menu li a {
	display: block;
}

.footer-social {
	justify-content: center;
	margin: 2rem 0 0 0;
}

.footer-keyvisual svg {
	width: 140px;
	margin-top: -132px;
	filter: drop-shadow( 0 10px 33px rgba(0,0,0, .2));
}


}



@media screen and (max-width: 340px) {
body:after {
	content: "<340";
	background: MAGENTA;
}

html, body {
	font-size: 17px;
}

.container {
	padding-left: 10px;
	padding-right: 10px;
}

}




/* END
---------------------------------------------------------------------------------*/