/* ***** GOOGLE-FONTS laden 
@import url
(https://fonts.googleapis.com/css?family=Roboto:100,300,300italic,400,400italic,500,500italic;700,700italic);
***** */

.clear {
	float: none;
	clear: both;
	height: 1px;
	margin: 0px;
	padding: 0px;
	}


body {
	margin: 0px;
	padding: 0px;
	border: 0px !important;
	box-shadow: 0 !important;
	width: auto !important;
	color: #555;
	font-weight: normal !important;
	font-family: 'Roboto',"Roboto","PT Sans","Arial Narrow",sans-serif;
	font-size: 120%;
	line-height: 2.2em;
	}
	
	
div.body-innerwrapper {
	border: 0px !important;
	box-shadow: 0 !important;
	padding: 0px !important;
	margin: 24px 15px 30px 22px !important;
	}
	
.layout-boxed,
.layout-boxed .body-innerwrapper {
  box-shadow: 0px !important;
  }


header#sp-header {
  height: 100% !important;
  box-shadow: none !important;
  padding: 20px 0px 20px 0px !important;
  background-color: #ffffff !important;
  }
  
header#sp-header div.container {
	background: #FFFFFF !important;
 	padding: 6px 0px 0px 6px !important;
 	}


section#sp-header-01 {
	/* background: #F09; */
	}
	
/* ********************************************************** */
/* ********************************************************** */

a,
a:link,
a:visited {
	color: #a76dd4;
	}

p,a,li,span,td {
	font-weight: normal !important;
	font-size: 128%;
	}

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

table td p, 
table td {
	font-weight: normal !important;
	font-size: inherit;
	}
	
a:hover,
p a:hover{
	color: #935fbf !important;
}
	
/*
p  {
	margin: 0px;
	padding: 1px 12px 8px 0px !important;
	}
*/

p.mini { 
		font-size: 90%;
		}

li {
	font-size: 134%;
	line-height: 1.3em;
	}
	
h1,h2,h3,h4,h6,h6,h7 {
/*	font-family: 'PT Sans Narrow','Roboto',"Roboto","PT Sans","Arial Narrow",sans-serif !important;*/
	font-weight: 400 !important; 
	}

	
h1 {
	font-size: 250%;
	line-height: 1.5em;
	font-weight: 500;
	margin: 0px;
	padding: 0px;
	color: #555;
	letter-spacing: 1px;
	font-weight: 400 !important;
	}
	
h2,
.entry-header h2 {
	font-size: 180%;
	line-height: 1.4em;
	font-weight: 400 !important;
	margin: 0px;
	padding: 6px 0px 2px 0px;
	color: #555 !important;
	letter-spacing: 0px;
	font-weight: 400 !important;
	}

h2.item-title {
	font-size: 186%;
	line-height: 1.4em;
	font-weight: 400 !important;
	margin: 0px;
	padding: 0px;
	color: #a76dd4;
	letter-spacing: 0px;
	font-weight: 400 !important;
	}
	
h3 {
	font-size: 180%;
	line-height: 1.2em;
	font-weight: 400 !important;
	margin: 0px;
	padding: 6px 0px 8px 0px;
	color: #a76dd4;
	letter-spacing: 0px;
	font-weight: 400 !important;
	}
	
h4 {
	font-size: 152%;
	line-height: 1.2em;
	font-weight: 400 !important;
	margin: 0px;
	padding: 12px 0px 8px 0px;
	color: #a76dd4;
	letter-spacing: 0px;
	font-weight: 400 !important;
	}
	


p a {
	font-size: 105%;
	}
	
/*
table tr td{
	font-size: 135%;
	}
*/
	

span a {
	font-size: 80%;
	}



div.entry-header,
article.item-page div.entry-header {
	/* background: #FFF !important; */
	margin: 0px !important;
	padding: 0px 0px 4px 0px !important;
	}
	

/* ****** WICHTIG: DAMIT 1px LINIE unter den HAUPTMENUEpunkten verschwindet ******* */
.sp-module ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }

.sp-module ul >li {
  display: block;
  border-bottom: 0px solid #FFF !important;
  }


