.back-to-top {position: relative; background-color: white; font-family: 'Carlito', sans-serif; color: #262626; display: table; font-size: 25pt; width: 0px; padding: 10 10; margin: -51 auto; transition: all 0.5s; border-radius: 25px;}
.back-to-top:hover {background-color: #262626; color: white}
.button {position: relative; background-color: #80d4ff; color: white; display: table; font-size: 13pt; padding: 7px 25px; text-transform: uppercase; margin: -171 auto 343 auto; transition: all 0.5s; border-radius: 13px; font-weight: bold;}
.button:hover {background-color: #96bfff; color: #262626; font-weight: bold;}
.container {border-radius: 0px; background-color: transparent; color: white; padding: 20 20 5 20; font-family: Oswald; font-size: 13pt;}
.fixed-navi {top: 0px; position: fixed !important; position: absolute;}
.footer {display: inline-flex; background-color: #262626; font-family: 'Carlito', sans-serif; color: white; border-left: 0px transparent solid; border-right: 7px transparent solid; padding: 12px 35px; margin: 13 0 13 0; transition: all 0.5s; border-radius: 0px;}
.footer:hover {background-color: #96bfff; color: #262626; border-left: 0px #262626 solid;}
.footer_fb {display: inline-flex; background-color: #262626; font-family: 'Carlito', sans-serif; color: white; border-left: 0px transparent solid; border-right: 7px transparent solid; padding: 12px 35px; margin: 13 0 13 0; transition: all 0.5s; border-radius: 0px;}
.footer_fb:hover {background-color: #96bfff; color: #29487d; border-left: 0px #29487d solid;}
.footer_in {display: inline-flex; background-color: #262626; font-family: 'Carlito', sans-serif; color: white; border-left: 0px transparent solid; border-right: 7px transparent solid; padding: 12px 35px; margin: 13 0 13 0; transition: all 0.5s; border-radius: 0px;}
.footer_in:hover {background-color: #96bfff; color: #b8148f; border-left: 0px #b8148f solid;}
.inline-flex {display: inline-flex;}
.text-width {max-width: 701px;}
.themen {display: block; background-color: transparent; color: #262626; border-left: 10px white solid; font-size: 37pt; font-weight: 700; padding: 0px 35px; text-align: left; text-transform: uppercase; margin: 0 11; transition: all 0.5s;}
.themen:hover {background-color: transparent; color: white; border-left: 0px transparent solid; font-size: 50pt;}
.triangle {position: relative; width: 0px; height: 0px; -webkit-transform:rotate(360deg); border-style: solid; border-width: 130px 75px 0 75px; border-color: transparent transparent transparent transparent; margin: 0 auto; z-index: -1; opacity: 0.85;}
.triangle_2 {position: relative; width: 0px; height: 0px; -webkit-transform:rotate(360deg); border-style: solid; border-width: 0 77.5px 134.2px 77.5px; border-color: transparent transparent transparent transparent; margin: 7 auto -13 auto; z-index: -1;}
.unterpunkte {display: block; background-color: transparent; color: #262626; border-left: 10px white solid; font-size: 25pt; font-weight: 700; padding: 0px 35px; text-align: left; text-transform: uppercase; margin: 0 11; transition: all 0.5s;}
.unterpunkte:hover {background-color: transparent; color: white; border-left: 0px transparent solid;}
* html nav {top:expression(auto);}
* html .fixed-navi {top:expression(documentElement.scrollTop);}

@media screen and (max-width: 31.25em) {.button {z-index: 2;}
@media screen and (max-width: 31.25em) {.triangle {z-index: 1;}
@media screen and (max-width: 31.25em) {.themen {font-size: 19pt;}
@media screen and (max-width: 31.25em) {.themen:hover {font-size: 21pt;}

// button: hover: margin kann auch verändert werden
// z-index funktionert nur bei position: ...
// text-transform: uppercase;
// font-weight: 300;