/*
	Theme Name: WasJetzt
	Theme URI: http://wasjetzt.net
	Description: WasJetzt WordPress Theme
	Version: 0.0.1
	Author: Gernot Rutter asol.at
	Author URI: http://asol.at

*/

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


/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 "futura-pt", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#000;
	background: #fff;
	font-weight: 500;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height: auto
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
p, article ul, article ol, .form-content{
	font-family: "futura-pt",sans-serif;
	font-size: 1.3em;
}
.form-content, article.page{
	font-family: "futura-pt",sans-serif;
}
.form-content .field{
	margin-bottom: 10px;
}
article iframe{
width: 100%;
}
/* Responsive Videos */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1024px;
	width:90%;
	margin:0 auto;
}
/* header */
.header {
	/* border-bottom: 3px solid #000; */
	margin-top: 10px;
	transition: max-width .2s ease,  left .2s ease;
}
.header:before{
	height: 1px;
    width: 100%;
    background: #000;
    position: absolute;
    top: 90px;
    left: 0px;
	transition: width .2s ease,  left .2s ease;

}
.home .header:before{
	top: 95px;
}
/* logo */
.logo-img {
    max-height: 75px;
    vertical-align: top;
	margin: 0 0 10px 0;
	transition: max-width .25s; 
}
.home .logo-img{
	max-width: 128px;
}
.logo{
	float: left;
	transition: margin-left .2s ease;
}

.logo-text{
	text-transform: uppercase;
	display: none;
	font-size: 1.45em;
	margin-bottom: 53px;
	margin-left: 20px;
    	letter-spacing: 0.01em;
	max-width: 400px;
transition: margin-bottom 0.2s ease;  

}
.home .logo-text{
    display: inline-block;
    font-size: 1em;
    margin-top: 41px;
    margin-left: 5px;
    margin-bottom: 37px;
    max-width: 190px;
    line-height: 1em;
}
.logo-text span{
	color: #000;

}
.logo-ad{
    position: absolute;
    top: 20px;
    right: 50px;
display:none;
}
.home .logo-ad{
display:block;
}
.logo-ad img{
    max-width: 64px;

}
/* nav */
.directnav{
	position: absolute;
	right: 0;
	bottom: 80px;
}
.directnav ul{
	list-style-type: none;
	text-transform: uppercase;
}
.directnav ul li{
	text-align: right;
	font-size: 1.8em;
	line-height: 2em;
	letter-spacing: 0.05em;
    position: relative;
}
.directnav ul li nav ul li{
		text-align: left;
}
.directnav ul li:first-child a{
	border-bottom: 10px solid #ef7d00;
}
.directnav ul li:first-child .submenu > ul {
    border-top: 10px solid  #ef7d00;
}
.directnav ul li:nth-child(2) a{
	border-bottom: 10px solid #b31852;
}
.directnav ul li:nth-child(2) .submenu > ul {
    border-top: 10px solid  #b31852;
}