.sp-module ul > li > a {
	display: block;
 	border-bottom: 0px solid #FFF !important;
	}
/* ********************************** */



/* ******************* GLOBALE FORMATE,CSS-KLASSEN: INHALTE ********************* */



/* ******************* FORMATIERUNGEN,CSS-KLASSEN: INHALTE ********************* */
/* **** ARTIKEL-UEBERSCHRIFTEN: Startseite und KatBlog-Seiten **** */

article.item.item-page h1{
	display: block;
	font-family: 'PT Sans Narrow','Roboto',"Roboto","PT Sans","Arial Narrow",sans-serif !important;
	border-bottom: 1px solid #999 !important;
	/* width: 98%; */
	text-transform: none;
	margin: 0px 30px 8px 6px !important;
	padding: 0px 0px 4px 0px !important;
	letter-spacing: 1px;
	font-weight: normal !important;
	font-size: 290% !important;
	line-height: 110% !important;
	font-weight: 400 !important;
	color: #a76dd4;
	}
	

article.item.item-page h2{
	color: #a76dd4 !important;
	margin: 0px 0px 0px 6px !important;
	padding: 0px 0px 0px 0px !important;
	}
		
	
	
section#sp-hauptteil div.blog{
	/* background: #0F0; */
	padding: 0px 0px 40px 0px !important;
	min-height: 900px !important;
	}
	
section#sp-hauptteil div.blog .page-header h1{
	color: #444;
	font-family: 'PT Sans Narrow','Roboto',"Roboto","PT Sans","Arial Narrow",sans-serif !important;
	border-bottom: 2px solid #ae1c58 !important;
	width: 96%;
	text-transform: none;
	margin: 0px 0px 18px 0px !important;
	padding: 0px 0px 0px 5px !important;
	letter-spacing: 1px;
	font-weight: normal !important;
	font-size: 290% !important;
	line-height: 110% !important;
	font-weight: 400 !important;
	}
	
section#sp-hauptteil div.blog .items-row{
	/* background: #0F0; */
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 20px 0px !important;
	}

	
	
/* **** ARTIKEL-UEBERSCHRIFTEN + TEXTFORMATE: Normale Beitragsseiten **** */


article.item.item-page h2{
	color: #ab7ed4;
	/* width: 90%; */
	text-transform: none;
	margin: 0px 0px 8px 0px !important;
	padding: 0px 0px 2px 0px !important;
	letter-spacing: 0px;
	font-weight: normal !important;
	font-weight: 400 !important;
	color: #a76dd4;
	}
	
article.item.item-page p{
	color: #555;
	/* width:90%; */
	/*background: #0F0;*/
	margin: 0px 0px 0px 0px !important;
	padding: 5px 25px 12px 6px !important;
	font-size: 140% !important;
	font-weight: normal !important;
	line-height: 150%;
	}
	
/* TEXTFORMATE: Normale Beitragsseiten */


	
section#sp-hauptteil{
	margin: 0 auto !important;	
	padding: 0px !important;
	width: 100%;
	margin-top: -1px !important;
	}
	
section#sp-hauptteil div.container{
	padding: 0px 10px 40px 20px !important;
	margin: 0 auto !important;
	min-height: 900px !important;
	background-color: rgba(255, 255, 255, 0.92) !important;
	}


/* ****************************************************** */
/* ************** STARTSEITE: GRUNDLAYOUT *************** */

/*
section#sp-kopfzeile {
	background: #d4a2f9;
	background: #F09;
	width: 100%;
	}

section#sp-kopfteil {
	background: #FFF;
	}
*/

	
section#sp-logo {
	background: #FFF;
	/* opacity: 1.0; */
	padding: 12px 0px 10px 20px;
	border: 3px solid #F0F !important;
	}
	
section#sp-headerslider-start{
	background: none !important;
	padding: 0px 0px 0px 0px !important;
	}
	
	
#sp-header .logo h1 {
 /*	display: none !important;
  font-size: 24px;
    line-height: 1;
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle; */
}
	
