/*!
 * Copyright 2025 Köckemann-Schwarz
 * FRG-Gruppe Framework 2025
 * Content-Einstellungen des Frameworks
 */

@media screen {

/*           Content Rows allgemein             */

main .contentrow:first-child .rowcontent h1 + h2, .rrrowcontent h2 + h3 {
  font-size: 2.083em;
  font-weight: 300;
  margin-bottom: 2.0rem;
  margin-top: 0;
}

.rowcontent h2.starter, .rowcontent h2 .starter {
  font-size: 1.350em;
  font-weight: 300;
  display:inline-block;
  margin-top: 1.5rem;
  margin-bottom: 1.0rem;
}


/*           END Content Rows allgemein             */






.contentrow a.link-page { 
  display:block;
  background: transparent url( /src/src/icons/arrow-red-r.png) no-repeat 0px 5px;
  padding:0px 0px 0px 30px;
  margin-top:25px;
  font-weight: 500;
  color:var(--textlinkcolor);
 }








/* ContentRow StarttextHome */

.contentrow.starttexthome { 
  //background: #d9f5f7 url() no-repeat top center;
  padding-top: 70px;
 }
.contentrow.starttexthome .rowcontent {  
  grid-column-gap: 60px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 275px;
    grid-template-areas: "starttext kalenderlink" ;
 }

@media screen and (max-width: 976px) {
  .contentrow.starttexthome {
    padding-top: 0px;
  }
  .contentrow.starttexthome .rowcontent {  
    grid-template-columns: 1fr;
    grid-template-rows: 60px auto;
    grid-template-areas: "kalenderlink" "starttext" ;
  }
  .contentrow.starttexthome .kalenderlink {
    margin-top: 0px;
    height: 60px;
    overflow: hidden;
    align-content: end;
  }
  .contentrow.starttexthome .kalenderlink img {
    margin-bottom: -33px;
  }
  .contentrow.starttexthome article {
    padding: 0px 20px 20px 20px;
  }

}



.contentrow.starttexthome h2 { 
  grid-column: 1 / -1;  
  font-size: 2.8rem !important;
  font-weight: normal;
  line-height: 2.8rem !important;
  color:#ffffff;
 }

.contentrow.starttexthome article { 
  display: grid;
  grid-area: starttext;  
  justify-self:start;
  background: #ffffff url() no-repeat bottom left;
  padding: 12px 20px 20px 20px;
  position: relative;
 }

.contentrow.starttexthome article p { 
  font-size: 1.8rem !important;
  line-height: 2.3rem;
  margin:0px 0px 1.0rem 0px;
 }
.contentrow.starttexthome article h2 { 
  font-size: 2.8rem !important;
  line-height: 2.8rem !important;
  font-weight: 600;
  color:#ab9e9a;
 }
.contentrow.starttexthome article a.mehrlink { 
  display:grid;
  min-height:52px; 
  align-content: end; 
  background: #ffffff url() no-repeat bottom right;
  font-size: 1.35rem;
  color:var(--textlinkcolor);
 }

@media screen and (max-width: 976px) {
  .contentrow.starttexthome article {
    padding: 12px 0px 20px 0px;
  }

}

.contentrow.starttexthome .kalenderlink {
  display:grid;
  grid-area: kalenderlink;  
  justify-self:end;
  align-self: start;
  margin-top: -72px;
  box-shadow: 3px 3px 5px #c3c1c1;
  //margin-bottom: 40px;
}

@media screen and (max-width: 976px) {
  .contentrow.starttexthome .kalenderlink {
    margin-top: 0px;
    height: 60px;
    overflow: hidden;
    align-content: end;
  }
  .contentrow.starttexthome .kalenderlink img {
    margin-bottom: -33px;
  }
}


#editmode .contentrow.starttexthome .we.we_input input.wetextinput { 
  width:calc(100% - 20px);
  margin:0px 10px 0px 10px;
  color:#ab9e9a;
  font-size: 2.0rem;
 }

/* ContentRow End StarttextHome  */




/* ContentRow Starttext  */

.contentrow.starttext .rowcontent {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-row-gap: 0px;
  font-size: 1em;
}

.contentrow.starttext h1 { 
 }
.contentrow.starttext h1 + h2, 
.contentrow.starttext h2 + h3 { 
 }

/* ContentRow End Starttext  */




/* ContentRow History-List  */

.contentrow.historylist .rowcontent {
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-rows: auto;
  grid-row-gap: 20px;
}

.contentrow.historylist h1,
.contentrow.historylist h2 {
  grid-column: 1 / -1;
 }
.contentrow.historylist p {
  grid-column: 1 / -1;
 }
.contentrow.historylist hr {
  grid-column: 1 / -1;
  margin:0;
  padding:0;
 }
.contentrow.historylist h1 + h2, 
.contentrow.historylist h2 + h3 { 
 }
.contentrow.historylist h3 { 
  border-bottom: 0px solid #aeaeae;
  margin:0;
  padding:0;
 }
.contentrow.historylist ul { 
  border-bottom: 0px solid #aeaeae;
  margin:0px;
  padding:0;
 }



/* ContentRow History-List  */




/* ContentRow Chance  */

.contentrow.cance .rowcontent {
  background: transparent url(/images/bg-chance.jpg) no-repeat center top;
  background-position: cover;
}
.contentrow.cance .rowcontent {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-row-gap: 0px;
  background-color: rgba(250,250,250,0.5);
}

.contentrow.editortext h1 { 
  color:#323232;
 }
.contentrow.editortext h1 + h2, 
.contentrow.editortext h2 + h3 { 
  font-size: 2.30em;
  font-weight: normal;
  margin-bottom: 0.8em;
  padding-bottom: 0.0em;
  margin-top: -0.5em;
 }

/* ContentRow End Editortext  */






/* ContentRow Editortext  */

.contentrow.editortext .rowcontent {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-row-gap: 0px;
}

.contentrow.editortext h1 { 
  color:#323232;
 }
.contentrow.editortext h1 + h2, 
.contentrow.editortext h2 + h3 { 
  font-size: 2.30em;
  font-weight: normal;
  margin-bottom: 0.8em;
  padding-bottom: 0.0em;
  margin-top: -0.5em;
 }

/* ContentRow End Editortext  */




/* ContentRow  HomeNews  */

.contentrow.homenews { 
  background: transparent url() no-repeat top center;
  padding: 0px 0px 20px 0px;
}
.contentrow.homenews .rowcontent {  
  display: grid;
  grid-template-rows: repeat(auto-fit, minmax(3300px, 100));
  grid-template-columns: auto;
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  justify-content: center;
  //border: 1px solid #0ff000;
  padding-left: 0px;
  padding-right: 0px;
}
.contentrow.homenews .newsbox { 
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 40px;
  border: 1px solid var(--textlinkcolor);
  padding: 10px 20px 30px 20px;
}
.contentrow.homenews .newsbox h3 { 
  font-size: 1.6em;
}
.contentrow.homenews .newsbox p { 
  font-size: 1.2em;
}
.contentrow.homenews a.link-news { 
  display: grid;
  font-size: 1.3em;
  background: transparent url( /src/src/icons/arrow-red-r.png) no-repeat 0px 8px;
  padding: 0px 0px 0px 30px;
  margin-top: 10px;
}
.contentrow.homenews .newsbox .date { 
  font-size: 1.3em;
  color: var(--headlinecolor);
  display: block;
  margin: 0px 0px 15px 0px;
 }
.contentrow.homenews .newsbox .newstext { 
  display: grid;
  align-content: start;
 }
.contentrow.homenews .newsbox .newsimg { 
  display: grid;
  align-content: start;
  padding-top: 50px;
}
.contentrow.homenews .newsbox .newsimg img { 
  margin-right: 20px;
}
.contentrow.homenews .newsbox .newsimg img:last-child { 
  margin-right: 0px;
}
.contentrow.homenews .newsbox .newstext a.link-news { 
  margin-top: 25px;
  font-size: 1.2em;
  align-self: end;
}


/* ContentRow End HomeNews  */





/* ContentRow  Multi Columns  */

.contentrow.multicolms { 
  background: transparent url() no-repeat top center;
  padding: 40px 0px 40px 0px;
  font-size: 1.0rem;
}
.contentrow.multicolms .rowcontent {  
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-column-gap: 15px;
  grid-row-gap: 0px;
  width: 100vw;
}
.contentrow.multicolms article { 
  display: grid;
  grid-template-rows: subgrid;
  grid-template-rows: auto auto;
  padding: 10px 0px 20px 0px;
}

.contentrow.multicolms .row1 { 
  font-size: inherit;
}
.contentrow.multicolms .row2 { 
  font-size: inherit;
}
.contentrow.multicolms .row3 { 
  font-size: inherit;
}
.contentrow.multicolms h1,
.contentrow.multicolms h2, 
.contentrow.multicolms h3 { 
  font-size:3.0rem;
  font-weight:500;
  line-height:1.3;
  padding-bottom:5px;
  margin-bottom: 0px;
  text-align: center;
  color:var(--headlinecolor);
}
.contentrow.multicolms img { 
  width:100%; 
  height:auto; 
}
.contentrow.multicolms p { 
  font-size:1.2em;  
}
.contentrow.multicolms ul { 
  font-size:1.2em;
  padding-left: 22px;
}
.contentrow.multicolms li::marker {
  color: inherit;
}
.contentrow.multicolms .mehrlink { 
  font-size:1.30em;
  font-weight:500;
  color:var(--content-link-color);
  align-self:end;
  padding-left:20px;
  background: transparent url(/assets/src/icons/pfeil-mehr-link.png) no-repeat center left;
}
.contentrow.multicolms .mehrlink:hover { 
  color:var(--content-link-color-hover);
  background: transparent url(/assets/src/icons/pfeil-mehr-link.png) no-repeat center left;
}


@media screen and (min-width: 1200px) {
  .contentrow.multicolms .rowcontent {  
    padding-left: 0px;
    padding-right: 0px;
  }
}



/* ContentRow End Columns  */



	/* ContentRow   Multirows toggled  */

.contentrow.multirows { 
  padding-bottom: 0px;
 }
.contentrow.multirows .rowcontent {  
  display: block;
  grid-template-columns: auto;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 50px;
  padding-bottom: 0px;
  grid-template-rows: auto;
 }
.contentrow.multirows h1, 
.contentrow.multirows h2 { 
 }
.contentrow.multirows p {
}
.contentrow.multirows ul {
}

/*  Klassen für die Block-Rows  */

.multirow-content { 
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "rowtext rowbild";
  grid-template-rows: auto;
  grid-column-gap: 40px;
  justify-content: center;
  padding: 30px 0px 30px 0px;
}
.multirow-content:nth-child(odd) { 
  grid-template-areas:"rowtext rowbild";
}
.multirow-content:nth-child(even) { 
  grid-template-areas:"rowbild rowtext";
}


article   grid-column:1 / -1;
  grid-area: rowheadline;
  padding:  0px 0px 20px 0px;
}
.multirow-text { 
  display: grid;
  grid-area: rowtext;
  align-content: start;
  padding:  0px 0px 0px 0px;
}
.multirow-bild { 
  display: grid;
  grid-area: rowbild;
  align-content: start;
  padding: 0px 0px 0px 0px;
}


.multirow-link {
  grid-column:1 / -1;
  padding:30px 0px 30px 0px;
}
.multirow-link a {
  padding: 12px;
  color: #ffffff;
  font-weight: 300;
  text-decoration: none;
  display: inline-block;
  background: #ba5826 url(/src/src/icons/bobbel-button.png) no-repeat 5px center;
}
.multirow-conten .row-link a:hover {
  border: 1px solid #9a9b9c;
}

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

}

@media screen and (max-width: 760px) {
  .multirow-content { 
    display: block;
  }

}

	/* ContentRow Ende   Multirowstoggle  */






	/* ContentRow   Jobangebote 2 Columns  */

.contentrow.jobrow { 
  padding: 30px 0px 50px 0px
 }
.contentrow.jobrow .rowcontent {  
  display: grid;
  grid-template-columns: 1fr 1fr;
  //grid-template-areas: "jobheadline jobheadline" "jobtext jobbild";
  //grid-template-rows: auto;
  //grid-column-gap: 40px;
  //justify-content: center;
  //padding: 0px 0px 0px 0px
 }
.contentrow.jobrow.start h1, 
.contentrow.jobrow.start h2, 
.contentrow.jobrow.start h3 { 
 grid-column:1 / -1;
}
.contentrow.jobrow.start { 
  padding: 0px 0px 0px 0px
 }
.contentrow.jobrow.start .rowcontent,  
.contentrow.jobrow.end .rowcontent {  
  display: grid;
  grid-template-columns: 1fr;
 }

.contentrow.jobrow.odd { 
  background-color: #ffffff;
}
.contentrow.jobrow.even { 
  background-color: #f2f7f6;
}

/*  Klassen für die Job-Columns  */
.jobrow .job-headline {
  grid-column:1 / -1;
  padding:0px 0px 30px 0px;
}
.jobrow .job-text { 
  display: grid;
  //grid-area: jobtext;
  align-content: start;
  padding:  0px 0px 0px 0px;
}
.jobrow .job-bild { 
  display: grid;
  //grid-area: jobbild;
  align-content: start;
  padding: 0px 0px 20px 0px;
}
.jobrow .job-bild img { 
  width: 100%;
  height: auto;
}
.jobrow .job-link {
  grid-column:1 / -1;
  justify-self: start;
  padding:30px 0px 0px 0px;
}
.jobrow .job-link {
  padding: 12px 25px 12px 25px;
  color: #ffffff;
  font-weight: 300;
  text-decoration: none;
  display: inline-block;
  background: #ba5826 url() no-repeat 5px center;
}
.jobrow .job-link:before {
  font-family: 'Material Symbols Outlined';
  optical-size:48dp;
  content: "";
}


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

}

@media screen and (max-width: 760px) {
  .contentrow.jobrow .rowcontent { 
    display: block;
    grid-template-columns: 1fr;
  }

}

	/* ContentRow Ende   Jobangebote  */







/* ContentRow   Multicards  5 Columns */

.contentrow.multicards { 
  padding: 60px 0px 70px 0px;
  background-color:#f2f7f6;
 }
.contentrow.multicards .rowcontent {  
  display: grid;
  grid-template-columns: auto;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-row-gap: 0px;
  padding-bottom: 0px;
 }
.contentrow.multicards h1, 
.contentrow.multicards h2 { 
  font-size: calc(1.325rem + 0.9vw);
  font-size: 2.55rem;
  font-weight: 600;
  padding-bottom: 10px;
  margin: 0;
 }
.contentrow.multicards p {
}
/*  Klassen für die Block-Rows  */

.multicards-content { 
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-template-rows: auto;
  grid-gap: 20px;
  justify-content: center;
  padding: 0px 0px 0px 0px;
  justify-content: center;
  padding: 20px 0px 65px 0px;
}


article   grid-column:1 / -1;
  grid-area: rowheadline;
  padding:  0px 0px 20px 0px;
}
.multicards-text { 
  display: grid;
  grid-area: rowtext;
  align-content: start;
  padding:  0px 0px 0px 0px;
}
.multicards-bild { 
  display: grid;
  grid-area: rowbild;
  align-content: start;
  padding: 0px 0px 0px 0px;
}


.multicards-link {
  grid-column:1 / -1;
  padding:30px 0px 30px 0px;
}
.multicards-content a {
  display:block;
  aspect-ratio: 1 / 1;
  padding: 25px 30px 30px 30px;
  color: #ffffff;
  font-size: clamp(1em, 2.6vw, 2.2rem);
  font-weight: 400;
  text-decoration: none;
  background: transparent url(/assets/src/icons/kachel-bg-01.png) no-repeat 92% 92%;
  //background-size: cover;
  //min-width: 30vw;
  height: 100%;
}
.multicards-content a:nth-child(1)  { background-color:#267768; background-image: url(/assets/src/icons/kachel-plus-01.png); }
.multicards-content a:nth-child(2)  { background-color:#b2cfca; background-image: url(/assets/src/icons/kachel-plus-02.png); color:#005f4e; }
.multicards-content a:nth-child(3)  { background-color:#40877a; background-image: url(/assets/src/icons/kachel-plus-03.png); }
.multicards-content a:nth-child(4)  { background-color:#73a79e; background-image: url(/assets/src/icons/kachel-plus-04.png); }
.multicards-content a:nth-child(5)  { background-color:#bfd7d3; background-image: url(/assets/src/icons/kachel-plus-05.png); color:#005f4e; }
.multicards-content a:nth-child(6)  { background-color:#bfd7d3; background-image: url(/assets/src/icons/kachel-plus-05.png); color:#005f4e; }
.multicards-content a:nth-child(7)  { background-color:#73a79e; background-image: url(/assets/src/icons/kachel-plus-04.png); }
.multicards-content a:nth-child(8)  { background-color:#40877a; background-image: url(/assets/src/icons/kachel-plus-03.png); }
.multicards-content a:nth-child(9)  { background-color:#b2cfca; background-image: url(/assets/src/icons/kachel-plus-02.png); color:#005f4e; }
.multicards-content a:nth-child(10) { background-color:#267768; background-image: url(/assets/src/icons/kachel-plus-01.png); }




.multicards-content a:hover {
  background-image: url(/assets/src/icons/kachel-plus-on.png);
}

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

}

@media screen and (max-width: 760px) {
  .multicards-content { 
    display: block;
  }
  .multicards-content a {
  display:grid;
  height: 100px;
  aspect-ratio: auto;
  //padding-right: 80px;
  padding: 0px 80px 0px 20px;
  margin-bottom: 15px;
  align-content: center;
  background-position:98% center;
}

}

	/* ContentRow Ende   Multirowstoggle  */









	
	/* ContentRow   Accordion  */

.contentrow.accordion { 
  padding-bottom: 0px;
 }
.contentrow.accordion .rowcontent {  
  display: initial;
  grid-template-columns: auto;
  grid-column-gap: 50px;
  padding-bottom: 0px;
  grid-template-rows: auto;
 }
.contentrow.accordion h1, 
.contentrow.accordion h2 { 
 }
.contentrow.accordion p {
}
.contentrow.accordion ul {
}

/*  Klassen für die Accordion-Accordion  */

.accordion #accordion { 
  margin-top: 40px;
  margin-bottom: 40px;
}
.accordion #accordion * { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}
.accordion #accordion .ui-accordion-header {
  background: var(--headlinecolor) url("/src/src/icons/accordion-off.png") no-repeat 20px center;
  background: transparent url("/src/src/icons/accordion-off.png") no-repeat 10px center;
  padding: 4px 0px 4px 70px !important;
  padding: 15px 0px 15px 55px !important;
  margin: 10px 0px 0px 0px;
  min-height: 39px;
  cursor: pointer;
  font-size: 1.10em;
  font-weight: 600;
  color: var(--headlinecolor);
  border: 1px solid var(--headlinecolor) !important;
  border-bottom: 1px solid var(--headlinecolor);
  border-radius: initial;
}
.accordion #accordion .ui-accordion-header.ui-state-hover,
.accordion #accordion .ui-accordion-header.ui-accordion-header-active {
  background: var(--headlinecolor) url("/src/src/icons/accordion-on.png") no-repeat 10px center;
  color: #fff;
}
.accordion #accordion .ui-accordion-content {
  padding: 20px 20px 20px 20px;
  background: transparent;
  overflow: hidden;
  //border-bottom: 1px solid #d62273;
}

.accordion #accordion .leistung-link a {
  border: 1px solid var(--headlinecolor);
  padding: 13px 53px 13px 70px;
  color: var(--headlinecolor);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  background: transparent url(/src/src/icons/bobbel-button.png) no-repeat 5px center;
}
.accordion #accordion .leistung-link a:hover {
  border: 1px solid #9a9b9c;
}


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

}

/* ContentRow End   Acccordion  */


	
	
	
	/* ContentRow   Accordion-2  */

.contentrow.accordion { 
  padding-bottom: 0px;
 }
.contentrow.accordion .rowcontent {  
  display: initial;
  grid-template-columns: auto;
  grid-column-gap: 50px;
  padding-bottom: 0px;
  grid-template-rows: auto;
 }
.contentrow.accordion h1, 
.contentrow.accordion h2 { 
 }
.contentrow.accordion p {
}
.contentrow.accordion ul {
}

/*  Klassen für die Accordion-Accordion  */

.accordion #accordion { 
  margin-top: 0px;
  margin-bottom: 82px;
}
.accordion #accordion * { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}
.accordion #accordion .ui-accordion-header {
  	//background: var(--headlinecolor) url("/src/src/icons/accordion-off.png") no-repeat 20px center;
  	background: transparent url("") no-repeat 10px center;
  padding: 0px 0px 0px 0px !important;
  margin: 0px 0px 0px 0px;
  min-height: 39px;
  cursor: pointer;
  font-size: 2.90em;
  font-weight: 400;
  color: var(--headlinecolor);
  text-transform:uppercase;
  border: 0 !important;
  border-radius: initial;
  transition: all 0.5s linear;
}
}
.accordion #accordion .ui-accordion-header.ui-state-hover {
  	background: transparent url("") no-repeat 10px center;
  	-webkit-text-stroke-width: 1.3px;
  	-webkit-text-stroke-color: var(--headlinecolor);
  	-webkit-text-fill-color: #ffffff;
  color: #fff;
}
.accordion #accordion .ui-accordion-header.ui-accordion-header-active {
  	background: transparent url("") no-repeat 10px center;
  	-webkit-text-stroke-width: 1.3px;
  	-webkit-text-stroke-color: var(--headlinecolor);
  	-webkit-text-fill-color: #ffffff;
  color: #fff;
  margin-top: 90px;
  transition: all 0.5s linear;
}
.accordion #accordion .ui-accordion-header.ui-accordion-header-active:first-child {
  margin-top: 0px;
}
.accordion #accordion .accordion-text {
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  grid-template-rows: auto;
  padding-bottom: 0px;
}

