body{
	-background-color: #f2e7db;
	background-color: #dfecff;
}

.grossabstand {
  	letter-spacing: 5px;
}

.subpage .home-headline {
	display: none;
}

#wrapper{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.3);
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.click {
	cursor: pointer;
}

/* //////////////////////////////////////////////////////////////////// TOP */

table {
	margin: 0px 0px 0px 0px;
}

#component {
    word-wrap: break-word;
    overflow-wrap: break-word;
	-moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
   	-ms-hyphens: auto;
   	hyphens: auto;
}

#top .top-inner{
	padding: 40px 50px 40px 50px;
}

#search{
	margin-top: 29px;
}

#search form{
	margin: 0px;
	float: right;
	background-color: #F2E7DB;
}

#search input[type="search"]{
	background-color: #F2E7DB;
	border: 0px;
	border-radius: 0px;
	box-shadow: none;
	height: 40px;
	font-size: 16px;
	box-sizing: border-box;
	color: #333;
}

#search input[type="image"]{
	margin-right: 10px;
}

#search textarea{
	width: 220px;
}

#logo {
	max-width: 485px;
}

#logo-mobile{
	display: none;
}

/* --- TOPMENU --- */

#topmenu{
	margin-bottom: 10px;
	padding: 0px;
}

#topmenu .nav{
	display: inline-block;
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: nowrap;
	position: relative;
	background: #F2E7DB;
}

#topmenu .nav li{
	display: inline-block;
	margin-left: 30px;
	margin-bottom: 0px;
}

#topmenu .nav li:first-child{
	margin-left: 0px;
}

#topmenu .nav li a{
  	padding: 3px 5px;
	color: #111;
	font-size: 16px;
}

#topmenu .nav li a:hover{
 	color: #fff;
	background-color: #2a3d92;
}

#topmenu ul li.active a{
  	color: #fff;
	background-color: #2a3d92;
}


#topmenu .nav::before {
	content: '';
	display: block;
	width: 40px;
	height: 100%;
	position: absolute;
	right: 100%;
	background: -moz-linear-gradient(left, rgba(242,231,219,0) 0%, rgba(242,231,219,1) 100%);
	background: -webkit-linear-gradient(left, rgba(242,231,219,0) 0%,rgba(242,231,219,1) 100%);
	background: linear-gradient(to right, rgba(242,231,219,0) 0%,rgba(242,231,219,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2e7db', endColorstr='#f2e7db',GradientType=1 );
}

/* //////////////////////////////////////////////////////////////////// SLIDESHOW */

#slidebending {
	background-image: url(../images/slidebending.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 34px;
	position: relative;
    z-index: 20;
	margin-bottom: -32px;
	width: 100%;
}

.flexslider{
	border: 0px;
	border-radius: 0px;
	margin: 0px;
	position: relative;
	height: 382px;
}

.flexsliderwrap {
	position: relative;
	z-index: 10;
}

#shadowelement {
	z-index: 20;
	-webkit-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.75);
	position: relative;
	content:"";
	margin-bottom: -20px;
}

#mainmenu {
	z-index: 30;
	position: relative;
}

.flexslider:hover .flex-direction-nav .flex-prev,
.flexslider .flex-direction-nav .flex-prev {
	left: 50px;
	display: block;
	opacity: 1;
	line-height: 40px;
}

.flexslider:hover .flex-direction-nav .flex-next,
.flexslider .flex-direction-nav .flex-next {
	display: block;
	opacity: 1;
	right: 50px;
	line-height: 40px;
}

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

.flex-viewport{
	max-height: 380px;
}

.flex-direction-nav a{
	transition: none;
	top: 85%;
}

.flex-direction-nav a::before{
	content: url('../images/left-arrow.png');
}

.flex-direction-nav a.flex-next::before{
	content: url('../images/right-arrow.png');
}

/* //////////////////////////////////////////////////////////////////// MAINMENU */

#mainmenu nav > ul:first-child .level-1,
#mainmenu nav > ul:first-child .level-2,
#mainmenu nav > ul:first-child .level-3{
	display: none;
}

#mainmenu .navbar {
	margin: 0px;
}

#mainmenu {
	display: block;
	position: relative;
	margin: 0px;
}

#mainmenu ul {
	background-color: #2A3D92;
	width: 100%;
	text-align: center;
	margin: 0px;
	position: relative;
	margin: 0px;
}

#mainmenu ul li  {
	padding: 0px;
	min-height: 100%;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	float: none;
}

#mainmenu ul li a {
	text-shadow: none;
	color: #FFF;
	font-size: 14px;
	background-color: transparent;
	box-shadow: none;
	min-height: 100%;
	display: inline-block;
}

#mainmenu ul.level-1 {
	display: table;
	position: relative;
}

#mainmenu ul.level-2,#mainmenu ul.level-3 {
	height: 60px;
}

