/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== 

figure.itemImage, figcaption.itemImage {
    margin: 15px 0 15px;
}
figcaption.itemImage {
    max-width: 450px;
    display: block;
    margin: 0 0 8px;
    text-align: center;
}

div.itemImageBlock {
    padding: 8px 0;
    margin: 0 0 16px 0;
}*/

/*#bfQuickModeSection41289, #bfElemWrap279 {
    float: left;
}*/

	

/*JUX Portfolio*/

.juxp-filters li a {
  background-color: #656565 !important;
  color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;
text-transform: uppercase; 
letter-spacing: 0.1em;
   word-spacing: 0.5em;
padding-top: 5px !important;
padding-right: 5px !important;
padding-bottom: 1px !important;
padding-left: 5px !important;
}

.juxp-filters li a.active {
  background-color: #e7b405 !important;
  color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;}
  
    
 .juxp-filters li a:hover {
  background-color: #e7b405 !important;
     border: 2px solid rgba(0, 0, 0, 0.3);
  color: #fff;
  background: #96003A;
}

.hover-2 .juxp-icon .juxp-link .cg_portfolio{
  right: 20% !important;
  position: relative;
  height: 32px;
  width: 132px !important;
  border-radius: 20px;
  display: inline-block;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.hover-2 .juxp-icon {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
background: #656565;
  opacity: 0.8;
}

.hover-2 .jux-icon2 span {
    color:#ffffff;
    text-transform: uppercase;
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans' !important;
    }
body {
  font-family: 'Open Sans' !important;
}

p.ohneunten {
    margin: 0 0 0px;
}
h3.referenzen{
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 0 0 !important;
}

figure.itemImage {
    margin: 45px 0 15px;
}
figcaption {
  display: block; margin-left: auto; margin-right: auto;max-width: 440px;
}

.hintergrund_footer {

background: #7e7e7e linear-gradient(to top, #fff, #7e7e7e) repeat scroll 0 0 !important;}

.footer-a-outer{
-moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background: #7e7e7e linear-gradient(to top, #fff, #7e7e7e) repeat scroll 0 0  !important;
}


div.trenner_oben {
-moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background: #e2e2e2 linear-gradient(to top, #fff, #e2e2e2) repeat scroll 0 0  !important;
}

.top-logo {margin-top: 5px;}
.top-kontakt {margin-right: 0px;margin-left:0px;font-size: 15px; float:right}
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
margin-top: 18px;
padding: 0 0 0 0;}

input.uk-search-field {width: 193px;}

.uk-search-field:focus, .uk-search.uk-active .uk-search-field {
    width: 193px;
}

.uk-navbar-toggle:before{
    content: "Menu";
    display: table;
}

.menu-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    float: none;
}

