.nomobile, #nomobile, .nurdesktop, #nurdesktop {  }
.nodesktop, .nurmobile, #nodesktop, #nurmobile { display: NONE !important; }

#slidermanuellmobile { display: none !important; }
#slidermanuell { margin-top: 8px !important; }

#slidermanuell { padding: 70px 0 0 0px !important; }

#slidermanuell.section-slidermanuell.onepage-section.section-meta.section-padding div.container-fluid { 
padding-left: 0px !important;
padding-right: 0px !important;  
}

body {
  background-image: url(https://imperial-fkk.de/wp-content/uploads/2022/11/bg1black.jpg);
  background-position: center center;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: cover;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
line-height: 24px !important;
color: #d5d5d5 !important;
font-size: 17px !important;
}


#about { padding-top:50px; }
#about .container div.row div.col-lg-6 { font-size: 19px;   letter-spacing: 0.02em;   line-height: 30px; }

#about > div:nth-child(1) > div:nth-child(1) > h5:nth-child(1) { 
font-size: 14px;margin-top: 15px;letter-spacing: 0.08em;font-weight: 400;text-transform: none;color: #fff;margin-bottom: 18px;  }

#about h2.section-title {
font-size: 55px !important;
} 

.split2block { float: left; width: 48%; }

.hero-content-style1 {
margin-top: 100px !important;
}

.hero-content-style1 h2.hero-large-text {
font-size:36px !important;
}


.ramigallery {
width: calc(50% - 18px);
height: auto;
border: 1px dashed #dbb06d;
margin-right: 8px;
margin-left: 8px;
margin-bottom: 8px;
}


.section-title {
  font-size: 36px !important;
  font-weight: 900 !important;
}
.smallsection-title {
  font-size: 23px !important;
  font-weight: 600 !important;
}
.txtbigger { font-size: 1.2em; }
.txtsmaller { font-size: 0.8em; }
.mobilzentriert { }

.pink {  color:#dbb06d !important; }
.goldfarbe {  color:#dbb06d !important; }

.sectionsplittext { 
width: 50%;
min-height: 300px;
margin: 0;
padding: 0px 25px 15px 55px;
float: left;
color: #fff !important; font-size: 20px;  line-height: 30px;
}
.section-inverse p { color: #fff !important; font-size: 20px;  line-height: 30px; }
.sectionsplittext h2 { color: #dbb06d !important; }

.sectionsplitbild { 
width: 50%;
min-height: 300px;
margin: 0;
padding: 0px !important;
float: left;
max-height: 350px;
}

.linksmargin img { margin-left: -20px !important; }
.rechtsmargin img { margin-right: -20px !important; }

#imgsec1, #imgsec2, #imgsec3 { padding: 0 !important; }







/* Anpassungen für Eintragen Formular */
div.wpforms-container-full { margin: 50px auto 24px auto !important; } /* damit trotz auto hochziehen sichtbar bleibt, weil sonst header menu verdeckt */
div.wpforms-container-full .wpforms-form .wpforms-field-description { font-size: 10px !important; margin: 2px 0 0 27px !important; }
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) { padding: 3px 3px 3px 3px !important; }
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li  {  padding-right: 5px !important; }
#wpforms-submit-142, #wpforms-submit-502 { margin: auto !important; display: block; background: green; color: #fff; padding: 20px 40px 20px 40px; font-size: 16px;
font-family: verdana,helvetica; font-weight: bold; letter-spacing: 0.035em; border-radius: 15px;
}

.werbeblock1 { 
position: fixed;
top:0;
right:0;
z-index:999999999999999;
width: 331px;
min-width: 331px;
height: 349px;
min-height: 349px;
border: 0px;
}



#contentreal, .contentreal { }
.contentreal img, #contentreal img { max-width: 100%; height: auto; }
.contentreal ul, #contentreal ul { margin: 25px; list-style-type: disclosure-closed; }
.contentreal ul li, #contentreal ul li {  }
.contentreal ul li ul, #contentreal ul li ul, #contentreal ul li ul li ul {

}


.uspfootbox ul { 
list-style: none; margin: 0.4em 0em 0.8em 0em; padding-left:0; 
}
.uspfootbox ul li { 
margin-bottom:0.3em; padding-left:0; margin-left:0; 
}
.uspfootbox a:link, .uspfootbox a:active, .uspfootbox a:visited { 
color:#e3e3e3; text-decoration:none; font-size: 1.1em; 
}
.uspfootbox a:hover { 
color: #fff; text-decoration:none; }


#introbox {
height: auto;
padding: 60px;
box-sizing: inherit;
background: #fff;
font-family: 'Roboto',verdana,arial,sans-serif;
font-size: 19px;
font-weight: normal;
color: #000;
display: block;
}

#intro-innen-box {
float: left;
width: 50%;
height: auto;
/* border-right: 1px solid #eaeaeb; */ 
padding: 0px;
box-sizing: inherit;
font-size: 14px;
line-height: 1.9em;
}

