:root {
  --rot: #ab3c28;
  --dunkel: #444444;
  --gelb: #ffd919;
  --gelb2:#D1B214;
  --weiss:#ffffff;
  --blau:#006699;
  --grau:#666;
  }

.grid-child.brand-logo {
    text-align: center;
    display: block; /* Oder flex, je nach Struktur */
}

.border-box {
  box-sizing: border-box!important;
   Total width: 80%!important;
     /*Total height: 40px
     Content box width: 160px - (2 * 20px) - (2 * 8px) = 104px
     Content box height: 80px - (2 * 20px) - (2 * 8px) = 24px */
}

body {
position:relative;
min-width:980px;
text-align:left;
font-size: 1.05em;
color: var(--weiss)!important;
font-family: '150%', sans-serif;
background: var(--dunkel);
}

.container-banner .banner-overlay {
   height: 50vh;
   color: var(--gelb);
}

a {
  color: var(--gelb);
  text-decoration: none!important;
  }

a:hover {
  color: var(--gelb2);
  text-decoration: underline!inmportant;
  }

/*.breadcrumb a:hover, .vertical_menu li a:hover,
.slogan-module li a:hover, .bottom_menu li a:hover, a:hover, .contact .open a, {
  color: var(--gelb);
}*/

.container-header {
  z-index:10;
  background-color:var(--rot);
  background-image:linear-gradient(135deg,var(--rot)0%,var(--rot)100%);
  position:relative;
  box-shadow:inset 0 5px 5px #00000008;
}

h1, h2, h3, h4, h5, .componentheading, h1 a, h1 a:hover, .blog > h1, .blog > h2,
.left_column h3, .right_column h3, .top-module-position h3, .bottom-module-position h3,
.user1 h3, .user2 h3, .user3 h3, .user4 h3, .user5 h3, .user6 h3, .user7 h3, .user8 h3, .user9 h3, h2, .drop-down li a, .drop-down li span.separator
{
   color: var(--gelb);
   font-family: 'Dosis', sans-serif;
  }

 .drop-down ul {
      font-size : 2em;
 }

  .left_column h3, .right_column h3, .top-module-position h3, .bottom-module-position h3, .user1 h3, .user2 h3, .user3 h3,
  .user4 h3, .user5 h3, .user6 h3, .user7 h3, .user8 h3, .user9 h3, {
      font-size : 130%;

  }
 

 /**                        Width                 **/

                .wrapper-website {
                width : 980px;
                }
                .left_column {
                width:200px;
                }
                .right_column {
                width:200px;
                }

                .image-module .wrapper-website {
                width:980px;
                }

h1, .componentheading, .blog > h2 {
border-top: #747474 2px solid;
border-bottom: #747474 2px solid;
color: var(--gelb);
display:inline-block; 
font-size: 1.5em;
letter-spacing: -0.3px;
line-height: 140%;
margin: 0 0 25px;
padding: 30px 0 14px  0;
text-transform: none;
}

h1 a, h1 a:hover,
h2 a,h2 a:hover, {
color:var(--grau);
text-decoration: none;
}


.blog > h1 {
color : var(--grau);
}

h2 {
font-size:1.5em;
margin-bottom:8px;
}


.content-module > h2 {
padding-top:4px;
}

h3 {
font-size:1.15em;
font-weight:bold;
color:var(--grau);
}

h4 {
font-size:1.1em;
color:var(--grau);
}

h5, h6 {
font-size:1em;
}

/** title blog         **/

h2.contentheading, h1 + h1, .page-header h2 {
padding:0 0 5px 0;
letter-spacing:0.5px;
text-transform:uppercase;
border-bottom: 2px solid #eee;
border-color : rgba(0, 0, 0, 0.05);
}

h2.contentheading > a , h1 + h1 > a, .page-header h2 > a {
display:inline-block;
*display:inline;
*zoom:1;
padding: 0 6px 5px 4px;
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
transition : all 0.3s ease-in-out;
}

