/*
Theme Name: Freischreiber 2020
Text Domain: freischreiber-2020

*/


/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');*/
/*@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');*/


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}



html, body {
	margin:0; 
	padding:0; 
}



h1, h2, h3, h5, h5, h6 { 
	font-size:100%; 
}

ul { 
	list-style:none; 
	margin-left: 0;
}

body {
	background: #ffffff;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
	font-size: 18px;
	line-height: 26px;
	color: #262626;
}
body.wp-admin {
	font-size: 14px;
	line-height: normal;
}
h1, .likeh1 {
	font-size: 20px;
	font-size: 66px;
	line-height: 66px;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 20px;
	text-transform: uppercase;
}
@media screen and (max-width: 767px) {
	h1, .likeh1 {
		font-size: 24px;
		line-height: 30px;
		font-weight: 600;
	}	
}

h2, h1.titleheadline, .likeh2 {
	font-size: 32px;
	line-height: 36px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: none;
}
@media screen and (max-width: 767px) {
	h2, h1.titleheadline, .likeh2 {
		font-size: 22px;
		line-height: 28px;
		font-weight: 600;
		margin-bottom: 20px;
		text-transform: none;
	}	
}

h3 {
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	h3 {
		font-size: 19px;
		line-height: 25px;
		font-weight: 600;
		margin-bottom: 20px;
	}	
}
body.page-template-profile-edit h3 {
	font-size: 17px;
	line-height: 26px;
	font-weight: 700;
	color: #349946;
	text-transform: uppercase;
}

body:not(.wp-admin) h4, body:not(.wp-admin) label {
	font-size: 17px;
	line-height: normal;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	h4, label {
		font-size: 16px;
		line-height: normal;
		font-weight: 700;
	}	
}

p {

}

main img {
    max-width: 100%;
    height: auto;
}


small {
	text-transform: none;	
}


.caption {
	position: absolute;
    right: 30px;
    bottom: 9px;
    font-size: 12px;
	line-height: normal;
    letter-spacing: 0.5px;
    color: #ffffff;
    text-shadow: 0 0 18px rgba(0,0,0,0.9);
}


.text-green {
	color: #349946;
}


hr.green {
	border-top: 1px solid #349946;	
}
hr.spacing {
	margin-top: 60px;
    margin-bottom: 60px;
}

.marginbottomlarge {
	margin-bottom: 42px;
}


/* Extra wide bootstrap */
@media (min-width: 1500px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1400px;
	}
}



*.nomarginbottom {
	margin-bottom: 0;
}



.introtext {
	color: #349946;
	margin-bottom: 30px;
	font-weight: 700;
}

