/* user.css (früher custom.css) für TTSB  J5  neu und alt fkt. Baugrube 20250211*/
/* Color-Palette */
.darkblue{color:#014A73;}
.hellerblue{color:#417896;}
.green{color:#5A6226;}
.hellergruen{color:#C7D301;}
.gruen{color:#A9B403;}
.linkgruen{color: #008b77;}
.blau1{color:#023770;}
.blau2{color:#000822;}
.darkred{color:#c00000;}
.lightblue {color:#A4CBDC;}
.red{color:#c00000;}


/* handlee-regular - latin */
@font-face {
  font-family: 'Handlee';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/handlee-v6-latin-regular.eot'); /* IE9 Compact Modes */
  src: local('Handlee Regular'), local('Handlee-Regular'),
       url('../fonts/handlee-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/handlee-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/handlee-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/handlee-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/handlee-v6-latin-regular.svg#Handlee') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../fonts/raleway-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v14-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/raleway-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Raleway Italic'), local('Raleway-Italic'),
       url('../fonts/raleway-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v14-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v22-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v22-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v22-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v22-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v22-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v22-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/raleway-v22-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v22-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v22-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v22-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v22-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v22-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
       url('../fonts/raleway-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v14-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/raleway-v14-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'),
       url('../fonts/raleway-v14-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v14-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v14-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v14-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v14-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v14-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'),
       url('../fonts/raleway-v14-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v14-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v14-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v14-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v14-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* Sonderzeichen - FontAwesome */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa1 {
  display: inline-block;
  font: normal normal normal 12px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
	font-family: Raleway, Verdana, sans-serif;
	font-weight:500;
	font-size:1.1rem;
	color:#014A73;
}

/*** Header - Farbe und Transition ***/
.header {
	transition:0.4s;
	height:114px!important;
}
.container-header{
	background:white;
	border-bottom:2px solid #014A73;
}
/* überschreibt template.css */
.container-header .container-nav {
  /*flex-wrap: wrap;*/ /*ooo*/
  justify-content: space-between;
  padding:0;
}
/* Logo */
div.logo{
	padding:5px 0;
	padding:0;
}	

/*** Hauptmenu | resp. menu | kein Zucken | B - log***/
.container-header nav,
.container-header .container-search {
  margin-top: 0;
  padding: 0;
}
.container-header .mod-menu {
  color: #014A73;
  font-weight:600;
  list-style: none;
}

header .hauptmenu li {
	line-height:112px;
	font-size: 105%;
	text-align: center;
	color:#014A73!important;
}
header .hauptmenu li.current {
	 background-color:#014A73;
}
header .hauptmenu li a{
	color:#014A73!important;
}
.hauptmenu li:hover {
	background-color:#E5ECF1;
	/*font-weight:800;*/ /* tut nicht */

}
#navbar1 ul.hauptmenu li,
div.mod-list ul li{
	padding:0 10px;
	margin-left:0;
	color:#014A73!important;
}
#navbar1 ul.nav.hauptmenu li.nav-item.item-169.default.current.active.parent a{
    display: inline-block; 
	color:white!important;
	margin-top:-5px;
}
.container-header .mod-menu > li.current > a{
	color:white!important;
}	

/* B - Blog im Hauptmenu */
.hauptmenu li.nav-item.item-169 a::first-letter{
	/*content: 'B';*/
	font-family:Raleway!important;
	font-weight:800!important;
	text-shadow: 1px 3px 2px rgba(127, 127, 127, 0.25);
	margin-right:1px;
}
/* Lupe im Hauptmenu */
/* ausprob, welches es jetzt ist*/
div#navbar1 ul li.nav-item.item-538 a span.visually-hidden,
div#navbar1 ul li.nav-item.item-538 a span.p-2.suchmargin,
div#navbar1 ul li.nav-item.item-538{	
	padding-right:.3rem!important;
}

/* Hamburger-Menu  ???*/
#header {
	position:sticky!important;
}	

.icon-menu::before {
    font-family: FontAwesome!important;
	content:"\f0c9";
	color:#014A73;
	font-size:150%!important;
	margin: 0 0 0 0!important;
}
.container-header .navbar-toggler {
  cursor: pointer;
  border: 2px solid #014A73;
  margin:5px auto 6px auto;
  border-radius:5px;
}
button.navbar-toggler {
	margin:0 auto;
}

dl, ol, ul {
  margin-bottom: 0.3rem!important; 
}  
  
.sticky-top .logo a img  {
	margin-left:0;
	transition: all 1.2s ease-in-out;
	-webkit-transition: all 1.2s ease-in-out;
    -moz-transition:all 1.2s ease-in-out;
    -ms-transition:all 1.2s ease-in-out;
}

/********************** 1200px *****************/
@media screen and (max-width: 1200px) {
div#mod-custom92.mod-custom.custom {
	display:flex!important;
	transform: scale(0.9);
	transition: all 1.5s ease-in-out;
    }
}
div.logo img {
	margin-left:-10px;
	/*transform: scale(0.9);*/
	 transition: all 1.5s ease-in-out;
	-webkit-transition: all 1.2s ease-in-out;
    -moz-transition:all 1.2s ease-in-out;
    -ms-transition:all 1.2s ease-in-out;
	transform-origin: top left;
}

/************************* 1100px *****************/	
/*.metismenu.mod-menu {
  margin: 0 0 10px 0 !important;
}*/
/*@media screen and (max-width: 1100px) {*/
@media screen and (min-width: 992px) {
div#mod-custom92.mod-custom.custom {
/*	display:flex!important;*/
  margin-left:-40px;
 transform: scale(0.80);
 transition: all 1.5s ease-in-out;
 float:left;
}
.sticky-top .logo a img  {
margin-left:-15px;
}
}

@media screen and (max-width: 992px) {
.header .hauptmenu li {
  line-height:40px!important;
} 
} 
  
.container-search {
	min-width:50px;
	padding-right:2px;
}
/*.navbar-expand-md .navbar-collapse {
	flex-basis: auto;
	display:flex!important;
}*/
.navbar-collapse {
	flex-grow: 1
}
.container-header .container-nav {
  justify-content:none!important;
  /*padding-bottom: 0.5em;*/
  height:100%!important;
  background: white;
  /*border-bottom: 1px solid darkblue;*/
}
/*}*/
.container-header nav {
  margin-top: 0 !important;
  top: 0;
  padding-bottom: 12px;
}
/************************* 990px *****************/	
@media screen and (max-width: 990px) {
.container-header .container-search {
	margin-top: 5px;
}
div .container-search {
	/*width:140px;*/
}
.container-header .navbar-toggler {
	margin: 25px auto 10px!important;
}
}

/*************************** 780 **************/
@media screen and (max-width: 780px) {
	div .container-search {
	width:100%;
	background-color:white;
	margin-top:-10px!important;
}
.container-header .navbar-toggler {
	margin: 0 auto 10px !important;
}

/*.page-header h1 {
	color:red!important;
}*/
div#mod-custom92.mod-custom.custom {
    width:100%;
    margin: 0 auto;
    transform: scale(0.85);
    transition: all 1.5s ease-in-out;
}
.sticky-top .logo a img  {
	margin-left:0;
	transition: all 1.2s ease-in-out;
	-webkit-transition: all 1.2s ease-in-out;
    -moz-transition:all 1.2s ease-in-out;
    -ms-transition:all 1.2s ease-in-out;
}
}
	   
.container-search {
	/*top:0;
	margin-top:0!important;
		width:100%;*/
		background-color:white;
		height:100%;
}
.container-header nav {
  padding: 0!important;
  top: 0;
}	
.container-header .navbar-toggler{
  margin: 0 auto 10px auto;
}



/************ Basis-Elemente *******************/
h1, h2, h3, h4, h5 {
	line-height:1.4!important;
	font-family:Handlee, sans-serif!important;
	font-weight:500!important;
    clear:both;   
}
h1 {
	line-height:1.3!important;
	padding: 11px 0 5px 1px;
	color:#014a73;
	font-size: 160%;
    margin: 0 0 24px 0;
    border-top: 1px dotted rgba(0,0,0,0.3);
    border-bottom: 1px dotted rgba(0,0,0,0.3);
}
h2,h3 {
    padding: 12px 0 6px;  
	color:#c00000!important;
	font-size:125%;
}
h2 {
	font-size:150%!important;
}
/* wg. Fehler im Template */
h2 span.subheading-category {
	line-height:1.25em!important;
	font-size:1.1em!important;
}
/* Kategorieüberschrift Blog-Aktuell */
.blog > h2{
	line-height:1.5!important;
	font-size:140%!important;
	margin:0 0 20px 0!important;
	padding:0!important;
	border-top:0;
	border-bottom:0;
}
li { line-height:1.4;					
}

/* Paragraphen - Abstände etc. */
p {
	margin: 0 0 6px 0;
}
p.half {
	margin: 9px 0 6px 0;
}
p.oben12 {
	  padding-top:12px;
}
p.keinumbruch, div.keinumbruch {
	page-break-inside: avoid;
}
p.keinabstand,div.keinabstand,ul.keinabstand, h3.keinabstand {
	margin: 0;
}
p.width600{
	max-width:600px!important;
}
ul {
	padding-left:0;
}
ul.small {
	margin-top:-9px;
}
ul.tags li{
padding-left:0;
}	
ul.tags li,
ul.mod-menu li {
background:none;
}
.main_component ul li.abstand12 {
	margin: 3px 0 12px 0;
} 
ul.smaller, ol.smaller { font-size:95%;}
.smaller {
	font-size:80%;
}
.lowsmall, .small95, ul.smaller, ol.smaller {
	font-size:95%;
}
small, .small, .small90 {
	font-size: 90%!important;
	line-height:1.45em!important;
}
.main_component ul li.abstand12 {
	margin: 3px 0 12px 0;
}	


/* Abstandsregelungen */
.abstandoben {
	margin-top:12px;
}
.abstandoben24 {
	margin-top:24px;
}
.abstandunten3{
	margin-bottom:3px;
}
.abstandunten6 {
	margin-bottom:6px;
}
/* Sonder-Sachen */
/* Unterstreichen mit Welle */
.tt_marker{
text-decoration: underline wavy rgba(0,139,119,0.5)
}		
/* readmore */					 
p.readmore {
    margin: 6px 0;		  
}
div.blog p.readmore a.btn:hover {
	/*background-color:#014A73!important;*/
	background-color: rgba(34, 139, 119, 0.95)!important;
	color:white!important;
	font-weight:600!important;
}
p.readmore a {
	background:none!important;
	box-shadow:none!important;
	border: 1px solid rgba(0,0,0,0.25);
}
p.readmore a.btn.btn-secondary:hover{
	background-color: rgba(34, 139, 119, 0.95)!important;
	color:#fff!important;
	font-weight:600!important;
}
.clearfix, .readmore{
	clear:both!important;
}
ul.keinclearboth {
	clear:none!important;
}
img.suchmargin {
	margin-right:-10px;
}	
.kapi{
font-variant:small-caps;
}
.text-centered {
  text-align: center;
}
hr {
	margin:40px 25px 35px!important;
	border: 0;
	height: 3px!important;
	background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))!important;
} 
/* ominöse Punktaufzählung bei SBGG / vor ripple weg */
.moduletable::marker{
	display:none;
}

/* Left und Right sticky */
div.container-sidebar-left {
	position:sticky;
	top:120px !important;
}
div.grid-child.container-sidebar-right{
	grid-area: side-r;
	height: calc(100vh - 200px);
	position: sticky;
	margin-top:14px;
	top: 130px;
}
.container-sidebar-right .card,
.container-sidebar-right div.card-body {
	padding-bottom:0;
	padding-top:0;
	border:0!important;	 
}

.card, .card-body{
	border:white!important;
}






/* Stichworte  Right */
.stichworte h3
/*, .tagsabstandoben div.module-title h3*/{
	padding:0 0 0 0.5em;
	margin-bottom:0;	
	background-color:white;	
	color:#014A73!important;
	border:0;	
}
/*.stichworte ul li a {
	color:#014A73!important;
}*/	
/*div.sidebar-right.card.stichworte {
	position:relative!important;			   
}*/
/*div.sidebar-right.card, div.sidebar-right.card-body{
	border:0;	
	position:sticky;
	top:150px;	
}/
.container-sidebar-right .sidebar-right:nth-child(2) {
	border:0;	
	position:sticky;
	top:850px;
}*/


/* kein list-style-type bei News in right */
/*.no-list-style-type ul,
aside.right_column div div div div div ul.latestnews {
	list-style-type:none;
	margin-left:6px;
}*/




/* Rahmen und Abstände bei Blogartikeln  */
div.com-content-category-blog__item.blog-item
{			 
	border: 1px solid rgb(111,111,111,0.75);
	padding: 10px 15px 15px 20px;
	margin-bottom: 10px;
}
.impressumlayout div.com-content-category-blog__item.blog-item {
     border:none!important;
}
/* Blogs mit mehr Abstand*/
div.container-component{
	padding:0 10px;
}
@supports (display:grid) {
  .blog-items {
    margin: 0;
   }
}
.items-leading div.com-content-category-blog__item.blog-item {
	margin-bottom:25px;
}	


/*** Punktaufzählung***/


/* list_bullet */	/*** in den Artikeln durch bullet.png ersetzen***/
ul li.lightbutton{
    background: rgba(0, 0, 0, 0) url("../images/list_button.png") no-repeat scroll 0 6px;
    list-style: outside none none;
    margin: 3px 0 3px -15px;
    padding-left: 21px;
}
div.com-content-article__body ul li,
.blog div ul li.small {
	 background:url(../images/list_bullet.png) 0 4px no-repeat!important;
	 padding-left:18px;
	 list-style: none;
	 margin-bottom:3px;
}	
.blog div ul li,
.accordion-inner.panel-body ul li,
.main_component ul li,.blog_more ul li,.normal li,.check li,.arrow li,.normal_red li,.check_red li,.arrow_red li,.circle li,.circle_red li,.normal_white li,.check_white li,.arrow_white li,.circle_white li{
	background:url(../images/list_bullet.png) 0 7px no-repeat;
	padding-left:18px;
	list-style:none;
	margin:3px 0;
}	
.blog .mod-list li {
	padding:.25em 0!important;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
  padding: .5rem 1.25rem!important;
}

/* Stichworte right ohne Bullet */
div.sidebar-right.card div.mod-tagspopular.tagspopular ul { 
	list-style-type: none;
	margin-bottom:0!important;
	font-size:85%;
	line-height:1.4;
	padding-left:0;
}
.blog .mod-list li {
	padding:.25em 0!important;
}

/* Kein Background-Bullet vor Schlagworten und Aktion-Icons und horizontal Blog-Menu und Tags */
div ul.simple li {
	background-image:none!important;
	background-color:rgba(0,0,0,0.03)!important;
	padding: 8px 12px;
}	

/* Alles glauben oder nachfragen */
div ul.share.ein {
	padding-left:20px;
}
div ul.ein li{
	background:none!important;
	text-indent: -0.25em!important;
}


ul.hand-o.abstandoben9 li{
	background:none!important;
			text-indent:0em;
}
/*ul li ul li.fa-hand-o-right,*/
ul li.fa-hand-o-right{
		background:none;
		margin-top:6px;
		text-indent:-0.7em;
		margin-left:25px;
}
.fa-table:before {
  content: "\f0ce";
}
div.mod-tagspopular.tagspopular ul li,
div.blog .horizontal-menu li, 
ul.actions li,
.blog ul.tags.list-inline li{
	background:none;
	padding-left:0;
}
div.blog .horizontal-menu li{
	font-variant:small-caps;
}
aside div.tagspopular ul li {
	font-size:85%;
}
div.cat-children > div {
	margin: 15px 10px;
	font-size:90%;
}
div.main_component div.search div.pagination ul li {
background:none;
}

/* Tags über Beitrag */
ul.tags li a.label.label-info{
	color:#666;
	box-shadow:none;
	padding: 0 5px 0 0;
	text-shadow:1px 1px 1px rgba(170,170,170,0.25);
	font-weight:500;
}
dl.article-info.text-muted {
	margin-bottom:0;
	margin-top:9px;
}
dd.published span.icon-calendar.icon-fw {
	 display:none;
}
div.blog .icon-calendar {
	display:none!important;
}
dd.published time { 
	color:#c00000; /*color:#014A73;*/
	font-weight:300;
	font-style:italic;
 }
.container-sidebar-left .sidebar-left:last-child {
  border: 0;
}
/* Details nicht anzeigen */
dt.article-info-term {
	display:none;
}	
.tags .list-inline-item {
  margin: 0;
}


/* Login-Formular - User & Passwort vergessen ausblenden */
.anmeldungfachtagung div.com-users-login.login div.com-users-login__options.list-group {
	display:none;
}	


/* Blog-Menu */
nav.moduletable.menu-horizontal,
 .metismenu.menu-horizontal {
    flex-direction:row;
    flex:auto!important;
    display:flex!important;
}
.category-desc{
	background-color:transparent!important;
	margin:10px 0 5px 0;
	padding-bottom: 25px ;
	font-size:100%;
}
.menu-horizontal.blogs-liste > li {
	padding: 6px 2px 4px 0!important;
	transition: all 0.3s ease-in-out;
	margin-right: 0;
	font-size: 100%;
	font-variant: small-caps;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.menu-horizontal.blogs-liste li {
	background-image:none;
}
.mod-menu.metismenu.blogs-liste li.metismenu-item:not(:last-child):after {
	content:'∙';
	margin-left:1rem;
	margin-right:1rem;
}
.blograhmen ul > li.current > a ,
.metismenu.mod-menu .metismenu-item > a:active,
.metismenu.mod-menu .metismenu-item > a:hover,
.metismenu.mod-menu .metismenu-item > a:focus {
	color: #c00000;
	/*font-weight:600;*/
	border-color:#c00000;
}
.menu-horizontal.blogs-liste{
margin-left:2px;
}
.menu-horizontal.blogs-liste > li > a{
	  color: #014a73;
	  font-weight:400;
	 /*border-bottom: 4px solid rgb(238, 238, 238);
	  border-color: rgba(0,0,0,0.07);*/
	  border-bottom: 4px solid rgba(0,0,0,0.07);
}
/* damit Blog-Menu nicht so früh horizontal wird ***/
@media (max-width: 502px) {
	nav.moduletable.menu-horizontal,
	.metismenu.menu-horizontal {
    flex-direction:row;
    flex:1!important;
    display:inline-block!important;
}
}
/* Blogs Menu bottom */
 .bottom-module-position .moduletable > div{
padding: 0 0 18px 20px!important;
margin-top:-20px!important;
}

/* Buchstabe groß und rot - Glossar und ... */
p.dropcap::first-letter {
  font-size: 180%;
  color: #c00000;
  text-shadow: 1px 1px 2px rgb(0,0,0,0.25);
}
p.dropcap::first-letter:hover{
	color:#008b77;
	transition: all .5s ease-in-out;
	transform: rotate(-360deg);
	border: medium none !important;
}

div p.socialicons3 a.noicon.wfpopup img:hover,
.socialicons3 p :hover{ 
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
 border: medium none !important;
}


/*** Footer Menu ***/



/*Mediabox */
.wf-mediabox-close {
  height: 1.75em;
  line-height: 1;
}
/* innerhalb Media-Box*/
div p.zitate{
font-family:Raleway, sans-serif!important;
	font-weight:500!important;
	line-height:1.35em!important;
}
/* innerhalb Mediabox Text zentrieren */
#wf-mediabox-modal-title {
	  padding: 0 10px;
}
.wf-mediabox-caption p {
    text-align:center;
	padding:10px;
}



/* Formatierung Gender wider lens  bzw. med.Transition WPATH*/
div.listing{
	display:flex!important;
	border:0!important;
	padding-bottom:0!important;
	margin-bottom:0!important;
}
div.part1{
	width:30px;
	font-size:85%!important;
}
div.l_k {
	display:flex;
	display:-webkit-flex;
	clear:both;
}			
div.l_label {
	float:left;
	min-width:65%;
}
div.l_label2 {
	float:left;	
	width:35%;
	margin-bottom:3px;
	line-height:1.2!important;

}
div.l_v1, div.l_v2 {

	min-width:85px;
	margin-left:5px;
}	
div.minyt {
	width:75px;
	border:0!important;
}
div.akue {
	width:90px;
	border:0!important;
}

/*Button*/
.myButton {
	box-shadow: 3px 4px 0px 0px #899599;
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	background-color:#ededed;
	border-radius:15px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#3a8a9e;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
.myButton:hover {
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	background-color:#bab1ba;
}
.myButton:active {
	position:relative;
	top:1px;
}

/*** LINKS ***/
a {
	color: #008b77!important;
	text-decoration:none!important;
	padding: .1em 0;
	transition: color .4s linear .1s;
}							
a:hover, a:active, a:focus {
	text-decoration:none!important;
	border-bottom:1px solid ;
	outline:0;	
}
a:hover {
	color:#C00000;
	text-decoration: none;
	transition: color .2s linear 0;
}
/* Ausnahmen beim Logo, bei den Hauptmenupunkten und auf der 404-Seite */
.logo a,
a.nounderline,
.nounderline a,
div#was-sind-die-ursachen a.nohover:hover, 
div#was-sind-die-ursachen a.nohover:focus{
	border:0!important;
}

.darkbluelinks a {
	color:#014A73;
}


/* blockquote mit Balken! */
/*bootstrap-Einstellung deaktivieren */
blockquote .small::before {
   /* content: '\2014 \00A0';*/
   content:'';
}
blockquote {
    padding-left:15px;
	font-size: 95%;
	line-height: 1.4;
	margin:11px 0;
	border:0;
	border-left: 5px solid #eee!important;
}
blockquote ul li {
	padding-left:18px;
}	
blockquote p {
	font-size: 95%;
	margin-bottom:6px;
}
blockquote footer, blockquote small, blockquote .small, .small, .small li {  
    font-size: 90%!important;
	line-height:1.4em!important;
	color:#014A73;
}
div.breite95 {
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
}

/* Zoom bei Beitrags-Bildern */
/*Äußerer Rahmen*/
div.flex1 {
	/*display:flex;*/
	padding:0 0 6px 0!important;
}
/*Bilderrahmen*/
div.zoom1, div.zoom2{
	width:220px!important;
	height:auto!important;
	overflow:hidden!important;
	margin:6px 15px 6px 0!important;
	float:left!important;
	border:0!important;
}	
div.zoom1 img, div.zoom2 img  {
	transform: scale(1);
	transition: all 0.4s ease-out;}
div.zoom1 img:hover {
	transform: scale(1.25, 1.25);
}
div.zoom2 img:hover {
	transform:skew(-4deg,6deg)  scale(1.1, 1.25);
}	
/* normale Beitragsbilder */
div p a.noicon.wfpopup img {
	transition: all 0.5s ease-out; /* VERZÖGERUNG */
}	
div h2 a.noicon.wfpopup img:hover,
div p a.noicon.wfpopup img:hover {
	transition: all 1s ease-out; /* VERZÖGERUNG */
	transform: scale(1.1, 1.05);
	z-index:1;
}
/* Bild scalez */
div p.scalez a.noicon.wfpopup img  {
	background: black;
	color: gold;
}
div p.scalez a.noicon.wfpopup img:hover  {
	transform: perspective(2000px) scaleZ(3) rotateX(45deg);
}




/* Silbentrennung - innerhalb von Abschnitten prinzipiell mit Trennung */
p, ul, li, .hyphens li, div.zoom1 {
hyphens:auto!important;
-webkit-hyphens:auto!important; /* für Safari */
hyphenate-limit-chars: auto 5;
hyphenate-limit-lines: 2;
}
/* Keine Silbentrennung */
.hyphensnone {
	hyphens: none!important;
	-webkit-hyphens:none!important; /* für Safari */
}
/* Textauszeichnung und -Verkleinerungen */
strong,.bold,.fett {
	font-weight: bold;
}
.lowbold {
	font-weight:600;
}
.extrabold {
	font-weight:700;
}
.lowsmall, .small95, ul.smaller, ol.smaller {
	font-size:95%;
}
small, .small, .small90 {
	font-size: 90%!important;
	line-height:1.45em!important;
}
ul.small {
	margin-top:-9px;
}
.smaller {
	font-size:80%;
}

/* SONDERZEICHEN fontawesome */
span.icon-chevron-right::before {
    font-family: FontAwesome;
	content:"\f08d"; 
}
.fa-external-link::before {						 
    content: "\f08e";
    margin-left:0!important;
	margin-right:1px!important;
	padding-right:3px!important;
	padding-left:0!important;
	font-size:75%!important;
}
.fa-external-link-binnen::before {
	content: "\f08e";
	font-size:100%!important;}

@media screen and (min-width: 980px) {
	.fa-external-link::before {		 
	padding-right: 3px!important;
  }
}
.fa-internal-link::before {
	content:'»';
    margin-right:1px!important;
	margin-left:0!important;
	padding-right:5px!important;
	padding-left:0!important;
	font-size:100%!important;
}
.icon-user:before {
  content: "\f0c0";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right:6px;
  padding-bottom:6px;
}
.icon-lock:before {			   
  content: "\f023";
    display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right:6px;
}
.fa-file-pdf-o::before {
  content: "\f1c1";
   font-size: 80%!important;
}
.fa-envelope-o::before {
	 content: "\f003";
	 font-size: 90%;
}
.fa-hand-o-right::before {
  content: "\f0a4";
}
/* Lupe */
.icon-search:before {
	margin-right:6px;
}
/* Suchindex Formular*/
div#search-form.com-finder__form{
	padding-bottom:40px;
	max-width:800px!important;
}
/* sonst kommt immer noch Kategorie */
div#search-form div.filter-branch {
	display:none;
}
/* Service - Suche */
li.nav-item.item-720 a.fa.fa-search span.p-2.suchmargin {
	margin-right:-20px;
}
li.nav-item.item-720 a.fa.fa-search.fa-2x{
	margin-top:-4px;
}

/*Rechtliches - erecht24-image*/
img.erechtclass{
  margin-top: 9px;
  margin-left: -20px;
}

[class^="fa-"]::before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 1px;
}
ul.share li:before, .moduletable.share li:before {
	content: "\f064";	
	margin: 0 6px 6px 0;
	padding-left: 12px;
  font-family: FontAwesome;
  font-size:80%;
  color:#999;
}
div ul.share li {
	list-style:none!important;
	background:none!important;
	text-indent: -0.52em;
	padding-left:30px;
}
/* Image, Photo, Picture */
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
	content:"\f03e";
	font-size: 90%;
	margin-left:4px;
}


/************ ICONS **********/
*[class^="item-page"]:before {
content:none !important;
margin:0;
}
.icon-previous:before,
.icon-backward:before,
.icon-next:before,
.icon-forward:before,
.icon-first:before, .icon-last:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right:6px;
}
.icon-previous:before,
.icon-backward:before {
    content: "\f104";
}
.icon-next:before,
.icon-forward:before {
    content: "\f105";
}
.icon-first:before {
    content: "\f100";			  
}
.icon-last:before {
    content: "\f101";	  
}	
		  
