body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@media only screen and (min-width: 650px) {
body {
background: url("../../files/ICS/basics/background.jpg") no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;	
}
#navi .mod_navigation {
display: none;
}
}
.mod_rocksolid_slider {
    max-width:1400px;
    margin:0 auto 30px;
}
#footer {
    margin-top:20px;
    margin-bottom:0;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#fff;
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    background-image: url('https://www.transparenttextures.com/patterns/skin-side-up.png');
}
#footer a {
    color:#000;
}
a {
    color:#fff;
}

.videolink a {color: #000 !important;}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
}
h1,
h2,
h3,
h4 {
}
p,
#container ul,
.ce_form,
.ce_youtube,
.ce_player {
    width:100%;
    max-width:650px;
    left:0;
    right:0;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
.ce_youtube,
.ce_player {
    max-width:560px;
}
.ce_youtube h2,
.ce_player h2 {
    max-width: 580px !important;
}
#container .ce_image {
    width:100%;
    max-width:1200px;
    left:0;
    right:0;
    margin:25px auto;
    text-align:center;
}
#container .ce_image img {
    border:1px solid rgba(255,255,255,.75);
}
h1,
h2,
h3 {
    max-width:650px;
    left:0;
    right:0;
    margin:40px auto 35px;
    text-align:center;
    font-size:55px;
    line-height:65px;
}
h1 {
    font-size:36px;
    line-height:42px;
    font-weight:bold;
}
h2 {
    margin-top:35px;
    margin-bottom:25px;
    font-size:28px;
    line-height:34px;
}
h3 {
    margin-top:35px;
    margin-bottom:25px;
    font-size:20px;
    line-height:28px;
}
#header .ce_image {
    text-align:center;
}
.mod_navigation ul {
    left:0;
    right:0;
    margin-top:30px;
    margin-bottom:0;
    padding-top:8px;
    padding-bottom:8px;
    text-align:center;
    background-color:#868889;
    background-color: #868889;
    background-image: url('https://www.transparenttextures.com/patterns/brushed-alum.png');
    /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}
.mod_navigation ul li {
    width:auto;
    left:0;
    right:0;
    display:inline-block;
    border-right:1px solid rgba(255,255,255,.25);
    font-size:13px;
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    letter-spacing:0em;
    list-style-type: none;
}
.mod_navigation ul li.navoff {
    display:none;
}
.mod_navigation ul li.probenplan {
    margin-right:2px;
    margin-left:2px;
    padding:2px 10px 0;
    text-align:center;
    background-color:#868889;
    border:0px solid rgba(255,255,255,.25);
    border-radius:3px;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:0em;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    list-style-type: none;
}
.mod_navigation ul li.last {
    border-right:0px;
}
.mod_navigation ul li a,
.mod_navigation ul li.active {
    width:auto;
    left:0;
    right:0;
    margin-right:0;
    margin-left:0;
    padding:2px 7px;
    text-align:center;
    line-height:25px;
    text-decoration:none;
    color:#fff;
}
input,
.textarea,
submit {
    width:100%;
    display:block;
    margin-bottom:10px;
    padding:5px;
}
.datenschutzhinweis {
    text-align:left;
    font-size: 12px;
    line-height: 16px;
    padding-left: 30px;
}
.datenschutzhinweis label {
    display: none !important;
}
.ce_form input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 30px 20px -20px -25px;
}
.checkbox_container {
    padding: 0px 0px 20px 0px;
    border: none !important;
}
.captcha {
    width:40%;
    left:0;
    right:0;
    margin:auto 30%;
    text-align:center;
}
.submit {
    margin-top:20px;
}
.hamburger {
    display:none;
}
.layout_full {
    width:100%;
    max-width:600px;
    left:0;
    right:0;
    margin-right:auto;
    margin-bottom:20px;
    margin-left:auto;
    padding:20px;
    background-color:rgba(255,255,255,.1);
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);
    box-shadow:0 0 10px 0 rgba(0,0,0,.2);
    border-radius:15px;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.layout_full h3 {
    margin-top:0;
}
.mod_newslist .layout_full {
    width:100%;
    max-width:900px;
    left:0;
    right:0;
    margin-right:auto;
    margin-bottom:20px;
    margin-left:auto;
    padding:20px;
    background-color:rgba(255,255,255,.05);
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);
    box-shadow:0 0 10px 0 rgba(0,0,0,.2);
    border-radius:15px;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}  
