/* 24a */
* { 
margin: 0px;
padding: 0px;
}
:root {
  --lauftext: #012C3A;
  --blau: #266080;
  --dunkelblau: #154f68;
  --hellblau:#a8c3d2;
  --hellblau2:#c7e2e1; 
  --hellblau2:rgba(255,255,255,0.7);
  --orange: #E84E1B;
    --rot: #E84E1B;
}
img, picture{ 
	margin:0px;
	padding:0px;	
	border:none;
}
body {
	font-family: 'Roboto',sans-serif;
   	font-weight:300;
   	color:var(--blau);
   	margin:0px;
   	padding:0px; 	
}
html {
  height: 101%;
  width: 100%;
  -webkit-text-size-adjust: none; 
}
h1 { 
	font-size: 1em;
	line-height: 1.1em;
	font-size: 1.2em;
	line-height: 1.3em;	
		margin-bottom:0.5vw;
	margin-bottom:1em;		
}
.home h1 {
	font-weight:600;
	font-size: 1.3em;
	/*color: var(--orange);*/
}
h2 { 
	font-size: 1.2em;
	line-height: 1.3em;	
	margin-bottom:0.5vw;
	margin-bottom:1em;
}
h3 { 
	font-size: 1em;
	line-height: 1.1em;	
	margin-bottom:0.5vw;
}
.home h3 {
	font-weight:600;
	font-size: 1.3em;
	color: var(--orange);
}
a {color:var(--hellblau); text-decoration:underline; text-decoration:none;/**/}
a:hover, .content a:hover { color:var(--orange); text-decoration:none;}

.rot {color:var(--orange);}

.content ul {
    list-style-position: outside;
    list-style-type: none;
    list-style-type: "–";
    margin-left: 0px;
    padding-left: 0px;
}
.content li {
    padding-left: 10px;
    margin-bottom:0.5em;
    margin-bottom:0em;
	margin-left:2em;
    margin-left: 10px;
}
.content a {
	color:var(--hellblau);
	color:#FFF;
}

p {  }
.zitat1 {
	
    background-image: url(../userfiles/images/meta/zitat_oben.svg), url(../userfiles/images/meta/zitat_unten.svg);
    /*    background-image: url(../userfiles/images/meta/zitat_oben.svg);*/

    background-repeat: no-repeat;
    background-position: 0px 0px, 0px bottom;
     background-position:  0px 0.1em, right bottom;
    background-size: 50% auto;
    margin: 3.5% 0%;
     padding: 0% 6%;
     
     text-align: justify; 
     hyphens: auto;
     /**/
    /* background: rgba(0, 0, 0, 0.05); */
}