.footsocialicon { font-size: 40px !important; margin: 7px; }

/* line durchgehend full mit 4 boxen zentriert + mobile je Zweier ---------- */
.uspblock { 
display:grid;
width:100%;
min-height: 150px;
padding: 0;
margin: 0;
background: #fff;
font-family: verdana,arial,helvetica;
}
.uspblock-innen { 
margin: 0 auto 0 auto;
padding: 0px;
width: 80%;
height: auto;
min-height: 150px;
background: transparent;
}
.uspblockfoot { 
display: grid;
width: 100%;
min-height: 150px;
padding: 0;
margin: 0;
background: #000;
font-weight: 400;
}

.uspblockfoot ul { margin: 0 0 1.41575em 0.1em; }

/* für footer volle breite --- */
.uspfullsize { width: 98% !important; }
.textalignleft { text-align: left !important; }

.uspblockfoot .uspfootbox {
width: calc(25% - 20px);
float: left;
min-height: 150px;
padding: 10px;
}
.uspblockfoot .uspblock-innen { 
padding-top:15px;
}

.uspblock .uspbox {
width: 25%;
background: transparent; 
float: left;
min-height: 150px;
text-align:center;
padding: 35px;
}
.uspblock .uspbox img { 
font-size:65px;
}



/* manuelle Anpassungen aus style heraus gesplittet in zusatz-desk & zusatz-mobile -- */
#suchboxintro {
margin: auto;
margin-top: 155px;
width: 958px;
height: auto;
font-family:'Roboto',verdana,arial,sans-serif;
font-size:16px;
font-weight:normal;
color:#000;
text-align:center; 
}

.inputsuchebutton {
padding: 14px 30px;
font-size: 18px;
color: #3e3e3e;
width: 30%;
margin: 7px 0 7px 0;
margin-top: 7px;
cursor: pointer;
background: transparent;
color: #fff;
margin-top: 15px;
letter-spacing: 0.06em;
border:  1px #fff solid;
font-weight: 400;
min-width: 90px;
text-align: center;
transition: all 0.5s;
}

.inputsuchebutton:hover {
background: #fff;
color: #ffc517;
letter-spacing: 0.08em;
border: 1px #fff solid;
transition: all 0.5s;
}

#kontaktbox { width: 80%; margin: auto; }
#kontaktboxintro { width: 700px; margin: auto; }




/* catbox aufteilung ---- stand: 18.10.2022 NEW ----- */
.catboxsplit1 { width: 100%; }
.catboxsplit2 { width: 0%; }
.catboxsplit1, .catboxsplit2 { float: left; }
.clearbeide { clear: both; }

#catbox { 
position: relative;
width: 49%;
padding: 0;
box-sizing: inherit;
float: left;
font-size: 17px;
overflow: hidden;
margin: 0 0.5% 0.5% 0.5%;
}
#catbox .smalltext { font-size: 13px; }
#catbox ul {      list-style-type: none; margin-left: 0; padding-left: 0; }
#catbox ul li {   list-style-type: none; margin-left: 0; padding-left: 0; }
#catbox a { display: block; height: 100%; } 
#catboxsplitter0 { clear: both; }
#catboxsplitter1 { display: none; }


.imgboxnurbilder {
  display: flex; flex-wrap: wrap;
  margin:auto;
  max-width:100%;
  width: 100%;
}
.imgboxeinzeln { 
  width: 31%;
  height:auto;
  margin: 1% 1% 1% 1%;
}
.imgboxeinzeln img {
  object-fit: cover;
  width: 100%;
  height: auto;
  background: red;
  margin: 2px;
    &:nth-child(even) {
      object-fit: contain;
  }
}


#catbox-innen-bg {
width: calc(100% - 2px);
height: 250px;
overflow: hidden;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid transparent;
}
#catbox-innen-bg:hover {
opacity: 0.88;
transition: all 0.4s;
border: 1px solid #d5d5d5;
}
#catbox-title { 
position: absolute;
padding: 15px 20px 15px 20px;
background: #fff;
border: 0px;
color: #000;
font-size: 17px;
font-weight: 500;
font-family: verdana,arial;
opacity: 0.85;
width: 100%;
line-height: 20px;
max-width: 95%;
}
#catbox-adress, #catbox-adress-intro {
position: absolute;
bottom: 0px;
right: 0px;
padding: 10px 10px 10px 15px;
background: #fff;
border: 0px solid #fff;
color: #000;
font-size: 14px;
font-weight: 100;
font-family: 'Roboto',verdana,arial;
opacity: 0.9;
}

.map-bundesland { 
height: 203px; width: 150px;
margin: 10px 0% 50px 30%;     
}


