/* #Font-Face
================================================== */
/*  @font-face {
      font-family: 'FontName';
      src: url('../fonts/FontName.eot');
      src: url('../fonts/FontName.eot?iefix') format('eot'),
           url('../fonts/FontName.woff') format('woff'),
           url('../fonts/FontName.ttf') format('truetype'),
           url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
      font-weight: normal;
      font-style: normal; }
*/


/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* #Basic Styles
================================================== */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  background: #fff;
  font: 14px/21px 'Roboto', Verdana, Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #444444;
  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}

a, a:active, a:focus {
  outline: none;
}

.clearBoth {clear:both;}

/* #Site Styles
================================================== */

#header{
/* 
  background: #ccc;
  background-size:cover;
  height:80vh;
  max-height: 750px;
  margin-bottom: 20px;
 */
}
.bodyUid9 #header{
/*   height:100vh; */
}

#logo {
  float: left;
  margin: 20px;
}

.hide {
	display: none;
}

#termine {
  position: absolute;
  top: 99px;
  left: 0;
  width: 100%;
  /* background: transparent url(../img/hg-sitebar.png) 0 0; */
  background: #2f3038;
  color: #fff;
  display: none;
  z-index: 999;
  padding: 20px 0 40px 0;
  border-top: 1px solid #999;
}
.one, .two, .three {
  padding: 30px 0;
}
.one {
  padding: 0 0 20px 0;
}
.two {
  background: #f4f4f4;
}

#content {
/*   margin-bottom: 40px; */
}

#col5 { padding: 20px 40px; }
#col5 .csc-default {
  width: 20%;
  float: left;
}


/* 
#pageMargins {
  margin: 0 auto;
  padding: 0;
  max-width: 960px;
  text-align: justify;
}
 */

#footer {
  text-align: left;
  padding: 20px 0;
  background: transparent url(../img/hg-sitebar.png) 0 0;
  background: #333;
  color: #9f9f9f;
  font-size: 90%;
}
.fo2 { margin-top: 55px; }
#footer a:link,
#footer a:focus,
#footer a:active,
#footer a:visited {
  color: #9f9f9f;
}

#footer .socialshareprivacy,
#footer .facebookLink {
  display: inline-block;
  height: 30px;
}
#footer .socialshareprivacy ul { margin: 15px 0 0 0 !important; }
#footer .socialshareprivacy .social_share_privacy_area { height: auto; }
#footer .socialshareprivacy .settings_info { display: none; }
#footer .social_share_privacy_area .facebook { width: auto; }

#footer .fo1 .partner {
	float:left;
	margin-top: 14px;
    margin-left: 10px;
    }
#footer .fo1 .social {float:left;}

section .csc-textpic-intext-left .csc-textpic-imagewrap,
section .csc-textpic-intext-left .csc-textpic-text,
section .csc-textpic-intext-right .csc-textpic-imagewrap,
section .csc-textpic-intext-right .csc-textpic-text {
	width: 49%;
}
section .csc-textpic-intext-left .csc-textpic-text,
section .csc-textpic-intext-right .csc-textpic-text {
	float: left;
}


/* Icons */
.functionIcons {
  margin: 40px 0 20px 0;
}
.functionIcons table {
  width: 130px;
}
.functionIcons tr,
.functionIcons td,
.functionIcons caption {
  text-align: center;
  width: 100%;
}
.functionIcons div.csc-textpic .csc-textpic-imagewrap table img {
  display: inline;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}
.functionIcons div.csc-textpic .csc-textpic-imagewrap table:hover img {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.galerieIcon table {
  width: 130px;
}
.galerieIcon tr,
.galerieIcon td,
.galerieIcon caption {
  text-align: center;
  width: 100%;
}
.galerieIcon div.csc-textpic .csc-textpic-imagewrap table img {
  display: inline;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}
.galerieIcon div.csc-textpic .csc-textpic-imagewrap table:hover img {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.galerieIconHtml .csc-textpic-image {
	float: left;
	}

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
  color: #444444;
  font-family: 'Roboto', Verdana, Helvetica, Arial, sans-serif;
  font-weight: 400;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 22px;
  color: #f59b00;
}

#termine  {
  font-size: 80%;
}
#termine h1 {
  font-size: 120%;
  color: #f59b00;
}
#termine > div {
  float: left;
  width: 20%;
    margin-top: 80px;
}

.csc-frame-frame1 {
  background: #f4f4f4;
  display: inline-block;
  padding: 2px 5px;
  margin-left: -5px;
}

td { padding-right: 30px; }

p {
    margin: 10px 0 0 0;
}
/* #Links
================================================== */
a, a:visited { color: #f59b00; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #f59b00; }



/* #Lists
================================================== */
#content ul {
  list-style-position: inside;
  margin: 0 0 20px 0;
  padding: 0;
}
#content ul li {
  line-height: 1.5em;
/*   list-style-image: url("../img/listImage.png"); */
  list-style-type: none;
  margin: 0 0 0 0px;
  padding: 0 0 0 20px;
    background: transparent url("../img/listImage.png") no-repeat left 5px;
}


/* Hide Pictures opining with "Bilder-Icon"-Link
==================================================== */
/*
.bodyUid47 div#c226 {
    display: none;
}
.bodyUid16 div#c204 {
    display: none;
}
*/
.lightboxImageGallery {
	display: none;
	}
	

