@charset "utf-8";
/* CSS Document */
* {
	font-family: "Lato";
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html

{

-webkit-tap-highlight-color: rgba(255,255,255,0);	

}
body {
    /* [disabled]overflow-x: hidden; */
	animation:fadein 0.5s;-moz-animation:fadein 1.0s;-webkit-animation:fadein 0.5s;
}
a:-webkit-any-link {
    text-decoration: none;
    cursor: pointer;
	color: rgba(255,255,255,0.80);
}
a:-moz-any-link {
    text-decoration: none;
    cursor: pointer;
	color: rgba(255,255,255,0.80);
}
a:any-link {
    text-decoration: none;
    cursor: pointer;
	color: rgba(255,255,255,0.80);
}
a:hover.link  {
	color: rgba(255,255,255,1);
}
#header {
  	text-align: center;
  	position: fixed;
  	top: 0;
  	width: 100%;
  	transition: 0.2s;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
}
.header {
    /* [disabled]background-image: linear-gradient(rgba(50,50,0,1), rgba(95,117,25,1)); */
    /* [disabled]color: rgba(255,255,255,1.00); */
    opacity: 1;
    /* [disabled]padding: 20px 10px; */
		background-color: rgba(255,255,255,0);
	visibility: hidden;
	display: none;
}
.headersmall {
		background-color: rgba(255,255,255,1);
	visibility: visible;
	display: block;
}
#logo {
  	transition: 0.2s;
}
#logo img {

}
.terminsprung a {
	display: block;
	position: relative;
	bottom: 100px;
	visibility: hidden;
}
.sprung {
	top: 100px;
	display: block;
	position: relative;
}
.terminsprunglink a {
	display: block;
	position: relative;
	top: -100px;
}

.z10 {
	z-index: 9;
}
.smooth {
    scroll-behavior: smooth;
}
.anisprung {
	animation-delay: 2s;
	transitionY: ease;
}
.logo {
    width: 400px;
    /* [disabled]background-image: url( "../graphics/Logo-bg.svg"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 30px 60px 40px;
    opacity: 0;
    vertical-align: middle;
    height: auto;
    align-items: normal;
    display: grid;
    margin-top: 0;
}
.logosmall {
	opacity: 1;
	width: 215px;
	margin-top: 0;
	padding: 10px 30px 10px 30px;
}
@media screen and (max-width: 480px){
	.logosmall {
	width: 200px;

}
}
.parallax {
  /* The image used */
  background-image: url("../img/solar1.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
h1{color: rgba(255,255,255,1.00);
	font-size: 4em;
	font-family: "Lato";
	font-weight: 900;
}
h2 {
	color: rgba(255,255,255,1.00);
	font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1600 - 320)));
	font-weight: 700;	
}
h3 {
	color: rgba(255,255,255,1.00);
	font-size: calc(40px + (80 - 40) * ((100vw - 320px) / (1600 - 320)));
	font-weight: 300;
	margin: 0;
}
h4 {
	color: rgba(255,255,255,1.00);
	font-size: 3em;
	font-weight: 300;
	margin: 0;	
}
.headline-big {
	font-size: 2.5em;
	font-weight: 700;
}
.headline-med {
	font-size: 2.0em;
	font-weight: 600;
}
.headline-small {
	font-size: 1.7em;
	font-weight: 500;
}
.pgr4 {
	font-size: 1.4em;
}
.outsideliste {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1em;
    text-align: justify;
    text-align-last: left;
}
		@media screen and (max-width: 768px){
				.headline-big {
					font-size: 2.0em;
				}
				.headline-med {
					font-size: 1.6em;
				}
				.headline-small {
					font-size: 1.4em;
				}
				.pgr4 {
					font-size: 1.2em;
				}
		}
		@media screen and (max-width: 480px){
				.headline-big {
					font-size: 1.5em;
				}
				.headline-med {
					font-size: 1.2em;
				}
				.headline-small {
					font-size: 1.1em;
					}			
				.pgr4 {
					font-size: 0.9em;
				}
		}