#mainmenu ul.level-2 li,#mainmenu ul.level-3 li {
	min-height: 60px;
	text-align: center;
}

#mainmenu ul.level-2 li a,#mainmenu ul.level-3 li a {
	padding: 10px 25px;
	width: 100%;
	min-height: 60px;	
	display : flex;
	align-items : center;
	text-align: center;
}

#mainmenu ul li a span {
	text-align: center;
}

#mainmenu ul.level-2 > li:hover,
#mainmenu ul.level-2 > li.active {
	background-position: center 10px;
	background-repeat: no-repeat;
	background-size: 70px;
}

#mainmenu ul.level-3 li.active a,
#mainmenu ul.level-3 li:hover a {
	text-shadow: 1px 0px 0px rgba(255,255,255,1);
}

/* MENÜPUNKT  BRAUN  Pilzesammeln & Vergiftungen */
#mainmenu ul.nav li.braun:hover,
#mainmenu ul.nav li.braun.active{
	background-color: #7f3d27;
}

#mainmenu ul.braun.level-2 {
	background-color: #7f3d27;
}

#mainmenu ul.braun.level-2 > li:hover,
#mainmenu ul.braun.level-2 > li.active {
	background-image: url(../images/pilze_bg.png);
}

#mainmenu ul.braun.level-3 {
	background-color: #965142;
}

/* MENÜPUNKT  GRÜN  Naturschutz & Kartierung */
#mainmenu ul.nav li.gruen:hover,
#mainmenu ul.nav li.gruen.active{
	background-color: #1e824c;
}

#mainmenu ul.gruen.level-2 {
	background-color: #1e824c;
}

#mainmenu ul.gruen.level-2 > li:hover,
#mainmenu ul.gruen.level-2 > li.active {
	background-image: url(../images/naturschutz_bg.png);
}

#mainmenu ul.gruen.level-3 {
	background-color: #269d59;
}

/* MENÜPUNKT  VIOLETT  Jugend & Nachwuchs */
#mainmenu ul.nav li.lila:hover,
#mainmenu ul.nav li.lila.active{
	background-color: #674172;
}

#mainmenu ul.lila.level-2 {
	background-color: #674172;
}

#mainmenu ul.lila.level-2 > li:hover,
#mainmenu ul.lila.level-2 > li.active {
	background-image: url(../images/jugend_bg.png);
}

#mainmenu ul.lila.level-3 {
	background-color: #7a5e84;
}

/* MENÜPUNKT  ROT  Qualifikationen */
#mainmenu ul.nav li.rot:hover,
#mainmenu ul.nav li.rot.active{
	background-color: #e84c3d;
}

#mainmenu ul.rot.level-2 {
	background-color: #e84c3d;
}

#mainmenu ul.rot.level-2 > li:hover,
#mainmenu ul.rot.level-2 > li.active {
	background-image: url(../images/ausbildung_bg.png);
}

#mainmenu ul.rot.level-3 {
	background-color: #e4716e;
}

/* MENÜPUNKT GELB  Veranstaltungen & Förderpreise */
#mainmenu ul.nav li.gelb:hover,
#mainmenu ul.nav li.gelb.active{
	background-color: #e2a224;
}

#mainmenu ul.gelb.level-2 {
	background-color: #e2a224;
}

#mainmenu ul.gelb.level-2 > li:hover,
#mainmenu ul.gelb.level-2 > li.active {
	background-image: url(../images/wissenswertes_bg.png);
}

#mainmenu ul.gelb.level-3 {
	background-color: #F9BF3A;
}

/* MENÜPUNKT  GRAU  Publikationen */
#mainmenu ul.nav li.grau:hover,
#mainmenu ul.nav li.grau.active{
	background-color: #808080;
}

#mainmenu ul.grau.level-2 {
	background-color: #808080;
}

#mainmenu ul.grau.level-2 > li:hover,
#mainmenu ul.grau.level-2 > li.active {
	background-image: url(../images/grau_bg.png);
}

#mainmenu ul.grau.level-3 {
	background-color: #a6a6a6;
}

/* MENÜPUNKT  BLAU  Über uns */
#mainmenu ul.nav li.blau:hover,
#mainmenu ul.nav li.blau.active{
	background-color: #4183d7;
}

#mainmenu ul.blau.level-2 {
	background-color: #4183d7;
}

#mainmenu ul.blau.level-2 > li:hover,
#mainmenu ul.blau.level-2 > li.active {
	background-image: url(../images/ueberuns_bg.png);
}

#mainmenu ul.blau.level-3 {
	background-color: #4fa0fb;
}

/* --- MOBILE MENU STUFF --- */
html, body{
	overflow-x: hidden;
}

html.mm-opened{
	overflow-y: hidden;
}

body.mm-opened{
	overflow-y: scroll;
	position: relative;
	left: 0;
	transition: left .3s ease-out;
	box-sizing: border-box;
	width: 100%;
}

