@charset "UTF-8";

a{
	color: #c61f3e; /*#f08922;*/
}
a:focus, a:hover {
    color: #666;
    text-decoration: none;
}
h1,h2,h3,h4,h5{
    font-weight: 400;
    letter-spacing: 2px;
}
h1{
	font-size: 24px; 
    font-size: 34px;
    /* font-weight: 500; */
    letter-spacing: -.035em;
}
h2{
	font-size: 20px;
}
h3{
	font-size: 18px;
	margin-left: 15px;
	padding: 5px 0;
	border-color: #c61f3e; /*#f08922;*/
    border-width: 1px;
    border-style: solid none solid none;
}
.hyb-option{
    padding: 15px;
}
.sitenav-pseudo-h{
    display: block; 
    margin: 0 0 15px 0;
    font-size: 24px;
    color: #777777;
    font-weight: 400;
    letter-spacing: -.035em;
}
::selection {
    background-color: #c61f3e;
    color: #fff;
}

::-moz-selection {
    background-color: #c61f3e;
    color: #fff;
}

.blog{
	margin-left:0 !important;
}
body{
	background-color:#E7E7E7;
	background: linear-gradient(to bottom, #e7e7e7 0%, #f2f2f2 30%); 
	background: linear-gradient(to bottom, #e7e7e7 0%, #f2f2f2 30%) no-repeat;
	line-height: 1.6em;
}
.intro-txt{
	line-height: 1.6em;
	font-size: 14px;
}
.container,.newsboard-container{
	padding:0 30px;
	background-color:#C8C8C8;
	background: linear-gradient(to bottom, #C8C8C8 0%, #e6e6e6 30%);
	background: linear-gradient(to bottom, #e8e8e8 0%, #ededed 30%);
	background: linear-gradient(to bottom, #f2f2f2 0%, #ededed 95%);
}
.simple-container-back{
   background-color: #C8C8C8;
   background-image:initial;
}
#newsboard{
    display:none;
    position: fixed;
    inset: 0px; 
    z-index: 998;
    text-align: center;
    overflow-y: auto;
}
#newsboard ul,#newsboard p{
    text-align:left;
}
/* header */
header,#ribbon{
	margin:30px -30px 50px -30px;
	margin-right: -30px !important;
    margin-left: -30px !important;
	background-color:#fff;
	color:#989898;	
}
#header-left,#ribbon-left{
	position:relative;
}
#header-left > a,#ribbon-left > a{
	position:absolute;
	top:-10px;
	left:0;
	height:100%;
	height:calc(100% + 10px);
	width:100%;
}
#header-left > img,#ribbon-left > img{
    margin-top: -10px;
    margin-left: 15px;
    margin-bottom: -11px;
}
@media (max-width:991px){
 #header-left > img, #ribbon-left > img{
    margin-top: -54px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: -70px;
    padding: 70px; 
    width:100%;
    max-width:355px;
     
     
}
}
@media (min-width:1085px){
.left-top{
	position: fixed !important;
	width: 40%;
	height: 49px;
	top:0;
    margin-left: -17px;
    background-color: rgb(231, 231, 231);
    z-index: 999;
    border-bottom: 2px solid #C8C8C8;
}
.left-top > a{
	display:none;
}
.left-top > img{
	position: fixed;
    height: 47px;
    margin-top:0 !important;
    padding: 2px 0 2px 50px !important;
    z-index: 999;
    transition: all .5s ease-in-out;
}
.nav-top > ul{
	position: fixed;
    top: 0;
    background-color: rgb(249, 249, 249);
    z-index: 9999;
    border-bottom: 2px solid #C8C8C8; 
}

}
@media (min-width:1085px) and (max-width:1170px){
.nav-top .squeeze{
	position: absolute;
    top: 2px;
}
}
@media (min-width:1200px){
.nav-top > ul > li:last-child { 
    padding-right: 62px !important;
}
}
#header-right > div{
	padding:12px 15px;
	text-align:center;
    border-top: 1px solid #989898;
    border-bottom: 1px solid #989898;
}
#header-right h1{
	margin:0;
	font-size:18px;
	font-weight:400;
	letter-spacing:2px;
}
#lang-menu{
    position: absolute;
    right: -15px;
}
#header-right #lang-menu a{
    margin:0 3px;
}
#header-nav > ul{
	padding:0;
	list-style:none;
}
#header-nav > ul > li{
	display:inline-block;
	position:relative;
	float:left;
	margin:0;
    transition: background-color .5s ease-in-out;
}
.drop-nav{
	min-width:260px;
	padding: 15px;
	background-color:#c61f3e; /*#f08922;*/
	z-index:999;
	opacity:0;
	transition: opacity .2s ease-out;
	font-size:12px;
}
.header-only{
	display:none !important;
}
header .header-only{
	display:block !important;
}
@media (max-width: 767px) {
    header{
    position: absolute;
    top: 40px;
    width: 100%;
    margin: 0;
    left: -100%;
    transition: left .5s ease-out;
    z-index: 9999;
    }
    #header-nav > ul{
    width:80%;
    }
    .open{
    left: 30px;
    }
    #news-in,#header-left{
     display:none;
    }
      #mobile-menu{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;  
    padding: 5px 20px;
    height: 36px;
    z-index: 9999;
    font-size: 24px;
    background-color: #ffffff;
    overflow: hidden;
    color: #555;
    }
    #mobile-dir{
    padding-top: 4px;
    color:#666;
    } 
    #mobile-brand{
    margin: 15px -15px 0 -15px;
    padding: 15px;
    background-color: #ffffff;
    border-bottom: 15px solid #c8c8c8;
    border-bottom: 15px solid #e8e8e8;
    }
    #mobile-brand>img{
    margin-top: 30px;
    margin-bottom: 30px;
    }
    #menu-return{
    position:absolute;
    top:0;right:0;bottom:0;
    left:0;
    }
    #front-page-map{
        
        transform: scale(1) !important;
         -webkit-transform:scale(1)translate3d( 0, 0, 0) !important; 
 
    }
    
	#header-nav > ul > li{
	width:100%;
	}
	#header-nav > ul > li > a{
	width:100%;
	}
	.drop-nav{
	display:none;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
#front-page-map{
  margin-left:125px;
 }
}
@media (min-width: 768px) {
#front-page-map{ 
    /* margin-top: -45px; */
    /* margin-bottom: -45px; */ 
    -webkit-animation: scaleIn 1.0s ease-in forwards; /* for less modern browsers */
        animation: scaleIn 1.0s ease-in forwards;
}
#mobile-menu,#mobile-dir,
    #mobile-brand,#menu-return{
      display:none;
     }
     
.drop-nav{
	left:-90px;
	visibility:hidden;
	position:absolute;
	padding-top: 51px;
/*	
    height: calc(100vh - 27px) !important;
    max-height: 940px !important;
	overflow-y:auto;
*/
}

.drop-nav-2{
    left:165px;
    padding-top: 12px;
    min-height: 717px; 
}
.drop-nav-2 > a{
   padding: 5px !important; 
}
.drop-nav-3{
    left:420px;
    padding-top: 12px;
    min-height: 717px;
}
.drop-nav-4{
    top: 320px;
    padding-top: 12px;
}
.drop-nav-5{
    top: 403px;
    left:420px;
    padding-top: 0px;
    
}
.sibling{
   min-height: 652px;
   /* min-height: 459px; min-height:380px;*/
 
}
}
@media (min-width:992px){
.drop-nav{
	left:-199px;
}
.drop-about{
    left:0;
}
.drop-nav-2,.drop-nav-5{
    left:61px;
}
.drop-nav-3,.drop-nav-5{
    left:321px;
}
}
@media (min-width: 1200px) {
	.drop-nav{
	left:0px;
}
.drop-nav-2{
    left:255px;
}
.drop-nav-3,.drop-nav-5{
    left:510px;
}
}
.drop-nav > p{
	margin: 10px 0 6px;
	color:#f2f2f2;
}
#header-nav > ul > li:first-child {
	padding-left:0;
}
#header-nav > ul > li:last-child {
	padding-right:0;  
}
#header-nav > ul > li > a{
	display:inline-block;
	margin: 0 5px 0 0;
	padding: 20px 7px 7px 7px;
