{* Farben festlegen *}
{* Colorschema  *}
 {* Body *}

 
#5f339f
#CC567E


 
 
 


 


 
 
 

{* Farben für Menue und Accorden festlegen *}
{* Hintegrundfarbe Navigationsmenu *}

{* a aktuell *}
 {* Standarthyperlink*}
  {* naigationsleistehyperlink*}



{* Border Farbe für Hamburger Menu *}

{* Farben für Accordion festlegen*}
{* Basis Farbe Label *}

{* formularfarben *}

{* Calender Farben upcoming List*}

{* Farben für responsive Tabellen *}

@media screen and (max-width: 800px) {

}


/* Stylesheet: colorschema Modified On 2018-09-24 20:39:03 */
/* Basic CSS */
body {
margin: 10px;
padding: 0px;
font: 16px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
background: #F7F8E0;
background:#f3f3f3;
/*background: url(/uploads/images/background.png) no-repeat center;*/

}
h1 {
font-size: 28px;
font-weight: 100;
text-align: center;
}

 #main {
  max-width:1024px; 
  margin: auto;
  display: -webkit-flex; 
  display: flex; 
     -webkit-flex-direction: column; 
  flex-direction: column;
  justify-content: space-between; 

 border: solid 0px rgba(95,51,159,0.5); 

  
} 
a {
/*  background: #59337e;*/
  color: #4b4b4b;
}
a:hover {
  color: #333;
}
a, a:hover {
  -o-transition: color 0.25s ease-in;
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
}
header {
background: rgba(252,180,174,1);
color: rgba(0, 0, 0, 0.7);
}

header div{
text-align: center;

}

#headertext{

text-align: center;
color: rgba(0, 0, 0, 0.7);
/*background: #FBFF9C;*/
background: rgba(252,180,174,1);
}
#headertext p{
margin: 12px 0 12px 0;
}

navigation {
/* in MMenu-2-navigation definiert*/
}

/* section, article, header, footer, sidebarleft */
section, article,  footer, sidebarleft {
  display: block;
  float: left;
  width: 100%;
}

/* Hier wird der Contend Bereich formatiert */
article {
width: 75%;
padding: 3em 12.5%;
/* background: #FFFFEA; */
/* background: #f3f3f3; */
/*background: url(/uploads/images/background.png)  no-repeat center ;*/
/* background: url(/uploads/images/background_hell.png)  no-repeat center;*/
background-size: cover;
}
/* Grid Layout für Startseite */

#articlewrapper {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
}

.img30 img{
border: solid 5px;
max-width:30%;
}

p .img50 img,
.img50 img{
border: solid 5px;
max-width:50%;
height: auto;
}

.img98 img{
border: solid 5px;
max-width:98%;
}

sidebarleft {
float:left;
width: 10%;
height: 100%;
background: #FFFFFF;
/*background: url(https://www.lashina.ch/uploads/mmenu-2/images/computer.jpg);*/
}

footer {
width: 96%;
background: rgba(252,180,174,1);
padding: 1em 2%;
}
footer p {
margin: 8px 0 8px 0;
}

.footerleft {
  font-size: small;
  float: left;
  min-height: 2em;
}

.footerright {
float: right;

}

@media screen and (max-width: 800px) {
#main {
float:left;
}

h1 {
font-size: 1.5em;
}

header div img{
  width: 140px;
  height: auto;
}
article {
  width: 90%;
  padding: 1em 5%;
}
}

/* Stylesheet: mmenu-3-layout Modified On 2020-11-22 10:47:35 */
/* Basic CSS anpassungen für Startseite*/

h1 {
font-size: 28px;
font-weight: 100;
text-align: center;
}

 #main {
  max-width:1424px; 
  margin: auto;
  display: -webkit-flex; 
  display: flex; 
     -webkit-flex-direction: column; 
  flex-direction: column;
  justify-content: space-between; 

 border: solid 0px rgba(95,51,159,0.5); 

  
} 
a {
/*  background: #59337e;*/
  color: #4b4b4b;
}
a:hover {
  color: #333;
}
a, a:hover {
  -o-transition: color 0.25s ease-in;
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
}
header {
background: rgba(252,180,174,1);
color: rgba(0, 0, 0, 0.7);
}

