/* @override http://www.lanternafuturi.net/wp/wp-content/themes/lanternafuturi/style.css */

/*
Theme Name: LANTERNA FUTURI
Theme URI:
Description:
Version: 1.0
Author: PD
Author URI:
Tags: Blank, HTML5, CSS3
*/


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

/*	Let's default this puppy out */
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: 'Open Sans', Arial;}

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

/* Font-Smoothing */

*, *:after, *:before {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
}

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


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

/*

grün		#2CAB65
türkis		#00A099
blau		#1C6FB7
navy		#2C2D82
lila		#652382

LINK		2C2C81 (blau)

*/

/* FRESH START */

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 145%;
	color: #333;
	background: #F2F2F2;
}

a {
	position: relative;
	color: #2C2C81;
	text-decoration: none;
	-webkit-transition: color 200ms ease;
	-moz-transition: color 200ms ease;
	-ms-transition: color 200ms ease;
	transition: color 200ms ease;

	-webkit-transition: background 150ms ease;
	-moz-transition: background 150ms ease;
	-ms-transition: background 150ms ease;
	transition: background 150ms ease;
}

a:visited {
	color: #2C2C81;
}

a:active {
	color: #2C2C81;
}

a:hover {
	color: #00A099;
	-webkit-transition: color 150ms ease;
	-moz-transition: color 150ms ease;
	-ms-transition: color 150ms ease;
	transition: color 150ms ease;
}




h1,h2,h3,h4 {
	line-height: 150%;
}

h1 {
	color: #2C2D82;
	margin: 0 0 25px 0;
	font-size: 30px;
	font-size: 2.3em;
	line-height: 140%;
}

h2 {
	margin: 0 0 20px 0;
	font-size: 23px;
	font-size: 1.6em;

	color: #00A099;

}

h3 {
	margin: 0 0 25px 0;
	font-size: 15px;
	font-size: 1.1em;
	color: #1C6FB7;

}

h4 {
	margin: 0 0 16px 0;
	font-size: 14px;
}

p {
	margin: 0 0 25px 0;
}

hr {
	position: relative;
	display: block;
	height: 2px;
	border: 0;
	background: #CCC;
	margin: 0px 0 25px 0;
	padding: 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;
	background: transparent url(images/footer-bg.svg) no-repeat bottom center;
}

.no-svg .page-wrap {
	background: transparent url(images/footer-bg.png) no-repeat bottom center;
}


.inner {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	max-width: 1096px;
	margin: 0 auto;
	padding: 0 30px;
}



.col {
	float: left;
}

.c3-3 {
	width: 30.693069306930692%;
	margin: 0 3.9603960396039604% 0 0;
	max-width: 310px;
	overflow: hidden;
}

.col.last,
.c3-3:nth-of-type(3n+3) {
	margin-right: 0;
}



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

#header {
	position: relative;
	background: #2C2D82 url(images/header-bg.svg) no-repeat center bottom;
	color: #FFF;
}

.no-svg #header {
	background: #2C2D82 url(images/header-bg.png) no-repeat center bottom;
}

#header .inner.top-header {
	height: 200px;
}

/* Language */

#header .lang {
	position: absolute;
	top: 0;
	right: 60px;
	z-index: 1;
}

#header .lang li {
	float: left;
	margin: 0 1px 0 0;
}


#header .lang li a {
	text-transform: uppercase;
	font-size: 11px;
	font-size: 0.85em;
	font-weight: 700;
	color: #FFF;
	color: rgba(255,255,255, .8);
	padding: 10px;
	padding-top: 15px;
	display: block;


}

#header .lang li a:hover,
#header .lang li.current-lang a {
	background: rgba(255,255,255, .15);
	color: #FFF;
}

/* Logo */

#header h1 {
	position: absolute;
	top: 0px;
	left: -260px;
	width: 608px;
	height: 100%;
	overflow: hidden;
	font-size: 12px;
	text-indent: -1500px;
	z-index: 1;
	background: url(images/logo-bg@x2.png) no-repeat 0 -60px;
	background-size: 100%;
}

.no-svg #header h1 {
		background-image: url(images/logo-bg.png);
}

.home #header h1 {
	height: 350px;
}


#header h1 a {
	position: absolute;
	top: 25px;
	left: 290px;
	display: block;
	width: 111px;
	height: 160px;
	background: transparent url(images/logo@x2.png) no-repeat 0 0;
	background-size: 100%;
}

.nosvg #header h1 a {
	background-image: url(images/logo.png);
}

#header .site-desc {
	position: absolute;
	top: 70px;
	right: 30px;
	text-transform: uppercase;
	font-size: 13px;
	font-size: 15px;
	font-weight: 700;
	text-align: right;
	opacity: .7;
}

/* Search Trigger */

button.search-trigger {
	display: block;
	position: absolute;
	top: 0;
	right: 25px;
	width: 30px;
	height: 50px;
	background: transparent;
	border: none;
	overflow: hidden;
	padding: 0;
	text-indent: -500px;
}

button.search-trigger:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	line-height: 48px;
	content: "\e816";
	font-family: 'icons';
	font-size: 1.8em;
	color: #FFF;
	color: rgba(255,255,255, .3);
	text-indent: 0;
}

button.search-trigger.open:before {
	color: #FFF;
}

.site-search  {
	display: none; /* js toggle*/
	padding: 20px;
	background: rgba(0,0,0,.2);

}

.site-search form {
	margin: 0 auto;
	position: relative;
	max-width: 600px;
}

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

.site-search input.s {
	width: 95%;
	height: 50px;
	padding: 0;
	padding-left: 10px;
	background: #FFF;
	font-size: 1.2em;
	border: none;
}

