.nomobile, #nomobile, .nurdesktop, #nurdesktop { display: NONE !important; }
.nodesktop, .nurmobile, #nodesktop, #nurmobile {  }

#slidermanuell { display: none !important; }
#slidermanuellmobile { margin-top: 34px !important; }

#slidermanuell.section-slidermanuell.onepage-section.section-meta.section-padding div.container-fluid { 
padding-left: 0px !important;
padding-right: 0px !important;  
}
#slidermanuellmobile .section-padding { padding: 0px !important; }
#slidermanuellmobile .container-fluid { padding:0px !important; }
#about {  margin-top:-85px; }

body { 
margin: 0px;
max-width: device-width;
background-image: url(https://imperial-fkk.de/wp-content/uploads/2022/11/fkk-club-saunaclub-bg-1024x565.jpg);
background-position: top left;
background-repeat: repeat;
background-attachment: fixed;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
line-height: 1.4em !important; font-size: 15px !important;
color: #d5d5d5 !important;
}

#about > div:nth-child(1) > div:nth-child(1) > h5:nth-child(1) { 
font-size: 11px;
  margin-top: 15px;
  letter-spacing: 0.06em;
  font-weight: 400;
  text-transform: none;
  color: #fff;
  margin-bottom: 10px;
  max-width: 220px;
  line-height: 20px;  
}

#slidermanuell { margin-top:34px; }

#imgsec1, #imgsec2, #imgsec3 { margin-top:0px !important; padding-top:0px !important; padding-bottom: 0px !important; }

.hero-content-style1 {
margin-top: 100px !important;
}
.hero-content-style1 h2.hero-large-text {
font-size:20px !important;
}


.section-title {
  font-size: 28px !important;
  font-weight: 600 !important;
}
.smallsection-title {
  font-size: 23px !important;
  font-weight: 600 !important;
}
.txtbigger { font-size: 1.2em; }
.txtsmaller { font-size: 0.8em; }
.mobilzentriert { text-align:center; }

/* Anpassungen für Eintragen Formular */
div.wpforms-container-full .wpforms-form .wpforms-field-description { font-size: 10px !important; margin: 2px 0 0 27px !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;
}

#matrixintro, .matrixintro {
margin: 150px auto 20px auto;
width: calc(100% - 30px);
display: block;
height: auto;
padding: 15px;
background: #fff;
}

.split2block { display: block; width:100%; }


#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: 30px;
box-sizing: inherit;
font-size: 14px;
line-height: 1.9em;
}




.footsocialicon { 
font-size: 40px;
margin: 7px; 
color: #fff !important; }


/* line durchgehend full mit 4 boxen zentriert + mobile je Zweier ---------- */
.uspblock { 
    display:grid;
    width:100%;
    min-height: 150px;
    padding: 0;
    margin: 0;
    background: #fff;
}
.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: #fff;


                    }

/* für footer volle breite --- */
.uspfullsize { width: 98% !important; }
.textalignleft { text-align: left !important; }

.uspblockfoot {
width: 100%;
background: #222;
min-height: 150px;
text-align: left;
padding: 0px;
}
.uspblockfoot .uspblock-innen { 
padding-top: 0px;
}

div.uspblock-innen.uspfullsize div.uspfootbox {
width: 100%;
display:block;
background: transparent; 
min-height: 150px;
text-align:center;
padding: 35px 0 35px 0;
}
.uspblock .uspbox b,
.uspblockfoot .uspfootbox b {
color: #fff;
text-transform: uppercase;
font-size: 1.2em;
}
.uspblock .uspbox img { 
font-size:65px;
}

div.uspblock-innen.uspfullsize div.uspfootbox ul li a, 
div.uspblock-innen.uspfullsize div.uspfootbox ul li a:link, 
div.uspblock-innen.uspfullsize div.uspfootbox ul li a:active,
div.uspblock-innen.uspfullsize div.uspfootbox ul li a:hover, 
div.uspblock-innen.uspfullsize div.uspfootbox ul li a:visited { 
text-align:center !important;
display:block !important;
font-size: 17px !important;
color: #fff;
}

div.uspfootbox ul, div.uspfootbox ul li { 
margin-left: 0;
padding-left: 0;
list-style-type:none;  
}


/* manuelle Anpassungen aus style heraus gesplittet in zusatz-desk & zusatz-mobile -- */

