.backpic_Frame .backpic, .backpic_sideBySide_picHolder img  {-webkit-transition: all .75s cubic-bezier(.23,1,.32,1);-moz-transition: all .75s cubic-bezier(.23,1,.32,1);-ms-transition: all .75s cubic-bezier(.23,1,.32,1);-o-transition: all .75s cubic-bezier(.23,1,.32,1);transition: all .75s cubic-bezier(.23,1,.32,1);}

/*Textausgabe*/
.backpic {position: relative; overflow: hidden;}
.backpic_Frame .layer, .backpic .layer {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.6)}
.backpic_Frame .layer .container, .backpic_Frame .layer .container .inside, .backpic .layer .container, .backpic .layer .container .inside {height: 100%}
.backpic_Frame .layer .container .inside, .backpic .layer .container .inside {display: flex; align-items: center; color: #fff}

.backpic .layer.headPicTextBackground {background-color: rgba(0,0,0,0)}
.backpic .layer.headPicTextBackground .innerInside {padding: 2rem; background-color: var(--backPicBackColor); color: var(--black);border-radius: 4px}

/*Copyright*/
.backpic .copytextLayer {position: absolute; bottom: 0px; right: 0px; left: 10px; text-align: right; font-size: 14px; color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.4);z-index: 1}
.backpic .copytextLayer span {position: absolute;bottom: 0;right: -100%;z-index: 1;padding: 0.5em 0.75em;color: #fff;background: rgba(19, 24, 33, 0.5);border-radius: 0.25rem 0 0 0;backdrop-filter: blur(20px);transition: all 0.2s cubic-bezier(0.15,0,0.45,1);}
.backpic .copytextLayer:before {color: #fff !important;background: rgba(19, 24, 33, 0.75) !important;position: absolute;bottom: 0.5rem;right: 0.5rem;z-index: 1;display: flex;align-items: center;justify-content: center;width: 1.5rem;height: 1.5rem;font-size: 1rem;line-height: 1.5rem;color: #131821;text-align: center;cursor: pointer;content: "\f1f9";font-family: "Font Awesome 5 Free";background: rgba(255, 255, 255, 0.5);border-radius: 10rem;backdrop-filter: blur(10px);transition: all 0.2s cubic-bezier(0.15,0,0.45,1)}
.backpic .copytextLayer:hover span {opacity: 1;right: 0;}
.backpic .copytextLayer:hover:before {opacity: 0}

/*Side by Side*/
.mod_article > .backpic_sideBySide {height: 50vh}
.backpic_sideBySide, .backpic_sideBySide a {display: flex}
.backpic_sideBySide_picHolder {overflow: hidden}
.backpic_sideBySide a:hover .backpic_sideBySide_picHolder img  {transform: scale(1.2)}
.backpic_sideBySide_pic {width: 63%; margin-left: -7%; position: relative; overflow: hidden;border-radius: 5px;height: 80%;top: 10%;}
.backpic_sideBySide_desc {width: 45%; padding: 2em 12% 2em 3em; border-radius: 5px; height: 100%;display: flex;align-items: center;}
.backpic_sideBySide a[target=_blank]:after {display: none}


/*Verlinkung*/
.backpic_Frame a[target=_blank]:after {display: none}
.backpic_Frame {overflow: hidden; position: relative}
.backpic_Frame:hover .backpic {transform: scale(1.2)}


@media(max-width: 950px)
{
	.backpic_sideBySide.inside {margin: 0 auto;border-radius: 4.5px;}
	.backpic_sideBySide, .backpic_sideBySide a {flex-flow: column-reverse;height: auto;}
	.backpic_sideBySide_pic, .backpic_sideBySide_desc {width: 100%; margin: 0; border-radius: 0}
	.backpic_sideBySide_desc {padding: 3em}
	.backpic_sideBySide_pic img { border-radius: 0}	
	.backpic_sideBySide_desc {border-top-left-radius: 0;border-top-right-radius: 0}
}
@media(max-width: 768px)
{
	.backpic{height: 100% !important;min-height: 300px !important;background-attachment: initial;}
	.backpic .layer {position: initial; padding: 6% 0;}
}