/**
 * Kompiliert mit Sass
 * 
 * @name design_all
 * @see http://sass-lang.com/guide/
 */

/*

Verfuegbare Variablen:
================
$einstellungen_ID: 1;
$einstellungen_design: 22;
$einstellungen_aktiv: 1;
$einstellungen_body_backgroundcolor: #E9EDFF;
$einstellungen_color_hintergrund: #ffffff;
$einstellungen_color_leiste: transparent;
$einstellungen_color_inhalt: #ffffff;
$einstellungen_color_navi: transparent;
$einstellungen_color_fuss: transparent;
$einstellungen_color_h1: #B74E93;
$einstellungen_color_h2: #B74E93;
$einstellungen_color_p: #000000;
$einstellungen_color_linien: #B74E93;
$einstellungen_color_navi_eintrag: B84E94;
$einstellungen_color_navi_eintrag_hintergrund: transparent;
$einstellungen_schrift_p: 13;
$einstellungen_schrift_h: 5;
$einstellungen_schrift_navi: 13;
$einstellungen_aktivlste_breite: 300;
$einstellungen_mobile_version: 1;
$einstellungen_mobile_switch: 0;
$einstellungen_pw_laenge_min: 8;
$einstellungen_bn_laenge_min: 6;

$schrift_p_ID: 13;
$schrift_p_design: 22;
$schrift_p_aktiv: 1;
$schrift_p_body_backgroundcolor: #E9EDFF;
$schrift_p_color_hintergrund: #ffffff;
$schrift_p_color_leiste: transparent;
$schrift_p_color_inhalt: #ffffff;
$schrift_p_color_navi: transparent;
$schrift_p_color_fuss: transparent;
$schrift_p_color_h1: #B74E93;
$schrift_p_color_h2: #B74E93;
$schrift_p_color_p: #000000;
$schrift_p_color_linien: #B74E93;
$schrift_p_color_navi_eintrag: B84E94;
$schrift_p_color_navi_eintrag_hintergrund: transparent;
$schrift_p_schrift_p: 13;
$schrift_p_schrift_h: 5;
$schrift_p_schrift_navi: 13;
$schrift_p_aktivlste_breite: 300;
$schrift_p_mobile_version: 1;
$schrift_p_mobile_switch: 0;
$schrift_p_pw_laenge_min: 8;
$schrift_p_bn_laenge_min: 6;
$schrift_p_schrift: Corbel;
$schrift_p_code: Corbel, Verdana, Arial, Helvetica, sans-serif;

$schrift_h_ID: 5;
$schrift_h_design: 22;
$schrift_h_aktiv: 1;
$schrift_h_body_backgroundcolor: #E9EDFF;
$schrift_h_color_hintergrund: #ffffff;
$schrift_h_color_leiste: transparent;
$schrift_h_color_inhalt: #ffffff;
$schrift_h_color_navi: transparent;
$schrift_h_color_fuss: transparent;
$schrift_h_color_h1: #B74E93;
$schrift_h_color_h2: #B74E93;
$schrift_h_color_p: #000000;
$schrift_h_color_linien: #B74E93;
$schrift_h_color_navi_eintrag: B84E94;
$schrift_h_color_navi_eintrag_hintergrund: transparent;
$schrift_h_schrift_p: 13;
$schrift_h_schrift_h: 5;
$schrift_h_schrift_navi: 13;
$schrift_h_aktivlste_breite: 300;
$schrift_h_mobile_version: 1;
$schrift_h_mobile_switch: 0;
$schrift_h_pw_laenge_min: 8;
$schrift_h_bn_laenge_min: 6;
$schrift_h_schrift: Times New Roman;
$schrift_h_code: "times new roman", times, serif;

$schrift_navi_ID: 13;
$schrift_navi_design: 22;
$schrift_navi_aktiv: 1;
$schrift_navi_body_backgroundcolor: #E9EDFF;
$schrift_navi_color_hintergrund: #ffffff;
$schrift_navi_color_leiste: transparent;
$schrift_navi_color_inhalt: #ffffff;
$schrift_navi_color_navi: transparent;
$schrift_navi_color_fuss: transparent;
$schrift_navi_color_h1: #B74E93;
$schrift_navi_color_h2: #B74E93;
$schrift_navi_color_p: #000000;
$schrift_navi_color_linien: #B74E93;
$schrift_navi_color_navi_eintrag: B84E94;
$schrift_navi_color_navi_eintrag_hintergrund: transparent;
$schrift_navi_schrift_p: 13;
$schrift_navi_schrift_h: 5;
$schrift_navi_schrift_navi: 13;
$schrift_navi_aktivlste_breite: 300;
$schrift_navi_mobile_version: 1;
$schrift_navi_mobile_switch: 0;
$schrift_navi_pw_laenge_min: 8;
$schrift_navi_bn_laenge_min: 6;
$schrift_navi_schrift: Corbel;
$schrift_navi_code: Corbel, Verdana, Arial, Helvetica, sans-serif;


*/