.mobilezentriert { margin-left:25%; }


.inputsuchebutton {
padding: 14px 30px;
font-size: 18px;
color: #3e3e3e;
width: 80%;
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: 90%; margin: auto; }
#kontaktboxintro { width: 100%; margin: auto; }

.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li { 
width: 50% !important; text-align: left; }
#wpforms-142 .wpforms-page-indicator { display: none !important}


/* catbox aufteilung ---- stand: 18.10.2022 NEW ----- */
.catboxsplit1 { width: 100%; }
.catboxsplit2 { width: 0%; }
.catboxsplit1, .catboxsplit2 { float: left; }
.clearbeide { clear: both; }

#catbox { 
position: relative;
width: 48%;
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;
}
.imgboxnurbilder img {
  object-fit: cover;
  width: 48%;
  height: auto;
  background: red;
  margin: 2px;
    &:nth-child(even) {
      object-fit: contain;
  }
}  */


.imgboxnurbilder {
  display: flex; flex-wrap: wrap;
  margin:auto;
  max-width:100%;
  width: 100%;
}
.imgboxeinzeln { 
  width: 48%;
  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: 100%;
height: 230px;
overflow: hidden;
background-position: top left;
background-repeat: no-repeat;
background-size: contain;
border: 1px solid transparent;
}
#catbox-innen-bg:hover {
opacity: 0.88;
transition: all 0.4s;
border: 1px solid #d5d5d5;
}
#catbox-title { 
position: absolute;
padding: 10px 15px 10px 15px;
background: #fff;
border: 0px;
color: #000;
font-size: 14px;
font-weight: 500;
font-family: verdana,arial;
opacity: 0.90;
width: 100%;
line-height: 18px;
max-width: 95%;
bottom:0px;
}
#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;
}











              
/* das AB HIER war vorher schon da - noch benötigt?? stand 19-08-2022 -- */
/* das AB HIER war vorher schon da - noch benötigt?? stand 19-08-2022 -- */


/* BOXEN BOXEN HAUPT-BOXEN BOXEN BOXEN =============== */
#searchintro {
    padding: 40px 30px 40px 30px;
    margin: 20px auto 20px auto;
    background: transparent;
    color: #fff;
    box-sizing: inherit;
}


#searchintroergebnisseite   {
    background: transparent;
    color: #fff;
    box-sizing: inherit;
}


.inputsucheintro { 
padding: 10px;
font-size: 18px;
color: #3e3e3e;
width: 90%;
margin: 7px 0 7px 0;
}

.inputsucheintrosmall { 
padding: 7px;
font-size: 15px;
color: #424242;
width: 70%;
margin: 7px 0 7px 0;
border: 1px #ddd solid;
}

.inputsuchebuttonsmall {
font-size: 15px;
margin: 7px 0 7px 0;
cursor: pointer;
background: transparent;
color: #bbb;
letter-spacing: 0.08em;
border: 1px #ddd solid;
padding: 7px;
}



.inputsuchebutton {
font-size: 16px;
margin: 10px 0 4px 0;
cursor: pointer;
background: transparent;
color: #fff;
letter-spacing: 0.08em;
border: 1px #fff solid;
padding: 10px 30px 10px 30px;
}




#suchboxintro {
display:block;
margin:auto;
height:auto;
margin-top: 100px;
margin-bottom: 50px;
font-family:'Roboto',verdana,arial,sans-serif;
font-size:16px;
font-weight:normal;
color:#000;
text-align:center; 
}

#introbox {
  display:block;
  margin:auto;
  height:auto;
  margin-top: 50px;
  margin-bottom: 50px;
  background: #fff;
  font-family:'Roboto',verdana,arial,sans-serif;
  font-size:17px;
  font-weight:normal;
  color: #000;
  text-align:center; 
  box-sizing: inherit;
  padding: 0 20px 30px 20px;
  opacity: 0.8;
}

#intro-innen-box {
    display: NONE;
}


#schritte-intro .wpforms-page-indicator-steps, 
#schritte-intro .wpforms-page-indicator-page-title, 
#schritte-intro .wpforms-page-indicator-page-title-sep {
display: none;
}


