
#mybyte_media_cookiehinweis {
	line-height: 125%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid;
    bottom: 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    color: #484848;
    font-size: 12px;
    line-height: 125%;
    margin: 20px;
    padding: 10px;
    position: fixed;
    width: 200px;
    z-index: 999999;
	right: 0;
	display: none;
}

#mybyte_media_cookiesettings {
	line-height: 125%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid;
    bottom: 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    color: #484848;
    font-size: 10px;
    line-height: 125%;
    margin: 10px;
    padding: 10px;
    position: fixed;
    z-index: 999999;
	right: 0;
	display: none;
	cursor: pointer;
}

#mybyte_media_cookiehinweis_close {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px;
	margin: 0;
    text-align: center;
}

#mybyte_media_cookiehinweis_save {
    background: #dedede none repeat scroll 0 0;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px;
    margin: 0;
	margin-top: 10px;
    text-align: center;
}

#mybyte_media_cookiehinweis_mehrinfos {
	text-decoration: underline;
}

video {
    max-width: 100%;
    width: 100%;
}

#nf-field-22-wrap input,
#nf-field-30-wrap input,
#nf-field-25-wrap input {
    display: none;
}

a.downloadbutton {
    background: #fff;
    padding: 10px;
    border-radius: 18px;
    color: #000;
    font-weight: 600;
    text-align: center;
  display: block;
}

.footer-widgets
{
  display: none;
}

button.menu-toggle {
    display: none !important;
}

@media (max-width: 852px) {
span.desc
  {
    display: none;
  }
}

@media (min-width: 1022px) {
  
.vc-hoverbox-inner
{
  min-height: 500px !important;
}
  
 .fuerwen .vc-hoverbox-inner
{
  min-height: 900px !important;
}

}


.vc-hoverbox-block
{
  justify-content: flex-end;
}

.vc-hoverbox-back {
  padding: 25px;
      justify-content: center;
  background-color: #000 !important;
  color: #fff !important;
}

.vc-hoverbox li {
    list-style: none;
}

.vc-hoverbox ul
{
  margin: 0;
}


.vc-hoverbox b,
.vc-hoverbox strong {
    font-weight: 600;
    color: #cba145;
    text-transform: uppercase !important;
    font-size: 16px;
}

.vc-hoverbox-front-inner {
  background: rgba(203,161,69,0.6);
  color: #000;
}

.vc-hoverbox-front-inner h2{
color: #000;
  font-size: 21px;
  letter-spacing: 0;
}
  

#nf-form-3-cont .nf-field-element,
#nf-form-2-cont .nf-field-element {
  display: flex;
  justify-content: center;
      margin: 0 auto !important;
    max-width: 420px !important;
}

#nf-form-3-cont .nf-field-element {
  max-width: 85% !important;
}

@media (max-width: 480px) {

  #nf-field-12-wrap .nf-field-element,
  #nf-field-16-wrap .nf-field-element {
  width: 280px !important;
}  
}

.nf-field-element li {
  float: left;
}

#nf-form-3-cont .nf-response-msg h3
{
  color: #cba145;
}

#nf-form-3-cont .nf-response-msg li,
#nf-form-3-cont .nf-response-msg p {
    color: #fff;
}

.nf-progress-container, .nf-progress {
  height: 5px !important;
  margin-bottom: 50px;
}

.nf-progress-container {
    background-color: #fff !important;
}

.nf-progress {
    background-color: #cba145 !important;
}

.nf-error .nf-error-msg {
  color: #cba145 !important;
}

.nf-error-msg, .ninja-forms-req-symbol {
  text-align: center;
}

.nf-error-field-errors {
  padding-bottom: 50px;
}






#generate-slideout-menu {
  width: 200px; 
}

.gp-icon svg {
    height: 2em;
    width: 2em;
    top: .125em;
    position: relative;
    fill: currentColor;
}



.inside-navigation .menu-toggle {
    z-index: 2;
    position: absolute;
    right: 0;
    top: -80px;
}

.listradio-wrap .nf-field-element label:after
{
  display: none;
}