.accordion #accordion .ui-accordion-content {
  padding: 0px 0px 120px 0px;
  background: transparent;
  overflow: hidden;
  font-size: 1.45rem;
  line-height: 1.45;
}

.accordion #accordion .accordion-content {
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  grid-template-rows: auto;
  border: 0px;
}
.accordion #accordion .leistung-text {
  display:grid;
  grid-column: 1/4;
  padding: 45px 0px 30px 0px;
}
.accordion #accordion .leistung-bild {
  display:grid;
  grid-column: 4/7;
  grid-row: 1/3;
  justify-items:center;
}
.accordion #accordion .leistung-link {
  //display:grid;
  grid-column: 1/4;
  grid-row: 2/3;
  //align-items: center;
  //justify-items: start;
}

.accordion #accordion .leistung-link a {
  border: 1px solid var(--headlinecolor);
  padding: 13px 53px 13px 70px;
  color: var(--headlinecolor);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  background: transparent url(/src/src/icons/bobbel-button.png) no-repeat 11px center;
}
.accordion #accordion .leistung-link a:hover {
  border: 1px solid #9a9b9c;
}

.contentrow.accordion a.kontaktbutton {
  border: 0px solid var(--headlinecolor);
  padding: 17px 53px 5px 20px;
  color: #ffffff;
  font-size: 1.85rem;
  font-weight: 300;
  text-decoration: none;
  display: inline-block;
  background: #9a9b9d url() no-repeat left center;
}
.contentrow.accordion a.kontaktbutton:hover {
  background: var(--headlinecolor) url() no-repeat left center;
}




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

}

/* ContentRow End   Acccordion  */




/* ContentRow   Portfolio  */

.contentrow.portfolio { 
  padding-bottom: 0px;
 }
.contentrow.portfolio .rowcontent {  
  display: grid;
  //grid-template-columns:repeat(3, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-rows: auto;
  gap: 20px;
  padding-bottom: 0px;
 }

.contentrow.portfolio .rowcontent h1,
.contentrow.portfolio .rowcontent h2 {
  grid-column: 1/-1;
}


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

}

/* ContentRow End   Portfolio  */




/* ContentRow   Projekt  */

.contentrow.projekt { 
  padding-bottom: 0px;
 }
.contentrow.projekt .rowcontent {  
  display: grid;
  grid-template-columns:repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 10px;
  align-items:start;
  padding-bottom: 0px;
 }
.contentrow.projekt .projektbilder {  
  display: grid;
  grid-template-columns:repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 10px;
  padding-bottom: 20px;
 }
.einquadrat { grid-row: span 1; grid-column: span 1; }
.zweiwaagerecht { grid-row: span 1; grid-column: span 2; }
.zweisenkrecht { grid-row: span 2; grid-column: span 1; }
.vierquadrat { grid-row: span 2; grid-column: span 2; }


.contentrow.projekt .projekttext {  
  padding: 0px 0px 0px 40px;
 }


.contentrow.projekt .projekttext h2 {
  grid-column: 1/-1;
  font-size: 1.99rem;

}


@media screen and (max-width: 860px) {
.contentrow.projekt .rowcontent {  
  display: grid;
  grid-template-columns:repeat(1, 1fr);
 }
.contentrow.projekt .projekttext {  
  padding: 0px 0px 0px 0px;
 }

}

/* ContentRow End   Projekt  */









/* ContentRow ..Columns-Flex  */

.contentrow.clumnsflex { 
 }
.contentrow.clumnsflex .rowcontent {  
 }
.contentrow.clumnsflex article { 
  display: grid;
  //grid-gap: 10px;
  padding: 10px 25px 25px 25px;
  margin: 0px 0px 0px 0px;
  position: relative;
 }
.contentrow.clumnsflex .rowcontent h1, 
.contentrow.clumnsflex .rowcontent h2, 
.contentrow.clumnsflex .rowcontent h3 { 
  grid-column: 1 / -1;
 }
.contentrow.clumnsflex article.boxtext1 { 
  padding: 0px 0px 0px 0px;
 }
.contentrow.clumnsflex article.boxtext2 { 
  display: grid;
  padding: 0px 0px 0px 0px;
  justify-items: start;
  align-items: start;
  background-color: hsl(0,50%,100%, 0.3);
 }
.contentrow.clumnsflex .rowcontent .rowbutton, 
.contentrow.clumnsflex .rowcontent .rowbutton a { 
  color: #1066b0 !important;
}
.contentrow.clumnsflex .rowcontent .rowbutton:hover a { 
  background-color: transparent;
}

.contentrow.clumnsflex article.firmentext { 
  padding: 42px 42px 42px 42px;
  background-color: #004289;
  color: #ffffff;
}
.contentrow.clumnsflex article.firmentext h2 { 
  padding: 0px 0px 0px 0px;
  color: #ffffff;
  font-size: 3.45rem;
  font-weight: 300;
  line-height: 1.20;
  margin-bottom: 35px;
}
.contentrow.clumnsflex article.firmentext p { 
  color: #ffffff;
  font-size: 1.80rem;
  font-weight: 300;
  line-height: 1.30;
}
.contentrow.clumnsflex article.firmentext .mehrlink {
  //font-size: 1.30em;
  font-weight: 400;
  color: #ffffff;
  text-decoration:none;
  align-self: end;
  padding-left: 20px;
  background: transparent url(/assets/src/icons/pfeil-weiss-right.png) no-repeat center left;
}
.contentrow.clumnsflex article.firmentext .mehrlink:hover {
  color: #c45824;
}
.contentrow.clumnsflex article.firmenlogos { 
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  padding: 60px 20px 40px 20px;
  justify-items: center;
  align-items: center;
  background-color: hsl(0,50%,100%, 0.3);
  background: #ececec url(/assets/src/logo/pfeile-logos-bg.png) no-repeat center center;
}
.contentrow.clumnsflex .starttext,
.contentrow.clumnsflex .endtext { 
  display: grid;
  grid-column: 1 / 3;
  font-size: 1.00rem;
  font-weight: 300;
  padding-top: 65px;
}
.contentrow.clumnsflex .starttext h2 {
  font-size: 3.30rem;
  font-weight: 600;
  color: #494248;
}
.contentrow.clumnsflex .starttext p {
  font-size: 1.70rem;
  line-height: 1.30;
  margin-bottom: 3.5rem;
}
.contentrow.clumnsflex .endtext h2 {
  font-size: 2.50rem;
  font-weight: 300;
  color: #494248;
  margin-bottom: 1.5rem;
}
.contentrow.clumnsflex .endtext p {
  font-size: 1.20rem;
  line-height: 1.50;
  margin-bottom: 1.0rem;
}

@media screen and (max-width: 760px) {
  .contentrow.clumnsflex .rowcontent {  
    display: block;
   }
  .contentrow.clumnsflex article.boxtext2 { 
    margin-top:20px;
   }
}


/* ContentRow End  Columns-Flex  */






/* ContentRow ..Two Columns  */

.contentrow.clumnstwo { 
  padding: 0px 0px 0px 0px;  
 }
.contentrow.clumnstwo .rowcontent {
  grid-row-gap: 18px;
 }
.contentrow.clumnstwo .rowcontent h1, 
.contentrow.clumnstwo .rowcontent h2, 
.contentrow.clumnstwo .rowcontent h3 { 
  grid-column: 1 / -1;
 }
.contentrow.clumnstwo article { 
  display: grid;
  //grid-template-columns: 1fr;
  //grid-template-rows: auto 1fr;
  //padding: 10px 25px 25px 25px;
  padding: 0px;
  margin: 0px;
  position: relative;
 }
.contentrow.clumnstwo article h1, 
.contentrow.clumnstwo article h2, 
.contentrow.clumnstwo article h3, 
.contentrow.clumnstwo article h4 { 
  font-size: 1.18em;
  line-height: 1.25em;
  font-weight: 500;
  margin-bottom: 5px;
 }

.contentrow.clumnstwo article.boxtext1 { 
  padding: 0px 0px 0px 0px;
 }


.contentrow.clumnstwo article.boxtext2 { 
  display: grid;
  //padding: 0px 0px 0px 0px;
  font-size: 1.38rem;
  line-height: 1.25em;
  font-weight: 400;
  background-color: #d9e7e5;
 }
.contentrow.clumnstwo article.boxtext2 .topbox { 
  display: grid;
  padding: 10px 25px 25px 25px;
 }
.contentrow.clumnstwo article.boxtext2 .topbox li::marker { 
  content: "\00bb  ";
  font-size: 1.3em;
 }



.contentrow.clumnstwo article .bottombox { 
  display: grid;
  align-items: end;
 }
.contentrow.clumnstwo article .bottombox img { 
  width: 100%;
  height: auto;
 }
.contentrow.clumnstwo article.boxmap2 { 
  display: grid;
  font-size: 1.38rem;
  line-height: 1.25em;
  font-weight: 400;
  //background-color: #d9e7e5;
 }





.contentrow.clumnstwo article.boxtext2 h2 { 
  font-size: 2.60rem;
  font-weight: 400;
 }

@media screen and (max-width: 760px) {
  .contentrow.clumnstwo .rowcontent {  
    display: block;
   }
  .contentrow.clumnstwo article.boxtext2 { 
    margin-top:20px;
   }
}




.contentrow.clumnstwo .calltoaction {
  position:relative;
}
.contentrow.clumnstwo .calltoaction .callhead  {
  display:block;
  font-size: 2.10rem;
  color: #c45824;
  font-weight: 500;
  line-height: 1.3em;
  //padding-bottom: 35px;
}
.contentrow.clumnstwo .calltoaction a.callink {
  display:inline-block;
  position:relative;
  font-size: 1.90rem;
  font-weight: 300;
  line-height: 1.1em;
  color: #ffffff;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  width: auto;
  margin-top: 8px;
  padding: 6px 40px 6px 15px;
  background: #c45824 url(/assets/src/icons/icon-phone.png) no-repeat 10px center;
  //letter-spacing: 0.1em;
}
.contentrow.clumnstwo .calltoaction a.callink {
  display:inline-block;
  font-weight: 400;
  color: #ffffff;
  padding-left: 52px;
}
.contentrow.clumnstwo .calltoaction a.callink[href$=".php"] {
  padding-left: 20px;
  padding-right: 82px;
  background: #c45824 url(/assets/src/icons/pfeil-weiss-right.png ) no-repeat center right ;
}
.contentrow.clumnstwo .calltoaction a.callink[href*="mailto:"] {
  background: #c45824 url(/assets/src/icons/icon-mail-clta.png ) no-repeat 15px center;
}
.contentrow.clumnstwo .calltoaction a.callink[href*="tel:"] {
  background: #c45824 url(/assets/src/icons/icon-phone.png) no-repeat 15px center;
}
.contentrow.clumnstwo .calltoaction a.callink:hover {
  color: #ffffff;
  background-color: #005f4e;
}





/* ContentRow End  Two Columns  */







/* ContentRow ..Firmen-Gruppe  */

.contentrow.companygroup { 
 }
.contentrow.companygroup .rowcontent {  
  grid-column-gap: 0px;
}
.contentrow.companygroup article { 
  display: grid;
  padding: 10px 25px 25px 25px;
  margin: 0px 0px 0px 0px;
  position: relative;
 }
.contentrow.companygroup article.firmentext { 
  padding: 42px 42px 42px 42px;
  background-color: #004289;
  color: #ffffff;
}
.contentrow.companygroup article.firmentext h2 { 
  padding: 0px 0px 0px 0px;
  color: #ffffff;
  //font-size: 3.45rem;
  //font-size: min(4.60vw, 3.45rem);
  font-size: clamp(2.45rem, 8.5vw, 3.45rem);
  font-weight: 300;
  line-height: 1.20;
  margin-bottom: 35px;
}
.contentrow.companygroup article.firmentext p { 
  color: #ffffff;
  font-size: 1.80rem;
  font-weight: 300;
  line-height: 1.30;
}
.contentrow.companygroup article.firmentext .mehrlink {
  //font-size: 1.30em;
  font-weight: 400;
  color: #ffffff;
  text-decoration:none;
  align-self: end;
  padding-left: 20px;
  background: transparent url(/assets/src/icons/pfeil-weiss-right.png) no-repeat center left;
}
.contentrow.companygroup article.firmentext .mehrlink:hover {
  color: #c45824;
}
.contentrow.companygroup article.firmenlogos a:first-child { 
  grid-column:1 / -1;
}
.contentrow.companygroup article.firmenlogos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 100px 140px 140px 140px;
  padding: 30px 20px 30px 20px;
  justify-items: center;
  align-items: center;
  //background-color: hsl(0,50%,100%, 0.3);
  background: #ececec url(/assets/src/logo/dienstleistungsgruppe-pfeile.png) no-repeat center 140PX;
  column-gap: 70px;
}



.contentrow.companygroup .starttext,
.contentrow.companygroup .endtext { 
  display: grid;
  grid-column: 1 / 3;
  font-size: 1.00rem;
  font-weight: 300;
  padding-top: 60px;
}
.contentrow.companygroup .starttext .startlogo {
  justify-self:center;
  padding-bottom:40px;
}
.contentrow.companygroup .starttext h2 {
  font-size: 3.30rem;
  font-weight: 600;
  color: #494248;
  hyphens: auto;
}
.contentrow.companygroup .starttext p {
  font-size: 1.70rem;
  line-height: 1.30;
  margin-bottom: 3.5rem;
}
.contentrow.companygroup .endtext h2 {
  font-size: 2.50rem;
  font-weight: 300;
  color: #494248;
  margin-bottom: 1.5rem;
  hyphens: auto;
}
.contentrow.companygroup .endtext p {
  font-size: 1.20rem;
  line-height: 1.50;
  margin-bottom: 1.0rem;
}

