@charset "UTF-8";
/* -- CSS Document -- */

/* --	# author      Werbeagentur Hüper -- */
/* -- # copyright 	© 2022 by Werbeagentur Hüper GmbH -- */

::-moz-selection { /* -- Code for Firefox -- */
  color: white;
  background: var(--bs-danger);
}
::selection {
  color: white;
  background: var(--bs-danger);
}

/* -- browser reset -- */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

html, body {
	overflow-x: hidden !important;
}

body {
	position: relative !important;
}
.nav-elements {
	transition-timing-function: ease-in-out;
	transition: 0.2s;
}
.nav-elements:hover {
	transform: scale(1.05);
}

.anim-point-down {
    -webkit-animation: point-down 0.6s infinite alternate ease-in-out;
    animation: point-down 0.6s infinite alternate ease-in-out;
}
@-webkit-keyframes point-down {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(0.4em)
    }
}

 /* -- Projektbau-Rot -- */
.bg-danger {
	background-color: #cc071e !important;
}
.text-danger {
	color: #cc071e !important;
}
.btn-danger {
	background-color: #cc071e;
	color: #fff;
	border: none;
	transition: 0.2s ease-in-out;
}
.btn-danger:hover, .btn-danger:focus {
	background-color: #212529 !important;
}
  
.btn-outline-danger {
	color: #cc071e;
	border-color: #cc071e;
}
.btn-outline-danger:hover {
	color: #fff !important;
	background-color: #cc071e;
	border-color: #cc071e;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
	box-shadow: 0 0 0 0.2rem rgba(204, 7, 30, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
	color: #cc071e;
	background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
	color: #fff;
	background-color: #cc071e;
	border-color: #cc071e;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(204, 7, 30, 0.5);
}
  
.btn-outline-light, .btn-transparent {
	background: none;
}

a, a:link, p a:visited, p a:focus, p a:active, a:active {
	color: var(--bs-light);
	text-decoration: none;
}

a.kontakt-link:link, p a.kontakt-link:visited, p a.kontakt-link:focus, p a.kontakt-link:active {
	color: black;
	text-decoration: none;
}

a:hover , a.kontakt-link:hover a.footer-link:hover {
	color:#cc071e !important;
	text-decoration: none;
}

.bg-cover {
    background-size: cover !important;
}

.projekt-referenzen {
	width: 50% !important;
}
@media only screen and (max-width: 600px) {
	.projekt-referenzen {
		width: 100% !important;
	}
  }