/* unsichtbar z.B. wegen wenn etwas nicht in Suche auftauchen soll */
span.ix{
	display:flex;
	color: transparent!important ;
	display: none!important;
}
p.ixx {
	line-height:1px;
	font-size:1px;
	color: transparent!important ;
	display: none!important;
}

/******* individuell *******************************/
.small, .small, .small li {  
    font-size: 90%!important;
	line-height:1.4em!important;
	color:#014A73;
}
.small_indent{
	font-size:90%;
	padding-left: 1.2em;
	text-indent: -.6em;
	line-height:1.35;
	color:#014A73;
}
.indent_0 {
	padding-left: 10px;
	text-indent: -10px;
	margin:0 0 0 12px!important;
	line-height:1.35!important;
}
.indent_1 {
	padding-left: 10px!important;
	text-indent: -10px!important;
	margin:0 0 9px 10px!important;
	line-height:1.30!important;
}
.indent_simple{
	padding-left: 1em;
	text-indent: -.5em;
	
}
.small_indent1{
	font-size:95%;
	/*padding-left: 1.2em;*/
	margin-left:-0.7em;
	text-indent: -0.5em;
	line-height:1.4;
	color:#014A73;
}
.indent_neu{
	padding-left:30px!important;
	text-indent:-30px!important;
    margin-left: 30px!important;
}
.indent_no {
	text-indent:0!important;
}	

