@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

a, #sidebar .text {    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
h1, h2, h3 {color:#b9144d !important;}
div#sidebar {
    position: absolute;
    top: 80px;
    right: 0;
    z-index: 1000;
    /* display:none; */
}
#sidebar .ausloeser:hover {
    background-color: transparent;
}
#sidebar .ausloeser {
    padding-left: 10px;
    position: relative;
}
#sidebar .ausloeser:hover .text {
    opacity: 1;
    top: 0;
}
#sidebar .text {
    width: 220px;
    overflow: hidden;
    background-color: #7AA7C3;
    text-align: center;
    padding: 3px 10px;
    position: absolute;
    top: 0;
    right: 45px;
    text-align: left;
    opacity: 0;
    color: #FFFFFF;
    transition: all 0.5s;
}


#sidebar .text p, #sidebar .text p a , #sidebar .text *  {
    color: #FFFFFF;
    margin-bottom:0;
}


#sidebar .img {
    position: absolute;
    top: 0;
    width: 40px;
    z-index:10000;
    right: 0;
    height: 30px;
    z-index: 10000;
}

.sidebar {
    margin-top: 5px;
}
div.grid-container.fluid {
    padding-top: 25px;
    padding-bottom: 25px;
}
div.grid-container.fluid.paddtop0 {
    padding-top: 0;
}

div.grid-container.fluid.paddtop50 {
    padding-top: 35px;
}
div.grid-container.fluid.paddbott0 {
    padding-bottom: 0;
}
div.grid-container.fluid.paddbott50 {
    padding-bottom: 35px;
}
.grid-container.paddless.mitborder {
    padding: 0;
    border: 1px solid #575757;
}
div#gridtop {
    padding-bottom: 0;
    padding-top: 10px;
}
.hg_grau {
    background-color: #DADADA;
}

.hg_grau * {
    color: #575757;
}


figcaption.orbit-caption {
    position: static;
    width: auto;
    bottom: 10%;
    background-color: #DADADA;
  padding:0px 20px 0px 20px;
}
figcaption.orbit-caption h3 {margin-bottom:0; font-size:30px;}

.orbit-bullets {
    margin-bottom: 0;
    position: absolute;
    bottom: 5px;
    width: 100%;
}
.orbit-bullets button {
    background-color: transparent;
    border: 1px solid #FFFFFF;
    }
.orbit-bullets button.is-active {
    background-color: #FFFFFF;
    }