header div{
text-align: center;

}

#headertext{

text-align: center;
color: rgba(0, 0, 0, 0.7);
/*background: #FBFF9C;*/
background: rgba(252,180,174,1);
}
#headertext p{
margin: 12px 0 12px 0;
}

navigation {
/* in MMenu-2-navigation definiert*/
}

/* section, article, header, footer, sidebarleft */
section, article,  footer, sidebarleft {
  display: block;
  float: left;
  width: 100%;
}

/* Hier wird der Contend Bereich formatiert */
article {
width: 100%;
padding: 3em 0;
/*background: #FFFFEA;*/
/*background: #f3f3f3;*/
}
/* Grid Layout für Startseite */
#articlewrapper {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap:10px;
}
#articlewrapper a{
 color: #59337e;
text-decoration: none;
}
#articlewrapper a:hover{
 color: #a9a2af;
}

#block1,
#block2,
#block3 {
padding: 0 1em;

}


.img30 img{
border: solid 5px;
max-width:30%;
}

p .img50 img,
.img50 img{
border: solid 5px;
max-width:50%;
}

.img98 img{
border: solid 5px;
max-width:98%;
}

sidebarleft {
float:left;
width: 10%;
height: 100%;
background: #FFFFFF;
/*background: url(https://www.lashina.ch/uploads/mmenu-2/images/computer.jpg);*/
}

footer {
width: 96%;
background: rgba(252,180,174,1);
padding: 1em 2%;
}

.footerleft {
  font-size: small;
  float: left;
  min-height: 2em;
}

.footerright {
float: right;

}

@media screen and (max-width: 800px) {
#main {
float:left;
}
#articlewrapper {
display:block;
}
h1 {
font-size: 1.5em;
}

header div img{
  width: 140px;
  height: auto;
}
article {
  width: 90%;
  padding: 1em 5%;
}
}

/* Stylesheet: mmenu-2-layout-start Modified On 2018-09-29 09:35:40 */
/* Anpassungen für Flexslider-3 */
/* abweichungen von original Css  */
/* Die entsprechenden passagen sind in der original CSS auszukomentieren */
/* Farbzuordnungen über Colorschema nur hier möglich  */
.flexslider {
background:#f3f3f3;
border: 4px solid #f3f3f3;
}
/* Stylesheet: mmenu-flexslider Modified On 2018-08-31 09:46:54 */
/*
Navigation mit flexbox
zusammen mit flex.css verwenden
*/
/* Farben werden im Layout definiert */

/* Checkbox für Desktop ausschalten */
input#responsive-nav,
label.responsive-nav-label {
  display: none;
}
navigation, subnav {
	float: right;
        width:100%;
	display: flex;
        justify-content: space-around;
	-ms-flex: 1 240px;
        background:rgba(252,180,174,1);

        height: 40px;
     
}
navigation{
position: relative;
bottom: -0.4em;
height: 45px;
}
subnav {
   width:99%;
   padding: 0.5em 0 0.5em 0.5em; 
   margin: 0 0 0.5em 0;
}

navigation ul, subnav ul {
  background: rgba(252,180,174,1);
  margin: 0;
  padding: 0;
}

navigation a, subnav a{
  display: block;
  text-decoration: none;
}

navigation a.current, subnav a.current  {
background: #a9a2af;
color: #fff;
}

navigation ul li,subnav ul li  {
  position: relative;
  float: left; 
  list-style: none;
  transition: 0.5s;
}

navigation ul li a ,subnav ul li a{
  padding: 10px 15px 10px 15px;
}

navigation ul li:hover,subnav ul li:hover {
   background: #a9a2af;
   border-radius: 3px;
   box-shadow: 2px 2px 5px rgba(30, 7, 118, 0.5);
}
navigation ul li a:hover, subnav ul li a:hover {
  color: #fff;
/*  margin: 5px ;*/
 /* padding: 15px 10px 15px 10px;*/

}