.site-search input.searchsubmit {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	padding: 0 20px;
	font-family: 'Open Sans';
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	overflow: hidden;
	height: 50px;
	z-index: 1;
	color: #FFF;
	background: #00A099;
}

.site-search i {
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	font-size: 1.80em;
	color: #FFF;
	background-color: #CCC;
}


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

#nav {
	position: absolute;
	right: -15px;
	bottom: 0;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 250px;
	clear: both;
	z-index: 2;
}

#nav ul {
	float: right;
}

#nav ul li {
	float: left;
	height: 50px;
	display: block;
	position: relative;
	margin: 0 1px 0 0;

}

#nav ul > li:last-child {
	margin-right: 0;
}

#nav ul li a {
	margin: 0;
	color: #FFF;
	font-size: 14px;
	font-size: 1.0em;
	font-weight: 700;
	text-transform: uppercase;
	padding: 15px 15px;
	height: 100%;
	display: block;
	white-space: nowrap;
}

#nav ul li a:hover,
#nav ul li:hover > a {
	background: rgba(255,255,255, .15);
}


#nav ul li.current_page_parent > a,
#nav ul li.current_page_ancestor > a,
#nav ul li.current_page_item > a,
/* current state for home */
/* DE */
.home #nav ul li.page-item-21 a,
.single #nav ul li.page-item-21 a,
.archive #nav ul li.page-item-21 a,
/* CZ */
.home #nav ul li.page-item-652 a,
.single #nav ul li.page-item-652 a,
.archive #nav ul li.page-item-652 a,
/* PL */
.home #nav ul li.page-item-654 a,
.single #nav ul li.page-item-654 a,
.archive #nav ul li.page-item-654 a
{
		background: rgba(255,255,255, .15);
}

#nav ul li.current_page_parent a:hover,
#nav ul li.current_page_item a:hover,
#nav ul li.current_page_parent:hover a,
#nav ul li.current_page_item:hover a {
}


#nav ul ul {
	position: absolute;
	top: 50px;
	left: 0;
	margin-top: 0px;
	margin-left: 0;

	z-index: 99999;

	background: #00A099;

	min-width: 150px;
	opacity: 0;
	visibility: hidden;

	-webkit-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
	box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
	-webkit-transition: all 0.05s ease-out;
	-moz-transition: all 0.05s ease-out;
	-o-transition: all 0.05s ease-out;
	transition: all 0.05s ease-in-out;
}

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

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

#nav ul li:last-child ul ul {
	left: auto;
	right: 100%;
}

#nav li:hover>ul {

/*effect*/
	opacity: 1;
	margin-top: 0;
	visibility: visible;
	display: block;
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in-out;
}

#nav ul li.current_page_parent li a,
#nav ul li.current_page_item li a {
	border-bottom: none;
}


.touch #nav ul ul {
	display: none;
}

.touch #nav li ul,
.touch #nav li:hover ul {
	-webkit-transition: none;
}

#nav ul ul ul {
	left: 100%;
	top: 0;
	background: #1C6FB7;
}

#nav li.hover li ul {
	opacity: 0;
	visibility: hidden;
}

#nav li li.hover ul {
	opacity: 1;
	visibility: visible;
}

#nav ul ul li {
	margin-bottom: 0;
	margin-right: 0;
	height: auto;
	float: none;
	min-width: 160px;
}

#nav ul ul a {
	line-height: 140%;
	padding: 13px 15px 13px 18px;
	height: auto;
	text-transform: uppercase;
	font-size: 14px;
	color: #FFF;
}

#nav li:hover > a,
#nav li.hover > a {
}

#nav ul ul a:hover,
#nav ul li li.current_page_item > a {
	text-decoration: none;
	color: #2C2D82;
}

#nav ul li:hover > ul  {
	display: block;
}


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


/* FlexSlider Necessary Styles
*********************************/

.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	/*-webkit-backface-visibility: hidden; causes Safari hover issues! */
}

/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	display: block;
	opacity: 1;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {
	display: block;
}


/* FlexSlider Theme
*********************************/

.flexslider {
	position: relative;
	zoom: 1;
}

.flex-viewport {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	opacity: 1;
}

.loading .flex-viewport {
	position: relative;
	opacity: .0;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
    margin-right: 5px;
}


/* Direction Nav */

.flex-direction-nav {
	*height: 0;
}

.flex-direction-nav a {
	font-size: 4em;
	line-height: 80px;
	text-decoration: none;
	display: block;
	width: 50px;
	height: 80px;
	margin: -42px 0 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: .3;
	cursor: pointer;
	color: #FFF;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;

	background: transparent;
}

.flex-direction-nav .flex-prev {
	left: 50px;
}

.flex-direction-nav .flex-next {
	right: 50px;
	text-align: right;
}

.flexslider:hover .flex-prev,
.flexslider:hover .flex-next {
	opacity: .8;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
}

.flex-direction-nav a:before {
	font-family: "icons";
	display: inline-block;
	content: "\e812";
}

.flex-direction-nav a.flex-next:before {
	content: "\e813";
}

/* Flex loading animation */

.loading .flexslider .slides img {
	opacity: 0;
}

.loading .flexslider .loading-spinner {
	display: block;
}

.flexslider.loading .slides > li:first-child {
	opacity: 1 !important;
}

.flexslider .loading-spinner {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	font-size: 45px;
	background: transparent;
	z-index: 10;

	/* infinite rotation */
	-webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.flexslider .loading-spinner:after {
	content: "\e81e";
	display: table;
	font-family: 'icons';
	font-weight: normal;
	text-align: center;
	line-height: 100%;
	color: #00A099;
}


/* Control Nav */

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	line-height: 0;
	text-align: center;
	z-index: 2;
}