/*

Verwendete Imports:
================
@import 'design_all.scss';
@import 'bild_erweitert.scss';
@import 'slideShow.scss';

*/

body {
  font-size: 16px; }

.bilderleiste_innen_divausrichtung {
  padding: 0px 10px 0px 10px; }

.maus_hover:hover {
  cursor: pointer; }

.soft_ausblenden {
  overflow: hidden;
  width: 1px;
  height: 1px;
  visibility: visible;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: opacity 0.6s linear 0.5s, width 0.5s ease-out 0.5s, height 0.5s ease-out 0s;
  -webkit-transition: width 1s, visibility 0s linear, opacity 0.3s ease-in;
  -ms-transition: width 1s, visibility 0s linear, filter 0.3s ease-in;
  -o-transition: width 1s, visibility 0s linear, opacity 0.3s ease-in;
  transition: width 1s, visibility 0s linear, opacity 0.3s ease-in; }

.grund_ausblenden {
  background-image: url(/bilder/halbtransparenter_hinterg.png);
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  z-index: 110; }

.grund_ausblenden_soft_ein {
  background-image: url(/bilder/halbtransparenter_hinterg.png);
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  z-index: 9;
  opacity: 1;
  filter: alpha(opacity=100); }

.grund_ausblenden_soft_aus {
  background-image: url(/bilder/halbtransparenter_hinterg.png);
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  z-index: 9;
  opacity: 0;
  -moz-transition: opacity 1s linear 0s;
  -webkit-transition: width 1s, visibility 0s linear, opacity 0.3s ease-in;
  -ms-transition: width 1s, visibility 0s linear, filter 0.3s ease-in;
  -o-transition: width 1s, visibility 0s linear, opacity 0.3s ease-in;
  transition: width 1s, visibility 0s linear, opacity 0.3s ease-in; }
/*  Diese muss NACH .grund_ausblenden definiert werden, da sie den z-index dort überschreiben soll! */
.baustein_bearbeiten_ausblenden {
  z-index: 170; }

.baustein_fixed_div {
  position: fixed;
  top: 10px;
  left: 0px;
  width: 100%;
  z-index: 120; }

.cms_verwaltungsmodul {
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 650; }

.portrait_oben {
  position: relative;
  margin-right: 1em;
  margin-bottom: 1em;
  padding-bottom: 2px; }

.portrait_unten {
  margin-right: 1em;
  margin-bottom: 1em;
  padding-bottom: 2px;
  position: relative; }

.bildbox_oben {
  position: relative;
  bottom: 0;
  float: left;
  margin: 2px 4px 4px;
  padding-bottom: 2px; }

.bildbox_oben_galerie {
  background-color: #f0f0f0;
  float: left;
  margin: 2px 4px 4px;
  position: relative;
  bottom: 0;
  width: 200px;
  height: 200px;
  float: left;
  padding: 5px;
  border: solid 1px #505050; }
/* --------------------------   Galerie 2 ------------------------------------------- */
.galerie_2_vorschau_outer {
  width: 100%; }

.galerie_2_vorschau {
  margin: auto;
  width: 400px;
  height: 400px;
  border: 1px groove grey;
  background-color: #ddd; }

.bildbox_oben_galerie_2 {
  background-color: #f0f0f0;
  display: inline-block;
  vertical-align: bottom;
  margin: 2px 4px 4px;
  bottom: 0;
  width: 100px;
  height: 100px;
  padding: 5px;
  border: solid 1px #505050; }

.galerie_2_slidebox_inner {
  min-width: 200px;
  white-space: nowrap; }

.galerie_2_slidebox {
  margin-top: 10px;
  height: 135px;
  width: 96%;
  overflow-y: hidden;
  -ms-overflow-x: auto;
  /* IE8 */
  overflow-x: auto; }
/* --------------------------   Galerie 2 ENDE ------------------------------------------- */
#text {
  /*width: 29.5em;*/
  float: left; }

.dotted_border_bottom {
  margin-bottom: 8px;
  padding-bottom: 4px;
  border-bottom: 2px dotted gray; }

.dotted_border {
  overflow: auto;
  padding: 4px;
  border: dotted 2px gray; }

p.nomargin {
  margin: 0; }

.vererbe_p_nomargin p {
  margin: 0; }

#example_id {
  background-color: #ff0;
  background-repeat: repeat;
  background-attachment: scroll; }

#bildbox {
  width: 670px;
  height: auto;
  clear: both;
  min-height: 25px;
  margin-bottom: auto; }

