.content-block-container { position: relative; width: 84%; margin: auto; }
.content-block-wrapper { overflow: hidden; position: relative; }
.content-block-wrapper-inner { width: 100%; transition: margin .2s linear; }
.content-block { }
.cb-title { color: #000; font: 700 200%/1 Novecentowide, sans-serif; min-height: 2em; margin-bottom: 0.75em; word-wrap: break-word; }
.cb-title[data-icon] { }
.cb-title[data-icon]:before { content: attr(data-icon); color: #000; float: left; margin-right: 15px; font-family: ModernPictogramsNormal; font-size: 225%; line-height: 1; font-weight: 400; }
.cb-title.cb-news-title { font-size: 150%; cursor: pointer; min-height: 3em; }
.cb-title a { color: #000; text-decoration: none; cursor: pointer; display: block; }
.cb-title a:hover { color: #3B95B1; text-decoration: none; }
.cb-image {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; filter: grayscale(100%); -webkit-filter: grayscale(100%); -webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.cb-image:hover { filter: none; -webkit-filter: grayscale(0); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.cb-title { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.cb-image:hover + .cb-title { color: #3B95B1; }
.cb-image-link:hover + .cb-title { color: #3B95B1; }
.cb-image-link:hover + .cb-title .cb-title-link { color: #3B95B1; }
.cb-date { color: #787878; font-size: 75%; font-weight: 700; margin-bottom: 4px; text-transform: uppercase; }
.cb-content { clear: both; }
.cb-image { margin: 0 auto; display: block; margin-bottom: 20px; max-width: 100%; }
.cb-description { clear: both; color: #505050; display: block; font-size: 16px; font-weight: 600; line-height: 18px; margin-top: 10px; }
.cb-left, .cb-right { width: 60px; height: 85px; position: absolute; cursor: pointer; text-indent: -9999px; z-index: 2;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: moz-none;
-ms-user-select: none;
user-select: none;
}
.cb-left { background: url(//www.theaterachse.com/wp-content/themes/konzept/css/images/news-arrow-left-active-light.png) no-repeat left top transparent; left: -60px; top: 120px; }
.cb-right { background: url(//www.theaterachse.com/wp-content/themes/konzept/css/images/news-arrow-right-active-light.png) no-repeat right top transparent; right: -60px; top: 120px; }
.cb-left-inactive { background-image: url(//www.theaterachse.com/wp-content/themes/konzept/css/images/news-arrow-left-inactive-light.png); cursor: default; }
.cb-right-inactive { background-image: url(//www.theaterachse.com/wp-content/themes/konzept/css/images/news-arrow-right-inactive-light.png); cursor: default; }
@media (max-width: 1024px){
.content-block-container { max-width: 1024px; }
}
@media (max-width: 720px){
.content-block-container { width: 100%; max-width: 720px; }
.cb-title { min-height: 0; }
.cb-title.cb-news-title { min-height: 0; }
.content-block-wrapper-inner { transition: none; }
.cb-left,
.cb-right { display: none; }
}
@media (max-width: 640px) {
.cb-title { font-size: 175%; }
.cb-title[data-icon]:before { font-size: 200%; }
}