/*!
 * Start Bootstrap - Heroic Features HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 10px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.hero-spacer {
    margin-top: 30px;
}

.hero-feature {
    margin-bottom: 5px;
}
/* */


.logo-size {
	width: 167px;
}

.logo-box {
	width: 10%;
}

@media print {
	.logo-size {
		width: 200px;
	}

	.logo-box {
		width: 25%;
	}
}

.full-width-table {
	width: 100%;
}

.language-box {
	text-align: right;
}

	
.slogan-box,.slogan-box-small {
	color: #aaa;
}

.slogan-box-small {
	font-size: 10px;
}

@media (max-width:440px) {
	.slogan-box {
		font-size: 9px;
	}
}

@media (max-width:370px) {
	.slogan-box {display:none!important}
}

@media (min-width:371px) {
	.slogan-box-small {display:none!important}
}

.impressum-box {
	text-align: right;
}

.align-top {
	vertical-align: text-top;
}

.top-image {	
	max-width: 100%;
}
@media (min-width:774px) {
	.top-image {	
		max-width: 736px; 
		/* the image's proportions are: 3.7281:1  formerly: 2.8915:1 
		--> if you adjust the max-width, you have to adjust the image height in the
		"img-bkg" as well to that proportions: max-width / proportions => height of img-bkg! */
		/* see same value in bootstrap.min.css for print */
	}
}


.img-bkg {
	width: 100%;
	text-align: center;
	background-image: url("../img/streifen-850.jpg");
	background-repeat: repeat-x;
	background-size: 16px 198px;
}

.active-border {
	border:5px solid #7154d3;
	padding:0px;
	margin-bottom:15px;
}

.h1-img {
	width: 55px;
}
.h2-img {
	width: 40px;
}
.h3-img {
	width: 30px;
}
.h4-img {
	width: 26px;
}
.img-inline {
	width: 22px;
}

.feature-text {
	height: 50px;
	text-align:	left;
	width:	100%;
}

.feature-text-button {
	height: 55px;
	text-align:	center;
	vertical-align: bottom;
}

.paragraph-start {
	font-size: 24px;
}

.hyperlink { color: #5A83D1; }
.hyperlink:focus { color: #2D31B9; }
.hyperlink:hover { color: #2D31B9; }

@media print {
	.hyperlink { text-decoration:underLine }
}

.act-navbar-item { text-decoration:underline }

.skip_invisible {
	color: #fff;
	font-size: 1px;
}

 /* */
 @media print {
	.skip_invisible {display:none!important}
 }

.mid-size-img {
	max-width: 100%;
}

@media (min-width:420px) {
	.mid-size-img {
		max-width: 400px;
	}
}

.centered-element {
	text-align: center;
}

.table-height-nutzen {
	height: 130px;
}


/* */
footer {
    margin: 10px 0;
}

.div-img-book{
    justify-content: bottom;
    align-items: center;
    display:flex;
	height:50px;
	margin: 10px;
}

.div-img-book:hover{
    transform:scale(6);
}