a.link-zurueck {color: #e7b405 !important;}

.link-rechts {float: right;padding: 4px;
background-image: url("../../../images/portfolio/bg_dunkel.png");
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  box-sizing: border-box;}

.kontaktdaten {color:#ffffff !important;}
p.kontaktdaten {font-size: 22px;}

h1.headerbar{text-align:center;padding-bottom: 20px;}
h1.ueber-beschreibung {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 45px;
  color: #666;
  margin-top: 25px;
    font-weight: 300;
}

h3.ueber-zwei {
  font-size: 30px;
  line-height: 25px;
  margin-top: 15px;
    text-transform: uppercase;
}

h4, h5 {font-weight: 600;margin-bottom:4px;}

h2.h2start{
font-size: 13px;
display:inline;
margin: 0;
font-family: "Open Sans";
font-weight: normal;
margin: 0 0 15px;
text-transform: none;
line-height: 20px;
}

h2.article {
     color: #e7b405;
    font-size: 18px;
    font-weight: 600;
	margin: 0;
    line-height: 38px !important;
    text-transform: uppercase;
    text-rendering: optimizelegibility;
}

h2.seo {
    font-size: 18px !important;
   text-align: center !important;
}
/* Beschreibungssseiten */
.top-bildergalerie img {
    max-width: 196px;
    float: right;
}

li.beschreibung {
    line-height: 20px;
margin-top: 5px;
max-width: 600px;
}

ul.beschreibung {
margin-top: 0px;
}
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 0px;
}
.tm-content {
    padding-top: 0;
}

div.sidebar_kontakt h4{
    font-size: 18px;
    font-weight: 300;
}

.top-kontakt a, .uk-link {
    color: #e7b405;
    cursor: text;
    text-decoration: none;
}

a.cg-link {color: #e7b405;font-weight: normal;}
 
.float-kontakt {float:left;min-width:520px;}
.text-kontakt {float:right;padding-top:25px;padding-right:50px;}
.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    float: left;
}


/* Kategorie gelb, weiße Schrift
.sprocket-mosaic-g-filter li.active, .sprocket-mosaic-g-order li.active {
    background: #151515 none repeat scroll 0 0;
    color: #fff;
}

.sprocket-mosaic-g-filter li, .sprocket-mosaic-g-order li {
    background: #e7b405 none repeat scroll 0 0;
    color: #fff;
}*/

.all {
font-weight: 600;
}

.sprocket-mosaic-item {
    margin: 8px;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0.3) ;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
	}

.sprocket-mosaic-filter li.active, .sprocket-mosaic-order li.active, .sprocket-mosaic-order li.active:hover, .sprocket-mosaic-filter li.active:hover{
    /*background: #e7b405 none repeat scroll 0 0;*/
    background-image: url("../../../images/portfolio/bg_dunkel.png");
    color: #e7b405;
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    box-sizing: border-box;
}

.sprocket-mosaic-filter li:hover, .sprocket-mosaic-order li:hover {
    /*background: #e7b405 none repeat scroll 0 0;*/
    background-image: url("../../../images/portfolio/bg_hell.png");
    color: #ffffff;
}

.sprocket-mosaic-filter li, .sprocket-mosaic-order li {
     background-image: url("../../../images/portfolio/bg_dunkel.png");
    color: #ffffff;
    /*background: #000 none repeat scroll 0 0;
    color: #e7b405;*/
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    box-sizing: border-box;
}

.spielemenue {
  display: flex;
  align-items: center;
}

.spielemenue > .top-b-position > .flex-column {
    
      flex-direction: row !important;

}

/*.uk-nav, .uk-nav li
{margin-right: 20px;
margin-left:10px;
float: left;}*/

/*.item-441, .item-443, .item-444, .item-1295*/

div.hidden-phone ul.nav li
{margin-right: 20px;
margin-left: 10px;
float: left;}

div ul.nav li.current a span.nav-title::after {
  display: none;
}

.astroid-nav .nav-link, .astroid-sidebar-menu .nav-link {
  color: #444;
}

div ul.nav li a:hover {text-decoration: underline !important;}

div ul.nav li a {
  background: none repeat scroll 0 0;
  color: #444;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 18px;
  border-bottom: 0px solid rgba(230, 178, 7, 0.5);
  padding: 0px 15px;
}

.moduletable .nav li a {
  background: none repeat scroll 0 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 18px;
  border-bottom: 0px solid rgba(230, 178, 7, 0.5);
  padding: 0px 15px;
}

.moduletable .nav li.current a {
  background: none repeat scroll 0 0;
  color: #e7b405;
  text-transform: uppercase;
  font-size: 18px;
  border-bottom: 0px solid rgba(230, 178, 7, 0.5);
  padding: 0px 15px;
  font-weight: 400;
}

.sprocket-mosaic-header ul {
    font-size: 18px;
}
.header-article{
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 12px;
}

/*.hauptcontainer
{
    padding-left: 15%;
    margin-top: -40px;
}
.headerbar-container
{
    padding-left: 13.3%;
    margin-top: 30px;
}*/
h2.ueber-beschreibung {
font-size: 40px;
text-transform: uppercase;
font-weight: bold;
line-height: 45px;
color: #666666;
margin-top: 25px;
}
h2.ueber-zwei{
font-size: 30px;
line-height: 25px;
margin-top: 15px;
}
img.drucker {
float:right;
margin-bottom: 12px;
margin-top: -4px;
}

