@charset "utf-8";

/* CSS Document */
@font-face { font-family: 'Acme'; src: url('../fonts/Acme-Regular.ttf') format('opentype'); }


body { color:#272727; }

h1 { color:#00609C; font-weight:normal; font-family: 'Acme', sans-serif;}

h2 {color:#00609C; font-size: large;}

.container-fluid {    max-width: 1200px;    margin: 0 auto;}


.slogan { font-size:52px; padding:70px 0 0px; font-weight:normal; color: #7B7C7E; font-family: 'Acme', sans-serif;}

.logo { margin-top:10px;}

nav { font-size:large; }

.inhalt img  {    border: 1px solid #aaa;
    -webkit-box-shadow: 4px 4px 6px 4px #aaa;
    box-shadow: 2px 2px 6px 2px #aaa;
    margin: 10px;
  /*-webkit-box-shadow: 5px 5px 5px 2px rgba(50, 50, 50, 0.75);

-moz-box-shadow:    5px 5px 5px 2px rgba(50, 50, 50, 0.75);

box-shadow:         5px 5px 5px 2px rgba(50, 50, 50, 0.75);*/}



ul.tinyaccordion {margin:26px 0;}

ul ul { margin-bottom:20px;}

  .inhalt .ce-bodytext { margin-bottom:30px;}

li div {margin-left:6px; }



#footer { background-color: #01619e; color:#ffffff; padding: 15px; margin:50px auto 0px; text-align:center;}

  #footer a {color:#ffffff; }



.banner { background-color:#ffff00; color:#272727; border:1px solid #00609c; text-align:center; 

  position:absolute; top:-10px; right:20px; width:310px; transform: rotate(-15deg); padding:6px;}



.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

    }



/*  Gridelements */

.ein-grid { margin-top:20px;}

  .col-1 { max-width:1200px; margin:0 auto;}



.zwei-grids { margin-top:20px; }

  .col-21, .col-22 { float:left; width:46%; margin-right:2%; margin-bottom:4%; }

  .col-21 { margin-left:2%;}

  .col-22 {  }



.drei-grids { margin-top:20px; }

  .col-31, .col-32, .col-33  { float:left; width:30%; margin-right:2%; text-align:left;}

  .col-31 { margin-left:2%;}

  .col-32 { }

  

.2drittel { margin-top:0px; }

  .col-133, .col-233 { float:left; width:30%; margin-right:2%; text-align:left;}

  .col-233 { width:60%; }  

  

.home-grid { clear:both; text-align:center; }

.home-kacheln { float: left; margin:10px 5px; width:282px; text-align:left; border:2px solid #ffc000;}

.home-kacheln .bodytext { padding:0 5px;}

.home-kacheln img { margin-bottom:8px;}



blockquote {border: 5px solid #eee; background-color: #ffff00;}

  

/* Akkordion */

.tinyaccordion {width:100%; margin:0px; padding:0px;}

.acc-li { width:100%;  }

.acc-li h4 { width:100%;

  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

  box-shadow:inset 0px 1px 0px 0px #ffffff;

  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));

  background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);

  background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);

  background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);

  background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);

  background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);

  background-color:#ffffff;

  -moz-border-radius:6px;

  -webkit-border-radius:6px;

  border-radius:6px;

  border:1px solid #dcdcdc;

  display:inline-block;

  cursor:pointer;

  color:#00609C;

  font-family:Arial;

  font-size:15px;

  font-weight:bold;

  padding:6px 24px;

  text-decoration:none;

  text-shadow:0px 1px 0px #ffffff;

}

.acc-li h4:hover {

  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));

  background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);

  background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);

  background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);

  background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);

  background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);

  background-color:#f6f6f6;

  text-decoration:none !important;

}

.acc-li h4:active {

  position:relative;

  top:1px;

}





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

  .logo { float:left; width:200px; margin:10px 0 ;}
  .logo img {width:100%; height:auto;}

  .slogan { float:left; font-size:xx-large; margin:10px 0; padding:10px 0 0px; max-width:100%;}

  

  .col-133 { visibility:hidden; display:none; } /* float:left; width:0%; */

  .col-233 { width:99%; } 

  

  .drei-grids { margin-top:20px; }

  .col-31, .col-32, .col-33  { float:left; width:100%; text-align:left;}

  .col-31 { margin-left:2%;}

.inhalt { }

.banner { top:150px;}

}

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

.banner { visibility:hidden; display: none;}
  .logo {width:37%;}
  .slogan {width:60%;font-size: large;    margin: 0px 0;}
.inhalt .ce-bodytext {    margin-bottom: 0px;    width: 100%;}
.inhalt .ce-intext.ce-right .ce-gallery, .inhalt .ce-intext.ce-left .ce-gallery {    margin-left: 0px;  width: 100%;}
  .inhalt img {    margin: 0px; max-width:100%; height:auto;}
}