/**                modules                **/

.left_image h3, .right_image h3, .left_column h3, .right_column h3, .top-module-position h3, .bottom-module-position h3,
.user1 h3, .user2 h3, .user3 h3, .user4 h3, .user5 h3, .user6 h3, .user7 h3, .user8 h3, .user9 h3 {
margin:3px 0 6px 0;
padding:0 0 0 0;
font-weight:normal;
letter-spacing:0.5px;
font-size:130%;
color:#777;
}

/*          Rundgang Menüpunkte
***************************************** */
/* @media only screen and (min-width: 680px) { */
li > a.liste1, li > a.liste1:hover,li > a.liste2, li > a.liste2:hover, li > a.liste3, li > a.liste3:hover, li > a.liste4, li > a.liste4:hover, li > a.liste5, li > a.liste5:hover, li > a.liste6, li > a.liste6:hover, li > a.liste7, li > a.liste7:hover,li > a.liste8,li > a.liste8:hover,li > a.liste9,li > a.liste9:hover,li > a.liste10,li > a.liste10:hover,li > a.liste11,li > a.liste11:hover,li > a.liste12,li > a.liste12:hover,li > a.liste13,li > a.liste13:hover,li > a.liste14,li > a.liste14:hover,li > a.liste15,li > a.liste15:hover,li > a.liste16,li > a.liste16:hover,li > a.liste17,li > a.liste17:hover,li > a.liste18,li > a.liste18:hover,li > a.liste19,li > a.liste19:hover,li > a.liste20,li > a.liste20:hover,li > a.liste21,li > a.liste21:hover,li > a.liste22,li > a.liste22:hover,li > a.liste23,li > a.liste23:hover,li > a.liste24,li > a.liste24:hover,li > a.liste25,li > a.liste25:hover,li > a.liste26,li > a.liste26:hover,li > a.liste27,li > a.liste27:hover,li > a.liste28,li > a.liste28:hover,li > a.liste29,li > a.liste29:hover,li > a.liste30,li > a.liste30:hover,li > a.liste31,li > a.liste31:hover,li > a.liste32,li > a.liste32:hover {
/*background:#AB3C28;*/
color:var(--weiss);
border-radius: 7px;
display:inline-block;   
height: 77px;        /* Menühöhe */
font-size:1em;
padding: 2px 95px;   /* Text einrücken von oben / von links*/
margin: 5px;         /* Abstand zw. Menüpunkten */
background no-repeat;
}

/*****************************************
          Übersicht Button unten
******************************************/

li > a.uebersicht, li > a.uebersicht:hover {
background:#AB3C28;
color:var(--weiss);
border-radius: 7px;
font-size: 20px;
margin: 5px;
}

/*****************************************
           Menübilder oben
******************************************/

div.module_menu-oben img {
    weight: 100% !important;
}

 div.module_login {
    font-color: var(--weiss);
    }


