@charset "utf-8";
/* CSS Document */

    
/*------------------------------*/
/* S+C Arguments                */
/* suc-arguments-oe.css         */
/*------------------------------*/
	
/*Colors*/

.sc-arguments.sc-corp-lightgrey {       
    /*background-color: var(--sc-corp-lightgrey);*/
    background-color: #e3e3e3;
    color: #002060;
}
.sc-arguments.sc-cms-green {       
    /*background-color: var(--sc-corp-lightgrey);*/
    background-color: #548235;
    color: #fff;
}
.sc-arguments.sc-cms-green .teaser-headline-arguments h2,
.sc-arguments.sc-cms-green .sc-teaser-text-p-xl p,
.sc-arguments.sc-cms-green .sc-teaser-text-p-xl strong {       
    color: #fff;
}





.sc-arguments .services-box.sc-corp-white {       
    background-color: white;
}

.sc-arguments .sc-corp-white p.headline {
	color: #002060; 
}
.sc-arguments .sc-corp-white .icon-headline {
    color: #002060;     /* Icon-Farbe */
}


.sc-arguments .container-fluid {
  max-width: 2200px;
}

	
/* Große Typo rechts oben */
@media (min-width: 576px) {	
.sc-arguments .services-box.teaser-text-arguments {
}
}	
	
@media (min-width: 992px) {
.sc-arguments .services-box.teaser-text-arguments
{	max-width: 100%; }
}
	
@media (min-width: 1200px) {
.sc-arguments .services-box.teaser-text-arguments
{	padding-left: 10%;}
}
	
	
.sc-arguments .row-flex {
  display: flex;
  flex-wrap: wrap;
}
		
.sc-arguments .content {
  height: 100%;
  padding: 20px 20px 10px;
}	
	
.sc-arguments .icon-headline {
    font-size: 3rem;  /* Größe des Icons */
    color: #002060;   /* Farbe (falls gewünscht) */
    display: block;   /* Sorgt dafür, dass es über der Headline steht */
	padding-left: 10px;
}
	
.sc-arguments.arguments-small .icon-headline {
    font-size: 3rem;    /* Icon-Größe */
    color: #002060;     /* Icon-Farbe */
    display: block;     /* Stellt sicher, dass es auf einer eigenen Zeile ist */
    text-align: center; /* Zentriert das Icon horizontal */
    width: 100%;        /* Stellt sicher, dass text-align auf das gesamte Element wirkt */
	padding-bottom: 10px;
}
.sc-arguments.arguments-small p.headline {
    display: block;     /* Stellt sicher, dass es auf einer eigenen Zeile ist */
    text-align: center; /* Zentriert das Icon horizontal */
    width: 100%;        /* Stellt sicher, dass text-align auf das gesamte Element wirkt */
	padding-bottom: 10px;
	
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.2;
}

	
.sc-arguments .streamline-icon-s, .sc-arguments .streamline-icon-xs {
	padding-top: 15px;
    padding-bottom: 15px;
}

/*---------------------------------*/
/* Größere Teaser Texte für Module */
/*---------------------------------*/

/* Headline h2 */
.sc-teaser-text h2.headline-befor,
.ce-content .sc-header-teaser.h2-mb .ce-headline span.sc-overline
{	font-weight: 500;
	font-size: 1.0rem;
    line-height: 1.2;
	text-transform: uppercase;
    letter-spacing: 0.05em;     /* Optional, etwas Tracking */
}

@media (min-width: 576px) {
.sc-teaser-text h2.headline-befor,
.ce-content .sc-header-teaser.h2-mb .ce-headline span.sc-overline
{}
}
@media (min-width: 1200px) {
.sc-teaser-text h2.headline-befor,
.ce-content .sc-header-teaser.h2-mb .ce-headline span.sc-overline
{	font-size: 1.2rem;}
}
/*xxl*/
@media (min-width: 2000px) {
.sc-teaser-text h2.headline-befor,
.ce-content .sc-header-teaser.h2-mb .ce-headline span.sc-overline
{	font-size: 1.5rem;}
}



/* mobile first!! */
.sc-teaser-text h2.headline,
.ce-content .sc-header-teaser .ce-headline h2
{
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 1.2;
}
@media (min-width: 576px) {
.sc-teaser-text h2.headline,
.ce-content .sc-header-teaser .ce-headline h2
{   font-size: 1.85rem;}
}

@media (min-width: 992px) {
.sc-teaser-text h2.headline,
.ce-content .sc-header-teaser .ce-headline h2
{}
}
@media (min-width: 1200px) {
.sc-teaser-text h2.headline,
.ce-content .sc-header-teaser .ce-headline h2
{    font-size: 2.3rem;}
}
/*xxl*/
@media (min-width: 2000px) {
.sc-teaser-text h2.headline,
.ce-content .sc-header-teaser .ce-headline h2
{	font-size: 3.0rem;
	/*max-width: 70%;*/}
}

/*Extra Large*/
.sc-arguments .sc-teaser-text-p-xl p {
  font-size: 1.1rem;
  line-height: 1.5;
}
@media (min-width: 576px) {
.sc-arguments .sc-teaser-text-p-xl p
{}
}
@media (min-width: 768px) {
.sc-arguments .sc-teaser-text-p-xl p
{ }
}
@media (min-width: 992px) {
.sc-arguments .sc-teaser-text-p-xl p
{}
}
@media (min-width: 1200px) {
.sc-arguments .sc-teaser-text-p-xl p
{	font-size: 1.4rem;
  	line-height: 1.4;}
}
/*xxl*/
@media (min-width: 2000px) {
.sc-arguments .sc-teaser-text-p-xl p
{	font-size: 2.0rem;
  	line-height: 1.3;}
}

/*large*/
.sc-arguments .sc-teaser-text-p-l p {
  font-size: 1.1rem;
  line-height: 1.5;
}
@media (min-width: 576px) {
.sc-arguments .sc-teaser-text-p-l p
{  font-size: 1.8rem;
  line-height: 1.2;}
}

/* Medium*/
.sc-arguments .sc-teaser-text-p-m p {
  font-size: 1.1rem;
  line-height: 1.5;
}
@media (min-width: 576px) {
.sc-arguments .sc-teaser-text-p-m p
{  font-size: 1.6rem;
  line-height: 1.0;}
}

/* Headline h5 - Kachel */

/* Headline h5*/

/* mobile first!! */
.sc-arguments h4.headline,
.sc-arguments h5.headline,
.sc-arguments .ce-content .ce-headline h4,
.sc-arguments .ce-content .ce-headline h5
{
	font-size: calc(1.325rem + 0.5vw);
	font-weight: 500;
	line-height: 1.2;
}
@media (min-width: 576px) {
.sc-arguments h4.headline,
.sc-arguments h5.headline,
.sc-arguments .ce-content .ce-headline h4,
.sc-arguments .ce-content .ce-headline h5
{    font-size: 1.25rem;}
}

@media (min-width: 1200px) {
.sc-arguments h4.headline,
.sc-arguments h5.headline,
.sc-arguments .ce-content .ce-headline h4,
.sc-arguments .ce-content .ce-headline h5
{    font-size: 1.5rem;}
}
/*xxl*/
@media (min-width: 2000px) {
.sc-arguments h4.headline,
.sc-arguments h5.headline,
.sc-arguments .ce-content .ce-headline h4,
.sc-arguments .ce-content .ce-headline h5
{    font-size: 1.5rem;}
}