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

#vc_load-inline-editor,
.post-edit-link{
    display: none;
}
#BorlabsCookieBox p {
    font-size: 14px !important;
}
@font-face {
    font-family: 'Bebas Neue';
    src: url('https://vorschau.sauer-michael.de/fonts/BebasNeueBold.eot');
    src: url('https://vorschau.sauer-michael.de/fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueBold.woff2') format('woff2'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueBold.woff') format('woff'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('https://vorschau.sauer-michael.de/fonts/BebasNeueBold_1.eot');
    src: url('https://vorschau.sauer-michael.de/fonts/BebasNeueBold_1.eot?#iefix') format('embedded-opentype'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueBold_1.woff2') format('woff2'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueBold_1.woff') format('woff'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueBold_1.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue Book';
    src: url('https://vorschau.sauer-michael.de/fonts/BebasNeueBook.eot');
    src: url('https://vorschau.sauer-michael.de/fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueBook.woff2') format('woff2'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueBook.woff') format('woff'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueBook.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('https://vorschau.sauer-michael.de/fonts/BebasNeueRegular.eot');
    src: url('https://vorschau.sauer-michael.de/fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueRegular.woff2') format('woff2'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueRegular.woff') format('woff'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('https://vorschau.sauer-michael.de/fonts/BebasNeue-Light.eot');
    src: url('https://vorschau.sauer-michael.de/fonts/BebasNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeue-Light.woff2') format('woff2'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeue-Light.woff') format('woff'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeue-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Bebas Neue';
    src: url('https://vorschau.sauer-michael.de/fonts/BebasNeueLight.eot');
    src: url('https://vorschau.sauer-michael.de/fonts/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueLight.woff2') format('woff2'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueLight.woff') format('woff'),
        url('https://vorschau.sauer-michael.de/fonts/BebasNeueLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

    body , p{
     font-size:28px !important;
}
h1 {
  font-family: 'Bebas Neue';
    line-height: 77px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 3.2px;
}
h5
{
  font-family: 'Bebas Neue';
  font-weight: 400;
    line-height: 37px;
    letter-spacing: 1.2px;
}
strong.header_style {
    font-size: 50px;
    font-family: 'Bebas Neue';
    font-weight: normal;
    line-height: 53px;
    letter-spacing: 2.5px;
}
.main-title a, h4,
h3,
.main-nav a{
  font-family: 'Bebas Neue';
  font-weight: normal;
  letter-spacing: 1.6px;
  line-height: 39px;
}


#primary-menu a{
  font-family: 'Bebas Neue Book';
  font-weight: normal;
  letter-spacing: 1.6px;
  line-height: 39px;
  color: #fff !important;
}

#menu-item-202 a, #menu-item-202 a:hover {
    border-right: none !important;
}

#primary-menu a:hover {
    font-family: 'Bebas Neue';
    border-right: 1px #A55DED solid;
    transition: all 1s ease-out;
     color: #5DEDA6 !important;
  font-weight: normal;
}
.BorlabsCookie._brlbs-cb-googlemaps {
    text-align: center;
}

.BorlabsCookie._brlbs-cb-googlemaps p {
    font-size:14px !important;
}

.gallery-icon {
    padding: 0 !important;
}
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.vc_column-inner.vc_custom_1692694576992,
.vc_custom_1692777219555{
    position: relative;
}

.ueber_uns_title {  
    position: absolute;
    top: 60px;
    right: 30px;
      opacity: 100 !important;
    z-index: 100 !important;
}
.ueber_uns_title_unten{
      position: absolute;
    top: 60px;
    left: 30px;
    opacity: 100 !important;
    z-index: 100 !important;
}
.ueber_uns_title_oben{
      position: absolute;
    bottom: 60px;
    left: 30px;
  opacity: 100 !important;
    z-index: 100 !important;
}
.ueber_uns_title h1,
.ueber_uns_title_unten h1,
.ueber_uns_title_oben h1{
  margin-bottom: 0;
font-weight:bold !important;
  letter-spacing: 12.8px !important;
  font-size:64px;
  line-height:77px;
}

.animation_bereich:hover .ueber_uns_title h1,
.animation_bereich:hover .ueber_uns_title_oben h1{
font-weight:300 !important;
  letter-spacing: 3.2px !important;
}
.animation_bereich:hover .subtitle {
  letter-spacing: 0 !important;
}
.vc_custom_1692270773865 .vc_box_border_grey{
 padding-top: 25px !important;
}


.vc_custom_1692270785393 .vc_box_border_grey,
.vc_custom_1692270998367 .vc_box_border_grey{
 padding-top: 15px !important;
}

.listcheckbox-wrap .nf-field-element label.nf-checked-label:before {
    margin-top: -8px !important;
}
.checkbox-wrap .nf-field-label label.nf-checked-label:after,
.checkbox-wrap .nf-field-label label:after{
    margin-top: 8px !important;
}

.image_animation:hover  img,
.modula-item-content:hover  img{
   transform: scale(1.1); 
  opacity:1 !important;
  position:relative;
}

   .image_animation .wpb_wrapper,
.modula-item-content{
    overflow: hidden; 
   }
.image_animation img,
.modula-item-content img{
    transition: transform 0.5s; 
 opacity:0.7 !important;
  z-index:100 !important;
   }

.subtitle {
font: normal normal 300 22px/30px Roboto;
letter-spacing: 5.13px;
color: #FFFFFF;
   }

.vc_column-inner.vc_custom_1692353728139 .vc_column-inner {
position: relative;
}


.wpb_column.vc_column_container.vc_col-sm-12.vc_col-lg-8.vc_col-md-12.vc_col-xs-12.vc_col-has-fill,
.wpb_column.vc_column_container.vc_col-sm-12.vc_col-lg-4.vc_col-md-12.vc_col-xs-12 {
    z-index: 1;
}

#post-11  {
position: relative;
}

.hauptcontainer {
    max-width: 1500px !important;
    display: flex !important;
    justify-content: center !important;
    margin: auto !important;
}

.hauptcontainer .wpb_column.vc_column_container.vc_col-sm-3 {
    padding: 0 !important;
    margin: 0 !important;
}

.inside-article {
    background-color: black !important;
}
.wpb_column.vc_column_container.vc_col-sm-8.vc_col-has-fill {
    z-index: 1;
}
.wpb_column.vc_column_container.vc_col-sm-4,
#kontakt .vc_column_container,
.hauptcontainer .vc_column_container{
    z-index: 1;
}
/*Formular*/
.nf-field-element input,
#nf-field-3{
box-shadow: 3px 3px 6px #00000029 !important;
border: 0.4000000059604645px solid #A55DED !important;
  }

#nf-field-4 {
  opacity: 1 !important;
font-family: 'Bebas Neue' !important;
    font-size: 24px !important;
    color: #fff !important;
    line-height: 27px;
    font-weight: normal;
    letter-spacing: 1.2px;
    background: #fff !important;
 
    background: linear-gradient(249deg, rgba(165,93,237,1) 0%, rgba(90,85,214,1) 100%) !important;
}
.vc_column-inner.vc_custom_1692353728139,
.vc_column-inner.vc_custom_1692698897484{
    background:  #fff !important;
}

div#nf-field-4-wrap {
    text-align: center !important;
}
.nf-form-content,
.nf-form-content label{
    line-height: 36px !important;
    font-family: 'Bebas Neue' !important;
    color: #fff !important;
    letter-spacing: 1.6px !important;
    font-size: 32px !important;
}
#nf-field-10-wrap label,
#nf-label-field-9{
    font-family: 'Roboto' !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    color: #fff !important;
    letter-spacing: 0 !important;
}

