/****** PLACE YOUR CUSTOM STYLES HERE ******/


/* - - - - - - - Layout Raster / Boxes - - - -  - */


.bgimgtop { background-position-y: 0% !important; }

@media screen and (min-width: 2200px)  { .background-image-holder { background-position: 50% 30% !important;  }  }


footer {
    padding: 24px 0 80px 0;
}

.page-title-2 { height: 420px; }

@media screen and (max-width: 992px)  { .page-title-2 { height: 220px; }  }
@media screen and (max-width: 768px)  { .page-title-2 { height: 160px; }  }
@media screen and (max-width: 600px)  { .page-title-2 { height: 120px; }  }


.pt-firstcontent-section { padding-top: 56px; }


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

.page-title-2.portraitfoto { height: 180px; }

.page-title-2.portraitfoto .background-image-holder { background-size: 200% !important; background-position: 25% 50% !important; }

}

@media screen and (max-width: 767px) {
	br { display: inherit; } 
}


/* - - - - - - - Menu - - - -  - */

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

	.module.left.desktopright  { float: right; }
	.module-group.right.desktopleft { float: left; }

	ul.menu { padding-top: 3px; }

	.menu a { height: 30px !important; line-height: 20px;  }
	.menu a.current { border-bottom: 3px solid #ffffff; }
 
	.module.left {    padding: 0 16px; }
  }

.nav-bar {
    border-bottom: 0px solid #ccc;
}

.nav-bar { height: 100px; max-height: 100px; line-height: 98px; }
.nav-bar .module, .nav-bar .module-group { height: 100px; }
.nav-bar a { height: 100px; }
.logo { max-height: 80%; }


nav.fixed.outOfSight.scrolled .nav-bar { height: 100px; max-height: 100px; line-height: 98px; }
nav.fixed.outOfSight.scrolled .nav-bar .module, .nav-bar .module-group { height: 100px; }
nav.fixed.outOfSight.scrolled .nav-bar a { height: 100px; }
nav.fixed.outOfSight.scrolled .logo { max-height: 80%; }

.has-dropdown { padding-right: 0px; }

.has-dropdown::after { position: relative; padding-left: 4px; color: #ffffff; }

.menu > li ul { width: 300px; background: rgba(254,166,22,0.9); margin-top:-4px; padding-bottom: 10px; }

.menu > li > ul li a { padding: 12px 24px; }

@media screen and (min-width: 990px) {
	.menu > li > ul li a { padding: 0; margin-left: 24px; margin-bottom: 6px; } 


nav.outOfSight {
  transform: none;
  -webkit-transform: none
  -moz-transform: none;
}
nav.scrolled {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
}
nav, 
nav.fixed,
nav.absolute, 
nav.scrolled {
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  right: 0;
}
nav.absolute {
  position: absolute;
}
nav,
nav.fixed, 
nav.scrolled {
  position: fixed;
  visibility: visible;
  opacity: 1;
}
nav.fixed .nav-utility {
  display: inherit;
}
nav.fixed.scrolled {
  visibility: visible;
  opacity: 1;
}

nav .nav-bar, 
nav.fixed.scrolled .nav-bar, 
nav.fixed.outOfSight.scrolled .nav-bar { width: 1170px; margin: 0 auto; } 

}
/* - - - - - - - Mobile Menu - - - -  - */

.nav-bar.nav-open .module-group, .nav-bar.nav-open .module {
    height: auto;
    overflow: hidden;
}

.nav-bar.nav-open li a {
    height: 40px;
}

.module.widget-handle.mobile-toggle.right.visible-sm.visible-xs { height: 50px;width: 50px;border: 0px solid #ffffff; opacity: 0.5; }
.nav-bar .module.widget-handle.mobile-toggle.right.visible-sm.visible-xs { padding: 0 8px;margin: 30px 25px 10px 10px; }

.mobile-toggle {
    border-left: inherit !important;
    border-bottom: inherit !important;
    border: 2px solid #ffffff !important;
}

.module.widget-handle i { font-size: 30px; opacity: 1; }

.mobile-toggle i { line-height: 45px !important; }


.ti-menu { color: #ffffff; }


.nav-bar.nav-open .module.widget-handle.mobile-toggle.right.visible-sm.visible-xs { opacity: 1; }


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

.module.left, .module-group.left { max-width: 70%; }


 }


@media screen and (max-width: 990px)  {
 .menu li { border-top: 1px solid #ffffff; } 
 .has-dropdown::after { position: absolute; }
 .menu > li ul { width: 100%; }
 .menu > li > ul li a, .mega-menu .title { padding: 6px 32px; }
 .has-dropdown::after { font-size: 18px; }

}
		            
/* - - - - - - - Fonts - - - -  - */



body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .menu { font-family: 'Ubuntu', Helvetica, Arial, sans-serif; font-weight: 400;  }

h1, h1 span { font-weight: 500;  }


body, p {
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
}

body b, body strong, p b, p strong {
    font-weight: 700;
}

footer, footer p {font-size: 15px;}

body, p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #6A7077;
}

p.lead {
    font-size: 22px;
    font-weight: 500;
    line-height: 36px;
}

.menu li a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #ffffff;
    opacity: 1;
    }

.menu li a:hover {
    opacity: 0.6 !important;
    }

section a, footer a { font-weight: inherit; text-decoration: underline; }
section a { color: #3C3C3C; }

section a:hover, footer a:hover { opacity: .7 !important; text-decoration: underline; }

ul.textliste { list-style-type: disc; padding-left: 16px; }

.nummer-teaser { 
	text-align: center;
	padding: 0px 20px;
}

.nummer-teaser p { 
	color: #F99A00 !important;
	font-size: 20px;
	line-height: 38px;
}

.nummer-kreis 
{ width: 100px;
    height: 100px;
    line-height: 100px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid 2px #FEA616;
    color: #FEA616;
    text-align: center;
    display: block; 
	font-size: 48px;
	margin: 0px auto 30px auto;
}

/* - - - - - - - Infotabellen - - - -  - */

.infotable td { vertical-align: top; }
.infotable.kompakt p { margin-bottom: 12px; }


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

      table.infotable { width:100%; } 
      .infotable td { display:inline-block; width:100%; } 
      .infotable p { margin-bottom: 0px; }
      .infotable.kompakt p { margin-bottom: 0px; }
      .infotable tr { display: inline-block; width: 100%; margin-bottom: 24px; }
}


/* - - - - - - - Farbe - - - -  - */


.color-primary
 {
    color: #FEA616 !important;
}

 
.nav-container, nav { background-color: #FEA616; }

.bg-primary {
    background: #FEA616 !important;
}