#bildbox img {
  float: left;
  clear: left; }

.portrait {
  width: 150px;
  float: left;
  margin-right: 1em;
  margin-bottom: auto; }

.portrait_neben {
  width: auto;
  height: 230px;
  float: left;
  margin-right: 0.2em;
  margin-left: 0.2em; }

#navi_logo p {
  margin: 0; }

#bilderleiste_text p {
  margin: 0; }

#bilderleiste {
  overflow: hidden; }

#fuss {
  overflow: hidden;
  position: relative; }

.x {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0; }

#ausblenden {
  background-image: url(/bilder/halbtransparenter_hinterg.png);
  position: absolute;
  top: 22px;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 15;
  min-width: 100%;
  min-height: 100%; }

#stark_ausblenden {
  background-image: url(/bilder/halbtransparenter_hinterg_stark.png);
  position: fixed;
  z-index: 750;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 100%; }

.bdblogo {
  position: relative;
  bottom: -3px;
  margin-right: 50px; }

.galerie_bildunterschr {
  background-image: url(/bilder/halbtransparenter_hinterg_weiss.png);
  background-repeat: repeat;
  text-align: center;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  padding: 3px 5px; }
/*  Für die Google Map Geschichte  -----------------  */
.google_map {
  margin: 5px;
  max-width: 100%;
  height: auto; }

.map_infofenster_parameter_bearbeiten {
  border: solid 1px grey;
  margin: 4px;
  padding: 4px;
  font-size: 14px; }

.map_infofenster_titel_bearbeiten {
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline; }

.map_wrapper {
  overflow: hidden;
  padding: 0px;
  width: 300px; }

.map_h4 {
  margin: 0px 0px 2px 0px; }

.map_div_text {
  display: inline-block;
  max-width: 200px;
  vertical-align: top;
  font-size: 14px; }

.map_div_text p {
  font-size: 13px; }

.map_div_text *:first-child {
  margin-top: 0px; }

.map_div_text *:last-child {
  margin-bottom: 0px; }

.map_div_bild_gesamt {
  display: inline-block;
  vertical-align: top; }

.map_div_bild_unterschrift {
  font-size: 12px; }

.map_div_link {
  margin-top: 4px;
  font-size: 13px; }

.map_div_link a:hover {
  text-decoration: none;
  font-weight: normal; }
/* ENDE  Für die Google Map Geschichte  ------------   */
.aktivleiste_vorschau {
  margin-left: 6px;
  padding-left: 2px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0px;
  width: 160px;
  background-color: #ddd;
  overflow: hidden; }

.aktivleiste_vorschau div h3 {
  background-color: #ccc;
  color: #900;
  margin: 0 0 10px;
  padding: 4px;
  text-align: center;
  width: auto; }

.aktivleiste_vorschau .kurztext_global {
  background-color: white;
  padding: 2px;
  margin: 0px;
  border: none;
  overflow: hidden; }

.aktivleiste_vorschau .kurztext_nur_der_text {
  padding: 0px; }

.aktivleiste_vorschau .nurtext_text_div {
  background-color: white;
  margin: 0px;
  padding: 2px; }

.aktivleiste_vorschau .nurbild_global {
  margin: 0px;
  padding: 2px; }
/*.kurztext_text_div p:first-child {margin-top:0px;}*/
.kurztext_text_div *:first-child {
  margin-top: 0px; }
/*.kurztext_text_div h1:first-child {margin-top:0px;}*/
.baustein_html_code_multi .textblock {
  width: 100%;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: block;
  float: none; }
/* Überblenden.... */
.opac0 {
  opacity: 0;
  filter: alpha(opacity=0); }

.opac1 {
  opacity: 0.1;
  filter: alpha(opacity=10); }

