@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;
	--link-color: #116;
	--link-hover-color: #fff;
	--font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --gradient: linear-gradient(180deg, #ffffff26, #fff0);
    --body-font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    --cassiopeia-font-weight-headings: 700;
    --cassiopeia-font-weight-normal: 400;
	
	
	--website-color-1: #CD6EE9;
    --website-color-2: #4472BD;
}

.back-to-top-link {
        color: #D7A676 !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;}
@font-face { font-family: 'Honey Script Light'; src: url('../fonthoney/honey_script_light.eot'); src: url('../fonthoney/honey_script_light.eot?#iefix') format('embedded-opentype'), url('../fonthoney/honey_script_light.svg#Honey Script Light') format('svg'), url('../fonthoney/honey_script_light.woff') format('woff'), url('../fonthoney/honey_script_light.ttf') format('truetype'); font-weight: normal; font-style: normal;}

body{
/*	bgproperties: fixed; background: url('../images/519.jpg'); background-attachment: fixed; */
      background: transparent;
	 /*  font-family: 'Shadows Into Light', normal;
     font-family: 'Segoe Print', sans-serif; */
	 font-family: var(--body-font-family);
      font-size: 1.00rem;
   /*   background-color: #f9f9f9; */
}

p {
  font-family: var(--body-font-family);
  color: #000000;
  font-size: 1.300rem;
  margin-top: 0;
  margin-bottom: 1.0rem;
}

/* p {
  font-family: "IBM Plex Serif", serif;
  color: #BCC8C8;
  font-weight: 600;
  font-style: italic;
  margin-top: 0;
  margin-bottom: 1.0rem;
} */

/* p {
  font-family: 'Honey Script Light', normal;
  color: #fff;
  font-weight: bold;
  font-size: 2.300rem;
  margin-top: 0;
  margin-bottom: 1.0rem;
} */

.mehrspaltig {
	column-width: 30em;
	max-width:100em;
}

.mehrspaltig ul {
	padding-left: 1em;
}

.mehrspaltig img {
	float: left;
}


.header {
       background-image: url("../images/lege-top.png");
}
.metismenu.mod-menu .metismenu-item a {
  font-family: var(--body-font-family);
  font-size: 1.300rem;
}
.container-header .mod-menu {
   font-weight: bold;
   color:  #000000;
 }
.metismenu.mod-menu .metismenu-item a:hover {
	color: #ffffff;
}
/* Das Dropdown-Menu im Menu färbst du mit der Klasse .metismenu.mod-menu .mm-collapse ein */

.metismenu.mod-menu .mm-collapse {
  background: url("../images/lege-top.png");
}

/* 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: #4472BD; */
	color: #b52438;
}
.demo1 { background-image: url("../images/backgroun.png")
  }
.demo2 { background-image: url("../images/back.png")
  }
.offcanvas.show {
background-color: #808080;
}
.offcanvas-header > *:only-child {
margin-left: auto;
}
.offcanvas-body {
background: transparent;
}
/* h1 {
  text-shadow: 2px 2px 8px rgba(150, 150, 150, 1);
  color: #fff;
} */

h1 {
   font-family: var(--body-font-family);
	   font-size: 1.700rem;
	   color: #000000;
	 }

/*
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: var(--body-font-family);
   font-size: 1.200rem;
   color: #000000;
}

h3 {
   font-family: var(--body-font-family);
   font-size: 1.200rem;
   color: #000000;
}

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

h4 {
   font-family: var(--body-font-family);
   font-size: 1.300rem;
  color: #000000;
}

h5 {
	font-family: 'Shadows Into Light', normal;
	/* font-family: 'Segoe Print', normal; */
	font-style: italic; 
     font-size: 1.500rem;
     color: #000000;
}

/*
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;
  }
}
*/
.site {
background: transparent;
overflow-x: hidden;
position: relative;
width: 100%;
}
.topb .card, .topb .card-header, .topc .card-header {
background-color: transparent;
border: 0;
}
.breadcrumb {
background-color: transparent;
 font-family: var(--body-font-family);
	   font-size: 1.10rem;
	    font-weight: bold;
	   color: #000000;
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%);
}
.footer a {
color: var(--cassiopeia-color-link-footer);
}
.footer a:hover,.footer a:focus {
color: var(--cassiopeia-color-hover-footer);
}
.footer{
font-size: 13px;
}
.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/V-Berater.jpg);
	/*background-image: url(../images/V-Berater.png);*/
    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/V-Berater.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/V-Berater.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;
}
.offcanvas .metismenu.mod-menu .mm-collapse {
background-color: transparent;
}
.offcanvas-start {
width: 100%;
}
@media (min-width: 992px) {
	html::before {
    content: ' ';
    display: block;
    /* hier den Pfad zu deinem Hintergrundbild einsetzen */
    background-image: url(../images/V-Berater.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/V-Berater.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;
}

}