#breadcrump, #breadcrump a:link, #breadcrump a:active, #breadcrump a:visited { 
font-family: 'Montserrat', Verdana,arial,helvetica !important;
color: #dbb06d;
font-size: 12px;
text-decoration: none;
}
#breadcrump a:hover {
color: #dbb06d;
font-size: 12px;
text-decoration: none;
}


#contentschale {
width: 1000px;
margin: 0 auto 0 auto;
height: auto;
background-color: transparent;
padding: 50px 20px 20px 20px;
box-sizing: inherit;
min-height: 80vh;
}

#contentdrueber {
width: 100%;
margin: 0px;
height: auto;
padding: 100px 0 0 0;
background: #00000070;
}

#matrixintro, .matrixintro, #contentreal, .contentreal {
margin: 0px;
width: 980px;
height: auto;
padding: 10px 10px 10px 0px;
background: transparent;
}

#contentschale h2 {
font-size: 42px !important;
line-height: 1em !important;
letter-spacing: 0 !important;
padding: 0 0 20px 0 !important;
font-family: 'Montserrat', Verdana,arial,helvetica !important;
margin: 8px 0 0 0 !important;
font-weight: 900 !important;
text-transform: uppercase !important;
border-bottom: 1px solid #feb425;
max-width: 70%;
background-image: linear-gradient(to right ,#dbb06d, #dbb06d, #ffffff, #dbb06d, #dbb06d);
  background-clip: text;
  color: transparent;
  background-size: 200%;
  background-position: -200%;
  animation: animated-gradient 5s infinite alternate-reverse;
}


/* FOOTER POPUP BOXEN -------- rami 05.11.2022 ---  */
.popitup {   display: none; 
position: fixed;
z-index: 20;
padding: 40px 50px;
width: 1000px;
left: 50%;
margin-left: -500px;
height: 480px;
top: 50%;
margin-top: -220px;
background: #000;
border-radius: 20px;
border: solid 10px #dbb06d;
opacity: 1;
color: #fff;
font-size: 20px;
line-height: 28px;
}
.zeigsmir { display: block !important; }

.popitup:after { 
position: fixed;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.85);
z-index: -2;
}
.popitup:before { 
position: absolute;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: url(https://imperial-fkk.de/wp-content/uploads/popup-bg-1.jpg);
z-index: -1;
background-size: cover;
background-repeat: no-repeat;
} 

.popitup p { 
font-size: 20px;
font-weight: 300;
line-height: 1.5em;
}
.popitup h3 {
color: #fff;
font-size: 33px;
margin: 10px 0 25px 0;
}

.wegdamit { 
position: absolute;
top: -15px;
right: -15px;
color: #000;
width: 65px;
height: 65px;
font-weight: 600;
font-size: 3em;
border: 0px solid #000;
border-radius: 50%;
text-align: center;
padding: 0;
text-decoration: none !important;
background: #fff;
line-height: 1.05em;
}
.wegdamit:hover {
color: #000;
background: #fff;
cursor: pointer;
}


div.beitragdrunter ul li a {
font-family: Arial;
font-size: 17px;
line-height: 24px;
color: #D5D5D5;
}

.hauptbild { max-width: 650px !important; height: auto !important }



/* MARQUEE wie am Flughafen ===================================== */

.marquee { margin: 0em 5px;
  letter-spacing: 0.15em; }
.marquee-box-one {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    margin: 2em 0 0 0;
}
.marquee-content-one {
    display: flex;
    gap: 20px;
    padding: 0 10px;
    animation: scroll-one 30s linear infinite;
}
.marquee-box-two {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    margin: 1.5em 0 3em 0;
}
.marquee-content-two {
    display: flex;
    gap: 20px;
    padding: 0 10px;
    animation: scroll-two 30s linear infinite;
}
.marquee-text {
white-space: nowrap;
  text-transform: none;
  font-size: 20px;
  font-weight: 100;
  flex-shrink: 0;
  margin: 0;
  padding: 15px 20px;
  border: 1px solid grey;
  border-radius: 50px;
  color: white;
  background-color: #181818;
  display: flex;
  align-items: center;
  user-select: none
}
.marquee-text:hover {
    background-color: #31393F;
    border: 1px solid #31393F;
}

@keyframes scroll-one {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
@keyframes scroll-two {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
}
 
 
 
 
/* fog effekt shine drumherum spotlight als hintergrund effekt ------------ */ 
#fog-container { top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;  }
.fog { position: absolute; width: 200%; height: 200%; background: radial-gradient(ellipse at center, rgba(200,220,255,0.3) 0%, rgba(200,220,255,0) 70%); animation: fogAnimation 15s infinite alternate; }
.fog1 { top: -100%; left: -50%; animation-duration: 13s; z-index:-1; }
.fog2 { top: -50%; left: -100%; animation-duration: 11s; z-index:-1; }
.fog3 { top: 0%; left: -75%; animation-duration: 9s; z-index:-1; }
@keyframes fogAnimation { 0% { transform: translate(0, 0);  }
100% { transform: translate(50%, 50%); } }