.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #FFF;
	opacity: .4;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 50px
}

.flex-control-paging li a:hover {
	opacity: .8;
}
.flex-control-paging li a.flex-active {
	background: #FFF;
	opacity: .8;
	cursor: default;
}

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

#hero {
	position: relative;
	width: 100%;
	margin: 0 0 40px 0;
	background-color: #DDD;
}

#hero .flexslider .slides img {
	width: 100%;
	display: block;
	-opacity: 0;
}



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

#content {
	position: relative;
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
	line-height: 160%;
}

#content .inner {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #FFF;
}

.breadcrumbs {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
	color: #999;
	line-height: 60px;
	height: 60px;
	background: #F1F1F1;
}

.breadcrumbs a {
	color: #999;
}

.breadcrumbs a:hover {
	color: #00A099;
}

.breadcrumbs i {
	display: inline-block;
	padding: 0 3px;
	font-style: normal;
	font-weight: normal;
}

.breadcrumbs i.icon-home {
	font-size: 13px;
	padding: 0;
}

.home .breadcrumbs {
	display: none;
}

#main {
/*http://resources.sameerast.com/responsive-web-design-formula-easy-calculator.html*/
	float: left;
	max-width: 724px;
	width: 66.05839416058394%;
	margin: 0 0px 30px 0;
	margin-right: 3.4602076124567476%;
}


#main.full-width {
	float: none;
	clear: both;
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}

#main img {

}


#main p a > img {
	margin: 0;
}

#main a:hover img {
	opacity: .8;
}

#main p a {
	/*font-weight: bold;*/
}

#main h1 {
	position: relative;
	font-weight: normal;
	padding-bottom: 25px;
	text-transform: ;
}

#main h1:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 9%;
	border-top: 2px solid #2C2D82;
}


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

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

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

a img.alignnone {
	margin: 5px 20px 20px 0;
}

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

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

.wp-caption {
	max-width: 96%;
	text-align: center;
	background: transparent;
}


.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
	display: block;
}


.postThumb p.wp-caption-text,
.wp-caption p.wp-caption-text,
.gallery-caption {
	font-size: 12px;
	margin: 0;
	padding: 7px 7px 9px 7px;
	background-color: #F2F2F2;
	text-align: left;
}

.sticky {

}

.bypostauthor {

}

a.post-edit-link {
	display: inline-block;
	margin: 0 0 15px 0;
	position: relative;
	font-size: 12px;
	line-height: 12px;
	padding: 9px 12px;
	padding-left: 25px;
	text-transform: uppercase;
	background: CYAN;
	color: #333;
	border: 0px solid #F2F2F2;
}

a.post-edit-link:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	margin: -7px 0 0 0;
	width: 14px;
	height: 14px;
	background: transparent url(images/icon-edit.png) no-repeat 0 0;
}

.link-icon {
	position: relative;
	display: block;
	margin: 0 3px 8px 0;
	font-weight: 700;
}

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

.link-icon:before {
	content: "\e813";
	font-family: 'icons';
	font-size: 1.1em;
	font-weight: normal;
	color: #1D3E8D;
	margin: 0 8px 0 0;
}

i { /* IE */
	font-family: 'icons';
}

/* Lists */

#main ul,
#main ol {
	margin: 0 0 20px 0;
}

#main ul {
	padding-left: 20px;
	list-style-type: none;
}

#main li {
	position: relative;
	margin: 0 0 5px 0;
}

#main ul li:before {
	content: "• ";
	position: absolute;
	top: -0.01em;
	left: 0;
	margin: 0 0 0 -15px;
	font-size: 1.2em;
	font-weight: bold;
	color: #6666;
}

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


/* Shortcodes */

.textIntro {
	font-size: 1.3em;
	line-height: 155%;
	margin: 0 0 25px 0;
}

.textNotiz {
	font-size: 11px;
	font-size: 0.8em;
	line-height: 150%;
	margin-bottom: 20px;
}

.textZitat {
	position: relative;
	padding-left: 80px;
	margin-bottom: 25px;
	font-style: italic;
	font-size: 1.1em;
	line-height: 150%;
	color: #555;
}

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

.textZitat .cite {
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	display: block;
	margin: 5px 0 0 0;
}

.textZitat:after {
	content: "\e815";
	position: absolute;
	font-family: 'icons';
	font-size: 45px;
	line-height: 40px;
	color: #00A099;
	top: 0;
	left: 3px;
	opacity: .3;
	font-style: normal;
}

.textZitat:nth-of-type(2n):after {
	color:  #652382;
}

.textZitat:nth-of-type(3n):after {
	color:  #2CAB65;
}

.textZitat:nth-of-type(4n):after {
	color:  #1D3E8D;
}


.box,
.boxImportant {
	padding: 20px;
	background: #F1F1F1;
	margin: 0 0 25px 0;
}

.boxImportant {
	background: #E0F3F3;
}

.box p {

}

.box p:last-child,
.box p:nth-of-type(2),
.boxImportant p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

i.icon {
	font-size: 18px;
}

/* Spalten */

.one-half {
	width:48%;
}

.one-third {
	width:30.66%;
}

.two-third {
	width:65.33%;
}

.col {
	float:left;
	margin-right: 4%;
	margin-bottom: 20px;
	position:relative;
}

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




/* Expander (Aufklapper Shortcode) */

