/* RESPONSIVE */

@media only screen and (max-width: 1200px) {
	ul.mainmenu li.firstitem {
	padding-left:80px;
	}
}

@media only screen and (max-width: 1150px) {
	ul.mainmenu li.firstitem {
	padding-left:10px;
	}
	
	ul.mainmenu li {padding-left:0px; padding-right:0px;}
	ul.mainmenu li.social {
    padding-left: 0px;
	}
	
	ul.mainmenu li.social.social_instagram {
    padding-left: 0px;
	}
}


@media only screen and (max-width: 932px) {

	a.header__logo {display:none;}
	ul.mainmenu li.firstitem {
	padding-left:0px;
	}
	ul.mainmenu li {padding-left:0px; padding-right:0px;}
	ul.mainmenu li.social {
    padding-left: 0px;
	}
	ul.mainmenu li a { padding-left:15px; padding-right:15px; }
	
}




@media only screen and (max-width: 767px) {

	a.header__logo {display:block;}
  .site-pusher,
  .site-container {
    height: 100%;
  }


  .team-holder-image {
      height:60px;
      width: 60px;
  }

  .teamname {
      font-size:15px;
  }

  .team_pos {
      font-size: 14px;
  }

  .btn-green {
      font-size:14px !important;
      padding:5px;
      border-radius:5px !important;
  }


    .col-text-holder ul {
      font-size:13px;
        padding-left:10px !important;
  }

  .btn-green img {
      height:15px

  }

  .col-name-holder {
      padding-top:5px !important;
  }

p {font-size:19px;}


  .site-container {
    overflow: hidden;
  }

  .site-pusher {
	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  .site-content {
    position: absolute;
    top: 66px;
    right: 0;
    left: 0;
    bottom: 0;
    padding-top: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .header {
		position: static;
		background:#3C2D82;
		height: 66px;
		line-height: 66px;
		/*border-bottom: 1px solid rgba(255, 255, 255, 0.20);*/
  }

  .header__icon {
    position: relative;
    display: block;
    float: right;
    width: 50px;
    height: 66px;
    cursor: pointer;
	
  }
  
  .header__icon i {
  font-size:40px;
  color:#fff;
  line-height: inherit ;
  }
  
  
 .mainpage_signin {
	height:500px;
} 

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


  .menu {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #3C2D82;
    /*    overflow-y: scroll;
        -webkit-overflow-scrolling: touch;*/
    width: 300px;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
  }

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

ul.mainmenu li {
padding-left:8px;
padding-right:8px;
padding-top:15px;
width: 100%;
}

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

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

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

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

ul.mainmenu li.mainlink_spenden a {
background:#66c341;
border-radius:10px;
color:#fff;
}

ul.mainmenu li.mainlink_spenden a:hover {
background:#83f353 ;
color:#fff;
}


ul.mainmenu li.mainlink_unterstuetzen a {
background:#8c74ff;
border-radius:10px;
color:#fff;
}

ul.mainmenu li.mainlink_unterstuetzen a:hover {
background:#8c74ff ;
color:#fff;
}

ul.mainmenu li.lastitem {
padding-left:10px;
padding-right:10px;
}


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

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


section.unterstuetzen {
 background:#3C2D82;
 padding:15px 0px;
}

ul.mainmenu li.social {
 float: right !important;
 width:75px !important;
}

ul.mainmenu li.divider div {
	background:#8c74ff;
	margin-top:5px;
	height:1px;
	
}

ul.mainmenu li.divider-green div {
	background:#66c341;
	margin-top:5px;
	height:1px;
	
}

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

.thematitle {
font-size:25px !important;
padding-top:15px;
}

section.thema .thematext {
padding-top:20px;
font-size:19px;
}

.cookie-message {
  position:fixed;
  bottom:0;left:0;right:0;
  background:#3C2D82;
  border-bottom:1px solid #ccc;
  z-index: 9999;
  color:#fff;
  height:100px;
  line-height: inherit;
}

.cookie-message p {
line-height:20px;
margin:0px;
text-align: center;
padding-top:10px;
}

.cookie-message a.more_info {
float:left !important;
margin-top:9px;
}

.cookie-message .btn_cookie_accept {
margin-top:9px;
}

ul.mainmenu li.social_facebook {

}


.btn-anmelden {
width:100%;
float:none;
}

footer section.footer {
padding:35px 0px 25px 0px;
text-align: center;
}

section.footer .social {
width:25%;
float:left;
}

.social_footer_title {
display:none;
}

section.footer .social i{
display:block;
}

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

section.footer_socket ul li:first-child {
padding-right:0px;
}

  .with--sidebar .site-pusher {
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
  }

  .with--sidebar .menu-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
  }
  
  
  .leftlogo {
  	padding-top:10px;
  padding-bottom:20px;
  }
  
  
  h1 {
	font-size:40px;
	color:#3C2D82;
	padding-bottom:20px;
	
	padding-top:25px;
	}
	
	h1.employee { font-size:30px;}
	
span.job_title {display:block;}	
	
.bg-white p, .bg-yellow p, .bg-purple p {
	
}


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

section.team_headline, section.team, section.partei {
padding:20px 0px 30px 0px;
}



section.team .card {
margin-bottom:20px;
}

section.team .card-body h5{
font-size:15px;
margin-top:-48px;
}

section.team p.card-text {
font-size:14px;
}

a.nav-link h2 {
	font-size:22px;
}


section.spenden .card h5.card-title {
font-size:18px;
}

 section.spenden .card h5.card-title span.amount {
 display:block;
font-size:30px;
} 

section.spenden .card-body {
padding:1rem 10px 1rem 10px;
}


section.spenden .container {
padding-left:0px;
padding-right:0px;
}

section.spenden .container .col-6 {
padding-left:5px;
padding-right:5px;
}



} 
/* END MOBILE VIEW */