#sp-header .logo {
    display: inline-block;
    height: 90px;
 /*   display: none !important; */
}


div#sp-aa-alle-logo {
	float: left !important;
	width: auto !important;
	padding: 0px 50px 0px 0px !important;
	clear: both !important;
}
	
	

/* ********************************************************** */
/* ******************* ALLE SEITEN ************************** */

div.sp-module h3.sp-module-title {
	font-size: 200% !important;
	line-height: 110% !important;
	}

div.sp-module h3 {
	margin: 0px;
	padding: 0px;
	}
	
div.sp-module h3.cat_child_h3 {
	margin-top: 0px !important;
	}
	
	div.sp-module h3 a {
		font-size: 85%;
		line-height: 70% !important;
		color: #a76dd4;
		font-weight: bold !important;
		margin: 0px 0px 10px 0px !important;
		padding: 0px 0px 10px 0px !important;
		display: block;
		}

div.sp-module h4 a {
	font-size: 75%;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	color: #a76dd4;
	}

.sp-module ul >li >a:before {
  font-family: FontAwesome;
 content: "" !important;
  margin-right: 0px;
}



	
/* ************* GO-TO-TOP **************** */
a#gototop {
    background: #D1D2D3;
    background: #D1D2D3;
    border-radius: 8px;
    color: #555;
    display: none;
    font-size: 110%;
    height: 34px;
    line-height: 30px;
    position: fixed;
    right: 28px;
    bottom: 28px;
    text-align: center;
    width: 36px;
    z-index: 999;
	}

/* ************* BEREICH FUSSTEIL**************** */
section#sp-fussteil {
	background: #EDEDED !important; 
	margin: 0px 1px 0px 0px;
	padding: 14px 0px 0px 0px !important;
/*	text-align: left !important;*/
	}
	
div#sp-aa-alle-fussteil-links p.klein,
div#sp-aa-alle-fussteil-rechts p.klein{
	font-size: 110% !important;
	color: #555 !important;
	padding: 0px 9px 4px 0px;
	margin: 0px;
}

div#sp-aa-alle-fussteil-rechts p.klein a{
	color: #555 !important;
}

div#sp-aa-alle-fussteil-rechts p.klein a:hover{
	color: #935fbf !important;
	}

	
section#sp-fussteil-unten {
	background: #d8d9da !important;
	padding: 10px 0px 20px 0px !important;
/*	text-align: left !important;*/
	}

	
	


/* **************************************** */
/* ****** TEXTFORMATE - FOLGESEITEN ******** */
	

/* ****** FORMATE - LISTENPUNKTE ******** */
	
article.item-page ul li{
/*	background: #F00 !important;*/
	margin: 0px 0px 6px 0px;
}

	article.item-page ul li ul li{
	/*	background: #F00 !important;*/
		margin: 5px 0px 7px -10px;
	}
	
	
		article.item-page ul li ul li ul li{
			background: #FFF url(/images/00_template_elemente/pfeil_listenpunkt_e3.gif) no-repeat;
		/*	background: #FF0 !important;*/
			margin: 5px 0px 7px -20px !important;
			padding: 0px 0px 0px 11px !important;
			list-style: none !important;
		}



/* ****** FORMATE - BILDER IN ARTIKELN ******** */
article.item-page img.bild_links,	
article.item-page p img.bild_links{
	border: 0px !important;
	margin: 0px 0px 0px 0px !important;
	padding: 5px 10px 0px 0px !important;
	float: left;
	clear: both !important;
}



.container{
	background: none !important;
	padding: 0px 0px 0px 0px !important;
	margin: 0 auto !important;
	}
	
.container div.row {
	/*background: #FFF !important;*/
	padding: 0px 0px 0px 0px !important;
	margin: 0 auto !important;
	}





/* **************** FORMATE - HAUPTMENUE ***************** */	

section#sp-hauptmenue {
	background: #FDD48C !important;
	padding: 0px !important;
	margin: 0px !important;
	}
	
section#sp-hauptmenue div.row {
	background: none !important;
	height: 60px;
	padding: 5px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	}


	