/* padding: 20px 10px 5px 10px; */
	text-decoration:none;
	color:#989898;
	color: #555;
    font-size: 15px;
	transition: color,background-color .2s ease-out;

}
#header-nav > ul > li:hover > a, #header-nav > ul > li:focus > a{
	text-decoration:none;
	color:#f2f2f2;
	background-color:#c61f3e; /*#f08922;*/
}
.drop-nav-dc,#header-nav > ul > li:hover > .dc, #header-nav > ul > li:focus > .dc{
	color:#f2f2f2 !important;
/*	background-color: #d54c6f !important;*/
	background-color: #276a3d !important; /*#b11b37 !important;*/
	  
}
@media (min-width: 768px) {
#header-nav > ul > li:hover > .drop-nav, #header-nav > ul > li:focus > .drop-nav{
	display:block;
	visibility:visible;
	opacity:1;
}
}
.current{
	color:#f2f2f2 !important;
	background-color:#c61f3e !important; /*#f08922 !important;*/
}
.active-sub{
	background-color: #fff !important;
	cursor:pointer;
}
 
.active-sub-sub:after,.active-sub:after{
	content: url(../images/line.png);
	position: absolute;
    margin-top: -3px;
    right: 5px;
}
.dc>.active-sub-sub:after,.dc>.active-sub:after{
	content: url(../images/line-dc.png);
	position: absolute;
    margin-top: -3px;
    right: 5px;
}
.active-silent:after{
    content: none !important;
}

/*main content*/
.mobile-link{
	display:none;
	position: absolute;
    right: 15px;
    z-index: 2;
    padding: 2px 4px 0 4px;
    background-color: #c61f3e; /*#f08922;*/
}
.mobile-link > a{
	color:#fff !important;
}
.gentle-border{
	border:1px solid #E7E7E7;
}
#overviewnav >div{
	margin-bottom: 15px;
}
#overviewnav >div > a{
	display: inline-block;
	margin-bottom: 5px;
    padding: 7px 25px;
    background-color: #E7E7E7;
}
#overviewnav >div > a:focus,#overviewnav >div > a:hover{
    color: #c61f3e !important; /*#f08922 !important;*/
    text-decoration: none;
    background-color: rgba(231, 231, 231, 0.48) !important;
}
#overviewnav > p{
	display: inline-block;
	margin: 30px 0 10px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    border-top: 15px solid #E7E7E7 !important;
    font-size: 16px;
}
#sitenav,#sitenav-2{
	padding: 0px 5px;
}
#sitenav > p,#sitenav-2 > p{
	margin: 15px 0 5px; 
	color: #777777; 
    font-size: 24px; 
    font-weight: 400;
    letter-spacing: -.035em;
}
.event-relative{
	position: absolute;
    right: 5px;
    width: 25px !important;
    text-align: center;
    background-color:transparent !important;
    z-index:2;
}
.link-title{
	position:absolute;
	top: 10px;
	left:-9000px;
	width: 250px;
	background-color:transparent;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	transition: 0s left, 0s right, .5s background-color;
}
@media (max-width:767px){
	.event-relative{
    right: 15px;
	}
    .event-relative:hover > .link-title{
	left: -255px;
    background-color: #e2e2e2;
    transition-delay: .75s;
    }
}
@media (min-width:768px){
    .event-relative:hover > .link-title{
	left: 30px;
    background-color: #e2e2e2;
    transition-delay: .75s;
}
}
.sub{
	width: 75% !important;
	width: calc(100% - 45px) !important;
    margin-left: 45px !important;
    background-color: #fff !important;
    cursor:pointer;
}
.sub-img{
    margin-left: 0 !important;
    width: 100% !important;
}
.git-head{
	font-size: 14px;
	letter-spacing:2px;
	color:#666;
}
.git-link,.drop-nav > a,#sitenav > a,#sitenav-2 > a{
	display:block;
	width:100%;
	margin: 0 0 3px 0;
	color: #666;
}
.git-link:focus, .git-link:hover,.drop-nav > a:focus,.drop-nav > a:hover,#sitenav > a:focus,#sitenav > a:hover,#sitenav-2 > a:focus,#sitenav-2 > a:hover, .show-link:focus > figure > figcaption,.show-link:hover > figure > figcaption{
	background-color:#EEEEEE;
	text-decoration:none;
	color: #333;
}
.figure-caption,.git-link,.drop-nav > a,#sitenav > a,#sitenav-2 > a {
	padding:5px;
	background-color:#E2E2E2;
	color: #666;
}
.nach{
    opacity:.8;
}
.big-git{
   padding:20px 40px 40px 40px;
}
.git-stage{
    background:#eeeeee;
    background-color: rgb(226 226 226 / 90%);
    background: linear-gradient(to bottom, #e2e2e2cc 0%, #eeeeee 11%);
    margin-top: -55px;
    height:350px;
}
.git-head-intro{
    padding:30px 30px 10px 30px; 
	color: #333;
    
    font-size: 15px;
    font-size: 24px;
    /* font-weight: 500; */
    letter-spacing: -.035em;
    
}
.git-txt{
	padding:10px 0 15px 0;
	padding:10px 30px 30px 30px; 
	height: 220px;
	font-size:14px;
    /* text-align: justify; */
    -webkit-mask-image: linear-gradient(to bottom, black 75%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 75%, transparent 100%);
}
.read-more{
    position: absolute;
    bottom: 15px;
    left: 45px;
    right: 0; 
    font-weight: 500;
}
@media (max-width:767px){
 	.git-head-intro{
    padding:30px 0px 10px 0px;  
    }
    .git-txt{ 
	padding:10px 0px 30px 0px;  
    }
    .read-more{ 
    left: 15px; 
    }
    .big-git-start{
   padding-top: 5px;
    }
}
@media (max-width:991px){
 	.git-stage{  
 	height:400px;
    }
}
@media (min-width:992px){
 .big-git-start{
   padding-top: 20px;
}
 .skew{
       transform-style: preserve-3d;
    transition: transform 0.5s ease;
    transform: perspective(1000px) rotateY(13deg) scale(1.017);
    margin-left: 2px;
    transform-origin: left center;
 
 }
 .smaller-head{
    padding: 15px 15px 5px 15px !important;
    font-size:18px !important;
 }
}
#head-btn{
	position: absolute;
  right: 15px;
  z-index: 999;
}
.show-link > figure, .git-link,.drop-nav > a, #sitenav > a, #sitenav-2 > a{
	transition: box-shadow .2s ease-out;
}
.show-link:focus > figure,.show-link:hover > figure, .git-link:focus , .git-link:hover,.drop-nav > a:focus,.drop-nav > a:hover,#sitenav > a:focus,#sitenav > a:hover,#sitenav-2 > a:focus,#sitenav-2 > a:hover{
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.special-link{
    display: block;
    margin: 15px 0 0;
    background-color: #f08823;
    padding: 5px 3px;
    text-align: center;
    color: #333;
    font-weight: bold;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.special-link:hover{
    color:#f2f2f2;
}
.img-link{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.link-split{
	display: block;
}
.link-split > .git-link{
	display: inline-block!important;
    width: calc(50% - 2px);
}
.tiny-later{
	display:none;
}
.tiny-img{
	display:none;
}
.tiny-active{
	display:inline-block;
}
@media (min-width:768px){
	.pull-right-sm{
	float:right;
	}
	.pull-left-sm{
	float:left;
	}
}
@media (max-width:767px){
 	.container,.newsboard-container{
	padding:15px;
	overflow-x:hidden;
}
    #sitenav, #sitenav-2{
	padding:15px;
}
	.main-content,.add-content{
	margin-bottom:45px;
	padding-left: 15px !important;
	padding-right:15px !important;
}
    .no-crush{
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    }

}
.main-content,.add-content{
	padding: 15px 60px 45px;
    background-color: #FFFFFF;
}
.add-content{
    padding-top: 45px;
    padding-bottom: 10px;
}
.main-frame{
	padding:0;
	background-color: #FFFFFF;
}
.main-frame > iframe{
    width: 100%;
    height: 2000px;
    border: 0;
}
.main-grey{
	background-color:#F9F9F9;
	background: radial-gradient(ellipse at 0% 0%,#fff 0%,#f9f9f9 50%);

}
.main-content > img,.main-content > span > img{
	margin:30px 0 15px;
}

/*.home-git{
	background-color: rgb(255, 255, 255,.0);
	transition: all 1s ease-out;
}

.home-git:hover,.home-git:focus{
 	transform: scale(1.2);
	background-color: rgb(171, 171, 171);
    z-index: 9;
}
*/
.home-git-block{
        margin: 150px 0 100px 0;
}
.bullet,.bullet-in,.bulletindent{
    list-style-image: url(../images/arrow.png);
}
.green-area{
    color:#333 !important;
}
.green-area .bullet{
    list-style-image: url(../images/arrow-green.png);

}
 
.nobullet{
     list-style: disc;
}
.hoch{
    vertical-align: 4px;
    font-style: italic;
}
.offset{
	position: absolute;
    top: 0;
    left: 10px;
}
.line,.line-static{
	clear:both;
	display:block;
	margin: 30px 0;
    width: 100%;
    height: 1px;
    background-color: #c61f3e; /*#f08922;*/
}
.video{
	position:relative;
	margin:0 -15px 15px;
	padding-bottom: 56.25%;  /* 16/9 */
    padding-top: 60px;
    overflow: hidden;
    transform: scale(.65);
    transition: transform .3s ease-out;
}
.video:focus, .video:hover{
	transform: scale(1);
}
.fullscale{
	transform: scale(1) !important;
}
.video-control{
	display:none;
	position: absolute;
    top: initial;
    bottom: 18px;
    left: 2px;
    font-size: 18px;
    color: #c61f3e; /*#f08922;*/
}
@media (max-width:767px){
	.video-control{
	bottom: 2px;
	}
}
.video > iframe{
	position: absolute;
	top: 0;
    left: 0;
	width: 100%;
    height: 100%;
    border: 1px solid #E7E7E7;
}
.vita-table{
	width:100%;
}
.vita-table > tbody > tr > td:nth-child(odd){
	width:20%;
}
.vita-table > tbody > tr{
	margin: 15px 0;
	padding: 15px 0;
	border-top:1px solid #E7E7E7;
	border-bottom:1px solid #E7E7E7;
}
.vita-table > tbody > tr:nth-child(odd){
	background-color:rgb(252, 252, 252);
}
blockquote {
    font-family: Georgia, serif;
    font-size: 14px;
    font-style: italic;
    border: none;
}
cite {
	display: block;
    margin-top: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #999;
    font-size: 12px;
}
#adress{
	 padding: 60px 15px;
}
#adress > p{
    margin-left: 35px;
    margin-right: -10px;
    padding: 5px;
    background-color: #F9F9F9;
    word-break: break-word;
}
#social{
/*	margin-top: 45px;*/
    padding-bottom:15px;
   /* border-top: 1px solid #989898; */
}
/* footer*/
footer{
	display:block;
    margin-top:45px;
	margin-bottom:45px;
	padding:0 !important;
	color:#333;
	font-size:12px;
	font-weight:300;
	letter-spacing:1.8px;
}
#sign,#sign-dc{
    margin-bottom: 30px;
    padding: 12px 15px;
    text-align: center;
    border-top: 1px solid #989898;
    border-bottom: 1px solid #989898;
}
#sign-dc{
    border-color: #276a3d; /*#c61f3e;*/
}
.dc{
    background-color:#276a3d !important; /*#c61f3e !important;*/
    color: #f2f2f2 !important;
    letter-spacing: -.035em;
}
.dc-book{
    color: #c61f3e !important; 
    letter-spacing: -.035em;
}
.book-current{
    background-color: #c61f3e !important;
    color: #f2f2f2 !important;
}
.dc-book:hover{
     background-color: #c61f3e !important;
     color: #f2f2f2 !important;
}
.dc-icon{
    background-image:url('/images/digital-campus.png');
    
}
.dc-helper-link{
    position: absolute;
    top: 70%;
    left: 15px;
    right: 15px;
    bottom: 0;
    text-align: center;
    padding: 20px;
    background-color:#5d8f6e; /*#d4576e;*/
    color: #fff; 
    
}  
.dc-back{
    background-color:#ebb1bc; 
    background-color:#5d8f6e; /*#d4576e;*/
    background-color:#276a3d;
    color:#fff; 
}
figure > .dc-back{
   text-align: center;
    font-weight: bolder;
}
.dc-back:hover,.show-link:focus > figure > .dc-back,.show-link:hover > figure > .dc-back{
   background-color:#276a3d !important; /*#c61f3e !important;*/
    color:#fff !important; 
}
.dc-current{
    background-color:#276a3d; /*#c61f3e;*/
    color:#fff !important; 
}
#sign > h1,#sign-dc > h1{
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
}