#mobilemenu{
	display: none;
	width: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
}

#mobilemenu.bar-opened{
	visibility: visible;
	display: block;
}

#mobilemenu > .inner{
	position: absolute;
	top: 0;
	bottom: 0;
	right: -270px;
	box-sizing: border-box;
	width: 270px;
	background: #fff;
	transition: right 0.3s ease-out;
}

#mobilemenu.bar-opened > .inner{
	right: 0px;
	left: auto;
}

#mobilemenu::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.8);
	opacity: 0;
	transition: opacity 0.15s linear;
}

#mobilemenu.bar-opened::before{
	opacity: 1;
}

#mobilemenu ul{
	margin: 0px;
	padding: 0px;
}

#mobilemenu li{
	margin-bottom: 0px;
	padding: 10px;
}

#mobilemenu li > a{
	color: #000;
	display: inline-block;
}

#mobilemenu li > a:hover{
	background-color: rgba(0,0,0,0) !important;
	text-decoration: none;
}

.cc-revoke, .cc-window{
	z-index: 997 !important;
}

#mainmenu .buttontitle{
	float: right;
	background-image: none;
	padding-left: 0px;
}

#mobilemenu .toolbar{
	z-index: 1000;
	height: 60px;
	background-color: #fff;
	padding: 10px;
	transition: right 0.3s ease-out;
}

#search form{
	margin: 0px;
	float: right;
}

#search-mobile form{
	margin-bottom: 0px;
	
}

#search-mobile input[type="search"]{
	padding: 4px 10px !important;
	width: 100%;
	max-width: 200px;
	
	background-color: #F2E7DB;
	border: 0px;   
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	box-shadow: none;
	height: 40px;
	font-size: 16px;
	box-sizing: border-box;
	color: #333;
	border: 0px solid rgba(0,0,0,0);
	background-color: #F2E7DB;
	-webkit-appearance: none;
}

#mobilemenu .mobilemenu-closer{
	position: fixed;
	right: -270px;
	top: 10px;
	padding: 5px;
	cursor: pointer;
	display: inline-block;
	width: 25px;
	height: 25px;
	transition: right  0.3s ease-out;
}

#mobilemenu.bar-opened .mobilemenu-closer{
	right: 15px;
}

#mobilemenu .menuwrapper{
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: calc(100% - 60px);
}

#mobilemenu .sub a,
#mobilemenu .sub a:hover{
	color: #000;
}

#mobilemenu .nav > li > a:focus{
	background: none !important;
}

/* //////////////////////////////////////////////////////////////////// NEWSFLASH OVERRIDE */

#teasers {
	background-image: url(../images/newsflash-circle.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: auto auto;
	margin-bottom: 45px;
}

#teasers .click {
	border-left: 0px;
	border-top: 0px;
    border-right: 5px solid #f2e7db;
    border-bottom: 5px solid #f2e7db;
}

#teasers .click:hover {
    border-right: 5px solid #2A3D92;
    border-bottom: 5px solid #2A3D92;
}

.newsflash-wrapper{
	padding: 20px 50px;
	background-color: #f2e7db;
	margin-bottom: 29px;
}

.newsflash-item h3{
	min-height: 65px;
	margin-top: 20px;
    padding-right: 30px;
}

.newsflash .item-image{
	height: 150px;
	overflow: hidden;
}

.newsflash p{
	text-align: justify;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
  	padding-right: 30px;
}

.newsflash .item p{
	text-align: justify;
	padding-right: 40px;
}

.newsflash p.readmore{
	margin: 0px;
	padding-right: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
}

.newsflash p.readmore .btn{
	box-shadow: none;
	border: 0px;
	border-radius: 0px;
	background: #2A3D92;
	height: 46px;
	width: 46px;
	background-image: url('../images/readmore-arrow.png') !important;
	background-repeat: no-repeat;
	background-position: 30px 26px;
	position: relative;
}

.newsflash p.readmore .btn:after{
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    border-right: 46px solid transparent;
    border-top: 46px solid #F2E7DB;
    top: 0;
    left: 0;
    position: absolute;
}

.newsflash p.readmore .btn .icon-chevron-right{
	display: none;
}

.newsflash .newsflash-item{
	position: relative;
	padding-bottom: 15px;
}


/* //////////////////////////////////////////////////////////////////// BLOG-FEATURED OVERRIDE */

.blog-featured {
	padding-left: 50px;
}

.blog-featured.startpage {
	padding-left: 50px;
}

.blog-featured div.items-row {
	padding: 15px;
	background-color: #f2e7db;
	margin-bottom: 30px;
  	border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
}

.blog-featured div.items-row.click:hover {
    border-right: 5px solid #2A3D92;
    border-bottom: 5px solid #2A3D92;
}

.blog-featured .img_caption {
    width: 100% !important;
}

.blog-featured .item{
	position: relative;
}

