@charset "utf-8";
 * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.3;
}
html, body {
height: 100%;
padding: 0px;
margin: 0px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=1); line-height: 130%;
font-family: arial;
}
a {
color: #EBEBEB;
}
body {
padding: 0;
margin: 0;
background-size: 100% auto;
}
.screen-reader-text{
display: none;
}
#content {
overflow-x: hidden;
}
section {
position: relative;
top: 0px;
}
.section-content {
position: relative;
z-index: 1;
padding-left: 60px;
padding-right: 60px;
}
.titlecontent.c1500{
max-width: 1500px;
}
.titlecontent.c1400{
max-width: 1400px;
}
.titlecontent.c1300{
max-width: 1300px;
}
.titlecontent.c1200{
max-width: 1200px;
}
.titlecontent.c1000{
max-width: 1000px;
}
.ueberschrift-box h1, .ueberschrift-box h2, .ueberschrift-box h3, .ueberschrift-box h4, .ueberschrift-box h5, .ueberschrift-box h6 {
margin-bottom: 0px;
margin-top: 0px;
z-index: 1;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
padding: 0px;
margin-bottom: 20px;
margin-top: 0px;
display: block;
line-height: 100%;
}
blockquote {
margin: 0px;
}
.titel {
display: block;
}
.produkttitel {
display: block;
}
a {
text-decoration: none;
color: #0A4782;
}
p:last-child {
margin-bottom: 0px;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
hr {
border: none;
margin: 0px;
padding: 0px;
}
p {
margin-top: 0;
padding-top: 0px;
}
ul {
margin-bottom: 0;
}
ul li {
list-style: none;
}
.float-right {
float: right !important;
}
html {
padding: 0;
margin: 0;
}
ul, ul li {
margin: 0;
padding: 0;
}
.image {
position: relative;
}
img {
width: 100%;
height: auto;
display: block;
}
#socialmedia-box {
display: flex;
flex-wrap: wrap;
top: 13px;
}
#socialmedia-box .item {
width: 35px;
height: 35px;
margin-left: 5px;
margin-right: 5px;
position: relative;
}
#socialmedia-box svg{
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
#headertext {
top: 13px;
line-height: 100%;
overflow: hidden;
height: 32px;
display: flex;
flex-wrap:wrap;
flex-direction: column;
justify-content: center;
} #logomobil{
display: none;
}
.parallax-window {
background: transparent;
}
.header-logo-right #headertext {
text-align: left;
}
.header-logo-right .headertext-and-social-media-buttons{
left: 0px;
}
.header-logo-right .headertext-and-social-media-buttons{
flex-direction: row-reverse;
justify-content: flex-end;
}
.header-logo-right #socialmedia-box{
margin-right: 10px;
}
.header-logo-left #headertext {
text-align: right;
}
.header-logo-left #socialmedia-box{
margin-left: 10px;
}
.header-logo-middle #headertext {
text-align: center;
}
.header-logo-left .headertext-content{
display: block;
}
.header-logo-right .headertext-content{
display: block;
}
.header-logo-middle .headertext-content{
display: block;
padding-right: 20px;
}
.text-content{
display: block;
width: 100%;
}
@media (min-width: 1200px) { .header-logo-left #logo, 
.header-logo-right #logo {
height: 100%;
display: block;
position: absolute;
padding: 10px;
}
.header-logo-left #logo{
left: 20px;
}
.header-logo-left #logo img, 
.header-logo-right #logo img {
width: 100%;
height: 100%;
position: absolute;
object-fit: contain;
object-position: left center;
top: 50%;
transform: translateY(-50%);
left: 0px;
padding: 10px 0px;
}
.header-logo-left #socialmedia-box {
right: 0px;
}
.header-logo-left .headertext-and-social-media-buttons{
right: 20px;
}
.header-logo-right .headertext-and-social-media-buttons{
left: 20px;
} .header-logo-right #logo {
left: auto;
right: 20px;
}
.header-logo-right #logo img {
object-position: right;
}
.header-logo-right #logo {
right: 20px;
}
.header-logo-right #logo img {
object-position: right;
}
.header-logo-right #primary-navigation {
left: 0px;
}
.header-logo-right #headertext {
text-align: left;
} #masthead.header-logo-middle {
height: auto;
}
#masthead.header-logo-middle .header-content {
height: auto;
display: flex;
flex-direction: column;
}
.header-logo-middle #logo {
display: block;
position: relative;
margin: auto auto;
margin-bottom: 20px;
margin-top: 10px;
}
.header-logo-middle #logo img {
display: block;
width: 100%;
position: relative;
}
.header-logo-middle #socialmedia-box {
left: 0px;
right: 0px;
justify-content: center;
position: relative;
top: 0;
margin-bottom: 5px;
order: -1;
margin-top: 20px;
}
.header-logo-middle #headertext {
display: block;
margin: auto auto;
width: 100%;
position: relative;
}
.header-logo-middle #primary-navigation {
max-width: 100%;
width: 100%;
left: 0px;
position: relative;
}
.header-logo-middle #primary-navigation .menu-mainmenu-container {
display: block;
}
.header-logo-middle #primary-navigation ul {
justify-content: center;
}
} .left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.more-white {
text-align: center;
display: block;
}
.flex-wrap {
display: flex;
flex-wrap: wrap;
}
.shadow-line {
border: none;
height: 20px;
width: 90%;
height: 50px;
margin-top: 80px;
border-bottom: 1px solid #1f1209;
box-shadow: 0 20px 20px -20px #333;
}
.columns1 {
width: 100%;
}
.columns2 {
width: 50%;
}
.columns3 {
width: 33.33%;
}
.columns4 {
width: 25%;
}
.columns5 {
width: 20%;
}
.columns6 {
width: 16.66%;
}
.titlecontent{
margin: auto auto;
position: relative;
}
.content {
margin: auto auto;
position: relative;
}
.cfullwidth {
margin-left: -50px;
margin-right: -50px;
}
.grid-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.grid-5 {
display: grid;
grid-template-columns: repeat(5, 1fr);
}
.grid-6 {
display: grid;
grid-template-columns: repeat(6, 1fr);
}
.grid-7 {
display: grid;
grid-template-columns: repeat(7, 1fr);
}
.grid-8 {
display: grid;
grid-template-columns: repeat(8, 1fr);
}
.grid-9 {
display: grid;
grid-template-columns: repeat(9, 1fr);
}
.grid-10 {
display: grid;
grid-template-columns: repeat(10, 1fr);
}
.grid-11 {
display: grid;
grid-template-columns: repeat(11, 1fr);
}
.grid-12 {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
hr {
border: none;
margin-top: 0;
margin-bottom: 0;
clear: both;
}
.spacer5   { height: 5px; }
.spacer10  { height: 10px; }
.spacer15  { height: 15px; }
.spacer20  { height: 20px; }
.spacer25  { height: 25px; }
.spacer30  { height: 30px; }
.spacer35  { height: 35px; }
.spacer40  { height: 40px; }
.spacer45  { height: 45px; }
.spacer50  { height: 50px; }
.spacer55  { height: 55px; }
.spacer60  { height: 60px; }
.spacer65  { height: 65px; }
.spacer70  { height: 70px; }
.spacer75  { height: 75px; }
.spacer80  { height: 80px; }
.spacer85  { height: 85px; }
.spacer90  { height: 90px; }
.spacer100 { height: 100px; }
.spacer110 { height: 110px; }
.spacer120 { height: 120px; }
.spacer130 { height: 130px; }
.spacer140 { height: 140px; }
.spacer150 { height: 150px; }
.spacer160 { height: 160px; }
.spacer170 { height: 170px; }
.spacer180 { height: 180px; }
.spacer190 { height: 190px; }
.spacer200 { height: 200px; }
.spacer210 { height: 210px; }
.spacer220 { height: 220px; }
.spacer230 { height: 230px; }
.spacer240 { height: 240px; }
.spacer250 { height: 250px; }
.spacer300 { height: 300px; }
.spacer350 { height: 350px; }
.spacer400 { height: 400px; }
.spacer450 { height: 450px; }
.spacer500 { height: 500px; }
.spacer550 { height: 550px; }
.spacer600 { height: 600px; }
.spacer650 { height: 650px; }
.spacer700 { height: 700px; }
.spacer750 { height: 700px; }
.spacer800 { height: 800px; } .table { display: table; }
.tr { display: table-row; }
.td { display: table-cell;} #masthead {
position: relative;
z-index: 2000;
}
#masthead:after {
content: "";
display: block;
width: 100%;
position: absolute;
bottom: 0px;
transform: translateY(100%);
background-repeat: repeat-x;
}
#masthead .header-content {
height: 130px;
position: relative;
margin: auto auto;
}
.headertext-and-social-media-buttons{
display: flex;
flex-wrap: wrap;
align-items: center;
position: absolute;
right: 0px;
top: 0px;
}
#primary-navigation li a {
display: block;
padding: 18px 20px 16px 20px;
letter-spacing: 1px;
line-height: 100%;
}
#primary-navigation li li {
position: relative;
} #primary-navigation .sub-menu {
display: none;
}
#primary-navigation .sub-menu li:first-child{
border-top: none;
}
#primary-navigation .sub-menu .sub-menu li:first-child {
border-top: none;
}
#primary-navigation .sub-menu .sub-menu li {
border-right: none;
}
video {
width: 100%;
display: block;
} .gallery > br {
display: none;
}
.gallery dl {
margin: 0;
}
.gallery {
display: grid;
grid-gap: 25px;
}
.gallery-columns-1 {
grid-template-columns: repeat(1, 1fr);
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-item img {
width: 100%;
height: auto;
display: block;
float: left;
transition: all 0.3s;
} .editor-styles-wrapper ol, ol {
list-style: decimal inside none;
padding-left: 0px;
}
.gradient {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 48%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.3) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 48%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 48%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0);
}
.acf-label .button-fa, 
.buttondiv .button-fa{
display: block;
height: auto;
text-align: center;
position: relative;
display: block;
overflow: hidden;
width: 100%;
}
.buttondiv .button-fa-content,
.buttondiv input[type="submit"]{
z-index: 1;
position: relative;
display: block;
text-align: center;
}
.buttondiv{
width: 100%;
}
.button-submit,
.buttondivsubmit {
display: flex;
flex-wrap: wrap;
}
.button-direction-left .buttondivsubmit {
justify-content: flex-start;
}
.button-direction-center .buttondivsubmit {
justify-content: center;
}
.button-direction-right .buttondivsubmit {
justify-content: flex-end;
}
.padding5 {
padding: 5px;
}
.padding10 {
padding: 10px;
}
.padding15 {
padding: 15px;
}
.padding20 {
padding: 20px;
}
.padding25 {
padding: 25px;
}
.padding30 {
padding: 30px;
}
.padding35 {
padding: 35px;
}
.padding40 {
padding: 40px;
}
.padding45 {
padding: 45px;
}
.padding50 {
padding: 50px;
}
.padding55 {
padding: 55px;
}
.padding60 {
padding: 60px;
}
.padding65 {
padding: 65px;
}
.padding70 {
padding: 70px;
}
.padding75 {
padding: 75px;
}
.padding80 {
padding: 80px;
}
.padding85 {
padding: 85px;
}
.padding90 {
padding: 90px;
}
.padding90 {
padding: 95px;
}
.padding100 {
padding: 100px;
}
.gridgap5 {
grid-gap: 5px;
}
.gridgap10 {
grid-gap: 10px;
}
.gridgap15 {
grid-gap: 15px;
}
.gridgap20 {
grid-gap: 20px;
}
.gridgap25 {
grid-gap: 25px;
}
.gridgap30 {
grid-gap: 30px;
}
.gridgap35 {
grid-gap: 35px;
}
.gridgap40 {
grid-gap: 40px;
}
.gridgap45 {
grid-gap: 45px;
}
.gridgap50 {
grid-gap: 50px;
}
.gridgap55 {
grid-gap: 55px;
}
.gridgap60 {
grid-gap: 60px;
}
.gridgap65 {
grid-gap: 65px;
}
.gridgap70 {
grid-gap: 70px;
}
.gridgap75 {
grid-gap: 75px;
}
.gridgap80 {
grid-gap: 80px;
}
.gridgap85 {
grid-gap: 85px;
}
.gridgap90 {
grid-gap: 90px;
}
.gridgap95 {
grid-gap: 95px;
}
.gridgap100 {
grid-gap: 100px;
}
.height5 {
height: 5px;
}
.height10 {
height: 10px;
}
.height20 {
height: 20px;
}
.height30 {
height: 30px;
}
.height40 {
height: 40px;
}
.height50 {
height: 50px;
}
.height60 {
height: 60px;
}
.height70 {
height: 70px;
}
.height80 {
height: 80px;
}
.height90 {
height: 90px;
}
.height100 {
height: 100px;
}
.height110 {
height: 110px;
}
.height120 {
height: 120px;
}
.height130 {
height: 130px;
}
.height140 {
height: 140px;
}
.height150 {
height: 150px;
}
.height160 {
height: 160px;
}
.height170 {
height: 170px;
}
.height180 {
height: 180px;
}
.height190 {
height: 190px;
}
.height200 {
height: 200px;
}
.height210 {
height: 210px;
}
.height220 {
height: 220px;
}
.height230 {
height: 230px;
}
.height240 {
height: 240px;
}
.height250 {
height: 250px;
}
.height300 {
height: 300px;
}
p:last-child {
margin-bottom: 0px;
}
.grid {
display: grid
}
.grid1 {
grid-template-columns: 100%;
}
.grid2 {
grid-template-columns: 50% 50%;
}
.grid3 {
grid-template-columns: 33.33% 33.33% 33.33%;
}
.grid4 {
grid-template-columns: 25% 25% 25% 25%;
}
.grid5 {
grid-template-columns: 20% 20% 20% 20% 20%;
}
.spalten-box .titel {
display: block;
}
.flexibler-inhalt-box .text,
.spalten-box .text{
width: 100%;
}
.spalten-box .text-content{
width: 100%;
}
.box-title,
.box-subtitle,
.spalten-subtitel,
.spalten-titel{
display: block;
}
.background-shadow {
position: absolute;
top: 0px;
height: 100%;
} .youtube-video { 
position: relative; 
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} 
.youtube-video iframe,
.youtube-video object,
.youtube-video embed { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.imagecover {
align-items: stretch !important;
}
.imagecover .image {
position: relative;
}
.imagecover .image img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.facebook strong, .instagram strong, .twitter strong, .youtube strong, .vimeo strong, .pinterest strong, .email strong, .shop strong {
display: block;
font-weight: normal;
text-indent: -9999px;
position: absolute;
width: 33px;
height: 33px;
top: 1px;
left: 1px;
border-radius: 9999px;
}
.facebook svg, .instagram svg, .twitter svg, .youtube svg, .vimeo svg, .pinterest svg, .email svg, .shop svg {
width: 35px;
height: 35px;
overflow: hidden;
border-radius: 9999px;
position: relative;
z-index: 1;
}
#colophon {
line-height: 1.0;
position: relative;
z-index: 100;
}
#colophon .content {
padding-top: 20px;
padding-bottom: 20px;
}
#colophon ul li {
padding-right: 20px;
padding-left: 20px;
padding-right: 20px;
display: block;
}
#colophon ul li:last-child {
border-right: none;
}
#signature {
font-size: 10px;
padding-top: 10px;
padding-bottom: 10px;
letter-spacing: 1px;
background: #000;
color: #fff;
font-family: arial;
line-height: 100%;
}
.galerie-box .section-content ul li:before, 
.acf-field .acf-label .galerie-box ul li:before {
display: none;
}
.item-content {
position: relative;
} .swiper-button-prev, 
.swiper-button-next {
border-radius: 5px;
}
.buttondiv {
display: flex;
flex-wrap: wrap;
}
.buttondiv a {
margin-bottom: 12px;
}
.buttondiv a:last-child {
margin-bottom: 0;
}
.buttondiv.left {
justify-content: flex-start;
}
.buttondiv.center {
justify-content: center;
}
.buttondiv.right {
justify-content: flex-end;
}
.section-content .galerie ul li {
padding-left: 0px;
}
.swiper-container-initialized {
overflow-x: hidden;
}
.swiper-slide {
height: auto !important;
}
#call-to-action-box a{
margin-bottom: 5px;
}
#call-to-action-box{
display: none;
}
#email-button strong, #phone-button strong, #whatsapp-button strong{
}
#show-call-to-action-box-button{
width: 50px;
height: 50px;
text-indent: -9999px;
background: #dda741;
border-radius: 9999px;
border: 2px solid rgba(255,255,255,0.8);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#call-to-action-box{
background: rgba(0,0,0,0.95);
padding: 5px;
border-radius: 9999px;
}
#show-call-to-action-box-button strong{
width: 50%;
height: 50%;
display: block;
background-color: #fff;
-webkit-mask: url(//ba-youniverse.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-images/acf-icon-more-contact.svg) no-repeat 100% 100%;
mask: url(//ba-youniverse.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-images/acf-icon-more-contact.svg) no-repeat 100% 100%;
-webkit-mask-size:100% 100%;
mask-size: 100% 100%;
}
.footer-more-box{
position: fixed;
right: 10px;
bottom: 10px;
z-index: 1000;
}
#email-button,
#phone-button,
#whatsapp-button{
display: block;
position: relative;
width: 40px;
height: 40px;
}
#email-button svg, 
#phone-button svg, 
#whatsapp-button svg {
position: absolute;
z-index: 2;
width: 40%;
height: 40%;
left: 50%; 
top: 50%;
transform: translate(-50%, -50%);
fill: #fff;
}
#email-button strong,
#phone-button strong, 
#whatsapp-button strong {
text-indent: -9999px;
display: block;
position: absolute;
width: calc(100% - 2px);
height: calc(100% - 2px);
z-index: 1;
top: 1px;
left: 1px;
border-radius: 9999px;
}
a#scrollup {
display: none;
background: rgba(0, 0, 0, 0.8);
width: 45px;
height: 45px;
text-align: center;
border-radius: 9999px;
transition: background-color .3s;
z-index: 1000;
border: 2px solid rgba(255,255,255,0.7);
cursor: pointer;
}
a#scrollup.show{
display: flex;
justify-content: center;
align-items: center;
margin-top: 5px;
}
a#scrollup strong{
width: 50%;
height: 50%;
display: block;
background-color: #fff;
-webkit-mask: url(//ba-youniverse.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-images/acf-icon-scrollup.svg) no-repeat 100% 100%;
mask: url(//ba-youniverse.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-images/acf-icon-scrollup.svg) no-repeat 100% 100%;
-webkit-mask-size:100% 100%;
mask-size: 100% 100%;	
}
@media only screen and (max-device-width: 1366px) {
.parallax {
background-attachment: scroll;
}
}
.backgroundvideo{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
#primary-navigation ul ul li a{
border-right: none;
}
#primary-navigation ul ul li:last-child a{
border-bottom: none;
}
#primary-navigation ul ul ul li a{
border-right: none;
}
#primary-navigation ul ul ul li:last-child a{
border-bottom: none;
}
#primary-navigation>div>ul>li:last-child{
border-right: none;
}
.flexibleheight{
position: relative;
}
.flexibleheight{
position: relative;
}
.flexibleheight img{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
top: 0px;
left: 0px;
}
.spaltenbild{
width: 100%;
}
.box-read-more-text{
display: none;
} .wpcf7 label{
display: block;
}
.wpcf7 input{
font-size: auto;
font-family: auto;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="file"], 
.wpcf7 input[type="number"],
.wpcf7 textarea {
width: 100%;
border: none;
font-weight: normal;
-webkit-appearance: none;
}
.wpcf7 input[type=submit]{
position: relative;
z-index: 1;
width: 100%;
border: none;
-webkit-appearance: none;
background: none;
}
.wpcf7-form-control-wrap {
display: block;
margin-bottom: 14px;
margin-top: 5px;
}
.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
background: #f7e700;
color: #333;
}
.wpcf7-mail-sent-ng, div.wpcf7-aborted {
background: #ff0000;
color: #333;
}
.wpcf7 .wpcf7-acceptance {
display: block;
margin-bottom: 15px;
padding: 12px 17px 12px 12px;
}
.wpcf7 .wpcf7-acceptance p {
margin-bottom: 0px;
margin-top: 0px;
}
.wpcf7 .wpcf7-acceptance label {
display: flex;
flex-wrap: wrap;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
display: block;
width: 13px;
height: 13px;
margin: 0px;
margin-right: 10px;
}
.wpcf7 .wpcf7-acceptance label span {
width: calc(100% - 23px);
}
div.wpcf7-response-output {
margin-top: 0px;
}
div.wpcf7-response-output {
margin: 0px;
}
.wpcf7-acceptance .wpcf7-list-item-label {
display: block;
margin-bottom: 10px;
width: calc(100% - 30px);
}
span.wpcf7-list-item {
margin: 0px;
}
.ajax-loader {
position: absolute;
}
.flexible-content-aufzahlung .flexible-text{
padding-left: 20px;
}
.flexible-content-image-left-right.fp-left .flexible-text{
padding-left: 35px;
}
.flexible-content-image-left-right.fp-right .flexible-text{
padding-right: 35px;
}
.flexible-content-image-left-right.fp-right{
flex-direction: row-reverse;
}
.flexible-flex-wrap{
display: flex;
flex-wrap: wrap;
}
.flexible-content-image .flexibleimage{
margin: auto auto;
}
.flexible-content-aufzahlung{
margin-left: -15px;
margin-right: -15px;
}
.flexible-content-aufzahlung .item-aufzahlung{
padding: 0px 15px 30px 15px;
}
.flexible-content-gallery div{
display: flex;
flex-wrap: wrap;
}
.flexible-content-gallery {
margin-left: -10px;
margin-right: -10px;
}
.flexible-content-gallery .image{
padding: 10px;
}
.flexible-content-gallery a{
display: block;
width: 100%;
}
.flexible-content-gallery img{
display: block;
width: 100%;
}
.preis{
width: 100%;
display: block;
text-align: right;
}
@media all and (-ms-high-contrast:none) {
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.spalten-box .swiper-button-lock {
display: none;
}
}
@keyframes slidefrontendbutton{
from { left: -130px; }
to { left: 0px; }
}
.frontend-buttons{
position: fixed; 
left: 0px;
max-width: 200px;
z-index: 20000;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
padding: 10px;
top: 50%;
border-bottom-right-radius: 5px;
left: -130px;
}
.frontend-buttons.active{
animation-name: slidefrontendbutton;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
.frontend-buttons.active .show-hide-frontend-buttons:after{
transform: rotate(-180deg);
}
.show-hide-frontend-buttons{
position: absolute;
right: -20px;
width: 20px;
height: 40px;
background: #fff;
top: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
cursor: pointer;
background-color: #fff; background: rgb(255,255,255); background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 94%, rgba(246,246,246,1) 100%); background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 94%,rgba(246,246,246,1) 100%); background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 94%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); }
.show-hide-frontend-buttons:after{
content: "";
position: absolute;
width: 100%;
height: 100%;
background: url(//ba-youniverse.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-images/arrow-right.svg) no-repeat center center; 
background-size: 12px auto;
}
.frontend-buttons .plus{
width: 18px;
height: 18px;
padding-top: 2px;
padding-left: 1px;
border: 2px solid #333;
line-height: 90%;
display: inline-block;
border-radius: 9999px;
margin-right: 7px;
text-align: center;
}
.post-edit-link {
display: block;
padding: 10px;
color: #000;
font-size: 12px;
border-radius: 5px;
line-height: 100%;
margin-top: 5px; background: rgb(247,142,14); background: -moz-linear-gradient(top,  rgba(247,142,14,1) 48%, rgba(255,103,15,1) 52%); background: -webkit-linear-gradient(top,  rgba(247,142,14,1) 48%,rgba(255,103,15,1) 52%); background: linear-gradient(to bottom,  rgba(247,142,14,1) 48%,rgba(255,103,15,1) 52%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78e0e', endColorstr='#ff670f',GradientType=0 ); text-align: center;
max-width: 200px;
}
.add-product-button{
color: #000;
padding: 10px 15px 10px 10px;
border-radius: 5px;
font-size: 12px;
line-height: 100%;
font-weight: normal;
cursor: pointer;
z-index: 1000;
margin-top: 5px;
line-height: 100%; background: rgb(157,213,58); background: -moz-linear-gradient(top,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); background: -webkit-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); background: linear-gradient(to bottom,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); text-shadow: 1px 1px rgba(255,255,255,0.4);
font-weight: bold;
letter-spacing: 1px;
width: 120px;
}
.add-product-button strong{
font-weight: normal;
}
.block-edit-buttons{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-top: 8px;
margin-bottom: 8px;
position: relative;
z-index: 1000;
}
.block-edit-buttons .edit-button,
.block-edit-buttons .delete-button{
padding: 10px;
border: none; 
cursor: pointer;
font-size: 12px;
line-height: 100%;
text-align: center;
display:block;
text-shadow: 1px 1px rgba(255,255,255,0.3);
color: #000;
letter-spacing: 1px;
border-radius: 3px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.block-edit-buttons .edit-button{ background: rgb(157,213,58); background: -moz-linear-gradient(top,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); background: -webkit-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); background: linear-gradient(to bottom,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); margin-right: 5px;
}
.block-edit-buttons .delete-button{ background: rgb(255,142,132); background: -moz-linear-gradient(top,  rgba(255,142,132,1) 46%, rgba(255,98,81,1) 59%, rgba(255,98,81,1) 59%); background: -webkit-linear-gradient(top,  rgba(255,142,132,1) 46%,rgba(255,98,81,1) 59%,rgba(255,98,81,1) 59%); background: linear-gradient(to bottom,  rgba(255,142,132,1) 46%,rgba(255,98,81,1) 59%,rgba(255,98,81,1) 59%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e84', endColorstr='#ff6251',GradientType=0 ); }
.block-edit-buttons .edit-button strong,
.block-edit-buttons .delete-button strong{
font-weight: normal;
background-color: #000;
display: block;
width: 50%;
height: 50%;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.block-edit-buttons .edit-button strong{
-webkit-mask-image: url(//ba-youniverse.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-css/fa-layout/fa-images/edit.svg);
mask-image: url(//ba-youniverse.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-css/fa-layout/fa-images/edit.svg);
}
.block-edit-buttons .delete-button strong{
-webkit-mask-image: url(//ba-youniverse.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-css/fa-layout/fa-images/delete.svg);
mask-image: url(//ba-youniverse.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-css/fa-layout/fa-images/delete.svg);
}
.acf-form-container-news,
.acf-form-container{
background: rgba(0,0,0,0.8);
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
display: none;
z-index: 10000;
}
.acf-form-container-content{
max-width: 900px;
width: 100%;
margin: auto auto;
position: fixed;
position: fixed;
left: 50%;
top: 50%;
height: calc(100vh - 60px);
transform: translate(-50%, -50%);	
}
.acf-form-container-content-inner{
box-shadow: 0 0 20px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,1);
background: #fff;
border: 1px solid #ccc;
overflow: scroll;
height: calc(100% - 50px);
padding: 30px;
}
.close-button,
.close-acf-form-button{
background: #D6004A;
border: 2px solid #fff;
border-radius: 5px;
color: #fff;
padding: 15px 10px 12px 10px;
text-align: center;
margin-bottom: 10px;
cursor: pointer;
width: 40px;
height: 40px;
font-weight: normal;
margin-bottom: 20px;
font-size: 40px;
border-radius: 100px;
position: relative;
}
.close-button strong,
.close-acf-form-button strong{
font-weight: normal;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
line-height: 100%;
-webkit-mask: url(//ba-youniverse.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-images/nav-toggle-close.svg) no-repeat center center;
mask: url(//ba-youniverse.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-images/nav-toggle-close.svg) no-repeat center center;
-webkit-mask-size:50% 50%;
mask-size: 50% 50%;
background: #fff;
z-index: -9999px;
}
.acf-form-container-content-header{
color: #fff;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.acf-form-container input[type="submit"]{
width: 100%;
background: green;
padding: 20px;
border: none;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
.page-numbers{
display: inline-block;
}