.divpointer { cursor: pointer; }

/* Impressum TitleTag */
.imprint_back  { text-shadow: 1px 1px 2px #666, -1px 1px 2px #666, 1px -1px 2px #666, -1px -1px 2px #666; bottom: 1px; right: 5px; }
.imprint_font  { font-size: 12px; line-height: 12px; color: #FFFFFF; }

/* genereller Bildsockel unterhalb des Bildes */
.imgtitle  { padding: 6px 0px 6px 0px; background-color: transparent; color: #999999; font-style: italic; text-align: center; }

/* title_animated */
.halter { position: relative; z-index: 1; }
.over { display: block; bottom: 0; width: 100%; z-index: 2; position: absolute; text-align: center; }
.halter:hover .over { display: block; bottom: 0; width: 100%; z-index: 2; position: absolute; text-align: center; }
.color { color: #FFFFFF; padding: 10px; background-color: #71be45; font-style: normal; filter: alpha(opacity = 80); -ms-filter: "alpha(opacity = 80)"; opacity: .80; }

/* Text:hover Flex-Bild-Box */
.colorjustify { color: #FFFFFF; }

.text-aligner-img > .colorjustify { padding: 0 50px; }
.text-aligner-tube > .colorjustify { padding: 0 20px; }

.alignerhalter:hover .aligner.text-aligner-img { background-image: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.6) 100%); }
.text-aligner-tube { background-image: linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.4) 100%); }
.alignerbottom { background-image: linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,0.8) 100%); padding: 50px 5px 10px 5px; }







/* Extra-kleine Geräte (Smartphones, weniger als 768px (col-xs-)) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */
.pic-abzug .imgtitle { font-family: 'DINPro-Bold',arial,tahoma; color: var(--black); text-transform: none; font-style: normal; position: absolute; bottom: 10px; left: 0; width: 100%; padding-left: 12px; padding-right: 12px; }
.pic-abzug .imgtitle span { font-size: 14px; line-height: 21px; background-color:var(--white); display: inline; padding: 0px 6px 3px 6px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

.pic-marker::after 	{ content: " "; position: absolute; left: 0; z-index: 1; width: 100%; bottom: 0; height: 60%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#808080+0,000000+100&0+0,0.6+100 */
background: -moz-linear-gradient(top, rgba(128,128,128,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(128,128,128,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(128,128,128,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00808080', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ }
.pic-marker .imgtitle { font-family: 'DINPro-Bold',arial,tahoma; color: var(--black); text-transform: none; font-style: normal; position: absolute; bottom: -17px; left: 0; width: 100%; padding-left: 15px; padding-right: 15px; text-align: left; z-index: 2; }
.pic-marker .imgtitle span { font-size: 14px; line-height: 21px; background-color:var(--white); display: inline; padding: 0px 6px 3px 6px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.pic-marker .imgtitle span::before { font-family: 'FontAwesome'; line-height: normal; content: '\f054'; color:var(--primary); font-size: small; vertical-align: middle; padding-right: 3px; }

.imgtitle, .imgtitle span, 
.protitle, .protitle span { font-size: 15px; line-height: 19px; display: inline-block; }

.imgtitle  { font-size: 14px; }
.color { font-size: 14px; }
.colorjustify { font-size: 16px; }


/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 
.pic-abzug .imgtitle { padding-left: 15px; padding-right: 15px; }
.pic-abzug .imgtitle span { font-size: 14px; line-height: 21px; padding: 0px 6px 3px 6px; }

.pic-marker .imgtitle { padding-left: 10px; padding-right: 10px; bottom: -17px; }
.pic-marker .imgtitle span { font-size: 15px; line-height: 21px; padding: 0px 6px 3px 6px; }

.imgtitle, .imgtitle span, 
.protitle, .protitle span { font-size: 14px; line-height: 17px; }.imgtitle  { font-size: 14px; }
.color { font-size: 14px; }
.colorjustify { font-size: 18px; }
}

/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) { 
.pic-abzug .imgtitle { padding-left: 17px; padding-right: 17px; }
.pic-abzug .imgtitle span { font-size: 15px; line-height: 22px; padding: 0px 6px 3px 6px; }

.pic-marker .imgtitle { padding-left: 13px; padding-right: 13px; bottom: -19px; }
.pic-marker .imgtitle span { font-size: 15px; line-height: 22px; padding: 0px 6px 3px 6px; }

.imgtitle, .imgtitle span, 
.protitle, .protitle span { font-size: 15px; line-height: 19px; }
.imgtitle  { font-size: 15px; }
.color { font-size: 15px; }
.colorjustify { font-size: 19px; }
}

/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) { 
.pic-abzug .imgtitle { padding-left: 20px; padding-right: 20px; }
.pic-abzug .imgtitle span { font-size: 16px; line-height: 23px; padding: 0px 6px 3px 6px; }

.pic-marker .imgtitle { padding-left: 15px; padding-right: 15px; bottom: -19px; }
.pic-marker .imgtitle span { font-size: 16px; line-height: 23px; padding: 0px 6px 3px 6px; }

.imgtitle, .imgtitle span, 
.protitle, .protitle span { font-size: 15px; line-height: 19px; }
.imgtitle  { font-size: 16px; }
.color { font-size: 16px; }
.colorjustify { font-size: 20px; }
}