video.video-embed-item {
    width: 100%;
}
.video-embed {
    font-size: 0;
}
.video-embed {
  left: 0;
  position: relative;
  top: 0;
}
.video[data-type="external"] .video-embed {
  padding-top: 56.25%;
  overflow: hidden;
}
.bild video {     position: relative; left: 0px; top: 0px; min-height: 100%;
         min-width: 100%; z-index: 9997; 
max-width: 100%;
}
.vidoverlay {position: absolute; left: 0px; top: 0px; height: 100%; width: 100%;
           z-index: 9998; }
iframe {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
}

.bild {position: relative;left:0;top:0;width: 100%;height: 100%;}
@keyframes zeigenicht{
      0% { height:0; }
    0.1% { height:100vw; }
    99.9% { height:100vw; }
    100% { height:0; }f
}

@-webkit-keyframes zeigenicht{
      0% { height:0; }
    0.1% { height:100vw; }
    99.9% { height:100vw; }
    100% { height:0; }
}

@-webkit-keyframes swfadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
@keyframes downo {
  0% {
    transform-origin: top;
    transform: translateY(-100%);
  }
  50% {
    transform-origin: top;
    transform: translateY(0);
  }
  100% {
    transform-origin: top;
    transform: translateY(100%);
  }

}

@-webkit-keyframes downo {
  0% {
    transform-origin: top;
    transform: translateY(-100%);
  }
  50% {
    transform-origin: top;
    transform: translateY(0);
  }
  100% {
    transform-origin: top;
    transform: translateY(100%);
  }

}
@-webkit-keyframes down1 {
  0% {
    transform-origin: top;
    transform: translateY(-100%);
  }
  100% {
    transform-origin: top;
    transform: translateY(0);
  }
}
@-webkit-keyframes down2 {
  0%  {
    transform-origin: top;
    transform: translateY(0);
  }
  
  99.999% {
    transform-origin: top;
    transform: translateY(100%);
  }
  100% {
    transform-origin: top;
    transform: translateY(-100%);
  }

}
@keyframes hoverborder{
    0% { width:100%;}
  	40% { width:0; left:100%;}
    40.1% { width:0; left:0;}
    100% { width:100%; }
}

@-webkit-keyframes hoverborder{
    0% { width:100%;}
  	40% { width:0; left:100%;}
    40.1% { width:0; left:0;}
    100% { width:100%; }
}

#loader {position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:10000;
}
.loaded #loader {
    -webkit-animation: 0.1s ease 1s normal forwards 1 zeigenicht;
    animation: 0.1s ease 1s normal forwards 1 zeigenicht;
}