/*****************************************
          Rundgang Menüpunkte
******************************************/
/* @media only screen and (min-width: 680px) { */
li > a.liste1, li > a.liste1:hover,li > a.liste2, li > a.liste2:hover, li > a.liste3, li > a.liste3:hover, li > a.liste4, li > a.liste4:hover, li > a.liste5, li > a.liste5:hover, li > a.liste6, li > a.liste6:hover, li > a.liste7, li > a.liste7:hover,li > a.liste8,li > a.liste8:hover,li > a.liste9,li > a.liste9:hover,li > a.liste10,li > a.liste10:hover,li > a.liste11,li > a.liste11:hover,li > a.liste12,li > a.liste12:hover,li > a.liste13,li > a.liste13:hover,li > a.liste14,li > a.liste14:hover,li > a.liste15,li > a.liste15:hover,li > a.liste16,li > a.liste16:hover,li > a.liste17,li > a.liste17:hover,li > a.liste18,li > a.liste18:hover,li > a.liste19,li > a.liste19:hover,li > a.liste20,li > a.liste20:hover,li > a.liste21,li > a.liste21:hover,li > a.liste22,li > a.liste22:hover,li > a.liste23,li > a.liste23:hover,li > a.liste24,li > a.liste24:hover,li > a.liste25,li > a.liste25:hover,li > a.liste26,li > a.liste26:hover,li > a.liste27,li > a.liste27:hover,li > a.liste28,li > a.liste28:hover,li > a.liste29,li > a.liste29:hover,li > a.liste30,li > a.liste30:hover,li > a.liste31,li > a.liste31:hover,li > a.liste32,li > a.liste32:hover {
/*background:#AB3C28;*/
color:var(--weiss);
border-radius: 7px;
  
height: 77px;        /* Menühöhe */
font-size:20px;
padding: 2px 95px;   /* Text einrücken von oben / von links*/
margin: 5px;         /* Abstand zw. Menüpunkten */
background no-repeat;
}

@media only screen and (max-width: 360px){
li > a.liste1, li > a.liste1:hover,li > a.liste2, li > a.liste2:hover, li > a.liste3, li > a.liste3:hover, li > a.liste4, li > a.liste4:hover, li > a.liste5, li > a.liste5:hover, li > a.liste6, li > a.liste6:hover, li > a.liste7, li > a.liste7:hover,li > a.liste8,li > a.liste8:hover,li > a.liste9,li > a.liste9:hover,li > a.liste10,li > a.liste10:hover,li > a.liste11,li > a.liste11:hover,li > a.liste12,li > a.liste12:hover,li > a.liste13,li > a.liste13:hover,li > a.liste14,li > a.liste14:hover,li > a.liste15,li > a.liste15:hover,li > a.liste16,li > a.liste16:hover,li > a.liste17,li > a.liste17:hover,li > a.liste18,li > a.liste18:hover,li > a.liste19,li > a.liste19:hover,li > a.liste20,li > a.liste20:hover,li > a.liste21,li > a.liste21:hover,li > a.liste22,li > a.liste22:hover,li > a.liste23,li > a.liste23:hover,li > a.liste24,li > a.liste24:hover,li > a.liste25,li > a.liste25:hover,li > a.liste26,li > a.liste26:hover,li > a.liste27,li > a.liste27:hover,li > a.liste28,li > a.liste28:hover,li > a.liste29,li > a.liste29:hover,li > a.liste30,li > a.liste30:hover,li > a.liste31,li > a.liste31:hover,li > a.liste32,li > a.liste32:hover {

color:#fff;
border-radius: 7px;
display:inline-block;   
height: 70px;        /* Menühöhe */
font-size: 17px;
padding: 2px 90px;   /* Text einrücken von oben / von links */
margin: 5px;         /* Abstand zw. Menüpunkten */
background no-repeat;
}
}


li > a.liste1:hover, li > a.liste2:hover, li > a.liste3:hover, li > a.liste4:hover, li > a.liste5:hover, li > a.liste6:hover, li > a.liste7:hover, li > a.liste8:hover, li > a.liste9:hover, li > a.liste10:hover, li > a.liste11:hover, li > a.liste12:hover, li > a.liste13:hover, li > a.liste14:hover, li > a.liste15:hover, li > a.liste16:hover, li > a.liste17:hover, li > a.liste18:hover, li > a.liste19:hover, li > a.liste20:hover, li > a.liste21:hover, li > a.liste22:hover, li > a.liste23:hover, li > a.liste24:hover, li > a.liste25:hover, li > a.liste26:hover, li > a.liste27:hover, li > a.liste28:hover, li > a.liste29:hover, li > a.liste30:hover, li > a.liste31:hover,li > a.liste32:hover {
 background-color: #990000;
}

li > a.liste1 {
background:url("/images/qr_linkbilder/muensterplatz_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/01.gif") no-repeat right top;
  background-color:var(--blau);
  weight:350px;
}