.expander {
	position: relative;
	margin: -1px 0 25px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.expander.not-last {
	margin-bottom: 0;
}

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

.expander .expander-trigger {
	display: block;
	padding: 10px 0;
	padding-right: 30px;
	font-weight: bold;
}

.expander .expander-trigger:after {
	position: absolute;
	top: 13px;
	right: 0;
	margin: 0;
	content: "+";
	display: block;
	line-height: 16px;
	border-radius:0;
	font-family: 'icons';
	font-size: 22px;
	font-weight: bold;
	color: #BBB;
}

.expander .expander-trigger:hover:after {
	color: #00A099;
}

.expander  .expander-trigger.active:after {
	content: "– ";
}

.expander-content {
	padding: 5px 0 0 0;
}


/* AUFKLAPPER */


.accordion-item {
	position: relative;
	margin: -1px 0 25px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.accordion-item.not-last {
	margin-bottom: 0;
}

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

.accordion .accordion-trigger {
	display: block;
	padding: 12px 0;
	padding-left: 25px;
	font-weight: bold;
	font-size: 1.1em;
}

.accordion .accordion-trigger:after {
	position: absolute;
	top: 15px;
	top: 50%;
	left: 0;
	margin: -10px 0 0 0;
	content: "+";
	display: block;
	line-height: 16px;
	border-radius:0;
	font-size: 22px;
	font-weight: bold;
	color: #BBB;
}

.accordion .accordion-trigger:hover:after {
}

.accordion  .accordion-trigger.active:after {
	content: "–";
	line-height: 10px;
}

.accordion-content {
	padding: 5px 0 0 0;
}








article {
	clear: both;
	margin: 0 0 30px 0;
}

a.more-link {
	display: inline-block;
}


.readmore-btn {
	display: inline-block;
	text-transform: uppercase;
	font-size: .8em;
	line-height: .8em;
	padding: 10px;
	font-weight: bold;
	background: #EDEDED; /*00A099*/
}

.readmore-btn i.icon {
	font-size: .9em;
}

a.backBtn {
	display: block;
	text-align: center;
	font-size: 12px;
	padding: 15px 15px;
	background: #F1F1F1;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}

a.backBtn:before {
	content: "\e812";
	font-family: 'icons';
	font-style: normal;
	margin: 0 8px 0 0;
}

a.backBtn:hover:before {
}

.btn {
	background: #00A099;
	border: 0;
	text-transform: uppercase;
	-webkit-transition: background 150ms ease;
	-moz-transition: background 150ms ease;
	-ms-transition: background 150ms ease;
	transition: background 150ms ease;
}

/* Start */

.home article {
	margin-bottom: 0;
}

.home article p:last-of-type {
	margin-bottom: 15px;
}

/* Blog */

.entry-details {
	color: #999;
}

.entry-details a {
	color: #999;
}

.entry-details .date {
	font-size: 12px;
	font-size: 0.80em;
	color: #999;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 4px 0;
}

.entry-details .author {
	display: none;
}

.entry-details .cats {
	font-size: 12px;
	line-height: 200%;
	text-transform: uppercase;
	margin: 0 0 3px 0;

	display: none; /* Kategorien AUS */
}

.entry-details .cats a {
	display: block;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #EDEDED;
}

.entry-details .cats a:last-child {
	border-bottom: none;
}

.entry-details .cats a:hover {
	color: #00A099;
}


.entry-details .tags {
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	font-size: 0.65em;
	line-height: 0.65em;
}

.entry-details .tags span {
	display: none;
}

.entry-details .tags a {
	background: #EDEDED;
	padding: 3px 5px;
	display: inline-block;
	line-height: 100%;
	margin-bottom: 3px;
}

.entry-details .tags a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #00A099;
}

.entry {
	border-bottom: 2px solid #EDEDED;
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
}

.entry-content {
	position: relative;
	float: left;
	width: 65%;
}

h2.entry-title {
	position: relative;
	font-size: 1.8em;

	color: #2C2C81;
	font-weight: normal;
	margin: -7px 0 20px 0;
}



h2.entry-title a:hover {
	text-decoration: none;
	color: #00A099;
}


.entry-meta {
	float: left;
	width: 30.386740331491712%;
	padding-right: 25px;
}

.postThumb {
	margin: 0 0 15px 0;
	overflow: hidden;
}

.postThumb a img {
	margin: 0;
	display: block;
	border: 1px solid #EDEDED;

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

-webkit-transform-style: preserve-3d;

	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.postThumb a:hover img {
	-moz-transform: scale(1.2) rotate(4deg);
	-webkit-transform: scale(1.2) rotate(4deg);
	transform: scale(1.2) rotate(4deg);
}

.entry-content .postThumb {
	margin: 0 0 25px 0;
}


.entry-content .entry-details {
	padding: 20px 0 0 0;
	border-top: 1px solid #CCC;
}


.single .entry-meta,
.single .entry-content {
	width: 100%;
	float: none;
}

.single .entry-details .cats {
	margin: 0;
}

.single .entry-details .cats a {
	display: inline-block;
	border-bottom: none;
}

.single .entry-details .cats a:after {
	content: ", "
}

.single .entry-details .cats a:last-child:after {
	content: " ";
}

.single .postThumb img {
	border:  none;
}



/* --- Post Tables --- */

#main table {
	width: 100%;
	margin: 0px 0px 30px 0px;
	border-top: 1px solid #DDD;
}

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

#main table thead td {
	font-weight: 700;
	background: #E0F3F3;
}

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

#main table tr th {
	padding: 5px 10px;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

#main table tr td {
	padding: 5px 10px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

#main table p {
	margin: 0;
}

/* pagination */

.pagination {
	text-align: right;
}

