.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: #001D43; text-align: center; }
.imgtitle span { display: inline-block; color: var(--white); }

/* 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 */
.halter-pic-gradient 			{ overflow: hidden; }

.pic-gradient::after 			{ content: " "; position: absolute; left: 0; z-index: 1; width: 100%; height: 45%; bottom: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+45,ffffff+100&0+0,0.85+45,0.95+100 */
background: linear-gradient(to bottom, rgba(0,15,61,0) 0%,rgba(0,15,61,0.50) 45%,rgba(0,15,61,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.pic-gradient .imgtitle 		{ position: absolute; left: 0; width: 100%; text-align: left; z-index: 2; visibility: visible; transition: visibility 0.3s linear, opacity 0.3s linear; filter: alpha(opacity = 100); -ms-filter: "alpha(opacity = 100)"; opacity: 1.0; }
.halter-pic-gradient:hover .imgtitle { visibility: hidden; opacity:0; }
.halter-pic-gradient:hover .pic-gradient-text { top: 0; }

.pic-gradient .imgtitle 		{ bottom: 0px; padding: 0px 18px 16px 18px; }
.pic-gradient-text 				{ padding: 18px; font-size: 12px; line-height: 14px; }
.pic-gradient-text a			{ font-size: 12px; line-height: 14px; }
.pic-gradient-text h3 			{ font-family: 'Spezia Bold',arial,tahoma; font-weight: 700; font-size: 11px; line-height: 14px; margin-top: 5px; }

.imgtitle, 
.imgtitlehover   { font-family: 'SpeziaExtended Bold',arial,tahoma; font-weight: 700; color: var(--white); text-transform: none; font-style: normal; font-size: 14px; line-height: 16px; letter-spacing: -0.03em; }
.color { font-size: 22px; }
.colorjustify { font-size: 22px; }

/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 
.pic-gradient .imgtitle 		{ padding: 0px 20px 20px 20px; }
.pic-gradient-text 				{ padding: 20px; font-size: calc(13px + (15 - 13) * ((100vw - 768px) / (992 - 768))); line-height: 1.4; }
.pic-gradient-text a			{ font-size: calc(13px + (15 - 13) * ((100vw - 768px) / (992 - 768))); line-height: 1.4; }
.pic-gradient-text h3 			{ font-size: calc(13px + (15 - 13) * ((100vw - 768px) / (992 - 768))); line-height: 1.4; }

.imgtitle, 
.imgtitlehover   { font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (992 - 768))); line-height: 1.1; }
.color { font-size: 26px; }
.colorjustify { font-size: 26px; }
}

/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) { 
.pic-gradient .imgtitle 		{ padding: 0px 20px 20px 20px; }
.pic-gradient-text 				{ padding: 20px; font-size: calc(13px + (15 - 13) * ((100vw - 992px) / (1200 - 992))); line-height: 1.4; }
.pic-gradient-text a			{ font-size: calc(13px + (15 - 13) * ((100vw - 992px) / (1200 - 992))); line-height: 1.4; }
.pic-gradient-text h3 			{ font-size: calc(13px + (15 - 13) * ((100vw - 992px) / (1200 - 992))); line-height: 1.2; }

.imgtitle, 
.imgtitlehover   { font-size: calc(18px + (22 - 18) * ((100vw - 992px) / (1200 - 992))); line-height: 1.1; }
.color { font-size: 24px; }
.colorjustify { font-size: 24px; }
}

/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) { 
.pic-gradient .imgtitle 		{ padding: 0px 30px 30px 30px; }
.pic-gradient-text 				{ padding: 30px; font-size: calc(14px + (17 - 14) * ((100vw - 1200px) / (1490 - 1200))); line-height: 1.5; }
.pic-gradient-text a			{ font-size: calc(14px + (17 - 14) * ((100vw - 1200px) / (1490 - 1200))); line-height: 1.5; }
.pic-gradient-text h3 			{ font-size: calc(14px + (17 - 14) * ((100vw - 1200px) / (1490 - 1200))); line-height: 1.2; }

.imgtitle, 
.imgtitlehover  { font-size: calc(20px + (26 - 20) * ((100vw - 1200px) / (1490 - 1200))); line-height: 1.1; }
.color { font-size: 26px; }
.colorjustify { font-size: 26px; }
}

@media (min-width: 1490px) {
.pic-gradient .imgtitle 		{ padding: 0px 40px 40px 40px; }
.pic-gradient-text 				{ padding: 40px; font-size: calc(17px + (18 - 17) * ((100vw - 1490px) / (1920 - 1490))); line-height: 1.5; }
.pic-gradient-text a			{ font-size: calc(17px + (18 - 17) * ((100vw - 1490px) / (1920 - 1490))); line-height: 1.5; }
.pic-gradient-text h3 			{ font-size: calc(17px + (18 - 17) * ((100vw - 1490px) / (1920 - 1490))); line-height: 1.2; }

.imgtitle, 
.imgtitlehover  { font-size: calc(25px + (28 - 25) * ((100vw - 1490px) / (1920 - 1490))); line-height: 1.1; }
.color { font-size: 28px; }
.colorjustify { font-size: 28px; }
}