/* CSS Document by toberg - edv plan GmbH */
/* *****************
Standard Seiten Layout
*********************/
@media screen {

	.section-state1{
		position:relative;
		float:left;
		width:100%;
		z-index:3;
		#background-color:#fff;
	}
	.section-state1 .section-content {
	}
	.section-state1 h1 {
		color:#3d464c;
	}
	.section-state1 h2 a,
	.section-state1 h3 a{
	}
	.section-state1 h2 { 
		color:#3d464c;
	}
	.section-state1 h3 { 
	}
.section-state1 .section-state1 .frame-textbutton a,
.section-state1 p a.frame-textbutton,
.section-state1 .frame-kopfbild .ce-bodytext a.frame-textbutton,
.section-state1 .frame-kopfbild .ce-bodytext p:last-of-type a,
.section-state1 input.powermail_submit,
.section-state1 .tx-indexedsearch-search-submit input,
.section-state1 .frame-type-felogin_login input[type="submit"],
.section-state1 input.frame-textbutton{

	}
	.section-state1 .frame-textbutton a:hover,
	.section-state1 .frame-textbutton a:active,
	.section-state1 .frame-kontaktdaten p:last-child a:hover,
	.section-state1 .frame-kontaktdaten p:last-child a:active,
	.section-state1 p a.frame-textbutton:hover,
	.section-state1 p a.frame-textbutton:active,
	.section-state1 input.powermail_submit:hover,
	.section-state1 .tx-indexedsearch-search-submit input:hover,
	#infofly .frame-textbutton:hover{

	}
 
	/* TEXTLINK */
	.section-state1 a {
		color:#353332;
		font-weight:normal;
		text-decoration: underline;
	}
	.section-state1 a:hover,
	.section-state1 a:active{
		color:#353332;
		font-weight:normal;
		text-decoration: none;
	}
	/* *****************
	 gemeinsame styles Erscheinungsbilder 
	*************** */
	/* Breite des Inhalts - 0 = max 1000px */
@media screen {
	.frame-layout-1 {
		position:relative;
		float:left;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		max-width:1000px;
	}
}
@media screen and (min-width: 1000px) {
	.frame-layout-1{
		width:1000px;
	}
}
@media screen {
	/* Breite des Inhalts max 900px */
	.frame-layout-2 {
		position:relative;
		float:left;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		max-width:900px;
	}
}
@media screen and (min-width: 900px) {
	.frame-layout-2 {
		width:900px;
	}
}
@media screen {
	/* Breite des Inhalts max 750px */
	.frame-layout-3 {
		position:relative;
		float:left;
clear:left;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		max-width:750px;
	}
}
@media screen and (min-width: 750px) {
	.frame-layout-3 {
float:left;
clear:left;
		width:750px;
	}
}
@media screen {
/* Breite des Inhalts max Breite */
	.frame-layout-4,
.frame-type-twocol.frame-layout-4 .spaltencontainer	 {
		position:relative;
		float:left;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		max-width:95%;
	}
}
@media screen and (min-width: 1600px) {
	.frame-layout-4,
	.frame-type-twocol.frame-layout-4 .spaltencontainer	{
		max-width:1500px;
	}
}

/* nur mobil anzeigen */
.frame-layout-5,
.frame-layout-5-content {
display:none;
}
/* nur Desktop zeigen */
.frame-layout-6,
.frame-layout-6-content {
display:inline-block;
}
/********************
Abschnitte Grundlayout
*********************/
/* Hintergrund weiß mit 4 Blaetter */
	.frame-contweissblatt {
padding-bottom:5em;
margin-bottom:3em;
	 background-image:url('/fileadmin/lag/template/images/hg-4blaetter.svg');
	 background-repeat:no-repeat;
	 background-size:auto 160px;
	background-position:calc(100% - 4%) bottom;
}
/* Hintergrund gruen */
.frame-contgruen {
padding-top:5em;
padding-bottom:5em;
margin-top:0px;
margin-bottom:0px;
color:#fff;
background-color:#50a936;
}
.frame-contgruen h0,
.frame-contgruen h1,
	.frame-contgruen h2,
	.frame-contgruen h3,
