html {
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
}

body {
	min-height: 75rem;
 	font-family: 'Lato', serifenlos;
	font-size:13pt;
	background: rgb(193,236,125);
background: linear-gradient(225deg, rgba(193,236,125,1) 0%, rgba(247,255,147,1) 35%,
 rgba(157,255,120,1) 70%, rgba(145,244,2,1) 100%);
	color:#000;						//schriftfarbe
}

main {
		min-height: 75rem;
 	font-family: 'Lato', serifenlos;
	font-size:13pt;
	background: rgb(193,236,125);
background: linear-gradient(225deg, rgba(193,236,125,1) 0%, rgba(247,255,147,1) 35%,
 rgba(157,255,120,1) 70%, rgba(145,244,2,1) 100%);
	color:#000;						//schriftfarbe
}
.wichtig{
	outline: 20px groove #FF681C;
outline-offset: 2px;
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
	background: rgb(178,241,59);
background: linear-gradient(90deg, rgba(178,241,59,1) 24%, rgba(136,190,24,1) 46%, rgba(185,245,79,1) 100%, rgba(0,212,255,1) 100%);
}

.headcontent1{
-webkit-box-shadow: 0 0 10px 0 #8F8F8F;
box-shadow: 0 0 10px 0 #8F8F8F;
background-color:#598023;
border-left:2px solid #598023;
float:left;
width:100%;
margin-top:1em;
color:#000;
}

.contenttext{
text-transform:uppercase;
font-weight:800;
padding:20px;
text-align:center;

}
.zentriert{
	padding:20px;
font-weight:800;
text-align:center;
}
.carousel-multi-item .controls-top {
    margin-bottom: 1.88rem;
    text-align: center;
}
.carousel-multi-item .controls-top .btn-floating {
    background:#598023;
 
}
.btn-floating {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0;
    margin: 10px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 47px;
    height: 47px;
}
.btn-floating i {
    font-size: 1.25rem;
    line-height: 47px;
     background:#598023;
     color:#95F216;
}
.fa, .fas {
    font-weight: 900;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}

ul li.bildergalerie {
			padding-left: 1em;
			display:block;
			margin: auto;	
			float:left;
			width: 25%;
			
					}

h2,h6{
text-align:center;}

h7{
text-align:center;
font-size:9pt;}


h4{text-align:center;
font-weight:700;}

.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

 .logo_moodle{
margin-top:20px;
float:right;
}

.logo_etwinning{
margin-top:20px;
margin-right:10px;
}   


.logo_ups{
margin-top:20px;
max-width:200px;
}

.logo_courage{
margin-top:20px;
margin-right:10px;
float:right;
}
 
.verein{
margin-top:50px;}

.LINKS{
float:left;}

#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
    .logo{	width:80%;}
}


#jquery-script-menu
{
	position:absolute;
	margin-top:7em;
	height:50px;
	width:100%;
	top:0;left:0;
	border-top:3px solid #1D7C2E;
	background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);
	box-shadow:0 2px 3px 0 rgba(0,0,0,.16);z-index:999999;
	padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
	.jquery-script-center{max-width:960px;margin:0 auto}
	.jquery-script-center ul{
		width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}
.jquery-script-center a{text-decoration:none}
.jquery-script-ads{max-width:728px;height:90px;float:right}
.jquery-script-clear{clear:both;height:0}
#carbonads{display:block;overflow:hidden;max-width:728px;
position:relative;
font-size:22px;box-sizing:content-box}
#carbonads>span{display:block}
#carbonads a{color:#4078c0;text-decoration:none}
#carbonads a:hover{color:#3664a3}
.carbon-wrap{display:flex;align-items:center}
.carbon-img{display:block;margin:0;line-height:1}
.carbon-img img{display:block;height:90px;width:auto}
.carbon-text{display:block;padding:0 1em;line-height:1.35;text-align:left}
.carbon-poweredby{display:block;position:absolute;
bottom:0;right:0;padding:6px 10px;text-align:center;
text-transform:uppercase;letter-spacing:.5px;
font-weight:600;font-size:8px;
border-top-left-radius:4px;line-height:1;color:#aaa!important}

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { 
.carbon-text{font-size:14px}
	.titel{font-size:8px;}
		.navbar-text{font-size:10px;}
		}
		
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { 
.carbon-text{font-size:14px}
	.titel{font-size:8px;}
		.navbar-text{font-size:10px;}
	}
		
// Large devices (desktops, 950px and up)
@media (min-width: 950px) { 
.titel{font-size:9px;}
		.navbar-text{font-size:10px;}
		}
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { 
.titel{font-size:12px;}
		.navbar-text{font-size:14px;}
.jquery-script-ads{display:none}
.mx-auto d-block{max-width:800px;}

}

@media only screen and (min-width:320px) and (max-width:759px){
	.carbon-text{font-size:14px}
	.titel{font-size:8px;}
		.navbar-text{font-size:10px;}
	}



@media only screen and (max-width:1023px){
	.jquery-script-ads{display:none}}
	
/* stylelint-disable selector-list-comma-newline-after */

.blog-header {
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}

.blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}



.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

.nav-scroller {
  position: relative; 
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.h-250 { height: 250px; }

@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}

/*
 * Footer
 */
.blog-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}

.figure{
	background-color: #fff;
}


.img_fach{
	
width:80%;
margin-left:2em;
margin-top:2em;
float:left;}


.h1_fach{
	 font-family: "Playfair Display", Georgia, "Times New Roman", serif;
 	margin-top:1em;
	font-size:2.5em;
	font-weight:bold;
text-align:center;}

.h3_fach{
	 font-family: "Playfair Display", Georgia, "Times New Roman", serif;
 	margin-top:1em;
	font-size:1.5em;
	font-weight:bold;
		text-align:center;}
		
.h4_fach{
	 font-family: "Playfair Display", Georgia, "Times New Roman", serif;
 	margin-top:1em;
	font-size:1em;
	font-weight:bold;
		text-align:center;}

.mitglieder{
text-align:center;}

li.fach {
	list-style-type: none;
}

li.fach::before {
	
	color: #000;
	font-size: 1.5em;
	vertical-align: middle;
	margin-right:5px;
}

li.fach1 {
	list-style-type: none;
	font-weight:bold;
	text-align:center;
}

.news{
margin-top:1em;
margin-left:2em;}


.archiv{
margin-top:1em;
font-size: 1.1em;
vertical-align: middle;
font-weight:bold;
text-align:center;
padding-right:5px;}

.zitat{
	margin-top:1em;
	font-weight:bold;
	text-align:center;
	color:#8C5031;
	font-size: 1.1em;
}