/**
 * @file
 * Use this CSS file to override theme CSS rules
 */

body{
  color: #00304A;
  font-size: 1.6rem;  
}
h1{
  font-weight: normal;
}
h2{
  font-size: 2rem;
}
.images-container{
  margin-bottom: 15px;
}
.field--name-field-mt-subheader-body{
  font-size: 1.8rem;
  font-weight: 700;
}

/*Home-Seite*/
body.path-frontpage{
  font-size: 1.8rem;
}
.path-frontpage h1{
  font-weight: 700;
}
.path-frontpage h2{
  font-size: 3rem;  
} 
 
/*Regions*/
.region-content-top{
  padding: 30px 0;
}
.region-content-top h2{
  font-weight: 700;  
}
.region-content-top .content{
  font-size: 2rem;
  text-align: center;
}
.region-content-sub{
  margin-top: 3rem;
}
.views-field-title h3 a{
  color: #00304a;
}
 
/*Header*/
#header{
  background-color: #E6EAED;
}
.header-container ul.menu li a{
  color: #00304C;
  text-transform: none;
}

/*Mainnavi*/
.header-container ul.menu li a{
  font-size: 1.6rem;
}
.header-container .sf-menu ul li a:hover,
.header-container .sf-menu ul li.sfHover > a,
.header-container ul.menu.sf-accordion li a:hover{
  background-color: rgb(0,48,75);
}

/*Mainnavi mobil*/
.header-container .sf-accordion-toggle.sf-style-none a{
  top: -50px;
}
@media (max-width: 767px){
  .header-inside {
    padding: 0;
  }
}

/*Side-Mainnavi*/
ul.menu li a:hover{
  background: #00304B;
  color: #fff;
}

/*Slideshow*/
.title-teaser-text .title{
  background-color: #00304B;  
}
.title-teaser-text p{
  background-color: #fff;
  color: #00304B;
}
.title-teaser-text .title a{
  font-weight: bold;
}
.tp-caption{
  transform: none!important;
  opacity: 1!important;
}
.tp-bannertimer{
  background-color: #00304B;
}

/*Footer*/
#subfooter{
  background-color: #1a445d;
}
#footer ul.menu li.menu-item > a::before{
  content:"\f105";
}
.colored-region{
  background-color: #A6B6C0;
  color: #fff;
} 
.colored-region a,
.colored-region a:hover,
.colored-region ul.menu li a,
.colored-region:not(.black) ul.menu li.menu-item > a:before {
  color: #007cb1;  
}

.colored-region:not(.black) ul.menu li a:hover,
.colored-region:not(.black) ul.menu li:hover a:before{
  background-color: transparent;
  color: #fff;  
}

footer .google-map-canvas{
-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);  
  height: 263px;
  margin-top: 20px;
}

.footer-area h2.title{
  font-size: 1.8rem;
  margin-bottom: 1.3rem;
}

.subfooter.colored-region ul.menu li a{
  color: #fff;
}

/*Dots*/
.dot{
  border-radius: 50%;
  color: #fff;
}
.yellow{
  background-color: #F19700;  
}
.red{
  background-color: #cc0000;  
}
.blue{
  background-color: #00217A;  
}

/*Featured*/
#featured{  
  background-color: #E6EAED;
}
@media screen and (min-width : 992px){
 .featured-entry:first-child,
 .person-teaser:first-child{
   margin-left: 25%;
 }
}

/*To-Top-Arrow*/
.to-top{
  background: rgba(0,124,177,0.8);
}

/*Zitat*/
blockquote{
  font-size: 16px;
  padding-left: 60px;
}
blockquote:after{
  font-size: 100px;
  left: 0;
}

/*Personen-Teaser Startseite*/
.person-title{ 
 margin-top: 15px;
}
.person-teasertext{
  font-size: 1.4rem;
}
.person-jobtitle{
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 10px;
}

/*Personen*/
.page-node-type-personen .images-container{
  margin-bottom: 10px;  
}

.field.field--name-field-image.field--type-image.field--label-hidden.field__items,
.field.field--name-field-teaser-media.field--type-entity-reference{
  float: left;
  margin-right: 15px;
  margin-top: 10px;  
}
@media screen and (min-width : 768px){
  .field.field--name-field-image.field--type-image.field--label-hidden.field__items,
  .field.field--name-field-teaser-media.field--type-entity-reference{
    margin-top: 0;
    max-width: 30%;
  }
}

/*Veranstaltungen*/
.event-entry{
  min-height: 150px;
  position: relative;  
}  

.event-entry h3{
  margin-top: 0;
}  

.field--name-field-datetime{
  font-size: 2rem;
  margin-bottom: 1rem;
}

/*Kontaktformular*/
#edit-preview{
  display: none; /*Vorschaubutton ausblenden*/
}

/*Revolution slider - mobil wird schmales Bild gewünscht*/
@media screen and (max-width : 768px){
  .slider-revolution{
    height: 160px!important;  
  }
  .tp-mask-wrap{
    display: none; 
  }  
}  
@media screen and (min-width : 992px){
  .tp-bgimg.defaultimg{
    background-size: cover!important;
  }
}