div#logo {
    margin: 7px 0;
}
#logo .ce-intext.ce-right .ce-gallery, #logo  .ce-intext.ce-left .ce-gallery, #logo  .ce-above .ce-gallery {margin-bottom:0;}
div.grid-container.fluid.bildtext {padding-top:0; padding-bottom:0;}
div.grid-container.fluid.bildtext:nth-child(odd) {background-color: #DADADA;}
  .bildtext .cell.large-5 {
    padding:15px 10px 15px 10px;
}
.cell.large-7 {
    padding-left: 0;
    padding-right: 0;
}

a.teaser {
    background: #b9144d;
    position:relative;
    padding: 5px 20px 5px 20px;
    display: block;
  text-align:center;
  color:#FFFFFF;
}
a.teaser::after {
    content:" ";
    width:20px;
    height:20px;
    display:block;
    background:url(/fileadmin/user_upload/basic/pfeil-erfahren-sie-mehr.png) no-repeat center right;
    position: absolute;
    top: 6px;
    right: 10px;
}


.posrel {position:relative;}
.quick_b {
    padding: 0 0 50px 0;
    height: 100%;
}
.quick_b {
    display: flex;
    flex-direction: column;
}

.quick_b .flex-container.flex-dir-column {
    height: 100%;
}
.hggrau {
    background-color: #f0f0f0;
}
.frame-type-textmedia header {margin-top: 15px;}
a.buttonblau {
    color: #929a96;
    border: 1px solid #929a96;
    position: relative;
    padding: 6px 25px;
    display: inline-block;
    z-index: 1;
    font-size: 16px;
    font-weight: normal;
	transition: all 0.5s ease-in-out;
}
a.buttonblau::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #b9144d;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
a.buttonblau:hover {
    color: #FFFFFF;
}
a.buttonblau:hover::before  {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.quick_b h3 {
    color: #b9144d;
    margin-bottom: 5px;
}
.quick_b a {
    color: #FFFFFF;
    font-size: 20px;
  	padding:3px 5px;
}

.quick_b  .text {
    background-color: #DADADA;
    color:#575757;
    padding: 15px 15px 5px;
    height: calc(100% - 36px);
}
.quick_b .margintop {
    margin-top: 15px;
}
.quick_b .margintop a.teaser{
    max-width: 100%;
}

footer {
    background-color: #7AA7C3;
  margin-top:5px;
}
div#footer {padding-top: 0;border-top: 1px solid #FFFFFF;}
div#footer * {color:#FFFFFF;}
div#footer p, div#footer a {font-size:10px;}
.teaser-caption .umschl {
    width: 100%;
    height: 100%;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
}
div#footer div#spalte4 {
    align-items: flex-end;
    display: flex;
}
.teaser-caption .umschl.hg_gruen * {color:#575757;}
.hg_gruen, .teaser-caption .umschl.hg_gruen {background-color:rgba(150,210,40,0.8)}
.hg_gruen h2 {color:#e30917 !important;} 
.hg_rot, .teaser-caption .umschl.hg_rot {background-color:rgba(227,9,23,0.8)}
.hg_violett, .teaser-caption .umschl.hg_violett {background-color:rgba(147,9,227,0.8)}
.cell.nopadd {
    padding: 0;
}
.nopadd header{
    padding-left: 10px;
}

.punten25 .grid-container .grid-container .cell.flex-container {margin-bottom:25px;}
.poben25 .grid-container .grid-container .cell.flex-container {margin-top:25px;}

.grid-padding-x.listarticle {
    margin-top: 25px;
    border-bottom: 1px solid #DADADA;
    padding-bottom: 25px;
}
.grid-padding-x.listarticle:last-child {
    border-bottom: none;
}
.news-backlink-wrap a {margin-top:25px;}  
div.linie {
    background: radial-gradient(ellipse at 50% -50% , #e0dede 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-radial-gradient(ellipse at 50% -50% , #e0dede 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -moz-radial-gradient(ellipse at 50% -50% , #e0dede 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-radial-gradient(ellipse at 50% -50% , #e0dede 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    height: 3px;
    margin-bottom: 20px;
}
.grid-padding-x .grid-padding-x.masonry-grid {
    margin-right: 0;
    margin-left: 0;
    }
.grid-padding-x.masonry-grid > .cell {
    padding-right: 0;
    padding-left: 0;
  margin-bottom:10px;
}
.grid-2, .grid-4 {
    width: 100%;
}

a.big img {transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;}
a.big:hover img {transform: scale(1.05);}
    
@media screen and (min-width: 640px) {
.masonry-grid .grid-4, 
.masonry-grid .grid-2 {
    width: calc(50% - 10px);
}  
figcaption.orbit-caption {
  position: absolute;
}  
div.grid-container.fluid.paddtop50 {
    padding-top: 50px;
}
div.grid-container.fluid.paddbott50 {
    padding-bottom: 50px;
}
  
.referenz_b {
    margin-bottom: 30px;
}
  .news-img-wrap {
    margin-bottom: 0;
}
}
@media screen and (min-width: 768px) {
.news .bildtext:nth-child(odd) .grid-x .large-7 {
    order: 2;
}  
.news .bildtext:nth-child(odd) .grid-x .large-5 {
    order: 1;
}  
a.teaser {
  max-width:240px;
}

}
@media screen and (min-width: 940px) {
.teaser-caption {
    position: absolute;
    bottom: 0;
    width: 50%;
    margin-bottom: 0;
    padding: 15px 15px 15px 10px;
  right: 0;
  height: 100%;
}
  
.quick_b, .icon_l {padding: 0;} 
}

@media screen and (min-width: 980px) {
.masonry-grid .grid-4, 
.masonry-grid .grid-2 {
    width: calc(33% - 10px);
}
  .bildtext .cell.large-5 {
    padding:25px 10px 25px 35px;
}

figcaption.orbit-caption {
  padding:0px 20px 0px 100px;
}
figcaption.orbit-caption h3 {font-size:36px;}

figcaption.orbit-caption {
  left:calc(50% - 490px);
}
  .mediaelement.mediaelement-image {
    float: left;
    margin-right:20px;
}

.news-backlink-wrap::after, .news-backlink-wrap::before {content: " ";display: table; clear: both;}

}
@media screen and (max-width: 639px) {
figcaption.orbit-caption {
    padding: 0px 20px 0px 20px;
}  
figcaption.orbit-caption h3 {margin-bottom:0;font-size: 1.5rem;}
.orbit-bullets {display:none;}
}