#schritte-intro .wpforms-page-button,  
#schritte-intro .wpforms-page-next {
font-weight: 400;
margin: 0 5px;
min-width: 90px;
text-align: center;
background: #fff;
padding: 10px 30px 10px 30px;
color: #72b239;
border: 1px solid #72b239;
letter-spacing: 0.08em;
font-size: 16px;
}


#schritte-intro-ausblenden .wpforms-page-indicator-page-progress-wrap {
display: none;
}


.eintragungsformular {
}


#kontaktbox .eintragungsformular-senden  {
width: 100%;
padding: 40px 50px;
font-size: 17px;
font-family: 'Roboto',verdana,arial,helvetica;
letter-spacing: 0.1em;
text-align: center;
}

#wpforms-56 textarea {   height: 110px;  }
#wpforms-56 wpforms-field-label {    font-size: 14px;  }




.introboxheadline {
  font-size:30px;font-weight:bold;color:#ffc517;
}

#divinnerhalbintrobox {
  margin-top:14px;line-height:1.8em;text-align:center
}

#breadcrump {
  display:block;
  margin-bottom: 5px;
  background: transparent;
  color: #919191;
  font-size: 10px;
  padding: 5px;
}

#breadcrump a:link, 
#breadcrump a:active, 
#breadcrump a:hover, 
#breadcrump a:visited {
    color: #919191;
} 

.post_thumbnail  {
    display:block;
    width: 100%;
    height: auto;
    padding: 5px 0 15px 0;
}

.post_thumbnail-introseite  {
    display:block;
    width: 100%;
    height: auto;
    padding: 5px 0 15px 0;
}

.post_thumbnaildetail  {
    display:block;
    width: 100%;
    height: auto;
    padding: 5px 0 15px 0;
}


#intro-latest ul {
margin: 20px 0px 20px 0px
}

#intro-latest ul li {
list-style-type: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}



#contentreal img { 
    max-width: 100%;
    height: auto;
}

#contentreal ul {
margin: 25px 10px 5px 25px;
list-style-type: disclosure-closed;
}

#contentreal ul li {
margin-bottom: 0;
font-size: unset;
line-height: unset;
}


#index-detail-services ul {
    margin-bottom: 15px 0 15px 25px !important;
}
#index-detail-services ul li {
    margin-bottom: 3px;
}


#breadcrump, #breadcrump a:link, #breadcrump a:active, #breadcrump a:visited { 
font-family: 'Montserrat', Verdana,arial,helvetica !important;
color: #dbb06d;
font-size: 10px;
text-decoration: none;
letter-spacing: -0.1em;
}
#breadcrump a:hover {
color: #dbb06d;
font-size: 10px;
text-decoration: none;
letter-spacing: -0.1em;
}




#contentschale {
height: auto;
background-color: transparent;
padding: 150px 10px 10px 10px;
display: block;
box-sizing: inherit;
width: calc(100% - 20px);
min-height:80vh;
}

#contentdrueber {
width: 100%;
margin: 0px;
height: auto;
padding: 0;
background: #00000070;
display: block;
}

#contentschale h2 {
font-size: 30px !important;
line-height: 1em !important;
letter-spacing: 0 !important;
padding: 0 0 0 5px !important;
font-family: 'Montserrat', Verdana,arial,helvetica !important;
margin: 0 !important;
font-weight: 900 !important;
text-transform: uppercase !important;
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;
}

.contentreal, #contentreal {
padding: 10px 2% 10px 2%;

line-height: 1.6em;
letter-spacing: 0.03em;
background: transparent;
width: 95%;
display: block;
}
.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 {

}








#mobilecontentdetail {
  line-height:2.4em;
}


ul#css3columnlist {
-moz-column-count: 2;
-moz-column-gap: 10px;
-webkit-column-count: 2;
-webkit-column-gap: 10px;
column-count: 2;
column-gap: 8px;
margin-left:20px;
}

ul#css3columnlist li{
line-height: 1.9em;
display: block;
}




ul#css33columnlist {
-moz-column-count: 3;
-moz-column-gap: 3px;
-webkit-column-count: 3;
-webkit-column-gap: 3px;
column-count: 3;
column-gap: 3px;
margin-left:15px;
}

ul#css33columnlist li{
line-height: 1.2em;
margin-bottom: 5px;
display: block;
}

#css33columnlist ul {
    list-style-type: none;
}



