ul#navigation {display: block; list-style-type: none; margin: 0px; padding: 0px; background-color: transparent; text-transform: uppercase; line-height: 101px; transition: all 1s;}
ul#navigation li {display: inline; margin: 0px; padding: 13px;}
ul#navigation ul li a {line-height: 101px;}
ul#navigation li a:link {text-decoration: none; font-weight: bold; font-size: 19pt;}
ul#navigation li a:hover {color: white; padding: 34 7 35 7; transition: all 0.5s;}

ul#punkte {list-style-type: square; color: black; vertical-align: middle; margin: 0px;}

ul#footer {display: block; list-style-type: none; background-color: #fafae6; background-image: url(""); background-size: 1638px 1638px; text-align: center; padding: 0px; margin: 0px;}
ul#footer li {display: inline;}

ul#oben {padding: 11 0 0 0;}

#text_style {font-family: 'Maven Pro', sans-serif; font-size: 25pt; color: grey; font-weight: bolder; text-decoration-color: grey; text-decoration-line: underline overline; text-decoration-style: double;}
#bild_text_left {float: left; font-family: 'Carlito', sans-serif; font-size: 17pt; color: white; text-align: left; width: 255px; margin: 7 0 0 0;}
#bild_text_right {float: right; font-family: 'Carlito', sans-serif; font-size: 17pt; color: white; text-align: left; width: 255px; margin: 7 331 0 0;}
#price {float: left; font-family: 'Maven Pro', sans-serif; font-size: 13pt; color: #ff9999; font-weight: normal;}

#icon {float: left; vertical-align: middle; margin: 7 0 15.5 7; padding: 0px;}
#icon_sm {vertical-align: middle; margin: 0 7 5 7; padding: 0px; width: 30px;}
#bild {background-color: black; margin: 255 155 0 0; float: right; padding: 0px; border-top: 0px white solid; width: 437px; max-height: 500px; transition: all 1s ease;}
#bild:hover {transform: scale(1.1);}
#profilbild {display: table; background-color: white; margin: 13 auto; width: 320px;}
#datum {font-family: 'Maven Pro', sans-serif; font-size: 201%; text-align: left; background-color: transparent; color: white; display: table; margin: 13 auto 0 13; padding: 1px;}
#heute {font-family: 'Maven Pro', cursive; font-size: 19pt; color: black; font-weight: normal; line-height: 37px; margin: 1 0 7 13; text-align: left;}
#infos {font-family: 'Maven Pro', cursive; color: white; text-align: center;}
#termine_bilder {width: 250px; max-height: 500px; transition: all 1s ease;}
#termine_bilder:hover {transform: scale(1.5);}

#start {postition: absolute; height: 81px;}
#line {height: 5px; background-color: transparent; text-decoration: none; margin-bottom: 3px;}
#vertikal_line {width: 5px; height: 800px; background-color: transparent; margin: 7 auto 0 auto;}
#vertikal_line_2 {width: 5px; height: 100px; background-color: transparent; float: right;}
#vertikal_line_3 {width: 5px; height: 800px; background-color: white; margin: 7 auto 0 auto;}
#vertikal_line_4 {width: 5px; height: 100px; background-color: transparent; float: right;}

#horizontal_line {height: 5px; background-color: white; background-image: url(""); margin: 7 13;}
#horizontal_line_red {height: 5px; background-color: black; margin: 1 13;}
#horizontal_line_modern {width: 255px; height: 2px; background-color: #cccccc; margin: 0 auto;}

#textbox {background-color: white; text-decoration: none; margin: 13 50 3 50; box-shadow: 0px 0px 30px grey; border: 5px maroon solid; border-radius: 13px; -webkit-box-shadow: 7px 7px 25px -3px rgba(128,128,128,0.77);
                                                                                                                                                            -moz-box-shadow: 7px 7px 25px -3px rgba(128,128,128,0.77);
                                                                                                                                                            box-shadow: 7px 7px 25px -3px rgba(128,128,128,0.77);}
#textbox_new {max-width: 800px; text-decoration: none; margin: 0 auto; padding: 7px;}
#textbox_new_galerie {background-color: transparent; max-width: 1331px; text-decoration: none; margin: 0 auto 0 auto; padding: 7px;}
#modernbox {background-color: #ffb31a; text-decoration: none; margin: 0px; border-top: 5px white solid; height: 55px;}

