@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Raleway-300.eot');                                      /* IE9 Compat Modes */
  src: url('../fonts/Raleway-300.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
       url('../fonts/Raleway-300.woff') format('woff'),                     /* Modern Browsers */
       url('../fonts/Raleway-300.ttf') format('truetype');                  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/Raleway-500.eot');                                      /* IE9 Compat Modes */
  src: url('../fonts/Raleway-500.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
       url('../fonts/Raleway-500.woff') format('woff'),                     /* Modern Browsers */
       url('../fonts/Raleway-500.ttf') format('truetype');                  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Raleway-700.eot');                                      /* IE9 Compat Modes */
  src: url('../fonts/Raleway-700.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
       url('../fonts/Raleway-700.woff') format('woff'),                     /* Modern Browsers */
       url('../fonts/Raleway-700.ttf') format('truetype');                  /* Safari, Android, iOS */
}

@font-face {
 	font-family: 'icons';
 	src: url('../fonts/glyphicons-halflings-regular.eot');
 	src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}

SPAN.icon {
	position: relative;
	/*top: 1px;*/
	display: inline-block;
	font-family: 'icons';
	font-style: normal;
	font-weight: normal;
	/*line-height: 1;*/
}
A.icon {
  background-color:#E9AA2E; color:#fff; 
  width:36px;line-height:36px;
  display: inline-block; text-align:center;
  margin:3px;
  cursor:pointer;
}
A.icon:active,A.icon:visited {color:#fff;}
A.icon:hover {color:#eee;}
.inaktiv{opacity:0.5}


.icon-list:before  { content: "\e012"}
.icon-boxes:before { content: "\e011"}
.icon-ok:before    { content: "\e013"}
.icon-search:before{ content: "\e003"}


html, body {
        text-align:left;
        font: 1em/170% 'Raleway', Arial, Verdana, Lucida, sans-serif;
        color: #764;
        width: 100%; height: 100%;
        margin:0;padding:0;
        background-color:#fff;
        position:relative;

}
a:active {
        color: #409fff;
        font-weight: normal;
        text-decoration: none;
}

a:visited {
        color: #59c;
        text-decoration: none;
}
a:hover {
        color: #00a0ff;
        text-decoration: none;
}
a {
        color: #409fff;
        text-decoration: none;
}
a IMG {border:none;}
A:hover .Bild_Rahmen {background-color: #f60;}
A .Bild_Rahmen {border:1px solid #ddd;}

P {margin:0; margin-bottom:10px;}

h1, h2, h3, h4        {
        font: 1em/1.2em 'Raleway', Verdana, Lucida, Arial, sans-serif;
        color: #543;
        text-align:left;
        text-shadow: 2px 1px 1px #ccc;
        -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;  hyphens: none;

        }

h1        {
        font-size:160%;
        text-transform: uppercase;
        font-weight: 300;
        margin-top: 5px;
        margin-bottom: 0px;
         line-height:1.2em;
        padding-bottom: 0px;
        }
/*h1:first-letter {color:#B22D0D;font-weight: 400;        }*/


h2        {
        font-size: 110%;
        margin-top: 15px;
        margin-bottom: 5px;
         font-variant:small-caps;
        /*text-transform: uppercase;*/
        }

h3        {
        font-size: 100%;
        margin-top: 15px;
        margin-bottom: 5px;
        margin-left: 0px;
        text-transform: uppercase;
         letter-spacing: 1px;
        }
h4        {
        font-size: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight:900;
        }
h5        {
        background-color: transparent;
        font-size: 100%;
        font-weight:400;
         color:#888;
         margin:0px;
         margin-bottom:8px;
        text-transform: uppercase;
        }

b { font-weight:500;text-shadow: 1px 1px 1px #666;
  letter-spacing: 0.1em;
  padding-left:2px;

}



HR{
        border:none;
        border-top:1px solid #dcc;
        height:0px; /*Hack, damit HR im  IE & FF gleich*/
}
FIGURE{margin:0;padding:0;display:inline;}
figcaption{display:none;}

UL,
.liste{
  margin-top:10px;
  margin-bottom:10px;
  margin-left:0px;
  padding-left:20px;
  list-style-image:url(../images/liste.gif);
  }

UL li UL {list-style-image:none}
UL li UL li{margin-bottom:5px;}

UL>li,
.liste li
{  margin-bottom:10px;
   padding-left:5px;
   margin-left:0px;
   line-height:150%;
}

/*********AktuellSpalte**********************************/
.Aktuell {
  padding-top:30px;
  padding-left:0px;padding-right:0px;line-height:1.2em;
  font-size:13px; line-height:1.25em;
  color:#444;
}
.Aktuell A,.Aktuell A:visited,.Aktuell A:active,.Aktuell A:hover{ color:#357;  text-shadow: 1px 1px 1px #aaa;}
.Aktuell A:hover { color:#00afff;}
.Aktuell .links {text-align:left;}
.Aktuell .links A:last-child{color:#fff;float:right; text-shadow: 1px 1px 1px #000,0px 0px 2px #000;}
/*.Presse .ueberschrift{
  background-color:#060F2B;
  font-weight:500;
  padding:3px;
  padding-left:6px;
  margin-left:-5px;
}
.Presse .ueberschrift A{
  color:#fff;
  display:block;
  width:100%;
  text-shadow: 1px 1px 2px #fff;
}
*/

.Aktuell .eintrag{
  margin-top:10px;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #9A7;
}
.Aktuell .eintrag .titel{padding-bottom:3px;font-size:15px;}
.Aktuell .eintrag .pic{text-align:center; padding-top:2px; }
.Aktuell .eintrag .pic .Bild_Rahmen{ padding:3px;}


/***********Terminliste*****************************************/
.Terminliste{text-align:left;}
.Terminliste .Eintrag{clear:both; width:100%;}
.Terminliste .Eintrag:hover{background-color:#f9F5F0;}
.Terminliste .Eintrag .Titel{background-color:#E9AA2E; color:#430;padding:5px 15px;}
.Terminliste .Eintrag .Titel A{color:#000;}
.Terminliste .Eintrag .Text{
  padding:15px;
  padding-top:10px;
  font-size:95%; line-height:1.3;
}


DIV.err{ border:1px solid #ff2222;  background-color:#ff9999;
         padding-left:10px; padding-right:10px;
         display:none;
         text-align:left;
         margin-top:10px;
         margin-bottom:3px;
       }


.clear {float:left;width:100%;}


.blocksatz{
        text-align:justify;
}


.BildUntertitel{margin-left:7px;margin-top:0px;margin-bottom:8px; padding-right:-0px; }

/*********** Formulare *****************************************************************************************************/

input, textarea, select{
        box-sizing: border-box;
        background-color: #FFFFFF;
        border: 1px solid #cccccc;
        font-size: 1em;
        font-family: 'Droid Sans', arial, verdana;
        color: #857E7E;
        padding-left:5px;
        border: 1px solid #c7c7c7;
        border-radius: 4px;
}


.NoRadius {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.Radius-left {
        border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px;
        border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;
}
.Radius-right {
        border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px;
        border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;
}
.noRadius-right,
select {
        border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px;
}

textarea {box-sizing: border-box;
        padding:5px;background-color: #f3f3f3;
        border:1px solid #ccc;
        border-top:1px solid #aaa;
         border-left:1px solid #bbb;
        -moz-box-shadow:    1px 1px 6px 0px #999;
        -webkit-box-shadow: 1px 1px 6px 0px #999;
        box-shadow:         1px 1px 2px 0px #999;
}
input{  box-sizing: border-box;
        background: #ededed url(../images/input-bg30-3.png) repeat-x;
        padding:5px;
        line-height:1.2em;
        border:1px solid #ccc;
        border-top:1px solid #999;
        border-left:1px solid #bbb;
        outline: none; /*Remove Chrome and Safari glows on focus*/
        cursor:pointer;
        -moz-box-shadow:    1px 1px 6px 0px #999;
        -webkit-box-shadow: 1px 1px 6px 0px #999;
        box-shadow:         1px 1px 2px 0px #999;
}
input:hover{background: #ededed url(../images/input-bg30-aktiv.png) repeat-x;}
input:hover, textarea:hover{
  -moz-box-shadow:    0px 0px 6px 3px #fff;
  -webkit-box-shadow: 0px 0px 6px 3px #ffF;
  box-shadow:         0px 0px 6px 3px #ffF;
}
textarea:hover, textarea:focus{background-color: #fff; }
input:focus{background: #ededed url(../images/input-bg30-aktiv.png) repeat-x;}
input:focus, textarea:focus{
  -moz-box-shadow:    0px 0px 6px 3px #fFC;
  -webkit-box-shadow: 0px 0px 6px 3px #fFC;
  box-shadow:         0px 0px 6px 3px #fFC;
}

INPUT.button {
        font-weight:700;
         padding-right:15px;
         padding-left:15px;
        margin-bottom:2px;
        margin-right:2px;
        margin-top:0px;
        margin-left:0px;
        -moz-box-shadow:    3px 2px 6px 0px #666;
        -webkit-box-shadow: 3px 2px 6px 0px #666;
         box-shadow:         3px 2px 6px 0px #666;
}
INPUT.button:hover{
        margin-top:2px;
        margin-left:2px;
        margin-bottom:0px;
        margin-right:0px;
  -moz-box-shadow:    0px 0px 6px 3px #ffA;
  -webkit-box-shadow: 0px 0px 6px 3px #ffA;
  box-shadow:         0px 0px 6px 3px #ffA;
}



@-webkit-keyframes KlickMichPulse {
0%  { -webkit-box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
              box-shadow: 3px 2px 6px 0px #666, 0px 0px 15px 5px #ffA;
}
50% {
      -webkit-box-shadow: 3px 2px 6px 0px #666, 0px 0px 15px 5px #ffA;
              box-shadow: 3px 2px 6px 0px #666, 0px 0px 15px 5px #ffA;
}
100%{ -webkit-box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
              box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
   }
}

@keyframes KlickMichPulse {
0%  { box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
}
50% { box-shadow: 3px 2px 6px 0px #666, 0px 0px 15px 5px #ffA;
}
100%{ box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
   }
}

INPUT[type=submit] {
  -webkit-animation-name: KlickMichPulse;
  -webkit-animation-duration: 2s;               /* Dauer der Animation*/
  -webkit-timing-timing:ease-in-out;     /*linear, ease*/
  -webkit-animation-iteration-count: infinite;  /* Anzahl der Wiederholungen*/

  -moz-box-animation-name: KlickMichPulse;
  -moz-box-animation-duration: 2s;               /* Dauer der Animation*/
  -moz-box-timing-timing:ease-in-out;     /*linear, ease*/
  -moz-box-animation-iteration-count: infinite;  /* Anzahl der Wiederholungen*/

  animation-name: KlickMichPulse;
  animation-duration: 2s;               /* Dauer der Animation*/
  timing-timing:ease-in-out;     /*linear, ease*/
  animation-iteration-count: infinite;  /* Anzahl der Wiederholungen*/
}
INPUT[type=submit]:hover {
  animation-duration: 0.5s;               /* Dauer der Animation*/
}

.schatten{  -moz-box-shadow:    3px 2px 6px 0px #666;
            -webkit-box-shadow: 3px 2px 6px 0px #666;
            box-shadow:         3px 2px 6px 0px #666;
}




.pulse{
  animation-name: KlickMichPulse;
  animation-duration: 1s;               /* Dauer der Animation*/
  timing-timing:ease;     /*linear, ease*/
  animation-iteration-count: infinite;  /* Anzahl der Wiederholungen*/

  display:block;
  width:250px; padding:10px;
  border:1px solid;

  box-shadow: 1px 1px 4px 0px rgba(0,50,255,0.5);
  -webkit-transition: all 1.5s ease; -moz-transition: all  1.5s ease; -o-transition: all  1.5s ease;  transition: all  1.5s ease;

}

/*
.c:hover{
  animation-name: pulse;
  animation-duration: 1s; 
  timing-timing:ease-in-out;
  animation-iteration-count: infinite;
}
*/

/*
.rubrik{
  float:left;
  width:100%;
} */

A.button {
  border:1px solid;
  padding:5px;
  padding-right:10px;
  padding-left:10px;
  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
  background-color:#f60;
  color:#fff;
  font-weight:500;
  -moz-box-shadow:    3px 2px 6px 0px #666;
  -webkit-box-shadow: 3px 2px 6px 0px #666;
  box-shadow:         3px 2px 6px 0px #666;

}
A.button:hover {
  background-color:#a30;
}


a.tooltip{outline: none;}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #888;
}
.tooltip .tooltiptext {
    visibility: hidden;
    font-size:95%;
    line-height:1.2;
    width: 280px;
    margin-left: -280px;
    text-align:left;
    background-color: #F9F8F4;
    background-color: rgba(249,248,244,0.95);
    color: #888;
    border-radius: 5px;
    padding: 10px 15px;
    box-shadow:         2px 3px 6px 2px rgba(0, 0, 0, 0.4);
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.Buchstabenindex{margin-bottom:1em;}
.Buchstabenindex A{ display:inline-block; margin-right:0.1em;margin-bottom:0.1em; height:2em; width:2em; text-align:center; color:#333; background-color:#ffa44c;font-size:130%;line-height:2em; font-weight:900;}
.Buchstabenindex A:hover{background-color:#ffcc88;}

/*****************************/

.KATEGORIEINDEX .box{box-sizing: border-box;display:block; position:relative;border:1px solid #ddd; height:250px; overflow:hidden;float:left; margin-bottom:20px;box-shadow:2px 3px 10px 0px rgba(0, 0, 0, 0.1);  }

@media screen and (min-width:701px) {
.KATEGORIEINDEX .box{width:calc(33.33% - 14px);  margin-right:20px;}
.KATEGORIEINDEX .box:nth-child(3n){margin-right:0;}
}
@media screen and (min-width:501px) and (max-width:700px) {
  .KATEGORIEINDEX .box{width:calc(50% - 10px); margin-right:20px;}
  .KATEGORIEINDEX .box:nth-child(2n){margin-right:0;}
}
@media screen and (max-width:500px) {
  .KATEGORIEINDEX .box{width:100%; margin-right:0px;}
}

.KATEGORIEINDEX .box:hover{border:1px solid #ccc;box-shadow:2px 3px 10px 0px rgba(0, 0, 0, 0.4);}
.KATEGORIEINDEX .box IMG{width:100%; height:100%;object-fit: cover;}
.KATEGORIEINDEX .box A {color:#222; font-size:85%;line-height:1.2em;}
.KATEGORIEINDEX .box A:hover {opacity:0.8; }

.KATEGORIEINDEX .Titel{position:absolute; bottom:0;left:0;right:0;padding:10px;padding-top:5px;padding-bottom:5px;background-color:rgba(255,255,255,0.8);text-align:center;font-weight:600;}

.KATEGORIEINDEX .Kurzbeschreibung{position:absolute; bottom:0;left:0;right:0;padding:5px;background-color:rgba(255,255,255,0.8);text-align:center;}

.Pagination{clear:both;margin-bottom:1em;text-align:center;font-weight:200;}
.Pagination B{font-weight:900;/*text-shadow:0 0 4px #fff;*/}
.Pagination A{ display:inline-block; margin-right:0.1em;margin-bottom:0.1em; height:2em; width:2em; text-align:center; color:#fff; background-color:#E9AA2E;font-size:130%;line-height:2em;}
.Pagination A:hover{background-color:#eee;color:#983333;}
/***********Terminliste*****************************************/
.ArtikellisteStartseite{text-align:justify;box-sizing: border-box;}
.ArtikellisteStartseite .Eintrag{font-size:90%;line-height:125%;  width:50%;float:left;box-sizing: border-box; border-top:1px solid #eee;padding-bottom:30px;}
.ArtikellisteStartseite .Eintrag:nth-child(1),.ArtikellisteStartseite .Eintrag:nth-child(2){border-top:none;}

.ArtikellisteStartseite .Eintrag:nth-child(odd){padding-right:20px; clear:left; }
.ArtikellisteStartseite .Eintrag:nth-child(even){padding-left:20px;}
.ArtikellisteStartseite .Eintrag .Titel{height:87px; overflow:hidden;} 
.ArtikellisteStartseite .Eintrag .Titel h2{font-size:140%;}
.ArtikellisteStartseite .Eintrag .Titel A{color:#395a75;}
.ArtikellisteStartseite .Eintrag .Datum{font-size:80%; color:#888;line-height:1;}
.ArtikellisteStartseite .Eintrag IMG{ box-sizing: border-box; width:100%;
}
.ArtikellisteStartseite .Eintrag .Text{padding-top:10px;}

@media screen and (max-width:500px) {
 .ArtikellisteStartseite .Eintrag{width:100%;}
 .ArtikellisteStartseite .Eintrag:nth-child(even){padding-left:0px;}
} 



/*************************************/
/********Haupt-Buttonmenü*************/
/*************************************/

.menu{/*background-image:url(../images/design/menu-y.jpg);background-position:left;background-repeat:repeat-y;*/}
.menu>div{/*background-image:url(../images/design/menu-o.jpg);background-position:top left;background-repeat:no-repeat;padding:0px;*/}
.menu>div>div{/*background-image:url(../images/design/menu-u.jpg);background-position:bottom left;background-repeat:no-repeat; min-height:100px;padding-top:25px; padding-bottom:150px;*/}

/* ********************
Hauptmenü -CSS Liststyle Menü <ul><li>
******************** */
.menu1-level1 LI,.menu1-level3 LI,.menu1-level3 LI
{list-style: none; margin:0px;padding:0px; }


.menu1-level1,.menu1-level2,.menu1-level3 {margin:0px;padding:0px;}
.menu1-level1{padding-left:0px;padding-right:0px;}
.menu1-level2{padding-left:0px;padding-right:0px;}
.menu1-level3{padding-left:0px;padding-right:0px;}

/*** Ebene 1 ******/
.menu1-level1-no A,.menu1-level1-yes A{
        display:block;
        text-decoration: none;
        font: 100%/1.2em 'Raleway', Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: 400;
        /*color: #633;*/
        color: #2B0F06;
        background-image:url(../images/design/weiss75.png);
        border-bottom:1px solid #ccc;
        padding-left:5px;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:5px;
         margin-top:5px;
        letter-spacing:0px;  //-1
}
.menu1-level1-yes A{
         font-weight:600;
         font-style:italic;
         text-shadow: 1px 1px 1px #ccc;
}
.menu1-level1-no A:hover, .menu1-level1-yes A:hover{
        color: #2B0F06;
         text-shadow: 1px 1px 1px #aaa;
         background-color:#eeF0f5;
}

/*** Ebene 2 *****/
.menu1-level2-no A,.menu1-level2-yes A{
        display:block;
        text-decoration: none;
        font: 90%/1.3em 'Raleway', Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: 400;
        color: #000;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:15px;
         margin-top:5px;
}
.menu1-level2-yes A{
        color: #000;
         font-weight:600;
         font-style:italic;
}
.menu1-level2-no A:hover, .menu1-level2-yes A:hover{
        color: #f60;
}


/*** Ebene 3 *****/
.menu1-level3-no A,.menu1-level3-yes A{
        display:block;
        text-decoration: none;
        font: 80%/1.15em 'Raleway', Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: 400;
        color: #345;
        padding-left:3px;
        padding-top:1px;
        padding-bottom:1px;
        padding-left:22px;
        margin-bottom:4px;
        hyphens: auto;
}
.menu1-level3-yes A{
        font-style:italic;
        font-weight:500;
        color: #000;
        text-shadow: 1px 1px 1px #888;
}
.menu1-level3-no A:hover, .menu1-level3-yes A:hover{
        color: #f60;
}