/* Format aufzählliste aber ohne Zahlen */
ol.labels.kleinzahl > li::before {
	font-size:2px!important;
	color:grey!important;
	content:'📌';
}	
ol.simple.schmal >li {
	  border-left: 4px solid #EEE;
}
ul.simple li {
list-style:none;
margin: 6px 0!important;
padding:8px 12px;
border-left:5px solid rgba(0,0,0,0.05);
background:rgba(0,0,0,0.03)!important;
}
li.mitstrich {
	border-left:5px solid #efefef;
	background:none!important;
	margin-bottom:10px!important;
}


/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-175x {
  font-size:1.75em;
}	
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;								 
}
.fa-4x {
  font-size: 4em;		  
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;			 
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;										 
}
.fa-pull-right {
  float: right;								
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}

/* Parallax*/
.lgx-parallax-pro-content-wrapper div.lgx-parallax-pro-text p a, .lgx-parallax-pro-content .lgx-parallax-pro-text  {
	color:white!important;
	font-weight:600!important;
}
.lgx-blogdetrans h2.lgx-parallax-pro-title		{
font-size:150%!important;
}	
section div.lgx-parallax-pro.lgx-pt{
	margin:0!important;
 }	 
/* Parallax Pro */
/* ????? prüfen ??? Cursor Char in 2. Überschrift/Title nicht anzeigen - Module wurden nicht parallel entwickelt*/
#lgx-parallax-pro155 span.typed-cursor {
	display:none!important;
}	
div.lgx-parallax-pro-btn-area p a.lgx-pp-btn {
	background:#66666634!important;
	color:white!important;
}
.lgx-parallax-pro-content .lgx-parallax-pro-content-wrapper {
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
} 
.lgx-titleshadow h2.lgx-parallax-pro-title span {
	text-shadow: 
	0 1px 0 #c9cfce, 0 2px 0 #bcc2c2, 0 3px 0 #afb6b6, 0 4px 0 #a4adac, 0 5px 0 #9fa8a7, 0 6px 0 #99a3a2
	/*, 0 7px 0 #97a1a0, 0 8px 0 #949e9d, 0 0 5px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.2), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.3)*/;
}
/* Parallax Pro*/
/*parallax Texte auf Bildern */
div.lgx-parallax-pro-area.lgx-parallax-pro-lift h2.lgx-parallax-pro-title,
.lgx-parallax-pro div.lgx-lettering-content h2.lgx-lettering-title {
	color:white;
	letter-spacing:0!important;
}
.lgx-parallax-pro-content .lgx-parallax-pro-content-wrapper h1, .lgx-parallax-pro-content .lgx-parallax-pro-content-wrapper h2{
	letter-spacing:0!important;
	text-shadow:none;
	color: white;
}
div.lgx-lettering-content h2.lgx-lettering-title span, .lgx-lettering-title {
	letter-spacing:0!important;
}