/*dc integration*/

#frame-stage{
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    overflow: hidden;

}
#frame-stage-frame{
    position: absolute;
    width: 100%;
    height: calc(100% - 130px);
    top: 130px;
    left: 0;
    right: 0;
    bottom: 0;
    border:none;
}
#frame-stage-head{
    display: block;
    position:relative;
    width: 100%;
    height: 130px;
    /* border-bottom: 1px solid #666; */
    background-color:#E7E7E7;
}
#frame-stage-head>img{
    position: absolute;
    height: 70px;
    top: 30px;
    left: 60px;
    transform: scale(.7); 
     -webkit-transform:scale(.7)translate3d( 0, 0, 0);
     transition: transform .3s ease-in;
}
#frame-stage-remove{
     position: absolute;
    top: 45px;
    cursor: pointer;
    right: 30px;
    font-size: 40px; 
     transform: scale(.7); 
      -webkit-transform:scale(.7)translate3d( 0, 0, 0);
      transition: transform .3s ease-in;
}
#frame-banner{
    position: absolute;
    width: 100%;
    height: 50px;
    bottom:42px;
    text-align: center; 
    background-color: #fff;
}
@media (max-width:1120px){
     
     #frame-stage-frame{ 
    height: calc(100% - 175px);
    top: 175px; 
    }
    #frame-stage-head{ 
    height: 175px;
    }
     
	 #frame-stage-head>img{
	   left:30px !important;
	 }
	 #frame-stage-remove{
	   top:0;
	   right:0;
	 }
	 #frame-banner{
	 bottom:15px !important;
	 }
}
.frame-hide>#frame-stage{
  display:none;
}
.frame-show{
  overflow:hidden;
}
.frame-show>#frame-stage{
  display:block !important;
}
.frame-show .animate-scale{
   
    transform: scale(1) !important;
     -webkit-transform:scale(1)translate3d( 0, 0, 0) !important;
}

/*  digital campus landing display*/
.dc-theatre{
    margin-bottom:25px;
    padding: 25px 25px;
    /* padding: 4.3rem; */
    border-radius: 0.2rem;

}
.dc-theatre-canvas{
    display: block;
    position: relative;
    margin-top: 25px;
    padding: 25px 30px;
    color: #fff;
    font-size: 18px;
/*    font-weight: bold; */
        border-radius: 0.2rem;
}
.dc-theatre-canvas > .centered{
     text-align:center;
     color: inherit;
}
@media (max-width: 991px) {
    .dc-theatre-link{ 
    margin: 5px 0;
    }
}
.dc-theatre-link{ 
    text-align: center;
    padding: 15px 5px;
    color: #fff;
/*    font-weight: bolder; */
    font-size: 20px;
   
}
.btn-primary,.dc-theatre-link{
     border-radius: 0.2rem !important;
}
 
