body {
	background-color: #FFF;
	color:#494949;
	font-family: 'PTSans-Regular' ;
	font-weight:100;
	margin-bottom:50px;
}
a{color:#688bab;}
.inhalt, .xfooter, .header, .navbar, .modal-xl{max-width:1280px;}
.footer{padding:2em;color:#eedd00;background-color:#688bab;}
.footer a{color:#eedd00;text-decoration:underline;}
h1,h2,h3,h4,h5, .slogan_title{font-family: 'PTSans-Bold';}
#pfeil_top {position:fixed;left:85%;top:720px;z-index:500;height:50px;width:50px;font-size:180%;}


.header{width:100%;height:40px; padding:15px;margin-bottom:30px;overflow:visible;}
.navbar{height:40px;overflow:visible;vertical-align: top;display:inline-flex;padding:15px;margin-bottom:30px;}
.logo{height: 275px; background:#FFF;margin-left:900px;padding: 30px 25px 30px 25px;border-radius:5px;}
.logo_oben{xheight: 275px; background:#FFF;position:absolute;top:69px;border-radius:0 0 5px 5px;xpadding:0px 45px 50px 47px;margin-left:50px;}
.menu{background-color:#FFF;}
.menu a{color:#494949;}
.menu li.current { font-weight:800;}
.menu a.current:before{content:"";border-top:5px solid #eedd00; position:absolute;top:50px; width:80px; } 
.menu a:hover{border-bottom:5px solid #eedd00;text-decoration: none;   } 
.header{width:100%;height:40px; padding:15px;margin-bottom:30px;xposition:fixed;top:0px;z-index:100;overflow:visible;}
.menu {float:right;margin-right:5em;}
.menu li , .rex-navi1 li{
  display:inline;padding-right: 3em;font-weight:600; font-size:120%;
}
.rex-article-10{background-color:#ebdddd;padding-left:5px;}
.banner{height:450px;
	background-repeat: no-repeat;
	xbackground-position: right top;
	background-attachment: scroll;
	background-size: 450px;
	background-position: center;
	margin-bottom:80px;
	background-color:#688bab;

}
.banner.img100{background-size:100%;}
.kasten_rechts{background-color:#FFFFCC;padding:0;border-radius:4px;xmargin-top:184px;color:#688bab;position:sticky;top:190px;height:100%;}
.kasten_rechts .jumbotron{background-color:#eedd00;}
.kasten_rechts .jumbotron h1{font-size:1.5em;}
.kasten_rechts ul {list-style-image:url('/media/CIC_Logo_solo_transparent_klein.png'); color:#446;margin:0 1.5em;}
.kasten_rechts p{margin:0 1.5em;color:#446;}
.short-description{max-height:8.5em;overflow:hidden;}

/*	background-color:#ebff00;
*/
.slogan{
	background-color:#eedd00;
	width:580px;
	height:150px;
	position:sticky;
	top:245px;
	left:30px;
	padding:35px;
	border-radius:5px;
	transform: rotate(-20deg) skewX(-20deg);	
	xz-index:30;
}
.slogan_title , .slogan_title h1{color:#688bab;font-size:3rem;text-align:center;width:100%;}
.slogan_text{color:#688bab;position:relative;left:61%;top:3em;font-size:2em;width:450px;}

.button-tabs .active .tab-title{background-color:#688bab;}
.tabs .ck-content li {display:list-item;}
.tabs .ck-content .image-style-align-left {margin-right:7%;}
.ck-content label{display:block;}
.container .ck-content input{opacity:1}

.mt1{margin-top:1em;}
.mb1{margin-bottom:1em;}
.pt0{padding-top:0.5em;}
.pt1{padding-top:1em;}
.pt2{padding-top:2em;}
.pb2{padding-bottom:2em;}
.pt2:last-child{padding-bottom:2em;}

.blau {background-color:#688bab;color:#ebff00;}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
/* source: https://www.w3schools.com/howto/howto_css_custom_checkbox.asp */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "PTSans-Regular";
  src: url("../webfonts/PTSans-Regular.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/PTSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../webfonts/PTSans-Regular.otf") format("opentype"), /* Open Type Font */
    url("../webfonts/PTSans-Regular.svg") format("svg"), /* Legacy iOS */
    url("../webfonts/PTSans-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../webfonts/PTSans-Regular.woff") format("woff"), /* Modern Browsers */
    url("../webfonts/PTSans-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PTSans-Bold";
  src: url("../webfonts/PTSans-Bold.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/PTSans-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../webfonts/PTSans-Bold.otf") format("opentype"), /* Open Type Font */
    url("../webfonts/PTSans-Bold.svg") format("svg"), /* Legacy iOS */
    url("../webfonts/PTSans-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../webfonts/PTSans-Bold.woff") format("woff"), /* Modern Browsers */
    url("../webfonts/PTSans-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
#cookie-popup { 
  text-align: center; 
  background: #e9ecef;
  position: fixed;
  bottom: 0px; 
  left: 0;
  right: 0;
  z-index: 9999;
  font-size:14px; 
  line-height:20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  }
 
#cookie-popup.hidden {
  display: none;
}