/* * BREADCRUMBS */ #topbar {padding:15px;} #topbar .breadcrumbs {font-size:11px;padding:4px 0;} #topbar .breadcrumbs p {margin:0; padding:0;} /* * CAROUSEL */ #teaser.post-teaser {min-height: 550px;} #teaser.post-teaser, .blog .carousel-inner, .carousel-teaser, .carousel-teaser .carousel-inner{min-height: 550px;} #teaser.carousel .item .container, .carousel-teaser .item .container {padding:50px 80px;} #teaser .carousel .item h1, .carousel-teaser .item h1 {font-size:46px; } #teaser .carousel .item h1 a, .carousel-teaser .item h1 a {color:#fff;} #teaser .carousel .item, .carousel-teaser .item {background-size:cover;height:550px; background-position: top center;} #teaser .carousel .item:before, .carousel-teaser .item:before {position:absolute; content: " "; background-color:rgba(0,0,0,0.65); width:100%; height:100%; top:0; left:0; right:0;} #teaser .carousel-indicators {margin-bottom:120px; display:none;} #teaser .carousel .caption {margin-top:180px;} #teaser .carousel .item h1, .carousel-teaser .item h1 { padding-top:120px;} @media (min-width: 768px) and (max-width: 991px) { .blog .carousel .item h1, .carousel-teaser .item h1 {font-size:34px; margin-bottom:20px; margin-top:20px;} } @media (max-width: 767px) { #teaser .carousel .caption {margin-top:80px;} #teaser .carousel .item h1, .carousel-teaser .item h1 {font-size:30px; margin-bottom:10px;} #teaser .carousel .item .container, .carousel-teaser .item .container {padding:50px 60px;} } /* * MODAL */ /* #etvModal .modal-dialog {max-width: 500px;} #etvModal .modal-slacker .modal-header, #etvModal .modal-slacker .modal-body, #etvModal .modal-slacker .modal-footer {max-width: 500px;} */ .modal-backdrop.in {transition: opacity 0.15s linear 0s;} .modal{text-align:center;padding:0!important; } .modal.fade {transition: opacity 0.15s linear 0s;} .modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px} .modal-dialog{display:inline-block;text-align:left;vertical-align:middle; z-index:1100;} @media (max-width: 767px) { .modal{padding:0 20px!important} .modal:before{content:inherit; display:block;height:auto;vertical-align:top;margin-right:0;} .modal-dialog{margin: 30px auto; display:block;vertical-align:baseline;} } .modal .modal-header .close {margin-top:0;line-height: 1.1;} .modal .modal-header {padding:10px 15px;} .modal .modal-header h4 {margin:0;} .modal .modal-body p small, .modal .image-meta {color: #888; font-size: 12px;} .modal .modal-content{-webkit-box-shadow:0 0 77px 30px rgba(0,0,0,0.75);-moz-box-shadow:0 0 77px 30px rgba(0,0,0,0.75);box-shadow:0 0 77px 30px rgba(0,0,0,0.75);-webkit-border-radius:0;-moz-border-radius:0; border-radius:0; overflow:hidden;} .modal .image-meta ul {margin-bottom:0;} .modal .inner.p15 {padding-bottom:0;} .modal .modal-image {position: relative;} .modal .modal-image .btn {color:#fff; font-size:20px; border:none; background:rgba(0,0,0,0.3); -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;position: absolute; top:0; bottom:0; margin: auto 0;} .modal .modal-image .btn:hover, .modal .modal-image .btn:focus {background:rgba(0,0,0,0.7)} .modal .modal-image .btn.btn-prev {left:0;} .modal .modal-image .btn.btn-next {right:0;} /* * SOCIAL & DOWNLOAD */ .share-download .btn-download {margin-top:25px;} .share-download .social p {text-transform:uppercase; font-size:12px; color:#888;margin-bottom:0;} .list-social a.icoRss:hover{background-color:#F56505} .list-social a.social-xing:hover{background-color:#126567} .list-social a.social-fb:hover{background-color:#3B5998} .list-social a.social-twitter:hover{background-color:#3cf} .list-social a.social-linkedin:hover{background-color:#007bb7} .list-social a.icoFacebook:hover i,.list-social a.icoTwitter:hover i,.list-social a.icoLinkedin:hover i{color:#fff} .list-social li {padding:3px; margin-top:8px;} .list-social li a{background-color:#d2d2d2; display:inline-block;position:relative;margin:0 auto;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center;width:30px;height:30px;font-size:16px;} .list-social li i{margin:0;line-height:30px;text-align:center} .list-social li a:hover i,.triggeredHover{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms--transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s;transition:all .2s} .list-social i{color:#fff;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;-ms-transition:all .8s;transition:all .8s} /* * PANEL */ .panel-heading h4 {margin-bottom:0;} .panel-heading h4 a {display:block; padding: 10px 15px;} .panel-heading {border:none!important; padding:0; background-color:#fff!important;} .panel {-webkit-box-shadow: none!important;-moz-box-shadow: none!important;box-shadow: none!important;} .panel .panel-title a[aria-expanded="true"] i.fa-angle-double-down:before {content:'\f102';} /* * CATEGORIE TABS */ #red-nav {padding:30px 0 40px;} #red-nav .nav-tabs { border-bottom: 2px solid #DDD; } #red-nav .nav-tabs > li {font-size:14px;} #red-nav .nav-tabs > li.active > a, #red-nav .nav-tabs > li.active > a:focus, #red-nav .nav-tabs > li.active > a:hover { border-width: 0; } #red-nav .nav-tabs > li > a { background:transparent; border: none; color: #666666; } #red-nav .nav-tabs > li.active > a, #red-nav .nav-tabs > li > a:hover { border: none; color: #f33333 !important; background: transparent; } #red-nav .nav-tabs > li > a::after { content: ""; background: #f33333; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); } #red-nav .nav-tabs > li.active > a::after, #red-nav .nav-tabs > li:hover > a::after { transform: scale(1); } @media (min-width: 992px) and (max-width: 1199px) { #red-nav .nav-tabs > li {font-size:13px;} } @media (min-width: 768px) and (max-width: 991px) { #red-nav .nav-tabs > li {font-size:14px;width:33%;} #red-nav .nav-tabs > li.pull-right {float:left!important;} #red-nav .nav-tabs > li.pull-right a {display:block;text-align:left; width:100%;} } @media (max-width: 767px) { #red-nav .nav-tabs > li {width:100%;} #red-nav .nav-tabs > li.pull-right {float:none; } #red-nav .nav-tabs > li.pull-right a {display:block;text-align:left; width: 100%} } /* * TOPBAR & TEASER */ .page-template-template-newsroom #teaser { margin-top: 50px; } #teaser {background:#fff;} #teaserblog.teaser-fullwidth img {display:block; width:100%; height:auto;} #teaser.pressemeldungen, #teaser.newsroom, #teaser.publikationen, #teaser.media {background:#fff;min-height:inherit;margin-top:0; padding-top: 20px; padding-bottom:20px; height: auto;margin-top: 80px;} #teaser.pressemeldungen:before, #teaser.newsroom:before, #teaser.publikationen:before, #teaser.media:before {background:transparent;} #teaser.pressemeldungen .inner, #teaser.newsroom .inner, #teaser.publikationen .inner, #teaser.media .inner {margin:15px 0;} #teaser.pressemeldungen > .container, .page-template-template-newsroom #teaser > .container, #teaser.newsroom > .container, #teaser.publikationen > .container, #teaser.media > .container {padding-top:0;} #teaser.pressemeldungen .date, #teaser.media .date {color:#888; font-size:12px;} #teaser.pressemeldungen h1, #teaser.newsroom h1, #teaser.media h1, #teaser.publikationen h1 {margin:15px;color:#262626;} #teaser.pressemeldungen h1:after, .page-template-template-newsroom #teaser .h1:after, #teaser.newsroom h1:after, #teaser.media h1:after, #teaser.publikationen h1:after {border-bottom: 5px solid #262626; padding-bottom: 22px; width:50px;content: ""; display:block; margin: 0 auto;} .page-template-template-newsroom #teaser .h1:after {border-bottom-color:#fff;} #teaser.pressemeldungen .categorie, #teaser.media .categorie {font-family: 'Roboto Slab', serif; font-weight: 400;} .author #teaser.newsroom {padding:30px 0;} .author #teaser.newsroom .img-circle {border:1px solid #f33; padding:15px; background:#fff;} .page-template-template-newsroom #teaser {height:auto;min-height:inherit;} .page-template-template-newsroom #teaser .caption {margin-top: 100px;margin-bottom: 100px;} /* * NEWSROOM */ .page-template-template-newsroom .event-items .content-white, .page-template-template-newsroom .presse-items .content-white {padding:25px;} .page-template-template-newsroom .event-items .readmore.pull-right, .page-template-template-newsroom .press-items .readmore.pull-right, .page-template-template-newsroom .presse-items .readmore.pull-right{padding:20px 10px;} .page-template-template-newsroom .presse-items .table > tbody > tr > td, .page-template-template-newsroom .presse-items .table > tbody > tr > th, .page-template-template-newsroom .presse-items .table > tfoot > tr > td, .page-template-template-newsroom .presse-items .table > tfoot > tr > th, .page-template-template-newsroom .presse-items .table > thead > tr > td, .page-template-template-newsroom .presse-items .table > thead > tr > th {border-top:none; padding: 12px 12px 16px;} .page-template-template-newsroom .presse-items .table {margin-bottom:0;} @media (min-width: 992px) and (max-width: 1199px) { .page-template-template-newsroom article.pressemeldungen.type-pressemeldungen img {padding-top:30px;} } /* * PRESSEMELDUNGEN */ .single-pressemeldungen .bullet ul {list-style: none; padding-left:15px;margin-bottom:0;} .single-pressemeldungen .bullet ul li{position: relative; padding-left:15px; margin-bottom:8px} .single-pressemeldungen .bullet ul li:before {content: "\f105"; position: absolute; top: 0px; left:-0px; margin: 0 0 0 -3px; display: inline-block; width: 20px; height: 20px; font-family:'FontAwesome'; color:#f33;} .single-pressemeldungen .intro {margin-bottom:20px;} .single-pressemeldungen .intro .information {padding:25px 35px 15px 0;} .single-pressemeldungen .share-download {background:#f4f4f4; padding:15px 25px;} .single-pressemeldungen .bottom.share-download {background:#fff;} .single-pressemeldungen .content-text em {color:#666;} .single-pressemeldungen .content-text p {text-align:justify;margin-bottom:10px;} .single-pressemeldungen .content-text p strong {padding-top:20px; clear:both; display:block;} .single-pressemeldungen .content-about {background:#fff; color:#888; font-size:14px; padding:25px; margin:15px 0; position: relative;} .single-pressemeldungen .content-about h3 {text-align:center; margin-top:0;margin-bottom:20px;} .single-pressemeldungen .content-about:after,.single-pressemeldungen .content-about:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none} .single-pressemeldungen .content-about:after{border-color:rgba(255, 255, 255, 0);border-bottom-color:#fff;border-width:15px;margin-left:-15px} .single-pressemeldungen .content-about:before{border-color:rgba(225, 225, 225, 0);border-bottom-color:#e1e1e1;border-width:16px;margin-left:-16px} .single-pressemeldungen article.pressemeldungen.type-pressemeldungen {padding:40px;} .single-pressemeldungen #sidebar, .single-pressemeldungen #sidebar .thumbnail {background:transparent; padding-top:0;} .list article.list-element {margin-bottom:30px; background:#fff;} .list article.list-element .media-body {padding-left:10px; position:relative; width:100%; padding:15px 15px 15px 20px;} .list article.list-element .media-body .share-download {background:#f4f4f4; position: absolute; bottom:0; left:0; right:0; width:100%; padding:15px 10px 15px 10px;margin:0;} .list article.list-element .media-body h3 {font-size:18px;} .list article.list-element .media-left {padding-right:0;} @media (min-width: 992px) and (max-width: 1199px) { .single-pressemeldungen .post-pressimage img {margin:20px 0 20px 20px;} } @media (min-width: 768px) and (max-width: 991px) { article .wp-caption {width:100%!important; } .list article.list-element .media-left, .list article.list-element .media-body{display:block;} .list article.list-element .media-left img{ margin-top:20px;} .list article.list-element .media-body .share-download {position: relative;} .list article.list-element .media-body p, .list article.list-element .media-body h4 {padding: 15px 20px;} .list article.list-element .media-body {padding:0;} } @media (max-width: 767px) { .affix-sidebar { position: relative !important; top: 0 !important; } .single-pressemeldungen article.pressemeldungen.type-pressemeldungen {padding:0;} .single-pressemeldungen article .content-text, .single-pressemeldungen article .bottom.share-download, .single-pressemeldungen article .post-nav {padding:20px;} .single-pressemeldungen #sidebar {padding:40px;} article .wp-caption {width:100%!important; } .list article.list-element .media-left, .list article.list-element .media-body{display:block;} .list article.list-element .media-body .share-download {position: relative;} .list article.list-element .media-body p, .list article.list-element .media-body h4 {padding: 15px 20px;} .list article.list-element .media-body {padding:0;} } @media (min-width: 768px) { .list article.list-element .media-left img {max-width: none;} article .wp-caption {width:100%!important; } } /* * PRESSESPIEGEL */ .page-template-template-newsroom #presse.presse-items table .date, .page-template-template-newsroom_pressespiegel table .date {width:130px; font-size:13px; font-weight:600; display: table-cell; vertical-align: middle;} .page-template-template-newsroom_pressespiegel #sidebar {padding-top:0;} .page-template-template-newsroom_pressespiegel #sidebar .h1:first-child {margin-top:0;} /* * PRESSEKONTAKT */ .page-template-template-newsroom_pressekontakt h2 {margin-top:0;} .page-template-template-newsroom_pressekontakt h3 {margin:0;} .page-template-template-newsroom_pressekontakt .content-white {padding:25px;} @media (min-width: 768px) and (max-width: 991px) { .widget_ansprechpartner a {font-size:14px;} } @media (max-width: 767px) { .page-template-template-newsroom_pressekontakt form {margin-bottom:30px;} } /* * EVENTS & ETVENTURE ON TOUR */ .page-template-template-etventure_events #events .date h4, .page-template-template-etventure_events #events .description h3, .event-items .date h4, .event-items .description h3 { margin-top:0; } .page-template-template-etventure_events #events .date h4, .event-items .date h4 {display:block; padding:18px 10px; background:#232323; color:#fff; height:80px; width:80px; margin:0 auto;border-radius: 50%;} .page-template-template-etventure_events #events .event, .event-items .event {margin-bottom:20px; border-bottom:2px dotted #f4f4f4;} .event-items .event:last-of-type {border:none;margin-bottom:0;} .page-template-template-etventure_events #events .description h3, .event-items .description h3 {font-size:20px;} .page-template-template-etventure_events #teaser .caption {display:none!important; background:transparent!important;} .page-template-template-etventure_events h1 {margin-bottom:25px;} .page-template-template-newsroom_events .event {background:#fff;border-bottom:5px solid #f4f4f4;} .page-template-template-newsroom_events .event table {margin-bottom:0; border:none!important;} .page-template-template-newsroom_events .event table .date {font-weight:bold; text-align: center; vertical-align: middle; background:#232323; color:#fff; width:80px; height:80px;} .page-template-template-newsroom_events .event table .more {text-align: center; vertical-align: middle; width:50px; font-size:24px;} .page-template-template-newsroom_events .event table .more a, .page-template-template-newsroom_events .event table .description a{display:block; width:100%;} .page-template-template-newsroom_events .event table .description {padding:15px;vertical-align: middle;text-align: left;} .page-template-template-newsroom_events .event table .icon {padding:15px;text-align: center; vertical-align: middle;width:80px;} .page-template-template-newsroom_events .event .table > tbody > tr > td {border-bottom:2px solid #fff; border:none;} .page-template-template-newsroom_events .event.event-archive table .icon {width:50px;padding:10px;} .page-template-template-newsroom_events .event.event-archive table .date {width:50px; height:40px;font-size:13px;} .page-template-template-newsroom_events .event.event-archive table .description {font-size:13px;} .page-template-template-newsroom_events .event.event-archive table .description p{margin-bottom:0;} .panel-heading {border-bottom:2px solid #f4f4f4!important;} .panel {border:none!important;} .page-template-template-newsroom_events .panel-body {padding:0; background:#f4f4f4!important} .page-template-template-newsroom_events .event .panel-body {background:#fff!important;} .page-template-template-newsroom_events .event .cta .btn {margin:15px;} .page-template-template-newsroom_events h3 {margin:0; padding: 15px 0;} .page-template-template-newsroom_events .event .headline {font-family: 'Roboto Slab', serif; font-weight: 400;} .page-template-template-newsroom_events #sidebar {padding-top:0;} .page-template-template-newsroom_events #sidebar .h1:first-child {margin-top:0;} @media (max-width: 767px) { .page-template-template-etventure_events #events .date h4, .event-items .date h4 {margin-bottom:20px;} .page-template-template-etventure_events #events .event, .event-items .event {margin-bottom: 40px; padding-bottom: 20px;} } /* * PUBLIKATIONEN */ .single-publikationen .post-content {padding:40px;} .single-publikationen .share-download {margin:0 0 20px 0; padding:20px; background:#f4f4f4;} .single-publikationen .content-text {text-align: justify;} @media (max-width: 767px) { .single-publikationen {overflow-x: hidden;} .single-publikationen .post-content {padding:10px;} .single-publikationen #related .item a img {margin:8px auto; display:block; width:100%;} } /* * FOTOS & VIDEO (MEDIA) */ .single-media .video, .single-media .gallery {padding:40px;} .single-media .video .post-video-content {text-align:justify; padding:40px 0 0 0;} .post-type-archive #content.p40, .tax-media_category #content.p40 {padding-top:0;} article.media {margin-top:0;} .grid {padding:0;} .grid article.grid-element .jk-slider, .grid article.grid-element .media-video {position: relative;} .grid article.grid-element .media-type, .grid article.grid-element .media-type {position:absolute; top:5px; right:5px; background:rgba(0,0,0,0.8); color:#fff; z-index:1; padding:5px 10px; font-size:11px;} .grid article.grid-element {margin-bottom:30px;} .grid article.grid-element .inner {background:#fff;min-height: 545px;} .media-items .grid article.grid-element .inner {min-height:350px;} .media-items .grid article.grid-element .share-download {display:none;} .grid article.grid-element .inner .media-intro {padding:20px;} .grid article.grid-element .flipster ul {margin:42px 0;} .grid article.grid-element .media-meta {font-size:12px;} .grid article.grid-element h2 {font-size: 20px;} .grid article.grid-element .fade-carousel .carousel-inner .item .hero{opacity:0;-webkit-transition:2s all ease-in-out .1s;-moz-transition:2s all ease-in-out .1s;-ms-transition:2s all ease-in-out .1s;-o-transition:2s all ease-in-out .1s;transition:2s all ease-in-out .1s} .grid article.grid-element .fade-carousel .carousel-inner .item.active .hero{opacity:1;-webkit-transition:2s all ease-in-out .1s;-moz-transition:2s all ease-in-out .1s;-ms-transition:2s all ease-in-out .1s;-o-transition:2s all ease-in-out .1s;transition:2s all ease-in-out .1s} .single-media .gallery .thumbnail{max-height:185px;position:relative;overflow:hidden; border-radius: 0;-webkit-border-radius:0;-moz-border-radius: 0; padding:0;} .single-media .gallery .caption{opacity:0.0; top:0; bottom:0;position:absolute;right:0;background:rgba(0,0,0,0.75);width:100%;height:100%;padding:0;text-align:center;color:#fff!important;z-index:2;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear} .single-media .gallery .thumbnail:hover .caption{opacity:1.0;} .single-media .gallery .thumbnail .caption ul { margin:40px 0; } .single-media .gallery .thumbnail a img {width:60px;height:auto;} .single-media .gallery .thumbnail a {padding:30px; margin:0 20px; opacity:0.7;} .single-media .gallery .thumbnail a:hover, .single-media .gallery .thumbnail a:focus {opacity:1.0; text-decoration: none!important; } .list-management .thumbnail{margin-bottom:0; position:relative;overflow:hidden; border-radius: 0;-webkit-border-radius:0;-moz-border-radius: 0; padding:0;} .list-management .caption{opacity:0.0; top:0; bottom:0;position:absolute;right:0;background:rgba(0,0,0,0.75);width:100%;height:100%;padding:0;text-align:center;color:#fff!important;z-index:2;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear} .list-management .thumbnail:hover .caption{opacity:1.0;} .list-management .thumbnail .caption ul { margin:100px 0; } .list-management .thumbnail a img {width:60px;height:auto;} .list-management .thumbnail a {padding:30px; margin:0 20px; opacity:0.7;} .list-management .thumbnail a:hover, .list-management .thumbnail a:focus {opacity:1.0; text-decoration: none!important; } article.list-management h4 {padding:20px 20px; margin-top:0; margin-bottom:30px;} article.list-management h4 a:hover {text-decoration: none;} .list-management .modal-body h4 {margin:0 0 15px; padding:0;} @media (max-width: 767px) { .single-media .video, .single-media .gallery {padding:20px;} } @media (max-width: 479px) { .single-media .video, .single-media .gallery {padding:10px;} } /* * BLOG */ .single-format-standard .page-image {padding-top:10px;} .single-format-standard img[class*='wp-image-']{ display: block; max-width: 100%; height: auto; /*width:100%;*/ } .single-format-standard .categorie, .blog .carousel .categorie {font-family: 'Roboto Slab', serif; font-weight: 400;} .single-format-standard .date {color:#888; font-size:12px;} .single-format-standard .container article .content-white { padding:40px;} .single-format-standard .post-article .btn-et {white-space:normal!important;} .single-format-standard .post-article p {font-size: 18px;line-height: 29px;margin-bottom: 1.4em;} .single-format-standard .post-article h2, .single-format-standard .post-article h3 {margin-bottom:10px;margin-top:25px;} .single-format-standard .post-article li {margin-bottom:5px; font-size: 19px;line-height: 1.58; text-align:left;} .single-format-standard .post-article ul { list-style: none; margin:30px 0; } .single-format-standard .post-article ul li { position: relative; padding-left:20px; margin-bottom:5px } .single-format-standard .post-article ul li:before { content: "\f105"; position: absolute; top: 0px; left:-0px; margin: 0 0 0 -3px; display: inline-block; width: 20px; height: 20px; font-family:'FontAwesome'; color:#f33; } .single-format-standard .post-article ol { margin:0; padding:0; counter-reset:item; box-sizing:border-box; } .single-format-standard .post-article ol>li { margin:0 0 0 30px; padding: 0 0 15px; text-indent:-30px; list-style-type:none; counter-increment:item; } .single-format-standard .post-article ol>li:before { display:inline-block; width:1.5em; padding-right:0.5em; font-weight:bold; text-align:right; content:counter(item) ".";} .single-format-standard .post-comments, .single-format-standard .post-nav, .single-format-standard .post-related, .single-format-standard .post-author {padding:40px; margin:15px 0;} .single-format-standard .post-related .thumbnail .thumbnail-img {height:120px;} .single-format-standard .post-related .thumbnail {min-height:660px;} .single-format-standard .container .post-related article { padding:0;} .single-format-standard .container .post-related article h2 { font-size:18px;} .single-format-standard .post-overview {margin:30px 0;} .single-format-standard .wpmf-gallerys .gallery.gallery-link-file .wpmf-gallery-item img {transition:all 0.2s;} .single-format-standard .wpmf-gallerys .gallery.gallery-link-file .wpmf-gallery-item a {margin-bottom:5px;} .single-format-standard .wpmf-gallerys .gallery.gallery-link-file .wpmf-gallery-item a:hover img {-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.45); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.45); transform: scale(1.1, 1.1); z-index:2; position: relative;} .single-format-standard .wpmf-gallerys .gallery.gallery-link-file.gallery-portfolio .wpmf-gallery-item .wpmf-gallery-caption{margin-bottom:10px;} .single-format-standard .wpmf-gallerys .wpmf-gallery-caption .title {font-family: 'Open Sans', sans-serif; color:#232323; font-size:14px; letter-spacing:normal;} .single-format-standard .wpmf-gallerys .gallery.flexslider ul li:before {display: none;} .single-format-standard .wpmf-gallerys .gallery.flexslider ol>li:before {display: none;} .single-format-standard .wpmf-gallerys .gallery.flexslider ol li {margin-top:15px!important;} .single-format-standard .wpmf-gallerys .gallery.flexslider .wpmf-front-box { display: none;} .post-related .thumbnail {background:#f4f4f4;} article.post .thumbnail .thumbnail-img {height:190px;} .mag-related article.post .thumbnail .thumbnail-img {height:120px;} .thumbnail .thumbnail-img {height:120px; overflow:hidden; background:#fff;} .post-list .thumbnail, .post-related .thumbnail, .press-items .thumbnail, #sidebar .thumbnail, .publikationen-items .thumbnail {-moz-border-radius:0; border-radius: 0; padding:0; border:none; /* min-height:545px;*/ } .post-list .subscribe-text {min-height:545px;} .post-list .thumbnail h2 a, .post-list .thumbnail p .post-desc {display:block; height:100%; text-decoration:none;} .post-list .thumbnail h2 {margin:0;} .post-list .thumbnail .post-desc, .post-list .thumbnail .post-desc:hover {color:#232323; text-decoration:none;} .post-list .thumbnail .post-desc {padding:20px 0 0} .post-list .loop-grid {transition: all 0.3s ease-in-out;} .post-list .loop-grid:hover {-webkit-box-shadow: 0px 0px 55px -26px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 55px -26px rgba(0,0,0,0.75);box-shadow: 0px 0px 55px -26px rgba(0,0,0,0.75); transform: scale(1.02, 1.02); z-index:1;} .publikationen-items .thumbnail {min-height:415px; } .post-list .thumbnail h2, .post-related .thumbnail h2, .press-items .thumbnail h2, #sidebar .thumbnail h2, .publikationen-items h2 {font-size:18px; min-height:43px;} .post-list .thumbnail .caption,.post-related .thumbnail .caption, .press-items .thumbnail .caption, #sidebar .thumbnail .caption, .publikationen-items .thumbnail .caption {padding:18px 20px 20px;} .post-list .thumbnail .btn-wrapper,.post-related .thumbnail .btn-wrapper, .press-items .thumbnail .btn-wrapper, #sidebar .thumbnail .btn-wrapper, .publikationen-items .thumbnail .btn-wrapper {text-align:center; padding:0 20px 20px;} .post-related .thumbnail .author,.post-list .thumbnail .author {position: relative; height:50px;} .post-related .thumbnail .author-link,.post-list .thumbnail .author-link { position:absolute; top:-50px; left:-10px; border:8px solid #fff; } .post-related .thumbnail .author-link {border-color:#f4f4f4;} .post-related .thumbnail .author-name,.post-list .thumbnail .author-name { position:absolute; top:0; left:120px; } .post-related .thumbnail .author .small,.post-list .thumbnail .author .small {font-size: 12px; line-height:18px;} .post-list .thumbnail .small.post-category, .post-related .thumbnail .small.post-category {margin:10px 0 0;font-family: 'Roboto Slab', serif; font-weight: 400;} .post-list .loop-lg {overflow:hidden; margin:15px 0 40px;width: 100%;} .post-list .loop-lg .inner:before {background-position: center center; background-size: cover; -webkit-filter: blur(10px); -moz-filter: blur(10px);-o-filter: blur(10px); -ms-filter: blur(10px);filter: blur(10px); position:absolute; content: " "; width:100%; height:100%; top:0; left:0; right:0;} .post-list .loop-lg .inner:after {position:absolute; content: " "; background-color:rgba(0,0,0,0.3); width:100%; height:100%; top:0; left:0; right:0;} .post-list .loop-lg .inner {position:relative; color:#fff; padding:50px;z-index: 1; } .post-list .loop-lg h2 a {color:#fff; font-size:32px;} .post-list .loop-lg .post-category {margin:10px 0 0;font-family: 'Roboto Slab', serif; font-weight: 400;} .post-list .loop-lg .caption.text-center {padding:0 60px 0; position:relative;z-index: 1;} .post-list .loop-lg .post-meta {position:relative;z-index: 1;} .pagination {text-align:center;} .pagination li a { padding:10px 16px;color:#2d2d2d; border-radius:0 !important; border:none; margin:0 1px } .pagination li a:hover, .pagination li a:focus { background:#fafafa; color :#f33 } .pagination li.active a, .pagination li.active a:hover, .pagination li.active a:focus { background:#f33; border-color: #f00; } .pagination li.disabled a { color:#aaa;} @media (min-width: 768px) and (max-width: 991px) { article.post .thumbnail .thumbnail-img {height:140px;} .mag-related article.post .thumbnail .thumbnail-img {height:80px;} article.post .thumbnail-img a .wp-post-image {width:100%!important;} .post-list .thumbnail, .post-related .thumbnail, .press-items .thumbnail, #sidebar .thumbnail {min-height: 650px;} } @media (max-width: 767px) { article.post .thumbnail .thumbnail-img {height:180px;} article.post .thumbnail-img a .wp-post-image {width:100%!important;} .mag-related article.post .thumbnail .thumbnail-img {height:250px;} .post-list .thumbnail .author-link img { max-width:90px; height:auto;} .thumbnail .thumbnail-img {height:140px;} .post-list .thumbnail, .post-related .thumbnail, .press-items .thumbnail, #sidebar .thumbnail {min-height: auto;} .single-format-standard .post-article p, .single-format-standard .post-article li {text-align: left!important;} .single-format-standard #searchform {display: none;} .single-format-standard .page-image {padding-top:0!important;} .single-format-standard #article-wrapper .magazin-teaser [class*='col-'], .single-format-standard #article-wrapper .magazin .col-sm-8 { padding-left:0!important; padding-right:0!important;} .single-format-standard .container article .content-white { padding:20px; margin-top:0!important;} .single-format-standard .post-article ul {padding-left:0;} } @media (max-width: 479px) { .thumbnail .thumbnail-img {height:90px;} article.post .thumbnail .thumbnail-img {height:100px;} .mag-related article.post .thumbnail .thumbnail-img {height:130px;} .post-list .thumbnail .author-link img { width:70px; height:auto;} .post-list .loop-lg .caption.text-center {padding:0;} .post-list .loop-lg h2 {font-size:20px;} .single-pressemeldungen article.pressemeldungen.type-pressemeldungen {padding:0;} } /* * KOMMENTARE */ .comment { min-height: 70px; margin-bottom:40px; } .comment .media-heading { font-weight: 600; } .comment .media-heading a { color: inherit; } .comment .media-left { min-width: 65px; } .comment .media-left img { -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;} .comment .media-heading {font-size:13px; line-height: 13px; margin-bottom:10px;} .comment .media-heading small { font-size: 13px; font-weight: 400; color: #656c7a; } .comment .comment-reply-link {font-size: 14px; font-weight: 600; color: #656c7a; } .comment .comment-reply-link:hover, .comment .comment-reply-link:focus { text-decoration: none; } .comment .comment-reply-link:after { content: "\f101"; font-family: 'FontAwesome', sans-serif; margin-left: 5px; } .comment .media-body { padding: 0;} .comment.depth-1 .comment { margin: 30px 0 0 65px; } .comment.bypostauthor { position: relative; } .comment.bypostauthor:after { content: "Autor"; background: #9fa2a5; width: 48px; color: #fff; font-size: 10px; line-height: 16px; padding: 0 10px; position: absolute; top: 53px; left: 0; } .comment .product-rating { margin-left: 20px; margin-bottom: 20px;} .comment .comment-awaiting-moderation { font-size: 12px; margin-bottom: 5px; display: inline-block; padding: 5px 10px; color: #fff; background: #9fa2a5; } .comment .comment-awaiting-moderation:before { content: "\f071"; font-family: 'FontAwesome', sans-serif; margin-right: 5px; } .comment .badge {font-size:10px; font-weight:500; text-transform:uppercase; background-color:transparent; color:#656c7a; padding:0 0 2px 5px;} #comments_reply .wpgdprc-checkbox input {margin-right:5px; margin-top:0;} #comments_reply .wpgdprc-checkbox input[type=checkbox] {color: #555; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; font-size: 16px; padding: 13px!important; height: auto; margin-top:-3px;} #comments_reply .wpgdprc-checkbox {padding-top:7px; margin-top:2px; border-top: 1px solid #ddd; margin-bottom:5px!important;} #comments_reply .wpgdprc-checkbox label {font-weight:bold!important; } #comments_reply .comment-form-use-gravatar, #comments_reply .comment-cookies-consent, #comments_reply .comment-cookies-consent .checkbox, #comments_reply .wpgdprc-checkbox {margin-bottom:0; line-height:15px;} #comments_reply .comment-form-use-gravatar input, #comments_reply .checkbox input {margin-right:8px; margin-top:0;} #comments_reply .comment-form-use-gravatar label, #comments_reply .checkbox label, #comments_reply .wpgdprc-checkbox label {font-size:13px; line-height:15px; font-weight:400;} #commentform .form-group input, #commentform .form-group textarea { color: #555; vertical-align: middle;background-color: #fff; border: 1px solid #ccc; font-size: 16px; padding: 13px!important; height:auto;} #commentform .form-group input:focus, #commentform .form-group textarea:focus {border-color: #66afe9!important; outline: 0!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6)!important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6)!important;} #commentform .form-control {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} #commentform input.btn {font-weight:500;} /* ARCHIVE */ .archive .archive-years {font-family: 'Roboto Slab', serif; font-weight: 400;margin:35px 0 45px; font-size: 18px;} .archive .archive-years .years {margin:0 0 25px;} .archive .archive-years a:hover, .archive .archive-years a:active {text-decoration:none;} .archive .archive-years li {padding:0;} .archive .archive-years li a:hover {border-bottom:1px solid #c52929;} .archive .archive-years .years li a {padding:5px 15px;} .archive .archive-years .month li a {padding:5px 8px;} .archive .archive-years .years li.active a, .archive .archive-years .month li.active a { color:#232323; border-bottom:1px solid #232323;} /* AUTHOR */ .author .author-bio {font-size: 20px; font-weight:300; line-height: 24px;} /* SIDEBAR */ #sidebar {background:#f4f4f4;/*padding-top:50px;*/ border-left: 2px dotted rgba(0, 0, 0, 0.1);} #sidebar .thumbnail {min-height:auto; background:#f4f4f4;} #sidebar .thumbnail a {font-size:16px; font-family: 'Roboto Slab', serif;} #sidebar .thumbnail .caption {padding: 18px 0 20px; } #sidebar .h1 {font-size: 26px; margin-bottom: 25px;} /* WIDGETS */ .widget_social_media .social li a { background:#eee; height:60px; width:60px; line-height:60px; display:inline-block; text-align:center; font-size:30px; color:#fff; margin-bottom:15px; } .widget_social_media .social li.social-fb a { background:#3b5998; } .widget_social_media .social li.social-tw a { background:#55acee; } .widget_social_media .social li.social-gplus a { background:#dd4b39; } .widget_social_media .social li.social-instagram a { background:#3f729b; } .widget_social_media .social li.social-linkedin a { background:#0077B5; } .widget_social_media .social li.social-xing a { background:#026466; } .widget_social_media .social li.social-youtube a { background:#cd201f; } .widget_social_media .social li.social-rss a { background:#f26522; } .widget_social_media .social li a:hover, .widget_social_media .social li a:focus { background: #f33;} .widget_social_media .social {margin-bottom:0;} /* * SLIDER */ .transition-timer-carousel .carousel-caption{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(4%,rgba(0,0,0,0.1)),color-stop(32%,rgba(0,0,0,0.5)),color-stop(100%,rgba(0,0,0,1)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);width:100%;left:0;right:0;bottom:0;text-align:left;padding-top:5px;padding-left:15%;padding-right:15%} .transition-timer-carousel .carousel-caption .carousel-caption-header{margin-top:10px;font-size:24px} @media (min-width: 970px) { .transition-timer-carousel .carousel-caption .carousel-caption-header{font-size:36px} } .carousel-caption {padding:15px 0;} .carousel-caption-text { text-align:center; padding-top:15px;font-family: 'Roboto Slab', serif;font-size:18px; } .transition-timer-carousel .carousel-indicators{bottom:0;margin-bottom:5px} .transition-timer-carousel .carousel-control{z-index:11} .transition-timer-carousel .transition-timer-carousel-progress-bar{height:5px;background-color:#5cb85c;width:0;margin:-5px 0 0;border:none;z-index:11;position:relative} .transition-timer-carousel .transition-timer-carousel-progress-bar.animate{-webkit-transition:width 6s linear;-moz-transition:width 6s linear;-o-transition:width 6s linear;transition:width 6s linear} .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right { display: inline-block;position: absolute; top: 50%; z-index: 5;} .carousel-inner > .item > img, .carousel-inner > .item > a > img {width:100%!important;} /* * NEW DESIGN */ body.page-template-template-newsroom #header, body.page-template-template-newsroom_pressespiegel #header, body.page-template-template-newsroom_events #header, body.page-template-template-newsroom_pressekontakt #header, body.blog #header, body.archive #header, body.single-pressemeldungen #header, body.single-media #header, body.search-results #header {background:#262626;} /* * HUBSPOT OVERLAY */ #etvModal .hubspotform-modal {z-index: 100;} #etvModal .hubspotform-modal form {max-width:500px; margin:0 auto;} #etvModal .hs-form ul.inputs-list label {font-size:13px!important; line-height: 18px!important;} #etvModal .hs_permission_marketing_hubspot ul, #etvModal .hs_permission_marketing_hubspot ul label {margin-bottom:0;} /* * MAGAZIN */ #gamechanger_logo {padding:20px; z-index: 5; position: absolute; bottom:0; left:0; right:0; height:180px; width: auto;} .single #teaserblog-mag {position: relative;} .single #teaserblog-mag a:before {display:block;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,0) 25%, rgba(0,0,0,0.90) 100%);content:''; bottom: 0;position: absolute; z-index:2;} .single #teaserblog-mag .headline {color:#fff; position:absolute; bottom:0; left:0; right:0; width:100%; padding:0 40px 15px 40px; z-index: 3;} .single #teaserblog-mag .headline .h1sub {line-height:15px; font-size:20px} .single #teaserblog-mag .sep:after {border-color: #fff;} .magazin article h1 {margin-top:0;} .magazin .mag-related .thumbnail {-webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0; padding:0;border:none; margin-bottom:0;} .magazin .mag-related .caption {padding:30px;} .magazin .mag-related .caption h2 {font-size:20px; margin-top:0;padding-top:0;} .list-socialprofiles {text-align:center;} .list-socialprofiles .social {color:#232323;margin-bottom:15px; display:block; padding:10px; background-color:rgba(255,255,255,1.0)} .list-socialprofiles .social:hover {background-color:rgba(35,35,35,1.0); color:#fff;} .magazin .author {padding:25px; margin-top:60px!important;} .magazin .author .avatar {margin-top:-60px; border:15px solid #fff;} .magazin-cat a, .magazin-cat h2, .magazin-cat .h2, .magazin-cat p, .magazin-cat a:hover {color: #fff;} .magazin-cat .mainstory .sep:after {border-color:#fff;} .magazin-cat .mainstory a, .magazin-cat .sidestory a {display:block;width:100%;height:100%;overflow:hidden; position: absolute; content:'';} .magazin-cat .mainstory a:before, .magazin-cat .sidestory a:before {display:block;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,0) 30%, rgba(0,0,0,0.9) 100%);content:''; bottom: 0;position: absolute; z-index:2;} .magazin-cat .mainstory {position: relative; min-height: 400px;} .magazin-cat .sidestory {position: relative; width: 100%; height:300px;} .magazin-cat .intro-img {width:100%; height:auto; transition-timing-function:ease; transition:all 0.3s; z-index:1;} .magazin-cat .sidestory .intro-img {height:100%; width:auto!important; margin-left:-50%;} .magazin-cat a:hover .intro-img {-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1) rotate(.02deg); transform:scale3d(1.1,1.1,1); transition-timing-function:ease; transition:all 0.3s;} .magazin-cat .intro-text {position:absolute; bottom:0; left:0; right:0; width:100%; height:auto; padding:35px; z-index:3;} .magazin-cat .sidestory .intro-text {padding:25px;} .magazin-cat .sidestory h2 {font-size:22px;} .magazin-cat .cat-sidebar h2{color:#232323;} .category-gamechanger #teaser h1 {font-size:26px;margin-bottom:25px; text-align:left;margin-left:0;} .category-gamechanger #teaser h1.sep:after {margin:0;} .subscribe-text a.btn { white-space: normal!important;} @media (min-width: 768px) and (max-width: 991px) { #gamechanger_logo {height:180px; bottom:10px;} } @media (max-width: 767px) { #gamechanger_logo {height:140px;bottom:70px;} #topbar {padding:20px 0 5px;} .single #teaserblog-mag a:before {background:transparent;} .magazin-cat .intro-img {height:100%; width:auto;} } /* * UPDATE 2019-05 */ @media (min-width: 1200px) { .blog #teaser, .category #teaser{ min-height:310px; } .blog #teaser .caption, .category #teaser .caption {margin-top: 30px;margin-bottom: 130px;} } @media (min-width: 992px) and (max-width: 1199px) { .blog #teaser, .category #teaser{ min-height:300px; } .blog #teaser .caption, .category #teaser .caption {margin-top: 60px;margin-bottom: 130px;} } @media (min-width: 768px) and (max-width: 991px) { .blog #teaser, .category #teaser{ min-height:250px; } .blog #teaser .caption, .category #teaser .caption {margin-top: 60px;margin-bottom: 130px;} } @media (max-width: 767px) { .blog #teaser, .category #teaser{ min-height:220px; } .blog #teaser .caption, .category #teaser .caption {margin-top: 60px;margin-bottom: 100px;} }