@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

body {
    font-family: "Varela Round", sans-serif;
    background-color:rgb(225, 223, 223);
}
.navbar {
    padding-left: 30px;
    padding-right: 30px;
    background-color: rgb(23, 3, 0);
    color:grey;
}
.navbar a {
    text-decoration: none;
    color: grey;
}
.navbar-brand {
    min-width: 130px;
    text-align: center;
    padding: 10px;
    margin-right: 20px;
}
.navbar-brand-logo {
    position:fixed;
    height:80px;
    width: 140px;
    z-index: 10000;
    padding-top: 10px;
    padding-left: 30px;
}
.main_field {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.text-end ul {
    background-color: rgb(58, 57, 57);
    position: relative;
    right: 100px;
}
a :hover {
    font-weight: bold;
    color:rgb(133, 12, 12);
}
.size-12{
    margin-left:20px;
    width: 18px;
    height: 18px;
    stroke: green;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: none;
}
.red{
    stroke: red;           
}  
.orange{
    stroke: orange;           
} 
.article_list_header {
    text-decoration: none;
    font-weight: 600;
    color: rgb(47, 47, 47);
}   
.article_list_author {
    font-size: 70%;
}
.article_list_body {
    padding-left: 20px;
    padding-right:20px;
    height:70px;
    overflow: hidden;
    font-style: italic;
    line-clamp: 3;
}
.article_list_body_grad {
    content:"";
    position:absolute;
    width:98%;
    height:20px;
    background-image: linear-gradient(to right, transparent 10%, #fff 100%);
    font-weight:bold;
    top:108px
}
.article_list_body_icons {
    margin-top:15px;
    color: grey;
}
.a_aktiv {
    text-decoration: none;
    color: black;
    font-weight: bold;
}
.a_inaktiv {
    text-decoration: none;
    color: grey;
}


.info {
	background-color: #e7f6fd;
	color: #27aae1;
	border-width: 1px;
	border-style: solid;
	border-color: #27aae1;
    padding-left: 40px;
}
.success {
	background-color: #c9f4b9;
	color: #52b52b;
	border-width: 1px;
	border-style: solid;
	border-color: #52b52b;
    padding-left: 40px;
}
.error {
	background-color: #F2C2CC;
	color: #E63235;
	border-width: 1px;
	border-style: solid;
	border-color: #870508;
    padding-left: 40px;
}

#messages-container {
	height:35px;
    border-bottom: black 2px solid;
    border-top: black 2px solid;
    box-shadow: 0px 0px 15px 0px;
    color: white;
    font-size: 18px;
    overflow:hidden;

}
#pfeil_links_unten {
    position: absolute;
    left:30px;
    top:830px;
    opacity: 0.2;
    background-color: rgb(139, 137, 137);
    border: 1px solid white;
    border-radius: 20px;
    height: 40px;
    width: 60px;
    text-align: center;
    color:white;
    z-index: 50000;
}
#pfeil_rechts_unten {
    position: absolute;
    right:30px;
    top:830px;
    opacity: 0.2;
    background-color: rgb(139, 137, 137);
    border: 1px solid white;
    border-radius: 20px;
    height: 40px;
    width: 60px;
    text-align: center;
    color:white;
    z-index: 50000;
}
#pfeil_links {
    position: absolute;
    left:30px;
    top:220px;
    opacity: 0.2;
    background-color: rgb(139, 137, 137);
    border: 1px solid white;
    border-radius: 20px;
    height: 40px;
    width: 60px;
    text-align: center;
    color:white;
    z-index: 50000;
}
#pfeil_rechts {
    position: absolute;
    right:30px;
    top:220px;
    opacity: 0.1;
    background-color: rgb(139, 137, 137);
    border: 1px solid white;
    border-radius: 20px;
    height: 40px;
    width: 60px;
    text-align: center;
    color:white;
    z-index: 50000;
}
.pfeile_icons {
    width: 40px;
    height: 40px;
}
.carousel-item {
    max-height:900px;
    padding-left: 2rem;
    padding-bottom:10px;
}
.carousel-textfeld {
    border-radius: 30px;
    height:550px;
    overflow: scroll;
}
.carousel-bildfeld {
    border-radius: 30px;
    height:550px;
    overflow: hidden;
}

.thumb{
    display:inline-block;
    width:100%;
    height:100%;
    overflow: hidden;
    background:center;
    background-size:cover;
    background-color: white;
    box-sizing: border-box;
    justify-content: center;
    border-width: 1px;
      border-style: solid;
      border-color: #27aae1;
    }
    .thumb-title {
      color:white;
      position:relative;
      top:-33px;
      left:5px;
    }
    .foto-div {
      overflow: hidden;
      height:200px;
      width:200px;
    }
    #ueberschrift_home h1{
        margin-top:-28px;
        margin-bottom:-30px;
        padding-left: 40px;
        font-size: 50px;
        color:#599ee9;
    }
    #ueberschrift_home2 h2{
        margin-top: 5px;
        margin-bottom:-50px;
        padding-left: 80px;
        font-size: 20px;
        color:#599ee9;
    }