.frame-contgruen h4,
	.frame-contgruen h5,
.frame-contgruen a {
color:#fff;
}
.frame-contgruen .frame-textbutton a,
.frame-contgruen p a.frame-textbutton,
.frame-contgruen .frame-buttongross a,
	.frame-contgruen p a.frame-buttongross {
border-color:#fff;
}
.frame-contgruen .frame-textbutton a:hover,
.frame-contgruen p a.frame-textbutton:hover,
.frame-contgruen .frame-buttongross a:hover,
.frame-contgruen p a.frame-buttongross:hover {
background-color:#fff !important;
color:#50a936;
}
.frame-contgruen .frame-ruler-after:before {
position:relative;
float:left;
display:inline-block;
margin:0px 0px 0px 10%;
background-color:#fff;
top:auto;
bottom:auto;
  } 
.frame-contgruen .frame-ruler-before:after {
display:none;
}

.frame-contgruen .frame-ruler-after:after{
height:0em;
background-image:none;
background-size:0;
top:0px;
}
.frame-contgruen .frame-ruler-before:before {
position:relative;
float:left;
width:80%;
margin-left:10%;
height:1px;
background-color:#fff;
background-image:none;
background-size:0;
}
/* Hintergrund gruen mit 4 weissen Blaettern */
.frame-contgruenblatt {
margin-top:0em;
padding-top:5em;
padding-bottom:5em;
margin-bottom:0em;
color:#fff;
background-color:#50a936;
	 background-image:url('/fileadmin/lag/template/images/hg-4blaetter-weiss.svg');
	 background-repeat:no-repeat;
	 background-size:auto 240px;
	background-position:calc(100% - 4%) calc(100% - 3em);
}
.frame-contgruenblatt h0,
.frame-contgruenblatt h1,
	.frame-contgruenblatt h2,
	.frame-contgruenblatt h3,
.frame-contgruenblatt h4,
	.frame-contgruenblatt h5,
.frame-contgruenblatt a,
.frame-contgruenblatt p.teasertitle {
color:#fff;
}
.frame-contgruenblatt .frame-textbutton a,
.frame-contgruenblatt p a.frame-textbutton,
.frame-contgruenblatt .frame-buttongross a,
	.frame-contgruenblatt p a.frame-buttongross {
border-color:#fff;
}
.frame-contgruenblatt .frame-textbutton a:hover,
.frame-contgruenblatt p a.frame-textbutton:hover,
.frame-contgruenblatt .frame-buttongross a:hover,
.frame-contgruenblatt p a.frame-buttongross:hover {
background-color:#fff !important;
color:#50a936;
}
.frame-contgruenblatt .frame-ruler-after:before {
position:relative;
float:left;
display:inline-block;
margin:0px 0px 0px 10%;
background-color:#fff;
top:auto;
bottom:auto;
  } 
.frame-contgruenblatt .frame-ruler-before:after {
display:none;
}

.frame-contgruenblatt .frame-ruler-after:after{
height:0em;
background-image:none;
background-size:0;
top:0px;
}
.frame-contgruenblatt .frame-ruler-before:before {
position:relative;
float:left;
width:80%;
margin-left:10%;
height:1px;
background-color:#fff;
background-image:none;
background-size:0;
}
/* Hintergrund gelb */
.frame-contgelb {
padding-top:3em;
padding-bottom:3em;
color:#3d464c;
background-color:#ede322;
}
.frame-contgelb h0,
.frame-contgelb h1,
	.frame-contgelb h2,
	.frame-contgelb h3,
.frame-contgelb h4,
	.frame-contgelb h5,
.frame-contgelb a,
.frame-contgelb p.teasertitle {
color:#3d464c;
}
.frame-contgelb .frame-buttongross a,
	.frame-contgelb p a.frame-buttongross {
border-color:#fff;
}
.frame-contgelb .frame-buttongross a:hover,
.frame-contgelb p a.frame-buttongross:hover {
background-color:#fff !important;
color:#3d464c;
}
.frame-contgelb .frame-ruler-after:before {
position:relative;
float:left;
display:inline-block;
margin:0px 0px 0px 10%;
background-color:#fff;
top:auto;
bottom:auto;
  } 
