/*CSS für www.alpenverein-roth.de*/



/*
Allgemeines
*/

body {
  padding-top: 10px;
  padding-bottom: 20px;
}

h2{
	font-size: 25px;
	margin-top: 2px;
}

footer {
	margin-top: 30px;
	margin-bottom: -20px;
	padding: 20px 0px 30px 0px;
	background-color: hsla(0, 0%, 25%, 1);
	color: white;
}

.trennstrich {
	margin-top: 0;
}

/*.kachel {
	width: 100%;
	border-radius: 10px;
}*/



/* 
Bootstrap Änderungen als hinzufügbare Klasse
*/

.nopad {
	padding: 0px;
}


@media (min-width: 1200px) {
	.noheight {
		height: 0px;
	}
}

.nomargin {
	margin: unset;
}



/*
Gallerie
*/

.gallery {
	width: 100%;
}




/*
Boxen "Kasten" auf der Startseite
*/

.kasten {
	width: 100%;
	background-color: hsla(0, 0%, 25%, 0.65);
	justify-content: center;
	align-items: end;
	align-content:end;
	min-width: 250px;
	min-height: 170px;
	border-radius: 5px;
	margin-top: -200px;
	margin-bottom: 180px;
	padding-bottom: 10px;
	color: white;
	text-align: center;
}

.kastentext {
	padding: 5px;
}


.kastencontainer {
	justify-content: center;
}

.kastenicons{
	height: 50px;
	padding-top: 8px;
}

.boximkasten  {
	display: flex;
	flex-direction: column;
}

/* 
Beiträge
*/

.imagekachel {
	width: 100%;
	border-radius: 10px;
}

.imagekachel_k {
	padding: unset;
}

.beitrag {
	padding: 7px;
}



/*
Buttons
*/