.gr4 {
	font-size: 6vw;
	text-align: center;
}
.clearall {
	clear: both;
}
.bigletter {
	text-transform:uppercase;
}

#two {
    /* [disabled]animation:fadein 0.5s; */
    /* -moz-animation: fadein 1.0s;  */
    /* [disabled]-webkit-animation: fadein 0.5s; */
}
#two100 {
padding-top: 100px;
}
section {
    color: #fff;
    text-shadow: none;
}
.one {
    background-image: url("../img/solar1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center;
    position: relative;
    /* [disabled]background-attachment: fixed; */
    background-color: rgba(142,0,3,0);
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    overflow: hidden;
}
.two {
    background: rgba(242,189,29,1.00);
    padding: 0px 0px 0px 0px;
    display: grid;
    grid-template-columns: 100%;
    /* [disabled]min-height: 100vh; */
    padding-top: 0px;
    padding-bottom: 0px;
    grid-template-rows: 100%;
}
	.a {
		grid-column-start: 1;
		grid-row-start: 1;
	}	
	.b {
		grid-column-start: 2;
		grid-row-start: 1;		
	}
.grid-two-11 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-two-21 {
	display: grid;
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
	align-items: center;
	height: 100%;
}
.grid-two-22 {
	display: grid;
	grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
	text-align:right;
	align-items: center;
}
img.zwei-1-Bild {
     max-width: 100%;
    height: 100%;
    object-fit: cover;
}
    .zwangsumbruch::after {
        content: '\A';
        white-space: pre;    
    }
    .zwangsumbruch-b::before {
        content: '\A';
        white-space: pre;    
    }
.trenner br {
    display: inline-block;
}
.padding-tb-15-50 {
    padding-top: clamp(15px, 5%, 50px);
    padding-bottom: clamp(15px, 5%, 50px);
}
.padding-tb-20-180 {
    padding-top: clamp(20px, 15%, 180px);
    padding-bottom: clamp(20px, 15%, 180px);
}
.two-bildbox {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;	
}
.three {
    background-color: rgba(242,162,12,1.00);
	display: grid;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-template-columns: 50% 50%;
	min-height: 100vh;
	padding-top: 0px;
    padding-bottom: 0px;
}
.grid-drei-1 {
	display: grid;
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
	align-items: center;
	padding: 0;
	height: min-content;
}
.grid-drei-2 {
	display: grid;
	grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
	align-items: center;
	padding: 0% 10% 0% 15%;
	height: 100%;
}
.grid-drei-3 {
	display: grid;
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
	align-items: center;
	padding: 0% 15% 0% 10%;	
	text-align: right;
	height: 100%;
}
.grid-drei-4 {
	display: grid;
	grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
	align-items: center;
	padding: 0;
	height: min-content;
}
.grid-drei-5 {
	display: grid;
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
	align-items: center;
	padding: 0;
	height: min-content;
}
.grid-drei-6 {
	display: grid;
	grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
	align-items: center;
	padding: 0% 10% 0% 15%;
	height: 100%;
}
.grid-drei-7 {
	display: grid;
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
	align-items: center;
	padding: 0% 15% 0% 10%;	
	text-align: right;
	height: 100%;
}
.grid-drei-8 {
	display: grid;
	grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
	align-items: center;
	padding: 0;
	height: min-content;
}
.gr3 {
	font-size: 4em;
}
.pgr3 {
	font-size: 1.4em
}
		@media screen and (max-width: 1200px){
		.gr3 {
			font-size: 3em;
			}
		.pgr3 {
			font-size: 1.2em
			}	
		}
.dreimitte {
    display: grid;
    /* vertical-align: middle; */
    /* align-content: center; */
    align-items: center;
    /* height: 100%; */
}
.four {
	background-color: rgba(242,135,5,1.00);
	padding-top: 140px;
	min-height: 100vh;
}
.one-flex-container {
	display: grid;
	grid-auto-rows: 100%;
	grid-template-rows: 60% 40%;
	width: 100%;
	height: 100%;
}
.news-flex-container {
    display: -ms-flex;
    display: flex;
    /* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); */
    /* grid-gap: 20px;  */
	flex-direction: row;
	justify-items: right;
	margin: 0;
	padding: 0;
	position: absolute;
	justify-content: flex-end;
	align-items: flex-end;
	right: 20px;
	bottom: 20px;
}
.flex-item { 
    padding-bottom: 0px;
}

.five {
	/*background-image: url("../img/solar1-11.jpg");*/
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-color: rgba(242,135,5,1.00); 
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
	min-height: calc(100vh - calc(100vh - 100%));
/*min-height: 100vh; Fallback for browsers that do not support Custom Properties */
/*min-height: calc(var(--vh, 1vh) * 100);*/
    padding-top: 0px;
    padding-bottom: 0px;
}

.fivetext-mitte {
	width: 100%;
	padding: 100px 35% 100px 35%;
}
.center {
	text-align: center;
}
.five-textback {
	    background-color: rgba(242,162,12,1.00);
}
.p-five {
    hyphens: auto;
   	hyphenate-limit-chars: auto 5;
   	hyphenate-limit-lines: 2;
}
.fenster-vision {
	width: 100%;
	min-height: 70vh;
	background-image: url("../img/solar1-11.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.fenster-vision-ohne {
	width: 100%;
	min-height: 70vh;
}
		@media screen and (max-width: 1200px){
			.fivetext-mitte {
				padding: 100px 20% 100px 20%;
}
}
		@media screen and (max-width: 768px){
			.fivetext-mitte {
				padding: 100px 10% 100px 10%;
}
}
		@media screen and (max-width: 480px){
			.fivetext-mitte {
				padding: 60px 10% 60px 10%;
}
}
		@media screen and (max-width: 360px){
			.fivetext-mitte {
				padding: 50px 5% 50px 5%;
			}
			#two100 {
				padding-top: 78px;
			}
}


@media screen and (max-width: 768px) and (orientation:portrait) {
	.fenster-vision {
    /* [disabled]margin-bottom: -45%; */
}
}

.six {
    background-color: rgba(242,162,12,1.00);
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
    /* [disabled]min-height: 100vh; */
    padding-top: 0px;
    padding-bottom: 0px;
}

.seven {
    /* [disabled]background-image: url("../img/solar1-10.jpg"); */
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /* ALTE FARBE background-color: rgba(242,135,5,1.00);  */
    background-color: rgba(242,162,12,1.00);
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
    /* [disabled]min-height: 100vh; */
    padding-top: 0px;
    padding-bottom: 0px;
}
.eight {
    background-color: rgba(242,162,12,1.00);
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
    min-height: 100vh;
    padding-top: 0px;
    padding-bottom: 0px;
}
.eight-text {
	width: 100%;
	padding: 100px 20% 100px 20%;
}

		@media screen and (max-width: 1200px){
			.eight-text {
				padding: 100px 15% 100px 15%;
}
}
		@media screen and (max-width: 768px){
			.eight-text {
				padding: 100px 10% 100px 10%;
}
}
		@media screen and (max-width: 480px){
			.eight-text {
				padding: 60px 10% 60px 10%;
}
}
		@media screen and (max-width: 360px){
			.eight-text {
				padding: 50px 5% 50px 5%;
			}
			#two100 {
				padding-top: 78px;
			}
}

