/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
	background-color: #ededed;
	padding-top: 100px;
	padding-bottom: 20px;
	font-family: 'Source Sans Pro', sans-serif;
}

hr.theredline {
    border-top: 5px solid #b61f34;
	margin-left: 30%;
	margin-right: 30%;
}

a.nav-link {
    text-transform: uppercase;
	font-weight: 700;
	font-size: 19px
}

.navbar {
    -webkit-box-shadow: 0 16px 6px -6px #999;
    -moz-box-shadow: 0 16px 6px -6px #999;
    box-shadow: 0 16px 6px -6px #999;
}

img#logo {
    padding: 8px;
}

a.custom-card,
a.custom-card:hover {
  color: inherit;
}

.nav-link {
	color: black !important;
}

.card {
    margin-left: 10px;
	margin-right: 10px;
}

.grow:hover > div .bgimage {
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	background-color: white;
}

.grow:hover > div {
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 3px 4px 20px -5px rgba(105,105,105,1);
	-moz-box-shadow:    3px 4px 20px -5px rgba(105,105,105,1);
	box-shadow:         3px 4px 20px -5px rgba(105,105,105,1);
	background-color: #b61f34;
	-webkit-transition: background-color 450ms linear;
    -ms-transition: background-color 450ms linear;
    transition: background-color 450ms linear;
	color: white;
}

.grow:hover > div hr.theredline {
    border-top: 5px solid black !important;
}

.grow:hover {
  text-decoration: none;
}

h5.card-title.cardheader {
    background-color: transparent;
    border-color: transparent;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.outercard{
	width: 250px;
	margin-bottom: -27px;
}

.custom-card {
	margin: 2px;
}

.bgimage {
	background-size:     contain; 
    background-repeat:   no-repeat;
    background-position: center center;
	width: 90%;
	height: 200px;
	margin: 10px auto 0;
    overflow: hidden;
    padding: 10px 0;
    align-items: center;
    justify-content: space-around;
    display: flex;
    float: none;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.cardheader {
	height: 75px;
	text-align: center;
}

#sprache {
	font-size: 11px !important;
	color: #7c8082 !important;
}

.bgimage {height: 50px;}

@media (min-width: 34em) {
	.bgimage {height: 100px;}
	
}

@media (min-width: 48em) {
	.bgimage {height: 100px;}
}

@media (min-width: 62em) {
	.bgimage {height: 133px;}
}

@media (min-width: 75em) {
	.bgimage {height: 200px;}
}