Hopefully final back-to-top fix

style.css

@@ -1,410 +1,411 @@
-/*
-Theme Name: AmS 2016
-Theme URI: http://architekturmachtschule.de/
-Author: Moritz Schmidt
-Author URI: https://mmnx.de/
-Description: n/a
-Version: 1.0
-License: GNU General Public License v2 or later
-License URI: http://www.gnu.org/licenses/gpl-2.0.html
-Tags:
-Text Domain: ams2016
-*/
-
-.carousel-control {
-  background: none !important;
-}
-
-.carousel-control .icon-next::before, .carousel-control .icon-prev::before {
-  content: none;
-}
-
-.carousel-control .icon-next .fa-chevron-right:before, .carousel-control .icon-prev .fa-chevron-left:before {
-  position: absolute;
-  left: 16px; /* 25 */
-  top: 9px; /* 18 */
-  font-size: 2rem; /* 50px */
-}
-
-.carousel-control .fa-chevron-right, .carousel-control .fa-chevron-left {
-  background: #008238;
-  border-radius: 50%;
-  padding: 1.5rem; /* 40px */
-}
-
-.carousel-control .icon-prev .fa-chevron-left:before {
-  left: 10px; /* 18 */
-}
-
-.carousel-inner > .carousel-item > img {
-  width: 100%;
-}
-
-.carousel-control .icon-prev, .carousel-control .icon-next {
-  top: 35%;
-}
-
-.carousel-control .icon-next {
-  right: 100%;
-}
-
-.carousel {
-  max-height: 350px;
-  overflow: hidden;
-}
-
-.navbar {
-  background: #C0C0C0;
-  position: -webkit-sticky;
-  position: sticky;
-  top: 0;
-  width: 100%;
-  border-radius: 0;
-  z-index: 99;
-}
-
-.navbar-brand {
-  font-size: 1.15rem;
-}
-
-.beam {
-  margin-top: 50px;
-  margin-bottom: 50px;
-  text-align: center;
-  font-family: 'Special Elite', cursive;
-}
-
-.beam h1 {
-  font-size: 60px;
-  text-align: left;
-}
-
-.beam + .container {
-  font-family: 'Special Elite', cursive;
-  font-size: 18px;
-  line-height: 30px;
-}
-
-/*.beam > .container > * {
-  margin: 0;
-  text-transform: uppercase;
-}*/
-
-.beam ~ .beam {
-  margin-top: 50px;
-}
-
-.teaser {
-  font-size: 27px;
-  line-height: 35px;
-  color: #000000;
-}
-
-.content-wrapper {
-  position: relative;
-  padding: 0;
-  padding-top: 1px;
-  margin-top: -1px;
-  margin-bottom: 25px;
-}
-
-.content-wrapper:first-of-type {
-  padding-top: 1px;
-  margin-top: -1px; /* weird bug idk */
-}
-
-.content-wrapper::before {
-  content: " ";
-  position: absolute;
-  width: 100%;
-  height: 100%;
-
-  /*background: url(img/bg.jpg) repeat-y center;*/
-  background: #00004d;
-  background-size: cover;
-  opacity: 0.2;
-}
-
-.content-wrapper:nth-child(2n)::before {
-  background: url(img/ams_hintergrund.png) no-repeat center fixed;
-  background-size: 100% auto;
-}
-
-.content-wrapper:nth-child(3n)::before {
-  /*background: url(img/bg2.jpg) repeat-y center;*/
-  background: #004d00;
-}
-
-#tda-slider .card {
-  max-width: 20rem;
-  margin-right: 25px;
-}
-
-.card-img-top {
-  margin: 0 auto;
-}
-
-#tda-slider {
-  margin-top: 25px;
-}
-
-#partners .col-md-4 {
-  display: flex;
-}
-
-#partners .card {
-  width: 100%;
-}
-
-.tda-gallery {
-  padding-top: 25px;
-}
-
-.tda-content {
-  padding-top: 25px;
-  max-height: 350px;
-  overflow: auto;
-}
-
-.tda-content a {
-  color: inherit;
-}
-
-.tag-pill {
-  color: white;
-  background: black;
-  padding: 20px 25px;
-  font-size: 25px;
-}
-
-#single, #tdas-single {
-  margin-bottom: 0;
-}
-
-#tdas-single h1 {
-  margin-top: 10px;
-}
-
-#tdas-single span.tag {
-  padding: 21px 31px;
-  padding-top: 30px;
-}
-
-.slick-slide {
-  margin: 10px;
-}
-
-.navbar-light .navbar-nav .nav-link {
-  color: rgba(0, 0, 0, 0.7);
-}
-
-.text-muted {
-  color: #5f676d !important;
-}
-
-.relcontainer {
-  position: relative;
-}
-
-.tda-hover {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.3);
-}
-
-.tda-hover .relcontainer {
-  width: 100%;
-  height: 100%;
-}
-
-.tda-hover .relcontainer span {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  color: #fff;
-  font-size: 50px;
-}
-
-.tda-item img {
-  width: 100%;
-  height: 100%;
-}
-
-.slick-prev:before, .slick-next:before {
-  color: #008238;
-}
-
-.slick-slider .icon-next, .slick-slider .icon-prev {
-  position: absolute;
-  top: 50%;
-  display: block;
-  width: 30px;
-  height: 30px;
-  padding: 0;
-  -webkit-transform: translate(0, -50%);
-  -ms-transform: translate(0, -50%);
-  transform: translate(0, -50%);
-  background: #008238;
-  padding: 20px;
-  border-radius: 50%;
-  opacity: 0.4;
-  transition: opacity 0.3s ease;
-}
-
-.slick-slider .icon-next:hover, .slick-slider .icon-prev:hover {
-  opacity: 1;
-}
-
-.slick-slider .icon-next > .fa, .slick-slider .icon-prev > .fa {
-  color: #fff;
-  font-weight: 900;
-}
-
-.slick-slider .icon-next > .fa:before {
-  position: absolute;
-  left: 12px;
-  top: 10px;
-  font-size: 25px;
-}
-
-.slick-slider .icon-prev > .fa:before {
-  position: absolute;
-  left: 9px;
-  top: 10px;
-  font-size: 25px;
-}
-
-.slick-slider .icon-next {
-  right: 5px;
-  z-index: 5;
-}
-
-.slick-slider .icon-prev {
-  left: 5px;
-  z-index: 5;
-}
-
-.b-to-top {
-  text-align: center;
-  padding-bottom: 5px;
-}
-
-.b-to-top a {
-  background: grey;
-  border-radius: 50%;
-  padding: 0.3rem 0.4rem;
-  color: white;
-}
-
-.tda-item .tda-hover {
-  transition: transform 0.7s ease;
-  transform: scale(0, 0);
-}
-
-.tda-item:hover .tda-hover {
-  transform: scale(1, 1);
-}
-
-.footer-wrapper {
-  font-family: 'Special Elite', cursive;
-  background: #C0C0C0;
-}
-
-footer p {
-  margin-top: 1rem;
-}
-
-footer p a {
-  color: #373a3c;
-}
-
-a:hover {
-  text-decoration: none;
-}
-
-.card a {
-  color: inherit;
-}
-
-.navbar-nav .nav-item:first-child {
-  margin-left: 0;
-}
-
-.card a:hover {
-  color: #014c8c;
-}
-
-#ams-topnav {
-  font-family: 'Special Elite', cursive;
-}
-
-.jumper {
-  position: absolute;
-  top: -50px;
-}
-
-@media(min-width: 544px) {
-  .menu-item.dropdown::after {
-    content: "\f0d7";
-    font: normal normal normal 14px/1 FontAwesome;
-    position: absolute;
-    right: -12px;
-    top: 12px;
-  }
-
-  .carousel-control .icon-next .fa-chevron-right:before, .carousel-control .icon-prev .fa-chevron-left:before {
-
-  }
-
-  .carousel-control .icon-prev, .carousel-control .icon-next {
-    top: 50%;
-  }
-}
-
-@media (min-width: 768px) {
-
-  .navbar-nav .nav-item {
-    margin-left: 1rem;
-  }
-
-}
-
-@media (min-width: 992px) {
-  span.tag {
-    left: -15px;
-    position: absolute;
-  }
-}
-
-@media (min-width: 1280px) {
-  .slick-slider .icon-next, .slick-slider .icon-prev {
-    width: 80px;
-    height: 80px;
-  }
-
-  .slick-slider .icon-next > .fa:before {
-    position: absolute;
-    left: 25px;
-    top: 19px;
-    font-size: 50px;
-  }
-
-  .slick-slider .icon-prev > .fa:before {
-    position: absolute;
-    left: 15px;
-    top: 17px;
-    font-size: 50px;
-  }
-
-  .slick-slider .icon-next {
-    right: -105px;
-  }
-
-  .slick-slider .icon-prev {
-    left: -105px;
-  }
+/*
+Theme Name: AmS 2016
+Theme URI: http://architekturmachtschule.de/
+Author: Moritz Schmidt
+Author URI: https://mmnx.de/
+Description: n/a
+Version: 1.0
+License: GNU General Public License v2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+Tags:
+Text Domain: ams2016
+*/
+
+.carousel-control {
+  background: none !important;
+}
+
+.carousel-control .icon-next::before, .carousel-control .icon-prev::before {
+  content: none;
+}
+
+.carousel-control .icon-next .fa-chevron-right:before, .carousel-control .icon-prev .fa-chevron-left:before {
+  position: absolute;
+  left: 16px; /* 25 */
+  top: 9px; /* 18 */
+  font-size: 2rem; /* 50px */
+}
+
+.carousel-control .fa-chevron-right, .carousel-control .fa-chevron-left {
+  background: #008238;
+  border-radius: 50%;
+  padding: 1.5rem; /* 40px */
+}
+
+.carousel-control .icon-prev .fa-chevron-left:before {
+  left: 10px; /* 18 */
+}
+
+.carousel-inner > .carousel-item > img {
+  width: 100%;
+}
+
+.carousel-control .icon-prev, .carousel-control .icon-next {
+  top: 35%;
+}
+
+.carousel-control .icon-next {
+  right: 100%;
+}
+
+.carousel {
+  max-height: 350px;
+  overflow: hidden;
+}
+
+.navbar {
+  background: #C0C0C0;
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  width: 100%;
+  border-radius: 0;
+  z-index: 99;
+}
+
+.navbar-brand {
+  font-size: 1.15rem;
+}
+
+.beam {
+  margin-top: 50px;
+  margin-bottom: 50px;
+  text-align: center;
+  font-family: 'Special Elite', cursive;
+}
+
+.beam h1 {
+  font-size: 60px;
+  text-align: left;
+}
+
+.beam + .container {
+  font-family: 'Special Elite', cursive;
+  font-size: 18px;
+  line-height: 30px;
+}
+
+/*.beam > .container > * {
+  margin: 0;
+  text-transform: uppercase;
+}*/
+
+.beam ~ .beam {
+  margin-top: 50px;
+}
+
+.teaser {
+  font-size: 27px;
+  line-height: 35px;
+  color: #000000;
+}
+
+.content-wrapper {
+  position: relative;
+  padding: 0;
+  padding-top: 1px;
+  margin-top: -1px;
+  margin-bottom: 25px;
+}
+
+.content-wrapper:first-of-type {
+  padding-top: 1px;
+  margin-top: -1px; /* weird bug idk */
+}
+
+.content-wrapper::before {
+  content: " ";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+
+  /*background: url(img/bg.jpg) repeat-y center;*/
+  background: #00004d;
+  background-size: cover;
+  opacity: 0.2;
+}
+
+.content-wrapper:nth-child(2n)::before {
+  background: url(img/ams_hintergrund.png) no-repeat center fixed;
+  background-size: 100% auto;
+}
+
+.content-wrapper:nth-child(3n)::before {
+  /*background: url(img/bg2.jpg) repeat-y center;*/
+  background: #004d00;
+}
+
+#tda-slider .card {
+  max-width: 20rem;
+  margin-right: 25px;
+}
+
+.card-img-top {
+  margin: 0 auto;
+}
+
+#tda-slider {
+  margin-top: 25px;
+}
+
+#partners .col-md-4 {
+  display: flex;
+}
+
+#partners .card {
+  width: 100%;
+}
+
+.tda-gallery {
+  padding-top: 25px;
+}
+
+.tda-content {
+  padding-top: 25px;
+  max-height: 350px;
+  overflow: auto;
+}
+
+.tda-content a {
+  color: inherit;
+}
+
+.tag-pill {
+  color: white;
+  background: black;
+  padding: 20px 25px;
+  font-size: 25px;
+}
+
+#single, #tdas-single {
+  margin-bottom: 0;
+}
+
+#tdas-single h1 {
+  margin-top: 10px;
+}
+
+#tdas-single span.tag {
+  padding: 21px 31px;
+  padding-top: 30px;
+}
+
+.slick-slide {
+  margin: 10px;
+}
+
+.navbar-light .navbar-nav .nav-link {
+  color: rgba(0, 0, 0, 0.7);
+}
+
+.text-muted {
+  color: #5f676d !important;
+}
+
+.relcontainer {
+  position: relative;
+}
+
+.tda-hover {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.3);
+}
+
+.tda-hover .relcontainer {
+  width: 100%;
+  height: 100%;
+}
+
+.tda-hover .relcontainer span {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  color: #fff;
+  font-size: 50px;
+}
+
+.tda-item img {
+  width: 100%;
+  height: 100%;
+}
+
+.slick-prev:before, .slick-next:before {
+  color: #008238;
+}
+
+.slick-slider .icon-next, .slick-slider .icon-prev {
+  position: absolute;
+  top: 50%;
+  display: block;
+  width: 30px;
+  height: 30px;
+  padding: 0;
+  -webkit-transform: translate(0, -50%);
+  -ms-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+  background: #008238;
+  padding: 20px;
+  border-radius: 50%;
+  opacity: 0.4;
+  transition: opacity 0.3s ease;
+}
+
+.slick-slider .icon-next:hover, .slick-slider .icon-prev:hover {
+  opacity: 1;
+}
+
+.slick-slider .icon-next > .fa, .slick-slider .icon-prev > .fa {
+  color: #fff;
+  font-weight: 900;
+}
+
+.slick-slider .icon-next > .fa:before {
+  position: absolute;
+  left: 12px;
+  top: 10px;
+  font-size: 25px;
+}
+
+.slick-slider .icon-prev > .fa:before {
+  position: absolute;
+  left: 9px;
+  top: 10px;
+  font-size: 25px;
+}
+
+.slick-slider .icon-next {
+  right: 5px;
+  z-index: 5;
+}
+
+.slick-slider .icon-prev {
+  left: 5px;
+  z-index: 5;
+}
+
+.b-to-top {
+  text-align: center;
+  padding-bottom: 5px;
+}
+
+.b-to-top a {
+  background: grey;
+  border-radius: 50%;
+  padding: 0.4rem;
+  color: white;
+  display: inline-flex;
+}
+
+.tda-item .tda-hover {
+  transition: transform 0.7s ease;
+  transform: scale(0, 0);
+}
+
+.tda-item:hover .tda-hover {
+  transform: scale(1, 1);
+}
+
+.footer-wrapper {
+  font-family: 'Special Elite', cursive;
+  background: #C0C0C0;
+}
+
+footer p {
+  margin-top: 1rem;
+}
+
+footer p a {
+  color: #373a3c;
+}
+
+a:hover {
+  text-decoration: none;
+}
+
+.card a {
+  color: inherit;
+}
+
+.navbar-nav .nav-item:first-child {
+  margin-left: 0;
+}
+
+.card a:hover {
+  color: #014c8c;
+}
+
+#ams-topnav {
+  font-family: 'Special Elite', cursive;
+}
+
+.jumper {
+  position: absolute;
+  top: -50px;
+}
+
+@media(min-width: 544px) {
+  .menu-item.dropdown::after {
+    content: "\f0d7";
+    font: normal normal normal 14px/1 FontAwesome;
+    position: absolute;
+    right: -12px;
+    top: 12px;
+  }
+
+  .carousel-control .icon-next .fa-chevron-right:before, .carousel-control .icon-prev .fa-chevron-left:before {
+
+  }
+
+  .carousel-control .icon-prev, .carousel-control .icon-next {
+    top: 50%;
+  }
+}
+
+@media (min-width: 768px) {
+
+  .navbar-nav .nav-item {
+    margin-left: 1rem;
+  }
+
+}
+
+@media (min-width: 992px) {
+  span.tag {
+    left: -15px;
+    position: absolute;
+  }
+}
+
+@media (min-width: 1280px) {
+  .slick-slider .icon-next, .slick-slider .icon-prev {
+    width: 80px;
+    height: 80px;
+  }
+
+  .slick-slider .icon-next > .fa:before {
+    position: absolute;
+    left: 25px;
+    top: 19px;
+    font-size: 50px;
+  }
+
+  .slick-slider .icon-prev > .fa:before {
+    position: absolute;
+    left: 15px;
+    top: 17px;
+    font-size: 50px;
+  }
+
+  .slick-slider .icon-next {
+    right: -105px;
+  }
+
+  .slick-slider .icon-prev {
+    left: -105px;
+  }
 }