.linkcards-content { 
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-template-rows: auto;
  grid-column: 1 / 3;
  grid-gap: 10px;
  justify-content: center;
  padding: 35px 0px 0px 0px;
}
.linkcards-content .linkkachel { 
  display: grid;
  grid-template-columns:1fr;
  grid-template-rows: auto 1fr;
  justify-content: center;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  padding: 0px 0px 0px 0px;
  background-color: #004289;
}
.linkcards-content .linkkachel:hover { 
  cursor:initial;
}
.linkcards-content .linkkachel a:hover { 
  cursor:pointer;
}
.linkcards-content .linkkachel img { 
  width: 100%;
  height: auto;
  justify-self: center;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
.linkcards-content .linkkachel span { 
  display: block;
  width: 100%;
  justify-self: center;
  padding: 9px 0px 9px 0px;
  font-size: 1.1rem;
  text-align: center;
  color: #ffffff;
  //background-color: #004289;
  
}
.contentrow.companygroup .calltoaction {
  padding: 80px 0px 30px 0px;
}
.contentrow.companygroup .calltoaction strong {
  color: #004289;
}
.contentrow.companygroup .calltoaction .button {
  background-color: #004289;
}
.contentrow.companygroup .calltoaction .button strong {
  color: #ffffff;
}
.contentrow.companygroup .calltoaction .button:hover {
  background-color: #a0a0ac;
}


@media screen and (max-width: 760px) {
  .contentrow.companygroup .rowcontent {  
    display: block;
   }

}


/* ContentRow  End..Firmen-Gruppe  */








/* ContentRow ..Leistungs-Cards  */

.contentrow.leistungscards { 
 }
.contentrow.leistungscards .rowcontent {  
  grid-column-gap: 0px;
}
.contentrow.leistungscards article { 
  display: grid;
  padding: 10px 25px 25px 25px;
  margin: 0px 0px 0px 0px;
  position: relative;
 }
.contentrow.leistungscards article.firmentext { 
  padding: 42px 42px 42px 42px;
  background-color: #004289;
  color: #ffffff;
}
.contentrow.leistungscards article.firmentext h2 { 
  padding: 0px 0px 0px 0px;
  color: #ffffff;
  font-size: 3.45rem;
  font-size: min(4.60vw, 3.45rem);
  font-weight: 300;
  line-height: 1.20;
  margin-bottom: 35px;
}
.contentrow.leistungscards article.firmentext p { 
  color: #ffffff;
  font-size: 1.80rem;
  font-weight: 300;
  line-height: 1.30;
}
.contentrow.leistungscards article.firmentext .mehrlink {
  //font-size: 1.30em;
  font-weight: 400;
  color: #ffffff;
  text-decoration:none;
  align-self: end;
  padding-left: 20px;
  background: transparent url(/assets/src/icons/pfeil-weiss-right.png) no-repeat center left;
}
.contentrow.leistungscards article.firmentext .mehrlink:hover {
  color: #c45824;
}
.contentrow.leistungscards article.firmenlogos a:first-child { 
  grid-column:1 / -1;
}
.contentrow.leistungscards article.firmenlogos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 100px 140px 140px 140px;
  padding: 30px 20px 30px 20px;
  justify-items: center;
  align-items: center;
  //background-color: hsl(0,50%,100%, 0.3);
  background: #ececec url(/assets/src/logo/dienstleistungsgruppe-pfeile.png) no-repeat center 140PX;
  column-gap: 70px;
}



.contentrow.leistungscards .starttext,
.contentrow.leistungscards .endtext { 
  display: grid;
  grid-column: 1 / 3;
  font-size: 1.00rem;
  font-weight: 300;
  padding-top: 60px;
}
.contentrow.leistungscards .starttext .startlogo {
  justify-self:center;
  padding-bottom:40px;
}
.contentrow.leistungscards .starttext h2 {
  font-size: 3.30rem;
  font-weight: 600;
  color: #494248;
}
.contentrow.leistungscards .starttext p {
  font-size: 1.70rem;
  line-height: 1.30;
  margin-bottom: 3.5rem;
}
.contentrow.leistungscards .endtext h2 {
  font-size: 2.50rem;
  font-weight: 300;
  color: #494248;
  margin-bottom: 1.5rem;
}
.contentrow.leistungscards .endtext p {
  font-size: 1.20rem;
  line-height: 1.50;
  margin-bottom: 1.0rem;
}

.contentrow.leistungscards .linkcards-content { 
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-template-rows: auto;
  grid-column: 1 / 3;
  grid-gap: 10px;
  justify-content: center;
  padding: 35px 0px 0px 0px;
}
.contentrow.leistungscards .linkcards-content .linkkachel { 
  display: grid;
  grid-template-columns:1fr;
  grid-template-rows: auto 1fr;
  justify-content: center;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  padding: 0px 0px 0px 0px;
  background-color: #004289;
}
.contentrow.leistungscards .linkcards-content .linkkachel:hover { 
  cursor:initial;
}
.contentrow.leistungscards .linkcards-content .linkkachel a:hover { 
  cursor:pointer;
}
.contentrow.leistungscards .linkcards-content .linkkachel img { 
  width: 100%;
  height: auto;
  justify-self: center;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
.contentrow.leistungscards .linkcards-content .linkkachel span { 
  display: block;
  width: 100%;
  justify-self: center;
  padding: 9px 0px 9px 0px;
  font-size: 1.1rem;
  text-align: center;
  color: #ffffff;
  //background-color: #004289;
  
}
.contentrow.leistungscards .calltoaction {
  padding: 80px 0px 30px 0px;
}
.contentrow.leistungscards .calltoaction strong {
  color: #004289;
}
.contentrow.leistungscards .calltoaction .button {
  background-color: #004289;
}
.contentrow.leistungscards .calltoaction .button strong {
  color: #ffffff;
}
.contentrow.leistungscards .calltoaction .button:hover {
  background-color: #a0a0ac;
}


@media screen and (max-width: 760px) {
  .contentrow.companygroup .rowcontent {  
    display: block;
   }
}


/* ContentRow  End..Leistungs-Cards  */











/* ContentRow   Info Culumns */

.contentrow.infocolumns { 
  padding-bottom: 0px;
  padding: 0px 0px 0px 0px;
 }
.contentrow.infocolumns .rowcontent {  
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 20px;
 }
.contentrow.infocolumns .rowcontent h1,
.contentrow.infocolumns .rowcontent h2, 
.contentrow.infocolumns .rowcontent h3 { 
  grid-column: 1 / -1;
  margin-bottom: 0.5em;
 }

.contentrow.infocolumns article { 
  display: grid;
  gap: 30px;
  grid-template-columns: 200px minmax(200px, auto);
  padding: 0px 0px 0px 0px;
 }


@media screen and (max-width: 992px) {
}
@media screen and (max-width: 760px) {
}
@media screen and (max-width: 560px) {
}
/* ContentRow End   Info Culumns */



/* ContentRow   Aktuelles */

.contentrow.aktuelles { 
  padding-bottom: 0px;
  padding: 0px 0px 0px 0px;
 }
.contentrow.aktuelles .rowcontent {  
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 30px;
 }
.contentrow.aktuelles .rowcontent {
  //background-color:#ef7b00;
  background:#ef7b00 url(/assets/src/icons/icon-news.png) no-repeat top right;
  //background:#c55d2a url(/assets/src/icons/icon-angebot.png) no-repeat top right;
  min-height:250px; 
  padding: 30px 60px 30px 30px; 
  margin:50px 0px 20px 0px;
  color:#ffffff;
 }
.contentrow.aktuelles .rowcontent h2, 
.contentrow.aktuelles .rowcontent h3 { 
  grid-column: 1 / -1;
  margin-bottom: 0.3em;
  font-size: 3.40rem;
  font-weight: 300;
  color:#ffffff;
 }
.contentrow.aktuelles img { 
  width:100%;
 }
.contentrow.aktuelles .akttext { 
  font-size: 1.70rem;
  font-weight: 200;
  padding: 0px 0px 0px 0px;
 }
.contentrow.aktuelles .akttext.twocolumns { 
    grid-column: 1 / -1;
 }
.contentrow.aktuelles .akttext a { 
  font-weight: 400;
  text-decoration:none;
 }


@media screen and (max-width: 992px) {
}
@media screen and (max-width: 760px) {
}
@media screen and (max-width: 560px) {
}
/* ContentRow End   Aktuelles */





/* ContentRow Programm  */

.contentrow.programm .rowcontent {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-row-gap: 0px;
}

.contentrow.programm h1 { 
  color:#323232;
 }

.contentrow.programm p{ 
  overflow:hidden;
 }

.contentrow.programm a.anmeldebut { 
  display:inline-block;
  padding:10px;
  background-color:#d62273 ;
  border: 1px solid #d62273;
  border-radius: 4px;
  color:#ffffff;
  font-weight:500;
  text-decoration:none;
  min-width:80px;
  margin-top:20px;
 }
.contentrow.programm a.anmeldebut:hover { 
  background-color: #ffffff;
  color:#d62273;
 }

/*  Klassen für die Programm-Accordion  */

.programm #accordion { 
    margin-top: 0px;
    margin-bottom: 40px;
}
.programm #accordion * { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}
.programm #accordion .framebox { 
    border: 1px solid var(--headlinecolor);
    margin-bottom:15px;
}

.programm #accordion .ui-accordion-header {
    background: #f9f9f9 url("/src/src/icons/accordion-off.png") no-repeat 10px center;
    padding: 0px 0px 10px 55px !important;
    margin: 30px 0px 0px 0px;
    min-height: 39px;
    cursor: pointer;
    font-size: 1.00em;
    font-weight: bold;
    color: var(--headlinecolor);
}
.programm #accordion .ui-accordion-header:first-child {
    margin-top: 0px;
}
.programm #accordion .ui-accordion-header.ui-state-hover,
.programm #accordion .ui-accordion-header.ui-accordion-header-active {
   background: transparent url("/src/src/icons/accordion-on.png") no-repeat 10px center;
}
.programm #accordion .ui-accordion-content {
    padding: 20px 20px 20px 55px;
    background: transparent;
    overflow: hidden;
    //background: #fbe9f1;
}



@media screen and (max-width: 992px) {
}
@media screen and (max-width: 760px) {
}
@media screen and (max-width: 560px) {
}

/* ContentRow End Programm  */






/* ContentRow Anmeldung  */
.contentrow.anmeldung .rowcontent {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-row-gap: 0px;
}







/* ContentRow End Anmeldung  */








/* ContentRow News-List  */

.contentrow.newslidt .rowcontent {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-row-gap: 0px;
}

.contentrow.newslidt h1 { 
  color:#323232;
 }
.contentrow.newslidt h1 + h2, 
.contentrow.newslidt h2 + h3 { 
  //color:#323232;
  font-size: 2.30em;
  font-weight: normal;
  margin-bottom: 0.8em;
  padding-bottom: 0.0em;
  margin-top: -0.5em;
 }


/*  Klassen für die Programm-Accordion  */

.newslidt #accordion { 
    margin-top: 40px;
    margin-bottom: 40px;
}
.newslidt #accordion * { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}
.newslidt #accordion .framebox { 
    border: 1px solid var(--headlinecolor);
    margin-bottom:15px;
}

.newslidt #accordion .ui-accordion-header {
    background: #f9f9f9 url("/src/src/icons/accordion-off.png") no-repeat 10px center;
    padding: 0px 0px 10px 55px !important;
    margin: 30px 0px 0px 0px;
    min-height: 39px;
    cursor: pointer;
    font-size: 1.00em;
    font-weight: bold;
    color: var(--headlinecolor);
}
.newslidt #accordion .ui-accordion-header:first-child {
    margin-top: 0px;
}
.newslidt #accordion .ui-accordion-header.ui-state-hover,
.prognewslidtramm #accordion .ui-accordion-header.ui-accordion-header-active {
   background: transparent url("/src/src/icons/accordion-on.png") no-repeat 10px center;
}
.newslidt #accordion .ui-accordion-content {
    padding: 20px 20px 20px 55px;
    background: transparent;
    overflow: hidden;
    //background: #fbe9f1;
}









/* ContentRow  News Liste  */

.contentrow.newslist { 
}
.contentrow.newslist .rowcontent {  
  display: grid;
  grid-template-rows: repeat(auto-fit, minmax(3300px, 100));
  grid-template-columns: auto;
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  justify-content: center;
  //border: 1px solid #0ff000;
  padding-left: 0px;
  padding-right: 0px;
}
.contentrow.newslist .newsbox { 
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 40px;
  border: 1px solid var(--textlinkcolor);
  padding: 10px 20px 30px 20px;
}
.contentrow.newslist .newsbox.einspaltig { 
  grid-template-columns: 1fr));
}
.contentrow.newslist .newsbox h3 { 
  font-size: 1.6em;
}
.contentrow.newslist .newsbox p { 
  font-size: 1.2em;
}
.contentrow.newslist a.link-news { 
  display: grid;
  font-size: 1.3em;
  background: transparent url( /src/src/icons/arrow-red-r.png) no-repeat 0px 8px;
  padding: 0px 0px 0px 30px;
  margin-top: 10px;
}
.contentrow.newslist .newsbox .date { 
  font-size: 1.3em;
  color: var(--headlinecolor);
  display: block;
  margin: 0px 0px 15px 0px;
 }
.contentrow.newslist .newsbox .newstext { 
  display: grid;
  align-content: start;
 }
.contentrow.newslist .newsbox .newsimg { 
  display: grid;
  align-content: start;
  padding-top: 50px;
}
.contentrow.newslist .newsbox .newsimg img { 
  margin-right: 20px;
}
.contentrow.newslist .newsbox .newsimg img:last-child { 
  margin-right: 0px;
}
.contentrow.newslist .newsbox .newstext a.link-news { 
  margin-top: 25px;
  font-size: 1.2em;
  align-self: end;
}


.contentrow.newslist .newsbox .newstext p:last-child { 
  margin-bottom: 0px;
  //border:1px solid #ff0000;
}




/* ContentRow End News Liste  */












@media screen and (max-width: 992px) {
}
@media screen and (max-width: 760px) {
}
@media screen and (max-width: 560px) {
}

/* ContentRow End News List  */



















/* ContentRow   Shaperow */

.contentrow.shaperow { 
  background: transparent url() no-repeat top center;
  padding-bottom: 40px;
  background-size: cover;
 }
.contentrow.shaperow .rowcontent {  
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  overflow:hidden;
 }
.contentrow.shaperow h2 { 
  grid-column: 1 / -1;  
  font-size: 2.8rem !important;
  font-weight: normal;
  line-height: 2.8rem !important;
  color:#ffffff;
 }

.contentrow.shaperow article { 
  display: grid;
  background: #ffffff url() no-repeat bottom left;
  padding: 0px 0px 0px 0px;
  border:0px solid #ababab;
  position: relative;
 }
.contentrow.shaperow article img { 
  padding: 0px 0px 0px 0px;
  position: absolute;
  //top: 0px;
  //left: 0px;
 }
.contentrow.shaperow article img { 
  padding: 0px 0px 0px 0px;
  position: relative;
  //top: 0px;
  //left: 0px;
  width: 100%;
 }
.contentrow.shaperow article img.eins, 
.contentrow.shaperow article img.zwei, 
.contentrow.shaperow article img.drei { 
  position: absolute;
  top: -50000px;
  left: -5000px;
  z-index:10;
 }

.contentrow.shaperow.animate article img.eins { 
  animation-name: anime1;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
 }
.contentrow.shaperow.animate article img.zwei { 
  animation-name: anime2;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
 }
.contentrow.shaperow.animate article img.drei { 
  animation-name: anime3;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
 }


@keyframes anime1 {
  from {top: -2000px; left:4000px;}
  to {top: 0px; left:0px;}
}
@keyframes anime2 {
  from {top: -1000px; left:-2000px;}
  to {top: 0px; left:0px;}
}
@keyframes anime3 {
  from {top:4000px; left:-2000px;}
  to {top: 0px; left:0px;}
}


#editmode .textbox { 
  border: 1px solid #ababab;
 }

/* ContentRow End   Shaperow */





/* ContentRow   Logorow */

.contentrow.logorow { 
   padding: 0px;
 }
.contentrow.logorow .rowcontent {  
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  grid-column-gap: 30px;
  grid-row-gap: 40px;
 }

.contentrow.logorow a { 
  padding: 0px 0px 0px 0px;
  border:0px solid #ababab;
  position: relative;
 }
.contentrow.logorow a img { 
  padding: 0px 0px 0px 0px;
  width: 100%;
  height: auto;
 }


#editmode .textbox { 
  border: 1px solid #ababab;
 }
body#editmode .contentrow.logorow a img {
    padding: 0px 0px 0px 0px;
    width: auto;
    height: auto;
    max-width: 180px;
}
/* ContentRow End   Logorow */





/* ContentRow   Zeit Strahl */

.contentrow.timebeam { 
  background: transparent url() no-repeat top center;
  padding-bottom: 100px;
 }
.contentrow.timebeam .rowcontent {  
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
  grid-column-gap: 0px;
  grid-row-gap: 50px;
  align-items: start;
  justify-items: start;
  padding-left: 20px;
 }
.contentrow.timebeam h2 { 
  grid-column: 1 / -1;  
  padding-bottom:1rem;
  margin-left: 0px;
 }

.contentrow.timebeam article.timebox { 
  display: block;
  background-image: url(/src/src/icons/line-links.png), url(/src/src/icons/pfeil-oben1.png);
  background-position: 33px bottom, right 0px;
  background-repeat: no-repeat, no-repeat;
  padding: 43px 0px 20px 45px;
  position: relative;

 }
.contentrow.timebeam article:nth-of-type(1).timebox { background-image: url(/src/src/icons/line-links.png), url(/src/src/icons/pfeil-oben1.png);}
.contentrow.timebeam article:nth-of-type(2).timebox { background-image: url(/src/src/icons/line-links.png), url(/src/src/icons/pfeil-oben2.png);}
.contentrow.timebeam article:nth-of-type(3).timebox { background-image: url(/src/src/icons/line-links.png), url(/src/src/icons/pfeil-oben3.png);}
.contentrow.timebeam article:nth-of-type(4).timebox { background-image: url(/src/src/icons/line-links.png), url(/src/src/icons/pfeil-oben4.png);}
.contentrow.timebeam article:nth-of-type(5).timebox { background-image: url(/src/src/icons/line-links.png), url(/src/src/icons/pfeil-oben5.png);}


.contentrow.timebeam article.endtext { 
  grid-column: 1 / -1;
  background-image: url();
  background-position: bottom left, top right;
  background-repeat:no-repeat, no-repeat ; 
  padding: 0px 0px 0px 0px;
  margin: 50px 0px 0px 0px;
 }

.contentrow.timebeam article label { 
  position: absolute;
  display: block;
  width: 70px;
  height: 70px;
  top: -28px;
  left: 0px;
  font-weight: bold;
  font-size: 35px;
  color: #646363;
  background-color: #ffffff;
  border: 5px solid var(--headlinecolor);
  border-radius: 36px;
  padding: 3px 3px 3px 19px;
 }
.contentrow.timebeam article h2 { 
 }
.contentrow.timebeam article h4 { 
  font-size: 1.75rem;
 }
.contentrow.timebeam article.timebox p { 
  font-size: 1.14rem;
  line-height: 1.44rem;
 }
.contentrow.timebeam article.endtext p { 
 }


@media all and (max-width: 760px) {
  .contentrow.timebeam .rowcontent {  
  }
  .contentrow.timebeam article.timebox { 
  }
}






#editmode .textbox { 
  //border: 1px solid #ababab;
  width:100%;
 }

/* ContentRow End   Zeit Strahl  */





/* ContentRow 1   Ich Biete */

.contentrow.ichbiete { 
  background: #d9f5f7 url( /images/content/ich-biete-bg.jpg) no-repeat top center;
  padding-bottom: 100px;
  background-size: cover;
 }
.contentrow.ichbiete .rowcontent {  
  grid-column-gap: 80px;
  grid-row-gap: 20px;
 }
.contentrow.ichbiete h2 { 
  grid-column: 1 / -1;  
  font-size: 2.8rem !important;
  font-weight: normal;
  line-height: 2.8rem !important;
  color:#ffffff;
 }