.pagination .page-numbers {
	display: none;
}

.pagination a:hover {
}

.pagination a.prev,
.pagination a.next {
	display: inline-block;
	background: #EDEDED;
	width: 50px;
	height: 48px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;

	font-size: 20px;
	text-align: center;
}

a.prev span,
a.next span {
	display: none;

}

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

.pagination a.prev:before {
	content: "\e80a";
	font-family: 'icons';
	display: block;
	text-align: center;
	line-height: 50px;
}

.pagination a.next:after {
	content: "\e80b";
	font-family: 'icons';
	display: block;
	text-align: center;
	line-height: 50px;
}


.postNav {
	padding: 20px 20px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin: 0 0 20px 0;
}

.postNav a {
	position: relative;
	display: block;
	width: 40%;
	float: left;
	color: #999;
	font-weight: bold;
	font-size: 13px;
	line-height: 140%;
}

.postNav a:hover {
	color: #00A099;
}

.postNav .prevPost a:before {
	content: "";
	font-family: 'icons';
	content: "\e812";
	font-weight: normal;
	font-size: 16px;
	position: absolute;
	top: 0;
	left: -20px;
}

.postNav .nextPost a:before {
	content: "";
	font-family: 'icons';
	content: "\e813";
	font-weight: normal;
	font-size: 16px;
	position: absolute;
	top: 0;
	right: -20px;
}


.postNav .prevPost a {
}

.postNav .nextPost a {
	float: right;
	text-align: right;
}




/* crazy lazy plugin */

#main img[src*='data:image/gif;base64'] {
    border: 0px solid #dbdbdb;
}

#main img.crazy_lazy {
	background: url(../../../wp-includes/images/wpspin-2x.gif) no-repeat center center;
    background-size: 16px 16px;
    background-color: #FFF;
    min-width: 30px;
    min-height: 30px;
}


/* WP gallery */

#main .gallery {
	margin: 0 auto;
	padding: 0;
	margin-bottom: 15px;
	position: relative;
	clear: both;
}

#main .gallery-item {
	float: left;
	overflow: visible;
	margin: 0 0 0px 0!important;
	text-align: left!important;
	width: auto; /*overwrite column setting*/
	width: 20%; /*5 colums*/
}

#main .gallery-columns-3.gallery-size-medium-crop .gallery-item{
	width: 33.33%;
}

#main .gallery-columns-4.gallery-size-medium-crop .gallery-item{
	width: 25%;
}


#main .gallery-size-medium .gallery-item {
	width: 50%;
}

#main .gallery-size-medium-crop .gallery-item {
	width: 50%;
}

#main .gallery-caption {
	margin-left: 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.25;
	color: #999;
	display: block;
	display: none;


/* gallery captions AUS */
}

#main .gallery img {
	display: block;
	width: 100%;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;


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

}

.gallery-icon a {
	background: #00A099;
	display: block;
}

.gallery a:hover img {
	-moz-transform: scale(1.2) rotate(4deg);
	-webkit-transform: scale(1.2) rotate(4deg);
	transform: scale(1.2) rotate(4deg);
}

.gallery-caption {
	display: none;
}

.wp-caption {
	text-align: center;
	padding: 0;
	margin: 0 10px 20px 0;
	display: inline-block;
}



.wp-caption img {
	margin-bottom: 0;
	padding: 0;
	border: none;
}

.gallery-columns-0 .gallery-item{
	width: 100%;
}

.gallery-columns-1 .gallery-item{
	width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-columns-10 {
	width: 10%;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.gallery-caption {
	display: none;
}

figure.wp-caption {
	max-width: 100%;
/*!*/
}


#main .gallery {
	margin: 0 auto;
	padding: 0;
	margin-bottom: 15px;
	position: relative;
	width: 101%;
	clear: both;
}

#main .gallery:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

dl.gallery-item + br {
	display: none;
}

#main .gallery p {
	margin: 0;
	display: inline-block; /* remove column break */
}

#main .gallery-icon {
	max-width: 100%;
	line-height: 0;
	margin: 0 5px 5px 0;
	overflow: hidden;
}


#main .gallery-caption {
	margin-left: 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.25;
	color: #999;
	display: block;
	display: none;
}

/* Spalten */

.two-columns-one {
	width:47%;
}

.three-columns-one{
	width:30.66%;
}

.three-columns-two{
	width:65.33%;

}

.four-columns-one {
	width: 22%;
}

.four-columns-two {
	width:48%;
}

.four-columns-three {
	width:74%;
}

.two-columns-one,.three-columns-one,.three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three {
	float:left;
	margin-right:5%;
	margin-bottom: 20px;
	position:relative;
}

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


/* Responsive iFrame */


#main .fve-video-wrapper { /* Fluid Video Embeds - Plugin*/
	margin: 0 0 25px 0;
}

#main iframe {
	width: 100%;
	min-height: 400px;
	border: 1px solid #EDEDED;
}

.iframe {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

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


/* Archive */

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

.archive .showCat,
.searchResult {
	position: relative;
	margin: 0 0 30px 0;
	font-size: 1em;
	padding: 20px;
	background: #F2F2F2;
}

.archive .showCat  span,
.searchResult span {
	font-weight: bold;
	text-transform: uppercase;
}

.archive .showCat a.showAll {
	float: right;
	font-size: 1em;
}

.socialshare {
	clear: both;
	margin: 25px 0 20px 0;
	background:  #FFF;
}

#main .socialshare li:before {
	display: none;
}

#main .socialshare ul {
	padding: 0;
}

#main .socialshare li {
	float: left;
	padding: 0;
	margin: 0 5px 5px 0;
}