/* #Forms
================================================== */
div.csc-mailform fieldset ol {
  padding: 0;
    list-style: none;
}
div.csc-mailform fieldset li {
    list-style: outside none none;
    margin-bottom: 0.5em;
    padding-left: 0;
}
div.csc-mailform legend {
    font-weight: bold;
    margin: 30px 0 0 0;
    font-size: 16px;
    color: #444444;
    border: 0;
}


/* #RESP Menu
================================================== */
.navbar {
  height: 100px;
  min-height: 100px;
  border-radius: 0;
}
.navbar-brand {
  padding: 15px;
  height: 100px;
}
.navbar-brand img {
  height: 100% !important;
  width: auto;
}
.navbar-default {
  background: #2f3038;
}

.navbar-default {
  color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-weight: 300 !important;
}
.dropdown-menu > li > a {
  font-weight: 300 !important;

}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.navbar-default .navbar-brand {
  color: #fff;
}

.navbar-nav > li > a {
    padding: 44px 35px 36px;
}


.computer .nav li {
  position: static !important;
}
.computer .nav li a {
  text-decoration: none;
  text-transform: uppercase;
}

.dropdown-menu {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.dropdown-menu2 {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.computer .nav ul {
  background: transparent url(../img/navHG.png) 0 0;
  padding-top: 15px;
  padding-bottom: 10px;
  width: 100%;
}
.computer .nav ul > li {
  width: 14.2857142857%;
  float: left;
}
.computer .nav ul > li a {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  white-space: normal;
  font-size: 14px;
}
.computer .nav ul > li a:hover {
  background: none;
  color: #f59b00;
}
.computer .nav ul > li.active a {
  background: none;
  color: #f59b00;
}
.computer .nav ul > li.active a:hover {
  background: none;
  color: #f59b00;
}

.computer .nav ul ul {
  display: none !important;
}

/* Sonderloesung fuer langen Titel */
.menuMainSubPid21  a {
  padding-left:0 !important;
  padding-right:0 !important;
}

#c211 {
    float: right;
    margin-left: 45px;
    margin-right: 40px;
    margin-top: -40px;
}

@media (max-width: 1199px) {

.navbar-nav > li > a {
    padding: 44px 22px 36px;
}

}
.csc-linkToTop {
	display:none
	}

.navbar {
    position: relative;
     min-height: 100px; 
    margin-bottom: 0px;
    border: none;
}

div.csc-textpic .csc-textpic-imagewrap img {
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.csc-textpic-caption {
    text-align: center;
}

.col-sm-12 ul li {
    margin: 0;
    padding: 0;
    list-style-image: url(../img/listImage.png);
    }
 .bodyUid18 .functionIcons {
   margin: 0;
   }
 .bodyUid25 #content3,
 .bodyUid40 #content3 {
   background: #f4f4f4;
 }
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 30px;
    margin-top: 20px;
}


/* click menu event
.dropdown-menu {
	display: block;
}
.open .dropdown-menu.hide {
	display: block !important;
}
*/
/*	
li.active ul {
	display: block;
	}
li.active ul {
	display: none;
	}
*/
li.dropdown ul {
	display: none;
}
li.dropdown.active ul {
	display: block;
}
	
.imgmargin {
	margin: 15px;
}

.navbar-toggle {
    margin-bottom: 0px;
}
.navbar-brand img {
    height: auto !important;
    width: 300px;
}
@media (min-width: 992px) {
	#menu .mobile {
	display:none !important;
	}
}

@media (max-width: 991px) {

	body { 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
	}
	h1 {
    font-size: 20px;
	}
	.navbar-nav {
    margin: 0px 0px; 
    width: 50%;
/*    float: right;*/
	}
	div.csc-textpic-center .csc-textpic-center-outer {
    position: relative;
/*    float: right;*/
    z-index: -2;
    right: 50%;
	}
	col-sm-12 {
	z-index: -2 !important;
	}
	.navbar-nav {
    /* margin: 27.5px -15px; */
    width: 100%;
    text-align: center;
    /* float: right; */
    background-color: #2f3038;
    z-index: 2999;
    /* right: 0; */
    top: 0;
    margin-top: 0;
	}
	li.dropdown.active ul {
     display: none; 
	}
	#menu .desktop {
	display:none;
	}
	#menu .mobile {
	margin-top: -2px
	}
	#menu {
	margin-right: -23px;
	}
	.navbar-default {
    z-index: 1999;
	}
	.navbar-nav .open .dropdown-menu {
	text-align: center;
	/*background-color: #2f3038;*/
	background-color: #3d3e44;
	padding: 15px 15px 15px;
	}
	li.dropdown ul {
	display: none;
	}
	li.dropdown.open ul {
	display: block;
	}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 3px 0px;
    color: #333;
	}
	.navbar-nav > li > a {
    padding: 15px 15px 15px;
	}	
	.computer .nav ul > li {
    width: 100%;
    float: none;
    text-align: center;
	}
	.navbar-brand img {
    height: 85% !important;
    width: auto;
	}
}
	
@media (max-width: 500px) {

	.navbar-toggle {
    margin-top: 38px;
	}
	#c211 {
    float: none;
    margin-left: 45px;
    margin-right: 75px;
    margin-top: -40px;
	}
}
	

@media (max-width: 768px) {
	.navbar-brand {
	  max-width: 100px;
	}
	section .csc-textpic-intext-left .csc-textpic-imagewrap,
	section .csc-textpic-intext-left .csc-textpic-text,
	section .csc-textpic-intext-right .csc-textpic-imagewrap,
	section .csc-textpic-intext-right .csc-textpic-text {
		width: 100%;
	}


}