.contentrow.ichbiete article { 
  display: grid;
  background: #ffffff url() no-repeat bottom left;
  padding: 12px 20px 20px 20px;
  border-bottom-right-radius: 40px;
  opacity: 0.90;
  position: relative;
 }

.contentrow.ichbiete article p { 
  font-size: 1.0rem;
  line-height: 1.5rem;
  margin:0px;
 }
.contentrow.ichbiete article h2 { 
  font-size: 2.8rem !important;
  line-height: 2.8rem !important;
  font-weight: 600;
  color:#ab9e9a;
 }
.contentrow.ichbiete article a.mehrlink { 
  display:grid;
  min-height:52px; 
  align-content: end; 
  background: #ffffff url(/src/src/icons/pfeil-weitereinfos.png) no-repeat bottom right;
  font-size: 120%;
  color:var(--textlinkcolor);
  text-transform:uppercase;
 }

#editmode .contentrow.ichbiete .we.we_input input.wetextinput { 
  width:calc(100% - 20px);
  margin:0px 10px 0px 10px;
  color:#ab9e9a;
  font-size: 2.0rem;
 }
#editmode .textbox { 
  border: 1px solid #ababab;
 }

/* ContentRow End   Ich Biete */







/* ContentRow   BookRow */

.contentrow.bookrow { 
  background: #ffffff url() no-repeat top center;
  padding: 40px 0px 60px 0px;
 }
.contentrow.bookrow .rowcontent {  
  grid-column-gap: 40px;
  grid-row-gap: 20px;
 }
.contentrow.bookrow h2 { 
  grid-column: 1 / -1;  
  font-size: 2.8rem !important;
  font-weight: normal;
  line-height: 2.8rem !important;
  color:#7d7a6f;
 }

.contentrow.bookrow article { 
  display: grid;
  background: #ffffff url() no-repeat bottom left;
  padding: 12px 20px 20px 20px;
  border-bottom-right-radius: 40px;
  position: relative;
 }

.contentrow.bookrow article .textbox { 
  margin-bottom:20px;
 }
.contentrow.bookrow article .editbox .we.we_link img { 
  display:block;
 }
.contentrow.bookrow article p { 
  font-size: 1.0rem;
  line-height: 1.5rem;
  margin:0px;
 }
.contentrow.bookrow article h2 { 
  font-size: 1.5rem !important;
  line-height: 1.5rem !important;
  font-weight: 600;
  color:#7d7a6f;
 }
.contentrow.bookrow article a.mehrlink { 
  display:grid;
  min-height:52px; 
  align-content: end; 
  justify-content: start; 
  font-size: 1.25rem;
  color:var(--textlinkcolor);
  text-transform:uppercase;
 }
.contentrow.bookrow article a.mehrlink span { 
  position:absolute; 
  right:35px; 
  bottom:20px;
 }

#editmode .contentrow.bookrow .we.we_input input.wetextinput { 
  width:calc(100% - 20px);
  margin:0px 10px 0px 10px;
  color:#ab9e9a;
  font-size: 2.0rem;
 }

/* ContentRow End   BookRow  */





/* ContentRow   TextRow  */

.contentrow.textrow { 
 }
.contentrow.textrow .rowcontent {  
  grid-template-columns: 1fr;
 }
.contentrow.textrow article { 
  display: block;
  padding: 12px 0px 20px 0px;
  position: relative;
 }
.contentrow.textrow article .bild-links { 
  float: left;
  margin: 0.4em 20px 10px 0px;
  position: relative;
  max-width: 50%;
 }
.contentrow.textrow article .bild-rechts { 
  float: right;
  margin: 0.4em 0px 10px 20px;
  position: relative;
  max-width: 50%;
 }

  .contentrow.textrow .zweispaltig { 
    position: relative;
  }
  .contentrow.textrow .zweispaltig .rowbutton { 
    position:absolute;
    bottom:20px;
  }
  .contentrow.textrow .zweispaltig .rowbutton.links { 
    position:absolute;
    left:0px;
    bottom:20px;
  }

  .contentrow.textrow .zweispaltig + a.rowbutton { 
    //position:absolute;
    //bottom:36px;
    margin-top:20px;
  }
  .contentrow.textrow article img { 
    clear: both;
    margin: 0px 0px 30px 0px;
    max-width: 100%;
   }


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

  .contentrow.textrow .zweispaltig .rowbutton.einruecken, 
  .contentrow.textrow .zweispaltig .rowbutton.untenlinks,
  .contentrow.textrow .zweispaltig .rowbutton.links {
    position: initial;
    bottom: initial;
    left: 0px;
    margin-top:50px;
  }

}



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

  .contentrow.textrow article .bild-links, 
  .contentrow.textrow article .bild-rechts { 
    clear: both;
    margin: 0px 0px 30px 0px;
    max-width: 100%;
   }
  .contentrow.textrow .zweispaltig .rowbutton.einruecken, 
  .contentrow.textrow .zweispaltig .rowbutton.untenlinks,
  .contentrow.textrow .zweispaltig .rowbutton.links {
    position: initial;
    bottom: initial;
    left: 0px;
    margin-top:50px;
  }
  .contentrow.textrow article img { 
    margin: 0px 0px 30px 0px;
    width: 100%;
   }
  .contentrow.textrow ol.zweispaltig {
    padding-left: 40px;
  }
  .contentrow.textrow ol.zweispaltig li::marker {
    font-size: 1.55em;
  }

}




/* ContentRow End   Text Row  */





/* ContentRow   Text Page */

.contentrow.textpage { 
  padding-bottom: 0px;
  padding: 0px 0px 0px 0px;
 }
.contentrow.textpage .rowcontent {  
  grid-template-columns: 1fr;
 }
.contentrow.textpage article { 
  display: block;
  padding: 12px 0px 20px 0px;
  position: relative;
 }
.contentrow.textpage article .bild-links { 
  float: left;
  margin: 0.4em 20px 10px 0px;
  position: relative;
 }
.contentrow.textpage article .bild-rechts { 
  float: right;
  margin: 0.4em 0px 10px 20px;
  position: relative;
 }
.contentrow.textpage article dl { 
  display:grid;
  grid-auto-columns: 1fr;
  column-gap:40px;
  padding: 0px;
 }
.contentrow.textpage article dt { 
  grid-column: 1 / 3;
  font-size: 2.5rem;
  font-weight: 600;
  color: #404040;
 }
.contentrow.textpage article dd { 
  grid-column: 3 / 7;
  padding: 7px 0px 30px 0px;
 }


  .contentrow .bild-rechts,
  .contentrow .bild-links {
    //clear: both;
    margin: 0px;
    max-width: 50%;
  }

}
@media screen and (max-width: 760px) {
  .contentrow.textpage h1.imageheadline {
    font-size: 3.7rem;
  }
  .contentrow.textpage .bild-rechts img,
  .contentrow.textpage .bild-links img {
    float: initial !important;
    width: 100%;
    margin: 0px 0px 30px 0px;
  }
  .contentrow.textpage article .bild-rechts,
  .contentrow.textpage article .bild-links {
    float: initial !important;
    margin: 0.4em 0px 10px 0px;
  }

}

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

  .contentrow.textpage h1.imageheadline {
    font-size: 2.5rem;
  }

}

/* ContentRow End   Text Page */





/* ContentRow   Page Text 1-5 */

.contentrow.pagetext { 
  padding-bottom: 0px;
  //padding: 0px 0px 0px 0px;
 }
.contentrow.pagetext .rowcontent {  
  grid-template-columns: 1fr;
 }
.contentrow.pagetext article { 
  display: block;
  padding: 12px 0px 20px 0px;
  position: relative;
 }
.contentrow.pagetext article .bild-links { 
  float: left;
  margin: 0.4em 20px 10px 0px;
  position: relative;
 }
.contentrow.pagetext article .bild-rechts { 
  float: right;
  margin: 0.4em 0px 10px 20px;
  position: relative;
 }
.contentrow.pagetext article dl { 
  display:grid;
  grid-auto-columns: 1fr;
  column-gap:40px;
  padding: 0px;
 }
.contentrow.pagetext article dt { 
  grid-column: 1 / 3;
  font-size: 2.5rem;
  font-weight: 600;
  color: #404040;
 }
.contentrow.pagetext article dd { 
  grid-column: 3 / 7;
  padding: 7px 0px 30px 0px;
 }


  .contentrow .bild-rechts,
  .contentrow .bild-links {
    //clear: both;
    margin: 0px;
    max-width: 50%;
  }

}
@media screen and (max-width: 760px) {
  .contentrow.pagetext h1.imageheadline {
    font-size: 3.7rem;
  }
  .contentrow.pagetext .bild-rechts img,
  .contentrow.pagetext .bild-links img {
    float: initial !important;
    width: 100%;
    margin: 0px 0px 30px 0px;
  }
  .contentrow.pagetext article .bild-rechts,
  .contentrow.pagetext article .bild-links {
    float: initial !important;
    margin: 0.4em 0px 10px 0px;
  }

}

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

  .contentrow.pagetext h1.imageheadline {
    font-size: 2.5rem;
  }

}

/* ContentRow End   Page Text 1-5  */





/* ContentRow   Image Text. */

.contentrow.imagetext { 
  padding-bottom: 10px;
 }

.contentrow.imagetext .rowcontent {
  grid-template-columns: initial;
  grid-auto-columns:1fr;
  column-gap:0px;
  row-gap:0px;
 }
.contentrow.imagetext .starttext { 
  grid-column: 1 / 7;
  margin-bottom: 40px;
  overflow: hidden;
  //text-align: center;
 }
.contentrow.imagetext .bildbox { 
  grid-column: 1 / 4;
}
.contentrow.imagetext .textbox { 
  grid-column: 4 / 7;
  background-color: #5894c8;
  padding: 30px 40px 0px 45px;
  color: #fff;
}
.contentrow.imagetext .bildbox img {
  min-width:100%;
  min-height:100%;
  height:initial;
  }


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

  .contentrow.imagetext .rowcontent {
    display: initial;
  }
  .contentrow.imagetext .bildbox img {
    min-width: 100%;
    min-height: initial;
    height: auto;
  }

  .contentrow.imagetext .textbox {
    padding: 30px 30px 30px 30px;
  }

}

/*  Editmode   Image Text. */

body.editmode .contentrow.imagetext .rowcontent table.we.weEditTable {
    width: 100% !Important;
 }

/*  Viewport   Image Text. */
@media screen and (max-width: 992px) {

}


/* ContentRow End   Image Text Row  */








/* ContentRow   Color-Box Row */

.contentrow.colorboxrow { 
 }
.contentrow.colorboxrow .rowcontent {  
  grid-template-columns: 1fr;
 }
.contentrow.colorboxrow article { 
  display: grid;
  grid-template-columns: 6fr 4fr;
  grid-gap: 20px;
  padding: 35px 25px 35px 25px;
  position: relative;
  color:#ffffff;
 }
.contentrow.colorboxrow article li::marker { 
  color:#ffffff;
 }
.contentrow.colorboxrow article h2 { 
  grid-column: 1 / 3;
  color: #ffffff;
  font-size: 4.30rem;
  line-height: 1.2;
  padding-bottom: 0.0rem;
 }
.contentrow.colorboxrow article .boxtext { 
  grid-column: 1 / 2;
  color:#ffffff;
 }
.contentrow.colorboxrow article .boxlink { 
  display: grid;
  grid-column: 2 / 3;
  color:#ffffff;
  justify-content: center;
 }
.contentrow.colorboxrow article .boxlink a.button {
    color: var(--textlinkcolor);
    font-weight: 600;
    text-decoration: none;
    background-color: #ffffff;
    padding:10px 20px 10px 20px;
    align-self: end;
    text-align: center;
    font-size: 0.9em;
 }



.contentrow.colorboxrow .button-more {
    display: inline-block;
    font-size: 1.30rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.20rem;
    text-align: center;
    padding: 7px 10px 8px 10px;
    margin: 18px 0px 0px 0px;
    background-color: #b10721;
}


#editmode .contentrow.cccolorboxrow .we.we_input input.wetextinput { 
  width:calc(100% - 20px);
  margin:0px 10px 0px 10px;
  color:#ab9e9a;
  font-size: 2.0rem;
 }



/* ContentRow End   Color-Box Row  */




/* ContentRow Blue-Box Row */

.contentrow.colorboxrow { 
 }
.contentrow.blueboxrow .rowcontent {  
  grid-template-columns: 1fr;
 }
.contentrow.blueboxrow article { 
  display: grid;
  grid-template-columns: 6fr 4fr;
  grid-gap: 20px;
  padding: 35px 25px 35px 25px;
  position: relative;
  color:#ffffff;
 }
.contentrow.blueboxrow article li::marker { 
  color:#ffffff;
 }
.contentrow.blueboxrow article h2 { 
  grid-column: 1 / 3;
  color: #ffffff;
  //font-size: 4.30rem;
  line-height: 1.2;
  padding-bottom: 0.0rem;
 }
.contentrow.blueboxrow article .boxtext { 
  grid-column: 1 / 2;
  color:#ffffff;
 }
.contentrow.blueboxrow article .boxlink { 
  display: grid;
  grid-column: 2 / 3;
  color:#ffffff;
 }

.contentrow.blueboxrow .rowcontent .rowbutton {
    color: var(--textlinkcolor);
    background-color: #ffffff;
    justify-self: start;
    align-self: end;
    text-align: center;
 }


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

  .contentrow.blueboxrow article {
    display: initial;
    padding: 35px 0px 35px 0px;
  }
  .contentrow.blueboxrow .rowcontent .rowbutton {
    justify-self: start;
  }

}
@media screen and (max-width: 760px) {

  .contentrow.blueboxrow article h2 {
    font-size: 2.55rem;
  }

}

/* ContentRow End Color-Box Row  */






/* ContentRow ..Colorbox2-Row  */

.contentrow.colorbox2 { 
 }
.contentrow.colorbox2 .rowcontent {  
  //grid-template-columns: 6fr 3fr;
  grid-column-gap: 0px;
 }
.contentrow.colorbox2 article { 
  display: grid;
  grid-gap: 10px;
  padding: 10px 25px 25px 25px;
  margin: 0px 0px 0px 0px;
  position: relative;
  color:#ffffff;
 }
.contentrow.colorbox2 article li::marker { 
  color:#ffffff;
 }
.contentrow.colorbox2 .rowcontent h1, 
.contentrow.colorbox2 .rowcontent h2, 
.contentrow.colorbox2 .rowcontent h3 { 
  grid-column: 1 / -1;
  color: #ffffff;
 }
.contentrow.colorbox2 article.boxtext1 { 
  //grid-column: 1 / 5;
  color:#ffffff;
  padding: 0px 40px 0px 0px;
 }
.contentrow.colorbox2 article.boxtext2 { 
  display: grid;
  //grid-column: 5 / 7;
  color:#ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: center;
  align-content: start;
  text-align: center;
  background-color: hsl(0,50%,100%, 0.3);
 }
.contentrow.colorbox2 .rowcontent .rowbutton, 
.contentrow.colorbox2 .rowcontent .rowbutton a { 
  color: #1066b0 !important;
  background-color: #ffffff;
}
.contentrow.colorbox2 .rowcontent .rowbutton:hover a { 
  color: #ffffff !important;
  background-color: transparent;
}



@media screen and (max-width: 760px) {
  .contentrow.colorbox2 .rowcontent {  
    display: initial;
   }
  .contentrow.colorbox2 article.boxtext2 { 
    margin-top:20px;
   }



}


/* ContentRow End   Color-Box2 Row  */



/* ContentRow 1 ÜberMich */

.contentrow.uebermich1 { 
  background: #fbf6f3 url() no-repeat top center;
  padding: 60px 0px 80px 0px;
  position:relative;
 }
.contentrow.uebermich1 .rowcontent {  
  grid-column-gap: 30px;
  grid-row-gap: 30px;
 }
.contentrow.uebermich1 h2 { 
  grid-column: 1 / -1;  
  font-size: 2.8rem !important;
  font-weight: normal;
  line-height: 2.8rem !important;
  color:#455d6e;
 }

.contentrow.uebermich1 article { 
  display: grid;
  background: #ffffff url() no-repeat center center;
  background-size: cover;
  padding: 12px 20px 20px 20px;
  position: relative;
  min-height:380px;
  min-width:380px;
  align-content:center
 }

.contentrow.uebermich1 article p { 
  font-size: 1.55rem !important;
  line-height: 1.75rem;
  margin-bottom:0.90rem;
 }
.contentrow.uebermich1 article h2 { 
  font-size: 2.8rem !important;
  line-height: 2.8rem !important;
  font-weight: 600;
  color:#ab9e9a;
 }
.contentrow.uebermich1 article a { 
  //display:grid;
  //min-height:52px; 
  //align-content: end; 
  //background: #ffffff url(/src/src/icons/pfeil-weitereinfos.png) no-repeat bottom right;
  //font-size: 120%;
  color:var(--textlinkcolor);
  //text-transform:uppercase;
 }

.contentrow article.round-tl { border-top-left-radius: 40px; }
.contentrow article.round-tr { border-top-right-radius: 40px; }
.contentrow article.round-br { border-bottom-right-radius: 40px; }
.contentrow article.round-bl { border-bottom-left-radius: 40px; }

.contentrow article.box2,
.contentrow article.box4 { 
  background-size: contain;
  background-color: transparent;
}
.contentrow article.box5 { color:#ffffff; }


@media screen and (max-width: 760px) {
  .contentrow.uebermich1 article {
    min-width: 280px;
  }

}



#editmode .contentrow.uebermich1 .we.we_input input.wetextinput { 
  width:300px;
  margin:0px 10px 0px 10px;
  color:#ab9e9a;
  font-size: 2.0rem;
 }

/* ContentRow End 1 ÜberMich  */



/* ContentRow 2 ÜberMich */

.contentrow.uebermich2 { 
  background: #fbf6f3 url(/images/content/das-leben-heilt.jpg) no-repeat top center;
  background-size: cover;
  height:37.77777vw;
  padding:0;
 }
.contentrow.uebermich2 .rowcontent {  
  justify-items:center;
 }
.contentrow.uebermich2 h2 { 
  display: grid;
  font-size: 3.8vw !important;
  font-weight: normal !important;
  line-height: 3.8vw !important;
  color:#ffffff;
  background: hsl(205, 37%, 43%, 0.6);
  padding: 0px 3rem;
  height: 100%;
  align-content: center;
  justify-content: center;
 }

.contentrow.uebermich2 h2 strong,
.contentrow.uebermich2 h2 span { 
  font-weight: normal;
  font-size: 6.5vw !important;
  line-height: 6.6vw !important;
  display: block;
  text-align: center;
 }


