@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css');
html, body {
  font-family: 'Roboto', sans-serif;
  font-size: 21px;
  line-height: 1.4;
  height: 100%;
  margin: 0;
  padding: 0;
}


.site-content {
 
}

a {
color:inherit;
}

a:hover {
color:#3C2D82; 
}
.container, .container-lg, .container-md, .container-sm, .container-xl {

max-width:1300px;
}

/* HEADER */

.header {
  left: 0;
  right: 0;
  height: 129px;
  line-height: 129px;
  color: #fff;
  background:#d4cfe2;
}

.teamname {
	color:#4c3e8c;
	font-size:26px;
}

.team_pos {
	color:#4c3e8c;
	font-size:23px;
	font-weight:400;
}

.btn-green {
	background:#89b977;
	font-size:25px !important;
	color:#fff !important;
	font-weight:400 !important;
	border-radius:20px !important;
}

.bg-green {
	background:#89b977;
	color:#fff;
	border-radius:10px;
	padding:10px 20px 10px 20px;
}

.col-text-holder {
	border-radius:10px;
	border:1px solid #000;
	padding:20px;
}

.col-text-holder ul {
	list-style: decimal;
	margin-left:20px;
}

.open_div {
	transition-property: all;
	transition-duration: 1s;
}

.line {
	background:#ccc;
	height:2px;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.modal-dialog {
max-width: 800px;
}

.modal-header {
border-bottom:0px;
}

.modal-content {
border-radius:0px;
background-color:#4c3e8c;
}

.modal-body p {
color:#fff;
font-size:16px;
}



.modal-footer {border-top:0px;}

.modal-header h4.modal-title {
color:#fff;
text-align: center;
}

.header__logo {
  font-weight: 700;
  float: left;
  
}

.menulogo {
max-width:100px;
padding-top:40px;
}

.menulogo-xs {
max-width:90px;
margin-top:10px;
}

.modal-backdrop {
opacity: 0.8;
}

ul.mainmenu {
margin:0px;
padding:0px;
list-style: none;
}

ul.mainmenu li {
float:left;
padding-left:8px;
padding-right:8px;
padding-top:40px;
}

ul.mainmenu li.social {
padding-left:15px;
padding-right:0px;
letter-spacing:0px !important;
cursor: pointer;
}

ul.mainmenu li.social a {
	padding-right:0px ;
	padding-left:0px;
}

ul.mainmenu li.social a i {
font-size:30px;
}

ul.mainmenu li.firstitem {
padding-left:130px;
}

ul.mainmenu li.social.social_instagram {
padding-left:15px;
padding-right:0px;
}

ul.mainmenu li.mainlink_spenden a {
background:#66c341;
border-radius:4px;
color:#fff;
transition: all 0.5s ease;
}

ul.mainmenu li.mainlink_spenden a:hover {
background:#83f353 ;
color:#fff;
transition: all 0.5s ease;
}


ul.mainmenu li.mainlink_unterstuetzen a {
background:#3C2D82;
border-radius:4px;
color:#fff;
transition: all 0.5s ease;
}

ul.mainmenu li.mainlink_unterstuetzen a:hover {
background:#8c74ff ;
color:#fff;
transition: all 0.5s ease;
}

ul.mainmenu li a {
display:block;
text-transform: uppercase;
font-family:'Raleway', sans-serif;
color: #3C2D82;
font-weight:700;
font-size:13px;
letter-spacing: 1px; 
line-height: 51px; 
height:51px;
padding-left:12px;
padding-right:12px;
}

ul.mainmenu li a:hover {
color:#8c74ff;
text-decoration: none;
}


ul.mainmenu li a.active {
color:#8c74ff;
}

.join_success {
	background: #2ecc71;
	color:#fff !important;
	text-align: center;
	padding:15px; 
}

/* BEGIN GLOBAL */
.mainpage_signin {
	background-repeat: no-repeat;
	background-position: center left;
	background-size:cover;
	height:435px;
}

.bb1 {
    border-bottom:1px solid #d8d3e2 !important;
}

.mainpage_signin .leftside {
padding-top:105px;
}

.mainpage_signing .leftlogo {
max-width: 380px;
}

section.team .card { border:0px;}

section.team .card img {
	border-radius:10px 10px 0px 0px;
}

section.team .card-body {
padding:0px;
}

section.team .card-body h5 {
	background: rgba(60, 45, 130, 0.7);
	color:#fff;
	font-size:20px;
	padding:15px 0px;
	position: absolute;
	margin-top:-54px;
	width: 100%;
}

section.team p.card-text {
	background:#3C2D82;
	color:#fff;
	padding:10px 0px;
	font-size:16px;
	border-radius:0px 0px 10px 10px;
}

.thematitle {
font-size:30px;
padding-bottom:10px;
}

section.themen a:hover {
text-decoration: none;
}

section.themen .image {
	height:300px;
	background-size:cover !important;
}

.team-holder-image {
	height: 150px;
	width: 150px;
	border-radius:150px;
}


.rounded-team {

}

section.themen h2 {
font-size:18px;
}

section.themen .datum { font-size:15px;}


section.presse .post {

}

section.presse h2 {
	font-size:24px;
}

section.presse p {
font-size:16px;
}

section.presse p a {
text-decoration: underline;
}


h1, h2, h3, h4, h5, h6 {
font-family:'Raleway', sans-serif;
font-weight:700;
}

h1 {
font-size:40px;
color:#3C2D82;
padding-bottom:20px;
}

p.subhead {
color:#3C2D82;
}

section {
padding:60px 0px 60px 0px;
}

.bg-white {
background:#fff;
}

.bg-yellow {
background:#F8D11C;
}

.bg-black {
background:#0B0B0B;
}

.bg-purple {
	/*background:#3C2D82;*/
	background: rgb(60,45,130);
	background: -moz-linear-gradient(162deg, rgba(60,45,130,0.8827906162464986) 0%, rgba(60,45,130,1) 100%);
	background: -webkit-linear-gradient(162deg, rgba(60,45,130,0.8827906162464986) 0%, rgba(60,45,130,1) 100%);
	background: linear-gradient(162deg, rgba(60,45,130,0.8827906162464986) 0%, rgba(60,45,130,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c2d82",endColorstr="#3c2d82",GradientType=1);
}

.bg-purple p {
color:#fff;
}

.bg-purple h1 {
 color:#fff;
}

.fs-15 {
font-size:15px;
}

.nl_main {


}

.nl_header {
background-color: #fafafb;
padding: 15px 35px;
border-radius:20px 20px 0px 0px;
}

.nl_header h1 {
 color:#3C2D82;
 margin:0px;
 font-size:30px;
 padding-bottom:0px;
}

.nl_header p{
font-size:16px;
margin-bottom:0px;
}


.nl_content {
background:#e0dcea;
padding: 15px 25px;
border-radius:0px 0px 20px 20px;
}

.nl_content h2 {
font-size:18px;
color:#3C2D82;
}

.nl_label_div {
display:none;
}

label.nl_label {
font-size:11px;
float:left;
position: absolute;
padding-left: 10px;
cursor: pointer;
}

.checkbox-inline { padding-top:7px;}

.inputHolder {
padding-bottom:8px;
}

.inputHolder input[type="text"], .inputHolder input[type="email"] {
width:100%;
font-family: 'Raleway', sans-serif;
padding:5px 10px !important;
font-weight: 700;
font-size:16px;
}

input[type="text"]:required, input[type="email"]:required  {
  box-shadow: none;
}


.inputHolder button{
background: #3C2D82 !important;
border-radius: 4px !important;
color: #fff !important;
display: block !important;
text-transform: uppercase !important;
font-family: 'Raleway', sans-serif !important;
font-weight: 700 !important;
font-size: 13px !important;
letter-spacing: 1px !important;
line-height: 51px !important;
height: 51px !important;
padding: 0px 20px !important;
float:right;
}

section.unterstuetzen {
padding:35px 0px;
background:url("/img/splash.jpg") no-repeat;
background-position: center;
background-size:cover;
}


footer h3 {
margin-bottom:20px;
color:#fff;
font-size:20px;

}


footer ul.footerlinks {
	list-style: none;
	margin:0px;
	padding:0px;
	line-height: 18px;
}

footer ul.footerlinks li a {
	text-decoration: none;
	font-size:15px;
	color:#fff;
}

footer ul.footerlinks li a:hover {
	color:#d8d1fa;
	transition: all 0.5s ease;
	
}


footer section.footer {
padding:40px 0px 35px 0px;
}

.btn {
border-radius:4px;
font-family: 'Raleway', sans-serif;
font-size:13px;
font-weight:700;
letter-spacing: 1px;
padding:15px 20px 15px 20px;
border:0px;
}

.btn-success {
background:#66c341;
}

.btn-success:hover, .btn-success:focus {
background:#83f353 ;
}

.btn-primary {
background:#3C2D82;
}

.btn-primary-light {
background:#8c74ff;
color:#fff;
}

.btn-primary-light:hover, .btn-primary-light:focus {
background:#b2a2fb ;
color:#fff;
}


.btn-anmelden {
float:right;
}


.btn-primary:hover, .btn-primary:focus {
background:#8c74ff !important;
transition: all 0.5s ease;
border:0px;
box-shadow: none;
}


p.dsgvo_mail_text {
font-size:12px;
margin:0px;
}

p.dsgvo_mail_text a {
text-decoration: underline;
font-weight:bold;
}



a.nav-link {
color: #3C2D82;
}

a.nav-link h2 {
margin:0px;
}

.nav-item.active  {
background:#3C2D82 !important;
border-radius:5px 5px 0px 0px;
}

.nav-item.active h2 {
color:#fff !important;
}

.tab-pane {
padding:20px;
}


section.impressum p {
	font-size:17px;
}

section.datenschutz p, section.datenschutz li {
	font-size:15px;
}

section.datenschutz a {
font-style: italic;
text-decoration: underline;
}

section.datenschutz h6 {font-size:17px;}

section.datenschutz .grlist {font-size:13px;}


section.spenden .card {
border:0px;
border-radius:0px;
background:#443782;
transition: all 0.5s ease;
}

section.spenden .card:hover {
	background:#50448c;
	transition: all 0.5s ease;
}

section.spenden .card h5.card-title {
color:#fff;
}

section.footer_socket {
	padding:20px 0px 20px 0px;
	font-size:12px !important;
}

section.footer .social {
padding-bottom:6px;
}

section.footer .social i {
font-size:18px;
}


section.footer_socket span.copyright {
color:#676767;
}

.accordion-btn {
	color:#000;
	font-size: 14pt;
}
.accordion-btn:focus {
	text-decoration: none !important;
}


.accordion-btn:hover {
	color:#3c2d82 !important;
	text-decoration: none !important;
}

section.footer_socket ul {
list-style: none;
padding:0px;
margin:0px;
float:right;
}

section.footer_socket ul li {
float:right;
padding-right:20px;
}


section.footer_socket ul li a {
	text-decoration: none;
	color:#676767;
}
section.footer_socket ul li a:hover {
	color:#ccc;
}
	
.cookie-message {
  position:fixed;
  bottom:0;left:0;right:0;
  background:#3C2D82;
  border-bottom:1px solid #ccc;
  z-index: 9999;
  color:#fff;
  height:60px;
  line-height: 60px;
}

.cookie-message p {
font-size:14px;
}


.more_info {
color:#fff; font-size:13px;
font-weight: lighter;
margin-right:30px;
float:right;
}

.more_info:hover {
color:#fff;
}

.btn_cookie_accept {
padding:4px 6px;
font-weight: lighter;
float:right;
margin-top:17px;
}

.join_header {
background-color: #fafafb;
padding: 30px 30px;
border-radius:20px 20px 0px 0px;
}


.join_header h1 {
 color:#3C2D82;
 margin:0px;
 font-size:30px;
 padding-bottom:0px;
}

.join_header p{
font-size:16px;
margin-bottom:0px;
}


.second-way {
line-height:50px; margin-top:10px; border-radius:20px;
}

.second-way a {
    color:#3179D9;
}

.second-way p {
    font-size:12px;
    line-height:20px;
}

.join_content {
background:#e0dcea;
padding: 15px 30px;
border-radius:0px 0px 20px 20px;
}

.join_content h2 {
font-size:18px;
color:#3C2D82;
}

.join_content .form-control {
border-radius:2px;
font-family: 'Raleway', sans-serif;
padding: 5px 10px !important;
font-weight: 700;
font-size: 16px;
border: 0px;
}
.join_content .form-control:focus {
box-shadow: none;
}

.join_content label {
	font-size:15px;
	margin-bottom:2px;
	cursor:pointer;
}

.join_content label.form-check-label {
font-size:13px; padding-top:3px;
}

.join_content .form-group {
margin-bottom:10px;
}

.join_error {
	background:#e74c3c;
	color:#fff;
	border:2px solid #c0392b;
	font-size:15px;	
	padding:15px;
}

.join_error p {
margin:0px;
}

span.req {
font-weight:bold;
color:darkred;
}

span.infotext {
font-size:13px;
padding-bottom:10px;
}