.opac2 {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.opac3 {
  opacity: 0.3;
  filter: alpha(opacity=30); }

.opac4 {
  opacity: 0.4;
  filter: alpha(opacity=40); }

.opac5 {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.opac6 {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.opac7 {
  opacity: 0.7;
  filter: alpha(opacity=70); }

.opac8 {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.opac9 {
  opacity: 0.9;
  filter: alpha(opacity=90); }

.opac10 {
  opacity: 1;
  filter: alpha(opacity=100); }
/*   Für Skribifax Rechner */
.cp_center_rechner_label {
  float: left;
  width: 11em;
  color: blue;
  margin-top: 0px; }

.cp_center_rechner_neues_item {
  float: left;
  width: 11em; }

.cp_center_rechner_loesche_item {
  float: right;
  color: red;
  white-space: nowrap; }

.cp_center_bestell_angaben {
  float: left;
  width: 11em; }
/*  ----------------   Kontaktformular - Baustein  -------------------------  */
.kontakt_aktiv_datenschutz_link {
  text-decoration: underline; }

.kontakt_aktiv_datenschutz_link:hover {
  color: blue;
  font-weight: normal; }

.kontaktformular_aktiv_zusatzfelder {
  visibility: hidden;
  height: 1px; }

#bilderleiste_innen form {
  display: inline; }
/*-- Kontaktformular - Spam-Schutz --*/
#spam_schutz_kontaktformular_text p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  padding-top: 3px; }
/*  ------------------------------------------------------------------------------------------------------------  */
p.noscript_warning {
  background-color: white;
  border: 2px solid red;
  padding: 10px;
  position: fixed;
  text-align: center;
  top: 10px;
  left: 20px;
  width: 86%;
  z-index: 174; }
/* --------------------------------------------------------- CSS für die Vorlage 115 Flexi WYSIWYG - Bearbeitungsmodus ------------------------------------------------------------------------*/
/*---- Bearbeitungsmodus Seiteninformationen ausklappen (CCS, wenn Seiteninformationen eingeklappt ist) ----*/
#vorlage115 #seiteninfo_aufeinklappen, #vorl_501_kachelnavi #seiteninfo_aufeinklappen {
  background-color: #a0c0de;
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0; }
  #vorlage115 .bild_aufeinklappen, #vorl_501_kachelnavi .bild_aufeinklappen {
    width: auto;
    display: inline-block; }
    #vorlage115 .bild_aufeinklappen img.seiteninfo_aufk, #vorl_501_kachelnavi .bild_aufeinklappen img.seiteninfo_aufk {
      margin-left: 10px;
      margin-top: 3px;
      width: 15px;
      display: block; }
    #vorlage115 .bild_aufeinklappen img.seiteninfo_eink, #vorl_501_kachelnavi .bild_aufeinklappen img.seiteninfo_eink {
      margin-left: 10px;
      margin-top: 2px;
      width: 15px;
      display: none; }
  #vorlage115 .label_seiteninfos, #vorl_501_kachelnavi .label_seiteninfos {
    display: inline-block;
    margin-left: 10px;
    margin-top: 1px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: top; }
/*---- Bearbeitungsmodus Seiteninformationen bearbeiten (CCS, wenn Seiteninformationen ausgeklappt ist) ----*/
#vorlage115 #seiteninfo, #vorl_501_kachelnavi #seiteninfo {
  background-color: #d9e6f2;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none;
  width: auto; }
  #vorlage115 #seiteninfo p, #vorl_501_kachelnavi #seiteninfo p {
    font-size: 11px; }
  #vorlage115 #seiteninfo p input, #vorl_501_kachelnavi #seiteninfo p input {
    width: 220px; }
  #vorlage115 #seiteninfo p textarea, #vorl_501_kachelnavi #seiteninfo p textarea {
    width: 220px; }
  #vorlage115 #seite_und_aktiv, #vorl_501_kachelnavi #seite_und_aktiv {
    width: auto;
    margin-bottom: 10px;
    margin-left: 10px; }
  #vorlage115 #seite_und_aktiv .cms_button, #vorl_501_kachelnavi #seite_und_aktiv .cms_button {
    font-size: 11px; }
  #vorlage115 .seiteninfo_eingeben, #vorl_501_kachelnavi .seiteninfo_eingeben {
    width: 350px;
    display: inline-block;
    background-color: #ecf2f8;
    padding: 10px; }
  #vorlage115 .aktivleiste_anzeigen, #vorl_501_kachelnavi .aktivleiste_anzeigen {
    width: 250px;
    display: inline-block;
    vertical-align: top;
    margin-left: 45px;
    background-color: #ecf2f8; }
  #vorlage115 #btn_seiteninfo, #vorl_501_kachelnavi #btn_seiteninfo {
    display: block;
    margin-left: 10px;
    font-size: 11px; }
  #vorlage115 .label_seiteninfo, #vorl_501_kachelnavi .label_seiteninfo {
    font-size: 11px; }
/*---- Bearbeitungsmodus Aktivleitste anzeigen ----*/
#vorlage115 #aktivleiste_anzeigen_box {
  margin: 0 6px 0px 10px;
  padding: 10px;
  font-size: 11px; }
  #vorlage115 #aktivleiste_anzeigen_alternative select {
    font-size: 11px;
    margin-top: 5px; }
/*---- Bearbeitungsmodus Bausteinbereiche ----*/
#vorlage115 #bausteinbereiche {
  border: 1px solid transparent;
  margin-top: 5px; }

#vorlage115 #bausteinbereiche:hover {
  border: 1px solid #6c9aad; }

#vorlage115 .div_bs_bearbeitungs_btns {
  display: block; }
