/*
	
Theme Name: Iradis
Theme URI: http://webgearing.com
Description: based on the Starkers Theme.
Version: 1.0
Author: Andris Linz @ webgearing ag
Author URI: http://webgearing.com

*/

/* COLORS 
	
	hellgrün:		#9eba42
	dunkelgrün:		#2a6a44
	pastellgrün:	#f4f7ed
	schwarz:		#1d1d1b
	weiss:			#fff
	
*/




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


body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img, fieldset { margin:0; padding:0; border:0; }

ul, li, ol { list-style:none; }

:focus {outline:0 !important;}


/* ------------------------- UTILITIES ------------------------- */

.clear { clear:both; height:0;}

.floatLeft { float:left; }

.floatRight { float:right; }

p.gruen {
	color:#9eba42;
	font-weight:700;
}

.bg-light {
	background:#9eba42;
	position:relative;
}

.bg-dark {
	background: #2a6a44;
	position:relative;
}

.bg-pastell {
	background: #dce9bf;
	position:relative;
}

.bg-farbklecks {
	background-position-x: right !important;
	background-size:auto 100%;
}

.platzhalter {
	min-height:350px;
}

/* ------------------------- MAIN-STYLES ------------------------- */


body {font-family: Calibri, Helvetica, sans-serif; letter-spacing:.08em;  color:#2a6a44; background:#fff; font-size:17px;}


/* ------------------------- TYPO ------------------------- */


h1	{
	font-size:40px;
	font-weight:700;
	line-height:48px;
	margin:0 0 60px 0;
	color:#9eba42;
	letter-spacing:.1em;
	}

h2 	{
	font-size:40px;
	font-weight:700;
	line-height:48px;
	margin:0 0 30px 0;
	color:#9eba42;
	letter-spacing:.1em;
	}

h3 	{
	font-size:25px; 
	font-weight:500; 
	line-height:30px; 
	margin:0 0 30px 0;
	color:#9eba42;
	letter-spacing:.1em;
	}

h4 	{font-size:1.5em; font-weight:500; line-height:1.2em; margin:0 0 30px 0; letter-spacing:.1em; }

p 	{font-size:1em; line-height:1.5em; font-weight:400; margin:0 0 30px 0;
	hyphens:auto; -webkit-hyphens:auto;
}

p strong {font-weight:700;
	color:#2a6a44;
}

a {text-decoration:underline; color:#2a4f33; transition: all ease 0.3s;}

a:hover {text-decoration:underline; color:#2a4f33; transition: all ease 0.3s;}

a[href$=".pdf"] {
	position:relative;
	padding-left:30px;
}

a[href$=".pdf"]:before {
	position:absolute;
	left:0;
	top:0;
	content: "\f019";
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	color:#2a4f33;
}


blockquote  {
	padding:0;
	margin:0 0 30px 0;
}

blockquote p {
	font-size:40px;
	font-weight:700;
	line-height:42px;
	
	color:#9eba42;
}

ul {
	margin:0 0 30px 10px;
}

li {
	list-style:disc;
	padding:0 0 0 5px;
	margin:0 0 0 5px;
}

/* BUTTON */

.button {
	padding:15px 45px !important; 
	background:rgba(158, 186, 66, 1) !important; 
	font-size:0.8em !important; 
	border:0 !important; 
	font-weight:700 !important; 
	display:inline-block;
	border-radius:0 !important; 
	line-height:1.5em !important;
	}

.button span, .button {
	color:#fff !important; 
	hyphens:auto; -webkit-hyphens:auto;
	text-transform:uppercase;
	}

.button:hover {
	cursor:pointer !important; 
	background:rgba(158, 186, 66, 0.5) !important;
	}

.button:hover span, .button:hover {
	color:#2a6a44 !important;
	}


.buttons-horizontal .widget_sow-button {
		display:inline-block;
		margin-right:15px;
}


/* BUTTON BACK*/

.button-back {
	padding:15px 45px !important; 
	background:rgba(158, 186, 66, 1) !important; 
	font-size:0.8em !important; 
	border:0 !important; 
	font-weight:700 !important; 
	display:inline-block;
	border-radius:0 !important; 
	line-height:1.5em !important;
	color:#fff !important; 
	hyphens:auto; -webkit-hyphens:auto;
	text-transform:uppercase;
	text-decoration:none;
	}

.button-back:hover {
	cursor:pointer !important; 
	background:rgba(158, 186, 66, 0.5) !important;
	color:#2a6a44 !important;
	text-decoration:none;
	}



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


/* HEADER */

header {
	width:calc(100% - 60px); 
	padding:0 30px; 
	background:#fff; 
/* 	box-shadow: 0px 1px 3px rgba(0,0,0,0.16);  */
	position:relative;
	}
	
header .inner {
	max-width:1280px;
	margin:0 auto;
}


/* LOGO AREA */

#logo-area {float:left; width:auto;}

#logo-area img {height:60px; width:auto; border-radius:0;}

#logo-area .widget-container {margin:0; padding:30px 0;}


/* MENU AREA */

#menu-area {width:auto; float:right; text-align:left; padding:0;}

/* ------------------------- NAVIGATION ------------------------- */


#menu-area .menu {
	height:140px; 
	position:relative;
	}

#menu-area li {
	display:inline-block;
	line-height:140px;
	position:relative;
	}

#menu-area li a {
	color:#9eba42;
	font-size:18px;
	transition: all ease 0.3s;
	padding:0 0 0 26px;
	font-weight:700;
	text-transform:uppercase;
	text-decoration: none;
	}