.blog-featured .item p {
	text-align: justify;
	padding-right: 20px;
}

.blog-featured .img_caption p {
	font-size: 14px;
    padding: 5px 0px 0px 0px;
	text-align: left;
}

.blog-featured .img_caption img {
    min-width: 100%;
}

.blog-featured .item-image {
	float: none !important;
}

.blog-featured .item-image img {
	width: 100%;
}

.blog-featured .item h2 {
    font-size: 18px;
    line-height: 1.3em;
    margin-top: 0;
}

.blog-featured .item-title  {
	margin-top: -2px;
}

.blog-featured p.readmore{
	margin: 0px;
	padding-right: 0px;
	right: -15px;
	bottom: -15px;
	position: absolute;
	padding-bottom: 0px;
}

.blog-featured p.readmore .btn{
	box-shadow: none;
	border: 0px;
	border-radius: 0px;
	background: #2A3D92;
	height: 46px;
	width: 46px;
	background-image: url('../images/readmore-arrow.png') !important;
	background-repeat: no-repeat;
	background-position: 30px 26px;
	position: relative;
}

.blog-featured p.readmore .btn:after{
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    border-right: 46px solid transparent;
    border-top: 46px solid #F2E7DB;
    top: 0;
    left: 0;
    position: absolute;
}

/* //////////////////////////////////////////////////////////////////// QUICKLINKS */

.home-headline{
	padding: 0px 50px;
	background-image: url('../images/pilze.png');
	background-repeat: no-repeat;
	background-position: right;
}

.home-headline h3{
	font-weight: normal;
	font-size: 22px;
}

.home-headline hr{
	margin: 10px 0px 40px 0px;
}

.quicklinks {
	padding-right: 50px;
	float: right;
}

.quicklinks .custom {
	text-align: center;
	width: 200px;
	float: right;
	font-size: 16px;
	margin-bottom: 50px;
}

.quicklinks .custom p {
	background-color: #f2e7db;
	margin-bottom: 0px;
	display: flex;
	align-items: center;
}

.quicklinks a {
	font-weight: 500;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	padding: 15px 0px;
}

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

.quicklinks img {
	margin-bottom: 14px;
}

.botcircle {
	background-image: url(../images/smallcircle-bot.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100%;
	min-height: 8px;
	display: none;
	margin-bottom: 6px;
}

.topcircle {
	background-image: url(../images/smallcircle-top.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100%;
	min-height: 14px;
	display: none;
}

.quicklinks .custom:hover .topcircle {
	background-image: url(../images/smallbluecircle-top.png);
	min-height: 14px;
}

.quicklinks .custom:hover .botcircle {
	background-image: url(../images/smallbluecircle-bot.png);
	min-height: 14px;
	margin-bottom: 0px;
}

.quicklinks .topcircle,
.quicklinks .botcircle {
	display: block !important;
}


/* //////////////////////////////////////////////////////////////////// FOOTER */

#footerbending {
	min-width: 100%;
	line-height: 0px;
	background-image: url(../images/footercircle.png);
	min-height: 29px;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 80px;
}

#footerpilz {
    background-image: url("../images/footershroom.png");
    background-repeat: no-repeat;
    display: block;
	height: 114px;
    overflow: visible;
    position: absolute;
	width: 184px;
	top: -114px;
	right: 22%;
}


#footer-inner{
	background-color: #f2e7db;
	position: relative;
	padding: 10px 50px;
}

#footer .nav li{
	display: inline-block;
	margin-right: 30px;
}

#footer .nav li a{
  	padding: 3px 5px;
	color: #111;
	font-size: 16px;
}

#footer .nav li a:hover{
 	color: #FFF !important;
	background-color: #2A3D92;
}

#footer ul li.active a{
  	background-color: #2A3D92 !important;
	color: #FFF !important;
}

#footer .social{
	text-align: right;
}

#footer .social .facebook img:hover{
	background-image: url('../images/facebook-hover.png');
	background-size: 36px;
	background-repeat: no-repeat;
	background-position: center;
}

#footer .social .instagram img:hover{
	background-image: url('../images/instagram-hover.png');
	background-size: 36px;
	background-repeat: no-repeat;
	background-position: center;
}

#footer .social .tiktok img:hover{
	background-image: url('../images/tiktok-hover.png');
	background-size: 36px;
	background-repeat: no-repeat;
	background-position: center;
}

#footer .social .rss img:hover{
	background-image: url('../images/rss-hover.png');
	background-size: 36px;
	background-repeat: no-repeat;
	background-position: center;
}

#footer .social img{
	margin-left: 14px;
	margin-bottom: 14px;
}

#copyright{
	background-color: #2a3d92;
	color: #fff;
	text-align: center;
	padding: 16px 0;
	position: relative;
}


/* //////////////////////////////////////////////////////////////////// ARTICLE OVERRIDE */