.directnav ul li:nth-child(3) a{
	border-bottom: 10px solid #2dafe6;
}
.directnav ul li:nth-child(3) .submenu > ul {
    border-top: 10px solid  #2dafe6;
}
.archive-link a {
    border-bottom: 10px solid #d6001c;
}
.directnav ul li nav ul li{
	font-size: 1em;
	border-bottom: 1px solid #c7c7c7;
}
.directnav ul li nav ul li:hover {
    background: #ececec;
}
.directnav ul li nav ul li:last-child{
border-bottom: 0px solid #c7c7c7;

}
.directnav ul li nav ul li a{
border-bottom: 0px !important;
font-size: 0.8em;
    line-height: 32px;
}
.contact{
	position: absolute;
	bottom: 45px;
	right: 0;
	font-size: 1.5em;
        text-align: right;
	display: none;
}
main{
	clear: both;
}
.vorspann, .vorspann p{
	font-size: 1.2em !important;
	font-weight: bold;
	margin-top: 10px;
}
.vorspann-front p{
	font-size: 1.3em;
    line-height: 1.4em;
}
.autoren{
	font-family: 'futura-pt', sans-serif;
	font-size: 1.4em !important;
}
.autoren span{
	font-size: 0.9em;	
}
/* sidebar */
.sidebar {
	display: none !important;
}
/* footer */
.footer {

}
#wasjetzt-abo-container{
	background-color: #ececec;
	padding: 15px;
}
#wasjetzt-abo-container p{
	font-size: 1.8em;
	font-family: 'futura-pt', sans-serif !important;
}
.wasjetzt-abo-section{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#menu-fussbereichmenue{
	text-align: center;
    list-style-type: none;
    font-size: 1.3em;
	padding-left: 0px;
	margin-left: 0px;
}
button, input, select, textarea{
	border: 1px solid #ddd;
    padding: 4px;
	width: 100%;
}
input[type="checkbox"], input[type="radio"]{
	width: auto;
	margin-right: 5px;
}
/*------------------------------------*\
    POSTS
\*------------------------------------*/
article p a, article li a, article ul li a, article ol li a{
	/*color: #2dafe6;*/
text-decoration: underline;
}
article.post, article.page{
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 3px solid #000;
}
article h2, article h1{
	font-size: 2.3em;
	word-break: break-word;
    margin-bottom: 0px;
    margin-top: 0;
	line-height: 1em;
}
.post article h2{
font-size: 16px !important;
font-family:'futura-pt', sans-serif;
font-weight: bold;
}
article.page{
	font-family:'Helvetica LT W01 Roman';

}
article.page h1{
	margin-bottom: 20px;
	font-family:'futura-pt', sans-serif;

}
article h4{
	border-bottom: 5px solid #969697;
	display: inline-block;
	margin: 0 0 15px 0;
	font-weight: 500;
	font-size: 1.3em;
	text-transform: uppercase;
}

article div{
	max-width: 100%;
}
.masonry{
	/* column-count: 2; */
    /* column-gap: 2em; */
	padding-bottom: 20px;
	/* border-bottom: 3px solid #000;	 */
}
.masonry article.post{
	/* width: 48%; */
	display: inline-block;
	vertical-align: top;
	/* margin-right: 3%; */
	/* margin-right: 3%; */
	border-bottom: 3px solid #000;
}
.masonry article.post:nth-child(2n){
	margin-right: 0;
	/* float: right; */
}
#initiative{
	display: none;
}
#initiative a{
    position: absolute;
    right: 0;
    font-size: 1.5em;
    top: -20px;
	color: #969697;
    text-align: right;
}
:not(.frontpage) article .wj-landscape{
	margin-bottom: 20px;
	width: 100%;
	margin: auto;
	display: block;
	padding-bottom: 20px;

}
article .bild-original .wj-landscape {
	padding-bottom: 20px;
	width: 100%;
    margin: auto;
    display: block;
}
article .wj-portrait{
    max-width: 45%;
	float: right;
    margin-left: 20px;
	margin-bottom: 20px;
}
span.date{
	font-size: 1.5em;
}
.masonry article .wj-portrait{
	max-height: 300px;

}

.masonry article.post:nth-child(2n) .wj-portrait{
	float: left;
    margin-right: 20px;
	margin-left: 0;
}
.directnav ul {
    margin-bottom: 0;
}
h4.parent-category-2,h4.category-2, h4.parent-category-2406,h4.category-2406{
	border-color: #2dafe6;
}
h4.parent-category-5,h4.category-5, h4.parent-category-2404,h4.category-2404{
	border-color: #ef7d00;
}
h4.parent-category-4,h4.category-4, h4.parent-category-2405,h4.category-2405{
	border-color: #b31852;
}
.view-article{
	font-weight: bold;
}
.sidebar{
	font-size: 1.7em;}
.sidebar h3{
	font-size: 1.5em;
}
.tags{
	font-size: 1.5em;
	display: none;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

/* colors: schwerpunkt->#2dafe6, bildung-> #b31852, lernen->#ef7d00*/
@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}
/*------------------------------------*\
	MENU 
\*------------------------------------*/

