/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** rdts AG | CSS-Datei | CUSTOM-EYECATCHER-KLASSEN
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Custom-Eyecatcher
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

/*
  Layout: Standard
*/

.custom_eyecatcher {
  position: relative;
  width: 183px;
  font-size: .9em;
}

a.custom_eyecatcher-global-link:link,
a.custom_eyecatcher-global-link:visited,
a.custom_eyecatcher-global-link:hover,
a.custom_eyecatcher-global-link:active {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
}


/*
***************************************************************************************************
***************************************************************************************************
** Farben
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
** Background
***************************************************************************************************
*/

/*
  Background-color: weinrot
*/

.background-weinrot {
  background-color: #DE566A;
}

/*
  Background-color: rot
*/

.background-rot {
  background-color: #EC7956;
}

/*
  Background-color: orange
*/

.background-orange {
  background-color: #EFA656;
}

/*
  Background-color: gelb
*/

.background-gelb {
  background-color: #FCC858;
}

/*
  Background-color: pink
*/

.background-pink {
  background-color: #7D56A6;
}

/*
  Background-color: violett
*/

.background-violett {
  background-color: #B165D9;
}

/*
  Background-color: aubergine
*/

.background-aubergine {
  background-color: #EF8CE9;
}

/*
  Background-color: tannengruen
*/

.background-tannengruen {
  background-color: #568C77;
}

/*
  Background-color: gruen
*/

.background-gruen {
  background-color: #56C17C;
}

/*
  Background-color: hellgruen
*/

.background-hellgruen {
  background-color: #7BE16E;
}

/*
  Background-color: hellbraun
*/

.background-hellbraun {
  background-color: #A39A95;
}

/*
  Background-color: braun
*/

.background-braun {
  background-color: #C7BAA2;
}

/*
  Background-color: dunkelbraun
*/

.background-dunkelbraun {
  background-color: #927C6D;
}

/*
  Background-color: blau
*/

.background-blau {
  background-color: #0D7A9F;
}

/*
  Background-color: hellblau
*/

.background-hellblau {
  background-color: #8ABCD7;
}

/*
  Background-color: lichtblau
*/

.background-lichtblau {
  background-color: #F1F6F9;
}

/*
  Background-color: hellgrau
*/

.background-hellgrau {
  background-color: #e6eff4;
}

/*
  Background-color: grau
*/

.background-grau {
  background-color: #d6e3eb;
}

/*
  Background-color: dunkelgrau
*/

.background-dunkelgrau {
  background-color: #94a9b5;
}

/*
  Background-color: schwarz
*/

.background-schwarz {
  background-color: #000000;
}

/*
  Background-color: weiss
*/

.background-weiss {
  background-color: #ffffff;
}

/*
  Background-color: markegruen
*/

.background-markegruen {
  background: #dadf47;
}

/*
  Background-color: markeorange
*/

.background-markeorange {
  background: #e98212;
}


/*
***************************************************************************************************
** Text
***************************************************************************************************
*/

/*
  Text-color: standard
*/

.text-standard {
  color: #616263;
}

/*
  Text-color: weinrot
*/

.text-weinrot {
  color: #DE566A;
}

/*
  Text-color: rot
*/

.text-rot {
  color: #EC7956;
}

/*
  Text-color: orange
*/

.text-orange {
  color: #EFA656;
}

/*
  Text-color: gelb
*/

.text-gelb {
  color: #FCC858;
}

/*
  Text-color: pink
*/

.text-pink {
  color: #7D56A6;
}

/*
  Text-color: violett
*/

.text-violett {
  color: #B165D9;
}

/*
  Text-color: aubergine
*/

.text-aubergine {
  color: #EF8CE9;
}

/*
  Text-color: tannengruen
*/

.text-tannengruen {
  color: #568C77;
}

/*
  Text-color: gruen
*/

.text-gruen {
  color: #56C17C;
}

/*
  Text-color: hellgruen
*/

.text-hellgruen {
  color: #7BE16E;
}

/*
  Text-color: hellbraun
*/

.text-hellbraun {
  color: #A39A95;
}

/*
  Text-color: braun
*/

.text-braun {
  color: #C7BAA2;
}

/*
  Text-color: dunkelbraun
*/

.text-dunkelbraun {
  color: #927C6D;
}

/*
  Text-color: blau
*/

.text-blau {
  color: #0D7A9F;
}

/*
  Text-color: hellblau
*/

.text-hellblau {
  color: #8ABCD7;
}

/*
  Text-color: lichtblau
*/

.text-lichtblau {
  color: #F1F6F9;
}