h1.lgx-parallax-pro-title,
div.lgx-lettering-content h1.lgx-lettering-title, h2.lgx-lettering-title, h3.lgx-lettering-title {
	border:0!important;
	letter-spacing:0!important;
}	

div#lgx-parallax95 div.lgx-parallax-text {
	width: 50%;
	margin: auto;
	text-shadow: 2px 2px 2px #666;
}
@media screen and (max-width: 800px){
div#lgx-parallax95 div.lgx-parallax-text {
	width: 80%!important;
		max-width:75%!important;
}
.blog  p  img {
	/*transform:scale(80%);*/
	width:40%;
}	
.blog p img.imgbreite {
	width:100%!important;
}	


}
/*parallax Texte auf Bildern */
div.lgx-parallax-pro-area.lgx-parallax-pro-lift h2.lgx-parallax-pro-title,
.lgx-parallax-pro div.lgx-lettering-content h2.lgx-lettering-title {
	color:white;
}
.lgx-parallax-pro-content .lgx-parallax-pro-content-wrapper h1, .lgx-parallax-pro-content .lgx-parallax-pro-content-wrapper h2{
	letter-spacing:0;
	text-shadow:none;
	color: white!important;				
}


/****	 Effect-Image 	Special Effects for Images *****/
.js-border .main_component [class*="effect-image"] img {
display: block;
position: relative;
background: transparent;
border:none;
border-radius: 0;
box-shadow:none;
margin: 0;
padding: 0;
}
[class*="effect-image"] {
position: relative;
float: left;
overflow: hidden;
margin: 20px 1%;
max-width:98%;
text-align: center;
background:#222;
}

