@charset "UTF-8";
/* CLASSIC BANNER */
.container-banner .banner-overlay {
    height: max(300px, 50vh); /* by default is 50vh in Cassiopeia */
}
@media (min-width: 768px) {
    .container-banner .banner-overlay {
        height: max(300px, 45vh);
    }
}
@media (min-width: 992px) {
    .container-banner .banner-overlay {
        height: max(300px, 40vh);
    }
}
@media (min-width: 1200px) {
    .container-banner .banner-overlay {
        height: max(300px, 35vh);
    }
}


:root {
	--cassiopeia-color-primary: transparent;
	--cassiopeia-color-hover: #F6F3EE;
	--cassiopeia-font-family-body: "Segoe Print", sans-serif;
    --cassiopeia-font-family-headings: "Segoe Print", sans-serif;
    --cassiopeia-font-weight-headings: 700;
    --cassiopeia-font-weight-normal: 400;
	
	
	--website-color-1: #CD6EE9;
    --website-color-2: #4472BD;
}

.back-to-top-link {
        color: #CD6EE9 !important;
    }

@font-face { font-family: 'Segoe Print'; src: url('../font/segoe_print.eot'); src: url('../font/segoe_print.eot?#iefix') format('embedded-opentype'), url('../font/segoe_print.svg#Segoe Print') format('svg'), url('../font/segoe_print.woff') format('woff'), url('../font/segoe_print.ttf') format('truetype'); font-weight: normal; font-style: normal;}

body{
/*	bgproperties: fixed; background: url('../images/519.jpg'); background-attachment: fixed; */
      background: transparent;
      font-family: 'Segoe Print', sans-serif;
      font-size: 1.25rem;
	  font-style: italic;
   /*   background-color: #f9f9f9; */
}

p {
  color: #3044b3;
/*  font-weight: bold; */
  font-size: 1.3rem;
  margin-top: 0;
  margin-bottom: 1.3rem;
}

.header {
       background-image: url("../images/lege-top.png");
}

.container-header .mod-menu {
   font-weight: bold;
   color:  #e46eeb;
   font-style: italic; 
 }

/* Das Dropdown-Menu im Menu färbst du mit der Klasse .metismenu.mod-menu .mm-collapse ein */

.metismenu.mod-menu .mm-collapse {
  background: #E0DACB;
}

/* Die Links im Dropdown Menu musst du dann auch einzeln ansteuern */
.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: #000000;
}

/* Die Links im Dropdown Menu musst du dann auch einzeln ansteuern */
.metismenu.mod-menu .mm-collapse .metismenu-item a:hover {
    color: #e46eeb;
}

.demo1 { background-image: url("../images/backgroun.png")
  }

.demo2 { background-image: url("../images/back.png")
  }

.offcanvas.show {
background-color: #E3BFFB;
}
.offcanvas-header > *:only-child {
margin-left: auto;
}

/* h1 {
  text-shadow: 2px 2px 8px rgba(150, 150, 150, 1);
  color: #fff;
} */

h1 {
   font-family: 'Shadows Into Light', normal;
	   font-size: 2.70rem;
	   color: #CD6EE9;
	   font-style: italic;
	 }

/*
h1 {
   font-family: 'honey script light', normal;
	   font-size: 3.500rem;
	   color: #4C89B2;
	   font-style: italic; 
} */

/*
h1 {
   font-family: 'Segoe Print', normal;
	   font-size: 2.100rem;
	   color: #4C89B2;
	   font-style: italic; 
} */

h2 {
	 font-family: 'Shadows Into Light', normal;
   font-size: 2.300rem;
   color: #CD6EE9;
}

h3 {
	 font-family: 'Shadows Into Light', normal;
   font-size: 1.700rem;
   color: #CD6EE9;
}

h3:hover {
  text-shadow: 2px 2px 8px rgba(150, 150, 150, 1);
  color: #8FCBC1;
}

/*
h6 {
   font-family: 'honey script light', normal;
   font-size: 2.700rem;
   text-decoration:underline;
   color: #737373;
   font-style: italic; 
} */

/*
h6 {
   font-family: 'Segoe Print', normal;
   font-size: 1.300rem;
   text-decoration:underline;
   color: #737373;
   font-style: italic; 
} */


/* footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}
*/
.breadcrumb {
background-color: transparent;
 font-family: 'Shadows Into Light', normal;
	   font-size: 1.30rem;
	    font-weight: bold;
	   color: #E29B60;
margin-bottom: 25px;
padding: 0 !important;
}
.footer, [dir=rtl] .footer{
color: var(--cassiopeia-color-text-footer);
background-color: var(--cassiopeia-color-primary-footer);
background-image: none;
/* background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-footer) 0%, var(--cassiopeia-color-hover-footer) 100%); */
}
.mod-footer {
background-color: transparent;
text-align: center;
}
@media (min-width: 360px) {
	html::before {
    content: ' ';
    display: block;
    /* hier den Pfad zu deinem Hintergrundbild einsetzen */
    background-image: url(../images/519.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh; width: 100vw;
    top: 0; bottom: 0; left: 0; right: 0;
    position: fixed;
    z-index: -10; /* Das hier ist sehr wichtig! */
}

html, body {
height:100%;
 background-attachment: scroll;
}
}
/* Media Query - CSS */
@media (max-width: 575.98px) {
.image-alternate.image-left .blog-item:nth-of-type(2n+1) .item-image {
margin-right: 0;
margin-left: 0;
order: 0;
}
.container-top-c > .card, .container-top-c > .card:last-child{
padding: 80px 0;
}
}
@media (min-width: 576px) {
	html::before {
    content: ' ';
    display: block;
    /* hier den Pfad zu deinem Hintergrundbild einsetzen */
    background-image: url(../images/519.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh; width: 100vw;
    top: 0; bottom: 0; left: 0; right: 0;
    position: fixed;
    z-index: -10; /* Das hier ist sehr wichtig! */
}

html, body {
height:100%;
 background-attachment: fixed;
}
}
@media (min-width: 768px) {
	html::before {
    content: ' ';
    display: block;
    /* hier den Pfad zu deinem Hintergrundbild einsetzen */
    background-image: url(../images/519.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh; width: 100vw;
    top: 0; bottom: 0; left: 0; right: 0;
    position: fixed;
    z-index: -10; /* Das hier ist sehr wichtig! */
}

html, body {
height:100%;
 background-attachment: fixed;
}
}
@media (max-width: 991.98px) {
.offcanvas .metismenu.mod-menu .metismenu-item > ul {
position: relative;
width: 100%;
margin-top: 1rem;
box-shadow: none;
}
@media (min-width: 992px) {
	html::before {
    content: ' ';
    display: block;
    /* hier den Pfad zu deinem Hintergrundbild einsetzen */
    background-image: url(../images/519.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh; width: 100vw;
    top: 0; bottom: 0; left: 0; right: 0;
    position: fixed;
    z-index: -10; /* Das hier ist sehr wichtig! */
}

html, body {
height:100%;
 background-attachment: fixed;
}

}

@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.3rem;
html::before {
    content: ' ';
    display: block;
    /* hier den Pfad zu deinem Hintergrundbild einsetzen */
    background-image: url(../images/519.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh; width: 100vw;
    top: 0; bottom: 0; left: 0; right: 0;
    position: fixed;
    z-index: -10; /* Das hier ist sehr wichtig! */
}

html, body {
height:100%;
 background-attachment: fixed;
}

}