@media (max-width: 600px) {
div#n2-ss-3 .n2-font-3bc03a9771383447ebae04f8c27fb8be-paragraph {
 font-size: 500% !important; 
}  
  
  div.n2-ss-item-content .n2-font-d0ba6555d3e9da56e1eb4f502ad1483c-paragraph {
    width: 360px !important; 
    font-size: 400% !important;
   	margin-left: -35px !important;
  }
}



@media (max-width: 600px) {
  #custom_html-2 {
    margin-left: -100px; 
  }
}

@media (min-width: 601px) and (max-width: 1200px ) {
   #custom_html-2 {
    margin-left: -100px; 
  }
}

.top-bar a {
 font-weight: 500;
  margin-left: 105px; 
}


h2 {
  	font-style: italic;
    letter-spacing: 2.3px;
}

h3 {
  font-style: italic; 
}


/*CSS für die Navigation (Verhalten nur Bildschirmen >=1200px) */

@media only screen and (min-width: 1200px) {
  .site-logo {
  position: absolute;
  margin-top: 120px; 
  }
  
  #primary-menu {
    margin-top: -10px; 
  }
  #menu-item-344 {
  margin-left: 350px; 
}
  .main-navigation, .main-navigation ul ul{
  margin-top: 70px; 
}
}

/*Umrandung für den Login Button */ 

#menu-item-242 {
  border: 2px solid black;
  border-radius: 15px; 
  padding: 4px; 
}



/* Entry - Title soll ausgeblendet werden */

.entry-title {
  display: none; 
}


@media (max-width: 1082px) {
  
#media_image-3 {
	display: none; 
}
}

@media (min-width: 1083px) {
  #media_image-4 {
    display: none; 
  }
}



/* Card(Section) */ 

.card-teaser {
  	min-height: 97px;
 	display: flex; 
 	align-items: center;
 	justify-content: center; 
}

/* CSS für den Footer (Generell) */ 
@media (min-width: 600px) {
  #custom_html-3 h2 {
  width: 476px
}
  
  #custom_html-4 p {
  width: 431px
}
}

#footer-widgets .grid-container a,
#footer-widgets .grid-container a:hover,
#footer-widgets .grid-container a:active,
#footer-widgets .grid-container a:focus {
  text-transform: uppercase; 
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 2.4px;
  color: #FFFAFA;
}


#media_image-3 {
  position: absolute;
  z-index: 1; 
  width: 495px;
  height: auto;
  margin-top: -35px; 
}


#menu-footer li {
  margin: 0px 70px 0px 7px; 
}

.footer-icons {
    position: absolute;
    margin-left: 560px;
    margin-top: -20px;
}

@media (max-width: 600px) {  
  #menu-footer li {
    margin: 0px 20px 0px 0px !important; 
  }
  .leerer-bereich {
    min-height: 10px; 
  }
  .footer-icons {
    position: relative;
    margin-left: 0px; 
  }
}

@media (max-width: 1083px) {
  #menu-footer li {
    margin: 0px 20px 0px 0px !important; 
  }
  .leerer-bereich {
    min-height: 20px; 
  }
 
  .footer-icons {
    position: relative;
    margin-left: 0px;  
  }
}




/* CSS für Abfragen nach Geschlecht, Größe und Alter */ 


.personalisiertes-angebot p {
  color: #fff; 
}

#nf-form-3-cont .nf-form-content h3,
#nf-form-2-cont .nf-form-content h3 {
  max-width: 232px;
  text-align: center; 
  color: #cba145;  
    margin: 0px auto;
    font-size: 25px;
    margin-bottom: 30px;
}

#nf-form-3-cont .nf-form-content h3 {
  max-width: 80%;
}

@media (max-width: 600px) {
  .nf-form-content h3 {
  font-size: 18px !important; 
}
}

.questionmark img {
  position: absolute;
  margin-left: 370px;
  margin-top: -370px;
}

@media (max-width: 600px) {
  .questionmark img {
  display: none; 
}
}


span.desc {
    font-size: 11px;
    height: 3px;
    padding-left: 32px;
    margin-top: -11px;
}