.nav {
  position: absolute;
right: 8px;
top: 7px;
  width: 50px;
  height: 50px;
  display: block;
  cursor: pointer;
  -webkit-transition: opacity 0.2s linear;
margin-top: 0px;
  transition: opacity 0.2s linear, margin-top 0.2s ease;
}

.nav span {
  display: block;
  float: left;
  clear: both;
  height: 4px;
  width: 25px;
  border-radius: 40px;
  background-color: #2dafe6;
  position: absolute;
  right: 3px;
  top: 3px;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.nav span:nth-child(1) {
  margin-top: 10px;
  z-index: 9;
}
.nav span:nth-child(2) {
  margin-top: 18px;
}
.nav span:nth-child(3) {
  margin-top: 26px;
}

.nav > span > ul, .directnav ul ul {
  -webkit-transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  height: 0;
  width: 0;
  right: 0;
  top: 0;
  position: absolute;
  background-color:rgba(255, 255, 255, 1);
  border-radius: 0;
  z-index: 18;
  overflow: hidden;
list-style-type: none;
}
.nav  ul{
list-style-type: none;
}
.nav.opened > span > ul ul li a{
line-height: 28px;
}
.nav.opened > span > ul ul{
padding-left: 20px;
}
.nav > span > ul > li {
  display: block;
  clear: both;
  height: auto;
  /* margin-right: -160px; */
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  font-size: 1.5em;
}
.nav ul li:first-child {
  
}
.nav ul li:nth-child(1) {
  -webkit-transition-delay: 0.05s;
}
.nav ul li:nth-child(2) {
  -webkit-transition-delay: 0.10s;
}
.nav ul li:nth-child(3) {
  -webkit-transition-delay: 0.15s;
}
.nav ul li:nth-child(4) {
  -webkit-transition-delay: 0.20s;
}
.nav ul li:nth-child(5) {
  -webkit-transition-delay: 0.25s;
}
.nav > span >  ul li a {
  color: #000;
  width: 100%;
  display: block;
  float: left;
  line-height: 40px;
}
.directnav > ul > li .nav.submenu{
    right: 0;
    top: 2px;
    width: 0;
    height: 0;
	opacity: 0;
    display: block;
}
.directnav > ul > li .nav.submenu ul{
    transition: all 0.5s ease;
    max-height: 0vh;
}
.directnav > ul > li.active .nav.submenu{
	display:block;
    opacity: 1;
}
.nav.opened > span > ul,.directnav > ul > li.active .nav.submenu ul {
	opacity: 1;
	height: auto;
	width: max-content;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.19);
	top: 30px;
	padding: 10px 0px;
	display:block;

}
.nav.opened > span > ul li,.directnav > ul > li.active .nav.submenu ul li{
	padding: 0 30px;
}
.directnav > ul > li.active .nav.submenu ul {
    max-height: 100vh;
}

.opened span:nth-child(2) {
  overflow: visible;
}
.opened span:nth-child(1), .opened span:nth-child(3) {
  z-index: 100;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.opened span:nth-child(1) {
  -webkit-transform: rotate(45deg) translateY(1px) translateX(12px);
          transform: rotate(45deg) translateY(1px) translateX(12px);
}
.__opened span:nth-child(2) {
  height: 400px;
  width: 400px;
  right: -160px;
  top: -160px;
  border-radius: 50%;
  background-color: rgba(38, 84, 133, 0.54);
}
.opened span:nth-child(2) {
  height: auto;
  width: auto;
  background-color: transparent;
}
.opened span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translateY(0px) translateX(10px);
          transform: rotate(-45deg) translateY(0px) translateX(10px);
}
.nav.opened li {
  /* margin-right: 168px; */
}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
table.aligncenter{
	display: table;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px -20px 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px -20px;
}
img.alignright {
	margin:5px -20px 20px 20px;
}

img.alignleft {
	margin:5px 20px 20px -20px;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	/* border:1px solid #F0F0F0; */
	max-width:96%;
	padding:0 0 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:0;
	text-align: left;
	float: none;
}