li > a.liste2 {
background:url("/images/qr_linkbilder/kreuzgang_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/02.gif") no-repeat right top;
  background-color:var(--blau);
}

li > a.liste3 {
background:url("/images/qr_linkbilder/lindenhof_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/03.gif") no-repeat right top;
  background-color:var(--rot);
}
li > a.liste4 {
background:url("/images/qr_linkbilder/gotisch_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/04.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste5 {
background:url("/images/qr_linkbilder/zweierker_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/05.gif") no-repeat right top;
  background-color:var(--rot);
}
li > a.liste6 {
background:url("/images/qr_linkbilder/kirche_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/06.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste7 {
background:url("/images/qr_linkbilder/canaris_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/07.gif") no-repeat right top;
  background-color:var(--rot);
}
li > a.liste8 {
background:url("/images/qr_linkbilder/alte-schule_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/08.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste9 {
background:url("/images/qr_linkbilder/wasserturm_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/09.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste10 {
background:url("/images/qr_linkbilder/st-josef_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/10.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste11 {
background:url("/images/qr_linkbilder/papen_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/11.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste12 {
background:url("/images/qr_linkbilder/wehrturm_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/12.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste13 {
background:url("/images/qr_linkbilder/ordt_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/13.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste14 {
background:url("/images/qr_linkbilder/var(--rot)her_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/14.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste15 {
background:url("/images/qr_linkbilder/judenhaus_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/15.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste16 {
background:url("/images/qr_linkbilder/kellerei_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/16.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste17 {
background:url("/images/qr_linkbilder/buechel_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/17.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste18 {
background:url("/images/qr_linkbilder/kurfuerstlicher_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/18.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste19 {
background:url("/images/qr_linkbilder/spital_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/19.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste20 {
background:url("/images/qr_linkbilder/port_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/20.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste21 {
background:url("/images/qr_linkbilder/lauffenburg_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/21.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste22 {
background:url("/images/qr_linkbilder/bur_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/22.gif") no-repeat right top;
  background-color:var(--blau);
}

li > a.liste23 {
background:url("/images/qr_linkbilder/josefkapelle_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/23.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste24 {
background:url("/images/qr_linkbilder/pult_synagoge_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/24.gif") no-repeat right top;
  background-color:var(--blau);
}

li > a.liste25 {
background:url("/images/qr_linkbilder/synagoge_85-2.jpg") no-repeat left,
 url("/images/qr_linkbilder/liste/25.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste26 {
background:url("/images/qr_linkbilder/schoenecker_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/26.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste27 {
background:url("/images/qr_linkbilder/betsaal_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/27.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste28 {
background:url("/images/qr_linkbilder/martinsplatz_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/28.gif") no-repeat right top;
  background-color:var(--blau);
}

li > a.liste29 {
background:url("/images/qr_linkbilder/rathaus_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/29.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste30 {
background:url("/images/qr_linkbilder/propstei_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/30.gif") no-repeat right top;
  background-color:var(--blau);
}

li > a.liste31 {
background:url("/images/qr_linkbilder/drusilla_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/31.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.liste32 {
background:url("/images/qr_linkbilder/wilder_mann_85.jpg") no-repeat left,
  url("/images/qr_linkbilder/liste/17-2.gif") no-repeat right top;
  background-color:var(--rot);
}

li > a.oben {
border-radius: 7px;
height: 55px;
font-size: 100%;
font-weight: bold;
background-color: #676767 /*grau */
}

li > a.oben:active, li > a.oben:focus {
border-radius: 7px;
height: 55px;
font-size: 100%;
background-color: #444444  /*dk grau */
}

li > a.oben:hover {
border-radius: 7px;
height: 55px;
font-size: 100%;
background-color:#990000; /*dk var(--rot) */
}