.wewysiwyg-body { 
  padding:30px; 
  font-size:1.8rem !important;
  font-weight:normal !important;
 }
.wewysiwyg-body h2 { 
  font-weight: normal !important;
  font-size:1.8rem !important;
 }
.wewysiwyg-body h2 strong { 
  font-weight: bold;
  font-size: 3.3rem !important;
  line-height: 3.0rem !important;
  display: block;
  text-align: center;
 }
.wewysiwyg-body { 
  padding:30px; 
  font-size:1.8rem !important;
  font-weight:normal !important;
 }

/* ContentRow End 2 ÜberMich  */


/* ContentRow Seminar Liste Alle */

.contentrow.semlistrow { 
 }
.contentrow.semlistrow .rowcontent {  
  grid-template-columns:1fr;
  padding-bottom: 100px;
 }
.contentrow.semlistrow h1 { 
  font-size: 3.00rem;
  font-weight: 400;
  margin: 0;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
 }
.contentrow.semlistrow h1 span { 
  font-size: 2.00rem;
  font-weight: 400;
  text-transform: initial;
 }
.contentrow.semlistrow h2 { 
  font-size: 1.80rem;
  margin-bottom: 0rem;
  padding-bottom: 0.4rem;
  text-transform: initial;
 }

.contentrow.semlistrow h3 { 
  font-size: 1.30rem;
  margin: 1.6rem 0 0 0;
 }
.contentrow.semlistrow p { 
  font-size: 1.30rem;
 }

.contentrow.semlistrow .semlistbox { 
  font-weight: normal;
  font-size: 1em;
  line-height: 1em;
  padding: 30px 0px 0px 0px;
  border-bottom:1px solid #617684;
 }
.contentrow.semlistrow .semlistbox:first-child { 
  padding-top: 10px;

 }

.contentrow.semlistrow p.termindauerort { 
  font-weight: bold;
  font-size: 1.20rem;
  line-height: 1.20rem;
 }
.contentrow.semlistrow p.termindauerort span { 
  display: inline-block;
  font-size: 1.20rem;
  line-height: 1.20rem;
  padding: 0px 15px;
  border-right:2px solid #455d6e;
 }
.contentrow.semlistrow p.termindauerort span:first-child { padding-left: 0px;}
.contentrow.semlistrow p.termindauerort span:last-child {border-right:0px;
 }

.contentrow.semlistrow .button-more { 
  display: inline-block;
  font-size: 1.30rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.20rem;
  text-align: center;
  padding: 7px 10px 8px 10px;
  margin: 18px 0px 0px 0px;
  background-color: #b10721;
 }

/* ContentRow End Seminar Liste Alle  */



/* ContentRow Seminar Details */

.contentrow.semdetailrow { 
 }
.contentrow.semdetailrow .rowcontent {  
  grid-template-columns: auto auto auto 300px;
  grid-column-gap: 50px;
  padding-bottom: 100px;
  grid-template-rows: auto auto auto;
 }

.contentrow.semdetailrow .text { 
  grid-column: 1 / 4;
 }
.contentrow.semdetailrow hr { 
  grid-column: 1 / -1;
  height: 5px;
  margin: 0;
  padding: 0;
  border-width: 0;
  background-color: #bdbbb6;
 }
.contentrow.semdetailrow .text h2 { 
  margin: 0 0 0 0;
  font-size: 1.80rem;
  font-weight: 600;
  padding-bottom: 0.3rem;
 }
.contentrow.semdetailrow .text h3 { 
  margin: 0 0 0 0;
  font-size: 1.30rem;
  font-weight: 600;
  padding-bottom: 1.2rem;
 }



.contentrow.semdetailrow .info { 
  grid-column: 4 / -1;
  background-color: #bdbbb6;
  padding: 20px 30px 10px 30px;
  align-self: start;
  border-radius: 0px 0px 40px 0px;
 }
.contentrow.semdetailrow .info * { 
  color: #fff !important;
  font-size: 1.20rem;
 }
.contentrow.semdetailrow .info h3 { 
  margin: 0 0 0 0;
  font-size: 1.30rem;
  font-weight: 600;
  padding-bottom: 0.0rem;
 }
.contentrow.semdetailrow .daten { 
  grid-column: 1 / 3;
 }
.contentrow.semdetailrow .daten h3 { 
  margin: 0.6rem 0 0 0;
 }
.contentrow.semdetailrow .daten h3:first-child { 
  margin: 1.6rem 0 0 0;
 }
.contentrow.semdetailrow .daten hr { 
  height: 1px;
 }

.contentrow.semdetailrow .leitung { 
  grid-column: 3 / 5;
 }

.contentrow.semdetailrow h1 { 
  font-size: 3.00rem;
  font-weight: 400;
  margin: 0;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
  grid-column: 1 / -1;
 }
.contentrow.semdetailrow h2 { 
  font-size: 1.80rem;
  margin-bottom: 0rem;
  padding-bottom: 0.4rem;
  text-transform: initial;
 }

.contentrow.semdetailrow h3 { 
  font-size: 1.70rem;
  font-weight: 600;
  padding-bottom: 0.4rem;
  margin: 1.6rem 0 0 0;
  color:#7d7a6f;
 }
.contentrow.semdetailrow p { 
  font-size: 1.30rem;
 }


.contentrow.semdetailrow .button-signin { 
  display: inline-block;
  font-size: 1.30rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.20rem;
  text-align: center;
  padding: 18px 20px 18px 70px;
  margin: 0px 0px 0px 0px;
  background: transparent url(/src/src/icons/but-anmeldung.png) no-repeat center left ;
 }


@media all and (max-width: 992px) {
  .contentrow.semdetailrow .rowcontent {  
    grid-template-columns: auto auto auto auto;
  }
  .contentrow.semdetailrow .text,
  .contentrow.semdetailrow .info,
  .contentrow.semdetailrow .daten,
  .contentrow.semdetailrow .leitung {
    grid-column: 1 / -1;
  }
  .contentrow.semdetailrow .info {
    grid-row: 6/ 7;
  }
}

@media all and (max-width: 600px) {
  .contentrow.semdetailrow h1 {
    font-size: 2.50rem;
  }
}
@media all and (max-width: 480px) {
  .contentrow.semdetailrow h1 {
    font-size: 1.80rem;
  }
  .contentrow.semdetailrow .text h2 {
    font-size: 1.50rem;
  }
}





/* ContentRow End Seminar Details  */


/* ContentRow Seminar-Kalender */

.contentrow.semkalenderrow { 
 }
.contentrow.semkalenderrow .rowcontent {  
  grid-template-columns: 1fr;
 }
.contentrow.semkalenderrow article { 
  display: grid;
  grid-column:1/-1;
  background: #ffffff url() no-repeat bottom left;
  padding: 12px 0px 20px 0px;
  position: relative;
 }

.contentrow.semkalenderrow table#seminartabelle {
    width: 100%;
    border-collapse: collapse;
    font-size:1.2rem;
    color: #444444;
    border-top: 2px #ffcb06 solid;
    border-bottom: 1px #ccc solid;
    margin: 0 1.35714em 1.35714em 0;
    margin-top:40px;
    margin-left: 0;
    margin-right: 0;
}
.contentrow.semkalenderrow table#seminartabelle {
    border-collapse: collapse;
    color: #444444;
}

.contentrow.semkalenderrow table#seminartabelle thead {
    text-align: center;
    color: #006397;
    border-top: 2px #455d6e solid;
    border-bottom: 2px #455d6e solid;
    border-left: 1px #dddddd solid;
    border-right: 1px #dddddd solid;
}
.contentrow.semkalenderrow table#seminartabelle thead th {
    text-align: center;
    color: #455d6e;
    padding: 0.8rem 0.5rem;
    //border-bottom: 2px #ffcb06 solid;
    border-left: 1px #dddddd solid;
    border-right: 1px #dddddd solid;
}
.contentrow.semkalenderrow table#seminartabelle td {
    padding: 0.6rem 0.5rem;
}
.contentrow.semkalenderrow tbody tr:hover th, tbody tr:hover td {
    background: #f8f8f8;
    background: #dfe2e2;
}
.contentrow.semkalenderrow tbody tr:hover th, tbody tr:hover td {
    background: #f8f8f8;
}
.contentrow.semkalenderrow tbody td {
    text-align: center;
    border-top: 1px solid #ccc;
}
.contentrow.semkalenderrow tbody td:first-child {
    text-align: left;
    padding-left: 10px;
}
.contentrow.semkalenderrow th, td {
    text-align: center;
    line-height: 1.5em;
    vertical-align: middle;
    padding: 0.71429em 0.5em;
}
.contentrow.semkalenderrow tbody tr:nth-child(2n) {
    background: #f8f8f8;
}
.contentrow.semkalenderrow tbody tr:hover th, tbody tr:hover td {
    background: #f8f8f8;
    background: #dfe2e2;
}

@media all and (max-width: 960px) {
  .contentrow.semkalenderrow table#seminartabelle {
    font-size: 1.1rem;
  }
}
@media all and (max-width: 840px) {
  .contentrow.semkalenderrow table#seminartabelle {
    font-size: 1.0rem;
  }
  .contentrow.semkalenderrow table tr th:nth-child(4) { display: none; }
  .contentrow.semkalenderrow table tr td:nth-child(4) { display: none; }

}
@media all and (max-width: 620px) {
  .contentrow.semkalenderrow table tr th:nth-child(3) { display: none; }
  .contentrow.semkalenderrow table tr td:nth-child(3) { display: none; }

}


@media all and (max-width: 540px) {

  .contentrow.semkalenderrow table#seminartabelle {
    font-size: 1.0rem;
  }
  .contentrow.semkalenderrow table tr th:nth-child(5) { display: none; }
  .contentrow.semkalenderrow table tr td:nth-child(5) { display: none; }

}



/* ContentRow End Seminar-Kalender  */




/* ContentRow Kontakt */

.contentrow.kontaktrow { 
 }
.contentrow.kontaktrow .rowcontent {  
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 50px;
  padding-bottom: 100px;
  grid-template-rows: auto auto;
 }
.contentrow.kontaktrow h1 { 
  font-size: 3.00rem;
  font-weight: 400;
  margin: 0;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
  grid-column: 1 / -1;
 }
.contentrow.kontaktrow .text { 
  grid-column: 1 / 2;
 }

.contentrow.kontaktrow .map { 
  grid-column: 2 / 3;
 }
.contentrow.kontaktrow .map #map_canvas1 {
    width: auto;
    height: 400px;
    border: 1px solid #bdbbb6;
    margin-bottom: 20px;
    z-index: 1;
 }

.contentrow.kontaktrow .button-map { 
  display: inline-block;
  font-size: 1.30rem;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  line-height: 1.20rem;
  border-radius: .1em;
  text-align: center;
  padding: 5px 12px 8px 12px;
  margin: 0px 0px 0px 0px;
  background: #455d6e url() no-repeat center left ;
 }
.contentrow.kontaktrow .button-map:hover {
    background-color: #b10721;
    color: #ffffff;
}
a.button-rout { 
  background: transparent url(/assets/src/icons/icon-mat-directions_car.svg) no-repeat left center; 
  padding-left:28px;
  white-space:nowrap;
 }
a.button-map { 
  background: transparent url(/assets/src/icons/icon-mat-map.svg) no-repeat left center; 
  padding-left:28px;
  white-space:nowrap;
 }

@media all and (max-width: 992px) {
  .contentrow.kontaktrow .text {
    grid-column: 1 / -1;
  }
  .contentrow.kontaktrow .map {
    grid-column: 1 / -1;
  }

}







/* ContentRow End Kontakt  */




/* ContentRow Aktuelles */

.contentrow.aktuellesrow { 
 }
.contentrow.aktuellesrow .rowcontent {  
  grid-template-columns: auto;
  grid-column-gap: 50px;
  padding-bottom: 100px;
  grid-template-rows: auto;
 }
.contentrow.aktuellesrow .blockbox {
  grid-column: 1 / -1;
  margin: 0px 0px 0px 0px;
  padding: 25px 0px 35px 0px;
  border-bottom: 3px solid #bdbbb6;
}
.contentrow.aktuellesrow .blockbox:first-of-type {
  margin-top: 50px;
  border-top: 3px solid #bdbbb6;
}
.contentrow.aktuellesrow h1 { 
  font-size: 3.00rem;
  font-weight: 400;
  margin: 0;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
  grid-column: 1 / -1;
 }
.contentrow.aktuellesrow hr { 
  grid-column: 1 / -1;
  height: 5px;
  margin: 0;
  padding: 0;
  border-width: 0;
  background-color: #bdbbb6;
 }


.contentrow.aktuellesrow .text { 
  grid-column: 1 / 2;
 }

.contentrow.aktuellesrow .button-mehr { 
  display: inline-block;
  font-size: 1.30rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.20rem;
  border-radius: .1em;
  text-align: center;
  padding: 5px 12px 8px 12px;
  margin: 30px 0px 0px 0px;
  background: #b10721 url() no-repeat center left ;
 }
.contentrow.aktuellesrow .button-mehr:hover {
    background-color: #b10721;
    color: #ffffff;
}

/* ContentRow End Aktuelles  */




/* ContentRow   Steps Liste  */

.contentrow.stepslist { 
 }
.contentrow.stepslist .rowcontent {  
  display: initial;
  grid-template-columns: auto;
  grid-column-gap: 50px;
  padding-bottom: 0px;
  grid-template-rows: auto;
 }
.contentrow.stepslist dl { 
  display:grid;
  grid-auto-columns: 1fr;
  column-gap:0px;
  border-bottom: 0px solid #2855a0;
  margin: 40px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
 }
.contentrow.stepslist dt { 
  grid-column: 1 / 3;
  font-weight: 400;
  color: #404040;
  padding: 30px 40px 15px 0px;
  border-top: 0px solid #2855a0;
 }
.contentrow.stepslist dt h2 { 
  font-size: 5.0rem;
  line-height: 1.00;
  font-weight: 600;
  color: var(--headlinecolor);
  margin-bottom: 0.3rem;
 }
.contentrow.stepslist dt h3 { 
  font-size: 1.9rem;
  line-height: 1.00;
  font-weight: 300;
  color: var(--headlinecolor);
  margin-bottom: 0.9rem;
 }
.contentrow.stepslist dt p { 
 }
.contentrow.stepslist dd { 
  grid-column: 3 / 7;
  padding: 30px 0px 15px 0px;
  border-top: 0px solid #2855a0;
 }
.contentrow.stepslist dd h3 { 
  font-size: 2.4rem;
  line-height: 1.00;
  font-weight: 600;
  color: var(--headlinecolor);
  margin-bottom: 0.3rem;
 }
.contentrow.stepslist dd h4 { 
  font-size: 1.9rem;
  line-height: 1.00;
  font-weight: 300;
  color: var(--headlinecolor);
  margin-bottom: 0.9rem;
 }
.contentrow.stepslist dd p { 
 }

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

  .contentrow.stepslist dt h2 {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 840px) {

  .contentrow.stepslist dt h2 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 760px) {

  .contentrow.stepslist dl {
    display: block;
  }
  .contentrow.stepslist dt {
    padding: 30px 40px 15px 0px;
    border-top: 0px solid #2855a0;
}
  .contentrow.stepslist dt {
}
  .contentrow.stepslist dt h2 {
    font-size: 2.0rem;
  }
  .contentrow.stepslist dd {
    padding-top: 0px;
  }


}



/* ContentRow End   Steps Liste  */




/* ContentRow   Pakete Liste  */

.contentrow.paketlist { 
 }
.contentrow.paketlist .rowcontent {  
  display: initial;
  grid-template-columns: auto;
  grid-column-gap: 50px;
  padding-bottom: 0px;
  grid-template-rows: auto;
 }

.contentrow.paketlist dl { 
  display:grid;
  grid-auto-columns: 1fr;
  column-gap:0px;
  border-bottom: 1px solid #2855a0;
  margin: 40px 0px 30px 0px;
  padding: 0px 0px 50px 0px;
 }
.contentrow.paketlist dt { 
  grid-column: 1 / 3;
  font-weight: 400;
  color: #404040;
  padding: 30px 40px 15px 0px;
  border-top: 1px solid #2855a0;
 }
.contentrow.paketlist dt h2 { 
  font-size: 2.4rem;
  line-height: 1.00;
  font-weight: 600;
  //color: #404040;
  margin-bottom: 0.3rem;
 }
.contentrow.paketlist dt h3 { 
  font-size: 1.9rem;
  line-height: 1.00;
  font-weight: 300;
  color: #404040;
  margin-bottom: 0.9rem;
 }
.contentrow.paketlist dt p { 
 }

.contentrow.paketlist dd { 
  grid-column: 3 / 7;
  padding: 30px 0px 15px 0px;
  border-top: 1px solid #2855a0;
 }
.contentrow.paketlist dd h3 { 
  font-size: 2.4rem;
  line-height: 1.00;
  font-weight: 600;
  color: var(--headlinecolor);
  margin-bottom: 0.3rem;
 }
.contentrow.paketlist dd h4 { 
  font-size: 1.9rem;
  line-height: 1.00;
  font-weight: 300;
  color: var(--headlinecolor);
  margin-bottom: 0.9rem;
 }
.contentrow.paketlist dd p { 
 }



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

  .contentrow.paketlist dt h2 { 
    font-size: 2.2rem;
   } 
  .contentrow.paketlist dt h3 { 
    font-size: 1.7rem;
   }
  .contentrow.paketlist dd h3 { 
    font-size: 2.2rem;
   } 
  .contentrow.paketlist dd h4 { 
    font-size: 1.7rem;
   }

}
@media screen and (max-width: 840px) {

  .contentrow.paketlist dt h3 { 
    font-size: 2.2rem;
   } 
  .contentrow.paketlist dt h4 { 
    font-size: 1.7rem;
   }
  .contentrow.paketlist dd p { 
    
   }
}
@media screen and (max-width: 760px) {

  .contentrow.paketlist dl {
    display: block;
  }
  .contentrow.paketlist dt h3 { 
    font-size: 1.8rem;
   } 
  .contentrow.paketlist dt h4 { 
    font-size: 1.5rem;
   }
  .contentrow.paketlist dd {
    padding-top: 0px;
    border-top: 0px solid #2855a0;
  }
  .contentrow.paketlist dd h3 {
    font-size: 1.7rem;
  }
  .contentrow.paketlist dd p { 
   }
}






/* ContentRow End   Pakete Liste  */




/* ContentRow   Branchen Liste  */

.contentrow.branchenlist { 
 }