.socialshare li a {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #FFF;
	background: #F2F2F2;
}

.socialshare li a i {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	width: 35px;
	float: left;
}

.socialshare li.fb a i{ background-color: #3C599B; }
.socialshare li.gplus a i{ background-color: #CC3433; }
.socialshare li.tw a i { background-color: #6CB1DD; }

.socialshare li a span {
	display: block;
	background: #F2F2F2;
	padding: 0 15px;
	font-size: 12px;
	font-weight: bold;
	float: left;

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

.socialshare li.fb a span { background-color: #738CB4; }
.socialshare li.gplus a span { background-color: #DC8479; }
.socialshare li.tw a span { background-color: #A1CDE9; }

.socialshare li.fb a:hover span { background-color: #3C599B; }
.socialshare li.gplus a:hover span{ background-color: #CC3433; }
.socialshare li.tw a:hover span { background-color: #6CB1DD; }





/* Tags */

/* Search */

.searchResult {
}

.searchResult form {
		position: relative;
}

.searchResult .s {
	border: none;
	padding: 10px;
	height: 50px;
	font-size: 1em;
	min-width: 50%;
}

.searchResult .searchsubmit {
	border: none;
	padding: 0 15px;
	height: 50px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 0 0 -3px;
	background: #00A099;
	-webkit-appearance: none;
	font-size: 15px!important;
}

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

.search .hentry {
	border: 0;
	border-bottom: 1px solid #DDD;
	margin: 0;
}

.search .hentry a {
	display: block;
	font-weight: bold;
	padding: 12px 10px;
}

.search .hentry a:hover {
	background-color: rgba(255,255,255, .5);
}

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

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


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



/* 404 page */

.error404 .page-wrap {
	background: #FFF url(images/404-ani.gif);
	background-size: cover;
}

.error404 .breadcrumbs {
	display: none;
}

.error404 #main {
	width: 100%;
	max-width: 100%;
	margin: 0;
	min-height: 50vh;
	text-align: center;
	padding-top: 8vh;
}

.error404 #main h1:after {
	left: 50%;
	margin-left: -4.5%;
}

.error404 #content .inner  {
	background: transparent;
}

.error404 .backBtn {
	display: inline-block;
}

.error404 #footer {
	display: none;
}




/* SIDEBAR
---------------------------------------------------------------------------------*/

#sidebar {
	position: relative;
	min-height: 100px;
	max-width: 330px;
	float: left;
	width: 30.10948905109489%;
	padding-bottom: 30px;
}

.subpages {
	position: relative;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
}

.subpages:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 19%;
	border-top: 2px solid #2C2D82;
}

.subpages ul {
	margin: 0 0 0 0;
}

.subpages ul li {

}

.subpages ul li a {
	padding: 0 0 8px 0;
	font-size: 14px;
	color: #999;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
}

.subpages li a:hover,
.subpages ul li.current_page_item > a,
.subpages ul li.current_page_parent > a {
	color: #00A099;
}

.subpages ul li.current_page_parent > a {
	color: #2C2D82;
}

.subpages li ul {
	padding-left: 20px;
}

.subpages li li {
	display: none;
}

.subpages li.current_page_item li,
.subpages li.current_page_parent li {
	display: block;
}

.subpages li li a {
	font-size: 13px;
}

.widget {
	position: relative;
	font-size: 13px;
	margin: 0 0 15px 0;
	padding: 20px;
	background: #F2F2F2;
}

.widget h1,
.widget h2,
.widget h3 {
	margin: 0 0 15px 0;
	font-size: 18px;
	font-size: 1.3em;
	font-weight: normal;
}

.widget-body {
}

.widget a {
	font-weight: bold;
}


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

.widget.teaser p {
	margin: 0 0 15px 0;
}

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

.widget.teaser img {
	display: block;
	padding: 0;
	margin: 0 0 15px 0;
}

.widget.teaser .fve-video-wrapper {
	margin-bottom: 15px!important;
}


.widget.tagcloud {
	line-height: 100%;
}


.widget.tagcloud a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px!important;
	font-size: 0.8em!important;
	line-height: 10px;
	padding: 4px 5px;
	margin: 0 0 4px 0;
	display: inline-block;
	background: #00A099;
	color: #FFF;

	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	transition: all 150ms ease;

}

.widget.tagcloud a:hover {
	opacity: .4;
}

.widget.tagcloud a:nth-of-type(6n+1) { background: #2CAB65; }
.widget.tagcloud a:nth-of-type(5n+1) { background: #652382; }
.widget.tagcloud a:nth-of-type(4n+1) { background: #1C6FB7; }
.widget.tagcloud a:nth-of-type(3n+1) { background: #2C2D82; }



.widget.fb iframe {
	margin: -8px 0 0 -8px;
}

.widget.fb .fb-wrap {
	height: 200px;
	overflow: hidden;
}

.widget.socialicons  {

}

.widget.socialicons i {
	display: block;
	float: left;
	color: #FFF;
	background: #00A099;
	text-align: center;
	width: 51px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	margin: 0 5px 5px 0;
}

.widget.socialicons li i.icon-facebook { background: #652382; }
.widget.socialicons li i.icon-youtube { background: #1C6FB7; }
.widget.socialicons li i.icon-soundclowd { background: #2C2D82; }
.widget.socialicons li i.icon-vimeo { background: #2CAB65; }

.widget.support {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	background: transparent;
}

.widget.support img {
}

.widget.support:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 19%;
	border-top: 2px solid #2C2D82;
}

.widget.support p {
	margin: 10px 0 0 0;
	font-size: 11px;
	line-height: 150%;
	color: #666;
}

.widget.support .btn {
	display: inline-block;
	margin: 15px 0 0 0;
	padding: 10px 10px;
	line-height: 100%;
	font-size: .9em;
	background: #EDEDED;
}

.widget.support .btn .icon {
	font-size: 90%;
}


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

#footer {
	width: 100%;
	font-size: 14px;
	padding: 0 0 90px 0;
}

#footer .inner {
	padding-bottom: 25px;
}

#footer .ft-nav li {
	float: left;
	margin: 0 18px 0 0;
}


#footer .ft-nav li a {
	color: #FFF;
	text-transform: uppercase;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	opacity: .7;
}

#footer .ft-nav li a:hover {
	opacity: 1;
}



/* FORMS
---------------------------------------------------------------------------------*/

.wpcf7 {
	position: relative;
}

#comments form,
.wpcf7 form {
	position: relative;
	padding: 20px!important;
	background: #EDEDED;
	margin: 0 0 25px 0;
}

.wpcf7 div {
	position: relative;
	clear: both;
	margin: 0 0 10px 0;
}

.wpcf7 label {
	font-size: .7em;
	font-weight: bold;
	text-transform: uppercase;
	color: #555;
	display: inline-block;
	width: 15%;
	vertical-align: top;
	padding-right: 15px;
}

.wpcf7 span {
	display: inline-block;
	width: 76%;
}

#comments input,
#comments textarea,
.wpcf7 input.wpcf7-text,
.wpcf7 textarea,
.wpcf7-date {
	padding: 7px;
	font-size: 15px;
	color: #444;
	background: #FFF;
	width: 100%;
	box-sizing: border-box;
	border: none;
	font-family: "PT Sans", Arial, sans-serif;
}

#comments input:focus,
#comments textarea:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus {
	border: 2px solid #00B6ED;
	opacity: 1;
}

.wpcf7 textarea {
	max-height: 100px;
}

.wpcf7 .submit {
	padding-left: 15px;
	margin: 0 0 0 15%;
}

#comments #submit,
.wpcf7 input.wpcf7-submit {
	text-transform: uppercase;
	font-weight: 800;
	font-size: .8em;
	padding: 10px 20px;
	margin: 0 0 0 0;
	width: auto;
	border: none;
	background: #333;
	color: #FFF;
	-webkit-appearance: none;
}

.wpcf7 .ajax-loader {
	position: absolute;
	left: -35px;
	top: 50%;
	margin: -8px 0 0 0;
}

.wpcf7 .wpcf7-response-output {
	font-size: .9em;
	background: #FFF;
}

.wpcf7 .wpcf7-mail-sent-ok {
	border: none;
	background: LIGHTGREEN;
	padding: 10px;
	font-size: 1em;
	text-align: center;
}

.wpcf7-date {
	max-width: 120px;
}

.wpcf7 h3 {
	margin: 0 0 30px 0;
}

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


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


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


.slicknav_btn {
	position: absolute;
	display: block;
	top: 0;
	right: 10px;
	z-index: 20;
	width: 58px;
	height: 55px;
	padding: 0;
	background: rgba(255,255,255, .2);
	line-height: 50px;
	cursor: pointer;
}

.slicknav_menu .slicknav_icon {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
}

.slicknav_icon:after {
	content: "\e803";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	font-family: 'icons';
	text-align: center;
	font-size: 1.8em;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 0 0;
	color: #FFF;
	color: rgba(255,255,255, .7);
}

.slicknav_open .slicknav_icon:after {
	/*content: "\e804";*/
}

.slicknav_menu .slicknav_icon-bar {
}

.slicknav_menu {
	display: none;
}


.slicknav_nav {
	display: block;
	margin: 0;
	padding: 70px 20px 20px 20px;
	background: #00A099;
}

.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding: 0;
	margin: 0 0 0 20px;
}

.slicknav_nav .slicknav_item {
}

.slicknav_nav a {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;

	padding: 13px 5px;
	color: #FFF;
	border-bottom: 1px solid rgba(255,255,255, .2);
}

.slicknav_nav ul li:last-child a {
}

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

.slicknav_nav .slicknav_item:hover {
}

.slicknav_nav a:hover {
	background-color: rgba(255,255,255, .15);
}

.slicknav_nav .slicknav_txtnode {
     margin-left: 15px;
}

.slicknav_nav li.current_page_item > a.slicknav_item a,
.slicknav_nav li.current_page_item > a {
	color: #2C2D82;
}


.slicknav_nav li li a {
	position: relative;
	padding-right: 60px;
}

.slicknav_nav .slicknav_arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 100%;
	color: rgba(255,255,255, .8);
	text-align: center;
	line-height: 45px;
	background-color: rgba(255,255,255, .15);
	font-family: 'icons';
	font-size: 20px;
}


#goTop {
	display: block;
    background: #00A099;
    color: #FFF;
    width: 51px;
    height: 50px;
    line-height: 46px;
    font-size: 18px;
    text-align: center;
    border-radius: 2px;
    position:fixed;
    bottom: -100px;
    right: 30px;
    opacity: .8;
    cursor: pointer;
    z-index: 100;
}


/* Lightbox (Plugin) */

#swipebox-overlay {
	background: rgba(44, 45, 130,.9)!important;

}

