1 /****
 **** Individelle Styles und andere Elemente
 ****
 */

 /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: https://www.linotype.com */






 .bordered-left h1, .layout_full h1 h1, .bordered-right h1 {

     padding-bottom: 25px;

   }


 @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=a6910dc5-a433-4066-8d07-6f6fac998fdf&fontids=735441");
     @font-face{
         font-family:"Rotis Sans Serif W01";
         src:url("Fonts/735441/d3158683-496c-49da-9a42-6a2ab1f8457a.eot?#iefix");
         src:url("Fonts/735441/d3158683-496c-49da-9a42-6a2ab1f8457a.eot?#iefix") format("eot"),url("Fonts/735441/979b67f1-28b4-4d3b-ab4d-551d4eaa3827.woff2") format("woff2"),url("Fonts/735441/60d6e9b1-72ed-49c7-bcd9-026d74b98deb.woff") format("woff"),url("Fonts/735441/03122496-25a2-4eb5-8181-fc843043fcc3.ttf") format("truetype");
     }




#header .nav-wrapper ul li, #main nav:not(.subnav) .nav-wrapper ul li, #left nav:not(.subnav) .nav-wrapper ul li, #right nav:not(.subnav) .nav-wrapper ul li {

    text-transform: lowercase;

}

#header .nav-wrapper ul > li > a.active::before, #main nav:not(.subnav) .nav-wrapper ul > li > a.active::before, #left nav:not(.subnav) .nav-wrapper ul > li > a.active::before, #right nav:not(.subnav) .nav-wrapper ul > li > a.active::before, #header .nav-wrapper ul > li.trail > a::before, #main nav:not(.subnav) .nav-wrapper ul > li.trail > a::before, #left nav:not(.subnav) .nav-wrapper ul > li.trail > a::before, #right nav:not(.subnav) .nav-wrapper ul > li.trail > a::before {

    border: 0;

}

#header .nav-wrapper ul > li > a:hover::before, #main nav:not(.subnav) .nav-wrapper ul > li > a:hover::before, #left nav:not(.subnav) .nav-wrapper ul > li > a:hover::before, #right nav:not(.subnav) .nav-wrapper ul > li > a:hover::before {

    border: 0;

}

#header .mod_mateNavbar {

    position: absolute;
    top: 0px;
  }

  #header .desktop-menu {

    margin: 18px 0 0 0;

  }

  nav {

    background-color: rgba(255, 255, 255, 1);
  }

  #header .nav-wrapper ul li a, #main nav:not(.subnav) .nav-wrapper ul li a, #left nav:not(.subnav) .nav-wrapper ul li a, #right nav:not(.subnav) .nav-wrapper ul li a {

      color: #000;
      font-size: 18px;

    }

    nav#mateNavbar297, #left nav.block {
      display: none;
      visibility: collapse;
    }

    .navbar-left {
      height: 0;
    }

    h5.project_hd {
margin-top: 0;

    }

    .page-footer {

    padding-top: 20px;
    color: #333;
    background-color: #fff;
  }

  .hl_large {

    margin-bottom: 13vh;
  }

 #main .inside > div.first h2.first.hl_large  {
  margin-top: 5vh;
 }



  .small_padding .row .col {


    padding: 0 0.25rem;

}

div.ce_hyperlink.leftmost h5 {

  margin-left: 0.5rem;
}




/* STUCK NAVBAR */

#header .mod_mateNavbar.stuck {
    background: rgba(255, 255, 255, 0.9);

  }

#header .mod_mateNavbar.stuck .nav-wrapper ul li a {
    color: #0b2f47;
}

#header .mod_mateNavbar.stuck i.material-icons {
    color: #0b2f47;
}

#header .mod_mateNavbar.stuck .nav-wrapper .button-collapse i {
color: rgb(0, 0, 0);
}

#header .mod_mateNavbar.stuck .nav-wrapper ul > li > a:hover::before {
    border: 0px solid #0b2f47;

}
#header .mod_mateNavbar.stuck .nav-wrapper ul > li > a.active::before, #header .mod_mateNavbar.stuck .nav-wrapper ul > li.trail > a::before {
    border: 0px solid #0b2f47;
}

#header .mod_mateNavbar .nav-wrapper {
    height: 80px;
  }

.stuck .brand-logo .ce_image.fixed-nav img {

    height: 49px;
    width: auto;
    margin:0;
}
@media (min-width:767px) {

div.ce_image.fixed-nav figure {
  margin-top:18px;
}
}


/* Hamburger Styling */