#abg2{background-color:#28272d;width:100%; height:100%; animation: downo 1.5s ease-in-out 1;animation-delay: 0s;animation-fill-mode: forwards;}
#bg2{background-color:#28272d;width:100%; height:100%; animation: down1 0.7s ease-in-out  0s 1;animation-fill-mode: forwards;}
.loaded #bg2{animation: down2 0.7s ease-in-out 0.1s 1;animation-fill-mode: forwards;}
.xloaded #loader {display:none;}
.altseite-wrapper{
    -webkit-animation: 2.25s ease 0s normal forwards 1 swfadein;
    animation: 2.25s ease 0s normal forwards 1 swfadein;
}
body.layout-1 {background-color:#000000;}
body.layout-1 * {color:#FFFFFF;}
.loaded #secinhalt {
  opacity:0;
    -webkit-animation: 0.7s ease 0.5s normal forwards 1 fadeInUp;
    animation: 0.7s ease 0.5s normal forwards 1 fadeInUp;
}
hr {
    border-bottom: 1px solid #1E1C24;
}
.animatedParent {overflow:hidden;}
/* #footer1, .toprow {max-width: 1620px;} */
body {font-size: 20px; font-family: 'Graphik Web', sans-serif; font-weight:400}
.overf {overflow-x: hidden; position:absolute; width: 100%;}
footer {background-color:#f3f5f6;padding: 30px 0;}
.fw400 {font-weight:400 !important;}
.lh12 {line-height:1.2;}  
.frame-type-textmedia {width:100%}
p {line-height:1.8;}
h5 {font-size:22px; font-family: 'Graphik Web'; font-weight:500;}  
.p90 {font-size:50px; font-family: 'Graphik Web'; font-weight:500;} 
.p56 {font-size:2.4rem; font-family: 'Graphik Web'; font-weight:500; line-height:1.2;}  
.p56r {font-size:2.4rem;}  
.p44r {font-size:44px;}  
.p20m {font-size:20px; font-family: 'Graphik Web'; font-weight:500;}  
.p20 {font-size:20px;}
.p14 {font-size:14px;}
.p16 {font-size:16px;}
.p20g {font-size:20px; color:#939799;}
.grau {color:#939799;}
.normalp {line-height:1.8; font-size:20px; font-weight:400;}
.t30b10 {margin: 10px 0 10px;}
.wechseltextinn {
    font-size: 90px;
    font-weight: 500;
    word-wrap: break-word;
    line-height: 1.2;
  height:200px;
}
.grid-x:not(.align-middle):not(.align-bottom) > .cell > .animated > .frame-type-textmedia .ce-textpic:first-child .p56r:first-child {margin-top:-8px;}
.grid-x:not(.align-middle):not(.align-bottom) > .cell > .animated > .frame-type-textmedia .ce-textpic:first-child .p56:first-child {margin-top:-8px;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h6, .h6 {font-weight:500;/*! letter-spacing: 0.08em; */}
.ce-headline-bordero {
    border-top: 1px solid #28272d;
    padding-top: 5px;
}
.animated .grid-container.fluid, .animated .grid-container.fluid .grid-container, .grid-padding-x > .cell.ohnpadd {padding-right:0; padding-left:0;}
.grid-container.divinhalt .grid-container.divinhalt {
    padding-left: 0;
    padding-right: 0;
}

.nav-main, div#logo, a, a::before, a img, a.mithover::before, span.mithover::before,
.border_unten::after, span.click span::before, span.allclick span::before, span.click span, span.allclick span
{transition:all 0.5s ease-in-out}
.trenner_oben::after, .trenner_oben_get::after
{transition:all 1.5s ease-in-out}
a:hover, .grau {color:#939799}
a:hover img {
    transform: scale(1.05);
}
div#logo {
    margin-top: 30px;
    margin-bottom:20px;
}
div#logo a:hover img {
transform: scale(1.0);
}

div#logo img {
    width: 150px;
}
.socialmedia img {
    height: 35px;
    width:auto;
    max-width: 26px;
}
.socialmedia .mailicon img {max-width: 33px;}
.socialmedia > div {
    float: left;
    width: auto;
    margin-right: 20px;
}

.orbit-caption {
    background-color: #1E1C24;
    position: static;
    outline: none;
}
.orbit-container {line-height:0;}
h3:not(.h1):not(.h2):not(.h4), .h3 {letter-spacing: 0.15em;font-weight: 400;text-transform: uppercase;}
.mitborder {border-bottom:1px solid #28272d;}
.border_unten {position: relative;}
.border_unten::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 15px;
    bottom: 0px;
    background: #0d0d0d;
    height: 1px;
    width: 100%;
    max-width: calc(100vw - 20px);
}
.trenner_oben_get {margin-bottom: 30px;}
.trenner_oben, .trenner_oben_get {position: relative; height: 1px;}
.trenner_oben::after, .trenner_oben_get::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 30px;
    top: 0px;
    background: #0d0d0d;
    height: 1px;
    width: 0;
    max-width: calc(100vw - 60px);
}
.trenner_oben_get::after {
    left: 0;
    width: 0;
    max-width: 100%;
}

.trenner_oben.go::after, .trenner_oben_get.go::after {
    width: 100%;

}
.cell.bildrechts {
    padding-right: 0;
    width: calc(100% + 15px);
}
.ce-outer, .ce-inner, .ce-row, .ce-column, .ce-gallery figure {width:100%;}
.b_t_u {
    margin-bottom: 80px;
}
.cell:last-child .b_t_u {
    margin-bottom: 40px;
}
.b_t_u .text {
    margin: 10px 0 10px;
}

.b_t_u .uberschrift {
    margin-top: 20px;
}

span.floatbreit {
    font-size: 14px;
    margin-right: 15px;
    letter-spacing: 0.15em;
    float: left;
}

.uberschrift h3 {
    font-size: 26px;
    letter-spacing: 0 !important;
    line-height:1.2 !important;
    font-weight: 500 !important;
    text-transform: none !important;
}
a.bildlink {position:relative; overflow:hidden; display: block;}
a.bildlink.vid {position:initial;}
a.mithover, span.mithover {position:relative;display: inline-block;}
span.mithover {cursor: pointer;}
a.mithover::before, span.mithover::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0px;
    background: #0d0d0d;
    height: 1px;
    width: 100%;
    }

a.mithover::before, span.mithover::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0%;
    bottom: 0px;
    background: #939799;
    height: 1px;
    width: 100%;
    opacity: 1;
    }