/*---- Bearbeitungsmodus Baustein über Titel ----*/
#vorlage115 #bereich_baustein_bausteine_1 {
  background-color: #d9e6f2;
  margin-top: 20px;
  width: 185px;
  height: 18px;
  background-image: url("/bilder/halbtransparenter_hinterg_weiss.png");
  opacity: 0.4; }

#vorlage115 #bereich_baustein_bausteine_1:hover {
  opacity: 1; }

#vorlage115 .baustein_bild_aufeinklappen img.variabler_weisser_kasten_aufk, #vorl_501_kachelnavi .baustein_bild_aufeinklappen img.variabler_weisser_kasten_aufk {
  margin-left: 10px;
  margin-top: 3px;
  width: 15px; }

#vorlage115 .label_bereich_baustein {
  margin-left: 10px;
  font-size: 11px;
  font-weight: bold;
  vertical-align: top; }

#vorlage115 .baustein_bild_aufeinklappen, #vorl_501_kachelnavi .baustein_bild_aufeinklappen {
  width: 20px;
  display: inline-block; }

#vorlage115 #bausteine_bausteine_1 {
  background-color: #d9e6f2;
  height: 20px;
  font-size: 13px;
  min-width: 430px;
  display: none;
  background-image: url("/bilder/halbtransparenter_hinterg_weiss.png");
  opacity: 0.4;
  margin-top: 20px; }

#vorlage115 #bausteine_bausteine_1:hover {
  opacity: 1; }

#vorlage115 #bausteine_liste_select {
  font-size: 11px; }

#vorlage115 #baustein_position {
  font-size: 11px;
  margin: 0 3px 0 3px; }

#vorlage115 #hinzu_bereich2 {
  font-size: 11px; }
/*---- Bearbeitungsmodus Titel ----*/
#vorlage115 #titel_rahmen_v115 {
  margin-top: 15px;
  border: 1px solid transparent; }

#vorlage115 #titel_rahmen_v115:hover {
  border: 1px solid #6c9aad; }

#vorlage115 #rahmen_um_textbausteinbild {
  margin-top: 15px;
  border: 1px solid transparent;
  display: flex; }

#vorlage115 #rahmen_um_textbausteinbild:hover {
  border: 1px solid #6c9aad; }

#vorlage115 .h1_input {
  width: 595px;
  border: medium none; }
/*---- Bearbeitungsmodus Buttons ----*/
#vorlage115 .cms_button {
  color: #000;
  margin-bottom: 1px;
  line-height: 15px; }
/*---- Bearbeitungsmodus TinyMCE ----*/
#vorlage115 #baustein_unterm_text #mce_0_tbl {
  width: 485px !important; }
/*---- Bearbeitungsmodus Button Bilder neben dem Text ----*/
#vorlage115 #v115_bilder_neben_text {
  display: inline-block;
  width: 30px;
  min-height: 390px;
  position: relative;
  vertical-align: top; }

#vorlage115 .button_vertikal {
  position: absolute;
  width: 390px;
  height: 30px;
  right: 30px;
  transform: rotate(270deg);
  transform-origin: 100% 0; }

#vorlage115 #button_rotate {
  width: 390px; }
/*---- Bearbeitungsmodus Bilder neben dem Text (CSS, wenn Bilder neben dem Text ausgeklappt ist) ----*/
#vorlage115 #bilder_neben_text {
  height: auto;
  width: 170px;
  vertical-align: top;
  border: 1px solid transparent; }

#vorlage115 #bilder_neben_text:hover {
  border: 1px solid #6c9aad; }

#vorlage115 #bilder_neben_text_position {
  float: left;
  margin: 1px 5px 0 8px;
  width: 70px;
  font-size: 12px; }

#vorlage115 #bilder_neben_text .portrait_ {
  margin-top: 3px; }

#vorlage115 #label_bilder_neben_text {
  font-size: 13px;
  font-family: Candara, arial, tahoma, helvetica;
  margin-left: 10px; }

#vorlage115 #v115_bildanordnung {
  background-image: url("/bilder/halbtransparent_grau_50.png");
  opacity: 0.4;
  padding-bottom: 3px;
  border: 1px solid transparent; }

#vorlage115 #v115_bildanordnung:hover {
  opacity: 1; }

#vorlage115 #bilder_neben_text .cms_bildbox {
  margin-top: 5px;
  width: auto;
  border: none;
  background-color: transparent; }

#vorlage115 #bilder_neben_text #v115_bild_neben_text_size {
  width: 160px;
  margin: 5px; }

#vorlage115 .v115_kasten_bildoptionen {
  margin-left: 5px;
  margin-right: 5px;
  background-image: url("/bilder/halbtransparent_grau_50.png");
  opacity: 0.4; }