#css33columnlist a:link, 
#css33columnlist a:active, 
#css33columnlist a:visited, 
#css33columnlist a:hover {
    font-size: 1.2em;
    color: #666666;
}




.details-adresszeilen {
line-height: 1.8em;
margin: 25px 0 15px 12px;
font-size: 12px;
font-family: verdana,arial,helvetica,sans-serif;
letter-spacing: 0.05em;
}




#header1 {
  position:fixed;
  top:0px;
  left:0px;;
  width:100%;
  height:auto;
  text-align:center;
  background-color:#fff;
  border-bottom:1px solid #B5B5B5;
  padding:0px;
  padding-top:8px;
  overflow:hidden;
  z-index:9999999;
  box-sizing:inherit;
}

#header1 img {
  width: 124px;
  height: 35px;
}

.locationpic {
  height: 55px;
  width: 62px;
}

.nomobile {
  display:none;
}

#nomobile {
  display:none;
}

#header2 {
  display:none;
}

#footerdekoline {
  display:none;
}

.locationtitle {
  font-size:1.6em;
  margin-top:20px;
  margin-bottom:10px;
  font-family: 'Raleway',Arial, Helvetica, Sans-Serif !important;
}


#locationliste ul li {
  font-size: 1.3em;
  line-height:1.3em;
} 

#sidebarlinks {
  display: none;
}


#sidebarlinksrechts {
  display: block;
  width:98%;
  background-color:transparent;
  font-weight:normal;
}

#menubar {
  position:fixed;
  top: 0px;
  left: 0px;
  width: 98%;
  border-bottom: 1px solid #000;
  display:block;
  background: #fff;
  text-align:left;
}

#menubar img {
}

.menubut {
  width: 3.5em;
}

#nav {
  display:none;
}

#mobilemenu {
  background-color:#A10058;
  display: none;
  line-height:2.2em;
  height:auto;
  text-align:center;
  padding: 1em 0.7em 1em 0.7em;
  color:#fff;
  border-top: 0.02em dashed #fff;
}

#mobilemenu a:link, #mobilemenu a:active, #mobilemenu a:visited, #mobilemenu a:hover {
  text-decoration:none;
  color:#fff;
}

.logo {
  display:none;
}

.logomobile {
  margin:0px;
}

mobileform {
}

header {
  position:fixed;
  top:0;
  left:0;
  display:block;
  width:98%;
  text-align:center;
  background-color:#fff;
  border: 0px;
  padding: 5px 0 5px 0;
  color:#fff;
  font-size:1em;
  font-family:'Roboto',arial,helvetica;
}


.bigger {
    font-size:1.3em;
}


.bigo {
color:#ffc517;
font-weight:bold;
}

.pink {  color:#dbb06d !important; }
.goldfarbe {  color:#dbb06d !important; } 

.sectionsplittext { 
width: 100%;
min-height: 300px;
margin: 0;
padding: 0px 20px 0px 20px;
display: block;
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: 120%;
height: auto;
max-height: 350px;
margin: 0;
padding: 0px !important;
display: block;
}
.sectionsplitbild img { margin-left: -10%; }









.grey {
color:#666666;
}

.smalltext {
font-size:12px;
}

.verysmall {
font-size:10px;
letter-spacing:0.03em;
}

#einruecken {
margin-left: 50px;
margin:0;
padding:0;
}

#bigtext {
  font-size:17px;
  line-height:1.8em;
  letter-spacing:0.05em;
  margin:0;
  padding:0;
  height:auto;
  width:auto;
}










#header2title {
  display:none;
}

#header2titleinnen {
  display:none;
}

#header2titleinnen h2 {
  color: #A10058;
  font-family: 'Roboto',arial;
  font-size: 1.3em;
}


#fbramimobile {
  margin-left:8px;
  margin-bottom:15px;
}


article {
  display:block;
  width: 98%;
  margin: 0.2em 0.2em 0.2em 0.3em;
  padding: 1em 0.3em 0.3em 0.3em;
  font-size:0.85em;
  letter-spacing:0.03em;
  line-height:1.8em;
  background:#FFF;
}

#articleintro {
  display:none;
}

article ul {
  margin: 0.8em 0em 1.2em 1em;
  padding:0;
  list-style: none;
  list-style-position:outside;

}

