/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 24 2024 | 14:30:30 */
/* CSS Imagetexte (Strings)

<div class="image-text">Inhalte schaffen<strong class="corp-dark-grey-accent">.</strong></div>
oder 
<div class="image-text-vertical">Inhalte schaffen<strong class="corp-dark-grey-accent">.</strong></div>
oder
<div class="image-text-vertical-right">Inhalte schaffen<strong class="corp-dark-grey-accent">.</strong></div>
*/

.accent-color
{
	color:var(--hex-corp-accent-color);
}


.accent-color2
{
	color:var(--hex-corp-accent-color2);
}

.accent-color
{
	color:var(--hex-corp-accent-color);
}


.corp-dark-grey-accent
{
	color:var(--hex-corp-dark-grey);
}


.image-text,
.image-text-vertical,
.image-text-vertical-right
{
	font-size:2.1rem;
	line-height:3.5rem;
	font-weight:300 !important;

	
	/* color: var(--hex-corp-black); */
	color:transparent;
	background: linear-gradient(45deg, rgba(var(--rgb-corp-transition6), 1) 0%, rgba(var(--rgb-corp-transition5), 1) 50%, rgba(var(--rgb-corp-transition4), 1) 100%);
	background-clip: text;
	-webkit-background-clip: text; 


  -webkit-transition: color 2s ease, border-top-color 2s !important;
  -moz-transition: color  2s ease, border-top-color 2s !important;
  -o-transition: color  2s ease, border-top-color 2s !important;
  transition: color  2s ease, border-top-color 2s !important;
	line-height: 1.1;
	

}

.image-text strong,
.image-text-vertical strong
{
	font-weight:400 !important;
}


.image-text-vertical strong
{
	display:none;
}




.image-text-vertical
{

	/* writing-mode: vertical-lr; */
	writing-mode: vertical-rl;
	/* text-orientation: upright; */
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
	text-align: right !important;
	font-size:3.0rem;
	line-height:6.3rem;
	margin-top:auto;
	margin-bottom:auto;
}


.image-text-vertical-right
{

	/* writing-mode: vertical-lr; */
	writing-mode: vertical-rl;
	/* text-orientation: upright; */
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
	text-align: left !important;
	font-size:3.5rem;
	line-height:7.3rem;
	margin-top:auto;
	margin-bottom:auto;
}


@media only screen and (max-width: 980px) {

	.image-text-vertical,
	.image-text-vertical-right
	{
		font-size:2.1rem !important;
	}
	.image-text
	{
		font-size: 1.34rem !important;
	}

}