.slogan1 {
text-align: center;
    /* position: relative; */
    width: 80%;
    /* display: grid; */
    /* justify-content: center; */
    /* align-items: center; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	margin-top: 0px;

}
@media screen and (min-width: 2000px) and (min-aspect-ratio: 20/9) and (orientation:landscape) {
h3.sloganframe {
    font-size: 3em;
}
}
.sloganframe {
    padding: 50px 100px;
    /* [disabled]background-color: rgba(0,0,0,0.7); */
}


p {
	color: rgba(255,255,255,1.00);
	font-size: 1.4em;
	font-weight: 500;
	margin: 0;
}


.fett {
	font-weight: 900;
}
.absatz-oben {
	padding-top: 20px;
}
.break_after::after {
       	content: '\A';
        white-space: normal;
}
@media screen and (max-width: 1200px){
.break_after::after {
       	content: '\A';
        white-space: pre;
}
}
.fonth2 {
	color: rgba(255,255,255,1.00);
	font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1600 - 320)));
	font-weight: 700;
}
.threeframe {
	z-index: 3;
	background-color: rgba(0,0,0,0);
	color: rgba(0,0,0,1);
	margin: 0px;
	padding: 50px 100px;
	width: 100%;
}
.threeframe p, .threeframe h1, .threeframe h2 {
	color: rgba(0,0,0,1);
}
.fett.fonth2 {
  color: rgba(0,0,0,0.5);
}
.startpic {
	width: 50%;
}