.ce_gallery {
    width:100%;
    max-width:1400px;
    left:0;
    right:0;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
.ce_gallery figure {
    left:0;
    right:0;
    display:inline-block;
    margin-right:auto;
    margin-bottom:3px;
    margin-left:auto;
    text-align:center;
}
.ce_gallery figure img {
    margin:5px;
    border:1px solid #fff;
}
.hamburger img {
    width:35px;
    height:35px;
    display:none;
}

body {
  animation-name: body;
  animation-duration: 0.75s;
}

/* The animation code */
@keyframes body {
  from {padding-top: 20px; opacity: 0;}
  to {padding-top: 0px; opacity: 1;}   
}
/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/ICS/fonts/nunito-sans-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nunito Sans Regular'), local('NunitoSans-Regular'),
       url('../../files/ICS/fonts/nunito-sans-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ICS/fonts/nunito-sans-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ICS/fonts/nunito-sans-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/ICS/fonts/nunito-sans-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ICS/fonts/nunito-sans-v3-latin-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-700 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/ICS/fonts/nunito-sans-v3-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Nunito Sans Bold'), local('NunitoSans-Bold'),
       url('../../files/ICS/fonts/nunito-sans-v3-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ICS/fonts/nunito-sans-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ICS/fonts/nunito-sans-v3-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/ICS/fonts/nunito-sans-v3-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ICS/fonts/nunito-sans-v3-latin-700.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
@media only screen and (max-width: 650px) {
.mod_navigation {
display: none;
}
.mod_navigation ul {
background: transparent;
}
#navi .mod_navigation {
display: block;
}

#navi {
display: block;
position: fixed;
top: 0px;
right: 30px;
z-index: 999999;
padding: 10px;
margin: 0px;
width:auto;
background: none !important;
}
#navi ul li {
margin: -0px 0px;
padding: 5px 5px 5px 20px;
width: 100%;
display: block;
text-align: left;
border-width: 0px !important;
	
}
#navi li a,
#navi li.active {
list-style-type: none;
font-size: 18px;
border: 0px #fff solid;
border-bottom-width: 0px;
margin: 3px 0px;	
}

.mod_navigation ul,
.mod_navigation ul .active a
.mod_navigation ul li,
.mod_navigation ul li.active a {
	padding: 5px 0px 5px 0px;
    color: #fff;
	text-decoration: none;
	background-image: none !important;
	padding-left: 0px;
	margin-left: 0px;
	
}
#navi li.active {
font-weight: bold;	
margin-left: 10px;
border-left-width: 1px;	
}
.mod_navigation ul a:hover,
.mod_navigation ul .active a:hover,
.mod_navigation ul li:hover,
.mod_navigation ul li.active a:hover {
    color: #fff;
}
.mod_navigation ul .active a {
color: #ccc !important;
}

.mod_navigation ul {
margin: 0px !important;
padding: 0px !important;
}
.mobilenavigation {
padding: 30px;
z-index: 999999 !important;
}
#navi {
background: #868889 !important;
background-image: url('https://www.transparenttextures.com/patterns/brushed-alum.png') !important;
position: absolute;
z-index: 99999;
top: 0;
bottom: 0;
width: 15.625em;
left: -16.625em;
height: 100%;
 -webkit-transform: translate(0px, 0px);
 -moz-transform: translate(0px, 0px);
 -o-transform: translate(0px, 0px);
 -ms-transform: translate(0px, 0px);
 transform: translate(0px, 0px);
 -webkit-transition: 0.25s ease;
 -moz-transition: 0.25s ease;
 -o-transition: 0.25s ease;
 transition: 0.25s ease;
}
#wrapper {
 -webkit-transition: 0.25s ease;
 -moz-transition: 0.25s ease;
 -o-transition: 0.25s ease;
 transition: 0.25s ease;}
#wrapper.active {
-webkit-transform: translate(15.625em, -15.625em);
-moz-transform: translate(15.625em, 0px);
-o-transform: translate(15.625em, 0px);
-ms-transform: translate(15.625em, 0px);
transform: translate(15.625em, 0px);
}
.hamburger {
display: block;
background: rgba(255,255,255,0.35);
position: absolute; z-index: 99999;
top: 10px;
right: -65px;
color: white;
padding: 0px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
a.hamburger {
margin-top: -25px;
	color: #000 !important;
text-decoration: none;
text-transform: uppercase;
}
.hamburger img {
display: block;
width: 35px;
height: 35px;
padding: 0px;
margin: 0px;
-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
	
}
.active .hamburger img {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
}
@media only screen and (max-width: 650px) {
.mod_navigation ul li.navoff {
    display:block;
}
h1 {
    margin-top:10px;
    margin-bottom:10px;
    font-size:30px;
    line-height:36px;
}
body {
    font-size:20px;
    line-height:26px;
}
#container {
    padding-right:15px;
    padding-left:15px;
    text-align:left;
    color: #333 !important;
}
#container .ce_image {
    margin:5px auto;
}
#header {
    margin-bottom:25px;
    padding-bottom:10px;
}

h1,
h2,
h3,
h4,
p {
    text-align:left;
}
a {
    color:#333;
}
#footer,
.footernav,
.footernav p  {text-align: center !important;}

}