#mobil {background-color: white; font-family: 'Carlito', sans-serif; font-size: 19pt; color: grey; vertical-align: middle; margin: 13 auto 3 50; width: 350px; border: 5px #8c8c8c solid; opacity: 0.31;}
#flyer {background-color: #004d66; vertical-align: top; margin: 31 71 31 71; width: 255px; border-top: 5px <!-- #0086b3 --> black; solid; transition: all 1s ease;}
#flyer:hover {transform: scale(1.1);}
#liste_untereinander {max-width: 401px; margin: 25 auto 250 auto;}
#themen {font-size: 21pt; color: white; max-width: 601px; margin: 75 auto 250 auto;}

#links {float: left; max-width: 1001px; display: table; margin-left: 201px;}
#rechts {float: right; max-width: 1001px; display: table; margin-right: 155px;}

#bilder_white {background-color: #96bfff; margin: 0px; padding: 0px;}

#point_black {width: 5px; height: 5px; float: left; background-color: transparent; margin: 781 0 20 20;}
#point_white {width: 5px; height: 5px; float: left; background-color: transparent; margin: 781 0 20 20;}

#footer_bild {float: right; z-index: 3; filter: grayscale(1) opacity(0.31);}

#white_background {background-color: #96bfff; margin: 0px; clear: both;}
#gray_background {background-color: #96bfff; margin: 0px; color: red;}
#dark-gray_background {background-color: #96bfff; margin: 0px;}
#footer_background {background-color: #262626; margin: 0px;}

@media screen and (max-width: 101em) {#bild {width: 300px; margin: 237 127 0 0;}}
@media screen and (max-width: 101em) {#bild_text_right {margin: 7 167 0 0;}}
@media screen and (max-width: 101em) {#bild_text_left {margin: 7 0 0 0;}}
@media screen and (max-width: 101em) {#textbox_new_galerie {max-width: 1000px;}}

@media screen and (max-width: 60em) {#bild {width: 200px; margin: 237 107 0 0;}}
@media screen and (max-width: 60em) {#bild_text_right {margin: 7 43 0 0;}}
@media screen and (max-width: 60em) {#bild_text_left {margin: 7 0 0 19;}}

@media screen and (max-width: 49em) {#bild {width: 200px; margin: 237 107 0 0;}}
@media screen and (max-width: 49em) {#bild_text_right {margin: 7 43 0 0;}}
@media screen and (max-width: 49em) {#bild_text_left {margin: 7 0 0 0;}}

@media screen and (max-width: 31.25em) {#bild {float: none; width: 131px; margin: 21 7 0 0;}}
@media screen and (max-width: 31.25em) {#bild:hover {transform: scale(1.5);}}
@media screen and (max-width: 31.25em) {#bild_text_right {height: 201px; margin: 5 50 0 0; font-size: 11pt; width: 155px;}}
@media screen and (max-width: 31.25em) {#bild_text_left {height: 201px; margin: 7 0 0 7; font-size: 11pt; width: 155px;}}
@media screen and (max-width: 31.25em) {#price {font-size: 11pt;}}
@media screen and (max-width: 31.25em) {#links {margin: 0 auto; float: none;}}
@media screen and (max-width: 31.25em) {#rechts {margin: 0 auto; float: none;}}
@media screen and (max-width: 31.25em) {#point_black, #point_white {width: 0px; height: 0px; float: none; background-color: transparent; margin: 0;}}
@media screen and (max-width: 31.25em) {#vertikal_line_2, #vertikal_line_4  {float: none; width: 1px; height: 0px; background-color: transparent; margin: 0 0 0 161.75;}}
@media screen and (max-width: 31.25em) {#vertikal_line, #vertikal_line_3 {width: 0px; height: 0px; background-color: transparent; margin: 0;}}
@media screen and (max-width: 31.25em) {#bilder_white, #bilder_black, #bilder_extra, #bilder_new {height: 500px;}}
@media screen and (max-width: 31.25em) {#profilbild {width: 200px;}}





// bei a:link: border: #ff6666 2px solid; background-color: #e6e6e6;
// margin: 1.Stelle: oben; 2.Stelle: rechts; 3.Stelle: unten; 4.Stelle: links;
// margin: 19 auto 0 0; --> ganz links
// margin: 19 0 0 auto; --> ganz rechts
// STANDARD FARBE: #0086b3 + #004d66
// Umrandung Einstellungen: border-width: 0 0 1px;
// 31 55 31 55
// #white_background {background-color: #f2f2f2; margin: 0px; clear: both;}
// #gray_background {background-color: #d9d9d9; margin: 0px;}
// #dark-gray_background {background-color: #bfbfbf; margin: 0px;}
// #bilder_white: #f2f2f2
// #bilder_black: #d9d9d9
//  -> float right oder left probieren oder margin hier ändern