.galerie {
	display: flex;
	flex-direction: row;
	padding: 0 10%;
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
}
/*---
.galeriebild {
	width: 23%;
	height: auto;
	padding: 5px;

}
---*/
.galeriebild {
    height: auto;
    padding: 10px;
    flex-basis: 50%;
    flex-grow: 1;
    flex-shrink: 1;
}
@media screen and (max-width: 1024px){
.galerie {
	padding: 0 5%;
}	
.galeriebild {

}
}
@media screen and (max-width: 768px){
.galerie {
	padding: 0 8%;
}	
.galeriebild {
    flex-basis: 100%;
}
}
@media screen and (max-width: 480px){
.galerie {
	padding: 0 1%;
}	
}
@media screen and (max-width: 360px){
.galerie {
	padding: 0 0%;
}	
.galeriebild {
    flex-basis: 100%;
	padding: 10px 0;
}
}
.g-bild {
	width: 100%;
	height: auto;
}

/* ANIMATIONEN ----------------------------------------*/
.fadescroll {
  transition: all 400ms;
  opacity: 0;
}

.fade {
  opacity: 1;
}

.moveleft {
  	transition: all 400ms;
  	opacity: 0;
}

.left {
  	transform: translate(-50px, 0);
	opacity: 1;
}
.moveright {
    transition: all 400ms;
    opacity: 0;
    /* [disabled]float: right; */
    position: absolute;
    transform: translate(50px, 0);
    width: 0;
	left: 50%;
}

.right {
  	transform: translate(0px, 0);
	opacity: 1;
	width: auto;
}
/* ANIMATIONEN ---------------------------------ENDE--*/
.sidepicfromleft, .sidepicfromright {
	position: relative;
	width: 100%;
}
.bildrechts {
	margin-bottom: 160px;
	position: relative;
	width: 100%;
	display: grid;
}
.bildrechts3 {
	width: 100%;
	display: grid;
	align-content: center;
}
.ptop480-75 {
	padding-top: 0px;
}
.left50 {
	padding-left: 50px
}
.right50 {
	padding-right: 50px;
	width: 100%;
}
.termineframeleft {
    margin-bottom: 0;
    width: 100%;
}