.nf-response-msg .desc {
    font-size: inherit;
    height: inherit;
    padding-left: 5px;
    margin-top: inherit;
}

#nf-form-3-cont .nf-form-content label,
#nf-form-2-cont .nf-form-content label
 {
  	letter-spacing: 0.7px;
  	text-align: center;
  	float: left; 
    background-color: #fff;
   min-width: 120px; 
    width: auto;
  	height: 40px; 
    border-radius: 30px;
    font-size: 14px !important;
    font-style: italic;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	margin-bottom: 30px; 
  	padding: 11px;
    line-height: 16px;
   margin-left: 10px !important;
   margin-right: 10px !important;
}



/*Responsives Buttons in schwarzer Box */


#nf-form-3-cont .nf-checked-label:before,
#nf-form-2-cont .nf-checked-label:before {
  display: none;
}

#nf-form-3-cont label,
#nf-form-2-cont label {
  z-index: 2;
  cursor: pointer;
}

#nf-form-3-cont label:hover,
#nf-form-2-cont label:hover,
#nf-form-3-cont .nf-checked-label,
#nf-form-2-cont .nf-checked-label
{
    background-color: #cba145 !important;
  	color: #fff; 
}

#nf-form-3-cont .nf-field-label,
#nf-form-2-cont .nf-field-label
{
  display: none; 
}

#nf-form-3-cont .nf-pass.field-wrap .nf-field-element:after,
#nf-form-3-cont .nf-error.field-wrap .nf-field-element:after {
  display: none;
}

#nf-form-3-cont .checkbox-wrap .nf-field-element label:after,
#nf-form-3-cont .checkbox-wrap .nf-field-label label:after,
#nf-form-3-cont .listcheckbox-wrap .nf-field-element label:after,
#nf-form-3-cont .listcheckbox-wrap .nf-field-label label:after
{
  display: none;
}

#nf-form-2-cont .nf-next
{
  display: none;
}

.nf-next-previous li input {
  border-radius: 50px; 
  font-size: 12px !important;
}




/*Startseiten CSS */


/*Button Startseite Mehr erfahren - vorläufig */



.vc_custom_1624960937836.wbp_wrapper {
  width: 698px;
  line-height: 20px; 
}

.mehrerfarhen-startseite .vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat {
  	border: 2px solid black;
    width: 193px;
    height: 41px;
    padding: 10px;
    border-radius: 30px;
  	text-transform: uppercase; 
}

.mehrerfarhen-startseite .vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:hover,
.mehrerfarhen-startseite .vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:active, 
.mehrerfarhen-startseite .vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:focus{
  	border: 2px solid #cba145;
  	background-color: #ffffff; 
	color: #cba145; 
}



/*CSS Flo Ende */


.vc_row[data-vc-full-width]
{
  overflow: visible;
}

x.logoactive:before {
    background: #fff;
    content: '';
    position: absolute;
    width: 50%;
  	left: 25%;
    height: 5px;
    top: -70px;
}

.page-id-152.separate-containers .inside-article,
.page-id-150.separate-containers .inside-article,
.page-id-11.separate-containers .inside-article
{
  padding-top: 0;
}

.separate-containers .site-main
{
  margin-top: 0;
}