.wp-caption.alignright {
	margin:0;
	text-align: right;
	float: none;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	/* max-width:98.5%; */
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:13px;
	line-height:17px;
	margin:0;
	padding:10px 4px 5px;
	font-family: "futura-pt",sans-serif;
	text-align: center;
}
.sticky {

}
.bypostauthor {

}
article.parent-category-5 p a, article.category-5 p a{
	/*color: #ef7d00;*/
}
article.parent-category-4 p a, article.category-4 p a{
	/*color: #b31852;*/
}
article.parent-category-2 p a, article.category-2 p a{
	/*color: #2dafe6;*/
}
article p a, table a {
text-decoration: underline;
}
.zurperson{
	clear: both;
	font-family:'Helvetica LT W01 Roman';
}
.zurperson p{
	font-family:'Helvetica LT W01 Roman';
}
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: -80px;
    z-index: 9999;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background: rgba(255, 255, 255, 0.84);
    color: #2dafe6;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: right 0.2s ease-out;

}
#back-to-top.show{
	right: 10px;
}
#back-to-top img{
	vertical-align: middle;
}
.rahmen{
	border: 1px solid #969697 !important;
	border: thin solid #969697 !important;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
.mobile{
	display: initial;
}
@media only screen and (max-width:350px) {
.home .logo-text{
	font-size: 1em;
	margin-left: 11px;
max-width: 150px;

}
.home .logo-img {
    max-width: 120px;
}
}
@media only screen and (min-width:320px) {
	.tablet{
		display: none;
	}
	.masonry{
		/* column-count: 1; */
		/* column-gap: 0; */
	}
	.masonry article .wj-portrait{
		max-height: 100%;
		max-width: 45%;
	}
.home .logo-ad{
display:none;
}


}
@media only screen and (min-width:480px) {
	.masonry article .wj-portrait{
		max-height: 300px;

	}

}
@media only screen and (min-width:768px) {
	article h2, article h1{
		font-size: 3.5em;
	}
	.logo-text{
		display: inline-block;
	}
	.home .logo-text{
		max-width: 350px;

	}
.logo-ad{
    top: 20px;
    left: 300px;

}
.logo-ad img{
    max-width: 170px;

}
.home .logo-ad{
display:block;
}
	.wrapper{
		width:95%;
		position: relative;
	}
	.mobile{
		display: none;
	}
	.tablet{
		display: block;
	}
	.masonry{
		/* column-count: 2; */
		/* column-gap: 3em; */
	}
	.masonry article.post {
		/* width: 48%; */
		/* margin-right: 3%; */
	}
	.masonry .col-1,.masonry .col-2{
		width: 48.5%;
		display: inline-block;
		vertical-align: top;
	}	
	.masonry .col-1{
		margin-right: 3%;
	}
	article .article,article.page{
		width: 75%;
		margin:auto;
	}
	article .sidebar{
		/* width: 25%; */
		/* float:right; */
		/* padding-top: 120px; */
		display: none;
	}
	.nav{
		display: none;
	}
	#initiative{
		display: block;
	}
	article .wj-landscape, article .bild-original .wj-landscape{
		width: calc( 75% + 40px ); 
	}.contact{
		display: block;
	}
	.wasjetzt-abo-section{
		width: calc( 33% - 7px );
		margin-right: 10px;
	}
	#wasjetzt-abo-container div.wasjetzt-abo-section:last-child{
		margin-right: 0;
	}
	.header{
		position: relative;
	}
	.header:before, .home .header:before{
		width: 100%;
		bottom: 30px;
		top: auto;
		height: 5px;
		left: 0px;
		z-index: 9;
	}
	.logo {
		float: left;
		margin-left: -20px;
	}
	.logo-img {
		max-height: 256px;
		vertical-align: bottom;
	}
	.header:not(.shrink) .logo-img {
		top: -2em;
        position: relative;
	}
	.header {
		/* border-bottom: 3px solid #000; */
		position: relative;
		margin-top: 30px;
	}
	.wp-caption.alignleft {
		margin:5px 20px 20px -20px;
		text-align: left;
		float: left;
	}
	.wp-caption.alignright {
		margin:5px -20px 20px 20px;
		text-align: right;
		float: right;
	}
	article.post, article.page{
		padding-top: 40px;
	}
	.home .logo-img{
		max-height: 256px;
		max-width:100%;
	}
	.home .logo-text{
		display: inline-block;
		font-size: 1.45em;
		margin-bottom: 53px;
		margin-top: 0;
		line-height: inherit;
		margin-left: 20px;
	}

	article h4{
		letter-spacing: 0.1em;
		border-bottom: 10px solid #969697;	
		margin: 0 0 20px 0;
		font-size: 1.5em;
	}
	.vorspann-front p{
		font-size: 1.6em;
	}
	p, article ul, article ol, .form-content, table{
		font-family: "futura-pt",serif;
		font-size: 1.6em;
	}
