@charset "utf-8";
/* CSS Document 
@font-face { font-family: 'PlayfairDisplay'; src: url('../fonts/Playfair_Display/static/PlayfairDisplay-Medium.ttf') format('truetype'); }
*/

body { color:#333; font-size:medium; background-color:#ffffff;line-height: 1.7;}

h1 { color:#444444; font-weight:normal;clear: both;}
h2 {color:#444444; font-size: x-large;clear: both;}
a {color:#f07d00;}
a:hover {text-decoration:underline;color:#f07d00;}

.header { min-height:100px; width:100%;border:0;} /* border-bottom:#02425f 1px solid; */
  .header .row { max-width:900px; margin:0px auto 10px; }

/*.slogan p { font-size: 80px;margin-top:0px; padding:0 0 0 30px; font-weight:500; color: #444444;font-family: 'PlayfairDisplay', serif;font-variant:small-caps; }
.slogan p .rot { color:#ff0000;}.logo { margin:0px 0px 0 0;}
  .logo img { max-width:80px; height:auto;}*/
.slogan {position: absolute;top: 10px;}
.navi {margin: 100px 0 0 0px; float: right;}


nav, .nav { font-size:large;max-width: 830px;margin: 0 auto;}
  .navbar-default { background-color:transparent; border:0; border-radius:0; margin-bottom:0px;}
  #mainNav {text-align:center;max-width:824px;margin:0px auto;}
  #mainNav ul { }
  #mainNav a {color:#02425f;}
  #mainNav a:hover, #mainNav .active {color:#999999;}

/* NAV neu */
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #f80; background-color: transparent;}
.navbar-default .navbar-nav>li>a:hover { color: #f80; }
.navbar-default .navbar-brand a:hover {color: #f80;}

.inhalt .grid-row {margin-left: 0px;}
.grid-col {    width: 33%;    float: left;}
.mitte {border-left: 1px solid #444;border-right: 1px solid #444;min-height: 200px;}

.ce-row {margin:0px 0px 20px;}
/*
figcaption { width:250px; }
.inhalt .ce-column { float:left; max-width:252px;margin:20px 6px 0;}

*/
.inhalt .ce-column img { box-shadow: #444 3px 3px 3px;padding: 10px;margin: 10px;}
.content-container { background-color:#ffffff;max-width:900px;border-top:#444 1px solid;} /*  */
.inhalt { padding:16px 0 16px 28px; max-width:900px; margin:30px auto 120px;background-color:#ffffff;}
  .inhalt h1 { color:#444444; }
  .inhalt h2 { color:#444444; font-size:x-large; margin-top:40px; margin-left:0px; }
  .inhalt h3 { color:#444444; font-size:large; padding-top:16px;clear: both; margin-left:0px; }
  .inhalt p, .inhalt table { margin:4px 0px 24px; }
.inhalt .sg-33-small p { margin:4px 0px 16px 0px; }
  .inhalt ul, .inhalt ol { margin:10px 0px;}
  .inhalt .frame-type-textmedia p {padding:6px 0px;}
  
  .ce-left .ce-bodytext p { margin:6px 0px;}
  .inhalt .ce-border .image {  }
  
hr { clear: both; background-color: #f80; height: 2px; margin-left: -16px;}

.footer { bottom:0px; border-top:solid #f80 1px; width:100%; background-color:#e3e3e3; margin-top:40px;padding-bottom: 40px;}
.footer .grid-row {margin-left: 40px;}
.foot { color:#333; max-width:950px; margin:16px auto 0;padding-left: 50px;  }

  .foot a { color:#333;}
.footer .col-md-4 {padding-left:55px; max-width: 900px; margin: 8px auto;font-size:small;}

.dropdown-submenu{
    position:relative;
    }
    .dropdown-submenu > .dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
    }
    .dropdown-submenu:hover > .dropdown-menu{
    display:block;
    }
    .dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
    }
    .dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
    }
    .dropdown-submenu .pull-left{
    float:none;
    }
    .dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
    }
      ul.nav > li.dropdown:hover > ul.dropdown-menu {
        display: block;
        margin-top:0px
    }
  .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {  background-color:#bec1c3 !important;}

.sticky-menu {

    top: 0;
    position: fixed;
    z-index: 1000;
  width:100%;
   border-bottom:#02425f 1px solid; 
}


@media screen and (min-width: 992px) and (max-width: 1199px) {

}

@media screen and (max-width: 991px) {

  .container {  width: 100%;}
.foot {  }
  .foott { max-width:700px; margin:16px auto 0; font-size:small;}
  .foot-0, .foot-1, .foot-2, .foot-3, .foot-4 {float:left; max-width:25%; padding:0 12px; text-align:left;}
}

 @media screen and (max-width: 767px) {

   .header img { width:60%; height:auto;}
   .navi {margin:0;}
   .navbar-default {width: 250px;float: right;}
   nav, .nav { font-size:medium;}

   .inhalt { margin:0px;padding: 16px 10px 16px 10px;}

  
   .inhalt h1 { font-size:x-large;}
  .inhalt h2 { font-size:large;  margin-left:0px; }
  .inhalt h3 { font-size:large; padding-top:6px; margin-left:0px; }
  .inhalt p { margin:4px 0px 16px;}
  .inhalt ul, .inhalt ol { margin:10px 0px;}   
  .inhalt img { float: none; max-width:100%; height:auto; margin:0px;}
   .ce-nowrap .ce-bodytext { overflow: visible;}
 
   .row.grid-row {margin-right: 0px;}
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery {width: 30%;}
.footer { position: relative; margin-top:0px;}
.foot {}
  .foott { max-width:600px; margin:10px auto 0; font-size:small; padding-left:5px;}
  .foot-0, .foot-1, .foot-2, .foot-3, .foot-4 {float: none; max-width:90%; padding:6px 12px; text-align:left;}

.footer .grid-row {margin-left: 0px;}
.foot { color:#808080; max-width:950px; margin:16px auto 0;padding-left: 0px;  }

.footer .col-md-4 {padding-left:5px; width:100%; }
.grid-col {  width: 100%;}
 }


/*#### Menu test ####*/