/*
#menu-area li.menu-item-has-children a {
	padding:0 13px 0 26px;
	margin:0 13px 0 0;
	}
*/

#menu-area li a:hover {
	color:#2a6a44;
	transition: all ease 0.3s;
	text-decoration: none;
	}

#menu-area li.current-menu-item a, #menu-area li.current-menu-ancestor > a {
	color:#2a6a44;
	transition: all ease 0.3s;
	}

/*
#menu-area li.menu-item-has-children a:after {
	position:absolute;
	right:0;
	top:60px;
	content: "\f107";
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	color:rgba(0,0,0,0.2);
	}
*/

#menu-area .sub-menu {
	display:none;
	transition: all ease 0.3s;
	background:rgba(42, 106, 68, 0.9);
/* 	box-shadow:3px 3px 3px 0px rgba(0,0,0,0.16); */
	}


#menu-area li.menu-item-has-children:hover .sub-menu {
	display:block;
	transition: all ease 0.3s;
	position:absolute;
	top:140px;
	width:auto;
	z-index:999;
	padding:15px 0;
	right:-30px;
	}

#menu-area li.menu-item-has-children:hover .sub-menu li {
	display:block;
	font-size:25px;
	line-height:35px;
	width:auto;
	min-width:300px;
	text-align:right;
	padding:0 30px;
	}

#menu-area li.menu-item-has-children:hover .sub-menu li a {
	color:#fff;
	display:block;
	font-weight:700;
	}

#menu-area li.menu-item-has-children:hover .sub-menu li.current-menu-item a, #menu-area li.menu-item-has-children:hover .sub-menu li a:hover {
	color:#9eba42;
	}


#menu-area li.menu-item-has-children#menu-item-147 .sub-menu li.current-menu-item a {
	font-weight:500;
	}

#menu-area li.menu-item-has-children#menu-item-147 .sub-menu li.current-menu-item a:hover {
	font-weight:900;
	}

#menu-area li.menu-item-has-children .sub-menu li a:after {
	content: "";
	}

#menu-area .menu li.align-right.menu-item-has-children .sub-menu {
	right:-100px;
	}




/* MENU NEU START */