@media screen and (max-width: 1024px){
.slogan1 {
    width: 100%;
	}
.sloganframe {
    padding: 25px 20px;
	}
.startpic {
    width: 70%;
	}
h3 {
    font-size: calc(60px + (80 - 40) * ((100vw - 320px) / (1600 - 320)));
	}	
.two {

	}
	
.gr4 {

}	
.bigletter {

}

.four {
    padding-top: 100px;
}	
	.a {
		grid-column-start: 1;
		grid-row-start: 2;
	}	
	.b {
		grid-column-start: 1;
		grid-row-start: 1;		
	}
.bildrechts {
    margin-bottom: 100px;
	}
.termineframeleft {
    margin-bottom: 100px;
	}	
.three {
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 100%;
	}
.grid-drei-1 {
	display: grid;
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
	align-items: center;
	padding: 0;
	height: min-content;
}
.grid-drei-2 {
	display: grid;
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
	align-items: center;
	padding: 0% 10% 0% 15%;
	height: 100%;
}
.grid-drei-3 {
	display: grid;
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
	align-items: center;
	padding: 0% 15% 0% 10%;	
	text-align: right;
	height: 100%;
}
.grid-drei-4 {
	display: grid;
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
	align-items: center;
	padding: 0;
	height: min-content;
}
.grid-drei-5 {
	display: grid;
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 6;
    grid-row-end: 7;
	align-items: center;
	padding: 0;
	height: min-content;
}
.grid-drei-6 {
	display: grid;
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 6;
	align-items: center;
	padding: 0% 10% 0% 15%;
	height: 100%;
}
.grid-drei-7 {
	display: grid;
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 7;
    grid-row-end: 8;
	align-items: center;
	padding: 0% 15% 0% 10%;	
	text-align: right;
	height: 100%;
}
.grid-drei-8 {
	display: grid;
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 8;
    grid-row-end: 9;
	align-items: center;
	padding: 0;
	height: min-content;
}
.gr3 {
	font-size: 4em;
}
.pgr3 {
	font-size: 1.4em
}
	
}
@media screen and (max-width: 768px){
.news-flex-container {
    right: 0px;
	padding-bottom: 10px;
	}
.newsframe {
	padding: 20px;
	border-radius: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	flex-direction: column;
	display: flex;
	align-content: end;
	flex-wrap: wrap;
	width: fit-content;
	align-items: flex-end;
	text-align: right;
	margin-left: 10px;
	}

.gr4 {
    font-size: 8vw;
    text-align: center;
}	

.grid-drei-2 {
	padding: 5% 5% 5% 10%;
}
.grid-drei-3 {
	padding: 5% 10% 5% 5%;	
}
.grid-drei-6 {
	padding: 5% 5% 5% 10%;
}
.grid-drei-7 {
	padding: 5% 10% 5% 5%;	
}
.gr3 {
	font-size: 3.2em;
}
.pgr3 {
	font-size: 1.2em
}
	
}
@media screen and (max-width: 480px){
	.logosmall {
	width: 200px;
}	
.sloganframe {
    padding: 25px 10px;
	}
.startpic {
    width: 90%;
	}	
h3 {
    font-size: calc(40px + (80 - 40) * ((100vw - 320px) / (1600 - 320)));
	}
	h1 {
		font-size: 2em;
	}
.two {
    padding-top: 0px;
}
.three {
    padding-top: 0px;
	grid-template-rows: 3fr 2fr 3fr 2fr 3fr 2fr 3fr 2fr;
}
.four {
    padding-top: 20px;
}	
.bildrechts {
    margin-bottom: 30px;
	}
.ptop480-75 {
	padding-top: 75px;
}	
	
.left50 {
    padding-left: 10px;
	}
.right50 {
    padding-right: 10px;
	}
.gr4 {
	font-size: 9vw;
    text-align: center;
    padding-top: clamp(15px, 10%, 70px);
    padding-bottom: clamp(15px, 10%, 70px);
	padding-left: 10px;
    padding-right: 10px;
}

.threeframe {
    padding: 30px 10px;
	}	

.grid-drei-2 {
	padding: 0% 5% 0% 10%;
}
.grid-drei-3 {
	padding: 0 10% 0 5%;
}
.grid-drei-6 {
	padding: 0% 5% 0% 10%;
}
.grid-drei-7 {
	padding: 0 10% 0 5%;
}
.gr3 {
	font-size: 2.5em;
}
.pgr3 {
	font-size: 1.2em
}
	
}

@media screen and (max-width: 360px){
	#header {
		justify-content: flex-start;
	}
.logosmall {
    width: 170px;
}	
	
	
	
	
	
}

/* --------------- FOOTER STYLE------------ */
.container_footer {
	height: 100vh;
	margin-top: -100px;
    display: grid;
	grid-template-rows: 1fr 2fr 2fr 1fr;
    grid-template-columns: 10% 80% 10%;
}