article ul li {
  margin-bottom: 0.45em;
  margin-top: 0em;
  padding-left: 0em;
  margin-left: 0em;
  line-height: 1.4em;
}
       


#container {
  width:98%;
  margin:auto;
  margin-top:20px;
  padding:0px;
  height:auto;
  overflow:hidden;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:1em;
  line-height:1.4em;
  letter-spacing:0.03em;
  border: 0px;
  background:#FFF;
  color:#000;
}


#footer {
  background-color:#fff;
  color: #000;
  display: block;
  text-align: center;
  border-top: 1px solid #000;
  padding: 1em 0 0.3em 0;
}

#foottitel a:link {
  font-size:24px;
  font-weight:bold;
  color:#ffc517;
  font-family:'Roboto',verdana,arial;
}


hr { 
	color:#DBDBDB;
  height:1px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* BOXEN S-P-E-C-I-A-L BOXEN SPECIAL SPECIAL BOXEN NACH ART DES HAUSES	*/







/* ALL ABOUT THE TEXT TEXT IMAGE TEXT	*/

img {
  width:95%;
  height:auto;
  max-width:99%;
  margin-top:5px;
}

.imgteam {
  width: 45%;
  max-width: 45%;
  height: auto;
}

.nurdesktop {
  display:none;
}

a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

h1 {
  font-family: 'Roboto', Verdana,arial,helvetica;
}


h2 {

    color: #000;
    font-weight: 500;
    font-size: 1.35em;
    line-height: 1.3em;
    letter-spacing: 0.08em
    margin: 0px;
    padding: 5px;
    background: none;
    font-family: 'Roboto', Verdana,arial,helvetica;
}
	
h2 a:link, h2 a:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	background: none;
  display:inline;
	}

h2 a:hover, h2 a:active {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	background: none;
	font-size:1em;
  display:inline;
}

h3 {
	color: #ffc517;
	font-weight: 500;
	font-family: 'Raleway',Arial, Helvetica, Sans-Serif;
	font-size: 1.167em;
    line-height: 1.35em;
	padding: 0px;
    display: block;
}

h3 a.navibar:active, h3 a.navibar:link, h3 a.navibar:visited {
	color: #000;
	font-weight: bold;
	font-variant:small-caps;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1.0em;
	margin: 0px;
	padding: 0px;
	letter-spacing:0.07em;  
}

h3 a.navibar:hover { 	
	color: #fff;
	font-weight: bold;
	font-variant:small-caps;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1.0em;
	margin: 0px;
	padding: 0px;
	letter-spacing:0.07em;
}

h4 {
  font-family:'Trebuchet MS','Lucida Grande', Verdana, Helvetica, sans-serif;
  font-size: 1.083em;
  font-weight:bold;
  letter-spacing:0.15em;
  height:10px; 
}

h5 {
	color: #A10058;
	font-weight: 500;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	letter-spacing:0.04em;
	font-size: 0.899em;
	margin: 0px;
	margin-bottom:1.7em;
	padding: 0px;
  line-height:1.15em;
}

h6  {
font-family: Verdana, Arial, Helvetica;
font-size: 0.750em;
color: #D49292;
text-decoration: none;
font-weight: 500;
text-transform: uppercase; 
display: inline;
margin:0px;
padding:0px;
}

h6 a:link, h6 a:visited, h6 a:active {
font-family: Verdana, Arial, Helvetica;
font-size: 0.750em;
color: #D49292;
text-decoration: none;
font-weight: 500;
text-transform: uppercase; 
display: inline;
margin:0px;
padding:0px;
}

h6 a:hover {
color: #A50000;
text-decoration: underline;
}

#categorypunkte {
padding:10px;
margin-bottom:10px;
background:#fff;
border:1px solid #BABABA;
width:95%
}

#categorypunkte:hover {
padding:10px;
margin-bottom:10px;
background:#fff;
border:1px solid #000;
width:95%
}

p {
	line-height: 1.4;
}

ul {
  margin:0px;
  margin-left:20px;
  padding:0px;
}

ul li {
  margin-bottom:6px;
}



/* FORM FORM FORM - GIB MIR DEINE DATEN BABY	*/

textarea {
  padding:2px;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size: 1em;
  letter-spacing: 0.03em;
  border: 1px solid #E0E0E0;
  background: #fff;
}