nav a.button-collapse {
    position: absolute;
    right: 20px;
    height: 100%;
    width: 40px;
    margin-bottom:20px;

}

/* nav.stuck a.button-collapse {
  top:-5px;
}

@media (min-width:768px) {
  nav a.button-collapse {
    top:-25px;
  }

}*/




@media (max-width:600px) {
.brand-logo img, .stuck .brand-logo .ce_image.fixed-nav img  {
  height: 40px;
  width: auto;
  margin-top: 3px;
  transition: all 1s ease-in-out;
}


div.ce_hyperlink h5 {

  margin-left: 0.5rem;
}

 }

#header .mod_mateNavbar.stuck .desktop-menu {

    margin-top: 18px;
  }

  @media (max-width: 767px) {
/*  #header .mod_mateNavbar.stuck .image_container img { */
nav .image_container {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
  }

  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
      width: 60px;
      height: 60px;
      margin-top: -15px;
      font-size: 30px;
  }

nav a.button-collapse i {
  margin-left: 50px;
}
}

.textarea.mandatory {

  height: 150px;
}

div.pushlink a:active, .pushlink:active {
  transform: scale(0.98);
}

div.ce_hyperlink.pushlink figure.image_container {
  position: relative;
  width: 100%;
  height: 95%;
  overflow: hidden;
}


a.pushlink img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

a.pushlink:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#sidenav-overlay {
background-color: #fff;

}


div.philo p {
  font-size: 18px;

}


@media (min-width:768px) {
  .zwo_spalten {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;

    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 40px;
  }
  }

div.dark {
  margin-top: 8vh;
  padding: 20px;
  background: #0b2f47;
  color: rgba(255, 255, 255, 0.9);
}

div.dark h4.ce_headline {
 color: rgba(255, 255, 255, 0.9);
}

div.dark .ce_list ul:not(.browser-default) li::before, div.dark .ce_text ul:not(.browser-default) li::before {
      position: absolute;
      left: 7px;
      top: 1px;
      content: "»";
      color: #fff;
    }

div.zwo_spalten p:first-child, div.zwo_spalten ul:first-child {
   margin-top: 0px;
 }

 h4 {
   margin-bottom: 25px;
 }

#wrapper {
    padding-top: 150px;
}

#wrapper > .container {

padding-top: 15px;
}

/* SLIDE IN NAVI */
.side-nav {

    background: #0b2f47;

      }

      #header .nav-wrapper ul.mobile-menu.side-nav li a {

    color: #fff;
    font-size: 22px;
  }

/* KONTAKTFORMULAR */

input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea, textarea {

    background: #fff;
    border: 1px solid #7cbed8;
    margin: 0;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    display: block;
    border-radius: 0;
    box-shadow: none;
    color: #000;

}

.contact .contact-info::after {

    position: absolute;
    content: "";
    left: 0.75rem;
    bottom: 0;
    border-bottom: 0px solid #0b2f47;
    width: calc(100% - (0.75rem * 2));

}



/* Colorbox Styling */


div#cboxOverlay {
	background:#000;
}

/* Newslist Styling */

.layout_latest .inner, .layout_short .inner, .layout_teaser .inner, .layout_list .inner {

    box-shadow: none;
    -webkit-box-shadow: none;
      background: none;
}



.layout_latest .inner h2:after, .layout_short .inner h2:after, .layout_teaser .inner h2:after, .layout_list .inner h2:after {
    border-bottom: none;

}

.layout_latest .inner .text, .layout_short .inner .text, .layout_teaser .inner .text, .layout_list .inner .text {
    padding: 0px;
}

.layout_latest .inner h2, .layout_short .inner h2, .layout_teaser .inner h2, .layout_list .inner h2, .layout_latest .inner h2 a {
    font-size: 22px;
     color: #0b2f47;
  }

div.layout_latest.news-lightimg div.subheadline {
  color: #000;
}

div.layout_latest.news-lightimg figure.image_container {
  border: #aaa solid 1px;
}


/* SWUP STYLES */


.transition-fade {
  transition: 0.4s ease-in-out;
  opacity: 1;
}
html.is-animating .transition-fade {
  opacity: 0;
}

.button--fade {
  opacity: 1;
  transition: opacity 1s 3s;
}
html.is-animating .button--fade {
  transition: opacity 0.5s 2s;
  opacity: 0;
}

.transition-slide {
    transition: .4s;
      opacity: 1;
}

html.is-animating .transition-slide {
    transform: translate3d(0, 120%, 0);
    opacity: 0;
}