h1.ueber-beschreibung {
font-size: 40px;
text-transform: uppercase;
font-weight: bold;
line-height: 45px;
color: #666666;
margin-top: 5px;
}
h3.ueber-zwei{
font-size: 30px;
line-height: 25px;
margin-top: 15px;
}

.h1-seo {
  color: #666666 !important;
line-height: 18px !important;
    font-size: 12px !important;
}

/*.uk-width-medium-4-5, .uk-width-medium-8-10 {
    width: 70%;
}*/

/*.bildergalerie {
display: flex;
justify-content: center;
align-items: center;
}*/

/* auskommentiert weil sonst nicht responsive .bildergalerie, .centervideo {
margin-left: auto;
  margin-right: auto;
    width: 900px;
}*/

.centervideo {
margin-left: auto;
  margin-right: auto;
    width: 900px;
}


.rg-ss-thumb-list, #main .rg-ss-thumb-list { /*soll Cache-Probleme der Bildergalerie beheben. Nach neuer JS-Version wieder zurückzunehmen */
    width: 2180px !important;
}



.video {
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    margin-bottom: 12px;
    width: 100%;
    max-width: 520px;
    position: relative;
}
.video-adivi {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 12px;
    width: 100%;
    max-width: 520px;
    position: relative;
}

iframe.video {
    height: 266px;
    width: 520px;
}
p.bild {
    font-size: 16px;
}

section.tm-top-b {
    margin-top: 10px;
    margin-bottom: 15px;
    
}
/*------ Anpassung für zentrierte Kategorien */
.sprocket-mosaic-filter li
{
    line-height: normal;
    float: left;
    position: relative;
    right: 50%;
}

    .sprocket-mosaic-content-container {
        pointer-events: none;
    }
   
div.sprocket-mosaic li[class*="AA-Graffiti"] {
        font-size: 0;
    }
div.sprocket-mosaic .sprocket-mosaic-header li[class*="AA-Graffiti"]::before, div.sprocket-mosaic .sprocket-mosaic-tags li[class*="AA-Graffiti"]::before 
    {
    content: "Graffiti";
    font-size: 18px;
    }
div.sprocket-mosaic li[class*="BB-Sport"] {
        font-size: 0;
    }
div.sprocket-mosaic .sprocket-mosaic-header li[class*="BB-Sport"]::before, div.sprocket-mosaic .sprocket-mosaic-tags li[class*="BB-Sport"]::before 
    {
    content: "Sport";
    font-size: 18px;
    }
   
div.sprocket-mosaic li[class*="CC-Einzelspiele"] {
        font-size: 0;
    }
div.sprocket-mosaic .sprocket-mosaic-header li[class*="CC-Einzelspiele"]::before, div.sprocket-mosaic .sprocket-mosaic-tags li[class*="CC-Einzelspiele"]::before 
    {
    content: "Einzelspiele";
        font-size: 18px;
}
div.sprocket-mosaic li[class*="DD-Gruppenspiele"] {
        font-size: 0;
    }
div.sprocket-mosaic .sprocket-mosaic-header li[class*="DD-Gruppenspiele"]::before, div.sprocket-mosaic .sprocket-mosaic-tags li[class*="DD-Gruppenspiele"]::before 
    {
    content: "Gruppenspiele";
    font-size: 18px;
    }
div.sprocket-mosaic li[class*="EE-Gewinnspiele"]{
        font-size: 0;
    }
div.sprocket-mosaic .sprocket-mosaic-header li[class*="EE-Gewinnspiele"]::before, div.sprocket-mosaic .sprocket-mosaic-tags li[class*="EE-Gewinnspiele"]::before 
    {
    content: "Gewinnspiele";
    font-size: 18px;
    }