.contentrow.branchenlist .rowcontent {  
  display: block;
  grid-template-columns: auto;
  grid-column-gap: 50px;
  padding-bottom: 0px;
  grid-template-rows: auto;
 }


.contentrow.branchenlist .bild-links { 
  float: left;
  margin: 0.4em 40px 30px 0px;
  position: relative;
 }
.contentrow.branchenlist .bild-rechts { 
  float: right;
  margin: 0.4em 0px 30px 40px;
  position: relative;
 }

.contentrow.branchenlist .rowcontent .branchenbox { 
  display: flex;
  background-color: #e6eff7;
  padding: 30px 30px 30px 30px;
  margin: 25px 0px 50px 0px;
  flex-flow: row wrap;
  justify-content: center;
  row-gap: 30px; 

}
.contentrow.branchenlist .rowcontent .logobranch { 
  //justify-self:center; 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 7px 0px;
  width:195px;
  height:40px;
  margin-left: 35vw;
  margin-right: 35vw;
}
.contentrow.branchenlist .rowcontent .mainbranch { 
  //background-color:#1067b1;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width:240px;
  height:112px;
  border-radius: 14px;
  margin-left: 3.2vw;
  margin-right: 3.2vw;calc((100vw - 720px) / 6)
  //margin-left: calc((100vw - 720px) / 6);
  //margin-right: calc((100vw - 720px) / 6);
}
.contentrow.branchenlist .rowcontent .mainbranch + .mainbranch { 
  //margin-left: 20vw;
}
.contentrow.branchenlist .rowcontent .subbranch { 
  //background-color:#c3d8eb;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width:161px;
  height:76px;
  border-radius: 14px;
  margin-left: 1.2vw;
  margin-right: 1.2vw;
 
}
.contentrow.branchenlist .rowcontent .subbranch + .subbranch { 
  //margin-left: 5vw;
}


.contentrow.branchenlist .text-links { 
  clear: both;
  float: left;
 }

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

  .contentrow.branchenlist .bild-links { 
    float: initial;
    margin: 0.4em 40px 30px 0px;
    width: 100%;
    max-width: 100%;
  }

}

/* ContentRow End   Branchen Liste  */




/* ContentRow   FAQ Liste  */

.contentrow.faqlist { 
  padding-bottom: 0px;
 }
.contentrow.faqlist .rowcontent {  
  display: initial;
  grid-template-columns: auto;
  grid-column-gap: 50px;
  padding-bottom: 0px;
  grid-template-rows: auto;
 }
.contentrow.faqlist dl { 
  display:grid;
  grid-auto-columns: 1fr;
  column-gap:0px;
  border-bottom: 0px solid #2855a0;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
 }
.contentrow.faqlist dt { 
  grid-column: 1 / 3;
  font-weight: 400;
  color: #404040;
  padding: 20px 40px 15px 0px;
  border-top: 0px solid #2855a0;
 }
.contentrow.faqlist dt h2 { 
  font-size: 5.0rem;
  line-height: 1.00;
  font-weight: 600;
  color: var(--headlinecolor);
  margin-bottom: 0.3rem;
 }
.contentrow.faqlist dt h3 { 
  font-size: 1.9rem;
  line-height: 1.00;
  font-weight: 300;
  color: var(--headlinecolor);
  margin-bottom: 0.9rem;
 }
.contentrow.faqlist dt p { 
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--headlinecolor);
 }
.contentrow.faqlist dd { 
  grid-column: 3 / 7;
  padding: 20px 0px 15px 0px;
  border-top: 0px solid #2855a0;
 }
.contentrow.faqlist dd h3 { 
  font-size: 2.4rem;
  line-height: 1.00;
  font-weight: 600;
  color: var(--headlinecolor);
  margin-bottom: 0.3rem;
 }
.contentrow.faqlist dd h4 { 
  font-size: 1.9rem;
  line-height: 1.00;
  font-weight: 300;
  color: var(--headlinecolor);
  margin-bottom: 0.9rem;
 }
.contentrow.faqlist dd:last-child { 
  padding-bottom: 0px;
  margin-bottom: 0px;
 }

.contentrow.faqlist dd p { 
 }

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

  .contentrow.faqlist dl {
    display: block;
  } 
  .contentrow.faqlist dt {
    padding: 20px 0px 0px 0px;
  } 
  .contentrow.faqlist dd {
    padding: 00px 0px 15px 0px;
  } 

}

/* ContentRow End   FAQ Liste  */





/* ContentRow   Referenzen Liste  */

.contentrow.referenzlist { 
 }
.contentrow.referenzlist .rowcontent {  
  display: grid;
  grid-template-columns: auto;
  grid-column-gap: 50px;
  padding-bottom: 0px;
  grid-template-columns: repeat(6,1fr);
  grid-auto-columns: 1fr;
 }
.contentrow.referenzlist .rowcontent .text1 {  
  display: grid;
  position:relative;
  grid-column: 1 / 4;
 }
.contentrow.referenzlist .rowcontent .text1 img {  
  width: 100%;
 }
.contentrow.referenzlist .rowcontent .text2 {  
  display: grid;
  position:relative;
  grid-column: 4 / 7;
 }
.contentrow.referenzlist .rowcontent h1 {  
  grid-column: 1 / 7;
 }
.contentrow.referenzlist .rowcontent .text2 + h3 {  
  grid-column: 1 / 7;
 }




.contentrow.referenzlist dl { 
  display:grid;
  grid-auto-columns: 1fr;
  column-gap:0px;
  border-bottom: 0px solid #2855a0;
  margin: 30px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  grid-column: 1 / 7;
 }
.contentrow.referenzlist dt { 
  grid-column: 1 / 3;
  font-weight: 400;
  color: #404040;
  padding: 20px 40px 15px 0px;
  border-top: 0px solid #2855a0;
 }
.contentrow.referenzlist dt h2 { 
  font-size: 5.0rem;
  line-height: 1.00;
  font-weight: 600;
  color: var(--headlinecolor);
  margin-bottom: 0.3rem;
 }
.contentrow.referenzlist dt h3 { 
  font-size: 1.9rem;
  line-height: 1.00;
  font-weight: 300;
  color: var(--headlinecolor);
  margin-bottom: 0.9rem;
 }
.contentrow.referenzlist dt p { 
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--headlinecolor);
 }
.contentrow.referenzlist dd { 
  grid-column: 3 / 7;
  padding: 20px 0px 15px 0px;
  border-top: 0px solid #2855a0;
 }
.contentrow.referenzlist dd h3 { 
  font-size: 2.4rem;
  line-height: 1.00;
  font-weight: 600;
  color: var(--headlinecolor);
  margin-bottom: 0.3rem;
 }
.contentrow.referenzlist dd h4 { 
  font-size: 1.9rem;
  line-height: 1.00;
  font-weight: 300;
  color: var(--headlinecolor);
  margin-bottom: 0.9rem;
 }
.contentrow.referenzlist dd p { 
 }
.contentrow.referenzlist .rowcontent .rowbutton.bottom { 
  position:absolute;
  bottom: 14px;
 }


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

  .contentrow.referenzlist dt h2 {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 760px) {
  .contentrow.referenzlist .rowcontent {  
    display: initial;
  }

  .contentrow.referenzlist dt h2 {
    //font-size: 2.5rem;
  }
  .contentrow.referenzlist dl {
    display: initial;
  }
  .contentrow.referenzlist dt {
    margin: initial;
    padding-bottom: 0px;
  }
  .contentrow.referenzlist dd {
    margin: initial;
    padding-top: 0px;
  }
  .contentrow.referenzlist .rowcontent .rowbutton.bottom,
  .contentrow.referenzlist .rowcontent .rowbutton {
    position: initial;
    margin-bottom: 20px;
  }
}




/* ContentRow End   Referenzen Liste  */







/* ContentRow Veröffentlichungen */

.contentrow.veroeffentlichtrow { 
  padding: 40px 0px 40px 0px;
 }
.contentrow.veroeffentlichtrow:nth-child(1n+1) { 
  background-color:#fff7e5;
 }
.contentrow.veroeffentlichtrow:nth-child(2n+1) { 
  background-color:#ffffff;
 }
.contentrow.veroeffentlichtrow:nth-child(3n+1) { 
  background-color:#bcb1ae;
 }
.contentrow.veroeffentlichtrow:nth-child(3n+1) * { 
  color: #ffffff !Important;
 }

.contentrow.veroeffentlichtrow .rowcontent {  
  grid-template-columns: auto;
  grid-column-gap: 130px;
  padding-bottom: 0px;
  grid-template-rows: auto;
 }
.contentrow.veroeffentlichtrow .rowcontent {  
  grid-template-columns: 1fr auto;
  grid-column-gap: 130px;
  padding-bottom: 0px;
  grid-template-rows: auto;
 }
.contentrow.veroeffentlichtrow:nth-child(2n+1) .rowcontent {
  grid-template-columns: auto 1fr;
 }
.contentrow.veroeffentlichtrow .textbox { 
  grid-column: 1 / 2;
  grid-row: 1/ 2;
}
.contentrow.veroeffentlichtrow .bildbox { 
  grid-column: 2 / 3;
  grid-row: 1/ 2;
  margin-top: 40px;
 }
.contentrow.veroeffentlichtrow:nth-child(odd) .bildbox { 
  grid-column: 1 / 2;
  grid-row: 1 / 2;
 }
.contentrow.veroeffentlichtrow:nth-child(odd) .textbox { 
  grid-column: 2 / 3;
  grid-row: 1 / 2;
 }

.contentrow.veroeffentlichtrow h1 { 
  font-size: 3.00rem;
  font-weight: 400;
  margin: 0;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
  grid-column: 1 / -1;
 }
.contentrow.veroeffentlichtrow .textbox h2 { 
  font-size: 1.65rem;
  font-weight: 600;
  color: #707070;
  margin: 0;
  padding-bottom: 1.3rem;
 }
.contentrow.veroeffentlichtrow .textbox h3 { 
  font-size: 1.35rem;
  color: #707070;
  line-height: 1.65rem;
 }
.contentrow.veroeffentlichtrow .textbox * { 
  font-size: 1.22rem;
  line-height: 1.65rem;
}
.contentrow.veroeffentlichtrow .bildbox img {
  width:375px;
  height:auto;
  }

.contentrow.veroeffentlichtrow .button-mehr { 
  display: inline-block;
  font-size: 1.30rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.20rem;
  border-radius: .1em;
  text-align: center;
  padding: 8px 12px 10px 12px;
  margin: 30px 0px 0px 0px;
  background: #b10721 url() no-repeat center left ;
 }
.contentrow.veroeffentlichtrow .button-mehr:hover {
    background-color: #b10721;
    color: #ffffff;
}


.contentrow.veroeffentlichtedit .rowcontent .editmode .blockbox {
  display:grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
 }

.contentrow.veroeffentlichtedit .rowcontent .editmode .we.we_blockControls {
    border: 3px solid #ababab;
        border-top-color: rgb(171, 171, 171);
        border-top-style: solid;
        border-top-width: 3px;
        border-bottom-color: rgb(171, 171, 171);
        border-bottom-style: solid;
        border-bottom-width: 3px;
    padding: 10px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-bottom: 30px;
 }
.contentrow.veroeffentlichtedit .rowcontent .editmode .we.we_blockControls:first-of-type {
    border-top: 3px solid #ababab;
 }
.contentrow.veroeffentlichtedit .rowcontent .editmode .we.we_blockControls:last-of-type {
    border-bottom: 3px solid #ababab;
 }

@media screen and (max-width: 992px) {
  .contentrow.veroeffentlichtrow .bildbox {
    width:30vw;
    height: auto;
  }
  .contentrow.veroeffentlichtrow .rowcontent {  
    grid-column-gap: 20px;
  }
  .contentrow.veroeffentlichtrow .rowcontent {  
    grid-column-gap: 20px;
  }
  .contentrow.veroeffentlichtrow:nth-child(odd) .rowcontent {
    grid-column-gap: 0px;
  }

}
@media screen and (max-width: 768px) {
  .contentrow.veroeffentlichtrow .textbox {
    grid-column: 1 / -1;
    grid-row: 2/ 3;
  }
  .contentrow.veroeffentlichtrow .bildbox {
    width:initial;
    height:auto;
    margin-top: 0px;
    grid-column: 1 / -1;
    grid-row: 1/ 2;
    justify-self:center;
  }
  .contentrow.veroeffentlichtrow:nth-child(2n+1) .bildbox {
    grid-column: 1 / -1;
  } 
  .contentrow.veroeffentlichtrow:nth-child(2n+1) .textbox {
    grid-column: 1 / -1;
    grid-row: 3 / 3;
  }

}


/* ContentRow End Veröffentlichungen  */




/* ContentRow Downloads */

.contentrow.downloadrow { 
  padding: 40px 0px 40px 0px;

 }
.contentrow.downloadrow .rowcontent {  
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-columns: auto;
  grid-column-gap: 50px;
  padding-bottom: 0px;
  grid-template-rows: auto;
  border-bottom-right-radius: 40px;
 }
.contentrow.downloadrow h1 { 
  font-size: 3.00rem;
  font-weight: 400;
  margin: 0;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
  grid-column: 1 / -1;
 }
.contentrow.downloadrow h2 { 
  //font-size: 3.65rem;
  font-weight: 400;
  //color: #ffb000;
  margin: 0;
  padding-bottom: 1.3rem;
 }
.contentrow.downloadrow h3 { 
  font-size: 2.15rem;
  font-weight: 400;
  //color: #ffb000;
  margin: 0;
  padding-bottom: 1.3rem;
 }

.contentrow.downloadrow .downlistbox {  
  display: grid;
  //grid-column: 1 / -1;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-auto-flow: row;
  grid-template-rows: auto;
  padding-top:40px;
 }


.contentrow.downloadrow .downbox * { 
  font-size: 1.22rem;
  line-height: 1.65rem;
}

.contentrow.downloadrow .downbox {
  display: grid;
    background: #adadad url() no-repeat center center;
    padding: 20px 20px 20px 20px;
    border-top-left-radius: 40px;
    position: relative;
    height: 300px;
    width: 300px;
    overflow:visible;
}

.contentrow.downloadrow .downbox:nth-child(6n+1) { 
  background-color:#ffd066;
  border-color:#ffd066;
 }
.contentrow.downloadrow .downbox:nth-child(6n+2) { 
  background-color:#ffe7b2;
  border-color:#ffe7b2;
 }
.contentrow.downloadrow .downbox:nth-child(6n+3) { 
  background-color:#ffc033;
  border-color:#ffc033;
 }
.contentrow.downloadrow .downbox:nth-child(6n+4) { 
  background-color:#ffdf99;
  border-color:#ffdf99;
 }
.contentrow.downloadrow .downbox:nth-child(6n+5) { 
  background-color:#ffb000;
  border-color:#ffb000;
 }
.contentrow.downloadrow .downbox:nth-child(6n+6) { 
  background-color:#ffd066;
  border-color:#ffd066;
 }
.contentrow.downloadrow .downbox:nth-child(6n+2) h3 { 
  color: #7d7a6f !Important;
 }
.contentrow.downloadrow .downbox:nth-child(6n+4) h3 { 
  color: #7d7a6f !Important;
 }

.contentrow.downloadrow .downbox h3 { 
  font-size: 2.05rem;
  line-height: 1.25em;
  font-weight: 600;
  color: #7d7a6f;
  color: #ffffff;
  margin: 0;
  padding-bottom: 0em;
  overflow: hidden;
 }


.contentrow.downloadrow .downbox .button-download { 
  font-size: 1.30rem;
  font-weight: bold;
  color: var(--textlinkhovercolor)!Important;
  line-height: 1.20rem;
  border-radius: .1em;
  text-align: center;
  padding: 8px 12px 10px 32px;
  margin: 30px 0px 0px 0px;
  background: transparent url(/src/src/icons/pfeil-download.png) no-repeat center left ;
  align-self: end;
  justify-self: start;
 }
.contentrow.downloadrow .downbox .button-download:hover {
    //background-color: #b10721;
    //color: #ffffff;
}


.contentrow.downloadrow .downbox .overlay {
  display: none;
  position: absolute;
  padding: 20px 20px 20px 20px;
  background-color: #ffffff;
  width: 100%;
  height: auto;
  overflow: visible;
  border: 2px solid #ffd066;
  border-color: inherit;
  border-bottom-right-radius: 40px;
  z-index: 100;
  top: 298px;
  top: 100%;
  left: 0px;
  cursor:pointer;
}

.contentrow.downloadrow .downbox:hhover .overlay {
  display: block;
  position: absolute;
  width: 200%;
  height: 200%;
  z-index: 100;
}




@media screen and (max-width: 689px) {
  .contentrow.downloadrow .downbox {
    height: 250px;
    width: 100%;
  }
}


/* Editmode  */
.contentrow.downloadrow .rowcontent .editmode .blockbox {
  display:grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
 }

.contentrow.downloadrow .rowcontent .editmode .we.we_blockControls {
   border: 3px solid #ababab;
        border-top-color: rgb(171, 171, 171);
        border-top-style: solid;
        border-top-width: 3px;
        border-bottom-color: rgb(171, 171, 171);
        border-bottom-style: solid;
        border-bottom-width: 3px;
    padding: 10px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-bottom: 30px;
 }
.contentrow.downloadrow .rowcontent .editmode .we.we_blockControls:first-of-type {
    border-top: 3px solid #ababab;
 }
.contentrow.downloadrow .rowcontent .editmode .we.we_blockControls:last-of-type {
    border-bottom: 3px solid #ababab;
 }



/* Ende ContentRow Downloads  */




/* ContentRow Link Liste */

.contentrow.linklistrow { 
  padding: 0px 0px 40px 0px;
  padding: 40px 0px 40px 0px;
  //background-color: #fff7e5;

 }
.contentrow.linklistrow .rowcontent {  
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-columns: auto;
  grid-column-gap: 50px;
  grid-row-gap: 0px;
  padding-bottom: 0px;
  grid-template-rows: auto;
  border-bottom-right-radius: 40px;
 }
.contentrow.llinklistrow h1 { 
  font-size: 2.60rem;
  font-weight: 400;
  margin-bottom: 25px;
  padding: 0px 0px 0px 20px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #ffb000;
 }
.contentrow.linklistrow h1 + p { 
  font-size: 2.15rem;
  line-height: 1.2;
 }
.contentrow.linklistrow h2 { 
  font-size: 3.65rem;
  font-weight: 400;
  color: #ffb000;
  margin: 0;
  padding-bottom: 1.3rem;
 }