@media screen and (min-width: 980px) {
	[class*="effect-image"] {
	box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.33);
	}
}
[class*="effect-image"] + p, [class*="effect-image"] + h1, [class*="effect-image"] + h2,
[class*="effect-image"] + h3, [class*="effect-image"] + h4, [class*="effect-image"] + h5 {
clear:both;
}
[class*="effect-image"] img {
position: relative;
display: block;
min-width:100%;
}
[class*="effect-image"] figcaption {
margin-top:0 !important;
padding: 26px 16px 0 16px;
color: #fff;
font-size: 1.25em;
}
[class*="effect-image"] figcaption::before,
[class*="effect-image"] figcaption::after {
pointer-events: none;
}
[class*="effect-image"] figcaption,
[class*="effect-image"] figcaption > a {
position: relative;
}

@media screen and (min-width: 980px) {
	[class*="effect-image"] figcaption {
	/*padding: 2em;*/
	padding: 1 em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}
	[class*="effect-image"] figcaption {
	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	right:0;
	font-style:normal;
	}						  
}
/* neu */
@media screen and (max-width: 980px) {
	[class*="effect-image"] figcaption {
	background: rgba(119,119,119, 0.6);/*new*/
	background: #efefef;
	border: 1px solid grey;
	}
	[class*="effect-image"] {
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.33);
	border:1px solid grey;
	}
	[class*="effect-image"] h3 {
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 1);
	text-shadow: 0 0 1px rgba(0, 0, 0, 1);
	color: #008b77!important;
	font-weight: 400;
	}
	[class*="effect-image"] p {
	color: #333!important;
	}
}
[class*="effect-image"] h3, [class*="effect-image"] p {
margin: 0;
padding:0;
}
[class*="effect-image"] p {
letter-spacing: 1px;
font-size: 70%;
padding: 1em 2em 0.5em 2em;
text-transform: none;
}
[class*="effect-image"] h3, [class*="effect-image"] p {
color: #fff;
}
[class*="effect-image"] a, [class*="effect-image"] a:hover {
display:inline-block;
color :#008b77;
font-style:normal;
text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 0 2px rgba(0, 0, 0, 0);
border:1px solid rgba(255,255,255,0.7);
border-radius:12px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);
margin:20px 0;
padding:7px 12px;
font-size:12px;
text-transform:uppercase;
transition : all 0.4s linear;
}
[class*="effect-image"] a:hover {
color : white;
font-style:normal;
border:1px solid rgba(255,255,255,0.8);
box-shadow: 0 0 6px rgba(0,0,0,0.4);
background: rgba(0,0,0,0.20);
text-decoration:none;
cursor:pointer;
}
[class*="effect-image"] a:focus {
border:1px solid rgba(255,255,255,0.5);
box-shadow: 0 0 6px rgba(0,0,0,0.4) inset;
}