#vorlage115 .v115_kasten_bildoptionen:hover {
  opacity: 1; }

#vorlage115 #label_v115_bildunterschrift {
  margin-left: 3px; }

#vorlage115 .bild_hinzufugen {
  margin-left: 30px;
  margin-bottom: 2px; }
/*---- Bearbeitungsmodus Baustein unter dem Tiny MCE ----*/
#vorlage115 #baustein_unterm_text {
  height: auto;
  margin: 0 0px 0px 15px;
  display: inline-block;
  border: 1px solid transparent; }

#vorlage115 #baustein_unterm_text:hover {
  border: 1px solid #6c9aad; }

#vorlage115 #bereich_baustein_bausteine_2 {
  background-color: #d9e6f2;
  width: 185px;
  margin-bottom: 5px;
  height: 18px;
  background-image: url("/bilder/halbtransparenter_hinterg_weiss.png");
  opacity: 0.4; }

#vorlage115 #bereich_baustein_bausteine_2:hover {
  opacity: 1; }

#vorlage115 #bausteine_bausteine_2 {
  background-color: #d9e6f2;
  height: 20px;
  font-size: 13px;
  min-width: 430px;
  display: none;
  background-image: url("/bilder/halbtransparenter_hinterg_weiss.png");
  opacity: 0.4; }

#vorlage115 #bausteine_bausteine_2:hover {
  opacity: 1; }

#vorlage115 #einklappen_bausteine, #vorl_501_kachelnavi #einklappen_bausteine {
  display: inline-block; }

#vorlage115 #einklappen_bausteine img.variabler_weisser_kasten_eink, #vorl_501_kachelnavi #einklappen_bausteine img.variabler_weisser_kasten_eink {
  margin-left: 10px;
  margin-top: 2px;
  width: 15px;
  display: inline-block;
  vertical-align: top; }

#vorlage115 /*, #vorl_501_kachelnavi*/ #bereich_baustein_bausteine_3 {
  background-color: #d9e6f2;
  width: 185px;
  margin-bottom: 5px;
  height: 18px;
  background-image: url("/bilder/halbtransparenter_hinterg_weiss.png");
  opacity: 0.4; }
  #vorlage115 /*, #vorl_501_kachelnavi*/ #bereich_baustein_bausteine_3:hover {
    opacity: 1; }
  #vorlage115 /*, #vorl_501_kachelnavi*/ #bausteine_bausteine_3 {
    background-color: #d9e6f2;
    height: 80px;
    font-size: 13px;
    width: 425px;
    display: none;
    background-image: url("/bilder/halbtransparenter_hinterg_weiss.png");
    opacity: 0.4; }
  #vorlage115 /*, #vorl_501_kachelnavi*/ #bausteine_bausteine_3:hover {
    opacity: 1; }
/*
 body.bearbeitungsmodus .bausteinbereich_standard_2017{
 border: 1px dotted yellow;
 padding: -1px;
 }*/
.bausteinbereich_standard_2017 .bausteine_hinzu_aufklappen {
  background-color: #d9e6f2;
  margin-bottom: 5px;
  margin-top: 5px;
  height: 20px;
  background-image: url("/bilder/halbtransparenter_hinterg_weiss.png");
  opacity: 0.4;
  width: 100%; }
  .bausteinbereich_standard_2017 .bausteine_hinzu_aufklappen:hover {
    opacity: 1; }
  .bausteinbereich_standard_2017 .bausteine_hinzu_aufklappen .label_bereich_baustein {
    display: inline-block;
    margin: 3px 0 0 10px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: top; }
  .bausteinbereich_standard_2017 .bausteine_hinzu_zuklappen {
    background-color: #d9e6f2;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 20px;
    font-size: 13px;
    display: none;
    background-image: url("/bilder/halbtransparenter_hinterg_weiss.png");
    opacity: 0.4;
    width: 100%; }
  .bausteinbereich_standard_2017 .bausteine_hinzu_zuklappen:hover {
    opacity: 1; }