#subpage {
	padding: 50px 50px 0px 50px;
}

#articledocs {
	background-color: #F2E7DB;
	padding: 5px 20px;
	margin-bottom: 40px;
}

#articledocs p {
	font-size: 14px;
}

#mainimg img {
	width: 100%;
}

#mainimg {
	margin-bottom: 40px;
}


/* //////////////////////////////////////////////////////////////////// SEARCH OVERRIDE */

#searchresultpage {
	padding: 50px;
}

#searchresultpage #ordering_chzn {
	width: auto !important;
}

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

.result-title {
	font-size: 16px;
}

.result-text {
	margin-bottom: 50px;
}

.result-created,
.result-category {
	display: none;
}


/* //////////////////////////////////////////////////////////////////// CONTACT OVERRIDE */

#contactpage {
	padding: 50px 50px 0px;
	text-align: left;
}

#contactpage h1 {
	margin-bottom: 50px;
	font-size: 24px;
}

#contactpage h2 {
    margin-top: 70px;
    line-height: 0px;
    font-size: 20px;
}

.contact-form {
	display: inline-block;
	margin: 0 auto;
	position: static;
}

#jform_spacer-lbl {
	color: red !important;
}

#contactpage .well {
  	background-color: #f2e7db;
    border: 0px;
}

#contactpage textarea {
	width: 100%;
}

#contactpage input {
	width: 100%;
}

#contactpage #recap-jform_captcha {
	cursor: pointer;
}

#contactpage .optional {
	display: none;
}

#contactpage fieldset:first-of-type .control-group:last-of-type {
	text-align: left;
	max-width: 410px;
}

#contactpage fieldset:first-of-type .control-group:last-of-type .control-label {
	min-width: 200px;
	float: none;
	margin: 0px 10px 0px 178px;
	display: inline-block;
	text-align: left;
}

#contactpage fieldset:first-of-type .control-group:last-of-type .controls {
	width: auto;
	float: right;
	margin: 0px;
	display: inline-block;
	text-align: left;
}

#contactpage #recap-jform_captcha {
	text-align: left;
}

#contactpage #recap-jform_captcha img {
	margin-right: 10px;
}

#contactpage #recap-jform_captcha input {
	width: 80px !important;
	margin-right: 10px;
	height: 34px;
	text-align: center;
	text-transform: uppercase;
}

#contactpage > .contact-form div.control-group:last-of-type {
	text-align: left;
}

#contactpage #subpage {
	padding: 0px;
}


/* //////////////////////////////////////////////////////////////////// CATEGORY OVERRIDE */

#blogview .article-info {
	display: none;
}

#blogview {
    padding: 50px 50px 0px 50px;
}

#blogview div.items-row {
	position: relative;
	padding: 15px;
}

#blogview .readmore {
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin-bottom: 0px;
}

#blogview h2 {
	line-height: 1.3em;
	font-size: 18px;
	margin-top: 0px;
}

#blogview .page-header {
	margin-top: -2px;
}

#blogview p {
	line-height: 23px;
	text-align: justify;
/*	padding-right: 20px; */
}

#blogview p.readmore {
	padding-right: 0px;
	text-align: left;
}

#blogview .items-row {
	background: #F2E7DB;
	margin-bottom: 20px;
}

#blogview p.readmore .btn {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #2a3d92;
    background-image: url("../images/readmore-arrow.png") !important;
    background-origin: padding-box;
    background-position: 30px 26px;
    background-repeat: no-repeat;
    background-size: auto auto;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    height: 46px;
    position: relative;
    width: 46px;
}

#blogview p.readmore .btn::after {
    border-right: 46px solid transparent;
    border-top: 46px solid #F2E7DB;
    content: "";
    height: 0;
    left: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    width: 0;
}

#blogview .item .page-header, 
#blogview .item .page-header h2{
	margin-bottom: 0px;
}

#blogview .img_caption {
	width: 100% !important;
}

#blogview .img_caption p, #mainimg .img_caption,#downloadimages .image .img_caption{
	font-size: 14px;
	padding: 5px 0px 0px 0px;
}

#blogview .img_caption img {
	min-width: 100%; 
}

dt.article-info-term {
	display: none;
}

dl {
	margin-bottom: 10px;
}

dd.published {
	margin-left: 0px;
}

span.icon-calendar {
	background-image: url(../images/cal-ico.png) !important;
	background-position: top center;
	width: 21px;
	height: 21px;
	margin-top: -1px;
}


/* ////////////////////////////////////////////////////////////////////  REDIM REATTACHMENT */

ul.reattachment {
	padding: 10px -10px 0px 0px;
	margin: 0px;
}

.reattachment li {
	list-style: none;
	margin-bottom: 10px;
}

ul.reattachment li a.filename{
	word-wrap: normal !important;
}

