@charset "utf-8";
@font-face {
font-family: "Klavika Basic", "Klavika Basic Light", "Klavika Basic Medium";
src: url("../fonts/KlavikaBasic-Light.otf")
	url("../fonts/KlavikaBasic-Medium.otf")
	url("../fonts/KlavikaBasic-Regular.otf")
	format("opentype");
}




body {
    font-family: "Klavika Basic", "Klavika Basic Light", "Klavika Basic Medium";
    color: #232328;
}
h1 {
    color: #232328;
    font-family: "Klavika Basic", "Klavika Basic Light", "Klavika Basic Medium";
    font-size: 2.4em;
}
h2 {
    color: #232328;
    font-family: "Klavika Basic", "Klavika Basic Light", "Klavika Basic Medium";
    font-size: 2.2em;
}
.logo img {
    border-width: 0px;
}
.klein {
    height: 52px;
}
.mitte {
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}



.abstand {
    margin-top: 30px;
    margin-bottom: 31px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.gross {
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: 51px;
    width: auto;
}


.bg-light {
    margin-top: auto;
	  background-color: #ffffff !important; 
}

.jumbotron {
    background-color: #FFFFFF;
    border-left: 2px solid #FF0000;
}

.gross {
}
.klein {
}
.mitte {
}
.section {
}
.img-fluid-mitte {
}

.jumbotronneu {
    border-left-style: none;
}
.btn-danger {
    width: 175px;
    height: 85px;
    margin-top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    top: 0px;
}
.articleeinstellungen {
    margin-top: 0px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.imgarticle {
    display: block;
    text-align: justify;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}
.figure-img {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    margin-left: 0%;
    margin-right: 0px;
    position: relative;
    right: auto;
    left: 101px;


}
.h5artikel {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 25px;
}
.img-fluid-mitte {
    padding-left: 76px;
    padding-right: 76px;
}
.panel-body {
    border: 9px solid #9CF510;
    background-color: #00FF57;
    width: 90%;
    display: inherit;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    left: 51px;
    right: 50px;
}
.jumbotronrechts {
    border-right: 2px solid #FF0000;
    border-left-color: #FFFFFF;
}
.h10 {
    color: #00234B;
    font-family: "Klavika Basic", "Klavika Basic Light", "Klavika Basic Medium";
    font-weight: bold;
    font-size: 4em;
    text-align: center;
}
.h11 {
    text-align: center;
    color: #00234B;
    font-family: "Klavika Basic", "Klavika Basic Light", "Klavika Basic Medium";
}
.h12 {
    font-size: 2.8em;
    font-family: "Klavika Basic", "Klavika Basic Light", "Klavika Basic Medium";
    font-weight: bold;
    text-align: center;
}


.bottom-header {
    color: #E0FF00;
    background-color: #DEDEDE;
}
.bg-dark {
background-color: #232328 !important;}




.back-to-top {
    background: black;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 1em;
    z-index: 150;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 72px 72px 72px 72px;
    font-family: Arial, "Arial Black";
    font-weight: bold;
}

.card-abstand {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.card-header {
    background-color: #00234B;
    color: #FFFFFF;
    font-family: Arial, "Arial Black";
    font-size: large;
}
.btnfarbe {
    background-color: #DEDEDE;
    color: #232328 !important;
}
	
	.ausrichtung {
    width: 80%;
}.abstand2 {
    padding-top: 56px;
}