/* **************** FORMATE - HAUPTMENUE OFFCANVAS (RESPONSIV) ***************** */

#offcanvas-toggler {
  float: right;
  line-height: 20px !important;
  margin: 0px 0px 0px 0px !important;
  padding: 0px 0px 0px 0px !important;
}

.offcanvas-menu {
  width: 280px;
  height: 100%;
  background: #fff;
  color: #626c71;
  position: fixed;
  top: 0;
  opacity: 0;
  z-index: 9999;
  overflow-y: scroll;
}
.offcanvas-menu .offcanvas-inner {
  padding: 20px;
}
.offcanvas-menu .offcanvas-inner .sp-module {
  margin-top: 20px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
  border: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  border-bottom: 1px dotted #e8e8e8;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  padding: 4px 20px;
  margin: 0px 0px 7px 0px !important;
  line-height: 180%;
  font-weight: 400 !important;
  font-size: 105% !important;
  color: #626c71 !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {
  background: #f5f5f5;
  color: #ae1c58 !important;
}


.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  margin: 0px 0px 15px 0px;
/*  font-size: 85% !important;*/
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li {
  margin: 0px 0px 15px 0px;
  font-size: 87% !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li a {
  border-bottom: 1px dotted #e8e8e8;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  padding: 4px 20px;
  line-height: 160%;
 /* background: #ff0;*/
  color: #626c71;
  font-weight: 400 !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li a:hover {
  background: #ae1c58;
  color: #fff !important;
}



/* ************* COOKIE-HINWEIS - OK-BUTTON ****************** */
div#pwebbox117 [class^="icon-"]::before, [class*=" icon-"]::before {
  font-family: "Arial" !important;
  font-style: bold !important;
  }
  
div#pwebbox117 .icon-delete::before, .icon-remove::before, .icon-cancel-2::before {
  content: "OK" !important;
  }



/* FORMATE: MOBILE DEVICES 
 ************************************************************ */

/* ******* SANDWICH-MENUE ******* */
section#sp-hauptmenue-mobile {
	position: absolute;
	top: 31px;
	right: 30px;
	width: 50px;
	}	
	
#offcanvas-toggler {
  float: right;
  line-height: 90px;
 }
 
#offcanvas-toggler >i {
  display: inline-block;
  padding: 0 0 0 10px;
  font-size: 32px;
  background: transparent;
  margin: 5px 0 5px 0;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
  color: #555 !important;
  }


/* ******* ALLGEMEINE FORMATE ******* */

.layout-boxed .body-innerwrapper {
  max-width: 1071px;
  margin: 0 auto;
  box-shadow: none !important;
  padding: 0px !important;
  margin: 0px 0px 0px 0px !important;
  background: none !important;
 }
 
.sp-module ul > li{
	border-bottom: 0px !important:
	}
 

div.sp-module h3.sp-module-title {
	padding: 0px !important;
	margin: 0px 0px 6px 5px !important;
	text-transform: none !important;
	font-size: 220% !important;
	/* line-height: 100% !important; */
	}


/* *********** BEREICH KONTAKT HEADER **************** */

div#sp-aa-alle-login{
	float: right !important;
	width: auto !important;
	padding: 0px 20px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	width: auto !important;
}


div#sp-aa-alle-login .sp-module p.kontakt_header a {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 100% !important;
	line-height: 150% !important;
	font-weight: 500 !important;
}

div#sp-aa-alle-sprachen{
	float: left !important;
}

div#sp-aa-alle-header-kontakt{
	float: right !important;
	width: auto !important;
	padding: 0px 20px 0px 30px !important;
	margin: 0px 0px 0px 0px !important;
}

div#sp-aa-alle-header-kontakt p.kontakt_header{
	text-align: left !important;
}



/*div#sp-aa-alle-header-kontakt .sp-module {
	float:left !important;
	margin: 0px;
	padding: 10px 25px 0px 0px;
}*/

div#sp-aa-alle-header-kontakt .sp-module p.kontakt_header,
div#sp-aa-alle-header-kontakt .sp-module p.kontakt_header  {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 120% !important;
	line-height: 150% !important;
}


@media