a.xmithover:hover::before {
    background: #939799;
    /* width: 100%; */
    /* left: 0px; */
    opacity: 1;
    }
a.mithover:hover::before, span.mithover:hover::before {
 -webkit-animation: 1s ease 0s normal forwards 1 hoverborder;
  animation: 1s ease 0s normal forwards 1 hoverborder;

}


.uberschrift {
    display: inline-block;
}
.flex-container.flex-dir-column.align-justify {height:100%;}
.lazyload-image {width:100%;}
.random {display:none;}
#random0, #random1, #random2, #random3, #random4, #random5, #random6, #random7 {display: block;text-align: center;}
div.random  {
    margin-bottom: 80px;
}
#random6, #random7 {margin-bottom: 0px;}
div.xrandom img {
    max-width: 100px;
    max-height: 60px;  
}
.mitborderu {
    border-bottom: 1px solid #28272d;
}
.cflex {display:flex;}
.kategorien .allclick {
    width: 8.333333333%;
    padding:20px 20px 20px 0px;
}
.kategorien .cell .click {
    padding:20px 10px 20px 0px;
}
.kategorien .allclick, .kategorien .cell .click {
    text-align: left;
    cursor:pointer;
    font-size: 16px;
}
span.click span, span.allclick span {
position:relative;
}
span.click span::before, span.allclick span::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0%;
    bottom: 0px;
    background: #939799;
    height: 1px;
    width: 0;
    opacity: 1;
}
span.click:hover span, span.allclick:hover span, span.click.clicked span, span.allclick.clicked span {
  color:#939799;
}
span.click:hover span::before, span.allclick:hover span::before, span.click.clicked span::before, span.allclick.clicked span::before {
  width:100%;
}
.zweispalt .cell {
    margin-top: 25px;
  padding-right:0.9375rem;
}
.zweispalt .cell.hasimg {
    margin-top: 25px;
}
.zweispalt .cell:first-child, .zweispalt .cell.hasimg:first-child {
    margin-top: 0;
  
}
a.button {
    background-color: #28272d;
    color: #FFFFFF;
    padding: 5px 10px;
}
a.unterstr, #startgame, #restartgame {text-decoration:underline; cursor:pointer;}
#startgame:hover, #restartgame:hover {color:#939799;}
#popup {display:none;}
#page-1.zeig {max-height:100vh;
overflow:hidden;}