.hg {
	background-image: url(angebot.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% auto;
	position:relative;
	text-align: left;
	margin-top: 1vw;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 0;	
    z-index:1;
    min-height:100vh;   
    height:2000px; 
/*    
max-width:90vw;    
 */   
}
.header {
	position:relative;
	margin-top:0px;
	padding-top: 0px;
	width:100%;
	background-color:#FFF;
}
.fix-topnav {
	display:none;
}

.fix-service2 {
	display:block;
}
.desktop {
	position:relative;
	background-image: url(../userfiles/images/meta/okergelb.png);
    background-repeat: repeat;
    background-position: 0px 0px;
    background-size: 100% auto;
    overflow:hidden;
}
.desktop {
	background-image: none;
	background-color: #FFF;
}
.fix-header2{
	background-image: none;
	background-repeat:  repeat, no-repeat;
	background-position: 0px 100%;
   	background-size: 100% auto; /**/
	background-color: transparent;	
	background-color: #000;
}
.spacer {
	z-index:0;
	background-color: pink; 
	background-color: #FFF; 
}

.logobox div { /*border:solid 1px red;*/ }

.folge .logobox {
	/*
	background-color: #FFF; 
	background-color: pink; 
	*/
	/*
	width:100%;
	height:20vw;	
	position: relative;
	z-index:8000;
	*/
}

.logo {
	display:block;
	margin:3%;
	width:28.5%;
	margin:1.3vw;
	width:11.8vw;
	height:auto;

}
.logo img {
	width:100%;
	height:auto;

}
.footerbox {
	background-color:rgba(255,255,255,0.9);
	text-transform: uppercase;
	color:#db5a19;
	/*font-size: 0.65em;*/
	font-size: 13.4px;
	line-height: 1.2em;
	font-weight:300;
	position:absolute;
	left:74.2px;
	top:90vh;
	display:none;

}
.logo {
	/*
	position:relative;
	display:block;
	width: 90%;	margin:0px;
	padding:0%;
	*/

	/*background-color:pink;*/
}

.main {
	/*
	font-size: 1.3em;
	line-height: 1.1em;	
	*/
	background-image: url(../userfiles/images/meta/hg01.svg);
	background-image: none;
    background-repeat: repeat-y;
    background-position: 0px 0px;
    background-size: 100% auto;

}
.h1_spruch {
	font-size: 1.5em;
	font-size: 2.0vw;
	line-height: 1.1em;	
	position:absolute;
	height:3vw;
	top:-3vw;
	left:0px;
	display:block;
	width: 100%;
	width: auto;	
	margin:0px;
	padding:0px 1.5vw;
	color: #266080;/**/
	background-color:rgba(255,255,100,0.5);
	background-color:#FFF;
}
.temp3 .h1_spruch,
.temp10 .h1_spruch{
	position:static;
}

.navbox	{
	position:absolute;
	z-index:800;
	top:0px;
	left:0px;
	background-color: pink;
	background-color: var(--hellblau);
	height:300px;
	width:100px;	
}
.nav {
	/*position:relative;*/
	
	left:36.5%;
	left:15vw;
	height:auto;

	/*min-height:100px;
	border:solid 1px red;*/
	/**/
	top:2.1vw;
	width: 30%;
	width: 9vw;
	padding: 0px;
	
}
.nav, .nav ul {
	position:absolute;
	z-index:800;
	
	list-style-type: none;

}
.nav ul{
	position:absolute;
	top:0vw;
	left:60%;
	left:10.5vw;
	width: 14.5vw;
}
.nav ul ul{
	/*display:none!important;*/
}
.nav>li {
}
.nav li {
	position:static;
	font-weight:600;

	border-bottom:solid 1px var(--blau);
	width: 100%;
}
.nav li li{
	font-weight:400;
	
}
.nav li a,
.nav li ul li a {
		font-size: 1.2vw;
	line-height: 2.1vw;
	text-decoration: none;
	color:#266080;
	margin:0px;
	padding:0px;
}
.nav li a:hover, .nav > .active > a{
		color: #E84E1B;
		background-color:transparent;
	
}
.nav > li > ul >.active > a{
		color: #E84E1B;
	
}
.nav > li > ul > li > ul >.active > a{
		color: #E84E1B;
	
}
.navbar {
	position:relative;
	top:3vw;
	left:0px;
	padding: 0px;
	padding-bottom: 0px;
	margin:5% 0px 0px 0px;
	width:100%;
	font-size: 2.1vw;
	font-size: clamp(1.5vw, 1.5vw, 1.5vw); 
	background-color: #FFF;
		
	height:1px;
}


.kachel3 {
	clear:left;
	margin:0px 0px 1vw 0px;
	padding:0px;
	background-color: var(--hellblau);
}
.kachel3 .bildbox {
	float:left;
	width:48%;
	width:23%;
	width:29%;
	margin-left:3%;
	margin-right:4%;
	padding-bottom:4%;
	background-color: #FFF;
	padding-bottom:0%;
	background-color: transparent;
	
}
.kachel3:last-of-type .bildbox {
  padding-bottom:0%;

}
.kachel3 .bildbox img{
	width:100%;
	margin:0px;
	/*
	border-bottom:solid 2vw #FFF;
	*/
}
.kachel3:last-of-type .bildbox img{
	border-bottom:solid 2vw gold;
	border:none;
}
.kachel3 .textbox {
	width:71%;
	width:61%;
	/*width:52%;
	border-bottom:solid 2vw gold;
	*/
	padding-top:0%;
	/*padding-top:1em;*/
	float:left;
}
.kachel3 a {
	    color: var(--blau);
}
.kachel3 .active b, .kachel3:hover b {
	color: #E84E1B;
	color: var(--orange);
	 
}
.kachel3:hover {
	/**/
	background-color: pink;
	background-color: #FFF;
	background-color:rgba(0,0,0,0.05);
	
}

.temp7 .main .links {
	margin-left: 0%;
	
}


.temp7 .kachel3box {

	/**/margin-left: -4%;
	background-color: pink;	
	background-color: #FFF;
	background-color: var(--hellblau);
}

.temp8x .header .rechts {
	border-top:solid 5px red;
	/*display:none;*/
}
.temp8x  .header .links {
	border-top:solid 5px pink;
	height:0px;
	/*display:none;*/
}
.temp8x  .leftnav0 {
	border-top:solid 5px red;
	display:none;
}
.temp8x  .main .links {
	border-top:solid 5px red;
	display:none;
}
.temp8x .header > div.rechts {
	border-top:solid 5px blue;
	
}

.kachel4 {
	float:left;
	float:right;
	width:46%;
	margin:0px;
	padding:0px;
	margin-left:4%;
	padding-bottom:1%;
	background-color: #FFF;
	background-color: var(--hellblau);	
	/*border:solid 1px red;*/
}
.kachel4 .bildbox {
	float:left;
	width:100%;
	/*
	margin-right:4%;
	padding-bottom:4%;
	background-color: #FFF;
	padding-bottom:0%;
	background-color: transparent;
	*/
	
}
.kachel4:last-of-type .bildbox {
  /*padding-bottom:0%;*/

}
.kachel4 .bildbox img{
	width:100%;
	margin:0px;
	/*border-bottom:solid 2vw #FFF;*/
}
.kachel4:last-of-type .bildbox img{
	border-bottom:solid 2vw gold;
	border:none;
}
.kachel4 .textbox {
	width:auto;
	/*width:52%;
	border-bottom:solid 2vw gold;
	*/
	padding-top:1%;
	padding-left:1.5em;
	padding-left:1.5vw;
	float:left;
}
.kachel4 a {
	color: var(--blau);
}
.kachel4 .active b, .kachel4:hover b {
	color: #E84E1B;
	color: var(--orange);
	 
}
.kachel4:hover {
	background-color: pink;
		background-color: var(--hellblau);
	background-color: #FFF;
		background-color:rgba(0,0,0,0.05);

}



.menubox {
	background-color: #FFF;
	position:absolute;
	top:6vw;
	right:20px;
	z-index:1800;
}
.menu {
	position:absolute;
	left:2vw;
    background-image: url(../userfiles/images/meta/menu.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 8vw auto;
    height: 8vw;
    width: 8vw;
    margin-top: 1vw;
    margin-left: 0vw;
    cursor: pointer;
    display: none;
}

.main {
	margin:0px;
	background-color: var(--hellblau);

}
.home .main, 
.home .rechts {
	background-color: #FFF;
}
.fadeinbox { 
	background-color:#FcF;
	background-color: var(--hellblau);
	position:relative;
	z-index:2;
		top:0%;
	left:0%;
	/**/
	width: 100vw;
	width: auto;
	height:31.7vw;
	/*height:44%;*/

}

.fadein { 
	position:relative;
	margin:0px;
	padding: 0px;
	width: 100%;
	height: 100%;
 }
.faderspacer{    
	width: 100%;
    height:auto;
    height:calc(100vw/16*9);
}
.fadein img{
	background-color:#FFF;
	position:absolute;
	top:0px;
	left:0px;
    width: 200%;
    height:auto;
    width: calc(100%);
}

.fadein, .fadein2 {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;

}

.fadein2 div{
	position:absolute;
	z-index:100;
	top:0px;
	left:0px;
    height:auto;
   
    
    width: calc(100%);
    /*width: calc(98%);
    border:solid 1px red;
    */
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size:  auto 100%;
    /**/
    background-position: center 0px ;
    background-position: center center ;
    background-size:  cover;
    
    
}
.fadein2 .dbox{
	 height:56.75vw;
	 height:31.7vw;
}
.fadein2 .legende{
	font-size:1.1em;
	line-height:1.2em;
	font-size: clamp(1.1em, 1.5vw, 1.5vw);	
	font-size: clamp(1.5vw, 1.5vw, 1.5vw);	
	font-size:1.4vw;
	display:inline-block;
	display:block;
	color:#FFF;
	width: 40%;
	height: auto;
	/*height: 5em;*/
	position:absolute;
	z-index:2000;
	background-color:transparent;
	/*background-color:rgba(0,0,0,0.5);*/
	margin-top:0px;
	
	padding:0px;
}

.social {
	width: 100%;
	margin:0px 0% 0px 0px;
	text-align:right;
}
.social a{
	display:none;
	display:inline-block;
	width: 16%;
	min-width: 26px;
    margin: -24% 1% 1% 1%;
    margin: 4% 1% 1% 1%;
    /*border:solid 1px red;*/
}
.social img {
    width: 100%;
}

.footer {
	position:relative;
	z-index:30;	
	background-color: #FFF;
	/*
    background-color: #f00;
    border:solid 1px red;
	color: #000;	
	
	font-size: clamp(1.1vw, 1.1vw, 1.1vw);
	line-height: clamp(1.2vw, 1.2vw, 1.2vw);		
	*/
	padding: 2vw 2vw 2vw 21.5vw;
}
.home .footer {
	padding: 2vw 2vw 2vw 20.5vw;
	
}
.footer .content{
	background-color: #5398BD;
}	

.footer a {
	
	color: var(--blau);
	/*color: #000;
	*/
}
.footer a:hover {
	
	color: var(--rot);
	color: var(--orange);
	
	/*color: #000;
	*/
}
.trenner {
	margin: 0px 0% 0.5% 0.5%;
	clear:left;
	height:1px;
}
.links {
	position:relative;
	z-index:2;
	background-color: rgba(0,150,150,0.5);
	background-color:pink;
	width: 41.5%;
	float:left;
	margin-left: 0%;
	clear:left;
}
.home .links {
	position:absolute;
	z-index:200;
	
	width: 100%;
	height:100%;
	/*
	border:solid 2px red;
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.0));
*/
	
	
}
.home .links:hover {
	background: RGBA(250, 254, 255, 0.6);
	background: linear-gradient(90deg, rgba(250, 254, 255, 0.8) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);	

}
.home .links .nav {
	display:none;
}
.home .links:hover .nav {
	display:block;
}

.links img {
	/*display:none;*/
}

.main .links {
	background-color:#a8c3d2;
	background-color:transparent;
	padding-top:1.5em;
}
.home .main .links,
.bilder .main .links {
	display:none;
}

.hli {
	
}
.rechts {
	background-color: rgba(150,0,150,0.5);
	background-color: var(--blau);
	position:relative;
	width:58.5%;
	float:left;
}
.rechts img {
	width:100%;
}
.home .header .rechts,
.home .main .rechts,
.bilder .main .rechts {
	width:100%;
}
.bilder .header .rechts {
	/*min-height:20vw;*/
	background-color: var(--hellblau);
	background-color: white;
}

.bildgross {
	width:100%;
}
.content {
	/*background-color: #FCF;*/
	color:#FFF;
	color:var(--hellblau2);
	width: 100%;
	padding: 2.5% 5%;
	padding: 0.5% 5% 2.5% 5%;
	float:left;
}
.temp8 .content {
	background-color: var(--blau);
}
.home .content {
	color: var(--blau);
	/*background-color: #FCF;*/
	width: 80%;
	margin-left:15.5%;
	margin-left:16.5%;
}
.bilder .content {
	/*
	color: var(--blau);
	background-color: #FCF;*/
	width: 80%;
	margin-left:15.5%;
}
.closebox {
	position:absolute;
	top:0px;
	left:0px;
	width: 10%;
	padding:0.5%;
	border:solid 1px red;
}
.closebox img, .closebox svg {
	width: 25%;
	width: 40px;
	height:auto;
}


.scrollbox {
    height: auto;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    background-color: #FFF;

}


.weiss {
	font-size: clamp(1.4vw, 1.4vw, 1.4em);
	font-size: clamp(1em, 1.4vw, 1.4em);
	line-height: clamp(1.2em, 1.8vw, 1.8em);
}
.weiss {
	background-color: #FFF;
	/*background-color: pink;*/
	float:left;
	padding-top:1.5em;
	padding-bottom:0%;
}

.anker, .anker1, .anker2 {
	height:10px;
	width: 10px;
	z-index:60000;
	font-size:10px;	
	left:-250px;
	position: relative;
	position: absolute;
	background-color: #FFC;
}
.anker { top:-39px;  top:-20px; top:-3%; top:-120px; background-color: red;}



.kursbox {
	margin:0% 0% 4% 0%;
	/*background-color: #FFC;*/
}
.trh {
		font-weight:500;

}
.trennzeile {
	padding:12px 0px 3px 0px;
	clear:left;
	border-bottom:solid 1px #FFF;/**/
}
.home .trennzeile {
	padding:12px 0px 3px 0px;
	border-bottom:solid 1px var(--blau);/**/
}
.trennzeile:hover {
	background-color: rgba(0,0,0,0.02);/**/
}
.trennzeile:last-of-type {
	border-bottom:solid 1px red;/**/
}
.trennzeile a{
	color:#FFF;
}
.home .trennzeile a{
	color:var(--blau);
}
.trennzeile a:hover{
	color:var(--orange);
	text-decoration:none;
}


.wk0 {
	width: 2%;	
	background-color: pink;
}

.wk1 {
	width: 16%;
	
	background-color: pink;
}
.wk2 {
	width: 34%;
	background-color: gold;
}
.wk2 span{
	/*color:#FFF;*/
}
.wk3 {
	width: 16%;
	background-color: yellow;
}

.wk4 {
	width: 6%;
	background-color: pink;
}
.wk5 {
	width: 20%;
	width: 22%;
	background-color: rgba(255,0,255,0.2);
}
.wk6 {
	width: 6%;
	padding-left:3%;
	background-color: rgba(255,0,255,0.2);
}
.wk0, .wk1, .wk2, .wk3, .wk3a, .wk3b, .wk4, .wk5, .wk6  {
	/*border: solid 1px white;*/
	position:relative;
	float: left;	
	padding:0px 25px 0px 0px;
	/**/background-color: transparent;
}
	.wk4, .wk6  {
		padding:0px 0px 0px 0px;
	}
	.g0, .g1, .g2, .g3  {
		/*border: solid 1px red;*/
		position:relative;
		/*
		float: left;	
		padding:0px 0px 0px 0px;
		*/background-color: transparent;
	}	
    .g3 span {
        display: block;
        position: absolute;
        right: 0px;
    }



.orderbox {
	margin:2em 0px 2em 0px;
}
.td0 {
	width: 100%;	
	background-color: lightblue;
	clear:left;
}

.td1 {
	width: 30%;
	float: left;
	background-color: pink;
}

.td2 {
	float: left;
	width: 70%;
	background-color: gold;
	
}
.td0, .td1, .td2 {
	position:relative;
	background-color: transparent;	/**/
	padding:0px;

	
}
.orderbox .td1, .orderbox .td2 {
	min-height:3vw;
}
.orderbox .td0, .orderbox .td1, .orderbox .td2 {
	position:relative;
	/*background-color: pink;	*/
	padding:0px;
	margin:0px 0px 0.5em 0px;
	
}
.bem {
	height:5em;
}
.trennzeile2 {
	padding:1em 0px 1em 0px;
	padding:0px;
	clear:left;
	/*background-color: rgba(200,200,200,0.5);
	border-bottom:solid 1px #FFF;*/
}


	.attention {
		display:block;
		background-color:var(--hellblau);
		color:var(--blau);
		padding:1%;
		
	}



.standart {
	border: none;
	background-color: var(--hellblau);
	width: 96%;
	height: auto;
	margin-right: 2%;
}
.standart1 {
	background-color: #FFF;
	border: 1px solid #88C8EA;
	width: 96%;
	height: 18px;
	margin-right: 2%;
}
.standart2 {
	background-color: #FFF;
	border: 1px solid #88C8EA;
	width: 47%;
	height: 18px;
	margin-right: 2%;
}
.standart3 {
	background-color: #FFF;
	border: 1px solid #88C8EA;
	width: 76%;
	height: 18px;
	margin-right: 2%;
}
.standart4 {
	background-color: #FFF;
	border: 1px solid #88C8EA;
	width: 18%;
	height: 18px;
	margin-right: 2%;
}
.standart1, .standart2, .standart3, .standart4 {
	font-weight:500;
	color:var(--blau);
	height: 1.8vw;
	border: none;
	background-color: var(--hellblau);
	padding: 0px 0.2em 0px 0.2em;
}
textarea { font-weight:500; color:var(--blau);resize: vertical;/*resize: none;*/}
input::placeholder {
  color: #FFF;
  opacity: 1; /* Firefox */
}
input:hover::placeholder {
  color: red;
  opacity: 1; /* Firefox */
}
.icon {
	/*
	background-color: rgba(255,0,255,0.2);
	*/
}



.link, .pdf, .pano {

	display:inline-block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 2.5vw auto;
	padding: 0.5em 0em 0em 3em;
}
.link { background-image: url("../userfiles/images/meta/icon_link.svg");}
.pdf { background-image: url("../userfiles/images/meta/icon_pdf.svg");}
.pano { background-image: url("../userfiles/images/meta/panoview.svg"); background-position: 2px 2px; padding: 0px 0px 0px 55px;}

.link:hover, 
.pdf:hover, 
.pano:hover { color:white!important; background-color:rgba(0,0,0,0.05); background-position: 0px -25vw ;}





.anmelden {
	background-image: url(../userfiles/images/meta/icon_anmelden.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size:  100% auto;
    background-size:   3vw auto;
    display:inline-block;
    height:3vw;
    width: 3vw;
    
    /*border:solid 1px red;*/
}
.anmelden:hover, .home .anmelden:hover  {
	background-position: 0px -6vw ;
}
.home .anmelden {
	background-position: 0px -3vw ;
}

.mehr {
	background-image: url(../userfiles/images/meta/icon_pdf.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size:   3vw auto;
    display:inline-block;
    height:3vw;
    width: 3vw;
    margin-left:0.5vw;
}
.home .mehr {
	
	background-position: 0px -20vw ;
	background-position: 0px -25vw ;
	background-position: 0px -30vw ;
	background-position: 0px -15vw ;
	margin-left: 1.5vw;
}
.mehr:hover  {
	background-position: 0px -30vw ;
}
.home .mehr:hover  {
	background-position: 0px -30vw ;
}

.mehr2 {
	background-image: url(../userfiles/images/meta/icon_mehr.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size:   3vw auto;
    display:inline-block;
    height:3vw;
    width: 3vw;
}
.home .mehr2 {
	background-position: 0px -3vw ;
}
.mehr2:hover, .homeX .mehr:hover  {
	background-position: 0px -6vw ;
}
/* Fader */
		.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
		.fader { position: relative; display: inline-block; width:100%; height:100%;  } 
		.fader img { vertical-align: top; width: 100%; }


.kachelbox2 {
	width: 101.5%;
	width: 98%;
	position:relative;
	z-index:2000;
	margin-top:4%;
	margin-bottom:4%;
	margin-left:0.5%;
	/*border:solid 1px gold;*/
} 
.kachel {
	/*
	font-size: clamp(1.2vw, 1.2vw, 1.4vw);
	line-height:1.1em;
	*/
	float:left;
	width: 15.65%;
	width: 18.5%;
	margin:2% 0% 0% 1.5%;
	margin:2% 0% 0% 1.5%;
	text-align:left;	
}
.ohnebild {
	display:none;
}
.kachelborder {
	overflow:hidden;
	width: 100%;
	position:relative;
	border:solid 1px #FFF;
	border:none;
	margin:0px 0px 3% 0px;
	-webkit-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.4); 
	box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.4);
}

.kachel:hover .kachelbild {
	/*
	width: 110%;
	bottom:0px;
	left:-5%;
	*/
	
}
.kachel .spacer {
	
	width: 100%;	
	height:auto;
}
.kachel .kachelbild {
	width: 100%;
	bottom:0px;
	left:0%;
	position:absolute;
}
.kachel span {
	display:inline-block;
	padding-bottom: 2%;
	height:3vw;
	display: table-cell;    
    vertical-align: bottom;
}
.kachel:first-of-type span {
	/*
	margin-left:1em;
	padding-left:1em;
	*/
}
.kachel a {
	/*display: table;*/
	font-weight:600;
	color:#FFF;
	color: var(--blau);
	text-decoration:none;
}
.kachel a:hover {
	text-decoration:none;
	color: var(--orange);
}

.order {
	color:#FFF;

}
.order label{

	font-weight:300;
}
.t2 {
	display: block;
	width: 70%;/**/
	margin-left: 10px;
	float: left;
}
.t1 {
	display: block;
	clear: left;
	width: 25%;/*
	width: 100px;*/
	float: left;
}

.t3 {
	display: block;
	/*width: ;*/
	margin-right: 7px;
	margin-left: 0px;
	clear: left;
	float: left;
}
input[type=checkbox], input[type=radio] {
	margin-right: 7px;
}
.t4 {
	display: block;
	width: 85%;
	float: left;
}
.captchabox img {
	width: auto;
	
}


.bildbox5 {
	width: 96.1%;
	width: auto;
	
	margin-right:0%;
	/*margin-left:-1%;
	margin-left:1%;*/
	margin-top:0%;
	/*background-color:var(--hellblau);*/
}
.bildbox5 p {
	clear:left;
	margin-left:4%;	
}
.gallery2 b {
	margin-left:4%;
}

.bildbox5 h3 {
	color: #FFF;
	clear:left;
	margin:1% 0% 0.5% 1%;	
}
.bildbox5 img {
	width: 100%;
}
.gallery { 	
	clear:left;
}
.gallery2 { 
	width: 98.5%;
	margin-left:-1.5%;	
	margin-left:0%;	
	clear:left;
}
.bildbox5 a {
	position:relative;
	float:left;
	margin-left:1%;
	margin-bottom:1%;
	display:block;
}
.bilder .gallery2 h3 {
	width: 70%;
	margin-left:21.5%;
	margin-left:1.5%;
/*
	background-color:var(--hellblau);
	*/
}

.gallery2 a {
	width: 18.5%;
	margin-left:1.5%;
	margin-bottom:1.5%;
}
.gallery a {
	width: 32.333%;
}
.gtitel {
	display:none;
}


.smart,.g3 .smart, .unten { display:none;}
.desk{ display:block;}

	.test01 {
		position: absolute;
		position: fixed;
		top:500px;
		left:-5550px;
		height:auto;
		width: 500px;
		z-index:7400;
		border:solid 2px red;
		
	}
	.test01 input {
		width: 90%;
	}

.clr {
	font-size: 0px;
	background-color: #F00;
	clear: both;
	width: 100%;
	line-height: 0px;
	height: 0px;
}
.hg, .breite { width:100%; }


body { 
	font-size: 16px;
	font-size: 1.2vw;  
	line-height: 1.5vw;
	background-color: red; 
	/*font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));*/
	margin-top:10px;
	margin-top:0px;
}

@media only screen and (max-width: 1919px) {
	body { background-color: gold; }
	.hgX, .breite  { width:1600px;  }
}
@media only screen and (max-width: 1599px) {
	body { background-color: orange; }	
	.hgX, .breite  { width:1280px;  }

}

@media only screen and (max-width: 1279px) {
	body { background-color: grey; }
	.hgX, .breite { width:1024px; }
	
}
@media only screen and (max-width: 1024px) {
	body { background-color: green; 
	
	font-size: 1.6vw; 
	line-height: 1.2em; 
	/*
	line-height: 2.4vw;	
	*/
	}
	

}
@media only screen and (max-width: 1023px) { /* Tablet quer*/
	body { background-color: blue;  		font-size: 2.2vw;  line-height: 1.2em; }	

	.fadeinbox {}
	.header {}
	.logo { height:20vw; width: 13vw; }
	.h1_spruch { top:-58vw; }
	.links { width: 30%;}
	.rechts { width: 70%;}
	.links { width: 100%;}
	.rechts { width: 100%;}
	
	.content { padding: 0.5% 2.5% 2.5% 2.5%;}
	
	.kachel3box, .temp7 .kachel3box { font-size:0.9em; margin-top:2vw; margin-left: 0%; }
	
	.kachel3, .kachel4  { width: 30.333336%;  margin-left: 2%; margin-bottom:3%;   float:left; clear:none; }
	.kachel3 .bildbox, .kachel4 .bildbox {  width: 100%; margin-left: 0%; padding-bottom:3%;}
	.kachel3 .textbox, .kachel4 .textbox {  width: 100%; padding-left:0px;}
	.kachel3 span { display:none;}
	
	.kachel4x { width: 29.333336%; }
	
	
	.link, .pdf, .pano {
		padding: 0.1em 0em 0em 3em;
		padding-left: 2em;
		background-size: 3vw auto;
	}
	
	.nav {
		left: 18vw;
	    width: 9vw;
	    width: 14vw;
	    padding: 0px;
	    margin-left: 18vw;
	}
	.nav ul {
		/*
	    top: 20vw;*/
	    left: 18vw;
	    width: 40vw;
	}
	.nav li a, .nav li ul li a {
	    font-size: 1.8vw;
	    line-height: 2.4vw;
	
	}
	
	
	

	.standart {
		padding: 0.4em 0.4em 0px 0.4em;
		
	}
	.standart2 {
		width: 96%;
		margin-bottom:0.5em;
		
	}
	.standart1, .standart2, .standart3, .standart4 {
	    height: 2.8vw;
	    height: 4vw;
	    height: 6vw;
	    padding: 0.4em 0.4em 0.4em 0.4em;
	}
	label {
	    display: inline-block;
	    max-width: 100%;
	    /*  */
	    font-weight: 700;
	    margin-bottom: 0px;
	}
	
	.fadeinbox, .fadein2 .dbox { height:70vw; height:54.2vw; /*height:70vw;*/}
	
	.hgX, .breite { width:768px; }
	
	.home .content {
	    color: var(--blau);
	    /* background-color: #FCF; */
	    width: 100%;
	    margin-left: 0%;
	}	
	.kachel span { height: 6vw; }	
	
	.trh {
		display:none;
	}

	.gallery2 a {
	    width: 30.333336%;
	    margin-left: 2.5%;
	    margin-bottom: 2.5%;
	}
	.bilder .gallery2 h3 { margin-bottom: 1.5%; margin-left: 2.5%; }

	.footer, .home .footer { 	padding: 2vw 2vw 2vw 2vw;}
 }

@media only screen and (max-width: 767px) { /* Smartphone */
	
	body { background-color: pink;  /*font-size: 16px; line-height: 18px;*/ font-size: 4vw; line-height: 5svw; }


	.bilder .main .links {
		display:block;
	}
	.gallery2 { 
		width: 95%;
		margin-left:2.5%;	
	
		clear:left;
	}


	.gallery2 a {
	    width: 100%;
	    margin-left: 0%;
	    margin-bottom: 2.5%;
	}
	.bilder .gallery2 h3 { margin-bottom: 1.5%;  margin-left: 2.5%; margin-left: 0%; }


	/*.fadeinbox, .fadein2 .dbox { height:70vw; }*/
	.home h1 {
	    font-weight: 500;
	    font-size: 1.2em;
	    line-height: 1.2em;
	    /* color: var(--orange); */
	}
	.hli {
		position: fixed; 
		z-index:100;
		top:0px; 
		left:0px; 
		width: 100vw;
		padding-bottom: 2vw;
		height:auto;
		min-height:none;
		min-height:45vw;		
	}
	.home .hli {
		min-height:45vw;
	}
	.home .header .links {
		
		background-color: white;
	}
	
	.home .links:hover {
		background: RGBA(250, 254, 255, 0.6);
		background: white;	
	}
	.home .links .nav {
		display:block;
	}
	.home .links:hover .nav {
		display:block;
	}	
	
	.home .header .rechts {
		display:none;
		background-color: pink;
	}
	.scrollbox { padding-top:0vw; display:none; /*background-color: pink;*/     height: calc(100vh - 30vw); height: calc(100vh);	}
	.home .scrollbox { display:block; height: 35vw; /*background-color: gold; */}
	
	.menu {display:block; z-index:2000; left:2.5vw;}
	.home .menu {display:none;}
	.menu {  background-size: 40px auto; height: 42px; width: 42px;  background-size: 12vw auto; height: 12vw; width: 12vw; }
	.aktiv { background-position: 0px -41px; background-position: 0px -12vw; }
	.folge .logobox {
	/*
	background-color: #FFF; 
	background-color: pink; 
	*/
	/**/
	width:100%;
	height:20vw;	
	position: relative;
	z-index:8000;
	
}

	.logo { height:26vw; width: 18vw; }
	.logo { position: relative; position: absolute; right:0px; display:none; z-index:2000;}
	
	.home .logo { position: relative; position: absolute; left:3vw; height: 20vw; width: 25vw; display:block; z-index:2000;}
	.main .links .logo {display:none;}

	.h1_spruch { position:static;  padding:13vw 0px 2vw 2.5vw; height:auto; border-bottom: solid 5px var(--blau); /*color: white; top: -7vw;*/ font-size: 1.2em; line-height: 1.1em;}
	
	.main .links, .fix-left {
		height:18vw;
		height:auto;
	    /* background-color: #a8c3d2; */
	    
	}	
	.main .links {
		padding-top:0em;
	}
	
	.fix-left {
		top:0px!important;
		left:0px;
		width:100%;
		position: fixed;
		z-index:200;
		background-color: var(--hellblau);
		
	}	
	
	.navbar {/*background-color: pink; */}
	.navbar-nav {
	    margin: 7.5px 2vw;
	}
	.home .logobox {height:0px; }
	.logo { z-index:2010;}
	.logo img{ z-index:2010;}
	
	
	
	.scrollbox0 {
		/*background-color: pink;*/
		padding-top:20vw;
		height: auto; 
		border:solid 1px gold;
	}
	.scrollbox {
		position:relative;
	 	z-index:10;

		/*
		border:solid 1px red;
		
		height: calc(100vh - 30vw); 
		overflow-y: scroll;
*/
	}
	 .nav {
	 	position:relative;
	 	z-index:10;
	 	top:0vw;
		left:0vw;
		height:auto;
		
			/*height:2000px;
			border:solid 1px gold;
			*/

		width: 100vw;
		padding: 0px;
		padding-bottom: 20vw;
		margin-bottom: 50vw;
	}
	.home  .nav {
		position:absolute;
		left:30vw;
		height:auto;
		top:0vw;
		width: 60vw;
		padding: 0px;
		padding-bottom: 2vw;

	}
	.nav, .nav ul {
		/*position:static;*/
	
	}
	.nav ul{
		position:static;
		/*width: 100vw;*/
	}
	.nav ul .active ul{
		display:block!important;
	}
	.nav > li {
		
	}
	.nav li {
		position:static;
		font-weight:600;
	
		border-bottom:solid 1px transparent;
		width: 86vw;
		margin-left:4vw;
	
	}
	.home .nav li {
	
			width: 86%;
		margin-left:4%;
	}
	
	.nav li li{
		font-weight:400;
		width: 82vw;
	}
	.nav li li li{
		font-weight:400;
		width: 78vw;
	}
	.nav li a,
	.nav li ul li a {
		display:block;
		font-size: 4.2vw;
		line-height: 6.1vw;
		/*
		font-size: 1.2em;
		line-height: 1.6em;
		*/
		text-decoration: none;
		color:#266080;
		margin:0px;
		padding:0px;
		border-bottom:solid 1px var(--blau);
	}
	.home .nav li a { border-bottom:none; }
	
	.nav li a:hover, .nav > .active > a{
			color: #E84E1B;
			background-color:transparent;
		
	}
	.nav > li > ul >.active > a{
			color: #E84E1B;
		
	}
	.navbar {
		position:static;
		top:3vw;
		left:0px;
		padding: 0px;
		padding-bottom: 0px;
		margin:5% 0px 0px 0px;
		width:100%;
		font-size: 2.1vw;
		font-size: clamp(1.5vw, 1.5vw, 1.5vw); 
		background-color: #FFF;
			
		height:1px;
	}	
	
	
	.home .main {
		padding-top:45vw;
		
	}
	.kachelbox2 {
		font-size:1.3em;
	    width: 95%;
	    margin-top: 4%;
	    margin-left: 5%;
	    /*border: solid 1px gold;*/
	}
	.kachel {
	    width: 100%;
	    margin: 2% 0% 0% 0%;
	
	    /*border:solid 1px red;*/
	}
	.kachel .kachelbild { display:none;}
	.kachel .kachelbild,
	.kachel .spacer {
	    width: 70%;
	    margin-left: 30%;
	
	}
	.kachel .spacer {
	 /*display:none;*/
	 
	}
	.kachel:first-of-type span {
	
	    padding-left: 0em;
	}
	.kachelborder {
	    -webkit-box-shadow:  none;
	    box-shadow: none;
	}


	.kachel3box {
        margin-top: 4vw;
        margin-left: 0%;
        display:none;
    }
    	
    .kachel3 {

        width: 100%;
        margin-left: 0%;
        float: left;
        clear: none;
    }	
	.kachel3 .bildbox img {
	    width: 70%;
	    margin-left: 30%;
	    /* border-bottom: solid 2vw #FFF; */
	}	
	.kachel3 .textbox {
	    width: 95%;
	    margin-left: 5%;
	}	
		
	.kursbox .first {
	    border-top: solid 1px #FFF;
	}	

	.home .first {
	    border-top: solid 1px var(--blau);
	}		
	.g1 {
		width: 20%;
		
		background-color: pink;
	}
	.g2 {
		
		width: 74%;
		background-color: gold;
	}
	.g3 {
		width: 6%;
		background-color: yellow;
	}
	
	
	.wk0 {
		width: 2%;	
		background-color: pink;
	}
	
	.wk1 {
		font-weight:300;
		/*color:#FFF;*/
		width: 100%;	
		background-color: pink;
	}
	.wk2 {

		width: 100%;
		background-color: gold;
	}
	.wk2 b{
		display:inline-block;
		padding-bottom:0.5em;
		/*background-color: gold;*/
	}
	.wk3 {
		width: 100%;
		background-color: yellow;
	}
	
	.wk4 {
		width: 100%;
		text-align:right;
		background-color: pink;
	}
	.g3 span{
		display:block;
		position:absolute;
	}
	.wk5 {
		width: 100%;
		background-color: rgba(255,0,255,0.2);
	}

	.wk0, .wk1, .wk2, .wk3, .wk3a, .wk3b, .wk4, .wk5, .wk6  {
		/*border: solid 1px blue;*/
		position:relative;
		float: left;
		text-align:left;	
		padding:0px 0px 0px 0px;
		/**/background-color: transparent;
	}
	.wk4 {
		margin-top:5%;
	}	
	.g0, .g1, .g2, .g3  {
		background-color: transparent;
		width: 100%;
	}	
	.g3 span { text-align:left; }
	.g3 span { left:8vw; top:0.5vw;}
	

	.anmelden {
	    background-size: 6vw auto;
	    height: 6vw;
	    width: 60vw;
	    /*background-color:gold;*/
	
	}	
	.home .anmelden {
	    background-position: 0px -6vw;
	    background-position: 0px -6vw;
	    margin-left:-1vw;
	}	
	.anmelden:hover, .home .anmelden:hover  {
		background-position: 0px -12vw ;
	}

	
	.mehr {
	    background-size:   6vw auto;
	    height:6vw;
	    width: 90vw;
	    /*background-color:pink;*/
	    padding-left:0px;
	}
	
	.mehr span { width:90%; white-space: nowrap;}
	
	.home .mehr {
		background-position: 0px -30vw ;
		margin-left:-1vw;
	}
	.mehr:hover, .home .mehr:hover  {
		background-position: 0px -60vw ;
	}

	.footer, .home .footer {
	
	    /*padding: 20vw 5% 2vw 5%;*/
	}


	.g3 .smart { display:inline-block;}
	.smart, .g3 .smart, .home .unten { display:block;}
	.desk, .home .oben { display:none;}
	
	
	.link, .pdf, .pano {
		padding-top: 0em;
		padding-left: 2em;
		background-size: 5vw auto;
	}
	.link:hover, 
	.pdf:hover, 
	.pano:hover { 
		background-position: 0px -50vw ;
	}
		.td1 { width: 35%; }
	.td2 { width: 65%; }
	.bem { height: 7em; }
	
	.bn1 {color:red;display:none;}
		
}
@media only screen and (max-width: 511px) {
	.weiss { }
	body { background-color: purple; }
	.td1 { width: 35%; }
	.td2 { width: 65%; }


}