.contentrow.linklistrow .linkbox {
  padding: 15px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
  border-bottom: 0.0005em solid #80876e;
}
.contentrow.linklistrow .starttext + .linkbox {
  margin-top: 40px;
  border-top: 0.0005em solid #80876e;
}
.contentrow.linklistrow .linkbox a.ext-link {
  font-size: 1.35rem;
  font-weight: 600;
  color: #586563;
  line-height: 1.4;
  display: block;
  text-transform: uppercase;
  padding: 0px 0px 3px 46px;
  background: transparent url(/src/src/icons/pfeil-links.png) no-repeat top left;
}
.contentrow.linklistrow .linkbox a.ext-link:hover {
    color: #b10721;
}


/* Editmode  */
.contentrow.linklistrow .rowcontent .editmode .blockbox {
  display:grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
 }

.contentrow.linklistedit .rowcontent .editmode .we.we_blockControls {
   border: 3px solid #ababab;
        border-top-color: rgb(171, 171, 171);
        border-top-style: solid;
        border-top-width: 3px;
        border-bottom-color: rgb(171, 171, 171);
        border-bottom-style: solid;
        border-bottom-width: 3px;
    padding: 10px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-bottom: 30px;
 }
.contentrow.linklistedit .rowcontent .editmode .we.we_blockControls:first-of-type {
    border-top: 3px solid #ababab;
 }
.contentrow.linklistedit .rowcontent .editmode .we.we_blockControls:last-of-type {
    border-bottom: 3px solid #ababab;
 }




/* End ContentRow Link Liste. */




/* ContentRow Literatur Liste */

.contentrow.literaturlistrow { 
  padding: 40px 0px 40px 0px;

 }
.contentrow.literaturlistrow .rowcontent {  
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-columns: auto;
  grid-column-gap: 50px;
  grid-row-gap: 00px;
  padding-bottom: 0px;
  grid-template-rows: auto;
  border-bottom-right-radius: 40px;
 }
.contentrow.literaturlistrow h1 { 
  font-size: 3.00rem;
  font-weight: 400;
  margin: 0;
  padding-bottom: 2.2rem;
  text-transform: uppercase;
  grid-column: 1 / -1;
 }
.contentrow.literaturlistrow .starttext p {
    font-size: 2.2rem;
    //line-height: 1.4rem;
}
.contentrow.literaturlistrow h2 { 
  font-size: 2.50rem;
  font-weight: 400;
  color: #fff;
  background-color: #b1afa9;
  text-transform: uppercase;
  padding: 0px 0px 0px 20px;
  margin-bottom: -2px;
  margin-top: 20px;
 }


.contentrow.literaturlistrow .litbox {
  margin: 0px 0px 0px 0px;
  padding: 30px 0px 0px 0px;
  border: none;  
  border-top: 2px solid #72827a;
 }
.contentrow.literaturlistrow h2 + .litbox { 
  border-top: 0px solid #72827a;
  padding-top: 30px 0px 0px 0px;
 }
.contentrow.literaturlistrow .litbox h3 { 
  font-size: 1.6rem;
  font-weight: 600;
  color: #ab9e9a;
  margin: 0;
  padding-bottom: 0rem;
  text-transform: uppercase;
 }
.contentrow.literaturlistrow .litbox h3 + p { 
  font-weight: 600;
  margin-bottom: 0.50rem;
 }
.contentrow.literaturlistrow .litbox h3 + p +p { 
  font-size: 1.12rem;  
  font-weight: 00;
 }
font-weight: 600;
line-height: 1.3rem;
margin-bottom: 0.50rem;
.contentrow.literaturlistrow .downlistbox {  
  display: grid;
  //grid-column: 1 / -1;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-auto-flow: row;
  grid-template-rows: auto;
  padding-top:80px;
 }



/* Editmode  */
.contentrow.literaturlistrow .rowcontent .editmode .blockbox {
  display:grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
 }

.contentrow.literaturlistedit .rowcontent .editmode .we.we_blockControls {
   border: 3px solid #ababab;
        border-top-color: rgb(171, 171, 171);
        border-top-style: solid;
        border-top-width: 3px;
        border-bottom-color: rgb(171, 171, 171);
        border-bottom-style: solid;
        border-bottom-width: 3px;
    padding: 10px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-bottom: 30px;
 }
.contentrow.literaturlistedit .rowcontent .editmode .we.we_blockControls:first-of-type {
    border-top: 3px solid #ababab;
 }
.contentrow.literaturlistedit .rowcontent .editmode .we.we_blockControls:last-of-type {
    border-bottom: 3px solid #ababab;
 }



/* Ende ContentRow  Literatur Liste  */




/* ContentRow Video Liste */

.contentrow.videolistrow { 
  padding: 40px 0px 40px 0px;

 }
.contentrow.videolistrow .rowcontent {  
  grid-template-columns: repeat(auto-fit, minmax(575px, 1fr));
  grid-template-columns: auto;
  grid-column-gap: 50px;
  grid-row-gap: 00px;
  padding-bottom: 0px;
  grid-template-rows: auto;
  border-bottom-right-radius: 40px;
  display: grid;
  //grid-column: 1 / -1;
  grid-template-columns: repeat(auto-fit, minmax(575px, 1fr));
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-auto-flow: row;
  grid-template-rows: auto;
  //padding-top:80px;
 }
.contentrow.videolistrow .starttext {
  display: grid;
  grid-column: 1 / -1;
}
.contentrow.videolistrow .starttext p {
    font-size: 2.2rem;
}
.contentrow.videolistrow .blockbox {
  margin: 0px 0px 0px 0px;
  padding: 30px 0px 0px 0px;
  border: none;  
 }

@media screen and (max-width: 1200px) {
  .contentrow.videolistrow .blockbox video {
    width: 100%;
   }
  .contentrow.videolistrow .blockbox iframe {
    width: calc(100vw - 40px);
    height: calc((100vw - 40px) * 0.5625);
  }
}

@media screen and (max-width: 740px) {
  .contentrow.videolistrow .rowcontent {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
}



/* Editmode  */
#editmode .contentrow.videolistrow .rowcontent .editmode .blockbox {
  display:block;
  //7grid-template-columns: auto;
  //grid-template-rows: auto;
  border: 3px solid #ababab;
  padding: 10px;
  border-top: 1px solid #ababab;
  margin: 0px 0px 55px 0px !Important;
 }

.contentrow.videolistrow .rowcontent .editmode .we.we_blockControls {
   border: 3px solid #ababab;
   padding: 10px;
   border-bottom: 0px solid #ababab;
   //border-top: 1px solid #eee;
   padding-bottom: 30px;
   margin-bottom: 0px;
 }
.cccontentrow.videolistrow .rowcontent .editmode .we.we_blockControls:first-of-type {
    border-top: 3px solid #ababab;
 }
.contentrow.videolistrow .rowcontent .editmode .we.we_blockControls:last-of-type {
    border-bottom: 3px solid #ababab;
 }
#editmode .contentrow.videolistrow .rowcontent .editmode .blockbox .boxlabel {
    position: relative;
    margin: -1.5rem 0px 0px -1px;
}


/* Ende ContentRow  Video Liste  */




/* ContentRow Anmelde-Form */

.contentrow.anmeldeformtrow { 
  padding: 40px 0px 40px 0px;

 }
.contentrow.anmeldeformtrow .rowcontent {  
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-columns: auto;
  grid-column-gap: 50px;
  grid-row-gap: 00px;
  padding-bottom: 0px;
  grid-template-rows: auto;
  border-bottom-right-radius: 40px;
 }
.contentrow.anmeldeformtrow h1 { 
  font-size: 3.00rem;
  font-weight: 400;
  margin: 0;
  padding-bottom: 2.2rem;
  text-transform: uppercase;
  grid-column: 1 / -1;
 }
.contentrow.anmeldeformtrow .starttext p {
    font-size: 2.2rem;
    //line-height: 1.4rem;
}
.contentrow.anmeldeformtrow .signform {
    font-size: 90%;
}
.contentrow.anmeldeformtrow .signform div {
    margin: 10px 0px 10px 0px;
    margin-bottom: 10px;
}
.contentrow.anmeldeformtrow .signform .semdata {
    margin-bottom: 2em;
    padding-left: 150px;
    padding-bottom: 20px;
    font-size: 1.2em;
    line-height: 1.5em;
    border-bottom: 1px solid #cdcdcd;
}
.contentrow.anmeldeformtrow .signform fieldset {
    height: auto;
    width: auto;
    border: 1px solid #adadad;
    margin-bottom: 20px;
    padding: 20px 20px 20px 20px;
}
.contentrow.anmeldeformtrow .signform legend {
    font-size: 120%;
    font-weight: bold;
    color: #505050;
    margin-left: 20px;
    padding: 0px 10px 0px 10px;
}
.contentrow.anmeldeformtrow .signform label {
    font-size: 110%;
    width: 220px;
    float: left;
    text-align: right;
    margin-right: 0.8em;
    margin: 5px 10px 0px 0px;
}
.signform select {
    width: auto;
    padding: 1px 10px 1px 10px;
    margin: 5px 0px 0px 0px;
}
.signform input[type="text"] {
    width: 21em;
    padding: 2px;
    margin: 2px 0px 2px 0px;
}
.signform textarea {
    width: 21em;
    height: 6em;
    margin: 2px 0px 2px 0px;
}
.signform input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    height:20px;
}
.signform .agbsblock {
    overflow: hidden;
}
.signform .captchablock {
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 7px;
}
.signform .captchablock span {
    display: block;
    overflow: hidden;
    padding-bottom: 5px;
}
.signform .captchablock img {
    height: 30px;
    margin-bottom: 5px;
    border: 1px solid #cdcdcd;
}
.signform .captchablock input {
    margin-top: 2.5rem
}
.signform .captchablock button {
    margin-top: 8px;
    font-size: 1rem;
}
.signform input[type="submit"] {
    width: 18em;
    padding: 8px 30px 7px 30px;
    margin: 15px 0px 0px 230px;
}

	
	
	
	
	
	
	.contentrow.anmeldeformtrow .litbox {
  margin: 0px 0px 0px 0px;
  padding: 30px 0px 0px 0px;
  border: none;  
  border-top: 2px solid #72827a;
 }
.contentrow.anmeldeformtrow h2 + .litbox { 
  border-top: 0px solid #72827a;
  padding-top: 30px 0px 0px 0px;
 }
.contentrow.anmeldeformtrow .litbox h3 { 
  font-size: 1.6rem;
  font-weight: 600;
  color: #ab9e9a;
  margin: 0;
  padding-bottom: 0rem;
  text-transform: uppercase;
 }
.contentrow.anmeldeformtrow .litbox h3 + p { 
  font-weight: 600;
  margin-bottom: 0.50rem;
 }
.contentrow.anmeldeformtrow .litbox h3 + p +p { 
  font-size: 1.12rem;  
  font-weight: 00;
 }
font-weight: 600;
line-height: 1.3rem;
margin-bottom: 0.50rem;
.contentrow.anmeldeformtrow .downlistbox {  
  display: grid;
  //grid-column: 1 / -1;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-auto-flow: row;
  grid-template-rows: auto;
  padding-top:80px;
 }

.zurueck-link,
.contentrow.anmeldeformtrow .zurueck-link {
    font-size: 1.30rem;
    font-weight: bold;
    color: var(--textlinkhovercolor)!Important;
    line-height: 1.20rem;
    border-radius: .1em;
    text-align: center;
    padding: 8px 12px 10px 32px;
    margin: 30px 0px 0px 0px;
    background: transparent url(/src/src/icons/pfeil-download.png) no-repeat center left;
    align-self: end;
    justify-self: start;
}


@media screen and (max-width: 720px) {
  .contentrow.anmeldeformtrow h1 {
    font-size: 2.50rem;
  }
  .contentrow.anmeldeformtrow .signform fieldset {
    padding: 20px 10px 20px 10px;
  }
  .contentrow.anmeldeformtrow .signform label {
    font-size: 100%;
    width: 100%;
    text-align: left;
  }
  .signform input[type="submit"] {
    margin: 25px 0px 0px 0px;
  }
  .contentrow.anmeldeformtrow .signform .semdata {
    padding-left: 0px;
  }
}

@media screen and (max-width: 540px) {
  .contentrow.anmeldeformtrow .signform fieldset {
  }
  .contentrow.anmeldeformtrow .signform .semdata {
    padding-left: 0px;
  }
}

@media screen and (max-width: 420px) {
  .signform textarea,
  .signform input[type="text"] {
    width: 100%;
  }
  .signform input[type="submit"] {
    width: 100%;
    padding: 8px 30px 7px 30px;
    margin: 15px 0px 0px 0px;
  }
}

/* Editmode  */
.contentrow.anmeldeformtrow .rowcontent .editmode .blockbox {
  display:grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
 }

.contentrow.anmeldeformtrow .rowcontent .editmode .we.we_blockControls {
   border: 3px solid #ababab;
        border-top-color: rgb(171, 171, 171);
        border-top-style: solid;
        border-top-width: 3px;
        border-bottom-color: rgb(171, 171, 171);
        border-bottom-style: solid;
        border-bottom-width: 3px;
    padding: 10px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-bottom: 30px;
 }
.contentrow.anmeldeformtrow .rowcontent .editmode .we.we_blockControls:first-of-type {
    border-top: 3px solid #ababab;
 }
.contentrow.anmeldeformtrow .rowcontent .editmode .we.we_blockControls:last-of-type {
    border-bottom: 3px solid #ababab;
 }



/* Ende ContentRow  Anmelde-Form  */


/* Start ContentRow  Iconliste  */

.icongrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: 1rem;
  justify-content: space-between; 
  //margin-top: 40px; 
  //margin-bottom: 40px;
  margin-block: 40px;
}
.icongrid a {
    display: grid; 
    gap: 1rem;
    place-items: center;
  }



/* Ende ContentRow  Iconliste  */








/*           Content Rows End              */









/*           Elemente             */

/* Accordion */
.ui-accordion-content img,
.ui-widget-content img {
  float: left;
  }
.ui-accordion-content p,
.ui-widget-content p {
  //padding-left: 100px;
  }
.person .ui-icon, .ui-widget-content .ui-icon {
    background: url("/images/elemente/but-akkordion-off.png") no-repeat left center;
}
.person .ui-state-hover .ui-icon,
.person .ui-state-focus .ui-icon,
.person .ui-button:hover .ui-icon,
.person .ui-button:focus .ui-icon {
		background-image: url("/images/elemente/but-akkordion-on.png");
}
.person .ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("/images/elemente/but-akkordion-on.png");
}



/* Zitat Box and Button */


  logo .pagelogo img {
    width: 100%;
    padding-bottom: 7px;
  }

  logo .kalenderbutton {
    background-color: var(--textlinkcolor);
    color: #ffffff;
    font-size: 2.25rem;
    text-transform: uppercase;
    font-weight: normal;
    padding: 1px 20px 2px 20px;
    width: auto;
    letter-spacing: 0.03em;
  }
  logo .kalenderbutton:hover {
    color: var(--textlinkcolor);
  }
  logo .kalenderbutton img {
    width: 100%;
  }

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

  logo .pagelogo {
    grid-column: 1 / -1;
    padding: 0px 20px 0px 0px;
  }
  logo .kalenderbutton {
    grid-column: 1 / -1;
    background-color: transparent;
    text-align:right;
    padding: 1px 0px 0px 20px;
    width: 100%;
  }
  logo .kalenderbutton img {
    width: 65%;
    vertical-align: bottom;
  }
}


  .zitattext {
    position: absolute;
    border: 3px solid #8b8b8b;
    border-radius: 20px 20px 4px 20px;
    width: 50vw;
    width: auto;
    max-width: 0vw;
    max-height: 0vw;
    padding: 0px 0px;
    color: transparent;
    font-size: 1.3rem;
    right: calc((100% - 1200px)/2);
    background-color: rgba(255, 255, 255, 0.0);
    bottom: 25px;
    overflow:hidden;
    transition:all 0.3s linear;
    visibility: hidden;
  }
  input:checked ~ .zitattext{ 
    max-height:30vw; 
    max-width:90vw; 
    max-width:800px; 
    padding: 30px 30px; 
    border: 3px solid #8b8b8b;
    color: #8b8b8b;
    background-color: rgba(255, 255, 255, 0.93);
    visibility: visible;
  }
  .zitattext p {
    font-size: 2.7rem;
		line-height: 1.3;
  }
  .zitattext cite {
    font-size: 1.8rem;
    padding-left: 20px;
    white-space:nowrap;
  }
  img.zitat {
    position: absolute;
    top: auto;
    bottom: -35px;
    right: 0px;
    margin-right: calc((100% - 1200px)/2);
    z-index: 10;
  }
/*   Zitat Box End */

.contentrow .rowcontent .mehrlink { 
  font-size:1.60rem;
  font-weight:500;
  color:var(--content-link-color);
  align-self:end;
  padding-left:20px;
  background: transparent url(/assets/src/icons/pfeil-mehr-link.png) no-repeat center left;
}
.contentrow .rowcontent .mehrlink:hover { 
  color:var(--content-link-color-hover);
  background: transparent url(/assets/src/icons/pfeil-mehr-link.png) no-repeat center left;
}

ul.referenzliste li {
  padding-bottom:20px;
}
ul.referenzliste li::marker {
  font-size: 20px;
  font-weight: 800;
  color:var(--content-link-color);
}
ul.referenzliste li::first-line {
  font-size: 30px;
  font-weight: 600;
  text-decoration: none;
  color:var(--content-link-color);
}

ul.leistungsliste li {
  padding-bottom:30px;
}
ul.referenzliste li::marker {
  font-size: 20px;
  font-weight: 800;
  color:var(--content-link-color);
}
ul.leistungsliste li::first-line {
  font-size: 35px;
  font-weight: 600;
  text-decoration: none;
  color:var(--content-link-color);
}
ul.leistungsliste li a {
  text-decoration: none !Important;
}
ul.leistungsliste li a {
  color:var(--content-link-color);
}
ul.leistungsliste li a:hover {
  color:var(--content-link-color-hover);
}
ul.leistungsliste li a.mehrlink {
  font-size: 1.40rem !important;
  text-decoration: underline !Important;
}