.callout {
	display: block;
	width: 100%;
	height: auto;
	font-size: 13px;
	line-height: 18px;
	color: #349946;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

a {
	text-decoration: none;
	color: #349946;
	transition: color 300ms ease-in-out;
}

a:hover {
	text-decoration: none;
	color: #000;
	transition: color 500ms ease-in-out;
}

.clear { 
clear: both; 
}


.login-error {
	background: #f4f4f4;
    padding: 15px;
    border-radius: 2px;
    margin-bottom: 42px;
	color: #176525;
}


.fa-instagram:before {
	content: " ";
    width: 100%;
    height: 100%;
    background: url(images/instagram-app-icon_green.svg) no-repeat;
	background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
	transition: all 0.3s ease-in-out;
}
.fa-instagram:hover:before {
    background-image: url(images/instagram-app-icon_black.svg);
}
.fa-twitter:before {
	content: " ";
    width: 100%;
    height: 100%;
    background: url(images/twitter-app-icon_green.svg) no-repeat;
	background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
	transition: all 0.3s ease-in-out;
}
.fa-twitter:hover:before {
    background-image: url(images/twitter-app-icon_black.svg);
}
.fa-facebook:before {
	content: " ";
    width: 100%;
    height: 100%;
    background: url(images/facebook-app-icon_green.svg) no-repeat;
	background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
	transition: all 0.3s ease-in-out;
}
.fa-facebook:hover:before {
    background-image: url(images/facebook-app-icon_black.svg);
}
.fa-linkedin:before {
	content: " ";
    width: 100%;
    height: 100%;
    background: url(images/linkedin-app-icon_green.svg) no-repeat;
	background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
	transition: all 0.3s ease-in-out;
}
.fa-linkedin:hover:before {
    background-image: url(images/linkedin-app-icon_black.svg);
}
.fa-xing:before {
	content: " ";
    width: 100%;
    height: 100%;
    background: url(images/xing-app-icon_green.svg) no-repeat;
	background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
	transition: all 0.3s ease-in-out;
}
.fa-xing:hover:before {
    background-image: url(images/xing-app-icon_black.svg);
}
.fa-threema:before {
	content: " ";
    width: 100%;
    height: 100%;
    background: url(images/threema-app-icon_green.svg) no-repeat;
	background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
	transition: all 0.3s ease-in-out;
}
.fa-threema:hover:before {
    background-image: url(images/threema-app-icon_black.svg);
}




/* liste */
body:not(.page-template-author-search) main ul {
	padding-left: 0px;
	list-style: none;
}
body:not(.page-template-author-search) main ul li {
	padding-left: 42px;
	margin-bottom: 7px;
}
body:not(.page-template-author-search) main ul li:before {
	content: "–";
	content: " ";
    width: 10px;
    height: 12px;
    background: url(images/doppelpunkt.svg) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    color: #349946;
    margin-left: -15px;
    font-weight: 700;
    margin-top: 8px;
}

	


.emvy-main-container {
	margin-top: 42px;
	min-height: calc( 100vh - 42px );
}


/* *** Header *** */
@media screen and (min-width: 768px) {
	.navbar-collapse {
		display: block !important;
	}
	
	
}


.emvy-main-row > .emvy-left-col {
	position: fixed;
	z-index: 2;
	max-width: 360px;
}
@media screen and (max-width: 1023px) {
	.emvy-main-row > .emvy-left-col {
		position: relative;
		z-index: 2;
		max-width: 100%;
		flex-basis: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}
.emvy-main-row > .emvy-right-col {
	position: relative;
	z-index: 1;
	margin-left: 390px;
}
@media screen and (max-width: 1023px) {
	.emvy-main-row > .emvy-right-col {
		margin-left: unset;
	}
}

@media screen and (max-width: 1023px) {
	.logo-wrapper {
		margin-bottom: 30px;
	}
}

.logo-wrapper img {
	width: 285px;
	height: 137px;
}
@media screen and (max-width: 1023px) {
	.logo-wrapper img {
		max-width: 38vw;
		height: auto;
	}
}



.navbar-toggler {
	display: none;	
}
@media screen and (max-width: 1023px) {
	.navbar-toggler {
		display: block;	
	}
}



nav {
	margin-top: 85px;
}
nav ul {
	padding: 0;
	font-weight: bold;
	font-size: 22px;
	line-height: 30px;
	text-transform: uppercase;
	color: #349946;
}
/*nav ul li {
	position: relative;
}*/
nav ul li a {
	display: block;
	position: relative;
    padding-left: 42px;
    /*padding-right: 42px;*/
    padding-top: 15px;
    padding-bottom: 15px;
}
nav ul#menu-main-menu > li > a {
    padding-right: 12px;
}
nav ul > li > a:before, nav ul > li > a.hover:before {
	content: " ";
	display: block;
	position: absolute;
	width: calc(100% + 60px);
	height: 100%;
	height: 0;
    margin-left: -42px;
    margin-top: -15px;
	background:	#f4f4f4;
	z-index: -1;
	opacity: 0;
	transition: all 400ms ease-in-out;
}
nav ul.menu > li > a:before {
	width: calc(100% + 42px - 15px);
}
nav ul > li > a.hover:before, nav ul > li > a:hover:before {
	height: 100%;
	opacity: 1;
	transition: all 200ms ease-in-out;
}


nav ul > li.current-menu-ancestor > a:before, nav ul > li.current-menu-item > a:before {
	height: 100%;
	opacity: 1;
	background: #A8FF00;
}


nav ul > li.menu-item-has-children > ul {
	position: absolute;
	top: -42px;
	margin-left: -60px;
	padding-left: 60px;
	transform: translateX(326px);
	visibility: hidden;
	opacity: 0;
	max-height: 0;
	max-width: 360px;
	width: 360px;
}
nav ul > li.menu-item-has-children > ul li ul {
	width: 420px;
    overflow: visible;
}
nav ul.sub-menu > li.menu-item-has-children ul {
	transform: translateX(360px);
}
nav ul > li.menu-item-has-children a.hover + ul {
	visibility: visible;
	opacity: 1;
	max-height: none;
	transition: opacity 500ms ease-in-out;
	z-index: 5;
}
nav ul > li.menu-item-has-children a.hover + ul li {
	opacity: 0;
	transform: translateX(-30px);
	
	animation: navisubmenu-animation forwards 0.4s steps(9);
	-webkit-animation: navisubmenu-animation forwards 0.4s steps(9);
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
	animation-timing-function: ease-out;
}
@keyframes navisubmenu-animation {
  0% {
	opacity: 0;
	transform: translateX(-30px);
  }
  70% {
	transform: translateX(0);
  }
  100% {
	opacity: 1;
	transform: translateX(0);
  }
}



nav ul > li.menu-item-has-children > a:hover + ul, nav ul > li.menu-item-has-children > a + ul:hover {
	visibility: visible;
	opacity: 1;
	min-height: 100vh;
    /*margin-top: -400px;*/
}




nav .ulwrapper {
	overflow-y: auto;
}



nav ul > li.menu-item-has-children > ul:before {
	content: " ";
	display: block;
	position: fixed;
	width: 100%;
	height: 100vh;
	height: 200vh;
	top: 0;
	background: #ffffff;
	box-shadow: 0 0 50px rgba(0,0,0,0.2);
	transform: scaleX(0);
	transform-origin: left center;

	animation: navibg-animation forwards 0.4s steps(9);
	-webkit-animation: navibg-animation forwards 0.4s steps(9);
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	animation-timing-function: ease-out;
}
nav ul.sub-menu > li.menu-item-has-children ul:before {
	background: #e5e5e5;
}
@keyframes navibg-animation {
  0% {
	opacity: 0;
	transform: scaleX(0);
  }
  100% {
	opacity: 1;
	transform: scaleX(1);
  }
}
nav ul > li.menu-item-has-children a:hover + ul > li a {
	display: block;
	max-height: none;
}


nav ul li.current-page-ancestor > a, nav ul li.current-menu-item > a, nav ul > li a:hover {
	color: #176525;
}
nav ul.menu li a {
	z-index: 10;
}




/*
nav {
	margin-top: 85px;
}
nav ul {
	padding: 0;
	font-weight: bold;
	font-size: 22px;
	line-height: 30px;
	text-transform: uppercase;
	color: #349946;
}
nav ul li {
	position: relative;
}
nav ul li a {
	display: block;
	position: relative;
    padding-left: 42px;
    padding-right: 42px;
    padding-top: 21px;
    padding-bottom: 21px;
}
nav ul > li > a:before {
	content: " ";
	display: block;
	position: absolute;
	width: calc(100% + 60px);
	height: 100%;
	height: 0;
    margin-left: -42px;
    margin-top: -21px;
	background:	#f4f4f4;
	z-index: -1;
	opacity: 0;
	transition: all 500ms ease-in-out;
}
nav ul.menu > li > a:before {
	width: calc(100% + 42px - 15px);
}
nav ul > li > a.hover:before, nav ul > li > a:hover:before {
	height: 100%;
	opacity: 1;
	transition: all 300ms ease-in-out;
}


nav ul > li > a.hover:before {
	background: #A8FF00;
}


nav ul > li.current-menu-ancestor > a:before {
	height: 100%;
	opacity: 1;
	background: #A8FF00;
}


nav ul > li.menu-item-has-children ul {
	position: absolute;
	top: 0;
	margin-left: -60px;
	padding-left: 60px;
	transform: translateX(326px);
	visibility: hidden;
	opacity: 0;
	max-height: 0;
	max-width: 326px;
	width: 326px;
}
nav ul > li.menu-item-has-children ul {
	position: absolute;
	top: 0;
	margin-left: -60px;
	padding-left: 60px;
	transform: translateX(326px);
	visibility: hidden;
	opacity: 0;
	max-height: 0;
	max-width: 360px;
	width: 360px;
}
nav ul.sub-menu > li.menu-item-has-children ul {
	transform: translateX(360px);
}
nav ul > li.menu-item-has-children a.hover + ul {
	visibility: visible;
	opacity: 1;
	max-height: none;
	transition: opacity 500ms ease-in-out;
	z-index: 5;
}
nav ul > li.menu-item-has-children a.hover + ul li {
	opacity: 0;
	transform: translateX(-30px);
	
	animation: navisubmenu-animation forwards 0.6s steps(9);
	-webkit-animation: navisubmenu-animation forwards 0.6s steps(9);
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	animation-timing-function: ease-out;
}
@keyframes navisubmenu-animation {
  0% {
	opacity: 0;
	transform: translateX(-30px);
  }
  70% {
	transform: translateX(0);
  }
  100% {
	opacity: 1;
	transform: translateX(0);
  }
}
nav ul > li.menu-item-has-children .before {
	content: " ";
	display: block;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	background: #ffffff;
	box-shadow: 0 0 50px rgba(0,0,0,0.2);
	transform: scaleX(0);
	transform-origin: left center;

	animation: navibg-animation forwards 0.4s steps(9);
	-webkit-animation: navibg-animation forwards 0.4s steps(9);
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	animation-timing-function: ease-out;
}
nav ul.sub-menu > li.menu-item-has-children .before {
	background: #e5e5e5;
}
@keyframes navibg-animation {
  0% {
	opacity: 0;
	transform: scaleX(0);
  }
  100% {
	opacity: 1;
	transform: scaleX(1);
  }
}
nav ul > li.menu-item-has-children a:hover + ul > li a {
	display: block;
	max-height: none;
}


nav ul li.current-page-ancestor > a, nav ul li.current-menu-item > a, nav ul > li a:hover {
	color: #176525;
}
nav ul.menu li a {
	z-index: 10;
}
*/





/* mobile emenu */
body.mobile-menu-active {
	max-height: 100vh;
	overflow: hidden;
}

.cloned-menu { 
	display: none;
}
@media screen and (max-width: 1023px) {
	nav {
		margin-top: 0 !important;
		transition: all 0.4s;
	}
	
	.navbar-collapse {
		display: none !important;
	}
	body.mobile-menu-active .navbar-collapse {
		display: block !important;
	}
	
	body.mobile-menu-active .navbar-collapse .hk-main-menu { /* because we are using menu cloned by javascript for mobile */
		display: none !important;
	}
	
	
	
	/* clonded menu */
	body.mobile-menu-active .cloned-menu { 
		pointer-events: all;
		opacity: 1;
		transition: opacity 0.4s;
	}
	
	.cloned-menu {
		display: block;
		pointer-events: none;
		
		position: absolute;
		width: 100%;
		height: 100vh;
		overflow-y: auto;
		top: 0;
		z-index: -1;
		border-top: 140px solid #ffffff;
		padding-bottom: 240px;
		
		background: #ffffff;
		
		color: #176525;
		
		font-size: 18px;
		line-height: 20px;
		font-weight: 700;
		text-transform: uppercase;
		
		opacity: 0;
		transition: opacity 0.4s;
	}
	

	
	.cloned-menu ul {
		padding: 0;
    	margin: 0;
	}
	.cloned-menu li {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.cloned-menu li > ul {
		display: none;	
		
		margin-top: 15px;
		padding-left: 21px;
	}
	
	.cloned-menu a.visible + ul {
		display: block;
	}
	
	/*li.menu-item-has-children > a {
		pointer-events: none;
	}*/


	.cloned-menu .current-menu-ancestor > a {
		color: #176525;
	}
	.cloned-menu .current-menu-item {
		position: relative;
	}
	.cloned-menu .current-menu-item:before {
		content: " ";
		position: absolute;
		width: calc(100vw - 30px);
		height: 100%;
		background: #A8FF00;
		left: -15px;
		top: 0;
		z-index: -1;
	}
	.cloned-menu li .current-menu-item:before {
		left: -36px;
	}
	.cloned-menu li li .current-menu-item:before {
		left: -57px;
	}
	
	
	
	.navbar-toggler {
		padding-right: 15px;
		display: flex;
		justify-content: flex-end;
	}
	
	.navbar-toggler-wrapper {
		height: fit-content;
		cursor: pointer;
		transition: 0.0s;
	}
	body.mobile-menu-active .navbar-toggler-wrapper {
		background: url(images/close-menu.svg) no-repeat;
		background-size: contain;
		transition: 0.4s;
	}
	.navbar-toggler-wrapper > * {
		opacity: 1;
		transition: opacity 0.4s;
	}
	body.mobile-menu-active .navbar-toggler-wrapper > * {
		opacity: 0;
		transition: opacity 0.0s;
	}
	body.mobile-menu-active .bar {
		transform: scale(0.1,0.1);
		transition: 0.4s;
	}
	.bar1, .bar2, .bar3 {
		width: 35px;
		height: 6px;
		border-radius: 2px;
		background: #349946;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 7px;
		transition: 0.4s;
	}
	.bar3 {
		margin-bottom: 0;
	}
}



/* login / logout button */
.logoutlink {
	display: none;
}
body.logged-in .logoutlink {
	display: block;
}
body.logged-in .loginlink {
	display: none;
}


.closingButton {
	display: block;
	position: absolute;
	top: 21px;
	right: -42px;
	width: 32px;
	height: 32px;
	background: url(images/closing-button.svg) no-repeat;
	background-size: contain;
	cursor: pointer;
	transition: transform 300ms ease-in-out;
	transform-origin: center center;
	
	opacity: 0;
	
	animation: closingButton-animation forwards 0.4s steps(9);
	-webkit-animation: closingButton-animation forwards 0.4s steps(9);
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
	animation-timing-function: ease-out;
}
@keyframes closingButton-animation {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
.closingButton:hover {
	transform: rotate(90deg);
	opacity: 0.9;
}





/* Journalisten-Suche / Autoren finden */
.emvy-opener.autoren-finden {
    
}
/*@media screen and (min-width: 768px) {*/
.emvy-opener.autoren-finden .emvy-opener-headline-wrapper {
    padding-left: 0;
	padding-bottom: 0;
	height: auto;
}

/*}*/





/* Journalisten-Profile / Autoren finden */
.single-profiles main > .container {
   padding: 0;
}
.single-profiles .profile-image {
   margin-bottom: 42px;
}


.single-profiles .profile-image img {
   width: 100%;
   height: auto;
}

.single-profiles h2:empty {
    display: none;
}

.contacts .row {
	margin-bottom: 11px;
}
.contacts .row .col:first-child {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

.socialmedia {
	margin-top: 10px;
}
.socialmedia .fa {
	position: relative;
	font-size: 32px;
	margin-right: 21px;
	display: inline-block;
	width: 32px;
    height: 32px;
}

/* Journalisten-Suche / Autoren suchen */
body.page-template-author-search .search-tools form .rowwrapper1 {
	display: flex;
    flex-direction: row;
	justify-content: space-between;
}
@media screen and (max-width: 1599px) {
	body.page-template-author-search .search-tools form .rowwrapper1 {
		flex-direction: column;
	}
}
body.page-template-author-search .search-tools form .rowwrapper1 > * {
	width: calc( 33.33% - 10px);
}
@media screen and (max-width: 1599px) {
	body.page-template-author-search .search-tools form .rowwrapper1 > * {
		width: 100%;
	}
}
body.page-template-author-search .search-tools form .rowwrapper1 select::-ms-expand {	
	display: none;
}
body.page-template-author-search .search-tools form .rowwrapper1 select {
    -webkit-appearance: none;
    appearance: none;
	border: 1px solid #176525;
	padding-left: 11px;
    padding-right: 11px;
	background: url(images/arrow-dropdown.svg) no-repeat;
	background-position: calc(100% - 11px) center;
	background-size: auto 15px; 
}
body.page-template-author-search .search-tools form .rowwrapper1 input {
	background: url(images/arrow-input.svg) no-repeat;
	background-position: calc(100% - 11px) center;
	background-size: 15px auto; 
}
/*body.page-template-author-search .search-tools form .rowwrapper1 select:after {
	content: " ";
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	background: url(images/arrow-dropdown.svg) no-repeat;
	background-size: contain;
	top: 7px;
	right: 11px;
}*/
body.page-template-author-search .search-tools form .rowwrapper2 {
	display: flex;
    flex-direction: row;
	justify-content: flex-end;
	padding-bottom: 42px;
}
body.page-template-author-search .search-tools form .rowwrapper2 .submit {
	background-image: url(images/search-icon-lightgreen.svg);
	background-repeat: no-repeat;
	background-position: 58px center;
	background-size: 30px auto;
	padding-left: 101px;
}
@media screen and (max-width: 1023px) {
	body.page-template-author-search .search-tools form .rowwrapper2 .submit {
		background-position: calc(50% - 80px) center;
		background-size: 30px auto;
		padding-left: 80px;
		margin: 0;
		width: 100%;
	}
}
body.page-template-author-search .search-tools form .rowwrapper2 .submit:hover {
	background-image: url(images/search-icon-darkgreen.svg);
}



.author-search-results ul {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}

.author-search-results ul li {
	width: calc( 33.33% - 10px);
	margin-right: 15px;
}
.author-search-results ul li:nth-child(3n+3) {
	margin-right: 0;
}

@media screen and (max-width: 1599px) {
	.author-search-results ul li {
		width: calc( 50% - 1.5vw);
		margin-right: 3vw;
	}
	.author-search-results ul li:nth-child(3n+3) {
		margin-right: 3vw;
	}
	.author-search-results ul li:nth-child(2n+2) {
		margin-right: 0;
	}
	
}
.author-search-results ul li .author-mugshot {
	padding-top: 100%;
	background: #e8e8e8;
	position: relative;
	overflow: hidden;
	transition: opacity 0.4s;
}
.author-search-results ul li .author-mugshot img {
	position: absolute;
    min-width: 100%;
    min-height: 100%;
	object-fit: cover;
    width: auto;
    height: auto;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.author-search-results ul li .author-name {
	padding-top: 100%;
    width: 100%;
    position: relative;
    margin-top: -100%;
	transition: background 0.4s;
}
.author-search-results ul li .author-name span {
	position: absolute;
    bottom: 0;
    transform: rotate(-8deg);
    transform-origin: left top;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 36px;
	transition: color 0.4s;
}
@media screen and (max-width: 1559px) {
	.author-search-results ul li .author-name span {
		font-size: 32px;
		line-height: 32px;
	}
}
@media screen and (max-width: 1259px) {
	.author-search-results ul li .author-name span {
		font-size: 26px;
		line-height: 26px;
	}
}
@media screen and (max-width: 639px) {
	.author-search-results ul li .author-name span {
		font-size: 22px;
		line-height: 24px;
	}
}
.author-search-results ul li .author-name:hover span {
	color: #000000;
}

.author-search-results ul li .author-details {
    padding-top: 15px;
    padding-bottom: 42px;
}
.author-search-results ul li .author-details .city {
    color: #349946;
    text-transform: uppercase;
    font-size: 16px;
    line-height: normal;
	margin-bottom: 0;
}
.author-search-results ul li .author-details .name {
    color: #000000;
    font-weight: 700;
	font-size: 16px;
    line-height: normal;
	margin-bottom: 0;
	margin-top: 4px;
	margin-bottom: 4px;
}
.author-search-results ul li .author-details .claim {
	font-size: 14px;
    line-height: 18px;
	margin-bottom: 0;
}
.author-search-results ul li .author-details .areas {
    font-size: 14px;
    line-height: 18px;
	margin-bottom: 0;
}




/* Formulare / Froms */
.form-el-wrapper {
	display: flex;
    align-items: flex-start;
    justify-content: space-between;	
}
@media screen and (max-width: 767px) {
	.form-el-wrapper {
		flex-direction: column;
	}
}
input:focus, button:focus {
    outline: 1px solid #A8FF00;
	border-radius: 0;
}
main form label {
	width: 32%;
	font-size: 17px;
	line-height: 26px;
}
@media screen and (max-width: 767px) {
	main form label {
		width: 100%;
		margin-top: 21px;
   		margin-bottom: 11px;
	}
}
main form input:not([type="checkbox"]), main form select, main form textarea, main form .tox-tinymce {
    width: 67%;
    padding: 10px;
	border: 1px solid #176525;
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	main form input:not([type="checkbox"]), main form select, main form textarea, main form .tox-tinymce {
		width: 100%;
	}
}
main form wrapper {
    width: 67%;
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	main form wrapper {
		width: 100%;
	}
}
main form input#postcode {
	width: 15%;
    margin-right: 1.4%;
}
@media screen and (max-width: 767px) {
	main form input#postcode {
		width: 25%;
	}
}
main form input#address2 {
	width: 50%;
}
@media screen and (max-width: 767px) {
	main form input#address2 {
		width: 72.665%;
	}
}



.validation-error {
	border: 2px solid #ff6500 !important;
}
.warning {
	padding: 15px;
	border: 2px solid #ff6500;
	border-radius: 2px;
	margin-bottom: 1rem;
}
.infobox  {
	padding: 15px;
	border: 1px solid #A8FF00;
	background-color: #f9f9f9;
	border-radius: 2px;
	margin-bottom: 1rem;
}



.col3 {
    width: calc((67% - 30px) / 3);
}
@media screen and (max-width: 767px) {
	.col3 {
		width: calc((100% - 2.8%) / 3);
	}
}

main form input[type=submit], button {
    margin-left: 32%;
    width: auto;
	padding: 21px;
	padding-left: 60px;
	padding-right: 60px;
	background-color: #176525;
	color: #ffffff;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 700;
	border: none;
	margin-top: 30px;
	transition: all 0.4s;
}
@media screen and (max-width: 767px) {
	main form input[type=submit], button { 
		margin-left: 0;
		width: 100%;
	}
}
main form input[type=submit]:hover, button:hover {
	background-color: #A8FF00;
	color: #176525; 
}
main form input[name="subscribe"] { /* mail chimp newsletter form button */
	padding-left: 101px;
	background-image: url(images/login-icon.svg);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 60px center;
}
main form input[name="subscribe"]:hover {
	background-image: url(images/login-icon-hover.svg);
}


.edit-profile-divider {
	display: block;
	clear: both;
	width: 100%;
	height: 60px;
	margin-top: 60px;
	border-top: 1px solid #176525;
}


.floatrighttohead {
	float: right;
    margin-top: -70px;
}




/* single-articles.php / Artikel Template */
.emvy-post-list-catdatewrapper {
	display: flex;
    padding-bottom: 21px;
}

.emvy-post-list-catdatewrapper .emvy-post-list-cat {
	font-size: 16px;
    line-height: 26px;
    color: #349946;
    text-transform: uppercase;
	padding-right: 11px;
}
.emvy-post-list-catdatewrapper .emvy-post-list-cat:empty {
	display: none;
}
.emvy-post-list-catdatewrapper .emvy-post-list-date {
    font-size: 16px;
    line-height: 26px;
    color: #262626;
    
}


.newsletterabonnierenwrapper { /* for z-index / to be below footer */
	z-index: ;
}
.newsletterabonnieren {
	position: fixed;
	left: 0;
	bottom: 84px;
	bottom: 11px;
	font-size: 42px;
	line-height: 36px;
	color: #349946;
	font-weight: 700;
	text-transform: uppercase;
	transform: rotate(-9deg);
	transform-origin: left bottom;
	opacity: 0;
	transition: left 0.4s, opacity 0.4s 0.1s;
}
@media screen and (max-width: 1023px) {
	.newsletterabonnieren {
		left: -300px !important;
		font-size: 32px;
		line-height: 28px;
		font-weight: 800;
		z-index: 30;
		background: #ffffff;
		padding: 4px;
	}
	body.mobile-menu-active .newsletterabonnieren {
		left: -4px !important;
	}
}




footer {
	background: #f4f4f4;
	height: 110px;
	display: flex;
    align-items: center;
	margin-top: 60px;
	font-size: 16px;
	line-height: normal;
	transition: color 0.3s;
	
	position: relative;
    z-index: 4;
}
footer a {
	color: #262626;
}
footer a:hover {
	color: #349946;
}
footer a img {
	opacity: 1;
	transition: opacity 0.3s;
}
footer a:hover img {
	opacity: 0.5;
}
footer .col {
	display: flex;
}
footer .col:last-child {
	justify-content: flex-end;
}
@media screen and (max-width: 767px) {
	footer .col:last-child {
		justify-content: center;
	}
}
footer .col .widget {
	display: flex;
    flex-direction: column;
    justify-content: center;
}
footer .col .widget .textwidget p:last-child {
	margin-bottom: 0;
}
footer .col:first-child .widget {
	margin-right: 30px;
}
@media screen and (max-width: 767px) {
	footer .col:first-child .widget {
		margin-right: 0;
	}
}
footer .col:last-child .widget {
	margin-left: 30px;
}
@media screen and (max-width: 767px) {
	footer .col:last-child .widget {
		margin-left: 0;
	}
}
footer .menu {
	display: flex;
	margin-bottom: 0;
	padding: 0;
	flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
	footer .menu {
		justify-content: center;
	}
}
footer .menu li {
	margin-right: 30px;
}
footer .menu li:last-child {
	margin-right: 0;
}


@media screen and (max-width: 767px) {
	footer .row .col:first-child {
		order: 2;
		padding-top: 11px;
		justify-content: center;
	}
}


/*------------Aenderungen Claudia Berg ------------------*/
.menu-item-130816 a {
	color: #d5443a;
}
.alleskomisch {
	border: 1px solid #fff;
}