ul.reattachment span.filesize {
	background-color: #2A3D92;
	color: #FFF;
	font-size: 9px;
	margin-left: 8px;
	padding: 1px 5px 0px 5px;
	line-height: 14px;
	white-space: nowrap;
	display: table;
}

ul.reattachment span.beschreibung{
	margin-top: 4px;
}

ul.reattachment span.beschreibung,
ul.reattachment span.autor{
	font-size: 0.85em;
}

a.ico-ext:hover {
	text-decoration: none;
	color: #111;
}

.ico-ext {
	font-size: 15px;
	vertical-align: middle !important;		
	min-height: 30px;
	display: inline-block;
	padding-left: 30px;
	padding-top: 6px;
	background-size: auto 28px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/ext-ico.png) ;
	word-break: keep-all;
}

.icon-ext small {
	padding-left: 10px !important;
	display: inline-block !important;
	font-size: 0.66em !important;
}

.ico-pdf {
	background-image: url(../images/pdf-ico.png)  !important;
}

.ico-zip {
	background-image: url(../images/zip-ico.png) !important;
}

.ico-jpg {
	background-image: url(../images/jpg-ico.png)  !important;
}

.ico-png {
	background-image: url(../images/png-ico.png)!important;
}

.ico-doc,
.ico-docx {
	background-image: url(../images/doc-ico.png)  !important;
}


/* DGFM COMPONENT */

#formdownloads .field-filter,
#formdownloads .controls,
#formdownloads .control-label,
#formdownloads .control-group {
	display: inline-block;
}

#formdownloads .control-group{
	margin-bottom: 0px;
}

#formdownloads .filter {
	padding: 30px 15px;
}

#formdownloads .field-filter {
	margin-bottom: 15px;
}

#formdownloads #filter_search {
	margin-bottom: 0px;
}

#formdownloads label {
	margin: 0px 10px 0px 20px;
}

#formdownloads h1 {
	padding-left: 30px;
}

#formdownloads .items {
	padding: 0px 30px 0px 30px;
}

#formdownloads .itemlist .item {
/*	border-bottom: solid 1px #A3A3A3;
	list-style: none;*/
	padding: 10px 0px;
}

#formdownloads h2.line {
	margin-bottom: 20px !Important;
}

.line {
	border-bottom: solid 1px #A3A3A3;
}


#formdownloads .item a {
	display: block;
}

#formdownloads .itemlist > ul > .item > a:before {
	content: "→  ";
}

#formdownloads .itemlist .pagination {
	padding: 0px 25px;
}

#formdownloads .chzn-results li {
	padding-left: 20px;
}

.downloaddetails {
	/*width: 80%;*/
}

.downloaddetails table {
	width: auto ;
	max-width: 640px;
	border-radius: 0px !Important;
}

.downloaddetails table td,.downloaddetails table tr {
	width: auto;
	border-radius: 0px !Important;
}

.downloaddetails {
	padding: 20px 40px;
}

.dgfm-adressen section {
	padding: 20px 20px;
}

.dgfm-adressen section:nth-child(2n) {
    background: #f2f5f6 none repeat scroll 0 0;
}

#adressenForm .filter {
	margin-bottom: 20px;
}

.comadresstable {
	display: flex;
	align-items: center;
}

.comadresstable .span2 {
	text-align: right;
}

.comadresstable .span2 a {
	padding-top: 35px;
	background-image: url(../images/mapicon.png);
	background-repeat: no-repeat;
	background-position: top center;
	display: inline-block;
}

.comadresstable .span2 a:hover {
	text-decoration: none;
}

#adressenForm .control-label,
#adressenForm .controls,
#adressenForm .control-group,
#adressenForm .field-filter,
#adressenForm label#filter_search-lbl {
	display: inline-block;
}

#adressenForm label#filter_search-lbl {
	font-size: 20px;
	text-transform: uppercase;
	margin-right: 10px;
}

#adressenForm input#filter_search {
	min-width: 350px !important;
}

#adressenForm button#filter_submit {
	appearance: none;
}

#filter_search-lbl{
	display: none !important;
}

#adressenForm .reset{
	background-color: #dfdfdf;
	border-radius: 0px;
	border: 0px;
	box-sizing: border-box;
	color: #404040;
	cursor: pointer;
	display: inline-block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	height: 30px;
	font-size: 14px;
	line-height: 20px;
	hyphens: auto;
	padding: 4px 12px;
	text-decoration: none;
	margin-bottom: 10px;
}

#adressenForm .filter > .field-filter:nth-child(2){
	margin-right: 20px;
}

.bildnachweis {
	display: inline-flex;
	display:-webkit-inline-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 10px;
}

.bildnachweis img {
	text-align: left;
	height: auto;
	width: 100% !Important;
}

.bildnachweis span { 

	display: block;
	width: 100%;
}

.bildnachweis .altwrap{
	width: 100%;
	display: block;
	font-size: 14px;
	padding: 5px 0px 0px 0px;		
}