/* ------------------------- NAVIGATION ------------------------- 


#menu-area .menu {
	height:140px; 
	position:relative;
	margin-bottom:0;
	}

#menu-area li {
	display:inline-block;
	line-height:140px;
	position:relative;
	}

#menu-area li a {
	color:#9eba42;
	font-size:18px;
	transition: all ease 0.3s;
	padding:0 0 0 26px;
	font-weight:700;
	text-transform:uppercase;
	text-decoration: none;
	}


#menu-area li a:hover {
	color:#2a6a44;
	transition: all ease 0.3s;
	text-decoration: none;
	}

#menu-area li.current-menu-item a, #menu-area li.current-menu-ancestor > a {
	color:#2a6a44;
	transition: all ease 0.3s;
	}


#menu-area .sub-menu {
	display:none;
	transition: all ease 0.3s;
	background:rgba(42, 106, 68, 0.9);
}

#menu-area li.menu-item-has-children:hover .sub-menu {
	display:block;
	transition: all ease 0.3s;
	position:absolute;
	width:auto;
	z-index:999;
	padding:15px 0;
	left:-15px;
	margin-bottom:0;
	}

#menu-area li.menu-item-has-children:hover .sub-menu li {
	display:block;
	font-size:25px;
	line-height:35px;
	width:auto;
	min-width:300px;
	text-align:left;
	padding:0 30px;
	}

#menu-area li.menu-item-has-children:hover .sub-menu li a {
	color:#fff;
	display:block;
	font-weight:400;
	text-transform:none;
	padding-left:0;
	}

#menu-area li.menu-item-has-children:hover .sub-menu li .sub-menu {
	left:-15px !important;
	margin-top:15px;
	padding-top:0;
}

#menu-area li.menu-item-has-children:hover .sub-menu li.menu-item-has-children > a {
	font-weight:700;
	text-transform: uppercase;
}

#menu-area li.menu-item-has-children:hover .sub-menu li.current-menu-item a, #menu-area li.menu-item-has-children:hover .sub-menu li a:hover {
	color:#9eba42;
	}
	
#menu-area li.menu-item-has-children:hover .sub-menu > li.sub-menu-title > a:hover {
	color:#fff;
	}

#menu-area li.menu-item-has-children .sub-menu li a:after {
	content: "";
	}

#menu-area .menu li.align-right.menu-item-has-children .sub-menu {
	left:-200px;
	}
	
#menu-area .menu li.align-right.menu-item-has-children .sub-menu li a {
	text-align:right;
	}

/* MENU NEU END */






/* Menu Toggle */

body.menu--open #menutoggle {
		display:block;
	}

#menutoggle {
	position:fixed;
	top:40px;
	right:25px;
	width: 28px;
	height: 22px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index:999999999;
	display:none;
}

#menutoggle span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background:#2a6a44;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/*
body #menutoggle span {
	background:rgba(0,0,0,0.8);
}
*/

#menutoggle span:nth-child(1) {
  top: 0px;
}

#menutoggle span:nth-child(2) {
  top: 8px;
}

#menutoggle span:nth-child(3) {
  top: 16px;
}

body.menu--open #menutoggle span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 7px;
}

body.menu--open  #menutoggle span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 7px;
}

body.menu--open  #menutoggle span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 7px;
}


body #overlay-area {
	display:none;
}

body.menu--open #overlay-area {
	display:block;
	overflow:scroll;
}

#overlay-area {
	position:fixed; 
	top:0; 
	left:0; 
	bottom:0; 
	right:0; 
	background:#9eba42; 
	z-index:9999999; 
	padding:30px;
}

#overlay-area .menu {
	margin:0 auto 30px auto;
	max-width:500px;
	border-bottom:1px rgba(255, 255, 255, 0.3) solid;
}

#overlay-area .menu li {
	list-style:none; 
	border-top:1px rgba(255, 255, 255, 0.3) solid;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}

#overlay-area .menu li a {
	text-decoration:none; 
	display:block; 
	font-size:25px; 
	line-height:28px; 
	font-weight:700;
	color:rgba(255,255,255,0.8); 
	width:auto; 
	position:relative; 
	display:block;
	text-transform:uppercase;
}

#overlay-area .menu li a:hover {
	color:rgba(255,255,255,1);
}

#overlay-area .menu li.current-menu-item a, #overlay-area .menu li.current-menu-item .sub-menu li.current-menu-item a, #overlay-area .menu li.current-menu-ancestor a, #overlay-area .menu li.current-menu-ancestor .sub-menu li.current-menu-item a  {
	color:rgba(255,255,255,1);
}

#overlay-area .menu li.menu-item-has-children {
	padding-bottom:0;
}

#overlay-area .menu li.menu-item-has-children a {
	margin-bottom:15px;
}

#overlay-area .menu li.menu-item-has-children .sub-menu li a {
	margin-bottom:0;
}

#overlay-area .menu li .sub-menu li a {
	color:rgba(42,79,51,0.8);
	font-size:18px;
	line-height:28px;
}

#overlay-area .menu li .sub-menu li:hover a {
	color:rgba(42,79,51,1);
}

#overlay-area .menu .sub-menu {
	padding:0;
	margin:0 0 0 0;
}

#overlay-area .menu .sub-menu li {
	margin-bottom:5px;
}

#overlay-area .logo img {
	width:200px;
	height:auto;
	margin:0 auto;
}

/* ------------------------- MAIN ------------------------- */


#main {
	max-width:1280px; 
	padding:0; 
	margin:0 auto 30px;
	
	}
	
#main .content {
	padding:30px;
	background:#f4f7ed;
}