.dc-theatre-link:hover,.btn-primary:hover{ 
    -webkit-transform: translateY(0.1rem);
    -ms-transform: translateY(0.1rem);
    transform: translateY(0.1rem);
   
}
.dc-green-soft-back{
    background-color: #b4cbbb;
    background: radial-gradient(ellipse at 0% 0%,#c7d8cc 0%,#b4cbbb 50%);
    background-color: #c8c8c8;
    background: radial-gradient(50% 50%, ellipse farthest-corner, rgba(255,255,255,0.7) 0%,#c8c8c8 100%);
    background-image: radial-gradient(50% 50%, ellipse farthest-corner, rgba(255,255,255,0.7) 0%,#c8c8c8 100%);
    background-image: -webkit-radial-gradient(50% 50%, ellipse farthest-corner, rgba(255,255,255,0.7) 0%,#c8c8c8 100%);
}
.dc-green-back{
    background-color: #5d8f6e;
    background-color: #999;
    background-color: #666;
    background-color: #777;
}
.dc-green{
    background-color: #276a3d;
    color: #fff;
}
.dc-green,.dc-red,.btn-primary{
     transition:background-color .3s;
}
.dc-green:hover{
     background-color: #1e522f;
     color: #fff;
}
.dc-red-soft-back{
    background-color: #ebb1bc;
    background: radial-gradient(ellipse at 0% 0%,#f0c5cd 0%,#ebb1bc 50%);
    background-color: #c8c8c8;
    background: radial-gradient(50% 50%, ellipse farthest-corner, rgba(255,255,255,0.7) 0%,#c8c8c8 100%);
    background-image: radial-gradient(50% 50%, ellipse farthest-corner, rgba(255,255,255,0.7) 0%,#c8c8c8 100%);
    background-image: -webkit-radial-gradient(50% 50%, ellipse farthest-corner, rgba(255,255,255,0.7) 0%,#c8c8c8 100%);

}
.dc-red-back{
    background-color: #d4576e;
    background-color: #999;
    background-color: #777;
}
.dc-red{
    background-color: #c61f3e;
    color: #fff;
}
.dc-red:hover{
    background-color: #b11b37;
    color: #fff;
}
.framed::after {
  content: " <<"; 
}

.framed::before {
   content: ">> "; 
}

footer .glyphicon{
	color:#c61f3e; /*#f08922;*/
}
footer a, table a{

    color: #333 !important;
    text-decoration: none;
}
footer a:focus, footer a:hover, table a:focus, table a:hover {
    color: #666 !important;
    text-decoration: underline;
}
/* termine seite*/
.edit {
	display: inline-block;
	margin: 0 5px 5px 0;
}
.prep-edit{
	position:absolute;
	z-index:9;
	background-color:rgba(255,255,255,.2);
}
.edit,.prep-edit {
	padding: 3px;
	color: #000;
	border: 1px solid #c61f3e;
	border-radius: 2px;
	font-size: 11px !important;
	cursor:pointer;
}
.mod-date{
	display:none;
}
.prep-edit:hover > .mod-date{
	display:inline;
}
.prep-edit:hover {
	border: 1px solid #c61f3e;
	background-color:rgba(255,255,255,.8);
}

/*editing and popups*/
.edit span {
	cursor: pointer
}

#edit-wrapper {
	/*position:absolute;*/
	position: fixed;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background-color: rgba(250, 250, 250, .25);
	z-index: 999;
}

#edit-stage {
	display: block;
	position:relative;
	width: 65%;
	margin-top: 150px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: 1px solid #c61f3e;
	background-color: rgba(213, 213, 213, .93);
	text-align: center;
	overflow: hidden;
}
.later-btn{
	position:absolute;
	left:0;
	top:0;
    margin: 5px 10px;
	padding: 2px 4px;
	z-index:9;
}
@media (max-width:767px){
	#edit-stage{
     width: 95%;
    }
}
#edit-stage h3{
	margin-left:0;
	margin-right:0;
	border-top:0;
}
#edit-stage img{
	float:right;
	margin:0 0 10px 10px;
}
#edit-stage input, #edit-stage textarea {
	width: 100%;
	max-width: 100%;
	margin: 10px 0;
}
.pricelist{
	display:block;
	margin:0 0 2px 0;
	padding:0;
}
.info-area{
	min-height:65px !important;
}
.changed-list-item{
	background-color: #c61f3e;
}
.pricelist > input{
	display:inline-block;
	width:33% !important;
	margin:0 !important;
	padding:0;
	border: 0;
}
.event-note-add{
    display:none;
}
.cb {
    max-width: 20px !important;
}
#edit-stage textarea {
	min-height: 250px;
}

#edit-stage .btn {
/*	background-color: rgba(250, 250, 250, .5); */
}
#edit-stage .help{
	margin:15px 0;
	text-align:left;
}
#edit-stage .help code{
	display:inline-block;
	margin: 2px 0;
	color: #FFA500;
    background-color: #FEFEFE;
    border-radius:0;
}
.edit-interval{
	position: fixed;
	left:0;
	top:0;
	padding:5px 10px;
	background-color: rgba(255,255,255,.9);
	color: #c61f3e;
	border:1px solid #c61f3e;
	cursor:pointer;
	z-index: 9999;
}
.edit-interval-wrapper{
	background-color:rgba(255,255,255,.0) !important;
}
.edit-fieldset{
	margin: 10px 0;
	background-color: rgba(236, 236, 236, 0.5);
	padding: 15px 0 30px 0;
}
.edit-legend{
	max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size:14px;
    background-color: #fff;
    border-bottom: 1px solid #d5d5d5;
	cursor:pointer;
}
.edit-legend > .glyphicon{
	transition:transform .5s;
}
.rotate{
	transform: rotate(90deg);
}
.bill-remark{
	display: inline-block;
	padding-left: 18px;
    font-size: 12px;
    font-weight: lighter;
    line-height: initial;
}
.cardevent{
	margin:10px 0;
    background-color: #ebb1bc;
    background: radial-gradient(ellipse at 0% 0%,#f0c5cd 0%,#ebb1bc 50%);
    line-height: 1.2;
}

.cardlabel{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    cursor: pointer;
    border-bottom: 1px solid #c61f3f;
    transition:all .5s;
}
.cardprice{
	text-align:right;
}
.cardinfo{
	display: block;
	margin: 5px 0;
    padding: 5px 2px;
	font-size: 12px;
    text-align: left;
    background-color: #fff;
    border-top: 1px solid #c61f3e; /*#f08922;*/
}
.book{
	width:100%;
	margin-top:30px;
	font-weight:bold;
}
#booking label{
	margin-bottom:0;
}
#booking input, #booking textarea {
	width: 100%;
	max-width: 100%;
	margin: 0 0 5px;
}

#booking textarea {
	min-height: 150px;
}
#booking select {
	margin: 0 0 5px;
}
.checkbox input{
	margin-top: 4px !important;
    margin-left: -20px !important;
}
.template {
	visibility: hidden;
}

.template .edit {
	visibility: visible;
}

.event-row,.meta-row {
	margin: -12px 0 30px 0;
	padding-top: 25px;
	border-top: 1px solid #c61f3e;
}

.info-pop {
	border: 4px solid #c61f3e !important; /*#f08922 !important;*/
	color: #333 !important;
	background-color: #fff !important;
	text-align:left !important;
}

.table_xy a {
	color: #333;
}

#event-table>tr>td{
    vertical-align:middle !important; 
}
.table_xy>tbody>tr:nth-child(odd)>td, .table_xy>tbody>tr:nth-child(odd)>th
	{
	background-color:rgba(231, 231, 231, 0.22);
/*	background-image: linear-gradient(to bottom, #fff, #F4FCFD);
	background-image: linear-gradient(to bottom, #F1F7F8, #F4FCFD); */
}