.bildnachweis .titlewrap,.bildnachweis2 .titlewrap{
	width: 100%;
}

.item-page {
	hyphens: manual !important;
}

.category-list table.category,.category-list table.category td {
	border: none !Important;
		background: transparent !important;
}

.category-list table.category tr {
	background: transparent !important;
}

.category-list table.category tr td{
	background: transparent !important;
}

.category-list table.category tr:nth-child(2n) td {
    background: #efefef !important;
}

.category-list table.category tr a {
	color: rgb(51,51,51);
}
.category-list table.category tr a:hover {
	color: rgb(51,51,51);
	text-decoration: none;
}

#footer ul li.active a {
/*	text-decoration: underline;*/
	color: # !important;
}
#footer ul li a:hover {
	color: #333333 !important;
}

.osmap-items ul {
	margin-top: 10px;
	margin-bottom: 30px;
}

#topscroller{
    bottom: 20px;
    height: 35px;
    position: fixed;
    right: 10px;
  	bottom: 107px;
    width: auto;
	display: inline-block;
    z-index: 100000;
	text-align: right;
	padding: 2px 4px;
}

#topscroller a.ico-top{
	background: rgba(42,61,145,0.75) url("/templates/dgfm-ev/images/arrow_big_white_top.png") no-repeat scroll center center;
	border-radius: 3px;
	display: inline-block;
    height: 35px;
    width: 35px;
	text-decoration: none;
}

#topscroller a.ico-top:hover { 
	background: rgba(42,61,145,1.00) url("/templates/dgfm-ev/images/arrow_big_white_top.png") no-repeat scroll center center;
}

#topscroller a.ico-home{
	background: rgba(42,61,145,0.75) url("/templates/dgfm-ev/images/home-white.png") no-repeat scroll center center;
	border-radius: 3px;
	display: inline-block;
    height: 35px;
    width: 35px;
	text-decoration: none;
}

#topscroller a.ico-home:hover { 
	background: rgba(42,61,145,1.00) url("/templates/dgfm-ev/images/home-white.png") no-repeat scroll center center;
}

/* EDocman Component */

div#edocman-container {
	padding: 50px 50px 0px 50px;
}

.jf_sidebuttons.right{
	box-shadow: none;
}

body.mobile .jf_sidebuttons.right,
body.tablet .jf_sidebuttons.right{
	display: none;
}

#edocman-categories .edocman-category-title a{
	font-size: 18px;
	line-height: 24px;
	
}

#edocman-categories .edocman-category-title small{
	display: block;
	margin-top: 5px;
}

#edocman-categories .edocman-box-heading{
	padding: 0px;
	background: none;
	border: 0px;
	border-radius: 0px;
}

#edocman-categories .edocman-box-heading .edocman-category-title-link{
	display: block !important;
	padding: 8px 50px 10px 8px;
	background: #f2e7db;
	position: relative;
}


#edocman-categories .edocman-box-heading .edocman-category-title-link::after{
	content: '';
	display: inline-block;
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-size: 45px 45px;
	background-image: url(../images/readmore_triangle.jpg);
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 990;
}

.edocman-page-heading .edicon{
	margin-right: 8px;
}

.edocman-description .btn i{
	margin-right: 3px;
	vertical-align: middle;
}

.edocman-description .btn i.edocman-icon-pencil,
.edocman-description .btn i.edocman-icon-trash,
.edocman-description .btn i.edocman-icon-remove{
	background-image: url(https://www.dgfm-ev.de/components/com_edocman/assets/bootstrap/img/glyphicons-halflings-white.png);
}

#edocman-documents .edocman-document.row-fluid{
	background: #f2e7db;
}

#edocman-documents .edocman-box-heading,
#edocman-documents .edocman-description{
	border: 0px;
	background: none;
}

#edocman-documents .edocman-description-details{
	margin-bottom: 10px;
}

#edocman-documents .edocman-taskbar{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#edocman-documents .edocman-document-title-link{
	font-size: 18px;
	line-height: 24px;
}

#edocman-documents .edocman-description{
	padding-top: 0px;
}

#edocman-document-page .edocman-box-heading{
	padding: 0px;
	background: none;
	border: 0px;
}

#edocman-document-page .edocman-page-heading{
	font-size: 24px;
	line-height: 30px;
	margin: 10px 0px;
}

#edocman-document-page .edocman-description{
	padding: 0px;
	border: 0px;
}

#edocman-document-page .licensebox{
	margin-top: 30px !Important;
    margin-bottom: 20px !Important;
}

#edocman-document-page .edocman-category-toplink{
    margin-bottom: 50px !Important;
}

.edocman_tag_container{
	margin-left: 12px;
	margin-right: 0px;
}

.edocman_tag_container li{
	list-style: none;
	margin-right: 20px;
	margin-bottom: 5px;
}

#documentdetails{
	margin-bottom: 20px;
}