#ramiform input, #ramiform select  { 
  padding:2px;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size: 1em;
  letter-spacing: 0.03em;
  border: 1px solid #E0E0E0;
  background: #fff;
}

#ramiform input:hover, #ramiform select:hover { 
border: 1px solid #C5C5C5;
}

#ramiform select {
font-size:0.833em;
letter-spacing:0em;
color:#000;
}

#ramiform input[type=text] { 
margin-bottom:4px; 
width:130px; 
margin-right: 2px;
}

#ramiform textarea { 
width: 305px;
height: 45px;
border: 1px solid #E0E0E0;
color:#000;
}

#right-intro-sidebar  {
position:absolute;
z-index:6;
top:235px;
left:723px;
width:218px;
height:110px;
overflow:hidden;
border: 1px solid #EBC3C3;
background: #EFD1D1;
margin-bottom:10px; 
}

#right-intro-sidebar-text  {
padding:10px;
}


/*  WEITERE BEITRÄGE AUS AKTUELLER RUBRIK  */

#relevantebeitraege {
  line-height:1.29em;
  text-align:left;
  font-size:1em;
}

#relevantebeitraege ul {
  list-style: none;
  margin: 0.4em 0em 0.8em 0em;
  padding-left:0; 
}

#relevantebeitraege ul li {
  margin-bottom:0.3em;
  padding-left:0;
  margin-left:0;
}
#relevantebeitraege ul li:before {
    content: none; 
}




/*  FOOTERZEILE BOXEN FOOTER 4 BOXEN NEBENEINANDER NUR SCREEN  */

#footer2 {
  display: block;
  width: 100%;
  padding: 15px 15px 100px 15px;
  box-sizing: inherit; 
  height: auto;
  background-color:#fff;
  opacity: 0.95;
}

#footcontainer {
  display:block;
  width: 100%;
  height:auto;
  padding: 15px;
  color:#666666;
}

#footcontainer img {
width: auto;
height: auto;
max-width: 50%;
text-align: center;
margin: auto;
}

#footcontainer ul {
  list-style: none;
  margin: 0.4em 0em 0.8em 0em;
  padding-left:0;
  display:block; 
  text-align:left;
}

#footcontainer ul li {
  margin-bottom:0.3em;
  padding-left:1em;
  margin-left:0;
  display:inline;
  list-style:none;
  white-space:nowrap; 
}

#footbox {
 width: 100%;
 display: block; 
 box-sizing: inherit;
 padding: 15px; 
 height: auto;  
}

.alignright { text-align: right !important; }
.aligncenter { text-align: center !important; }



/* FOOTER POPUP BOXEN -------- rami 05.11.2022 ---  */
.popitup {   display: none; 
position: fixed;
z-index: 9999999999;
padding: 30px 30px;
width: 100%;
height: 100%;
left: 0%;
top: 0%;
margin: 0px;
background: #000000;
border-radius: 0px;
border: solid 0px #dbb06d;
opacity: 1;
color: #fff;
font-size: 16px;
line-height: 21px;
padding-top: 80px;
}
.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);
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
} 

.popitup a { color: unset !important; }

.popitup p { 
font-size: 17px;
font-weight: 300;
line-height: 1.7em;
}
.popitup h3 {
color: #fff;
font-size: 33px;
margin: 10px 0 25px 0;
}

.wegdamit { 
position: absolute;
  top: 0px;
  right: 0px;
  color: #000;
  width: 80px;
  height: 80px;
  font-weight: 600;
  font-size: 50px;
  border: 0px solid #fff;
  border-bottom-left-radius: 50%;
  text-align: center;
  padding: 0;
  text-decoration: none !important;
  background: #fff;
  line-height: 70px;
  cursor: pointer;
}
.wegdamit:hover {
color: #fff;
background: #000;
cursor: pointer;
}


div.beitragdrunter ul li a {
font-family: Arial;
font-size: 15px;
line-height: 21px;
color: #D5D5D5;
}




/* MARQUEE wie am Flughafen ===================================== */

#preisinfozusatz h2.section-title { font-size: 44px !important; }
#about h2.section-title { font-size: 38px !important; }

.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: 12px;
  font-weight: 100;
  flex-shrink: 0;
  margin: 1px;
  padding: 12px 12px;
  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); }
}
 













