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


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Farben / Text - Size
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


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


/*
***************************************************************************************************
** Background - Color
***************************************************************************************************
*/

/*
  Background-color: weinrot
*/

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

/*
  Background-color: rot
*/

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

/*
  Background-color: orange
*/

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

/*
  Background-color: gelb
*/

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

/*
  Background-color: pink
*/

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

/*
  Background-color: violett
*/

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

/*
  Background-color: aubergine
*/

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

/*
  Background-color: tannengruen
*/

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

/*
  Background-color: gruen
*/

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

/*
  Background-color: hellgruen
*/

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

/*
  Background-color: hellbraun
*/

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

/*
  Background-color: braun
*/

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

/*
  Background-color: dunkelbraun
*/

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

/*
  Background-color: blau
*/

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

/*
  Background-color: hellblau
*/

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

/*
  Background-color: lichtblau
*/

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

/*
  Background-color: hellgrau
*/

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

/*
  Background-color: grau
*/

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

/*
  Background-color: dunkelgrau
*/

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

/*
  Background-color: schwarz
*/

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

/*
  Background-color: weiss
*/

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

/*
  Background-color: markegruen
*/

.background-color-markegruen {
  background: #dadf47;
}

/*
  Background-color: markeorange
*/

.background-color-markeorange {
  background: #e98212;
}


/*
***************************************************************************************************
** Text - Color
***************************************************************************************************
*/

/*
  Text-color: standard
*/

.text-color-standard {
  color: #616263;
}

/*
  Text-color: weinrot
*/

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

/*
  Text-color: rot
*/

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

/*
  Text-color: orange
*/

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

/*
  Text-color: gelb
*/

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

/*
  Text-color: pink
*/

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

/*
  Text-color: violett
*/

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

/*
  Text-color: aubergine
*/

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

/*
  Text-color: tannengruen
*/

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

/*
  Text-color: gruen
*/

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

/*
  Text-color: hellgruen
*/

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

/*
  Text-color: hellbraun
*/

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

/*
  Text-color: braun
*/

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

/*
  Text-color: dunkelbraun
*/

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

/*
  Text-color: blau
*/

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

/*
  Text-color: hellblau
*/

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

/*
  Text-color: lichtblau
*/

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

/*
  Text-color: hellgrau
*/

.text-color-hellgrau {
  color: #d6e3eb;
}

/*
  Text-color: grau
*/

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

/*
  Text-color: dunkelgrau
*/

.text-color-dunkelgrau {
  color: #616263;
}

/*
  Text-color: schwarz
*/

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

/*
  Text-color: weiss
*/

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

/*
  Text-color: markegruen
*/

.text-color-markegruen {
  color: #dadf47;
}

/*
  Text-color: markeorange
*/

.text-color-markeorange {
  color: #e98212;
}


/*
***************************************************************************************************
** Link - Color
***************************************************************************************************
*/

/*
  Link-color: standard
*/

a.link-color-standard:link,
a.link-color-standard:visited,
a.link-color-standard:hover,
a.link-color-standard:active {
  color: #0d7a9f;
}

a.link-color-blau:link,
a.link-color-blau:visited,
a.link-color-blau:hover,
a.link-color-blau:active {
  color: #0d7a9f;
}

a.link-color-weiss:link,
a.link-color-weiss:visited,
a.link-color-weiss:hover,
a.link-color-weiss:active {
  color: #ffffff;
}


/*
***************************************************************************************************
***************************************************************************************************
** Text - Size
***************************************************************************************************
***************************************************************************************************
*/

/*
  Text-size: 1
*/

.text-size-1 {
  font-size: .8em;
  line-height: 1.2em;
}

/*
  Text-size: 2
*/

.text-size-2 {
  font-size: .9em;
  line-height: 1.2em;
}

/*
  Text-size: 3 (Standard)
*/

.text-size-3 {
  font-size: 1em;
  line-height: 1.2em;
}

/*
  Text-size: 4
*/

.text-size-4 {
  font-size: 1.15em;
  line-height: 1.2em;
}

/*
  Text-size: 5
*/

.text-size-5 {
  font-size: 1.3em;
  line-height: 1.2em;
}

/*
  Text-size: 6
*/

.text-size-6 {
  font-size: 1.45em;
  line-height: 1.2em;
}

/*
  Text-size: 7
*/

.text-size-7 {
  font-size: 1.6em;
  line-height: 1.2em;
}

/*
  Text-size: 8
*/

.text-size-8 {
  font-size: 1.9em;
  line-height: 1.2em;
}

/*
  Text-size: 9
*/

.text-size-9 {
  font-size: 2.5em;
  line-height: 1.2em;
}

/*
  Text-size: 10
*/

.text-size-10 {
  font-size: 3em;
  line-height: 1.2em;
}

/*
  Text-size: 11
*/

.text-size-11 {
  font-size: 4em;
  line-height: 1.2em;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Themenwelten
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.themenwelten {
  border: 2px solid #ffffff;
  background-repeat: no-repeat;
  font-size: .85em;
  line-height: 12px;
}

.themenwelten a:link,
.themenwelten a:visited,
.themenwelten a:hover,
.themenwelten a:active {
  font-weight: bold;
}

.themenwelten-body {
  position: relative;
  width: 100%;
}

/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Bausteine
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

/*
***************************************************************************************************
***************************************************************************************************
** Container
***************************************************************************************************
***************************************************************************************************
*/

.baustein-container {
  position: absolute;
  z-index: 100;
}


/*
***************************************************************************************************
** Border
***************************************************************************************************
*/

.baustein-container-border {
  position: absolute;
  visibility: hidden;
  display: none;
}


/*
***************************************************************************************************
** Highlight
***************************************************************************************************
*/

.baustein-container-highlight {
  position: absolute;
  visibility: hidden;
  display: none;
}


/*
***************************************************************************************************
** Toolbox
***************************************************************************************************
*/

.baustein-container-toolbox {
  position: absolute;
  visibility: hidden;
  display: none;
}


/*
***************************************************************************************************
***************************************************************************************************
** Baustein - Text-Block
***************************************************************************************************
***************************************************************************************************
*/

.baustein-textblock {
  background-repeat: no-repeat;
  line-height: 1.2em;
}


/*
***************************************************************************************************
***************************************************************************************************
** Baustein - Bild
***************************************************************************************************
***************************************************************************************************
*/

.baustein-bild {
  background-repeat: no-repeat;
}


/*
***************************************************************************************************
***************************************************************************************************
** Baustein - Text-Bild-Block
***************************************************************************************************
***************************************************************************************************
*/

.baustein-textbildblock {
  background-repeat: no-repeat;
  line-height: 1.2em;
}


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

.baustein-textbildblock-content {
  width: 100%;
}

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

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