#swipebox-bottom-bar {
	background: #1C6FB7!important;
}

a#swipebox-close {
	background-color: #00A099;
}




/* GLOBALS

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

/* SVG fallback png */

/* OLD BROWSERS */

/* Media Queries

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


@media screen and (max-width: 1100px) {
body:after {
	content: "<1100";
	position: fixed;
	top: 0;
	padding: 5px;
	background: lawngreen;
	z-index: 100;
	opacity: .8;

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


.inner {
	padding: 0 20px;
}

.home #header h1 {
	height: 200px;
	left: -300px;
}

#header h1 a {
	left: 335px;
	width: 100px;
}

#hero {
	margin: 0;
}

#hero .flex-direction-nav .flex-prev {
	left: 20px;
}

#hero .flex-direction-nav .flex-next {
	right: 20px;
}


#header .site-desc {
	width: 60%;
	font-size: 0.8em;
	font-size: 0.9em;
}


#nav {
	right: 0px;
	padding-left: 220px;
}

#nav ul li a {
	font-size: 0.85em;
	padding: 15px 8px;
}

.widget.teaser {
	font-size: 12px;
}


}


/* Retina iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	body {
		font-size: 12px;
	}

body:after {
	content: "iPad portrait";
	z-index: 100;
	background: RED;
}

}



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

body:after {
	content: "<768";
	z-index: 100;
	background: lavender;
}


.inner {
	padding: 0 15px;
}

#nav ul li a {
}


#main {
	clear: both;
	max-width: 100%;
	width: 100%;
	margin: 0 0 30px 0;
}



#sidebar {
	clear: both;
	width: 100%;
	max-width: 100%;
	padding-top: 30px;
	border-top: 2px solid #F2F2F2;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.2em;
}

.inner {
	padding: 0 10px;
}

#header {
	background-size: 250%;
}

#header .inner.top-header {
	height: 125px;
}

.home #header h1,
#header h1 {
	width: 165px;
	left: 0;
	background-position: top right;
	background-size: 200%
}

#header h1 a {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 60px;
	height: 90px;
}

.home #header h1 {
	height: 125px;
}


#header .lang {
	display: none;
}

.flexslider .loading-spinner {
	font-size: 20px;
	margin: -10px 0 0 -10px;

}

.flex-direction-nav a {
	font-size: 2.5em;
}

.slicknav_menu .lang {
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	padding: 0 0;
}

.slicknav_menu .lang li {
	float: left;
	margin: 0 1px 0 0;
}

.slicknav_menu .lang a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	color: rgba(255,255,255, .8);
	display: block;
	padding: 12px 10px;
	background: rgba(255,255,255, .2);
}

.slicknav_menu .lang .current-lang a {
	background: rgba(255,255,255, .5);
	color: #FFF;
}



button.search-trigger {
	display: none;
}


.site-search {
	background: #2C2D82;

}

#header .site-desc {
	font-size: 9px;
	font-size: 0.9em;
	top: 70px;
	right: 12px;
	line-height: 130%;
	width: 80%;
	max-width: 68vw;

}


.slicknav_menu {
	display: block;
}




#nav {
	display: none;
}


.flex-control-nav {
	display: none;
}

#content .inner {
	padding-top: 15px;
	padding-bottom: 15px;
}

#main .col {
	float: none;
	width: 100%;
	margin-right: 0;
}

.breadcrumbs {
	height: 30px;
	line-height: 30px;
	font-size: 9px;
}

i.icon {
	font-size: 1.2em;
}

article {
	margin: 0;
}

.entry-meta {
	width: 40%;
	padding-right: 15px;
}
.entry-content {
	width: 60%;
}

.entry-details {
	float: none;
	width: 100%;
	margin: 0;
}

.entry-details .date,
.entry-details .cats,
.entry-details .tags {
	font-size: 9px;
}


h2.entry-title {
	margin-top: 0;
	font-size: 1.2em;
	margin-bottom: 10px;
}

.home .readmore-btn {
	position: absolute;
	bottom: 0;
	z-index: 1;
}

.home .entry-content { /* gradient ausblender */
	max-height: 200px;
	overflow: hidden;
}