@media screen and (min-width: 980px) {
	[class*="effect-image"] h3 {
	text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 1);
	}
	[class*="effect-image"] a, [class*="effect-image"] a:hover {
	display:inline-block;
	color : white;
	font-style:normal;
	text-shadow: 0 0 6px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0);
	border:1px solid rgba(255,255,255,0.7);
	border-radius:12px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);
	margin:20px 0;
	padding:7px 12px;
	font-size:12px;
	text-transform:uppercase;
	transition : all 0.4s linear;
}	
}
/*****		EFFECT 04	!!!  **********/
@media screen and (min-width: 980px) {
	.effect-image-4 {
	background: #030c17;
	}	
	.effect-image-4 img {
	opacity: 0.975;
	transition: opacity 0.35s, transform 4s;
	}
	.effect-image-4 figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
	}	
	.effect-image-4 h3 {
	margin: 10% 0 10px 0;
	transition: transform 0.35s;
	opacity:0; /* neu */
	}
	.effect-image-4 p {
	padding: 1em;
	opacity: 0;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	}
	.effect-image-4 a {
		opacity:0;
	}
	.effect-image-4:hover h3 {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	opacity:1; /*neu*/
	}	
	.effect-image-4:hover figcaption::before,
	.effect-image-4:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	}
	/* neu */
	.effect-image-4:hover a{
		opacity:1;
		font-weight:900;
	}
	.effect-image-4:hover figcaption {
	background-color: rgba(58,52,42,0);
	}
	.effect-image-4:hover img {
	opacity: 0.4;
	transform:scale(1.1);
	}	
}
/* Kontaktformular  soll linksbündig sein*/
.kontaktformularpos main div.com-contact.contact h2:nth-child(3){
	margin-left:-30px!important;
}	
.kontaktformularpos  form#contact-form button.btn.btn-primary.validate {
	margin-bottom:40px!important;
	font-weight:bold;
	font-size:1.25em;
}	
/* Kontakt - Weitere Informationen Überschrift weg */
.kontaktformularpos form#contact-form fieldset.m-0 legend {
	display:none;
}	



/* jce*/
#tinymce.mceContentBody {
	font-size:22px!important;
	color:#111!important;
}	
/* Sliders alle öffnen oder alle schließen*/
.btn-success, .btn-danger, .btn-toggle {
	padding:5px;
	border-radius:4px;
	background-color:white;
		color:#666666!important;
}	
.btn-success:hover, .btn-success:focus{
	background-image: linear-gradient(to bottom, #80C6BC 25%, #008b77 50%)!important;
	/*background-position:1px 1px!important;*/
	color:white!important;
	font-weight:500!important;
}
.btn-danger:hover, .btn-danger:focus {
	background-image: linear-gradient(to bottom, red 55%, #c00000 50%)!important;
	color:white!important;
	font-weight:500!important;
}
.btn-toggle{
	border:1px solid grey;
}
.btn-toggle:hover, .btn-toggle:focus {
	background-image: linear-gradient(to bottom, #C7D301 25%, #A9B403 50%)!important;
	color:white!important;
	font-weight:500!important;
}	

.rl_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner {
	border:1px solid #ddd;
	padding: 10px 10px 20px 15px!important;
}

/* Tooltipp - Fehler? */
.rl_tooltips-link {
    display: inline!important;
}
[data-tooltips] {
  cursor: pointer;
  border-bottom:0;
  display:inline;
}

/* Max. Größe der Tooltip-Box */
[data-tooltips-element] {
  max-width: 800px;
  color:#014A73!important;
}
.title-text-color,
[data-tooltips-element] h3{
	color:#c00000!important;
}
	
		
/*  Accordion-Slider ***/
.rl_sliders.accordion > .accordion-group.active > div > a:focus, 
.rl_sliders.accordion > .accordion-group > div > a:focus,
.rl_sliders.accordion > .accordion-group.active > div > a:hover, 
.rl_sliders.accordion > .accordion-group > div > a:hover  {
	box-shadow:0 0 0 #000000 inset!important;
	-webkit-box-shadow: inset 0 0 0 #000000!important;
	outline:0 none;
}

@media screen {
  [data-rlta-element="container"][data-rlta-state="ready"] {  
    margin-bottom: 0em!important;
  }
}

.read-more-slider {
    margin-left: 0!important;
}
div.slide-desc span a {
	color:#fff;
}	


/********** COLUMN LAYOUTS ******/
.one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
float:left;
margin : 10px 4% 10px 0 !important;
}
.one-half {
width:48%;
}
.one-third {
width:30.6%;
}
.two-third {
width:65.4%;
}
.one-fourth {
width:22%;
}
.two-fourth {
width:48%;
}
.three-fourth {
width:74%;
}
.one-fifth {
width:16.8%;
}
.two-fifth {
width:37.6%;
}
.three-fifth {
width:58.4%;
}
.four-fifth {
width:79.2%;
}
.last {
margin-right: 0 !important;
}
.last + * {
clear:both;
}
@media screen and (max-width: 650px) {
/* Alle Module im Footer untereinander*/
.one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
	/*min-width:100%!important;
	float: none;
	width:auto;
	margin : 0 0 30px 0 !important;*/
	}
}
	
/* Footer 3 Menüs sollen nebeneinander sein Modul debug */
/*Alle Module im Footer untereinander*/
footer.container-footer.footer.full-width div.grid-child {
	display:block;		  
}	
div#mod-custom239.mod-custom.custom{
    display:flex!important;
    padding:30px 50px;
    margin-top:0;
    box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.5), 0 6px 12px -3px rgba(0, 0, 0, 0.2);
} 
div#mod-custom239.mod-custom.custom div.moduletable.text-centered{
	width:100%;
	text-align: center;
	margin:0 auto;
}
div#mod-custom239.mod-custom.custom div.moduletable h3 {
	color:#014A73!important;
}
/* Logo im Footer zentriert über ganze Breite */
footer.container-footer.footer div.grid-child div#mod-custom161.mod-custom.custom {
	width:100%;
	background: transparent;
}
footer.container-footer.footer {
		background: transparent;
}
@media screen and (max-width: 600px) {
/* Alle Module im Footer untereinander*/
/*Alle one-half-Menus untereinander */
.one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
	min-width:100%!important;
	float: none;
	width: auto;
}
/*div#mod-custom239.mod-custom.custom {
	display:inline-block!important;
}*/
}

/* Sprungmarke - 100px*/
.sprung {
	margin-top:-100px;
}


/* Figure */
figure {
    transition: all 0.2s linear 0s;
	/*max-width: inset;*/
	transition: transform 2s ease;
	transform: rotate(0) ;
/*ausprobieren*/
}
figure img {
	max-width:unset;
	width:100%;
	display: block;
	margin: 0;
	padding: 0;
	transition: all .3s ease;
}

figure:hover {
  background: #fefefe;
 	/*transform: rotate(-5deg) scale(1.05,1.05);*//*drehen war zu viel bei Info-Material*/
	max-width:120%;
}
figure:hover img {
  transform: scale(1.5);
  opacity: .75;
  filter: alpha(opacity=75);
}