div.sprocket-mosaic li[class*="FF-Sonstiges"]{
        font-size: 0;
    }
div.sprocket-mosaic .sprocket-mosaic-header li[class*="FF-Sonstiges"]::before, div.sprocket-mosaic .sprocket-mosaic-tags li[class*="FF-Sonstiges"]::before 
    {
    content: "Sonstiges";
    font-size: 18px;
    }

div.sprocket-mosaic li[class*="11-Mobil"]{
        font-size: 0;
    }
div.sprocket-mosaic .sprocket-mosaic-header li[class*="11-Mobil"]::before, div.sprocket-mosaic .sprocket-mosaic-tags li[class*="11-Mobil"]::before 
    {
    content: "Mobil";
    font-size: 18px;
    }

#main .sprocket-mosaic .sprocket-mosaic-order ul li, .sprocket-mosaic .sprocket-mosaic-order li, #main .sprocket-mosaic .sprocket-mosaic-filter ul li, .sprocket-mosaic .sprocket-mosaic-filter li {
    margin: 3px;
}
.sprocket-mosaic-filter {
    float: left;
    position: relative;
    left: 50%;
margin-bottom: 14px;}

/*------Ende zentr. Kat. --------*/

.tm-top-c{margin-top: 40px;}
.tp-caption.corporate02, .corporate02 {
  font-family: „open sans“ !important;}

.sprocket-mosaic-title-container {
background-image: url("../../../images/portfolio/bg_dunkel.png");
}

.sprocket-mosaic-hover {
background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
}

a, .uk-link {
    color: #fff;
    font-weight: 600;
}

a.mail {
color: #e7b405;
}
.sprocket-mosaic-item .sprocket-mosaic-title, .sprocket-mosaic-item .sprocket-mosaic-info{
    text-transform: uppercase;
    font-size: 18px;
}

.sprocket-mosaic .sprocket-mosaic-tags, #main .sprocket-mosaic ul.sprocket-mosaic-tags {
    display: none; 
}

.tm-toolbar {
    margin-bottom: 0px;
    margin-top: 0;
}

.tm-navbar {
    margin-top: 5px;
    margin-bottom: 15px;
}

.headerbar {
    margin-bottom: 0;
    margin-top: 0;
}
.uk-container-center {
    padding-top: 15px;
    margin-bottom: 15px;
}

.uk-nav-side > li.uk-active > a {
    background: none repeat scroll 0 0;
    color: #e7b405;
    text-transform: uppercase;
    font-size: 18px;
    border-bottom: 0px solid rgba(230, 178, 7, 0.5);
        padding: 1px 6px;
		font-weight: 600;
}
.uk-nav-side > li > a {
     background: none repeat scroll 0 0;
    color: #ffffff;
    text-transform: uppercase;
	font-weight: normal;
    font-size: 18px;
    border-bottom: 0px solid rgba(230, 178, 7, 0.5);
        padding: 1px 6px;
}

.uk-nav-side > li:hover > a {
    /*background: #e7b405 none repeat scroll 0 0;*/
    background-image: url("../../../images/portfolio/bg_hell.png");
    color: #ffffff;
}

/* blendet Trennlinie oberhalb Menü „zurück zur Startseite“ aus */
hr.style-one { 
    display:none;
}

.footer-a-outer{
    padding-bottom: 25px;
    padding-top: 25px;
}
.footer-a-outer p {
    vertical-align: middle;
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
.hauptcontainer
{
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -90px;
}
    }

@media print
{
    a[href]:after{
        content:"";
    }
    .footer-lr-outer, .footer-a-outer {
        margin: 0;
        padding: 0;
    }
    .uk-width-medium-1-2, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10 {
        width: 60%;}
        .uk-width-medium-1-4 {
    width: 20%;

}
}

@media (max-width: 767px) {
  html {
        font:15px/1.9 "Open Sans";
    }
    ul.beschreibung > li
    {line-height: 26px;}

    .sige_caption_title {display: none;}

}