/* ------------------------- HOME ------------------------- */

/* TEASERBOXEN */

.teaser {
/* 	position:relative; */
}

.teaser h2 {
	color:#fff;
	margin-bottom:15px;
	text-transform:uppercase;
}

.bg-light .teaser h3, .bg-light .teaser p {
	color:#2a6a44;
}

.bg-dark .teaser h3 {
	color:#9eba42;
}

.bg-dark .teaser p {
	color:#fff;
}

.bg-pastell h2, .bg-pastell h3, .bg-pastell p	 {
	color:#2a6a44;
}

.bg-pastell .button-teaser:hover span {
	color:#2a6a44 !important;
}


/* BUTTON Teaser */
	
.button-teaser {
	padding:15px 45px !important; 
	background:rgba(255, 255, 255, 1) !important; 
	font-size:0.8em !important; 
	border:0 !important; 
	font-weight:700 !important; 
	display:inline-block;
	border-radius:0 !important; 
	line-height:1.5em !important;
	position:absolute;
	bottom:0;
	right:0;
	}

.button-teaser span, .button-teaser {
	color:#9eba42 !important; 
	hyphens:auto; -webkit-hyphens:auto;
	text-transform:uppercase;
	}

.button-teaser:hover {
	cursor:pointer !important; 
	background:rgba(255, 255, 255, 0.5) !important;
	}

.button-teaser:hover span, .button-teaser:hover {
	color:#fff !important;
	}


/* ------------------------- EVENTS ------------------------- */

.teaserposts {
	width:calc(100% + 30px);
	left:-15px;
}

.teaserpost {
	padding:26px 26px 13px 26px;
	margin:0 0 26px 0;
	}

.teaserposts .grid-sizer {
	width:calc(50% - 30px);
	}

.teaserposts .teaserpost {
	width:calc(50% - 30px); 
	height:auto; 
	margin:0 15px 30px 15px; 
	box-sizing: border-box; 
	}


.teaserpost h3 {
	font-size:40px; 
	line-height:48px; 
	font-weight:700;
	hyphens:auto; -webkit-hyphens:auto;
	max-width:100%;
}

.teaserpost h3 a {
	text-decoration:none;
	
}

.teaserpost p.datum {
	font-size:22px;
}

.teaserpost p {
	max-width:calc(100% - 200px);
}


/* button-more */
	
.teaserpost .button-more {
	padding:15px 45px !important; 
	background:rgba(255, 255, 255, 1) !important; 
	font-size:0.8em !important; 
	border:0 !important; 
	font-weight:700 !important; 
	display:inline-block;
	border-radius:0 !important; 
	line-height:1.5em !important;
	position:absolute;
	bottom:0;
	right:0;
	color:#9eba42 !important; 
	hyphens:auto; -webkit-hyphens:auto;
	text-transform:uppercase;
	text-decoration:none;
	}


.teaserpost .button-more:hover {
	cursor:pointer !important; 
	background:rgba(255, 255, 255, 0.5) !important;
	color:#2a6a44 !important;
	}
	
/* Wissenswertes */

.teaserpost.no-link p {
	max-width:100%;
}
	
/* Single */

#main.single-events {
	padding:30px;
	box-sizing: border-box;
	background:#f4f7ed;
}

.event-text {
	margin-bottom:30px;
}

.event-text table tr td:first-child {
	padding-right:30px;
}

/* ------------------------- TEAM ------------------------- */


.team h2 {
	color:#2a6a44;
}

.team h3 {
	color:#2a6a44;
	font-size:24px;
	line-height:24px;
	font-weight:700;
	margin-bottom:5px;
	letter-spacing:0.06em;
	hyphens:auto; -webkit-hyphens:auto;
}

.team p {
	color:#2a6a44;
	font-size:17px;
	line-height:24px;
}



/* ------------------------- ACCORDION ------------------------- */

.accordion {
	background:transparent;
}

.sow-accordion-panel-header {
	background:#dce9bf !important;
	color:#9eba42 !important;
	font-size:25px;
	text-transform:uppercase !important;
	font-weight: 700 !important;
	transition: all ease 0.3s;
}

.sow-accordion-panel-open .sow-accordion-panel-header, .sow-accordion-panel-header:hover {
	background:#2a6a44 !important;
	transition: all ease 0.3s;
}

.sow-accordion-panel-border {
	background:transparent !important;
}



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