.page p{
font-size: 16px;
}
	.vorspann, .vorspann p{
		font-size: 20px !important;
	}
	#back-to-top{
		display: none;
	}

.rahmen{
    /*max-width: calc( 100% / 3 - 23px );*/
}
}
td img{
margin: 0 !important;
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:768px) {

.logo-ad{
    top: 20px;
    left: 400px;
}

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
.directnav {
display: none;
}
	/* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}*/
}
.image-right-offset{
    position: relative;
    margin-right: -64px;
    display: block;
}
.fb_iframe_widget_fluid_desktop iframe{
width: auto !important;
margin: auto;
display:block;
}
.videomapster{
    font-size: 1.6em;
	}
	.vm_description p {
    font-size: 0.8em;
    margin-top: 0;
}	.vm_link{
		position: absolute;
		bottom: 12px;
		right: 12px;
    width: auto;
    font-size: 12px;
	}
 .post .article h3{
font-size: 16px !important;
}
.post .article h2{
font-size: 20px !important;
}
blockquote{
font-family: futura-pt, sans-serif; font-size: 24px; color: #00ccff;
text-align: center;
}
@media only screen and (min-width:768px) {
.post .article h2{
font-size: 24px !important;
}
 .post .article h3, blockquote{
font-size: 20px !important;
}
 
}
.pagination{
display: none !important;
}
.wj_loadmore{
	background-color: #ddd;
	border-radius: 2px;
	display: block;
	text-align: center;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing:1px;
	cursor:pointer;
	text-transform: uppercase;
	padding: 10px 0;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;  
    margin-top: 20px;
}
.wj_loadmore:hover{
	background-color: #767676;
	color: #fff;
}
li.parent-cat:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
    margin-bottom: 3px;
    margin-right: 7px;
    cursor: pointer;
transform: rotate(0deg);
transition: rotate .2s ease;
}
li.parent-cat.active:before {
transform: rotate(180deg);
}

header.header.clear.shrink {
    position: fixed;
    max-width: inherit;
    background: #fff;
    margin-top: 0;
    width: 95%;
    z-index: 1;
    /* transition: top .1s; */
top: 0;
}
header.header.clear.shrink nav{
	display: block;
	margin-top: 14px;
}
header.header.clear.shrink .directnav, header.header.clear.shrink #initiative, header.header.clear.shrink .logo-ad,
header.header.clear.shrink .contact{
	display: none;
}
header.header.clear.shrink .logo-img{
max-height: 75px;
}
 header.header.clear.shrink:before {
    width: calc( 100% - 17px );
    left: 17px;
    bottom: 14px;
    height: 3px;
}

header.header.clear.shrink .logo-text{
    margin-bottom: 20px;
}
header.header.clear.shrink .logo{
    margin-left: 0;
}
.menu-item-schwerpunkt > a{
text-transform: uppercase;
}
#search-header{
    text-align: right;
    margin-top: -18px;
    display: none;
width: 100px;
transition: width 0.3s ease-in-out;
overflow: hidden;
position: absolute;
right: 0px; 
}
#search-header img{
cursor:pointer;
    vertical-align: top;
