:root {
    --body-bg: #f2f2f2;
	--cassiopeia-font-family-body: "Poppins", sans-serif;
	--body-font-size: 1.0em;
	--cassiopeia-font-family-headings: "Poppins", sans-serif;
	--cassiopeia-font-weight-normal: 100;
	--cassiopeia-font-weight-headings: 300;
	--body-color: #a6a6a6;
	--heading-color: #000000;
}

.header {
    background: #000000;
}
.container-header nav {
    justify-content: right;
}
.container-header .container-nav {
    justify-content: right;
}
.metismenu.mod-menu .metismenu-item.parent {
    justify-content: right;
}
.metismenu.mod-menu .metismenu-item {
    justify-content: right;
}


.logofirst {

    display: inline-block;
    height: inherit;
    left: 1.0em;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0.5em;
    font-size: 1.5em;
    color: rgb(255, 255, 255);


    p {
        margin: 0;
        padding: 0;
        line-height: 1.0em;
        color: rgba(255, 255, 255, 1);
    }

    hr {
        font-size: 0.1em;
        color: rgba(255, 255, 255, 0.8);
        margin: 0;
    }



    .sollerspoeck {
        font-weight: 400;
        font-size: 1.0em;
        color: rgba(255, 255, 255, 0.65);
    }
  
    .title {
        font-weight: 300;
        font-size: 20pt;
        margin: 0;
        padding: 0;
        line-height: 1.0em;
        font-size: 0.6em;
        color: rgba(255, 255, 255, 0.65);
    }
}

.container-banner{
	margin-bottom: 0px;
}
.djslider-default .slider-container {
    height: 45vh !important;
}
.djslider-loader-default {
    height: 45vh;

}
.djslider-default {
    padding: 0;
    height: 45vh;
	img.dj-image {
		min-height: 45vh;		
	}
	img {
		min-width: none !important;
		max-width: none !important;
		width: none !important;
		height: 45vh !important;
		opacity: 0.7;
		position: fixed !important;
	}
}
.slider-container{
	
	background-color: #000000 !important;

}
ul.djslider-in > li {
	height: 45vh !important;
}
.djslider-default .slide-desc {
    position: relative;
    bottom: 30vh;
}
.slide-desc-text-default .slide-title {
    text-align: center;
    font-weight: 200 !important;
    font-size:3.4em !important;
    line-height: 1.5;
    text-size-adjust: 100%;
    vertical-align: baseline;
    font-family: Poppins, sans-serif !important;
    display: block;
    width: 100%;
    opacity: 100;
}
.slide-desc-text-default .slide-text {
    text-align: center;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 300;
    margin: 0;
    padding-bottom: 1.75rem;
    letter-spacing: .25rem;
	color: #bbb !important;
}




.container-component {
	grid-column: full-start/full-end !important;
	background-color: var(--body-bg);
	padding-left: 2em;
	padding-right: 2em;
	#margin-top: 2em;
	min-height: 25.5em;
	z-index: 10;
}

.blog-item {
  
    border-color: rgba(144, 144, 144, 0.25);  
    margin-bottom: 2rem;
	#margin-left: 0.5em;
	#margin-right: 0.5em;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    position:relative;
    padding-bottom: 65px !important;
    text-align: center;
    max-width: 30em;

    .page-header {
        position: absolute;
        left: 0%;
        transform: translate(0px, 0px);
        top: 12em;
		width: 100%;
		
		h2 {
			text-align: center !important;
		}

		a {
            text-decoration: none;
			color: #FFFFFF;
			font-size: 1.5rem;
			font-weight: 500;
			text-transform: uppercase;
			text-shadow: 3px 3px 15px black;
			text-align: center;
		}
	  
  }
  
    .item-image {
        #display: block;
        height: 15em;
        margin: 0 0 2rem 0;
        position: relative;
        display: display-block;
        justify-content: center;

      img {
		 min-width: 100%;
		 min-height: 100%;
         height:auto; 
		 width:auto;
         margin: auto;
         display: block;
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
      }

	}

    
    .item-image:after {
        content:'';
        position:absolute;
        left:0; top:0;
        width:100%; 
        height:100%;
        display:inline-block;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
    }
    .item-content h2 {
        font-weight: var(--body-font-weight);
        line-height: var(--body-line-height);
        font-family: var(--body-font-family);
        font-size: var(--body-font-size);
        hyphens: auto;
        text-align: justify;
    }
    .item-content {
		top: -100px;
	}
    p {
        margin-left: 0.4em;
        margin-right: 0.4em;
        hyphens: auto;
        text-align: justify;
		color: #a6a6a6;
      img {
        	width: 0 !important;
            height: 0 !important;
            margin: 0 !important;
          }
    }
    p.readmore {
        text-align: center !important;
        position:absolute;
        bottom: 0;
        width: 100%;
    }
    a.btn {
        text-transform: uppercase;
    }

  
  
}




a.button {
    display: inline-block;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    border-radius: 2px;
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-weight: 300;
    height: 2.85rem;
    line-height: 2.95rem;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #000;
    color: #f2f2f2 !important;
}





.container-bottom-b {
	grid-column: full-start/full-end;
	background-color: #000000;
	height: 1em;
	margin-bottom: 0px;
	margin-top: 0px;
	
	.mod-custom {
		margin-bottom: 0px;
		margin-top: 0px;
	}
	p {
		margin-bottom: 0px;
		margin-top: 0px;
		line-height: 1em;
	}
	img {
		width: 100%;
		height: 1em;
		min-height: 1em;
		object-fit: cover;
		margin-bottom: 0px;
		margin-top: 0px;
		opacity: 0.8;
		#position: fixed;
	}
}

.footer {
	margin-top: 0em !important;
    .mod-footer {
		display: block;
	}
	.footer2 {
		visibility: hidden;		
	}
}
.footer .grid-child {
    background:  #000000;
    padding: 0 0;
}

.footer .mod-menu {
    flex-wrap: wrap;
	flex-direction: row;
	.nav-item {
		padding: 0.5em 0.5em; 
		font-size: 0.8em;
	}
}