.table_xy>tbody>tr:nth-child(even)>td, .table_xy>tbody>tr:nth-child(even)>th
	{
	background-color: rgba(200, 200, 200, 0.25)
/*	background-image: linear-gradient(to bottom,#D7E7EB,#AFD0D6);
	background-image: linear-gradient(to bottom,#D7E7EB,#AFD0D6); */
}
.first{
	width:40%;
}
.center{
	width:25%;
}
.last{
	width:10%;
}

 .marquee-stage {
  position:relative;
  height: 400px; 
  background-color:#fff;
  overflow: hidden;  
  -webkit-mask-image: linear-gradient(to bottom, black 75%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 75%, transparent 100%);
  
  }
  @keyframes marquee{
  0%   { top:100%}
  100% {top:-100% }
  }
  @keyframes marquee0{
  0%   { top:0%}
  100% {top:-200% }
  }
   
  .marquee {
  position: absolute; 
  top:100%;
  height: 400px; 
  overflow:hidden; 
   animation: marquee 20s linear infinite; 
  }
  .marquee>div{
    width:100%;
    height:25px;
  }
  .marquee_0{
  top:0;
  animation: marquee0 20s linear forwards;
  }
  .marquee_2{
  animation-delay: 10s;
  }
  .marquee-stage:hover .marquee,.marquee-stage:focus .marquee{
    animation-play-state:paused;
   -webkit-animation-play-state:paused;
  }

#map-stage {
	margin: 0;
	padding: 0;
	width: 400px;
	height:550px;
	transition:all .5s;
}

@keyframes scaleIn {
  0% {
    transform: scale(1.15);
    -webkit-transform:scale(1.15)translate3d( 0, 0, 0);
  }
  100% {
    transform: scale(1.3);
     -webkit-transform:scale(1.3)translate3d( 0, 0, 0);
  }
}


 
#map {
	display: block;
}
#map-img{
     height: 490px; 
     transition: transform .5s ease-out;
   
}
#map-img{
      
      filter: drop-shadow(2px 4px 6px #999)brightness(1.42);
     -webkit-filter: drop-shadow(2px 4px 6px #999)brightness(1.42);  
      
}
.portrait{
      
      filter: drop-shadow(2px 4px 6px #999);
     -webkit-filter: drop-shadow(2px 4px 6px #999);  
      
}
.back-page #map-img{ 
     filter: drop-shadow(2px 4px 6px #999)brightness(1.42);
     -webkit-filter: drop-shadow(2px 4px 6px #999)brightness(1.42);  
}
@media (max-width:418px){
.crush-map{
	overflow-x:scroll;
}

}

@media (min-width:992px) and (max-width: 1199px){
.crush-map{
	margin-left:-50px;
	margin-right:50px;
}
}
.laender {
	z-index: -1;
}

.city-choice{
	display: inline-block;
    margin: 2px 2px;
    padding: 2px 8px;
    border: 2px solid #c61f3e; /*#f08922;*/
    border-radius: 20px;
    cursor: pointer;
    color: #c61f3e; /*#f08922;*/
}
.city {
	position: absolute;
	min-width: 16px;
	height: 16px;
	/*  border:2px solid #333;
	border-radius:500px; */
	z-index: 9;
	cursor: pointer;
	/*	background-color: rgba(56, 137, 154, 0.21); */
	font-size:18px;
	text-align:left;
}
#year-display{
    margin-top:60px;
 
}
.city-date{
    display:inline-block !important;
    position:relative !important;
    margin:2px 2px 2px 8px;
    padding:2px 8px;
    cursor:pointer;
    box-shadow:none !important;
}
.city span {
	display: none;
}

.city:hover span, .city:focus span,.offmap span{
	display: inline-block;
	font-size:14px;
	background-color:rgba(250,250,250,.85);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.event-navigator,.event-navigator-return{
   display: inline-block;
    position: relative;
    margin: 2px 2px;
    padding: 2px 8px;
    cursor:pointer;
     border-radius: 20px;
}
.event-navigator{ 
    border: 2px solid #c61f3e; 
    color: #c61f3e;
}
.event-navigator-green{ 
    border: 2px solid #276a3d;
    background-color: #276a3d;
    color: #f2f2f2;
}
.event-navigator-return,.hide-map{
    background-color: #c8c8c8 !important;
    border: 2px solid #c8c8c8;
    color: #333 !important;
    font-weight: initial;
    box-shadow: initial !important;
}
.border{
    border-top: 2px solid #c61f3e;
}
#path-display{
     display: inline-block;
    padding: 5px 10px 0; 
    color: #fff;
}
.offmap{
    box-shadow: none !important;
    margin-left: 2px !important;
    color: #c61f3f !important;
    background-color: transparent !important;
}
.front-page>.city{
      margin-top:5px;
    margin-left: -15px;
    padding: 0px 5px;
}
.front-page>.city,#year-display>.city-date{
    height: initial;
   
    background-color: #c61f3e; /*#f08922;*/
    font-size: 12px;
    color: #fff;
    line-height: 1.6;
    font-weight: bolder;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    box-shadow: 0px 0px 6px 1px #666; 
    transition: all ease-in-out .3s;
}
.back-page>.city,#year-display>.city-date{
    background-color:#666;
}
.back-page>.city:hover,#year-display>.city-date:hover{ 
    background-color: #c61f3e; /*#f08922;*/
    
}

.front-page>.city:hover{ 
    transform:scale(1.3);
    -webkit-transform:scale(1.3)translate3d( 0, 0, 0);
    z-index:99;
}
/* termine-map */
.mapguide {
    background-color: #c61f3e !important;  
    transform: scale(1.3) !important;
     -webkit-transform:scale(1.3)translate3d( 0, 0, 0) !important;
    z-index: 99; 
    /*text-decoration: underline;*/
      transition: transform .5s ease-out;
      color:#fff !important;
}

#show-map{
    display:none;
    position: absolute;
    left: 80px;
    top: 125px;
    background-color: #c61f3e; /*#f08922;*/
    width: 200px;
    padding: 5px 20px;
    font-size: 16px;
    color: #fff;
    font-weight: bolder;
    /* border-radius: 500px; */
    text-align: center;
    box-shadow: 0px 0px 6px 1px #666;
    cursor: pointer;
    z-index: 2;
    transition: .3s all ease-out;
}
.hide-map-content{
    display:none;
}
 
.mapguide:hover{
	transform: scale(1.3) !important;
	 -webkit-transform:scale(1.3)translate3d( 0, 0, 0) !important;
}
.city-date,.city-date:hover{

      
    transform: skewX(-15deg) !important; /* Skew angle for the border */
     -webkit-transform:skewX(-15deg) !important;
    transform-origin: top left; 
} 
/*
 .pressed{
    height: 280px !important; 
    transform-origin: top;
    transform: scale(.6);
    -webkit-transform: scale(.6)translate3d( 0, 0, 0);
    transition: all .2s ease-out;
    filter: grayscale(1) blur(1px);
    opacity: .25;
    }
*/  
 .pressed{
    height: 470px !important; 
    transform-origin: top;
    transform: scale(.85);
    -webkit-transform: scale(.85)translate3d( 0, 0, 0);
    transition: all .2s ease-out; 
    }  
/*
  .pressed .offmap{
   display:none;
  }  
*/
  .hide-map{
    top: 0 !important;
    left: 100% !important;
    transform: translate(-65px,0 ) !important;
    width: initial !important; 
    padding: 2px 8px !important;
    cursor:pointer;
     border-radius: 20px;
  }
  .hide-map .hide-map-content{
    display:block;
  }
  .hide-map .show-map-content{
   display:none;
  }
@media (max-width: 991px) {
 
   .pressed{ 
    height: 490px !important; 
    margin-left: auto !important;
    margin-right: auto !important;
    
    }
}
@media (min-width: 992px) {
   .pressed:hover{ 
    transform: scale(.9);
    -webkit-transform: scale(.9)translate3d( 0, 0, 0);
   }
   .pressed{ 
    margin-top: -80px !important;
    margin-left: 20px !important;
    
    }
 
    #show-map{ 
    left: 50%;
    top: 34px;
    transform: translateX(-50%);
    }

}
@media (min-width: 1200px) {
 
    #show-map{ 
    left: 40%;
    top: 27px;
    transform: translateX(-50%);
    }

}
/*
.mapguide {
	position: absolute;
	cursor: pointer;
	z-index:99;
}

.mapguide:before {
	content: url("../img/pin.png");
}

/* termine search*/
.startblock {
	height: 170px;
    margin: 0!important;
	padding: 0!important;
}