.btn-green {
	background: linear-gradient(45deg, #58ab27 0%, #a5dd5a 100%);
	border: #76d241;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.btn-green:hover {
	background: #76d241;
}

a.btn {
	background: linear-gradient(45deg, #58ab27 0%, #a5dd5a 100%);
	color: white;
	border: #76d241;
	word-break: break-word;
	white-space: normal;

}

a.btn:hover {
	background: #76d241;
	color: white
}


/*
Navbar
*/


/*Neuer Shit*/
/*
Navbar
*/
nav.navbar.navbar-expand-md {
  float:right;
 }

.navbar-toggler {
	margin-top: 10px;
  margin-bottom: 2px;
  padding: 15px;
  width:370px;
  background-color: rgb(128,128,128,92%);
  border:none;
  border-radius:5px;
}
.navbar-collapse.collapse.show a{
  color:white;
  margin: 3px 0;
}

.navbar-collapse.collapse.show a:hover {
  background-color:rgb(170, 170, 170);
    border-radius:2px;
}
.navbar-collapse.collapse.show{
  visibility:visible;
  width:370px;
  background: rgb(128,128,128,92%);
  border-radius:5px;
  position:absolute;
  z-index: 1;
}
.navbar-collapse.collapsing {
  margin-top:50px;
  visibility: hidden;
}
.navbar-toggler:after {
  content:"Menü";
  color:white;
}
.collapse.navbar-collapse {
  visibility: hidden;
  background:blue;
}

.navbar {
height: 0px;
}
/*Ende neuer Shit*/


.navcontainer {
	background-image: linear-gradient(45deg, #58ab27 0%, #d4fc79 100%);
	margin-left: 0px;
}


.hmittig {/* mittelt die Navbar in der Höhe aus*/
	display: flex;
	align-items: center;
}


/*
Blogeinträge schön machen
*/


/*überschrift Link einfärben*/
html body div.container div.blog div.items-leading.clearfix div.page-header a{
	color: white;
	padding-right: auto;
}

/*Überschrift hintergrund ändern*/
html body div.container div.blog div.items-leading.clearfix div.page-header {
	background-image:linear-gradient(45deg, #5c5c5c 0%, #828282 100%);
	padding-right: auto;
	padding-top:10px;
  padding-bottom: 13px;
	padding-left: 15px;
	border-radius: 4px;
}

/*Text nach rechts schieben*/
html body div.container div.blog div.items-leading.clearfix  p{
	padding-left: 10px;
}

/*veröffentlich am nach oben schieben*/
html body div.container div.blog div.items-leading.clearfix dl.article-info.muted {
	margin-top: -46px;
	font-size: 13px;
	margin-left: 18px;
	color: lightgrey;
	padding-bottom: 5px;
}

/*hintergrund der artikel ändern */
html body div.container div.blog div.items-leading.clearfix div{
	padding-bottom: 10px;
	border: 1px solid whitesmoke;
	border-radius: 4px;
	margin-top: 0px;
	margin-bottom: 20px;
	
}

/*Vorstellungsseite stylen*/


/*Tabelle mit Personen stylen*/
.table-pers {
	border: none;
	table-layout: fixed;
	background: linear-gradient(45deg, #58ab27 0%, #a5dd5a 100%);
	border-radius: 10px;
	margin-bottom: 10px;
	margin-left: auto;  
	margin-right: auto;
	color: white;
	width: 100%;
}


.table-pers img {
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: white;
}
.table-pers td {
    height: 10px;
    vertical-align: middle;
    padding: 4px;
    text-align: left;
	  padding: 5px;
}
/*Tabelle mit Events für Vorstellseiten*/
.table-event {
	text-align: left;
	width: 99%;
}
.table-event td{
	padding-left: 5px;
}



.top {
	background: linear-gradient(45deg, #58ab27 0%, #a5dd5a 100%);
	color: white;
	padding: 5px;
	border-radius: 10px;
}

.height100 {
	min-height: 100px;
}

.top_right {
	padding-left: 13px;
	padding-right: 13px;
}

/*Buttons in der Vorstellung*/
.top_small {
	padding: 13.5px 0px 5px 0px;
  	text-align: center;
	font-size: 15px;
	font-weight:  bold;
	vertical-align: center;
	align-content: center;
	margin-bottom: 4px;
}
.top_small:hover {
	background: linear-gradient(45deg, #a5dd5a 0%, #58ab27 100%);
}
.top_small a {
	color: white;
}

.topcontainer {
	opacity: 90%;
}
.topflexcon {
	padding: 10px;

}


.topflexback {
	background-color: grey;
	clip-path: polygon(0% 100%, 6% 59%, 11% 81%, 19% 42%, 24% 69%, 29% 54%, 35% 83%, 42% 69%, 46% 54%, 50% 18%, 53% 35%, 57% 39%, 60% 73%, 63% 45%, 67% 60%, 71% 86%, 75% 74%, 80% 28%, 83% 6%, 86% 29%, 90% 0, 93% 19%, 97% 63%, 100% 100%);
 	height: 170px;
	width: auto;
	margin-bottom: -170px;
	mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}
.eventcontainer {
	padding-left: 10px;
	padding-right: 10px;
}

/*Loginleiste*/

.control-group .controls label, .control-label {
	width: 40%;
}

#form-login-remember {
  width: 100%;
}

#modlgn-username, #modlgn-passwd {
	width: 58%;
	color: black;
}

#form-login-submit {
  justify-content: center;
	display: flex
}
div.controls button.btn.btn-primary.login-button {
	padding-left: 40px;
	padding-right: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: linear-gradient(45deg, #58ab27 0%, #a5dd5a 100%);
	border: grey solid 1px;
}

footer div.container div.row div.col-md-4 form#login-form.form-inline div.userdata ul.unstyled {
  padding-left: 10px;
}
footer div.container div.row div.col-md-4 form#login-form.form-inline div.userdata ul.unstyled a{
	color: grey;
}

/*Kalender*/
/*Kalender*/

html body table.cal_table, table.cal_table td {
	border: grey 1px solid;
}

table.cal_table td {
	height: 70px;
	vertical-align: top;
}

td.cal_td_daysnames {
	background-color:#5dae2a;
	color:white;
	height: 20px !important;
}

html body div.container div#jevents div#jevents_body.contentpaneopen.jeventpage.jevbootstrap div.event_legend_container {
	display: flex;
	flex-wrap: wrap;
}

html body div.container div#jevents div#jevents_body.contentpaneopen.jeventpage.jevbootstrap div.event_legend_container div.event_legend_item{
	padding-left: 1px;
	margin-left: 10px;
	margin-top: 10px;	
}

#ev_icon_daily, #ev_icon_monthly, #ev_icon_yearly, #ev_icon_weekly, .icon_labels, .event_legend_desc {
display: none;
}

div.event_legend_item {
	border-left: 10px solid;
}

}/*Kalender*/

html body table.cal_table, table.cal_table td {
	border: grey 1px solid;
}

table.cal_table td {
	height: 70px;
	vertical-align: top;
}

td.cal_td_daysnames {
	background-color:#5dae2a;
	color:white;
	height: 20px !important;
}

html body div.container div#jevents div#jevents_body.contentpaneopen.jeventpage.jevbootstrap div.event_legend_container {
	display: flex;
	flex-wrap: wrap;
}

html body div.container div#jevents div#jevents_body.contentpaneopen.jeventpage.jevbootstrap div.event_legend_container div.event_legend_item{
	padding-left: 1px;
	margin-left: 10px;
	margin-top: 10px;	
}

#ev_icon_daily, #ev_icon_monthly, #ev_icon_yearly, #ev_icon_weekly, .icon_labels {
display: none;
}

div.event_legend_item {
	border-left: 10px solid;
}

}