/*Eigenschaften zweite Ebene */
navigation ul ul , subnav ul ul{
  position: absolute;
  top: -9999px;
  left: -9999px;

 background: ;
 border-radius: 3px;
  box-shadow: 2px 2px 5px rgba(30, 7, 118, 0.5);
  z-index: 1;
}

navigation ul ul li, subnav ul ul li {
  position: relative;
  left:0px;
  float: none;
  width: 160px;
  border-bottom: 5px solid #555;
}

navigation ul ul li a ,subnav ul ul li a{
  padding: 10px 20px;
}

navigation ul ul li:last-child,subnav ul ul li:last-child {
  border-bottom: none;
}

/* position zweite Ebene */
navigation ul li:hover > ul ,subnav ul li:hover > ul{
  top: 80%;
  left: 20px;
}

navigation ul ul li:hover > ul ,subnav ul ul li:hover > ul{
  top: 0;
  left: 120px;
}
/* Zeichnet Pfeil */
navigation ul > li.current> a:after,
navigation ul > li.parent > a:after {
  position: relative;
  float: right;
  content: '';

  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  border-bottom: 5px solid transparent;
}
/* Zeichnet den Pfeil */
navigation ul ul li.parent > a:after ,
navigation ul ul li.current > a:after
{
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #000;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

@media screen and (max-width: 700px) {
navigation {
 padding: 0.5em 0 0.5em 0;
 font-size:0.7em;
height: auto;
}
}

@media screen and (max-width: 480px) {

navigation {
  position: absolute;
  top: -9999px;
   width: 100%;
  padding: 10px;
  display: block;

 /* height: auto;*/
}
 label.responsive-nav-label {
  position: fixed;
  top: 0px;
  display: block;
  width: 100%;
  padding: 10px;
  background: rgba(95,51,159,0.8);
 /* background-color: white;*/
 /* border-radius: 5px;*/
  cursor: pointer;
  z-index:20;
}

label.responsive-nav-label span {
  margin-right: 10px;  
}
input#responsive-nav[type=checkbox]:checked ~ nav {
  position: absolute;
  top: 0px;
}
navigation {

float:none;
}
subnav {
font-size:0.8em;
   width:100%;
   height: auto;
   padding: 0.3em 0 0.3em 0.3em; 
   margin: 0 0 0.3em 0;
}
navigation ul {
padding-top:30px;
background:white;
}
subnav ul li a {
padding: 10px 8px 10px 8px;
}
navigation a:after {
  display: none;
}
navigation li {
  float: none !important;
  width: 99% !important;
  border-bottom: none !important; 
}
navigation li a {
  margin-bottom: 10px !important;
  padding: 10px 20px !important; 
  background : rgba(95,51,159,0.8);
  /*color: #1E0776;*/
 border-radius: 3px;
}
navigation ul li:hover {
  background: none;
}
   
navigation ul li a:hover {
  background: #a9a2af;
}
navigation ul ul {
  position: relative !important;
  width: 100%;
  left: 0 !important;
  top: 0 !important;
  background: none !important;
  box-shadow: none;
}
navigation ul ul li {
  padding-left: 20px;

}
}

/* Stylesheet: mmenu-3-navigation Modified On 2020-11-24 17:02:16 */
/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
/* hier Farbe des Menuebalkens bei Smartphone */
	/*  background: #0c1923; */
background:  #888;
background:  rgba(95,51,159,0.8);
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
/* Hier Frabe für Untermenues */
	background: #888;
	margin-top: 44px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	/*background: rgba(255,255,255,0.1);*/
	border: none !important;
	/* border-left: 1px solid rgba(255,255,255,0.4) !important; */
	/* border-bottom: 1px solid rgba(255,255,255,0.2) !important; */
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}

/* Stylesheet: mmeanmenu Modified On 2020-11-21 18:05:02 */