.start input{
	display: none;
}

input[type="radio"]:checked+label {
	color: #fff;
}
.op-radio{
    width:40px !important;
}
.op-radio:checked+label {
    background-color: #c61f3e; /*#f08922;*/
}
.op-radio-label{
    padding:0 10px;
}
.start label {
	width: 100%;
	padding: 4px 0 4px 8px;
	margin: 0;
	font-weight: 200;
	cursor: pointer;
}

.start {
	display: block;
	height: 100%;
	padding: 0;
	margin: 0;
}

.start li {
	display: block;
	width: 100%;
	list-style: none;
}

.start_sub {
	display: block;
	padding: 0;
	margin: 0;
}

.start_sup li {
	float: left;
	list-style: none;
}

.sub_sub {
	display: block;
	padding-left: 35px;
	padding-right: 5px;
	background-color: #fff;
}

.green_start {
	background-color: rgba(79, 193, 218, 1);
}

.green {
	color: #fff;
	background-color: #4FC1DA;
}

.blue_start {
	background-color: rgba(176, 180, 180, 0.6);
}

.blue {
	color: #fff;
	background-color: #B0B4B4;
}

.red_start {
	background-color: rgba(56, 137, 154, 0.6);
}

.red {
	color: #fff;
	background-color: #c61f3e; /*#f08922;*/
}

.Aa-font {
	color: #4FC1DA;
}

.Bb-font {
	color: #B0B4B4;
}

.Cc-font {
	color: #c61f3e; /*#f08922;*/
}

.subnav  label {
	background-color: #c61f3e; /*#f08922;*/
}

.cat_ht {
	min-height: 250px;
}



.subnav {
	padding: 0;
	width: 100%;
}

.subnav ul {
	position: absolute;
	top: 124px;
	left: 0;
}

.bigger-row ul{
	position: absolute;
	top: 340px;
	left: 0;
}
/*.bigger-row li label{
	height:48px;
}
*/
@media ( min-width :768px) {
	.subnav ul {
		position: absolute;
		top: 124px;
		left: 0;
	}
	.bigger-row ul {
		top: 260px;
	}
}

@media ( min-width :992px) {
	.subnav ul {
		position: absolute;
		top: 104px; /*84px;  64*/
		left: 0;
	}
	.bigger-row ul {
		top: 260px;/*240 210*/
	}
}

.firstrow {
	position: absolute;
	left: 0;
	top: 128px; /*was 60px, adjust when more than 6 */
	padding: 0;
	margin: 0;
}

.subnav li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 2px 0 0 0;
	height: 48px;
}
@media (max-width:767px){
#table{
	overflow-x:scroll;
}
}
@media (max-width:580px){

.abbr{
	visibility:hidden;
}
.abbr:before{
	content: "...";
    visibility: visible;
}
}
@media ( max-width :991px) {
	#lang-menu {
	   top: -250px;
       left: 0px;
       right: initial;
    }

}
.cat_list {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cat_list label {
	width: 100%;
	padding: 0 25px 0 25px;
	list-style: none;
	cursor: pointer;
}

.aaclr>li>.cclr {
	background-color: #4FC1DA;
}

.aaclr>li>ul>li>.cclr {
	background-color: #B9D5B2;
}

.aaclr>li>ul>li>ul>li>.cclr {
	background-color: #F1F5F0;
}

.bbclr>li>.cclr {
	background-color: #B0B4B4;
}

.bbclr>li>ul>li>.cclr {
	background-color: #AECDD8;
}

.bbclr>li>ul>li>ul>li>.cclr {
	background-color: #F0F4F6;
}

.ccclr>li>.cclr {
	background-color: #c61f3e; /*#f08922;*/
}

.ccclr>li>ul>li>.cclr {
	background-color: #DDD2CB;
}

.ccclr>li>ul>li>ul>li>.cclr {
	background-color: #EBE5E0;
}

.cat_list li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.Aa {
	background-color: #4FC1DA;
}

.Bb {
	background-color: #B0B4B4;
}

.Cc {
	background-color: #c61f3e; /*#f08922;*/
}

.open_1 {
	display: none;
} /*js uses .open!*/


}
.path {
	color: black;
}

.checked {
	font-weight: 400 !important;
/*	background-color: rgba(250, 250, 250, .6) !important; */
}

.green>label {
	color: #fff;
	background-color: #4FC1DA !important;
}

.green li {
	background-color: rgba(79, 193, 218, 0.8);
}

.blue>label {
	color: #fff;
	background-color: #B0B4B4 !important;
}

.blue li {
	background-color: rgba(176, 180, 180, 0.8);
}

.red>label {
	color: #fff;
	background-color: #c61f3e !important; /*#f08922 !important;*/
}

.red li {
/*	background-color: rgba(240, 137, 34, 0.45); */
}

.green-1 li {
	background-color: rgba(135, 186, 123, .2) !important;
}

.blue-1 li {
	background-color: rgba(240, 137, 34, 0.2) !important;
}

.red-1 li {
	background-color: rgba(240, 137, 34, 0.2) !important;
}
.info-line{ 
    color: #c61f3e;
    font-size: 14px; 
    margin: 20px 0 15px;
    font-size: 14px;
    font-weight: 400; 
    text-align: center; 
    letter-spacing: 0.25em;
}
.nope {
    display: none;
}
.empty{
    background-color:transparent !important;
    cursor:initial;
}
#success,.success{
	position: fixed;
	top:0;
    left:0;
    right:0;
    bottom:0; 
    font-size: 18px;
    z-index:999;
    background-color: rgba(255,255,255,.3);
    overflow: scroll;
}
#success > p,.success > p,#success > div{
	width: 500px;
    max-width: 100%;
	margin-top:25px;
 
    margin-left: auto;
    margin-right: auto;
    padding: 35px;
    text-align: center;
    background-color: #fff;
    color: #333;
    border:4px solid #c61f3e; /*#f08922;*/
    cursor:pointer;
    -webkit-box-shadow: 1px 0px 30px 0px #eee;
    -moz-box-shadow: 1px 0px 30px 0px #eee;
     box-shadow:  1px 0px 30px 0px #eee;
}
#success > div{
   margin-top: 20px;
   width: 100%;
   text-align:initial;
   cursor:initial;
}
@media ( min-width :768px) {
   #success > div{
      width: 768px;
    }
}
#success .er,.success .er{
	color:#FFA500;
	 -webkit-box-shadow: 1px 0px 30px 0px #FFA500;
    -moz-box-shadow: 1px 0px 30px 0px #FFA500;
     box-shadow:  1px 0px 30px 0px #FFA500;
}
#summary{
    font-size:14px;
    width:100%;
}
#summary tr > td{
    text-align:left;
} 
#summary tr > td:last-child {
    text-align:right;
} 
#summary .sum{
    border-top: 1px solid #333; 
}
#summary .sum > td{
    padding-top: 15px;
}
.faculty-box{
   min-height:82px;
}
.faculty-label{
	float: left;
    display: inline-block;
    width: 25%;
    max-height:32px;
    overflow: hidden;
    text-align: center;
    margin: 20px 0 30px !important;
    padding: 5px 15px;
    /* border: 1px solid #C8C8C8; */
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    /* border: 2px solid #4d4e50; */
    border-bottom: 2px solid #4d4e50;
}
.faculty-label > input{
	display:none;
}
.faculty-active{
    color: #f2f2f2;
    background-color: #c61f3e; /*#f08922;*/
    border-left: 2px solid #4d4e50;
    border-top: 2px solid #4d4e50;
    border-right: 2px solid #4d4e50;
    border-bottom: 0;
}
.postcode{
	display:inline-block;
	margin: 2px;
    padding: 1px 8px;
    border:1px solid #C8C8C8;
    cursor:pointer;
}
.p-active{
	color: #f2f2f2;
    background-color: #c61f3e; /*#f08922;*/
    border:1px solid #c61f3e; /*#f08922;*/
}
#search-text{
	display: inline-block;
    height: 26px;
    margin: 2px;
    outline: #c61f3e; /*#f08922;*/
}
.btn-primary {
    color: #fff;
    background-color: #c61f3e; /*#f08922;*/
    border-color: #c61f3e; /*#f08922;*/
}
.btn-primary:active,.btn-primary:hover,.btn-primary:focus {
    color: #fff;
    background-color: #b11b37 !important; /*#EC7A08 !important;*/
    border-color: #b11b37 !important; /*#EC7A08 !important;*/
}