/*************** JUX-Timeline *******/
div.timeline {
	margin-bottom:0px!important;
}
.jux-tl-item .jux-tl-time {
    min-width: 260px;
	color:#023770!important;
		color: #999!important;
		font-size:16px!important;
}
.jux-tl-item .jux-tl-desc {
    color: #023770;
	/*margin-bottom:5px;*/
	font-size:85%;
}
.jux-tl-info {
    background: rgb(255,255,255,0.95) none repeat scroll 0 0!important;
    border-radius: 4px;
	padding: 0 15px 10px!important;
	margin:0 5px;
	-webkit-box-shadow: 1px 1px 2px 1px rgba(205,205,205,0.74) ; 
	box-shadow: 0px 1px 1px 1px rgba(205,205,205,0.74) ;
	border: 1px dotted #666!important;
}
.jux-subtitle {
	font-weight:300!important;
	font-size:75%!important;
}	
.jux-tl-item {
  margin-bottom: 10px!important;
} 
h2.jux-tl-title {
	line-height:1!important;
	font-family:Raleway!important;
	margin-bottom:9px;
} 
h2.jux-tl-title a {
	 color: #c00000!important;
	 font-weight:500;
	 font-size:80%;
	 font-family:Raleway!important;
}
h2.jux-tl-title a:hover {
    color:#007b88!important;
	border:0 solid transparent!important;
	text-decoration:none!important;
}
h2.jux-tl-title a:active, h2.jux-tl-title a:focus, h2.jux-tl-title a:visited, h2.jux-tl-title a:target{
	border:0 solid transparent!important;
}	
.jux-tl-item.right .arrow, .jux-tl-item.left .arrow {
    border-right-color: rgba(0,0,0,0.15)!important;	
	border-left-color: rgba(0,0,0,0.15)!important;	
}
div.jux-tl-info.startbox{
	max-width:60%!important;
	min-height:215px!important;
	margin:0 auto!important;
}
@media (max-width: 767px) {
.jux-tl-item.right .arrow , .jux-tl-item.left .arrow, 
.jux-tl-item.right .arrow::after, .jux-tl-item.left .arrow::after {
	border-right-color: white!important;
	border-left-color: white!important;	
}
div.jux-tl-info.startbox{
	max-width:100%!important;
}
}
.jux-tl-item.right .arrow::after {
  border-right-color: rgba(0, 0, 0, 0.15);
}
div.jux-tl-info div.arrow {
	    border-right-color: rgba(231, 111, 0, 0.5)!important;
}
/***********JUX Timeline ENDE ****/


@media screen and (min-width: 768px) and (max-width:991px){
	div#navbar1 ul.nav.hauptmenu {
	flex-direction :inline;
}
div#mod-custom92.mod-custom.custom {
	   /* max-width:45%!important;*/
		display:inline-block;
}		
header.header div.grid-child.container-nav {
	display:inline-block;
}	
	.header.container-header{
	    display:flex;
		flex:1;
		flex-direction:row;
	}
/*Ausführliches Hauptmenü nicht direkt anzeigen*/
	div#navbar1 {
/*	display:none!important; */
	}
	/* Toggler anzeigen */
	.container-header .navbar-toggler {
/*		display:inline!important;*/
	}
	#navbar1 ul.hauptmenu li{
		line-height: 2em!important;
		font-size: 110%!important;
		text-align: center!important;
	}
	.logo {
		margin:auto;
	}
}

/* Videoanzeige mit rubik-kubik twoclickyoutubevideos*/
.video_wrapper {
	text-align:left;
}
.video_iframe {
}
/* twoclickyoutubevideos */
.twoclickyoutubevideos .twoclickyoutubevideos-playbtn {
	padding: 6px 10px!important;
border-radius: 9px!important;
border:3px!important;
/*margin-left:-10px;*/
	background-color: rgba(255,0,0,0.3)!important;
}
.twoclickyoutubevideos img{
  width: 560px;
}
.twoclickyoutubevideos {
	margin-top:0!important;
	margin-bottom:6px!important;
}
p.kleinesbild .twoclickyoutubevideos img {
	width:300px;
	margin:0 auto;
}

.kleinerbutton  .twoclickyoutubevideos .twoclickyoutubevideos-playbtn,
.kleinesbild .twoclickyoutubevideos .twoclickyoutubevideos-playbtn {
	left:170px;
	font-size:65%;
	padding: 8px 10px !important;
}

.kleinesbildinspalte .twoclickyoutubevideos .twoclickyoutubevideos-playbtn {
	left:170px;
font-size:65%;
padding: 10px 14px !important;
}

.twoclickyoutubvideos-linkvideo {
  position: relative!important;
  float:left;
  /*left: 20%!important;
     top: 5%!important;*/
  transform: translate(-50%, -50%);
  font-size: 90%;
  padding: 0 5px 2px!important;
  background-color: rgba(255, 255, 255, 0.8);
}

/**	List with Font Awesome v. joomspirit 134 - template.css	**/

ul.check li, ul.chevron li, ul.angle li, ul.angle-double li, ul.circle li, ul.circle-o li, ul.star li, ul.star-o li, ul.tag li, ul.thumbs-o-up li, ul.check-square-o li, ul.arrow-circle li, ul.caret-simple li, ul.chevron-circle li, ul.chevron li, ul.hand-o li, ul.share li,
.moduletable.check li, .moduletable.chevron li, .moduletable.angle li, .moduletable.angle-double li, .moduletable.circle li, .moduletable.circle-o li, .moduletable.star li, .moduletable.star-o li, .moduletable.tag li, .moduletable.thumbs-o-up li, .moduletable.check-square-o li, .moduletable.arrow-circle li, .moduletable.caret-simple li, .moduletable.chevron-circle li, .moduletable.chevron li, .moduletable.hand-o li, .moduletable.share li {
list-style:none;
margin: 0 0 6px 0;
padding-left: 22px;
}

ul.check li:before, ul.chevron li:before, ul.angle li:before, ul.angle-double li:before, ul.circle li:before, ul.circle-o li:before, ul.star li:before, ul.star-o li:before, ul.tag li:before, ul.thumbs-o-up li:before, ul.check-square-o li:before, ul.arrow-circle li:before, ul.caret-simple li:before, ul.chevron-circle li:before, ul.chevron li:before, ul.hand-o li:before, ul.share li:before,
.moduletable.check li:before, .moduletable.chevron li:before, .moduletable.angle li:before, .moduletable.angle-double li:before, .moduletable.circle li:before, .moduletable.circle-o li:before, .moduletable.star li:before, .moduletable.star-o li:before, .moduletable.tag li:before, .moduletable.thumbs-o-up li:before, .moduletable.check-square-o li:before, .moduletable.arrow-circle li:before, .moduletable.caret-simple li:before, .moduletable.chevron-circle li:before, .moduletable.chevron li:before, .moduletable.hand-o li:before, .moduletable.share li:before {
display: inline-block;
*display:inline;
*zoom:1;
font-family: fontawesome;
vertical-align:middle;
margin-left: -18px;
width: auto;
margin-right:10px;
}
 ul.hand-o li:before{
	margin-right:7px; 
 }