.slider {
	background:#fff;
	padding-bottom:30px;
	margin-bottom:0;
}

.slider .sow-slider-base {
	border-radius:0px 0px 0px 100px !important;
}

.slider h3 {
	color:#fff;
	font-size:50px;
	line-height:55px;
	font-weight: 700;
	text-transform: uppercase;
}

.sow-slide-nav-prev {
	border:#fff 2px solid;
	border-radius:50%;
	left:60px !important;
}

.sow-slide-nav-next {
	border:#fff 2px solid;
	border-radius:50%;
	right:60px !important;
}

.sow-slider-base .sow-slide-nav {
/* 	display: block !important; */
	opacity: 1 !important;
	bottom:0 !important;
	top:inherit !important;
}

.sow-slider-base .sow-slider-pagination {
	bottom:35px !important;
	text-align:left !important;
	left:140px !important;
}

.sow-slider-base .sow-slider-pagination li a {
	width:15px !important;
	height:15px !important;
}

/* ------------------------- FORMULAR ------------------------- */


.nf-form-fields-required {
	display:none;
}

/*
.nf-field-label {
	display:none;
}
*/

.nf-form-content input[type="text"], .nf-form-content input[type="email"], .nf-form-content input[type="tel"], .nf-form-content textarea {
	border:#fff 1px solid !important;
	background-color:#fff !important;
	font-family:'Montserrat', Verdana, Helvetica, Arial, sans-serif;
	font-size:1em !important;
	color:#2a6a44 !important;
}

.nf-form-content input[type="text"]:focus, .nf-form-content input[type="email"]:focus, .nf-form-content input[type="tel"]:focus, .nf-form-content textarea:focus	 {
	border:#2a6a44 1px solid !important;
}

/*
.nf-form-content input[type="button"] {
	background:rgba(255,255,255,0.6) !important;
	color:#000 !important;
	font-family:'Montserrat', Verdana, Helvetica, Arial, sans-serif;
	padding:15px 45px !important;
	line-height:1em;
}

.nf-form-content input[type="button"]:hover {
	background:rgba(255,255,255,0.8) !important;
	color:#2a6a44 !important;
}
*/

.nf-form-content input[type="text"]::placeholder, .nf-form-content input[type="email"]::placeholder, .nf-form-content input[type="tel"]::placeholder, .nf-form-content textarea::placeholder {
	opacity:1;
}


.nf-form-content input[type="button"] {
	padding:15px 45px !important; 
	background:rgba(255, 255, 255, 1) !important; 
	font-size:0.8em !important; 
	border:0 !important; 
	font-weight:700 !important; 
	display:inline-block;
	border-radius:0 !important; 
	line-height:1.5em !important;
	color:#9eba42 !important; 
	hyphens:auto; -webkit-hyphens:auto;
	text-transform:uppercase;
	text-decoration:none;
	}


.nf-form-content input[type="button"]:hover {
	cursor:pointer !important; 
	background:rgba(255, 255, 255, 0.5) !important;
	color:#2a6a44 !important;
	}


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


footer {
	background:#9eba42; 
	padding:30px 0 0 0; 
	color:#fff; 
	width:100%;
	min-height:350px;
	}

footer .inner {padding:0 30px; margin:0 auto;
	width:1280px;
}

#first-footer-widget-area {margin:0;}

footer p, footer h2, footer h3 {
	color:#fff;
}

footer a {text-decoration:none; color:rgba(42,106,68,1);}

footer a:hover {text-decoration:none; color:rgba(42,106,68,0.5);}

footer h3 {font-size:26px; font-weight:400; line-height:34px; margin:0;}

footer img {
	width:auto;
	height:40px !important;
}

#kontakt img {
	width:30px;
	height:auto;
}

footer p.small {
	font-weight:700;
	color:#fff;
}

/* BUTTON-TOP */

#btn_top {
	position:fixed; 
	bottom:30px;
	right:30px;
	display:none;
	padding:15px 15px 10px 15px !important; 
	background:rgba(158, 186, 66, 1) !important; 
	font-size:1em !important; 
	border:0 !important; 
	font-weight:700 !important; 
	line-height:1.5em !important; 
	color:#fff !important;
	hyphens:auto; -webkit-hyphens:auto;
	z-index:1;
	}
	
#btn_top.active {
	display:block;
}

#btn_top.active:before {
	content: url(images/arrow-up_hover.svg);
}