margin-top: 2px;
}
#search-header.active, #search-header-mobile.active{
width: 100%;
}
#search-header .search-input-wrapper, #search-header-mobile .search-input-wrapper{
    margin-right: 5px;
    border: 1px solid #000;
transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;
    padding: 2px;
	opacity: 0;
	width: 0px;
}
#search-header.active  .search-input-wrapper, #search-header-mobile.active  .search-input-wrapper{
    	display: inline-block;
	opacity: 1;
	width: calc( 21% - 30px );

}
#search-header input, #search-header-mobile input{
	border: 0px;
}
#search-header span{
	text-transform: uppercase;
    	vertical-align: middle;
    	margin-right: 10px;
    	font-size: 1.5em;
	opacity: 1;
	transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;
    	margin-top: 2px;
    	display: inline-block;
	cursor: pointer;
overflow: hidden;
    opacity: 1;
    width: 49px;
}
#search-header.active span{
	opacity: 0;
width: 0;

}
#search-header-mobile{
	position: absolute;
    	right: 45px;
    	width: 50px;
    	cursor: pointer;
    	-webkit-transition: width 0.3s linear;
    margin-top: 8px;
    	transition: width 0.3s ease;
	text-align: right;
}
.shrink #search-header-mobile{
    	display: block;
}
#search-header-mobile img{
	vertical-align: top;

}
#search-header-mobile.active .search-input-wrapper {
	vertical-align: top;
    	margin-top: -2px;
    	width: 100px;
    	background: #fff;
}

@media only screen and (min-width:1024px) {
#search-header{
	display: inline-block;
}
#search-header-mobile{
    	display: none;
    	margin-top: 31px;

}
#search-header-mobile.active .search-input-wrapper{
	width: calc( 21% - 30px );
}

}
.search-input-wrapper{
padding: 0;
    display: inline-block;
    overflow: hidden;
    margin-right: 0;
    vertical-align: middle;
transition: all .3s ease-in-out;
}
.search-input-wrapper.active{
	margin-right: 5px;
	    padding: 2px;
}
#breadcrumbs{
    display: inline-block;
    position: absolute;
    margin-top: -12px;

font: 300 11px/1.4 "futura-pt", 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#breadcrumbs a{
font-weight:bold;
}
#breadcrumbs > span {
    
    font-size: initial;
}
@media only screen and (max-width:767px) {
#breadcrumbs{
position: relative;
    margin-top: auto;
}
#breadcrumbs > span{
font-size: inherit;
}
	.contact{
		display:none !important;
	}
	header.header.clear.shrink:before{
		width: 105%;
   		 left: -20px;
		margin-top: -10px;
		height:1px !important;
	}
}
.shrink main {
    margin-top: 300px;
}
header.shrink p#breadcrumbs {
    left: 0;
    padding-left: 18px;
    bottom: -23px;
    width: 100%;
    background: #fff;
}
header.header.clear.shrink .contact{
    display: block;
    bottom: 30px;
    margin-right: 80px;
}
span.field__error.field-validation-error{
	color:red;
}
.category-list,.category-list li, .category-list ul{
	font-size: 16px !important;
}
ul.category-list ul {
    padding-left: 1em;
    margin-bottom: .5em;
}
ul.category-list {
    list-style-type: none;
    padding-left: 0;
}
ul.category-list a{
	text-decoration: none;
}
ul.category-list a:hover {
	text-decoration: underline;
}
ul.category-list a span{
	text-decoration: underline;
}

.cat-accordion ul {
    list-style: none;
    padding-left: 15px;
    margin: 0;
}
.cat-accordion > ul{
	padding-left: 0;
}
.cat-item {
    margin: 4px 0;
}

.cat-toggle {
margin-right: 6px;
    cursor: pointer;
    background: none;
    border: none;
    font-weight: bold;
    width: auto;
    padding: 0;
}

.cat-spacer {
    display: inline-block;
    width: 16px;
}

.cat-children {
    display: none;
}

.cat-children.open {
    display: block;
}

.cat-link {
    text-decoration: none;
}

.cat-link:hover {
    text-decoration: underline;
}
.cat-submenu a {
    text-transform: initial;
}