.frame-contgelb .frame-ruler-before:after {
display:none;
}

.frame-contgelb .frame-ruler-after:after{
height:0em;
background-image:none;
background-size:0;
top:0px;
}
.frame-contgelb .frame-ruler-before:before {
position:relative;
float:left;
width:80%;
margin-left:10%;
height:1px;
background-color:#fff;
background-image:none;
background-size:0;
}
/* Abschnitt weiß mit halbtransparentem Blatt */
	.frame-contblatt {
position:relative;
float:left;
clear:left;
width:100%;
padding-top:3em;
padding-bottom:5em;
margin-bottom:0px;
background-color:#fff;
background-image:url('/fileadmin/lag/template/images/hg-containerblatt.svg');
background-repeat:no-repeat;
background-size: auto 110%;
background-position: center top;
}
/* Abschnitt hellgrauer Hintergrund */
	.frame-conthellgrau {
position:relative;
float:left;
clear:left;
width:100%;
padding-top:5em;
padding-bottom:5em;
margin-top:0px;
margin-bottom:0px;
background-color:#F8F8F8;
}
/**************
Runder Button gelb
***************/
.frame-rundbutton a, p a.frame-rundbutton {
position:relative;
width:4em;
height:3.1em;
display: inline-block;
text-decoration: none !important;
font-family: 'Open Sans bold', sans-serif;
font-weight: normal;
font-size:2.2em;
line-height:1em;
text-align: center;
text-transform: none;
padding: 0.9em 0em 0em 0em;
border: 3px solid #fff;
border-radius: 10em;
background-color:#ede322 !important;
box-shadow: 1px 5px 8px rgba(51,51,51,0.5);
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.frame-rundbutton a:hover,
p a.frame-rundbutton:hover {
background-color:#fff !important;
color:#fff;
font-weight:normal;
background-color:#3d464c !important;
box-shadow: 1px 1px 3px rgba(51,51,51,0.7);
-webkit-transform: translateY(-50%) scale(0.95);

-ms-transform: translateY(-50%) scale(0.95);
transform: translateY(-50%) scale(0.95);
}
	/* Slider Kopfbild */
	.frame-kopfbild {
	position:relative;
	float:left;
	overflow:hidden;
	z-index:1;
	width:100% !important;
	margin-top:0px;
	color:#fff;
	background-color:#fff;
	}
	.frame-kopfbild h1,
	.frame-kopfbild h2,
	.frame-kopfbild h3,
	.frame-kopfbild h4 {
	color:#fff;
	text-transform:none;
	padding-bottom:0;
	margin-bottom:0;
	}
.frame-kopfbild .ce-gallery,
.frame-kopfbild .ce-column,
.frame-kopfbild .ce-row,
.frame-kopfbild .ce-outer,
.frame-kopfbild .ce-inner,
.frame-kopfbild .ce-gallery figure.image,
.frame-kopfbild .ce-gallery img{
width:100% !important;
height:auto;
}
@media screen and (min-width: 1920px) {
	}
/* Zitat Slider */
	.frame-zitatslider {
position:relative;
float:left;
width:100%;
	}
.frame-zitatslider .ce-left.ce-intext.ce-nowrap .ce-gallery[data-ce-columns="1"] .ce-row,
.frame-zitatslider .ce-center.ce-below .ce-gallery[data-ce-columns="1"] .ce-row{
#overflow:visible;
#width:calc(300px + 30%)!important;
}
.frame-zitatslider .ce-left.ce-intext.ce-nowrap .ce-gallery[data-ce-columns="1"] .ce-column,
.frame-zitatslider .ce-center.ce-below .ce-gallery[data-ce-columns="1"] .ce-column{
padding-left:20%;
margin-left:0%;
#width:60% !important;
overflow:visible !important;
background-image:url('/fileadmin/lag/template/images/hg-fotoblatt-gruen.svg');
	 background-repeat:no-repeat;
background-position:left bottom;
background-size: auto calc(100% - 0.5em);
}
	.frame-zitatslider .ce-left.ce-intext.ce-nowrap .ce-bodytext {
text-align:center;
	}
	.frame-zitatslider .ce-left.ce-intext.ce-nowrap .ce-bodytext p:last-of-type {
font-size:0.8em;
line-height:1.4em;
}
	.frame-zitatslider .ce-left.ce-intext.ce-nowrap .ce-bodytext:after {
position:relative;
display:block;
bottom:4em;
left:calc(50% - 50px);
content:' ';
height:1px;
width:100px;
border-bottom:2px solid #5aac05;
	}
.frame-zitatslider .ce-left.ce-intext.ce-nowrap .ce-bodytext .zitat {
padding: 30px;
background-image:url('/fileadmin/lag/template/images/zitaticon-oben.png');
	 background-repeat:no-repeat;
background-position:left top;
}
	.frame-zitatslider .ce-left.ce-intext.ce-nowrap .ce-bodytext .zitat:after {
position:relative;
display:block;
float:right;
content:' ';
width:40px;
height:33px;
bottom:-33px;
background-image:url('/fileadmin/lag/template/images/zitaticon-unten.png');
	 background-repeat:no-repeat;
background-position:left top;
}

.frame-contgruen .frame-zitatslider .ce-left.ce-intext.ce-nowrap .ce-gallery[data-ce-columns="1"] .ce-column,
.frame-contgruen .frame-zitatslider .ce-center.ce-below .ce-gallery[data-ce-columns="1"] .ce-column{
background-image:url('/fileadmin/lag/template/images/hg-fotoblatt-gelb.svg');
}
.frame-zitatslider .ce-left.ce-intext.ce-nowrap .ce-gallery[data-ce-columns="1"] figure,
.frame-zitatslider .ce-center.ce-below .ce-gallery[data-ce-columns="1"] figure {
margin-left:0%;
margin-top:-0.5em;
padding-bottom:0.5em;
padding-top:0.5em;
padding-right:30%;
height: calc(100% + 0.5em) !imporant;
}
.frame-zitatslider .ce-left.ce-intext.ce-nowrap .ce-gallery[data-ce-columns="1"] figure img,
.frame-zitatslider .ce-center.ce-below .ce-gallery[data-ce-columns="1"] figure img {
border-radius:360px;
width:400px !important;
height:auto;
}
.frame-zitatslider .ce-left.ce-intext.ce-nowrap .ce-gallery[data-ce-columns="1"] figure.image a.jnlightbox:after {
bottom:0.5em;
right:calc(50% + 12px);
border-radius:0px 0px 5px 5px;
}

/* Bildbanner ganze Breite */
	.frame-bildbanner {
float:left;
clear:left;
overflow:hidden;
width:100%;
max-height:730px;
	}
.frame-bildbanner .ce-gallery,
.frame-bildbanner .ce-column,
.frame-bildbanner .ce-row,
.frame-bildbanner .ce-outer,
.frame-bildbanner .ce-inner,
.frame-bildbanner figure.image,
.frame-bildbanner .ce-gallery img{
width:100% !important;
height:auto;
}

.frame-bildbanner .ce-gallery img{
margin-top:365px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.frame-bildbanner .ce-gallery figure.image {
width:100% !important;
height:auto;
}
/* Rundes Bild mit Blatt Hintergrund */
.frame-hgbildrund .ce-center.ce-above .ce-gallery[data-ce-columns="1"] .ce-row,
.frame-hgbildrund .ce-center.ce-below .ce-gallery[data-ce-columns="1"] .ce-row{
overflow:visible;
}
.frame-hgbildrund .ce-center.ce-above .ce-gallery[data-ce-columns="1"] .ce-column,
.frame-hgbildrund .ce-center.ce-below .ce-gallery[data-ce-columns="1"] .ce-column{
padding-left:30%;
margin-left:-40%;
overflow:visible !important;
background-image:url('/fileadmin/lag/template/images/hg-fotoblatt-gruen.svg');
	 background-repeat:no-repeat;
background-position:left bottom;
background-size: auto calc(100% - 0.5em);
}
.frame-contgruen .frame-hgbildrund .ce-center.ce-above .ce-gallery[data-ce-columns="1"] .ce-column,
.frame-contgruen .frame-hgbildrund .ce-center.ce-below .ce-gallery[data-ce-columns="1"] .ce-column{
background-image:url('/fileadmin/lag/template/images/hg-fotoblatt-gruen.svg');
}
.frame-hgbildrund .ce-center.ce-above .ce-gallery[data-ce-columns="1"] figure,
.frame-hgbildrund .ce-center.ce-below .ce-gallery[data-ce-columns="1"] figure {
margin-left:0%;
margin-top:-0.5em;
padding-bottom:0.5em;
padding-top:0.5em;
width:100% !important;
height: calc(100% + 0.5em) !imporant;
}
.frame-hgbildrund .ce-center.ce-above .ce-gallery[data-ce-columns="1"] figure img,
.frame-hgbildrund .ce-center.ce-below .ce-gallery[data-ce-columns="1"] figure img {
border-radius:360px;
}
.frame-hgbildrund .ce-center.ce-above .ce-gallery[data-ce-columns="1"] figure.image a.jnlightbox:after {
bottom:0.5em;
right:calc(50% + 12px);
border-radius:0px 0px 5px 5px;
}
@media screen and (max-width: 1920px) {
	.frame-bildbanner {
height:auto;
min-height:250px;
	}
.frame-bildbanner .ce-gallery img{
margin-top:0px;
-webkit-transform: translateY(-0%);
-ms-transform: translateY(-0%);
transform: translateY(-0%);
}
.frame-bildbanner .ce-gallery,
.frame-bildbanner .ce-column,
.frame-bildbanner .ce-row,
.frame-bildbanner .ce-outer,
.frame-bildbanner .ce-inner,
.frame-bildbanner figure.image{
width:100% !important;
min-height:250px !important;
}
}
/* Rundes Bild*/
.frame-bildrund .ce-gallery figure img {
border-radius:360px;
}
/* 4 Bilder Deko-Gallery */
	.frame-4bildergallery {
position:relative;
float:left;
clear:left;
width:100%;
}
.frame-4bildergallery .ce-image.ce-center.ce-above .ce-gallery[data-ce-columns="4"] figure{
border-radius:360px;
width:100% !important;
height:auto !important;
}
.frame-4bildergallery .ce-image.ce-center.ce-above .ce-gallery[data-ce-columns="4"] .ce-column {
position:relative;
margin-right:0px;
margin-bottom:0px;
}
.frame-4bildergallery .ce-image.ce-center.ce-above .ce-gallery[data-ce-columns="4"] .ce-column:nth-of-type(1) {
width:30% !important;
}
	.frame-4bildergallery .ce-image.ce-center.ce-above .ce-gallery[data-ce-columns="4"] .ce-column:nth-of-type(2){
width:41% !important;
margin-top:8%;
margin-left:-10%;
z-index:0;
	}
.frame-4bildergallery .ce-image.ce-center.ce-above .ce-gallery[data-ce-columns="4"] .ce-column:nth-of-type(3){
width:41% !important;
margin-top:1.8%;
margin-left:-2%;
	}
.frame-4bildergallery .ce-image.ce-center.ce-above .ce-gallery[data-ce-columns="4"] .ce-column:nth-of-type(4){
width:34% !important;
margin-top:-3%;
margin-left:-17%;
z-index:-1 !important;
	}
/**************
Kontaktboxen 
***************/
.frame-kontaktbox .frame-type-text {
position:relative;
float:left;
clear:none;
min-height:350px;
width: calc(33.33% - 46px);
padding:15px 15px 15px 0px;
margin-bottom:20px;
margin-right:30px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
	/***********
	Accordion 
	*************/
	ul.tinyaccordion {
	width:100%;
	margin:0px !important;
	padding:0px !important;
	}

	ul.tinyaccordion .acc-li > h4 {
	background-image:none !important;
	padding:0.5em 0.5em 0.6em 1em !important;
	margin-bottom:0.8em;
	color:#fff;
	font-weight:normal;
	text-transform:normal;
	font-size:1em;
	background-color: #50a936;
	border-radius:45px;
	}
	ul.tinyaccordion header h4 {
	background-image:none !important;
	display:inline-block;
	padding:0em !important;
	color:#313131 !important;
	font-family: 'Open Sans', sans-serif;
	font-size:1.3em;
	line-height:1.4em;
	margin:0px 0px 0.5em 0px;
	font-weight:normal;
	background-color: transparent !important;
	border-radius:0px !important;
	cursor: auto;
	}
	ul.tinyaccordion .acc-section > h4:after {
	content: '' !important;
	float:none !important;
	}
	ul.tinyaccordion .acc-li > h4:hover,
	ul.tinyaccordion .acc-li > h4.acc-selected {
	text-decoration:none;
background-color:#dedc00;
color:#3d464c !important;
	}
	ul.tinyaccordion.acc-li h4 .t-small {
	display:none;
	}
	ul.tinyaccordion .acc-section{
	width:calc(100% - 2em);
	padding-left:1em;
	padding-right:1em;
	}
	ul.tinyaccordion .acc-section .frame:first-child {
	padding-top:1em;
	}
	ul.tinyaccordion .acc-section .frame:last-child {
	padding-bottom:1em;
	}
	.acc-section header h1,
	.acc-section header > h2,
	.acc-section header > h3{
	display:none;
	}
	ul.tinyaccordion .acc-li > h4:before {
position:absolute;
	content: '►';
	right:0.5em;
height:1em;
line-height:1em;
margin-top:0.25em;
#height:2em;
		#-webkit-transform: translateY(1.5em);
		#-ms-transform: translateY(-50%);
		#transform: translateY(-50%);

	}
	ul.tinyaccordion .acc-li > h4:hover:before {
	content: '►';
	float:right;
	transform: rotate(90deg);
	}
	ul.tinyaccordion .acc-li > h4.acc-selected:before {
	content: '►';
	float:right;

	transform: rotate(-90deg);
	}
/********
News Calendarize Detail
**********/
.calendarize .panel-body .images img {
max-width:300px;
height:auto;
}
	
	/***************
	CSS Suche 
	***************/

	/****************
	Animationen 
	******************/
	a, a:hover, a:visited, a:active, .card,
	.powermail_submit, p, p:last-child, p:last-child a, p:last-child a:hover,
	.frame-themenbutton, .frame-themenbutton:hover, 
	ul.tinyaccordion h4, ul.tinyaccordion h4:after, ul.tinyaccordion h4:before{
	transition: background 0.6s, background-color 0.6s, background-image 0.6s, border-color 0.6s, color 0.6s, text-decoration 0.6s, filter 0.6s, margin 0.6s, transform 0.6s, box-shadow 0.6s, -webkit-box-shadow 0.6s, -moz-box-shadow 0.6s !important;
	-o-transition: background 0.6s, background-color 0.6s, background-image 0.6s, border-color 0.6s, color 0.6s, text-decoration 0.6s, filter 0.6s, margin 0.6s, transform 0.6s, box-shadow 0.6s, -webkit-box-shadow 0.6s, -moz-box-shadow 0.6s !important;
	-moz-transition: background 0.6s, background-color 0.6s, background-image 0.6s, border-color 0.6s, color 0.6s, text-decoration 0.6s, filter 0.6s, margin 0.6s, transform 0.6s, box-shadow 0.6s, -webkit-box-shadow 0.6s, -moz-box-shadow 0.6s !important;
	-webkit-transition: background 0.6s, background-color 0.6s, background-image 0.6s, border-color 0.6s, color 0.6s, text-decoration 0.6s, filter 0.6s, margin 0.6s, transform 0.6s, box-shadow 0.6s, -webkit-box-shadow 0.6s, -moz-box-shadow 0.6s !important;
	}
	a .image-embed-item,
	a:hover .image-embed-item,
	figure img.image-embed-item,
	figure img.image-embed-item:hover{
	transition: transform 0.6s;
	}
}