/*---- Bearbeitungsmodus Baustein Elemente auswählen ----*/
#vorlage115 #bereich_elemente, #vorl_501_kachelnavi #bereich_elemente {
  display: inline-block;
  background-color: #d9e6f2;
  width: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-right: 10px;
  vertical-align: middle;
  background-image: url("/bilder/halbtransparenter_hinterg_weiss.png");
  opacity: 0.4; }
  #vorlage115 #bereich_elemente:hover, #vorl_501_kachelnavi #bereich_elemente:hover {
    opacity: 1; }
  #vorlage115 .elemente_bild_aufeinklappen img.elemente_aufk, #vorl_501_kachelnavi .elemente_bild_aufeinklappen img.elemente_aufk {
    margin-left: 10px;
    margin-top: 3px;
    width: 15px;
    display: block; }
  #vorlage115 .elemente_bild_aufeinklappen img.elemente_eink, #vorl_501_kachelnavi .elemente_bild_aufeinklappen img.elemente_eink {
    margin-left: 10px;
    margin-top: 2px;
    width: 15px;
    display: none; }
  #vorlage115 .label_bereich_elemente, #vorl_501_kachelnavi .label_bereich_elemente {
    margin-left: 10px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: top; }
  #vorlage115 .elemente_bild_aufeinklappen, #vorl_501_kachelnavi .elemente_bild_aufeinklappen {
    width: 20px;
    display: inline-block; }
  #vorlage115 #elemente_auswaehlen, #vorl_501_kachelnavi #elemente_auswaehlen {
    background-color: #d9e6f2;
    width: 455px;
    margin-bottom: 5px;
    display: none;
    background-image: url("/bilder/halbtransparenter_hinterg_weiss.png");
    opacity: 0.4; }
  #vorlage115 #elemente_auswaehlen:hover, #vorl_501_kachelnavi #elemente_auswaehlen:hover {
    opacity: 1; }
  #vorlage115 #elemente_auswaehlen .ue, #vorl_501_kachelnavi #elemente_auswaehlen .ue {
    font-size: 11px;
    margin-left: 10px; }
  #vorlage115 #elemente_auswaehlen #elemente_liste_form .cms_button, #vorl_501_kachelnavi #elemente_auswaehlen #elemente_liste_form .cms_button {
    float: right;
    margin: 3px 6px 0 10px;
    font-size: 11px; }
  #vorlage115 #elemente_auswaehlen #elemente_liste_select, #vorl_501_kachelnavi #elemente_auswaehlen #elemente_liste_select {
    font-size: 11px;
    height: 18px; }
  #vorlage115 .ue, #vorl_501_kachelnavi .ue, #vorlage115 #elemente_auswaehlen_form, #vorl_501_kachelnavi #elemente_auswaehlen_form {
    display: inline-block; }
/*---- Bearbeitungsmodus Vorlage Elemente auswählen ----*/
#vorlage117 #bereich_elemente {
  margin-top: 20px; }

#vorlage117 #elemente_auswaehlen {
  background-color: #d9e6f2;
  opacity: 0.4;
  padding: 10px; }

#vorlage117 #individuelle_einstellungen_fuer_element {
  background-color: #d9e6f2;
  opacity: 0.4;
  padding: 10px; }

#vorlage117 #elemente_auswaehlen:hover, #vorlage117 #individuelle_einstellungen_fuer_element:hover {
  opacity: 1; }
/*---- Bearbeitungsmodus Bausteine Aus- und Einklappen ----*/
#vorlage115 input.cms_btn_ein_ausklappen[type="image"], #vorl_501_kachelnavi input.cms_btn_ein_ausklappen[type="image"] {
  border: medium none; }
/*---- Bearbeitungsmodus Button mobile Ansicht ----*/
#fuss #mobil_button {
  margin-right: 10px;
  margin-top: 5px; }

h1 input {
  color: #b74e93; }
/*---- Newsletterbutton Gestaltung ---------------*/
.newsletter_abo_button {
  width: 180px;
  height: 50px;
  margin: 8px;
  font-weight: bold; }

.newsletter_abo_button:hover {
  cursor: pointer; }
/*---- Cookie Hinweis ---------------*/
#cookie_hinweis {
  background-color: #ff3c3c;
  padding: 33px;
  font-size: 16px;
  text-align: center;
  color: #fff; }

#cookie_bestaetigung {
  display: inline-block; }

#cookie_bestaetigung input:hover {
  padding: 9px 18px 9px 18px;
  color: darkorange;
  cursor: pointer;
  background-color: #fff; }

#cookie_bestaetigung input {
  padding: 10px 20px 10px 20px;
  color: #fff;
  background-color: #ff8585;
  border: none;
  border-radius: 6px; }
/*---- Hinweistext auf Newsausgabeseite ---------------*/
#news_ausgabe_hinweise {
  background-color: red;
  color: #fff; }
  #news_ausgabe_hinweise p {
    color: #fff;
    margin: 0 0 0 0;
    padding: 10px;
    font-weight: bold; }
  #news_ausgabe_hinweise a {
    color: #fff; }
/*---- Vorlage501 - Kacheln als Flex ---------------*/
#bausteinbereich_navigationskacheln #bausteinbereiche_bausteine_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
/*
 #vorl_501_kachelnavi #bereich_baustein_bausteine_3 { width: 385px;}
 #vorl_501_kachelnavi #bausteine_bausteine_3 { width: 625px;}*/