#documentdetails .edocman-document-property-label,
#documentdetails .edocman-document-property-value{
	border: 0px !important;
}
#footer, #copyright{
	font-weight: 400;
}

.content-hinweis{
  background-color: rgba(217,237,247,1);
  color: rgba(49,112,143,1);
  padding: 10px 20px;
  border-left: 5px solid rgba(188,223,241,1);
  word-wrap: break-word;
  margin: 50px 50px 0 50px;
}

.content-hinweis p:last-of-type{
	margin-bottom: 0px;
}

#jform_title {
	width: 100%;
	border: 1px solid #999;
}

#adminForm {
	padding: 0px 10px;
}

#com-content-formTabs {
	margin: 10px 0px 0px 0px !Important;
}

#com-content-formContent {
	padding: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#adressenForm .filter{
	display: flex;
	align-items: center;
	align-content: center;
}

#adressenForm .filter > *{
	margin-right: 10px;
}

#adressenForm .filter > *:last-child{
	margin-right: 0px;
}

#adressenForm #filter_search,
#adressenForm #filter_bundesland{
	margin: 0px;
}

#filter_bundesland-lbl{
	display: none;
}

#adressenForm #filter_bundesland{
	border: solid 1px #000;
	border-radius: 0px;
}

/* //////////////////////////////////// REGULAR LABS QUICK INDEX PRO PLUGIN */

.quick-index-item li {
   list-style-type: none !important;
}

#search.input-medium.search-query{
  vertical-align: middle;
}

/* //////////////////////////////////// Articles FAQ */
.accordion-heading .accordion-toggle {
  font-weight: bold !important;
  font-size: 16px !important;
}

/* //////////////////////////////////// PSV-Leitfaden Features-Grid basierend auf Flexbox*/
.features-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;

}

.feature {
    width: calc(33.33% - 26.67px); /* Breite für jedes Feature */
    background-color: #f2e7db;
    margin-bottom: 20px;
    margin-right: 40px; /* Abstand zwischen den Spalten */
    box-sizing: border-box;
    /* border: 2px solid #ccc; Füge einen Rahmen mit 1 Pixel Dicke und grauer Farbe hinzu */
    padding: 20px; /* Füge Innenabstand zum Inhalt hinzu */
    text-align: center;
}

.feature:nth-child(3n) {
    margin-right: 0; /* Kein Spaltenabstand für das dritte Element in jeder Zeile */
}

.feature i {
    font-size: 2rem;
    margin-bottom: 10px;
}

.feature h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.feature p {
    font-size: 16px;
    text-align: justify !important;
    hyphens: auto;
    -webkit-hyphens: auto;
}

@media (max-width: 800px) {
    .feature {
        width: 100%;
        margin-right: 0; /* Kein Abstand zwischen den Feature-Boxen in der mobilen Ansicht */
    }
}

/* //////////////////////////////////// Rezensionen mit Flexbox */
.reviews-container {
    display: flex;
    flex-direction: column; /* Boxen untereinander anordnen */
}

.review-box {
    margin-bottom: 30px; /* Abstand zwischen den Boxen */
}

.quote {
    font-style: italic;
}

.review-info strong {
    font-weight: bold;
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .review-box {
        display: flex; /* Zitate und review-infos nebeneinander anzeigen */
        flex-direction: row; /* Zitate und review-infos nebeneinander anzeigen */
        justify-content: space-between; /* Platz zwischen Zitat und review-info */
    }

    .quote {
        width: calc(60% - 20px); /* Zitate beanspruchen 60% der Bildschirmbreite */
        margin-right: 40px; /* Abstand von 40px zwischen dem Quote und der Review-Info */
        margin-bottom: 10px; /* Abstand von 10px in der mobilen Ansicht */
    }

    .review-info {
        width: calc(40% - 20px); /* Review-Infos beanspruchen 40% der Bildschirmbreite */
        margin-bottom: 10px; /* Abstand von 10px in der mobilen Ansicht */
    }
}

/* //////////////////////////////////// 2-Spalten-Layout mit Flexbox (z.B. im Pressebereich) */
.spalten-2-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Ändere justify-content zu space-between */
    align-items: flex-start;
}

.spalten-2 {
    flex-basis: calc(50% - 20px); /* Breite für jedes Element in 2 Spalten (minus der Hälfte des gewünschten Abstands) */
    margin-bottom: 20px;
    box-sizing: border-box;
}

.spalten-2 i {
    font-size: 24px;
    margin-bottom: 10px;
    text-align: center;
}

.spalten-2 h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.spalten-2 p {
    font-size: 16px;
}

@media (max-width: 800px) {
    .spalten-2 {
        flex-basis: 100%; /* Alle Elemente nehmen 100% der Breite auf Mobilgeräten ein */
        margin-bottom: 20px; /* Füge Abstand zwischen den Elementen hinzu */
    }
}