.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  	{ position: absolute; bottom: 0; width: 100%; color:var(--weiss); text-align: left; display: flex; justify-content: center; background-color: rgba(59, 59, 59, 0.85); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.5s ease-in-out; }
.halterpic:hover .imgtitle, 
.halterzsmall:hover .imgtitle, 
.halterz:hover .imgtitle, 
.halterz:hover .newstitle  	{ background-color: rgba(59, 59, 59, 1.0); }

.newstitle  { position: relative; width: fit-content; color:var(--weiss); text-align: left; display: flex; justify-content: center; flex-direction: column; align-items: center; background-color: rgba(59, 59, 59, 0.85); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.5s ease-in-out; }

/* 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 */
.newstitle span.tag 	{ font-size: 25px; line-height: 27px; font-weight: 500; letter-spacing: 0.05em; text-transform: none; }
.newstitle span.monat 	{ font-size: 16px; line-height: 18px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; }
span.meldung 			{ font-size: 20px; line-height: 20px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 10px; }

.imgtitle span 	{ font-family: 'Oswald',arial,tahoma; color:var(--weiss) !important; font-weight: 500; font-size: 20px; line-height: 24px; text-transform: uppercase; }
.halterzsmall .imgtitle span { font-size: 16px; line-height: 20px; }
.imgtitle  		{ padding: 25px 15px; }
.newstitle  	{ padding: 15px 25px; }
.color 			{ font-size: 14px; }
.colorjustify 	{ font-size: 16px; }


/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 
.newstitle span.tag 	{ font-size: 24px; line-height: 26px; }
.newstitle span.monat 	{ font-size: 15px; line-height: 17px; }
span.meldung 			{ font-size: 18px; line-height: 18px; }

.imgtitle span 	{ font-size: 20px; line-height: 24px; }
.imgtitle  		{ padding: 25px 15px; }
.newstitle  	{ padding: 12px 22px; }
.color 			{ font-size: 14px; }
.colorjustify 	{ font-size: 18px; }
}

/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) { 
.newstitle span.tag 	{ font-size: 28px; line-height: 30px; }
.newstitle span.monat 	{ font-size: 17px; line-height: 19px; }
span.meldung 			{ font-size: 22px; line-height: 22px; }

.imgtitle span 	{ font-size: 22px; line-height: 26px; }
.halterzsmall .imgtitle span { font-size: 18px; line-height: 22px; }
.imgtitle  		{ padding: 29px 19px; } 
.newstitle  	{ padding: 19px 29px; }
.color 			{ font-size: 15px; }
.colorjustify 	{ font-size: 19px; }
}

/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) { 
.newstitle span.tag 	{ font-size: 30px; line-height: 32px; }
.newstitle span.monat 	{ font-size: 18px; line-height: 20px; }
span.meldung 			{ font-size: 24px; line-height: 24px; }

.imgtitle span 	{ font-size: 24px; line-height: 28px; }
.halterzsmall .imgtitle span { font-size: 20px; line-height: 24px; }
.imgtitle  		{ padding: 30px 20px; }
.newstitle  	{ padding: 20px 30px; }
.color 			{ font-size: 16px; }
.colorjustify 	{ font-size: 20px; }
}