/*---- Bilder Grossansicht ---------------*/
#bildergalerie_grossansicht_jetzt {
  background-color: white;
  position: relative;
  max-width: 95vw;
  max-height: 95vh;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 4px solid white; }

#bildergalerie_grossansicht_jetzt img {
  max-height: 95vh;
  max-width: 100%; }

#bildergalerie_grossansicht_jetzt form.x {
  width: 22px;
  height: 22px;
  right: 10px;
  top: 8px;
  background-color: white;
  border: 1px solid darkred; }

#bildergalerie_grossansicht_jetzt form.x input[type="image"] {
  width: 22px; }

.zeige_dialog_erweitert_wrap {
  position: relative; }

.zeige_dialog_erweitert {
  font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
  position: fixed;
  min-height: 642px;
  min-width: 623px;
  top: 50px;
  left: 100px;
  z-index: 500;
  background-color: #eee; }

.zeige_dialog_erweitert_innen {
  margin-top: 8px;
  padding: 4px; }

.bild_erweitert_link_dialog {
  position: absolute;
  z-index: 505;
  top: 10px;
  visibility: hidden;
  font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; }

.form_clickenlarge_div {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  margin-left: 6px; }

.bild_erweitert_label, .form_clickenlarge, .bild_erweitert_animation_an_aus {
  display: inline-block; }

.bild_erweitert_feedback {
  display: none;
  position: absolute;
  left: 200px;
  top: -11px;
  border: 2px green solid;
  padding: 4px;
  min-width: 211px; }

.zeige_dialog_erweitert .zeige_dialog_erweitert_innen .bild_erweitert_feedback p {
  font-size: 14px; }

.bild_erweitert_mousover_wrap {
  position: absolute;
  top: 1px;
  visibility: hidden;
  font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; }

.bild_erweitert_mousover {
  height: 210px;
  min-width: 366px;
  z-index: 1;
  background-color: #eee;
  padding: 6px; }

.zeige_dialog_animation_wrap {
  position: relative___; }

.zeige_dialog_animation_wrap .cms_bildbox form, .zeige_dialog_animation_wrap .cms_bildbox form input[type="image"] {
  max-height: 200px !important; }

.zeige_dialog_animation {
  position: absolute;
  top: 81px;
  width: 600px;
  height: 430px;
  z-index: 550;
  background-color: #eee;
  border: 1px solid black;
  padding: 6px; }

.bild_erweitert_animation_bilder {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  border: 1px solid black; }

.bild_erweitert_animation_settings {
  display: block;
  position: relative; }

.zeige_dialog_erweitert .link_dialog {
  height: 200px;
  min-width: 205px;
  z-index: 1;
  background-color: #eee;
  padding: 5px; }

.zeige_dialog_erweitert .link_dialog p {
  text-align: left; }

.zeige_dialog_erweitert .grundeinstellungen_kopf {
  padding-left: 8px; }
/**
 * SimpleSlideShow
 * Diese Datei wird von der design_all.php eingebunden.
 */
.slideshow_prev, .slideshow_next, .slideshow_list {
  position: absolute;
  top: -1111px; }

.slideshow_play_pause {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }

.animation_wrap {
  position: relative;
  margin: 4px 0px 4px 0px; }

.gv_gallery * {
  padding: 0;
  margin: 0;
  list-style: none;
  outline: none; }

#slideshowWrapper {
  position: relative;
  width: 646px;
  margin: auto; }

#fssPrev {
  position: absolute;
  top: -1169px;
  left: -67px;
  background: url(arrows.png) -67px 0px;
  width: 67px;
  height: 143px;
  text-indent: -999999px; }

#fssNext {
  position: absolute;
  top: -1169px;
  left: 646px;
  background: url(arrows.png) no-repeat;
  width: 67px;
  height: 143px;
  text-indent: -999999px; }

#fssPlayPause {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }

ul.slideshow {
  list-style: none;
  padding: 0px;
  overflow: hidden; }

.gv_gallery p {
  text-align: center; }

#fssList {
  position: absolute;
  top: -1135px;
  list-style: none;
  width: 156px;
  margin: auto;
  padding: 5px 0 0 5%; }

#fssList li {
  display: inline;
  padding-right: 10px; }

#fssList li a {
  color: #999;
  text-decoration: none; }

#fssList li.fssActive a {
  font-weight: bold;
  color: #333; }

#top {
  background: #3b5998;
  width: 100%;
  height: 40px;
  margin-bottom: 20px; }

#top h1 {
  color: #fff;
  font-weight: normal;
  font-size: 18px;
  padding: 7px 0 0 15px; }

#top h1 span {
  font-size: 11px; }

#top h1 a {
  text-decoration: underline;
  color: #fff; }

#top h1 a:hover {
  text-decoration: none; }

.gv_gallery small a {
  color: #000; }