.footer_top, .footer_bottom {
    z-index: 2;
    padding-top: 0px;
	width: 100%;
	display: grid;
	color: rgba(255,255,255,1.00)
}
.footer_top a, .footer_bottom a, .bottom-re a {
	color: rgba(255,255,255,0.80)
}.footer_top a:hover, .footer_bottom a:hover, .bottom-re a:hover {
	color: rgba(255,255,255,1.00)
}
.footer_top {
	justify-items: center;
	align-items: center;
}
.footer_bottom {
	justify-items: center;
	align-items: center;
}
.top { 

  grid-column-start:2; 
  grid-column-end:3; 
  grid-row-start:1; 
  grid-row-end:2; 
  padding: 20px 0 20px 0;	
}
.bottomxxx { 

  grid-column-start:2; 
  grid-column-end:3; 
  grid-row-start:4; 
  grid-row-end:5; 
  padding: 20px 0 20px 0;	
} 
.footer_top { 
	background: transparent;
  grid-column-start:2; 
  grid-column-end:3; 
  grid-row-start:2; 
  grid-row-end:3; 
  padding: 20px 0 20px 0;	
} 
.footer_bottom { 
	background: transparent;
  grid-column-start:2; 
  grid-column-end:3; 
  grid-row-start:3; 
  grid-row-end:4; 
  text-align: center;
  padding: 20px 0 20px 0;	
} 
.bottom-re { 
  grid-column-start:2; 
  grid-column-end:3;
  grid-row-start:4; 
  grid-row-end:5; 
  text-align: right;
align-items: center;
	display: grid;
} 
.footer-logo {
	width: 100%;
	padding-bottom: 30px;
}
.box-container-top {
	text-align: center;
}
.footer-logo img {
	width: 300px;
}
.footer-designcompany-name {
  font-size: 0.8em;
	font-weight: 600;
  line-height: 2em;
}
.addr-icon {
	width: 30px;
}
.footerline1 {
    height: 45px;
    display: flex;
    align-items: center;
    width: 100%;
	justify-content: center;
}
.addr-icon {
    color: #ffffff;
    font-size: 25px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    margin: 10px 10px 10px 0px;
    vertical-align: middle;
}
.box-container-bottom p {
	font-size: 1.2em;
	align-items: center;
}
.footer-trenner {
	visibility: visible;
	display: inline-block;
}
.container_footer p {
    /* [disabled]font-size: 1.4em; */
}
.footerline1 span {
    display: inline-block;
}
.footer-line1 p {
	font-size: 1.2em;
}
.lh-doppel {
	line-height: normal;
}
.ptop20 {
	padding-top: 20px;
}
.pbot20 {
	padding-bottom: 20px;
}
@media screen and (max-width: 1024px) and (orientation:landscape) {
	.container_footer {
		height: auto;
	}
		.startpic {
		width: 35%;
	}
	h3.sloganframe {
    font-size: 1.7em;
}
}
@media screen and (max-width: 768px) and (orientation:landscape) {
	.container_footer {
		height: auto;
	}
	.startpic {
		width: 30%;
	}
	h3.sloganframe {
    font-size: 1.5em;
}
}
@media screen and (max-width: 480px){

.container_footer {
	margin-top: 0px;
    display: grid;
	grid-template-rows: 1fr 2fr 2fr 1fr;
    grid-template-columns: 2% 96% 2%;
}	
.footer-logo img {
    width: 210px;
}	
p.footer-links.clearall a {
    display: block;
}
.lh-doppel {
	line-height: 1.6em;
}	
.footer-trenner {
	visibility: hidden;
	display: none;
}
.box-container-top p {
    font-size: 1em;
}	
.addr-icon {
    width: 25px;
    height: 25px;
    margin: 3px 8px 3px 0px;
    vertical-align: middle;
}	
	.footer_bottom {
		padding: 0;
	}	
.footerline1 span {
    display: inline-block;
}	
.footer-line1 {
	font-size: 0.7em;
}	
	.footerline1 {
		height: unset;
	}	
}
/* --------------- FOOTER STYLE  ENDE------------ */

@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}