/* news-cycle-regular - latin */
@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/news-cycle-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('News Cycle'), local('NewsCycle'),
       url('../fonts/news-cycle-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/news-cycle-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/news-cycle-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/news-cycle-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/news-cycle-v13-latin-regular.svg#NewsCycle') format('svg'); /* Legacy iOS */
}

/* catamaran-regular - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/catamaran-v2-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Catamaran'), local('Catamaran-Regular'),
       url('../fonts/catamaran-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/catamaran-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/catamaran-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/catamaran-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/catamaran-v2-latin-regular.svg#Catamaran') format('svg'); /* Legacy iOS */
}


/*******************************************************************************/
html, body {
  text-align:left;
  /*font: 1em/150% 'Catamaran', Arial, Verdana, Lucida, sans-serif;*/
  font: 1em/150% 'News Cycle', Arial, Verdana, Lucida, sans-serif;
  color: #222;
  width: 100%; height: 100%;
  margin:0; padding:0;
  background-color:#fff;
}

a:active {
        color: #B92323;
        font-weight: normal;
        text-decoration: none;
}

a:hover {
        color: #f00;
        text-decoration: none;
}
a:visited {
        color: #B92323;
        text-decoration: none;
}
a {
        color: #B92323;
        text-decoration: none;
}
a IMG {border:none;}
A:hover .Bild_Rahmen {background-color: #f60;}
A .Bild_Rahmen {border:1px solid #ddd;}
a.icon {opacity:0.8}
a:hover.icon {opacity:1}

P {margin:0; margin-bottom:10px;}


h1, h2, h3, h4        {
        font: 1em/1.2em 'News Cycle', Verdana, Lucida, Arial, sans-serif;
        color: #222;
        text-align:left;
        -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;  hyphens: none;

        }

h1    {
        font-size:150%;
        /*text-transform: uppercase;*/
        font-weight: 600;
        margin-top: 5px;
        margin-bottom: 0px;
        line-height:1.2em;
        padding-bottom: 0.7em;
        letter-spacing: 1px;
      }
/*h1:first-letter {color:#B22D0D;font-weight: 400;        }*/


h2    { color:#B92323;
        font-size: 100%;
        margin-top: 15px;
        margin-bottom: 5px;
       /*font-variant:small-caps;*/
       text-transform: uppercase;
       letter-spacing: 0.1em;
        /*text-transform: uppercase;*/
      }

h3        {
        font-size: 110%;
        margin-top: 15px;
        margin-bottom: 5px;
        margin-left: 0px;
        font-variant:small-caps;
        /*text-transform: uppercase;*/
         letter-spacing: 1px;
        }
h4      { /*Überschriften für Contentboxen*/
        font-size: 105%;
        margin-top: 0px;
        margin-bottom: 0px;
        font-weight:600;
        padding:3px 8px;
        color:#fff;
        background-color:#060F2B;
        }
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: 0.5px 0px 0 #222;
  /*letter-spacing: 0.1em;*/

}


#content UL,
#tinymce UL,
.liste{
  margin-top:10px;
  margin-bottom:10px;
  margin-left:0px;
  padding-left:20px;
  list-style-image:url('../images/liste.gif');
  display:table;
  }

UL li UL {list-style-image:none}
UL li UL li{margin-bottom:5px;}

#content UL>li,
#tinymce UL>li,
.liste li
{  margin-bottom:10px;
   padding-left:5px;
   margin-left:0px;
   line-height:150%;
   text-align:left;
}

BUTTON{background-color: #B92323;
  color: #fff;
  padding: 10px 20px;
  font-size: 100%;
  border: none;
  box-shadow: 2px 2px 3px #0009;
  border-radius: 3px;cursor:pointer;}
BUTTON:hover{opacity:0.85}

FIGURE{margin:0;padding:0;display:inline;}
figcaption{display:none;}


.PlatzhalterOben{height:70px;}
@media (max-width: 1200px) {
  .PlatzhalterOben{height:0;}
}


#FooterLogos{text-align:center;padding-bottom:5px;padding-top:60px;/*padding-left:180px;*/}
#FooterLogos IMG{margin:5px; vertical-align:middle;}




/**************************************************************/
table.Tabelle_Hintergrund>TBODY>TR>TH{ background-color:#B92323; color:#fff;}



.phone{color:#B92323; font-size:1.8em;font-family:'Catamaran';}



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%;}



/*********** Formulare *****************************************************************************************************/
.kontaktform {max-width:550px;margin:auto;}
TABLE.kontaktform {background-color:#c8c8c8;  padding-top:4px;padding-bottom:4px; width:100%;}
.kontaktform TD {padding:4px;padding-left:8px;padding-right:8px;}

input, textarea, select{
        box-sizing: border-box;
        background-color: #FEFEFE;
        border:none;
        font-size: 1em;
        color: #888;
        padding-left:5px;
        /*font-family: 'News Cycle';*/
        font-family: 'Catamaran';
}

textarea { padding:5px;}
input{  box-sizing: border-box;
        padding:8px;
        line-height:1.3em;
        outline: none; /*Remove Chrome and Safari glows on focus*/
        cursor:pointer;
}
input:hover{}
input:hover, textarea:hover{
}
textarea:hover, textarea:focus{background-color: #fff; }
input:focus{/*background: #ededed url(../images/input-bg30-aktiv.png) repeat-x; */background:#fff;}

input:focus, textarea:focus{
}

INPUT.button {
        font-weight:700;
         padding-right:15px;
         padding-left:15px;
        margin-bottom:2px;
        margin-right:2px;
        margin-top:0px;
        margin-left:0px;
}
INPUT.button:hover{
        margin-top:2px;
        margin-left:2px;
        margin-bottom:0px;
        margin-right:0px;
}




INPUT[type=submit] {
}
INPUT[type=submit]:hover {
}

/*** Vorlage Personenliste  ********************************/
.personenliste{max-width:640px;  /*border:1px solid;*/ margin:auto; margin-bottom:40px;}
.personenliste>DIV{display:inline-block; width:100%;}
.personenliste>DIV A{float:left}
.personenliste>DIV IMG{box-sizing: border-box; width:160px;}
.personenliste>DIV .text{box-sizing: border-box; width:calc(100% - 190px);float:right; line-height:1.3; /*border:1px solid; */}
.personenliste>DIV H2{box-sizing: border-box; background-color:#B92323; color:#fff;margin:0;padding:4px 10px; font-weight:900;text-shadow:none;}
.personenliste>DIV H2 A{color:#fff;}

#content .sitemap UL{list-style:none;}
#content .sitemap UL LI{padding:0;margin:0;}
#content .sitemap UL UL{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;}
#content .sitemap UL LI{
        font-size:15px;
        text-transform: uppercase;
        font-weight: 600;
        padding:0;
        /*margin-top: 5px;*/
        margin-bottom: 0px;
        /*line-height:1.2em;*/
        letter-spacing: 1px;
}
#content .sitemap LI>UL LI{font-size: 15px; text-transform: none;font-weight: 200;}
#content .sitemap A {color:#222;} 
#content .sitemap A:hover {color:#B92323;}
#content .sitemap LI UL{list-style-image:url("../images/liste-black.gif");}

/****************************************************************************/
#content UL.Breadcrumb {text-align:left;margin:0; padding:0}
#content UL.Breadcrumb LI { background: url("../images/liste-black.gif") no-repeat -3px 2px transparent;list-style-image: none; list-style-type: none;
   float:left;
   padding-left:15px; padding-right:0px;

}
.Breadcrumb LI A{
  color : #222;
  font-size:0.8em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.Breadcrumb LI:last-child A{ color : #B92323;}