/*           Elemente End              */









 /*       Alte Styls    Überarbeiteb!!                                  */


 /* Buttons */

  .kontakt-but {
    display: inline-block;
    background: var(--headlinecolor) url() no-repeat left center;
    padding: 17px 53px 5px 20px;
    color: #ffffff;
    font-size: 1.85rem;
    font-weight: 300;
    text-decoration: none;
  }
  .kontakt-but.home {
    display: inline-block;
    position:absolute;
    bottom:20px;
  }
  .kontakt-but:hover {
    background: #9a9b9d url() no-repeat left center;
  }
  .online-but {
    display:inline-block;
    width:72px;
    height:106px;
    background:transparent url(/images/elemente/button-online.png ) no-repeat center center;
  }
  .sprache-but {
    display:inline-block;
    width:72px;
    height:106px;
    background:transparent url(/images/elemente/button-sprache.png ) no-repeat center center;
  }
  .spenden-but {
    display:inline-block;
    width:72px;
    height:106px;
    background:transparent url(/images/elemente/button-spende.png ) no-repeat center center;
  }
  .kontakt-gr-but {
    display:inline-block;
    width:110px;
    height:106px;
    background:transparent url(/images/elemente/button-kontakt-gr.png ) no-repeat center center;
  }
  .spenden-gr-but {
    display:inline-block;
    width:110px;
    height:106px;
    margin-left:2px;
    background:transparent url(/images/elemente/button-spende-gr.png ) no-repeat center center;
  }
  .contact-gr-but {
    display:inline-block;
    width:110px;
    height:106px;
    background:transparent url(/images/elemente/button-contact-gr.png ) no-repeat center center;
  }
  .donation-gr-but {
    display:inline-block;
    width:110px;
    height:106px;
    margin-left:2px;
    background:transparent url(/images/elemente/button-donation-gr.png ) no-repeat center center;
  }

  .bbbutton {
    	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6e4f2), color-stop(100%, #d585c0));
    	background-image: -webkit-linear-gradient(top, #f6e4f2, #d585c0);
    	background-image: -moz-linear-gradient(top, #f6e4f2, #d585c0);
    	background-image: -ms-linear-gradient(top, #f6e4f2, #d585c0);
    	background-image: linear-gradient(to bottom, #f6e4f2,#d585c0);
    	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#f6e4f2', endColorstr='#d585c0');
    	border: 1px solid #dddddd;
    	border-radius: .6em;
    	-webkit-box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.8) inset, 0 0px 0 rgba(0, 0, 0, 0.15);
    	box-shadow: 0 0 0px 0px rgba(246, 228, 242, 0.8) inset, 0 0px 0 rgba(0, 0, 0, 0.15);
    /* removes extra side spacing in IE */
    	text-shadow: 0 0 0 rgba(255, 255, 255, 0.8);
    	text-decoration: none;
  }
  p.button { margin: 0 0 1.433em 0; }
  p.button a { text-decoration: none; }
  p.button a:hover { color: #3c3c3c;}


  /* skip links styling */
  .skiplinks a.skip:focus,
  .skiplinks a.skip:active {
    color: #fff;
    background: #333;
    border-bottom: 1px #000 solid;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
  }

  /*  Anpassungen Inhaltlich  */
  /*  Links  */

  a.pdf-link {
    line-height:18px; 
    margin-left:3px; 
    padding:1px 0px 1px 22px; 
    background:transparent url(/images/elemente/link-pdf.png) no-repeat center left;
    border:0px solid #888888; 
  }
  a.ext-link {
    line-height:18px; 
    margin-left:3px; 
    padding:1px 0px 1px 22px; 
    background:transparent url(/images/elemente/link-extern.png) no-repeat center left;
    border:0px solid #888888; 
  }
  a.ext-link:hover,
  a.pdf-link:hover {
    text-decoration:underline; 
  }

  /*  Blockelemente  */
  hr {
    color: #fff;
    background: transparent;
    margin: 0 0 0.75em 0;
    padding: 0 0 0.67857em 0;
    border: 0;
    border-bottom: 1px var(--headlinecolor) solid;
  }
  a.backlink {
    color: #666666;
    text-align:right; 
    display:block; margin:0px 10px 0px 0px;
    text-decoration: none;
    font-size:0.85em;
    font-weight:bold;
  }
  a.backlink:hover { color: #9d007d; }


  /*  Klassen für die Downloadseite  */
  .downbox {
    margin:0px 0px 10px 0px;
    padding:0px 0px 20px 0px;
    overflow:hidden;
    border-bottom: 1px solid #eeeeee;
  }
  .downbox a {
    font-weight:500;
    color:#4a9192;
  }
  .downbox span.byte {
    color:#888888;
  }


  /*  Klassen für Homeseite  */

  #home .contentrow:nth-child(odd) .zweispalter .spalte1 {
    grid-area: 1 / 2 / 1 / 3;
    //grid-template-areas: "spalte2 spalte1";
  }
  #home .contentrow:nth-child(odd) .zweispalter .spalte2 {
    grid-area: 1 / 1 / 1 / 2;
 }
  #home h1, #home h2, #home h3 {
    margin-top: 0px;
  }
  #home .spalte1,
  #home .spalte2 {
    display: grid;
  }
  #home .spalte1 img,
  #home .spalte2 img {
    width: 100%;
    height: auto;
  }
  #home .spalte1 a,
  #home .spalte2 a {
    color: #659fbd;
  }
  #home .zweispalter {
    grid-column-gap: 100px;
  }



  @media screen and (max-width: 1200px) {
     #home .zweispalter {
      grid-column-gap: 8.333vw;
     }
  }


  @media screen and (max-width: 992px) {
     #home .zweispalter {
      grid-column-gap: 3.5vw;
     }
  }


  @media screen and (max-width: 768px) {
    #home .zweispalter {
      grid-template-columns: 1fr;
      grid-column: 1/2;
      grid-template-areas: "spalte1" "spalte2";
    }
    #home .contentrow:nth-child(odd) .zweispalter .spalte1 {
      grid-area: 1 / 1 / 1 / 2;
    }
    #home .contentrow:nth-child(odd) .zweispalter .spalte2 {
      grid-area: 2 / 1 / 2 / 2;
    }
  }


  @media screen and (max-width: 576px) {
  }

  /*  Klassen für die Linkseite  */
  .linkbox {
    margin:0px 0px 10px 0px;
    padding:0px 0px 10px 20px;
    overflow:hidden;
    border-bottom: 1px solid #eeeeee;
  }
  .linkbox a {
    font-weight:500;
    color:#4a9192;
  }


 /*  Klassen für die Literaturliste  */
  .litbox {
    margin:0px 0px 0px 0px;
    padding:10px 0px 6px 0px;
    border-bottom: 1px solid #eeeeee;
  }
  .litbox h2.zwischentitel {
    margin:-15px 0px 10px 0px;
    padding:35px 0px 0px 0px;
    font-size:1.7em;
    color:#666666;
    background-color:#ffffff;
    border-top: 0px solid #880000;
    border-bottom: 1px solid #bababa;
  }

  /*  Klassen für die FAQ-Seite  */
  .ffaqbox { 
    height:auto;
    padding:0px 0px 0px 0px; 
    margin:-1px 0px 0px 0px; 
    border-bottom: 0px solid #cccccc; 
  }
  .ffaqbox:first-child { 
    border-top: 0px solid #cccccc; 
  }
  .ffaqbox .blockhead { 
    font-weight:400; 
    margin:0; 
    padding:0; 
    cursor:pointer;
    outline:none; 
  }
  .ffaqbox .blockbox { 
    padding: 20px 20px 20px 30px;
    background: #faf2f8;
    margin-top: 0px !Important;
  }


  .faqbox .blockhead {
    background: url("/images/elemente/but-akkordion-off.png") no-repeat 20px 20px !important;
    padding: 10px 0px 10px 60px !important;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
 }

  .faqbox .blockhead .ui-state-active {
    background: url("/images/elemente/but-akkordion-on.png") no-repeat 20px 20px !important;
 }





 .ui-state-hover .ui-icon,
 .ui-state-focus .ui-icon,
 .ui-button:hover .ui-icon,
 .ui-button:focus .ui-icon {
		background-image: url("/images/elemente/but-akkordion-on.png");
 }
 .ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("/images/elemente/but-akkordion-on.png");
 }



/*Basic Styles*/
:focus, :active {
	outline: 0;
}








/*  Klassen für die Team-Seite  */
  .teambox {
    grid-column: 2/3; 
    height:auto;
    overflow:hidden; 
    margin:0px 0px 0px 0px; 
    padding:5px 0px 5px 0px; 
    //background-color:#f6f6f6;
    //border-bottom: 1px solid #ababab; 
  }
  .teambox:first-of-type { 
    margin-top:25px; 
    //border-top: 1px solid #ababab; 
  }
  .teambox.even { background-color:transparent;}
  .teambox p { 
    font-size: 1.25rem;
    margin:0px; 
    padding:0px 20px 0px 200px; 
  }
  .teambox strong {
    font-size: 1.2em;
    padding: 10px 0px 3px 0px;
    display: inline-block;
  }
  .teambox ul { 
    margin:0px; 
    padding:10px 20px 0px 185px; 
  }
  .teambox img { 
    margin:15px 35px 15px 0px; 
    border:0px solid #ababab; 
    border-radius: 15px;
    width:auto;
  }
@media screen and (max-width: 1200px) {
  .teambox { grid-column: 1/2; }
}
@media screen and (max-width: 576px) {
  .teambox img { 
    margin:15px 0px 15px 0px; 
    display:block;
    float: initial;
  }
  .teambox p { 
    padding:0px 20px 0px 0px; 
  }


}



/*  Klassen für die Info-Reihe  */
  .contentrow.inforow {
    background-color: #006498;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .contentrow.inforow * p:first-child {
    font-weight: bold;
  }
  .contentrow.inforow .teaser1 {
    grid-column: 2/3;
    padding:100px 20px 20px 20px; 
    color:#ffffff;
    background:#408bb2 url(/images/elemente-1/icon-kalender.png ) no-repeat 20px 20px;
  }
  .contentrow.inforow .teaser2 {
    grid-column: 3/4;
    padding:100px 20px 20px 20px; 
    color:#ffffff;
    background:#73aac6 url(/images/elemente-1/icon-plan.png ) no-repeat 20px 20px;
  }
  .contentrow.inforow .teaser3 {
    grid-column: 4/5;
    padding:100px 20px 20px 20px; 
    color:#ffffff;
    background:#2e80ab url(/images/elemente-1/icon-info.png ) no-repeat 20px 20px;
  }

@media screen and (max-width: 1200px) {
  .contentrow.inforow { grid-template-columns: 1fr 1fr 1fr; }
  .contentrow.inforow .teaser1 { grid-column: 1/2; }
  .contentrow.inforow .teaser2 { grid-column: 2/3; }
  .contentrow.inforow .teaser3 { grid-column: 3/4; }
}
@media screen and (max-width: 992px) {
  .contentrow.inforow { 
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  .contentrow.inforow { grid-column-gap: 20px; }
  .contentrow.inforow .teaser1,
  .contentrow.inforow .teaser2,
  .contentrow.inforow .teaser3 {
    grid-column: 1/2;
  }
}



/*  Klassen für die Ausbildung-Seite  */
  .contentrow.ausbildrow {
    background-color: transparent;
    grid-column-gap: 15px;
    grid-template-columns: 1fr 390px 390px 390px 1fr;
  }
  .contentrow.ausbildrow .row1,
  .contentrow.ausbildrow .row2,
  .contentrow.ausbildrow .row3 {
    padding: 0px 20px 20px 20px;
    background-image: none;
    font-size: 1.25rem;
    color:#585858;
    border-radius: 0px 20px 0px 0px;
  }
  .contentrow.ausbildrow .row1 h2,
  .contentrow.ausbildrow .row2 h2,
  .contentrow.ausbildrow .row3 h2 {
    margin: 0px -20px 30px -20px;
    padding: 30px 20px 30px 20px;
    background-image: none;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    color:#ffffff;
    min-height: 200px;
    display: flex;
    align-items: center;
    border: initial;
    border-radius: 0px 20px 0px 0px;
  }
  .contentrow.ausbildrow .row1 {
    grid-column: 2/3;
    background-color: #fef6dd;
  }
  .contentrow.ausbildrow .row1 h2 { background-color: #fcd457; color:#585858; }
  .contentrow.ausbildrow .row2 {
    grid-column: 3/4;
    background-color: #eff5f8;
  }
  .contentrow.ausbildrow .row2 h2 { background-color: #659fbd; }
  .contentrow.ausbildrow .row3 {
    grid-column: 4/5;
    background-color: #d9e8f0;
  }
  .contentrow.ausbildrow .row3 h2 { background-color: #006397; }

  .contentrow.onecol .column1 a.strukturlink::after {
    content: " ";
    content: ' ';
    position: relative;
    left: -5px;
    top: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #fcd457;
    clear: both;
    display: inline-block;
    padding-right: 10px;
  }
  .contentrow.onecol .column1 a + a.strukturlink::after {
    border-left: 15px solid #659fbd;
  }
  .contentrow.onecol .column1 a + a + a.strukturlink::after {
    content: none;
  }
  .contentrow.onecol .column1 a img {
    width:auto;
  }

  @media screen and (max-width: 1200px) {
    .contentrow.ausbildrow {
      grid-template-columns: 1fr 1fr 1fr;
    }
    .contentrow.ausbildrow .row1 { grid-column: 1/2; }
    .contentrow.ausbildrow .row2 { grid-column: 2/3; }
    .contentrow.ausbildrow .row3 { grid-column: 3/4; }
    .contentrow.onecol .column1 a::after {
      left: -0.4vw;
      top: -1.3vw;
      padding-right: 0.85vw;
      border-width: 1.5vw;
    }
    .contentrow.onecol .column1 a + a::after {
      left: -0.4vw;
      top: -1.3vw;
      padding-right: 0.85vw;
      border-width: 1.5vw;
    }
    .contentrow.onecol .column1 aaa + a + a::after {
      left: -0.4vw;
      top: -1.3vw;
      padding-right: 0.85vw;
      border-width: 1.5vw;
    }
    .contentrow.onecol .column1 a img {
      width:29.8vw;
    }

}
  @media screen and (max-width: 768px) {
    .contentrow.ausbildrow {
      grid-template-columns: 1fr;
    }
    .contentrow.ausbildrow .row1 { grid-column: 1/2; }
    .contentrow.ausbildrow .row2 { grid-column: 1/2; }
    .contentrow.ausbildrow .row3 { grid-column: 1/2; }
    .contentrow.onecol .column1 a img {
      width:28.8vw;
    }

  }



  /*  Klassen für die Podcast-Seite  */

  .Podcast iframe { 
    //border: 1px solid #9ba7b1;
    background: url(/images/elemente/spinner-1.gif) no-repeat center center;
  }



  /*  Klassen für Spaltentext  */

  .zweispaltig ul, 
  .zweispaltig p { 
    break-inside: avoid;
  }
  ol.zweispaltig { 
    column-count: 2;
    column-gap: 100px;
    line-height: 1.254;
  }
  ol.zweispaltig li { 
    break-inside: avoid;
  }
  ol.dreispaltig { 
    column-count: 3;
    column-gap: 20px;
    line-height: 1.254;
  }
  ol.dreispaltig li { 
    break-inside: avoid;
  }
  .zweispaltig { 
    column-count: 2;
    column-gap: 50px;
    //break-inside: avoid;
  }
  .dreispaltig { 
    column-count: 3;
    column-gap: 20px;
    //break-inside: avoid;
  }


@media screen and (max-width: 960px) {
  .zweispaltig { 
    column-count: 1 !Important;
  }
  ol.zweispaltig li:first-child { 
    margin-top: initial !Important;
  }

  .contentrow .bild-rechts,
  .contentrow .bild-links {
    clear: both;
    margin: 0px;
    width: 100%;
  }
}






/*  Klassen für die Link-Listen-Seite  */
  .Links h3 { 
    font-size: 1.8rem;
    font-weight: 700;
    padding: 7px 0px 12px 0px;
  }
  .Links h3:first-Child { 
    font-size: 1.8rem;
    font-weight: 700;
    padding: -20px 0px 12px 0px;
  }
  .Links .contentrow ul { 
    //list-style-image: url('/images/elemente/icon-linklist.png');
    //list-style-position: inside;
    list-style-type: none;
    padding-left: 0px;
  }
  .Links .contentrow ul li {
    border-top: 1px solid var(--markercolor);
    font-size:1.5rem;
    font-weight:700;
    color:#659fbd;
    background: transparent url('/images/elemente/icon-linklist.png') no-repeat left 20px;
    padding-left: 30px;
    list-style-type: none;
    padding: 10px 0px 10px 30px;
  }
.Links .contentrow ul li a {
    //font-size:1.5rem;
    font-weight:400;
    color:var(--contenttextcolor);
}


  /*  Klassen für die History-Seite  */
  .historybox { 
    height:auto;
    overflow:hidden; 
    margin:0px 0px 0px 0px; 
    padding:10px 0px 10px 0px; 
    background-color:transparent;
    border-bottom: 1px solid #ababab; 
  }
  .historybox .gbox-left, .historybox .gbox-right { 
    height:auto;
    overflow:hidden; 
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 0px; 
  }
  .historybox .gbox-left { 
    font-weight:bold;
    color: #9d007d;
    margin:0px 0px 0px 10px; 
  }
  .historybox .gbox-right { 
    font-weight:normal;
    margin:0px 0px 0px 10px; 
  }
  .historybox:first-of-type { 
    margin-top:25px; 
    border-top: 1px solid #ababab; 
  }
  .historybox.even { background-color:transparent;}
  .historybox p { 
    margin:0px; 
    padding:0px 10px 0px 0px; 
  }

  /*  Klassen für Sidemap  */
  .sidemap li { 
    border:0px solid #ababab; 
  }
  .sidemap li a { 
    border:0px solid #ababab; 
  }

}


.contentrow .rowcontent .rowbutton { 
  display: grid;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  line-height: 1.70rem;
  color: #ffffff;
  margin: 18px 0px 0px 0px;
  padding: 8px 15px 12px 15px;
  max-width:350px;
  min-width:350px;
  min-height:55px;
  align-content:center;
  justify-content:center;
  background-color: var(--buttonlinkcolor);
 }
.contentrow .rowcontent .rowbutton a { 
  color: #ffffff;
  text-decoration: none;
 }
.contentrow .rowcontent .rowbutton:hover { 
  color: #ffffff;
  background-color: var(--buttonlinkhovercolor);
 }

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

  .contentrow .rowcontent .rowbutton { 
    max-width:100%;
    min-width:100%;
   }

}



/* reset fallback values in modern browsers */
@media screen and (min-width: 0px) {

}


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

  .teambox { 
    margin:0px 0px 0px 0px; 
  }

}



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

  .searchform {
    display: block;
    float: none;
    width: auto;
    text-align: right;
  }

  .searchform input[type="search"] {
    width: 14%;
  }




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

  .searchform,
  nav .hlist ul,
  nav .hlist li {
    display: block;
    float: none;
    width: auto;
    text-align: left;
  }

  .searchform input[type="search"] {
    width: 75%;
  }


}

}