#btn_top:hover {
	color:#2a6a44 !important;
	cursor:pointer !important; 
	background:rgba(158, 186, 66, 0.5) !important; 
	border:0 !important; 
	}

#btn_top.active:hover:before {
	content: url(images/arrow-up.svg);
}


/* DISCLAIMER */

#wp-disclaimer-popup {
	background:#2a6a44;
	color:#fff;
	padding:0 0 30px 0!important;
}

#wp-disclaimer-popup h1 {
	color:#fff;
	margin-bottom:30px;
	font-size:2em;
	text-transform:uppercase;
}

#wp-disclaimer-popup p strong {
	color:#fff;
}

#wpdp-close, #wpdp-decline {
	padding:15px 45px !important; 
	background:#fff !important; 
	font-size:0.8em !important; 
	border:0 !important; 
	font-weight:700 !important; 
	display:inline-block !important;
	border:#fff 2px solid !important;
	border-radius:0 !important; 
	line-height:1.5em !important;
	color:#2a6a44 !important; 
	width:200px !important;
}

#wpdp-close:hover, #wpdp-decline:hover {
	cursor:pointer !important; 
	background:#2a6a44 !important;
	color:#fff !important;
	}

#wp-disclaimer-popup #wpdp-close {
	margin-right:15px !important;
}
	
#wp-disclaimer-popup #wpdp-decline {
	margin-left:0 !important;
}

.disclaimer-logo {
	background:#fff !important;
	padding:30px !important;
	margin-bottom:30px !important;
}

.disclaimer-logo p {
	margin-bottom:0 !important;
}

.disclaimer-text {
	padding:30px 30px 0 30px !important; 
}


/* COOKIES */

#cn-accept-cookie {
	text-decoration:none !important;
}

#cn-notice-text a {
	color:#fff;
}

/* ----- RESPONSIVE TABLET STYLES ----- */


@media screen and (max-width: 1240px){
	
	#logo-area img {height:40px; width:auto;}
	
	#main {width:calc(100% - 80px); padding:0 40px 26px; margin:0 auto; min-height:500px;}
	
	footer .inner {width:calc(100% - 80px);}
}


@media screen and (max-width: 1023px) { 
		
	#main {width:calc(100% - 80px); padding:0 40px 26px; margin:0 auto; min-height:500px;}
	
	footer .inner {width:calc(100% - 80px);}

	#menu-area {
		display:none;
	}

	#menutoggle {
		display:block;
	}

}


/* ----- RESPONSIVE MOBILE STYLES ----- */


@media screen and (max-width: 780px) { 
	
	#logo-area img {height:40px; width:auto;}
			
	#main {width:calc(100% - 40px); padding:0 20px 26px; margin:0 auto; min-height:500px;}
				
	footer h3 {font-size:22px; line-height:26px; margin:0;}
		
	h1 {
		font-size:25px;
		hyphens:auto; -webkit-hyphens:auto;
		line-height:30px;
		margin-bottom:30px;
	}
	
	.bg-farbklecks h1, .bg-farbklecks h2, .bg-farbklecks h3, .bg-farbklecks p {
		text-align:left !important;
	}
	
	h2 {
		font-size:25px;
		hyphens:auto; -webkit-hyphens:auto;
		line-height:30px;
		margin-bottom:30px;
	}
	
	h3, .slider h3, .teaserpost h3 {
		font-size:20px;
		hyphens:auto; -webkit-hyphens:auto;
		line-height:26px;
		margin-bottom:15px;
		text-shadow:rgba(0,0,0,0.16) 1px 1px 1px;
	}	
	
	.platzhalter {
		min-height:200px;
	}

	
	.teaserposts {
		width:calc(100% + 30px);
		left:-15px;
	}
	
	
	.teaserposts .grid-sizer {
		width:calc(100% - 30px);
		box-sizing: border-box; 
		}
	
	.teaserposts .teaserpost {
		width:calc(100% - 30px); 
		height:auto; 
		margin:0 15px 30px 15px; 
		box-sizing: border-box; 
		}
		
	.teaserpost p.datum {
		font-size:18px;
		line-height:24px;
		margin-bottom:15px;
	}
	
	.teaserpost p {
		max-width:100%;
	}
	
	.teaserpost p:last-child {
		padding-bottom:15px;
	}
		
	.slider .sow-slider-base {
		border-radius:0px 0px 0px 50px !important;
	}
	
	blockquote p {
		font-size:25px;
		hyphens:auto; -webkit-hyphens:auto;
		line-height:30px;
	}
}