.phone_header {
    background: url(https://xn--laufwerk-rhn-fjb.de/wp-content/uploads/2021/05/telefon.svg);
    width: 27px;
    height: 43px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
  	margin-left: 12px;
}

.phone_number {
    padding-left: 50px;
    margin-top: 13px;
    display: inline-block;
}

.headerstroke
{
	
    -webkit-text-stroke: 2px #000;
  	text-transform: uppercase !important;
  	margin-top: 70px !important; 
}

.stroke h2 {
    -webkit-text-stroke: 2px #cba145;
    position: relative;
    text-transform: uppercase;
    color: transparent;
    top: -123px;
    font-weight: 800;
    font-style: italic;
    margin: 0 auto;
  	font-size: 149px; 
}

.introtext {
  margin-top: -140px;
}




@media (min-width: 768px) and (max-width: 1188px) {
  

  .stroke h2 {
     font-size: 90px;
     top: -88px;
  }
  
  h1 {
    font-size: 60px;
  }
  
}
@media (max-width: 768px) {
  .stroke h2 {
     top: -68px;
      font-size: 58px;
  }
  
  .introtext {
    margin-top: -100px;
}
}

@media (max-width: 400px) {

  .stroke h2 {
     font-size: 50px;
     top: -64px;
  }
  
  h1 {
    font-size: 20px;
  }
  
.phone_number {
    padding-left: 36px;
  }
  
  .phone_header
  {
    margin-left: 5px;
  }
  
  
  .introtext {
    margin-top: -100px;
}
}

/* Mobile Menü-Buttons */

button.menu-toggle,
button.menu-toggle:hover,
button.menu-toggle:focus
{
  color: #cba145;
}


/* Weiterlesen Buttons und Buttons im Blog */

.read-more-container
{
  margin-top: 24px;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.wp-block-button__link:not(.has-background),
a.button:hover,
a.button:focus 
{
  background-color: #cba145;
}

a.button:hover,
a.button:focus,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:active,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus
{
  opacity: 0.9;
}


/* VC Buttons */

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:active,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus
{
  border-radius: 0;
    color: #fff;
    border-color: #cba145;
    background-color: #cba145;
  background-image: none;
}

/* VC Icons */

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon
{
  color: #cba145;
}

/* Blog Links */

.post-navigation a,
.entry-meta a {
  color: #cba145;
}


/* Top und Footer-Bar */

.site-info,
.top-bar {
    color: #ffffff;
}

.site-info {
  letter-spacing: 2.4px; 
}



/* Akkordions */

.vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon::after,
.vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon::before
{
  border-color: #cba145 !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a
{
  color: #cba145 !important;
}

h4.vc_tta-panel-title.vc_tta-controls-icon-position-left {
    font-size: 18px;
    font-weight: 600;
}

.vc_tta-panel {
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgb(0 0 0 / 7%);
}

.vc_tta.vc_general .vc_tta-panel-title>a
{
  padding: 25px 20px !important;
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a
{
padding-left: 46px !important;
}

.vc_tta.vc_tta-shape-rounded .vc_tta-panel-body, .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading {
  border-radius: 0 !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body
{
  background-color: #fff !important;
}



/* Cookie Meldung */


#mybyte_media_cookiesettings {
    position: relative !important;
    z-index: 1 !important;
    background: none;
    border: 0 none;
    font-size: inherit;
  	box-shadow: none;
    color: inherit;
    padding: 0;
  	margin: 0px;
    margin-left: 20px;
}

#mybyte_media_cookiehinweis_close {
  background: #cba145;
}





/* Anpassung Ninja Forms
---------------------------- */ 




.nf-form-content button,
.nf-form-content input[type=button],
.nf-form-content input[type=submit],
.nf-form-content button:hover,
.nf-form-content input[type=button]:hover,
.nf-form-content input[type=submit]:hover,
.nf-form-content button:active,
.nf-form-content input[type=button]:active,
.nf-form-content input[type=submit]:active,
.nf-form-content button:focus,
.nf-form-content input[type=button]:focus,
.nf-form-content input[type=submit]:focus

{
  background-color: #cba145 !important;
  color: #fff !important;
}

.nf-row{
	margin: 0 -5px;
}

.nf-field-label label {
    font-weight: 600;
}

.nf-form-fields-required{
	display: none !important;
	visibility: hidden;
}

.nf-error-msg,
.ninja-forms-req-symbol {
	font-size: 16px;
}

.label-above .nf-field-label {
    margin-bottom: 0 !important;
}

.label-right .nf-field-label {
    padding-left: 8px !important;
}

.label-right .checkbox-wrap .nf-field-element {
    margin-top: -4px;
}

.nf-field-container{
	margin-bottom: 1em !important;
}

.nf-field-element select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.nf-fu-progress-bar {
  background-color: #ffffff !important;
}

.files_uploaded a, .files_uploaded a:visited {
    color: #990000;
}

.files_uploaded p {
    margin-bottom: 5px;
}