@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,600,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css?family=Courgette&display=swap');
.blackBG {
	    background-color: #242223;
	
}
.black {
	    background-color: #000000;
	
}
.greyBG {
	    background-color: #c0c0c0;
	
}
.textWhite45b{
	font-family: 'Muli', sans-serif;
	font-size: 30px;
	font-weight: 900;
	color: #fff !important;
}
.textWhite45{
	font-family: 'Muli', sans-serif;
	font-size: 30px;
	font-weight: 600;
	color: #fff !important;
}
.textWhite20b{
	font-family: 'Muli', sans-serif;
	font-size: 20px;
	font-weight: 900;
	color: #fff !important;
}
.textWhite18b{
	font-family: 'Muli', sans-serif;
	font-size: 18px;
	font-weight: 900;
	color: #fff !important;
}
.textWhite17{
	font-family: 'Muli', sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #fff !important;
}
.textWhite16{
	font-family: 'Muli', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #fff !important;
}
.textWhite15{
	font-family: 'Muli', sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #fff !important;
}
.textWhite14{
	font-family: 'Muli', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #fff !important;
}
.textWhite13{
	font-family: 'Muli', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #fff !important;
}
.textWhite12{
	font-family: 'Muli', sans-serif;
	font-size: 13px !important;
	font-weight: 200 !important;
	color: #fff !important;
}
.textBlack17{
	font-family: 'Muli', sans-serif;
	font-size: 17px !important;
	font-weight: 400 !important;
	color: #000000 !important;
}
.textBlack16{
	font-family: 'Muli', sans-serif;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #000000 !important;
}
.textBlack15{
	font-family: 'Muli', sans-serif;
	font-size: 15px !important;
	font-weight: 400 !important;
	color: #000000 !important;
}
.textBlack14{
	font-family: 'Muli', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #000000 !important;
}
.headline{
	font-family: 'Courgette', cursive;
	font-size: 40px !important;
	font-weight: 400 !important;
	color: #e30613 !important;
}
.caruselButton { 
	background-color: #e30613 !important; 
	font-family: 'Muli', sans-serif !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	color: #fff !important;
}
.amiciRed { background-color: #e30613 !important}
.subline {margin-top:10px; font-family: 'Ubuntu', sans-serif; line-height: 3px; font-size:8px; font-weight: 400; color:#ffffff;}
.nav-button { min-height:35px; min-width:35px ; border: 1px solid #818181; background-color: #000; padding-top:13px;}
.circle {
	width: 200px;
    margin: 6px 20px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
	vertical-align: top;
	padding-top: 20px;
}
.rot { color:#e30613 !important;}
.weiss { color:#eeeeee !important;}
.navbar-dark .navbar-toggler  { border-color: #242223 !important;}
.double_underline {
                  border-bottom: double 3px #e30613;
   }

/* nacv */
.animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #e65100;
}

.animated-icon2 span {
background: #e3f2fd;
}

.animated-icon3 span {
background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 10px;
}

.animated-icon2 span:nth-child(4) {
top: 20px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}

.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 8px;
}

hr.linie-1 {
            border-top: 1px solid #e30613 !important;
            border-bottom: 1px solid #e30613 !important;
            display: block;
            margin-top: 0.5em;
            margin-bottom: 0.5em;
            margin-left: auto;
            margin-right: auto;
            border-style: solid;
            border-width: 0px;
 
        }
hr.linie-2 {
            border-top: 6px solid green !important;
            display: block;
            margin-top: 0.5em;
            margin-bottom: 0.5em;
            margin-left: 10%;
            margin-right: 10%;
            border-style: inset;
            border-width: 0px;
        }
 hr.linie-3 {
             border-top: 1px solid #000000 !important;
            border-bottom: 1px solid #000000 !important;
            display: block;
            margin-top: 0.5em;
            margin-bottom: 0.5em;
            margin-left: auto;
            margin-right: auto;
            border-style: solid;
            border-width: 0px;
        }
 .masonry-column {
  padding: 0 1px;
}

.masonry-grid > div .thumbnail {
  margin: 5px 1px;
}