*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} 

body {
	color: #202020;
	font-family: Arial;
	font-size: 1rem;
	background-color: black;
	min-height: 100%;

	height: 100%;
}

hr {
    border: 0px;
    border-top: 1px dashed  #202020;
}


* {margin: 0; padding: 0; border: 0;}

td {vertical-align: top;}

span {position: absolute;}

img {border: 0;}

.bild {
	height: 100%;
	background-image: url(images/nyc-001.jpg);
	background-size: contain;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
    padding-left: 2%;
    padding-top: 2%;
}

.titelbild {
	height: 400px;
	background-size: contain;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
    color: white;
    padding-left: 2%;
    padding-top: 4%;
}

.luft {
	background-image: url(images/titelbild02.jpg);

}

.boden {
	background-image: url(images/titelbild01.jpg);
}

.fenster {
    /*width: 20%;*/
    margin: 1%;
    /*border: 1px solid red;*/
    padding: .5%;
    background-color: rgb(255 255 255 / .2);
    /*backdrop-filter: blur(10px);*/
    /*background-blend-mode: color-dodge;*/
}

.panorama_index {
    text-align: center;
    width: 100%;
    /*border: 1px solid white;*/
    color: white;
    margin-top: 3rem;
}

.spalte_links {
    width: 25rem;
    text-align: left;
}

.links {
    font-size: 1rem;
    color: #202020;
}

.fett {
    font-size: 1.2rem;
}

h1 {
    font-size: 1.8rem;
}

.zwischentext {
    font-size: 1,4rem;
    padding-left: 2%;
    padding-top: 2%;
    margin-bottom: -2%;
}

.hell {
    color: white;
}

a {text-decoration: none; outline: 0;}
a:hover {font-weight: bold;}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 640px) {
    .col { margin: 1% 0 1% 0%;}
    .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
    .span_2_of_2, .span_1_of_2 { width: 100%; }
    .links {font-size: 1.2rem;}
    .titelbild {height: 200px; background-position: 30% top;}
}