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

body {
  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;
}

.smallicon { font-size: 0.7em; opacity: 0.2; }

#parallax-bgbildgross {  }
#bgimage-bgbildgrossmobile { display: none !important;  }

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

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

.section-subtitle { 
font-size: 27px !important;
margin-top: 15px;
letter-spacing: 0.08em;
font-weight: 400;
text-transform: none !important;
color: #fff !important;
margin-bottom: 18px;
font-family:'Brittany',verdana;  
}

.ramigallery {
width: calc(50% - 18px);
height: auto;
border: 1px dashed #FFA21D;
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:#FFA21D !important; }
.goldfarbe {  color:#FFA21D !important; }

.sectionsplittext { 
width: 50%;
min-height: 300px;
margin: 0;
padding: 0px 25px 15px 55px;
float: left;
}
.sectionsplittext h2 { color: #FFA21D !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; }


.site footer#colophon.site-footer  { 
margin-top: 0px !important;
padding-bottom: 150px !important;
background: #000000 !important;
margin-bottom: -27px; }  

.site-footer .site-info { background: #000000 !important; }

#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%;     
}




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

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

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

#contentschale h2 {
color: green !important;
font-size: 42px !important;
line-height: 1em !important;
letter-spacing: 0 !important;
padding: 0 0 20px 0 !important;
background: none !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 green;
max-width: 70%;
}






/* 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: #FFA21D;
border-radius: 20px;
border: solid 10px #CFFF0F;
opacity: 1;
color: #fff;
}
.zeigsmir { display: block !important; }

.popitup:after { 
position: fixed;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(255, 255, 255, 0.85);
z-index: -2;
}
.popitup:before { 
position: absolute;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: url(https://pompeji-lb.de/wp-content/uploads/popup-bg-1-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: #fff;
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: #000;
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 }