ul.check li:before, ul.chevron li:before, ul.star li:before, ul.star-o li:before, ul.tag li:before, ul.thumbs-o-up li:before, ul.check-square-o li:before, ul.caret-simple li:before, ul.chevron-circle li:before, ul.chevron li:before, ul.hand-o li:before, ul.share li:before,
.moduletable.check li:before, .moduletable.chevron li:before, .moduletable.star li:before, .moduletable.star-o li:before, .moduletable.tag li:before, .moduletable.thumbs-o-up li:before, .moduletable.check-square-o li:before, .moduletable.caret-simple li:before, .moduletable.chevron-circle li:before, .moduletable.chevron li:before, .moduletable.hand-o li:before, .moduletable.share li:before {
font-size:60%;
}

ul.angle li:before, ul.angle-double li:before, ul.arrow-circle li:before, .moduletable.angle li:before, .moduletable.angle-double li:before, .moduletable.arrow-circle li:before {
font-size:80%;
}

ul.circle li:before, ul.circle-o li:before, .moduletable.circle li:before, .moduletable.circle-o li:before {
font-size:40%;
}

ul.check li:before, .moduletable.check li:before {
content: "\f00c";
}
ul.check-square-o li:before, .moduletable.check-square-o li:before {
content: "\f046";
}
ul.chevron li:before, .moduletable.chevron li:before {
content: "\f054";
}
ul.angle-double li:before, .moduletable.angle-doubleli:before {
content: "\f101";
}
ul.angle li:before, .moduletable.angle li:before {
content: "\f105";
}
ul.circle li:before, .moduletable.circle li:before {
content: "\f111";
}
ul.circle-o li:before, .moduletable.circle-o li:before {
content: "\f10c";
}
ul.star li:before, .moduletable.star li:before {
content: "\f005";
}
ul.star-o li:before, .moduletable.star-o li:before {
content: "\f006";
}
ul.thumbs-o-up li:before, .moduletable.thumbs-o-up li:before {
content: "\f087";
}
ul.hand-o li:before, .moduletable.hand-o li:before {
content: "\f0a4";
}
ul.arrow-circle li:before, .moduletable.arrow-circle li:before {
content: "\f0a9";
}
ul.caret-simple li:before, .moduletable.caret-simple li:before {
content: "\f0da";
}
ul.chevron-circle li:before, .moduletable.chevron-circle li:before {
content: "\f138";
}
ul.share li:before, .moduletable.share li:before {
content: "\f064";
margin-right:7px;
font-size:90%;
margin-bottom: -1px;
}


ul.red li:before {
color:red;
}
ul.blue li:before {
color:blue;
}
ul.green li:before {
color:green;
}
ul.purple li:before {
color:purple;
}
ul.yellow li:before {
color:yellow;
}
ul.black li:before {
color:black;
}
ul.white li:before {
color:white;
}
ul.grey li:before {
color:grey;
}
ul.turquoise li:before {
color:turquoise;
}
ul.pink li:before {
color:pink;
}

ul li > h2, ul li > h3, ul li > h4 {
margin-top : 0;
padding-top:0;
}


/**		Unordered lists without bullet 		**/

ul.simple li {
list-style:none;
margin: 0 0 6px 0;
padding:8px 12px;
border-left:2px solid #ddd;
border-color:rgba(0,0,0,0.10);
background:#f5f5f5;
background:rgba(0,0,0,0.06);
}


/**		Ordered lists	**/

ol.simple {
list-style-type: none;
list-style-type: decimal /*!ie*/; /*IE 7- hack*/        
counter-reset: li-counter;
}
ol.simple > li {
position: relative;
margin: 0 0 24px 20px;
padding-left: 14px;
min-height: 36px;
border-left: 9px solid #EEE;
border-color:rgba(0,0,0,0.16);
line-height:1.4!important;
list-style: none!important;
}
ul.hand-o.ingkv  {
	padding-left:10px;
}
/* Format Aufzählliste aber ohne Zahlen */
ol.labels.kleinzahl > li::before {
	font-size:2px!important;
	color:grey!important;
	content:'📌';
}	
ol.simple.schmal >li {
	  border-left: 4px solid #EEE;
}
ul.simple li {
list-style:none;
margin: 0 0 6px 0;
padding:8px 12px;
border-left:5px solid #ddd;
border-color:rgba(0,0,0,0.05);
background:#f5f5f5;
background:rgba(0,0,0,0.03)!important;
}
li.mitstrich {
	border-left:5px solid #efefef;
	background:none!important;
	margin-bottom:10px!important;
}	
li.mitstrich {
	border-left:5px solid #efefef;
	background:none!important;
	margin-bottom:10px!important;
}	
.blograhmen div ol li {
	margin-bottom:6px!important;
}	
.blograhmen div ol.labels li {
	margin-bottom:25px!important;
}
.blograhmen div ol.labels li li{
	margin-bottom:6px!important;
	margin-left:25px;
}

ol.simple > li:before {
position: absolute;
top: 0;
left: -40px;    
font-size: 24px;
line-height: 1;
font-weight: bold;
text-align: right;
color: #aaa; 
color: rgba(0,0,0,0.3);
content: counter(li-counter);
counter-increment: li-counter;
}

ol.labels {
list-style-type: none;
list-style-type: decimal /*!ie*/; /*IE 7- hack*/ 
counter-reset: li-counter;
margin-top:40px;
margin-top:6px;
margin-bottom:0;
padding-top:20px;
padding-bottom:0;
list-style-type: none;
}

ol.labels > li {
position: relative;
margin-bottom: 25px;
padding: 30px 18px 18px 18px;
background: #f4f4f4;
background:rgba(0,0,0,0.04);
}

ol.labels > li:before {
position: absolute;
top: -14px;
left: -12px;
padding:0 20px 4px 20px;
text-align: center;
font: italic bold 17px/36px Georgia, Serif;
color: #888;
background: #e3e3e3;
transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
overflow: hidden;
content: counter(li-counter);
counter-increment: li-counter;
z-index: 1;
}

ol.circle {
list-style-type: none;
list-style-type: decimal /*!ie*/; /*IE 7- hack*/ 
counter-reset: li-counter;
margin-bottom:30px;
}

ol.circle > li {
position: relative;
padding: 37px;
border-bottom: 1px dashed #ccc;
border-bottom:0;
border-color:rgba(0,0,0,0.16);
}

ol.circle > li:before {
position: absolute;    
left: -11px;
top: 12px;
background: #f3f3f3;
height: 40px;
width: 40px;
border: 1px solid rgba(0,0,0,.06);
text-align: center;
font: italic bold 17px/36px Georgia, Serif;
color: #999;
border-radius: 50%;
content: counter(li-counter);
counter-increment: li-counter;
z-index: 1;
}

.upper-roman li:before {
content: counter(li-counter, upper-roman) !important;
}
.lower-roman li:before {
content: counter(li-counter, lower-roman) !important;
}
.upper-latin li:before {
content: counter(li-counter, upper-latin) !important;
}
.lower-latin li:before {
content: counter(li-counter, lower-latin) !important;
}
/******************/

p.width600{
	max-width:600px!important;
}

.highlight {
	background-color:rgba(199, 211, 1, 0.2)!important;
}