.green-area .btn-primary {
    color: #fff;
    background-color: #276a3d; /*#f08922;*/
    border-color: #276a3d; /*#f08922;*/
}
.green-area .btn-primary:active,.green-area .btn-primary:hover,.green-area .btn-primary:focus {
    color: #fff;
    background-color: #1e522f !important; /*#EC7A08 !important;*/
    border-color: #1e522f !important; /*#EC7A08 !important;*/
}


.btn-light {
    width: fit-content !important;
    width: max-content;
    padding: 5px 15px;
    font-size: inherit;
    color: #c61f3e !important;
    border: 0 !important;
    background-color: #fff;
    background: radial-gradient(50% 50%, ellipse farthest-corner, rgba(255,255,255,0.7) 0%,#c8c8c8 100%);
    background-image: radial-gradient(50% 50%, ellipse farthest-corner, rgba(255,255,255,0.7) 0%,#c8c8c8 100%);
    background-image: -webkit-radial-gradient(50% 50%, ellipse farthest-corner, rgba(255,255,255,0.7) 0%,#c8c8c8 100%);

}
.btn-blue{
    background-image: none;
    width: fit-content !important;
    width: max-content;
    padding: 5px 15px;
    font-size: inherit;
    background-color: #0F94A7;
    border-color: #0F94A7;
    color: #fff !important;
   
}
.btn-light:active,.btn-light:hover,.btn-light:focus {
    color: #b11b37 !important; /*#EC7A08 !important;*/
    background-color:#c8c8c8 !important; /*#EC7A08 !important;*/
}
.btn-blue:active,.btn-blue:hover,.btn-blue:focus {
    color: #fff !important; /*#EC7A08 !important;*/
    background-color:#0c7382 !important; /*#EC7A08 !important;*/
    border-color: #0F94A7 !important;
}




.dc-btn {
    color: #fff;
    background-color: #c61f3e !important;
    border-color: #c61f3e !important;
}
.dc-btn:active,.dc-btn:hover,.dc-btn:focus {
    color: #fff;
    background-color: #b11b37 !important;
    border-color: #b11b37 !important;
}
.point{
	cursor:pointer;
}
.table-btn{
	color: #c61f3e; /*#f08922;*/
}
.table-sub-btn{
	float:right;
    padding: 2px 4px;
	background-color: #c61f3e; /*#f08922;*/
    color: #f9f9f9 !important;
    border-radius: 4px;
}
.aus{
    background-color: #c8c8c8;
    color: #666 !important;
}
/* newsletter slidein*/
#newsletter-slidein {
    display: none;
    margin: 30px -15px;
    padding: 30px 15px;
     
    background-color: #ebb1bc;
    background: radial-gradient(ellipse at 0% 0%,#f0c5cd 0%,#ebb1bc 50%);
}
#newsletter-slidein h1, #newsletter-slidein h2, #newsletter-slidein h3 {
    /*color: #286a3d;*/
}
#news-in{
    margin-top: -2px;
    padding: 2px 5px;
    border-radius: 3px;
    color: #f2f2f2;
    background-color: #286a3d;
}
.mgn-l {
    margin-top: 45px;
}
.mgn {
    margin-top: 25px;
}
.mgn-m {
    margin-top: 20px;
}
.mgn-s {
    margin-top: 10px;
}
.mgn-bm{
     margin-bottom:30px !important;
}
.mgn-bm-s{
     margin-bottom:15px !important;
}
.affirm{
	 margin: 0 0 10px;
	 background-color: rgb(236, 236, 236);
     border-bottom: 1px solid #d5d5d5;
     font-weight: 700;
}
.affirm-input{
	display: inline;
}
.doc-thumb{
	margin: 10px 20px 10px 0;
    box-shadow: 1px 2px 2px 2px #e7e7e7;
}
#fb-icon{
	height:15px;
}
.grey-img{
	-webkit-filter: brightness(70%);
    -moz-filter: brightness(70%);
    -o-filter: brightness(70%);
    -ms-filter: brightness(70%);
    filter: brightness(70%);
}

#video-stage{
	display:none;
    position: fixed;
    left: 0;
    top: 0;
    width:100%;
 /* transition:all 1.5s ease-in-out;
    transform: rotateX(-90deg); */
    padding: 30px;
    background-color:#f2f2f2;
     z-index: 99;
}
@media (min-width:992px){
#video-stage{
	position:absolute;
	top:initial;
	bottom:0;
 }
}

#video{
	display:inline-block;
	width:100%;
}
.video-active{
	display:block !important;
	/*transform: rotateX(0deg) !important;*/
}

.video-exit,.drop-exit{
	position:absolute;
	display: block;
    right: 0px;
    top: 0px;
    font-size: 32px;
    cursor:pointer;
}

@media (min-width:992px){
.video-exit,.drop-exit{
    right: -10px;
    top: -10px;
}
}
.video-start{
	cursor:pointer;
}
.drop-more{
	cursor: pointer;
}
.drop-more:hover{
	border-bottom:1px solid #c61f3e; /*#f08922;*/
}
.orange{
	color: #c61f3e; /*#f08922;*/
	font-size:12px;
}
.drop-vita{
	width: 100%;
    margin: 15px 0 25px 0; 
    padding-bottom:30px;
    border: 2px solid #c61f3e; /*#f08922;*/
    background-color: #f9f9f9;
	background: radial-gradient(ellipse at 0% 0%,#fff 0%,#f9f9f9 50%);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    z-index: 999;
}
@media (max-width:991px){
    .drop-vita{
	 margin: 15px 0 25px 0;
}
}

#Japan,#Italy,#Poland{
	position: absolute;
}
#Japan:before{
	content: url(//www.renatahorst.de/images/japan.jpg);
    padding: 2px 4px;
}
#Italy:before{
	content: url(//www.renatahorst.de/images/italy.jpg);
    padding: 2px 4px;
}
#Poland:before{
	content: url(//www.renatahorst.de/images/poland.jpg);
    padding: 2px 4px;
}

.shortcut{
	position:absolute;
	left:15px;
	bottom:-18px;
	width: 60px;
    height: 20px;
	background-color: #FF5722;
    border-radius: 4px;
    cursor:pointer;
    transition:all .5s;
}
.short-active{
	top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 87, 34, 0.45);
    font-size: 22px;
    color: #f2f2f2;
}

/*slideshow galerie*/
#process{
	margin:5px 0px 15px;
    height:10px;
    overflow:hidden;
    background-color:#cecece;
}
#process-bar{
    position: absolute;
    left: 0;
    top: 0;
    width: 11.11111%;
    height: 10px;
    background-color: #c61f3e; /*#f08922;*/
    background-image: linear-gradient(to right, rgb(249, 223, 187), #c61f3e); /*#f08922);*/
    transition: width 1s ease-in-out;
}
#gallery{
	margin-top:15px;
	margin-bottom:15px;
}
#gallery-wrapper {
    /*display:none;*/
    position: fixed;
    top: 0;
    left:0;
    margin: 0;
    padding: 15px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: rgba(230, 230, 230, 0.18);
    z-index: 99999;
}
 #gallery-stage {
    display: block;
    position: relative;
    min-width: 350px;
  /* margin-top: 165px;*/
    padding: 10px;
    border: 2px solid #c61f3e; /*#f08922;*/
    background-color: #f9f9f9;
	background: radial-gradient(ellipse at 0% 0%,#fff 0%,#f9f9f9 50%);
    text-align: left;
    overflow: hidden;
}
#gallery-stage label{
	color:#c61f3e; /*#f08922;*/
}
#page-wrapper, .page{
	position:relative;
    float:left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
