/* ##### LAYOUT ##### */
html  { height: 101%; }
*  { margin: 0; padding:0;}
body  { font-family: 'Open Sans',sans-serif; font-size: 100%; font-weight:300; line-height: 1.4em; color:#000; text-align: center; }

#header { width:80%; margin: 0 auto; position:relative; max-width:1200px; }
#logo { position:absolute; top:28px; right:0; width:70px; height:70px; z-index:1000; }
#language { position:absolute; top:20px; right:100px; z-index:1001; font-size: 110%; font-weight: 600; color:#fff;}
#sw { position:absolute; top: 120px; left:10%; z-index:999; color:#FFF; font-weight:600; font-size:350%; }
#content { width:80%; margin: 40px 10%; max-width:1200px; text-align:left; }
#content_slider { width:100%; margin: 0; }
#content_100prozent { width:100%; margin: 0 0 40px 0; text-align:left; }
#footer { width:100%; background-color:#82969f;  }
#footer_content { width:80%; margin:0 auto; max-width:1200px; margin:0 0 20px 0; padding:20px 10%; text-align:left; }


/* ##### LAYOUT MIT BILD ##### */
#slider { width:100%; position:relative; overflow:hidden; }
#slider IMG { width:100%; height:auto; }
#slider DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; }
#headerslider { width:100%; position:relative; overflow:hidden; }
#headerslider IMG { width:100%; height:auto; }
#headerslider DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; }
#content_100prozent #headerslider .csc-default { width:100%; max-width:100%; margin:0; }

/* ##### FOOTER ##### */
#meta { float:right; color:#fff; margin-right: 50px; }
#meta a { color:#fff; display:block; margin:bottom:5px; }
#adresse { float:right; color:#fff; }
#adresse a { color:#fff; }

/* ##### NAVIGATION ##### */

nav { background-color:#82969f; height:60px; text-align:left;}
nav > ul { margin:0 0 0 10%; clear:both; padding: 20px 0 0;}
nav > ul > li {  list-style-type:none; margin-right:30px; font-size: 110%; font-weight:600; }
nav > ul > li a {  color:#FFF; }
nav > ul > li.active a {  color:#000; }
nav > ul li ul li { width: 100%; text-align: left; }
nav ul li:hover { cursor: pointer; position: relative; }
/* nav ul li:hover > ul { display: block; } */
nav ul li:hover > a { color: #ccc; }
nav > ul > li > a { cursor: pointer; display: block; outline: none; width: 100%; text-decoration: none; }
nav > ul > li { float: left; }
nav a { color: #FFF; }
nav > ul li ul { display: none; position: absolute; left: 0; top: 100%; width: 100%; z-index: 2000; }
nav > ul li ul li > a { text-decoration: none; }
[type="checkbox"], label { display: none; }

#subnav { width:80%; margin: 0 auto; }
#subnav ul { margin-top:10px; }
#subnav li { float: left; margin-right:20px; list-style-type:none; }
#subnav li.active { font-weight:600; }
#subnav a { color:#000; }

#subnav2 { width:80%; margin: 0 auto; text-align:left; }
#subnav2 ul { margin-top:10px; }
#subnav2 li { float: left; margin-right:20px; list-style-type:none;  }
#subnav2 li.active { font-weight:600; }
#subnav2 a { color:#000; }

/* #### BOXEN #### */

.box { float:left; margin-bottom:20px; }
.box img { width:100%; height:auto; }
.zwei_spalten { width:45%; margin-right:5%; }
.drei_spalten { width:30%; margin-right:3.3%; }
.vier_spalten { width:23%; margin-right:2%; }
.back_grau { background-color:#b8c2c7; width:100%; }
.back_blau { background-color:#82969f; width:100%; }
.box_back_grau, .box_back_blau { width:80%; margin:0 auto; max-width:1200px; padding:20px 0;}

.box .csc-textpic { position:relative; }
.box .csc-textpic-imagewrap { overflow:hidden; }
.box div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin: 0; }
.box .csc-textpic-intext-right .csc-textpic-imagewrap, .box div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { margin-left: 0; }
.box .csc-textpic-text { position:absolute; bottom:0; left:0; width:100%; background-color:#fff; opacity:0; }
.box a { color:#000; }
.box a:hover { color:#333; }

.box:hover .csc-textpic-text { opacity:0.8; }
.box h2 {
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 0;
  margin:10px 20px; 
  font-size:90%;
  text-align:left;
}
.box:hover h2 { 
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0.8; 
  -webkit-transition: .3s ease-in-out; 
  transition: .3s ease-in-out;
}
.box img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity:0.8;
}
.box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity:1;
}
#content_start .box_back_grau p { text-align:left; font-size:130%; line-height:1.6em; letter-spacing: 0.1em;}
#content_start #content_slider p { margin: 40px 20%; }

/* ##### CONTENT FONTS ETC ##### */

.clear { clear:both; }
.indent { margin-left:13px; }
b { font-weight:600; }
h1 { color:#000; font-weight:300; font-size:250%; line-height:1.1em; margin-bottom:30px; clear:both; }
h2 { color:#000; font-size:120%; font-weight:600; margin:10px 0 10px 0; text-align:center; }
h3 { color:#000; font-size:110%; font-weight:600; margin:0 0 10px 0; }
a, a.download, a.external-link-new-window, a.mail { color:#d43738; margin:0; text-decoration:none; }
#uid13 a.mail { color:#000; }
a img { border:0; }
a:hover { color:#999; }
#specialnav a { color:#f33535; }
#language a { color:#fff; }
#language a .active { color:#000; }
#language .de { margin-right:20px; }
p.bodytext, .contenttable p { margin:0 0 10px 0; }
aside p.bodytext { font-size:80%; color:#999; margin-top:20px; }
.csc-textpic-caption { color:#999; font-size:100%; text-align: center;}
.box .csc-textpic-caption { color:#000; font-size:100%; text-align: left;}

div.csc-textpic-intext-left .csc-textpic-imagewrap, 
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 30px;
}
.contenttable li { list-style-type:none; background:url(../images/dot.png) left 5px no-repeat; padding-left:20px;}
table.contenttable { width:100%; }
.contenttable th { width:40%; vertical-align:top; font-size:110%; }
.contenttable td { width:60%; vertical-align:top; }
#content_100prozent ul, #content ul { margin:0 0 10px 20px; }
#content_100prozent ul.slick-dots, #content ul.slick-dots { margin:0; }
#content_100prozent ul.slick-dots li, #content ul.slick-dots li { padding:0; }
#content_100prozent .contenttable td ul { margin:0; }
#content_100prozent li, #content li { list-style-type:none; background:url(../images/dot.png) left 5px no-repeat; padding-left:20px;}
#specialnav { text-align:left; position:absolute; top:60px; left:10%;  background-color:#fff; opacity:0.9; padding: 10px; z-index:500;}
.rubrik { margin-bottom:5px; }
.nivo-caption { background:none; }

#content_100prozent .csc-default { width:80%; max-width:1200px; margin:30px auto 0; }
#content_100prozent .box_back_grau, #content_100prozent .box_back_blau { width:80%; max-width:1200px; margin:30px auto 0; }


/* ##### SLIDER ##### */
.theme-default .nivoSlider { margin-bottom: 0; box-shadow: 0; }
.csc-textpic-imagerow{
  width: 600px;
  overflow: visible !important;
  margin-bottom: 25px !important;
}
.slick-dots{
  position: relative;
}
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image{
  margin-right: 5px !important;
}
.slick-dots li{
  background: none !important;
}


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v20-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v20-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v20-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v20-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}