/*
  Text-color: hellgrau
*/

.text-hellgrau {
  color: #d6e3eb;
}

/*
  Text-color: grau
*/

.text-grau {
  color: #94a9b5;
}

/*
  Text-color: dunkelgrau
*/

.text-dunkelgrau {
  color: #616263;
}

/*
  Text-color: schwarz
*/

.text-schwarz {
  color: #000000;
}

/*
  Text-color: weiss
*/

.text-weiss {
  color: #ffffff;
}

/*
  Text-color: markegruen
*/

.text-markegruen {
  color: #dadf47;
}

/*
  Text-color: markeorange
*/

.text-markeorange {
  color: #e98212;
}


/*
***************************************************************************************************
***************************************************************************************************
** Components
***************************************************************************************************
***************************************************************************************************
*/

.custom_eyecatcher-components {
  width: 100%;
  background-repeat: no-repeat;
  background-position: 0 23px;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  overflow: hidden;
  z-index: 1;
}


/*
***************************************************************************************************
** Component - Titel
***************************************************************************************************
*/

.custom_eyecatcher-component-titel {
  position: relative;
  background-repeat: no-repeat;
  border-top: 2px solid #FFFFFF;
}


/*
******************************************
** Body
******************************************
*/

.custom_eyecatcher-component-titel-body {
  padding: 3px 5px 4px 11px;
}


/*
***************************************************************************************************
** Component - Untertitel
***************************************************************************************************
*/

.custom_eyecatcher-component-untertitel {
  background-repeat: no-repeat;
  border-top: 2px solid #FFFFFF;
  line-height: 1.3em;
}


/*
******************************************
** Body
******************************************
*/

.custom_eyecatcher-component-untertitel-body {
  padding: 8px 7px 5px 7px;
}


/*
***************************************************************************************************
** Bild
***************************************************************************************************
*/

.custom_eyecatcher-component-bild {
  background-repeat: no-repeat;
  border-top: 2px solid #FFFFFF;
}


/*
******************************************
** Body
******************************************
*/

.custom_eyecatcher-component-bild-body {
  padding: 3px 0 3px 0;
}


/*
***************************************************************************************************
** Component - Text-Block
***************************************************************************************************
*/

.custom_eyecatcher-component-textblock {
  background-repeat: no-repeat;
  border-top: 2px solid #FFFFFF;
  line-height: 1.2em;
}


/*
******************************************
** Body
******************************************
*/

.custom_eyecatcher-component-textblock-content {
  padding: 3px 0 9px 9px;
}


/*
******************************************
** Label
******************************************
*/


/*
******************************************
** Content
******************************************
*/

.custom_eyecatcher-component-textblock-content-body {
  padding: 3px 0 0 0;
}


/*
***************************************************************************************************
** Component - Text-Bild-Block
***************************************************************************************************
*/

/* Padding in die Breite hier, in die Höhe in "custom_eyecatcher-component-textbildblock-content" */

.custom_eyecatcher-component-textbildblock {
  padding: 0 0 0 7px;
  background-repeat: no-repeat;
  border-top: 2px solid #FFFFFF;
  line-height: 1.2em;
}


/*
******************************************
** Content
******************************************
*/

.custom_eyecatcher-component-textbildblock-content {
  width: 100%;
  padding: 3px 0 6px 0;
}

.custom_eyecatcher-component-textbildblock-content-picture-left {
  padding: 3px 5px 0 0;
  float: left;
}

.custom_eyecatcher-component-textbildblock-content-picture-right {
  padding: 3px 0 0 5px;
  float: right;
}

.custom_eyecatcher-component-textbildblock-content-picture-center {
  padding: 0 0 5px 0;
}


/*
******************************************
** Body
******************************************
*/

.custom_eyecatcher-component-textbildblock-body {
  padding: 3px 0 0 0;
}


/*
***************************************************************************************************
** Component - Absatz
***************************************************************************************************
*/

.custom_eyecatcher-component-absatz-05,
.custom_eyecatcher-component-absatz-1,
.custom_eyecatcher-component-absatz-15,
.custom_eyecatcher-component-absatz-2 {
  background-repeat: no-repeat;
  border-top: 2px solid #FFFFFF;
  font-size: 1px;
  line-height: 1px;
}

.custom_eyecatcher-component-absatz-05 {
  height: 10px;
}

.custom_eyecatcher-component-absatz-1 {
  height: 20px;
}

.custom_eyecatcher-component-absatz-15 {
  height: 30px;

}

.custom_eyecatcher-component-absatz-2 {
  height: 40px;

}