#page-1.zeig div#popup {
    position: absolute;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255,255,255,0.7);
  background-color: rgba(0,0,0,0.7);
    text-align: center;
    top: 0;
    padding: 5vh;
}
#page-1.zeig div#popup div{margin:auto;width: auto;}
#page-1.zeig div#popup div img {max-height: 90vh;display: inline-block;width: auto;}
@media (orientation: portrait) {
  #page-1.zeig div#popup {padding-top:10vh}
}
@media only screen and (min-width: 640px) {
  
.wechseltextinn {height:auto;}  
.uberschrift h3 {
    font-size: 30px;
}

.t30b10 {margin:20px 0 10px;}  
.zweispalt .cell.medium-12 {
    margin-top: 0;
}
.zweispalt .cell.medium-6, .zweispalt .cell.medium-6.hasimg {
    margin-top: 0;
}

.kategorien .cell .click {
    padding:20px 10px 20px 10px;
}
  
div.xrandom img {
    max-width: 200px;
    max-height: 120px;  
}
  
div.random  {
    margin-bottom: 125px;
}
  
#random6, #random7  {margin-bottom: 0px;}
.border_unten::after {
    left:35px;
    max-width: calc(100% - 70px);
 }
.trenner_oben::after{
/*    left:35px;
    max-width: calc(100% - 70px);*/
 }
}
@media only screen and (min-width: 768px) {
div#logo img {
    width: 200px;
}


}

@media only screen and (min-width: 1024px) {
.zweispalt .cell, .cell.hasvideo {
  padding-right:16px;
}
  
.max50  {padding-right:50% !important;}
h5 {font-size:22px; font-family: 'Graphik Web'; font-weight:500;}  
.p90 {font-size:90px;}  
.p56 {font-size:56px;}  
.p56r {font-size:56px;}  
.grid-x:not(.align-middle):not(.align-bottom) > .cell > .animated > .frame-type-textmedia .ce-textpic:first-child .p56r:first-child {margin-top:-10px;}
.grid-x:not(.align-middle):not(.align-bottom) > .cell > .animated > .frame-type-textmedia .ce-textpic:first-child .p56:first-child {margin-top:-10px;}

.p44r {font-size:44px;}  
.p20m {font-size:20px; font-family: 'Graphik Web'; font-weight:500;}  
.p20 {font-size:20px;}
.p20g {font-size:20px; color:#939799;}
.grau {color:#939799;}
.t30b20 {margin:30px 0 20px;}
.p09 {font-size:0.9rem;}
#spalte2 *, #spalte3 *, .p09 {font-weight:400;}
.max4 {font-size:4rem; line-height:1.5;}  
.wechseltextinn {
    font-size: 90px;
    font-weight: 500;
}
.socialmedia img {
    /* width: 45px; */
}
div#logo {
    margin-top: 40px;
}
  
.socialmedia > div {
    margin-right: 40px;
}
  
#random4, #random5 { margin-bottom: 0;}  
.bildrechts img.image-embed-item {
    width: 100%;
      background: grey;
}    
.cell.bildrechts {
    padding-right: 0;
    width: calc(100% + 35px);
}
.b_t_u .text {
    margin: 20px 0 10px;
}
.uberschrift h3 {
    font-size: 44px;
    line-height:1.5;
}

}
@media only screen and (min-width: 1440px) {
.border_unten::after {
    left: calc(50vw - 695px);
    max-width: 1370px;
	}
.trenner_oben::after {
    left: calc(50vw - 695px);
    max-width: 1370px;
	}
}

@media only screen and (min-width: 1455px) {
.cell.bildrechts {
    padding-right: 0;
    width: calc(50vw + 720px);
}
  
}
@media only screen and (max-width: 639px) {
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {margin-bottom:0;}
.flex-dir-column.align-justify .inh {margin-top:25px;}
.hasimg .flex-dir-column.align-justify .inh {margin-top:25px;}
.flex-dir-column.align-justify .inh:first-child {margin-top:0;}  
.flex-dir-column.align-justify .socialmedia .inh:first-child {margin-top: 25px;}  
.b_t_u .uberschrift {
    margin-top: 10px;
}
.b_t_u {
    margin-bottom: 60px;
}
  .small24 {font-size:24px;}
.iconsmall img {max-width:150px;}  
}
@media only screen and (max-width: 1023px) {
  footer h2, footer .h2 {font-weight: 400; font-size: 0.9rem; }
  h4, .h4 {line-height: 1.2;}

  
}