#nf-label-field-9 a{
    color: #fff !important;
  letter-spacing: 1px !important;
   font-weight: bold !important;
}


.site-info {
    background-color: #1A2B33 !important;
}
 
.top-bar {
  display:none;
}
.separate-containers .inside-article
{
  padding-top: 0;
}
.bereich_white
{
  color:#5A55D6;
}

.bereich_black .vc_column-inner,
.bereich_white .vc_column-inner{
    display: flex;
    align-items: center;
    max-width: 700px;

}

.ueber_uns .bereich_black.right .vc_column-inner .wpb_wrapper,
.ueber_uns .bereich_white.right .vc_column-inner .wpb_wrapper{
    max-width: 440px;
    margin-left: auto;
    display: flex;
}

.ueber_uns .bereich_black.left .vc_column-inner .wpb_wrapper,
.ueber_uns .bereich_white.left .vc_column-inner .wpb_wrapper{
    max-width: 440px;
    margin-right: auto;
    display: flex;
}




.bereich_black.left .vc_column-inner,
.bereich_white.left .vc_column-inner{
    margin-left: auto !important;
}
.bereich_black.right .vc_column-inner,
.bereich_white.right .vc_column-inner{
    margin-right: auto !important;
}

.start, .flex_wpap {
    display: flex !important;
    flex-wrap: wrap-reverse !important;
}

.leer_mobil2 {
    display: none;
}
@media (max-width: 1500px) { 
  .bereich_white ,
.bereich_black {
    padding-right: 30px !important;
  padding-left: 30px !important;
}
  .leer_mobil,
  .leer_mobil2{
    display: block;
    height:40px !important;
}
}

.site-header {
    z-index: 2;
}