.home .entry-content:before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 0;
	height: 50px;
	width: 100%;
	background: #FFF;
	z-index: 1;
}
.home .entry-content:after {
	content: "";
	position: absolute;
	bottom: 30px;
	left: 0;
	height: 50px;
	width: 100%;
	z-index: 2;

	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));

	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);

	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);

	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);

	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}


.textIntro {
	font-size: 1.2em;
}


.alignleft,
.alignright {
	float: none;
	display: block;
	margin-bottom: 10px;
}

#main .gallery-item {
	width: 25%;
}


#content .wpe-col-1,
#content .wpe-col-2,
#content .wpe-col-3 {
	float: none;
	width: 100%;
}



.col {
	float: none;
}

.c3-3 {
	width: 100%;
	margin: 0 0 15px 0;
	max-width: 100%;
}


.widget {
	padding: 10px;
}


.wpcf7 label {
	width: auto;
	float: none;
	display: block;
}

.wpcf7 span,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 input.wpcf7-text {
	float: none;
	display: block;
	width: 100%;
}

.wpcf7 .submit {
	margin: 0;
	padding: 0;
}

.wpcf7 .submit input[type="submit"] {
	width: 100%;
}

#goTop {
	right: 10px;
}


}

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

body:after {
	content: "<480";
	background: pink;
}

body {
	font-size: 13px;
}

#header .site-desc {
	font-size: 0.85em;

}


#main .gallery-item {
	width: 33%;
}

#main .gallery-size-medium .gallery-item,
#main .gallery-size-medium-crop .gallery-item,
#main .gallery-columns-3.gallery-size-medium-crop .gallery-item,
#main .gallery-columns-4.gallery-size-medium-crop .gallery-item {
	width: 100%;
}


/*  Print styles
---------------------------------------------------------------------------------*/


@media print {


}