#page-wrapper{
    width:900%;
    padding:0 !important;
    transition: margin 1s ease-in-out;
}
.page{
    width: 11.111%;
    padding-bottom:30px;
    overflow-x:hidden;
}
.chapter-1{margin-left:0 !important;}
.chapter-2{margin-left:-100% !important;}
.chapter-3{margin-left:-200% !important;}
.chapter-4{margin-left:-300% !important;}
.chapter-5{margin-left:-400% !important;}
.chapter-6{margin-left:-500% !important;}
.chapter-7{margin-left:-600% !important;}
.chapter-8{margin-left:-700% !important;}
.chapter-9{margin-left:-800% !important;}

.exit-sign{
	position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    color: #c61f3e; /*#f08922;*/
}
.exit{
    color: #c61f3e; /*#f08922;*/
}

.exit:active,.exit:hover,.exit:focus{
    color: #c61f3e; /*#f08922;*/
}
.btn-back{
	position: absolute;
    top: 25px;
    left: 0;
    z-index: 99;
}
.btn-forth{
	position: absolute;
    top: 25px;
    right: 0;
    z-index: 99;
}
#back-overlay,#forth-overlay{
position:absolute;
height:70%;
height: calc(100% - 150px);
width:50%;
background-color:transparent;
z-index: 9;
cursor:pointer;
}
#back-overlay{
left:0;
}
#forth-overlay{
right:0;
}
.plate-stage{
 display:inline-block;
 padding:2px;
 overflow:hidden;
 height:80px;
 width:80px;
}
.plate-thumb{
width:200%;
margin-left:30%;
}
.plate{
cursor:pointer;
}
.plate:hover{
border-bottom:2px solid #c61f3e; /*#f08922;*/
}
#gallery-overview{
    margin-bottom: 15px;
    padding: 10px 0;
 
    background-color: #57585a;
}
/*menu mobile fix*/
@media (max-width: 767px) {

   .mobile-toggle:after{
    content: "\e079";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    padding: 18px;
    background-color: #666;
    color: #fff;
    cursor: pointer;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   }
   .mobile-toggle-active:after{
    transform: rotateZ(-90deg);
   }
   .drop-nav{
	display:none !important;
	visibility:visible !important;
	    opacity: 1 !important;
	}
	.mobile-toggle-active > .drop-nav{
	display:block !important;
	}
}

#metaDisc-text{
 width:100%;
}
.nolight{
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
}
.highlight{ 
  border-color: #c61f3e !important; 
}



.attached{
 
 background-color:#F3EED9 !important;
/* background: radial-gradient(ellipse at 0% 0%,rgb(240 197 205 / 50%) 0%,rgb(235 177 188 / 50%) 50%) !important;*/
}
 
.attached > td{
 
 background-color:transparent !important;
 border-color: #e2deca !important;
 /*border-color: rgb(187 166 170) !important;*/
}
.attached-border-top{

 border-top:15px solid #f9f9f9;

}

.attached-border-bottom{


 border-bottom:15px solid #f9f9f9; 

}
/* 
.pseudo{
    position:absolute;
    width:100%; 
    width:calc(100% - 30px);
    left:15px;
    pointer-events: none;
}
.pseudo::after{
    content: ' ';
    position: absolute; 
    height: 85px;
    top: -50px;
    left: -14px;
    right: -14px;
    border: 2px solid #c61f3e;
    border-radius: 500px;
    border-top-color: transparent;
    border-bottom-color: transparent; 
    z-index: 0;
    pointer-events: none;
    
}
.table_xy>tbody>.attached:nth-child(even)>td>.pseudo::before { 
    top: -16px;
    position: absolute;
    left: 0;
    right: 0;
    height: 15px;
    content: ' ';
    background: linear-gradient(
135deg
, #f5f5f5 15px, #f5f5f500 0px), linear-gradient(
225deg
, #f5f5f5 15px, #f5f5f500 0px);
    background-position: 0 -8px;
    background-repeat: repeat-x;
    background-size: 35px 25px;
    pointer-events: none;
}
.table_xy>tbody>.attached:nth-child(odd)>td>.pseudo::before { 
    top: -16px;
    position: absolute;
    left: 0;
    right: 0;
    height: 15px;
    content: ' ';
    background: linear-gradient(
135deg
, #e3e3e3 15px, #f5f5f500 0px), linear-gradient(
225deg
, #e3e3e3 15px, #f5f5f500 0px);
    background-position: 0 -8px;
    background-repeat: repeat-x;
    background-size: 35px 25px;
    pointer-events: none;
}
*/ 
.centered{
  display: block;
    margin-right: auto !important;
    margin-left: auto !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px 10px !important;
}


#portal-tool{
position:absolute;
top:5px;
right:5px;
}
.portal-item{
    display: inline-block;
    position: relative;
    background-color: #fff;
    width: 210px;
    height: 297px;
    margin: 25px;
}
.portal-item-grey{
filter: grayscale(100%);
}
.portal-item-banner{
position:absolute;
top: 50%;
left:50%;
     width: 105%;
transform:translate(-50%,-50%);
padding:5px 25px;
font-size:16px;
 background-color: #c61f3e;
 border-radius: 0.1rem;
    color: #fff;
    
box-shadow: 0 7px 10px rgb(0 0 0 / 30%);
}
.portal-item-banner-blue{
background-color: #0F94A7 !important;
}
.past-date{
 filter: opacity(0.5) brightness(0.5);
} 
.past-date .portal-item-banner{
 filter: grayscale(100%);
}
.past-date:after{
    content: "Zugang abgelaufen – jetzt erneuern oder mehr Inhalte entdecken!";
    position: absolute;
    bottom: 25px;
    left: 2px;
    font-size: 12px;
    line-height: 1.2;
    color:#000;
}
.portal-item-footnote{
position:absolute;
bottom:-1px;
right:2px;
 font-size:12px;
    color: #666;

}
.portal-item > a{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:9;
}
.portal-item-bg{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color: #F3EED9 !important;
box-shadow: 0 1px 5px rgb(0 0 0 / 30%);
}
.portal-item-bg-0{
 transform: rotateZ(0deg); 
}
.portal-item-bg-1{
transform: rotateZ(2deg);
}
.portal-item-bg-2{
transform: rotateZ(4deg);
}
.portal-item-bg-3{
transform: rotateZ(6deg);
}
.portal-item-bg-4{
transform: rotateZ(8deg);
}
.portal-item-bg-5{
transform: rotateZ(-2deg);
}
.portal-item-bg-6{
transform: rotateZ(-4deg);
}
.portal-item-bg-7{
transform: rotateZ(-6deg);
}
.portal-item-bg-8{
transform: rotateZ(-8deg);
}
.portal-item-bg-9{
transform: rotateZ(0deg);
}
.portal-item-bg-10{
transform: rotateZ(0deg);
}
.portal-item-bg-top{

background-image: url(https://renatahorst.de/images/dc-symbol-2.png);
    background-position: 10px 32px;
    background-size: 90%;
    background-repeat: no-repeat;
}
.portal-item-bg-top-blue{
background-image: url(https://renatahorst.de/images/dc-symbol-3.png);
    background-position: 10px 32px;
    background-size: 90%;
    background-repeat: no-repeat;
}
.portal-item-bg-top-grey{
    background-image: url(https://renatahorst.de/images/dc-symbol-4.png);
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: none !important;
    box-shadow: none !important;
    background-color: #ffffff !important;
}
.shopping-info{
display:inline-block;
margin-left: -5px;
padding: 2px 5px;
background-color: #276a3d;
color: #f2f2f2; 
}