.zweispaltig {
  position:relative;
  height:0 !important;
} 

.animated {
    z-index: 2;
}
.zweispaltig:before {
    position: absolute;
    top: -330px;
    left: -30px;
    content: " ";
    background-image: url(https://vorschau.sauer-michael.de/wp-content/uploads/2023/08/Gruppe-206.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 3079px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    z-index: 1;
   transition: all 2s;

}
.zweispaltig_unten {
  position:relative;
  height:0 !important;
} 

.zweispaltig_unten:before {
    position: absolute;
    top: 500px;
   width: 110%;
    left: -113px;
    content: " ";
    background-image: url(https://vorschau.sauer-michael.de/wp-content/uploads/2023/08/Gruppe-207.svg);
    height: 100vh;
    background-repeat: no-repeat;
    height: 3379px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    z-index: 1;
}

@media (min-width: 1200px) and (max-width: 1700px)  {
  .zweispaltig_unten:before {
   height: 2379px;
}
  }

.kontakt_telefon .vc_col-xs-2 {
    width: 50px !important;
}

.fg-gallery-item, .partner, .galerie     {
    z-index: 1;
}

.entry-content {
    margin-top: -1px;
}


.kontakt_telefon .wpb_single_image .vc_single_image-wrapper {
    padding-top: 5px;
}

.color_lila a {
    color:#A55DED !important;
  padding-left:40px;
  padding-right:40px;
      font-size: 24px;
    font-weight: 500;
}


/* Mobile Menü-Buttons */

button.menu-toggle,
button.menu-toggle:hover,
button.menu-toggle:focus
{
  color: #1a2b33;
}



/* 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: #1a2b33;
}

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: #1a2b33;
    background-color: #1a2b33;
  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: #1a2b33;
}

/* Blog Links */

.post-navigation a,
.entry-meta a {
  color: #1a2b33;
}


/* Top und Footer-Bar */

.site-info,
.top-bar {
    background-color: #1a2b33;
    color: #ffffff;
}



/* 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: #1a2b33 !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a
{
  color: #1a2b33 !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: #1a2b33;
}





/* Anpassung Ninja Forms
---------------------------- */ 


.nf-form-content textarea,
.nf-form-content select,
.nf-form-content input:not([type="button"]),
.nf-form-content input:focus,
.nf-form-content input:-internal-autofill-selected,
.nf-form-content input:-webkit-autofill,
.nf-form-content input:-webkit-autofill:hover,
.nf-form-content input:-webkit-autofill:focus,
.nf-form-content input:-webkit-autofill:active  {
  background-color: #fff !important;
  background: #fff !important;
  transition: background-color 5000s;
  font-size: inherit !important;
}

.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: #1a2b33 !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:  !important;
}

.files_uploaded a, .files_uploaded a:visited {
    color: #990000;
}

.files_uploaded p {
    margin-bottom: 5px;
}

@media (max-width: 768px)  {
.vc_custom_1692270773865 .vc_box_border_grey {
    padding-top: 15px !important;
}
  .vc_custom_1692270785393 .vc_box_border_grey, .vc_custom_1692270998367 .vc_box_border_grey {
    padding-top: 5px !important;
}
h1 {
    line-height: 40px !important;
}
  .hauptcontainer .wpb_single_image {
    text-align: center;
}
  .ueber_uns_title h1,
.ueber_uns_title_unten h1,
.ueber_uns_title_oben h1,
   strong.header_style{
    font-size: 32px;
    font-family: 'Bebas Neue';
    font-weight: normal;
    line-height: 36px;
    letter-spacing: 2.5px;
}
  .main-title a{
     display: none; 
}
    body , p, .color_lila a{
     font-size:22px !important;
}
   h4, #primary-menu a, h3, .main-nav a,
  .nf-form-content label{
     font-size:28px !important;
}

.hauptcontainer {
    padding-right: 30px !important;
    padding-left: 30px !important;
}
  #nf-field-10-wrap label,
  #nf-label-field-9{
    font-size: 18px !important;
    line-height: 22px !important;
}
  
  .subtitle {
    letter-spacing: 1px;
}
  .main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
    padding-left: 30px;
    padding-right: 30px;
}
  }

#menu-hauptmenue a {
    border-right: 1px #fff solid;
}
#menu-hauptmenue a:hover {
    border-right: 1px #5DEDA6 solid;
    transition: all 1s ease-out;
}

.main-nav a {
    color: #ffff !important;
}
.main-nav a:hover {
    color: #5DEDA6 !important;
}

#media_image-3 {
    margin: auto;
    width: 80px;
}
.site-footer {
    position: relative;
    z-index: 1;
}
.kontakt p {
    font-size: 24px !important;
}
