/**********************/
/* BEARBEITET DEN BODY*/
/**********************/


div.body-wrapper  { /* Formatiert Body */
	margin-top: 3%;
	margin-bottom: 30px;
}
body {
   line-height: 2.1;
	font-family: Helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	background-color: #F6F7F7;
 }
.layout-boxed div.body-innerwrapper { /* macht Schatten  // Geisler-EHI aktuell  */
   box-shadow: 2px 19px 18px gray;
}
.layout-boxed div.body-innerwrapper #sp-main-body, #sp-copyright { /* macht Rand  // Geisler-EHI aktuell*/
   border-color: rgb(189, 146, 67);
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-width: 2px;
}
.layout-boxed div.body-innerwrapper #sp-header, #sp-menue-unten { /* macht Rand // Geisler-EHI aktuell  */
   border-color: rgb(189, 146, 67);
   border-right-style: solid;
   border-left-style: solid;
   border-width: 2px;
}
.layout-boxed div.body-innerwrapper #sp-logo-header { /* macht Rand // Geisler-EHI aktuell  */
   border-color: rgb(189, 146, 67);
   border-bottom-style: solid;
   border-width: 2px;
}
h1 {
   font-size: 1.5em;
}
h2 {
   font-size: 1.3em;
}
h3 {
   font-size: 1.1em;
	font-weight: 600;
}
h4 {
	font-weight: 400;
}
h5 {
	font-weight: 600;
}
h6 {
	font-weight: 600;
}
span.spamschutz { /* verhindert, dass eine email von bots richtig gelesen werden kann (zusaetzlicher Text mit span=class"spamschutz" eingefuegt) immer // aktuell */
	display: none;
}


/***************************/
/* Formatiert Logo Header  */
/***************************/

div#sp-logo.col-xs-8.col-sm-12.col-md-12 { /* zentriert Logo // Geisler-EHI aktuell */
   width: 61% !important;
}
div.logo a img.sp-default-logo {  /* zentriert Logo // Geisler-EHI aktuell */
   margin-top: -90px;
   margin-left: 25%;
}


/**********************/
/* Formatiert Menue Header  */
/**********************/

.layout-boxed #sp-header { /* verhindert Schatten // Geisler-EHI aktuell */
   box-shadow: none;
}
.sp-megamenu-parent { /* zentriert das Menue // Geisler-EHI aktuell */
   float:none;
   display: flex;
   justify-content: center;
   align-items: center;
 }


 /*****************************************/
 /* BEARBEITET DAS HAUPTMENue HELIX Version*/
 /*****************************************/

 #sp-header { /* Legt die Huehe Helix Menue fest von Header Row, dadurch die Dicke des Header-Balkens mit dem Helix Menue  // aktuell */
	height: 50px;
   background-color: #bd9243;
}
header#sp-header div.container { /*Bearbeitet Helix Menue - BREITE vom Container fuer Helix-Menue im Header  // aktuell */
	width: 100% !important;
	padding: 0px 0px 0px 10% !important;
   background-color: #ffffff00; /* = durchsichtig */
}
.sp-megamenu-parent > li > a, #offcanvas-toggler { /* Legt die Hoehe Helix Menue fest vom OFF-Canvas, dadurch die Dicke des Header-Balkens mit dem Helix Menue  // aktuell */
	line-height: 50px;
}
header#sp-header div#sp-menu { /* Abstand Menue nach oben // Geisler-EHI // aktuell */
	margin-top: 0px;
  /* background-color: #ffffff;*/
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {  /* Bearbeitet die Schriftgrueuee und Dicke im Helix Menue // Geisler-EHI Werte */
	/*font-family: Roboto Slab;*/
	text-decoration: none;
	font-size: 15px;
	/*letter-spacing: -0.05em;*/
	font-weight: 400;
	color: #ffffff;
}
.sp-megamenu-parent > li.active > a { /* Farbe bei "Aktive" // Geisler-EHI // aktuell */
   color: #5e4009;
   background-color: #ffffff;
}
.sp-megamenu-parent > li:hover > a { /* Farbe bei  "Hover" // Geisler-EHI // aktuell */
   color: #5e4009;
   background-color: #ffffff;
}


 /***********************************************************************************************************************************************************************/
 /* BEARBEITET DEN OFF CANVAS TOGGLER // ACHTUNG - kann auf Desktop Pcues versteckt werden, siehe weiter unten // siehe Media Queries /* OFFCaNVAS auf groueen Bildschirmen*/
 /***********************************************************************************************************************************************************************/

#offcanvas-toggler { /* Vergrueueert den Bereich wo gehovert werden kann // immer // aktuell */
	height: 50px;
   padding-left: 20px;
	padding-right: 20px;
   width: 60px;
}
a#offcanvas-toggler { /* mehr ABSTAND von rechtem Rand und mehr Grueuee auf kleinen Bildschirmen // immer // aktuell */
	margin-right: 5px;
	font-size: 150%;
}
#offcanvas-toggler > i { /* Farbe Off-Canvas Toggler // RKS Estate // aktuell */
    color: #ffffff;
}
#offcanvas-toggler > i:hover { /* Farbe Hover Off-Canvas Toggler //  // aktuell */
    color: #a5a3a1!important;
}


 /**********************************/
 /* BEARBEITET das OFF CANVAS MENue */
 /**********************************/

div.offcanvas-menu{ /* Hintergrund Off-Canvas,  // aktuell */
	background-color: rgba(0, 0, 0, 0.4);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a { /* Linkfarbe im Off-Canvas // immer aktuell */
	color: #fff;
}
.offcanvas-menu .offcanvas-inner { /* schuenes Padding um alle rum // immer aktuell */
    padding: 20px;
}
.close-offcanvas { /* Close Button im Off-Canvas // immer aktuell */
    border: 1px solid #fff;
    border-radius: 100%;
    color: #F30613;
}
div.offcanvas-menu {  /*VERGRueSSERT die OFF CANVAS MENUE BOX  in der Breite wegen langer Menuelinks  // immer aktuell */
   width: 480px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a { /*gibt den geueffneten tieferen HyperLinks mehr Einrueckung, bessere Lesbarkeit  // immer aktuell */
    padding-left: 45px;
}
i.close-icon.fa.fa-angle-up { /* dunkle Farbe Untermenuepfeile // immer aktuell */
	color: #FF6103;
}
i.open-icon.fa.fa-angle-down { /* dunkle Farbe Untermenuepfeile // immer aktuell */
	color: #FF6103;
}
.offcanvas-menu .offcanvas-inner .sp-module { /* Padding herum um Suche im Off-Canvas // immer aktuell */
	padding-left: 20px;
	padding-right: 10px;
}


 /* ===========================
  * BEARBEITET INHALTSBEREICHE
  * =========================== */

div#fox-container-m95 .btn { /* laesst das "Links liegen zu dicht aneinander" Problem von Google*/
    display: inline-block;
    margin-bottom: 30px;
}
.anfahrtSeiteText { /* Gibt dem Text mehr ABSTAND - rechts von der Landkarte, im Menuepunkt "ANFAHRT" Geisler-EHI aktuell */
    margin-top: -3px;
    padding-left: 1%;
}
.beitragSeite { /* GIBT JEDEM TEXTTEIL INNERHALB EINER PAGE EINEN RAND NACH UNTEN */
   margin-bottom: 5%;
}
._Portfolio_rechts div.sppb-row-container {  /*Rahmen unten und rechts - Geisler-EHI neu*/
	border-radius: 14px;
	background: linear-gradient(145deg, #dddede, #ffffff);
	box-shadow:  15px 15px 27px #acadad,
	             -15px -15px 27px #ffffff;
	margin-bottom: 30px;
}
._Portfolio_links div.sppb-row-container { /* Rahmen unten und links - Geisler-EHI neu */
	border-radius: 14px;
	background: linear-gradient(225deg, #dddede, #ffffff);
	box-shadow:  -15px 15px 27px #acadad,
	             15px -15px 27px #ffffff;
	margin-bottom: 30px;
}
form.pwebcontact-form .pweb-field-container { /*  Formatiert Abstand Shack Forms >UNTER< Eingabezeilen // immer aktuell*/
   margin-bottom: 25px;
 }
 div#pwebcontact100 { /*  Formatiert Zeilenhoehe Shack Forms >IN< Eingabezeilen // Geisler-EHI aktuell*/
   line-height: 1.4; 
}

/*******************************/
/* mehrspaltiger Text im HTML */
/*******************************/
p {  /*  Grundsuetzlich, damit Text auf ein Grundlinienraster Formatiert werden kann, siehe Code in Zeile 230 // immer // aktuell */
	margin-bottom: 0px !important;
}
.dreiMehrspaltig {  /*  Formatiert Text in 3 Spalten */
	-webkit-column-count: 3;
	-webkit-column-width: 12em;
   column-count: 3 ;
   column-width: 12em;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	column-gap: 30px;
	hyphens: auto;
	text-align: justify
}
.zweiMehrspaltig {  /*  Formatiert Text in 2 Spalten */
	-webkit-column-count: 2;
	-webkit-column-width: 12em;
   column-count: 2 ;
   column-width: 12em;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	column-gap: 30px;
	hyphens: auto;
	text-align: justify
}


/**********************************/
/* Grundlinienraster Text im HTML */
/**********************************/

p.zweiMehrspaltig  { /*  Formatiert einen Text auf die Grundlinie */
  line-height: 1.5;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
h3.zweiMehrspaltig { /*  Formatiert einen Text auf die Grundlinie */
  line-height: 1.286;
  margin-top: 1.929em;
  margin-bottom: 0.643em;
}

/****************************/
/* BEARBEITET OpenStreetMap */
/****************************/

._OsmMobileFriendly div.leaflet-control-attribution.leaflet-control { /* Gibt den Links in der Map mehr Abstuende */
  font-size: 14px;
	line-height:28px;
}


 /*************************/
 /* BEARBEITET die BILDER */
 /*************************/

.Bild  {  /* RAHMEN und SCHATTEN um irgendwelche BILDER falls gewuenscht  // immer aktuell */
-moz-box-shadow: 2px 2px 2px 2px #dfdfdf;
-webkit-box-shadow: 2px 2px 2px 2px #dfdfdf;
box-shadow: 2px 2px 2px 2px #dfdfdf;
margin-bottom: 15px;
background-color: rgba(223,223,223,1);
}
.Bild h3.sppb-addon-title { /*macht ein Padding fuer die ueberschrift im Bildcontainer // immer aktuell */
padding-top: 10px;
}
.Bild div.sppb-addon-content div.sppb-addon-single-image-container img.sppb-img-responsive { /* macht ein Padding nur um das Bild // immer aktuell */
     padding: 2% 2% 2% 2%;
}
.Bild_Rahmen { /* mit Rahmen und RAND nach UNTEN // immer aktuell */
margin-bottom: 15px;
border-style: solid;
border-width: 3px;
border-color: #909090;
border-radius: 5px;
}
.Bild_Abstand { /* ohne Rahmen mit Abstand nach UNTEN // immer aktuell */
margin-bottom: 50px;
}
img.sp-default-logo.visible-xs {   /* ????//  aktuell  ??? */
	max-width: 105%;
}
/* Bild mit Schatten oben */
.mitSchattenOben div.sppb-addon-content div.sppb-addon-single-image-container img.sppb-img-responsive { /* macht einen dezenten Schatten oberhalb eines Bildes  // immer aktuell */
-webkit-box-shadow: 0px -20px 37px -19px rgba(0,0,0,0.36);
-moz-box-shadow: 0px -20px 37px -19px rgba(0,0,0,0.36);
box-shadow: 0px -20px 37px -19px rgba(0,0,0,0.36);
}
._svg-img img { /* Ein svg als Image, damit es responsiv wird, siehe cei Geisler-EHI Karte SVG, dort HTML mit css Klasse */
width: 100%
}


 /*********************************************************************************************/
 /* FOOTER 1 // BEARBEITET DEN RAND mit dem Menue unten Position: FOOTER 1 // immer // aktuell */
 /*********************************************************************************************/

 div#sp-footer1 { /*  Menue unten // Geisler-EHI   */
   padding: 0px 10% 0px 10%
}
#sp-menue-unten div.sp-module { /* Menuepunkte im RAND zentrieren und Schriftstaerke  // Geisler-EHI  // Werte */
	display: block;
   background-color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	text-transform: uppercase;
	/*letter-spacing: -0.05em;*/
	font-weight: 400;
   padding-top: 4px;
}
#sp-menue-unten a { /* padding // Geisler-EHI // aktuell */
   padding-right: 8px;
}
#sp-menue-unten div#sp-footer1 div.sp-module ul > li { /* Menuepunkte ohne Zwischenstriche  // immer aktuell */
    border-bottom: 0 none;
    display: inline-block;
    padding: 0px 6px 4px 6px;
}
#sp-footer1 .sp-module ul > li > a:before { /* Menuepunkte unten im FOOTER 1, ohne Pfeile im Browser // immer aktuell */
	content: ' ';
}
#sp-footer1 .sp-module ul > li.active > a { /* Farbe bei "Aktive" // Geisler-EHI // aktuell */
   color: #ffffff;
   background-color: #BD9243;
}
#sp-footer1 .sp-module ul > li:hover > a { /* Farbe bei "Hover" // Geisler-EHI // aktuell */
   color: #ffffff;
   background-color: #BD9243;
}

 /*****************************************************************/
 /* SOCKEL // Bearbeitet im BEREICH ==> "SOCKEL" // immer aktuell */
 /*****************************************************************/

.sp-module ul >li { /* Keine Linie unterhalb von Links in einer Liste // immer aktuell */
	border-bottom: none;
}
#sp-sockel .sp-module ul > li > a:before { /* Menuepunkte unten im SOCKEL, mit neuem awesome ICON alle Browser // immer aktuell */
	content: '\f046';
}
#sppb-addon-1507216540261 .sppb-addon-title  { /*  Schriftstuerke der ueberschriften im SOCKEL // RKA // aktuell */
   font-weight: 600;
	font-size: 15px;
	line-height: 22px;
	padding-left: 22px;
}


 /*************************************************************/
 /* FOOTER 2 // Bearbeitet   "Copyright row" // immer aktuell */
 /*************************************************************/

  #sp-copyright { /*  Padding fuer den Text COPyRIGHT, etwas nach unten und nach links // Geisler-EHI // aktuell */
   padding: 30px 2px 30px 2px !important;
	text-align: center;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.8em;
}


 /*******************************************/
 /* MEDIA QUERIES Browserfenster ganz GROSS */
 /*******************************************/

@media only screen and (min-width: 1291px) { /*Fuer Bildschirmflueche ab einer Grueuee von 1341px*/

div.sp-megamenu-wrapper a#offcanvas-toggler {  /*zeigt den OFFCaNVAS auf groueen Bildschirmen*/
  display: none;
}
#sp-sockel .container { /* ganze Breite ausnutzen fuer Container im SOCKEL mit den 6 Modulen Positionen 1-6  */
	width: 100%;
}
}


 /**************************************/
 /* MEDIA QUERIES Browserfenster GROSS */
 /**************************************/

@media only screen and (min-width: 1271px) and (max-width: 1290px) { /*Fuer Bildschirmflueche bis einer Grueuee von 1340px*/

div.sp-megamenu-wrapper a#offcanvas-toggler {  /*zeigt den OFFCaNVAS */
  display: none;
}
li.sp-menu-item a  {  /* weniger Abstuende der Menuepunkte nebeneinander fuer mittlere Bildschirme */
	padding-right: 20px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { /* Bearbeitet die Schrift damit alles in eine Zeile passt */
	font-weight: 500;
	font-size: 14px;
}
.sp-megamenu-parent { /* versteckt das Helix Menue vom desktop*/
	display: block;
}
}

/* MEDIA QUERIES Browserfenster von Mini bis MITTEL */
/***************************************************/

/*@media only screen and (min-width: 1px) and (max-width: 1270px){

div.sp-megamenu-wrapper a#offcanvas-toggler {  /*zeigt den OFFCaNVAS auf groueen Bildschirmen
  display: block;
}
.sp-megamenu-parent { /* versteckt das Helix Menue vom desktop
	display: none;
}
}*/


/***************************************/
/* MEDIA QUERIES Browserfenster MITTEL */
/**************************************/

@media only screen and (min-width: 1100px) and (max-width: 1270px){ /* Zwischengrueuee Fuer Bildschirmflueche von  bis */

div.logo a img.sp-default-logo { /* bringt Logo mehr in die Mitte // Geisler-EHI // aktuell */
   margin-left: 26%;
}
header#sp-header div.container { /*Bearbeitet Helix Menue - BREITE vom Container fuer Helix-Menue im Header // Geisler-EHI // aktuell */
   padding: 0px 0px 0px 8% !important;
}
li.sp-menu-item a  {  /* weniger Abstuende der Menuepunkte nebeneinander fuer mittlere Bildschirme */
	padding-right: 18px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	font-weight: 500;
	font-size: 13px;  /* Bearbeitet die Schrift damit alles in eine Zeile passt */
}
div.sp-megamenu-wrapper a#offcanvas-toggler {  /*zeigt den OFFCaNVAS */
   margin-right: -4%;
   display: block;
}
.sp-megamenu-parent { /* zeigt das Helix Menue vom desktop*/
	display: block;
}
}


/*****************************************************/
/* MEDIA QUERIES Browserfenster Zwischengrueuee MITTEL */
/*****************************************************/

@media only screen and (min-width: 991px) and (max-width: 1100px){ /* Zwischengroesse Fuer Bildschirmflaeche von  bis */

div.logo a img.sp-default-logo { /* bringt Logo mehr in die Mitte // Geisler-EHI // aktuell */
   margin-left: 24%;
}
header#sp-header div.container { /*Bearbeitet Helix Menue - BREITE vom Container fuer Helix-Menue im Header // Geisler-EHI // aktuell */
   padding: 0px 0px 0px 10% !important;
}
li.sp-menu-item a  {  /* weniger Abstuende der Menuepunkte nebeneinander fuer mittlere Bildschirme */
	padding-right: 15px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	font-weight: 400;
	font-size: 12px;  /* Bearbeitet die Schrift damit alles in eine Zeile passt */
}
.sp-megamenu-parent { /* versteckt das Helix Menue vom desktop*/
	display: none;
}
}


/**************************************/
/* MEDIA QUERIES Browserfenster KLEIN */
/**************************************/

@media only screen and (min-width: 769px) and (max-width: 990px) { /* Ansprache gilt fuer Bildschirmflueche von 769px bis zu 990 */

div.logo a img.sp-default-logo.d-none { /* zeigt grosses Logo  */
   display: block !important; 
}
div.logo a img.sp-default-logo.d-block { /* versteckt kleines Logo  */
   display: none !important;
}
div.logo a img.sp-default-logo { /* bringt Logo mehr in die Mitte // Geisler-EHI // aktuell */
   margin-left: 30%;
}   
div.offcanvas-menu {  /*VERGRueSSERT die OFF CANVAS MENUE BOX  in der Breite wegen langer Menuelinks*/
   width: 360px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul .collapse.in > li ul > li > a {  /*gibt den geueffneten tieferen Links mehr Abstand, bessere Lesbarkeit*/
    padding-left: 50px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	font-weight: 400;
	font-size: 11px;  /* Bearbeitet die Schrift damit alles in eine Zeile passt */
}
.sp-megamenu-parent { /* versteckt das Helix Menue vom desktop*/
	display: none;
}
}


/*************************************/
/* MEDIA QUERIES Browserfenster Mini */
/*************************************/

@media only screen and (min-width: 1px) and (max-width: 768px) { /* Ansprache gilt fuer Bildschirmflueche von 1px bis zu 768 */

header#sp-header div.container { /*Bearbeitet Helix Menue - BREITE vom Container fuer Helix-Menue im Header // Geisler-EHI // aktuell */
   padding: 0px 10% 0px 10% !important;
}
a#offcanvas-toggler {  /*zeigt den OFFCaNVAS auf mini Bildschirmen*/
	float: right;
}
#offcanvas-toggler a:hover {
   color: darkkhaki;
}
div.offcanvas-menu {  /*OFF CANVAS MENUE BOX  in der Breite fuer Menuelinks //  // aktuell */
   width: 380px;
}
.sp-megamenu-parent { /* versteckt das Helix Menue vom desktop*/
	display: none;
}
#pwebcontact109_box { /* Kontaktformular ==> nur die Box <== wieder groesser // Geisler-EHI aktuell  */
   max-width: 100%;
 }
 div.pweb-field.pweb-captcha {  /* Kontaktformular allgemein linksbuendig und kein scrollbalken // immer aktuell  */
   overflow-x: visible!important;
   overflow-y:visible!important;
   margin-left: 0px!important;
 }
 div.pweb-field-container.pweb-field-captcha { /* Kontaktformular Captcha verkleinern // immer aktuell  */
   transform: scale(0.90);
   -webkit-transform: scale(0.90);
   transform-origin: 0 0;
   -webkit-transform-origin: 0 0; 
}
div#sp-footer2 { /* vergroessert auf Handy abstand nach unten wegen ueberlappender Links // immer aktuell  */
   padding-bottom: 60px;
}
}


/***********************************************************/
/* Media Queries SAMSUNG TABLET  HOCHFORMAT  ++++++++++++++++              FEHLER FEHLER FEHLER nur in CHROME, auf Samsung Tablet ---dort springt nicht an...... !!!!!!!    */
/***********************************************************/

@media only screen and (max-device-width: 800px) and (orientation : portrait) {
div.body-innerwrapper { /* formatiert Abstuende links rechts oben fuer Tablet hoch */
   margin-top: 1% !important;
   margin-left: 0% !important;
   margin-right: 0% !important;
}
a#offcanvas-toggler { /* mehr ABSTAND von rechtem Rand // RKA aktuell*/
   margin-top: 0%;
   margin-right: 4%;
}
div#sppb-addon-1507117912459.clearfix div.sppb-addon.sppb-addon-text-block.sppb-text-right div.sppb-addon-content { /* zentriert Text unter Foto in KONTAKT auf Mobile  // RKS // aktuell */
text-align: center;
}
}


/*******************************************/
/* Media Queries SAMSUNG TABLET QUERFORMAT */
/*******************************************/

@media only screen and (max-device-width: 1280px) and (orientation : landscape) {

div.body-innerwrapper { /* formatiert Abstuende links rechts fuer Tablets QUER */
   margin-left: 0% !important;
   margin-right: 0% !important;
}
a#offcanvas-toggler { /* mehr ABSTAND von rechtem Rand RKA aktuell*/
   margin-top: 0%;
   margin-right: 4%;
}
div.offcanvas-menu {  /*VERGRueSSERT die OFF CANVAS MENUE BOX  in der Breite wegen langer Menuelinks // RKA aktuell */
   width: 420px;
}
.sp-megamenu-parent { /* versteckt das Helix Menue vom desktop*/
	display: block;
}
}


/*************************************/
/* Media Queries IPAD AIR QUERFORMAT */
/*************************************/

@media only screen and (max-device-width: 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {

div.offcanvas-menu {  /*VERGRueSSERT die OFF CANVAS MENUE BOX  in der Breite wegen langer Menuelinks*/
   width: 420px;
}
a#offcanvas-toggler { /* mehr ABSTAND von rechtem Rand // RKA aktuell*/
   margin-top: 0.2%;
   margin-right: 4%;
}
.sp-megamenu-parent { /* versteckt das Helix Menue vom desktop*/
	display: block;
}
#sp-menue-unten div#sp-footer1.col-sm-12.col-md-12 div.sp-column div.sp-module ul > li { /* Menuepunkte ohne Zwischenstriche  // immer aktuell */
    border-bottom: 0 none;
    display: inline-block;
    padding: 0 0 0 10px;
}
}


/*************************************/
/* Media Queries IPAD AIR HOCHFORMAT */
/*************************************/

@media only screen and (min-device-width: 767px) and (max-device-width: 769px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {

div.body-innerwrapper { /* formatiert Abstuende links rechts fuer IPAD HOCH */
   margin-top: 0% !important;
   margin-left: 0% !important;
   margin-right: 0% !important;
}
.sppb-row, .sp-pagebuilder-row { /* verhindert, dass die Inhalte und die Tabelle ueber den Bildschirm rechts raus gehen // COSMEDA aktuell */
   margin-right: 1% !important;
}
a#offcanvas-toggler { /* mehr ABSTAND von rechtem Rand // RKA aktuell */
   margin-top: 0.2%;
   margin-right: 5%;
}
div.offcanvas-menu {  /*VERGRueSSERT die OFF CANVAS MENUE BOX  in der Breite wegen langer Menuelinks // immer aktuell */
   width: 420px;
}
div#sppb-addon-1507117912459.clearfix div.sppb-addon.sppb-addon-text-block.sppb-text-right div.sppb-addon-content { /* zentriert Text unter Foto in KONTAKT auf Mobile  // RKS // aktuell */
text-align: center;
}
}


/*****************************/
/* Samsung S5 NEO HOCHFORMAT */
/*****************************/

@media only screen and (max-device-width: 400px) and (orientation:portrait) { /* Fuer Geruete bis 360px - Hochformat */

header#sp-header {
    height: 108px !important;  /* macht den Header grueueer, fuer Logo  auf Handys  // RKS // aktuell */
}
.sp-megamenu-parent { /* versteckt das Helix Menue vom desktop*/
	display: none;
}
div.offcanvas-menu {  /*Breite der OFF CANVAS MENUE BOX  in der Breite wegen langer Menuelinks*/
   width: 300px;
}
a#offcanvas-toggler { /* mehr ABSTAND von rechtem Rand // RKA aktuell*/
   margin-top: 0%;
   margin-right: 8%;
}
div#sppb-addon-1486116443016 img { /* versteckt Bild in den Tabs fuer Mobile Telephone // RKS // aktuell  */
display: none!important;
}
.sp-page-builder .page-content #section-id-1486018098900 { /* versteckt auf Mobile Hero Bild Hintergrund  // RKS // aktuell */
background-image: url();
}
div.sppb-flipbox-back.flip-box div.flip-box-inner { /* kleinere Abstuende fuer Mobiltelefone  */
		font-size: 12px;
		line-height: 16px!important;
}
}


/************************************************/
/* HANDYS // Samsung S5 NEO // LG G5 QUERFORMAT */
/************************************************/

@media only screen and (max-device-width: 640px) and (orientation:landscape) { /* Fuer Geruete bis 640px - Querformat */

.sp-megamenu-parent { /* versteckt das Helix Menue vom desktop*/
	display: none;
}
div.offcanvas-menu {  /*Breite der OFF CANVAS MENUE BOX  in der Breite wegen langer Menuelinks*/
   width: 360px;
}
.sppb-row-container {   /* Breite, damit die row nicht rechts rauslueuft*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}
a#offcanvas-toggler { /* mehr ABSTAND von rechtem Rand // RKA aktuell*/
   margin-top: 0%;
   margin-right: 8%;
}
}


/**************************/
/* WEB FONTS lokal einbinden */
/**************************/

/* encode-sans-100 - latin */
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/encode-sans/encode-sans-v7-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/encode-sans/encode-sans-v7-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode-sans/encode-sans-v7-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode-sans/encode-sans-v7-latin-100.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* encode-sans-200 - latin */
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/encode-sans/encode-sans-v7-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/encode-sans/encode-sans-v7-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode-sans/encode-sans-v7-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode-sans/encode-sans-v7-latin-200.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* encode-sans-300 - latin */
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/encode-sans/encode-sans-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/encode-sans/encode-sans-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode-sans/encode-sans-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode-sans/encode-sans-v7-latin-300.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* encode-sans-regular - latin */
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/encode-sans/encode-sans-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/encode-sans/encode-sans-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode-sans/encode-sans-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode-sans/encode-sans-v7-latin-regular.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* encode-sans-500 - latin */
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/encode-sans/encode-sans-v7-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/encode-sans/encode-sans-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode-sans/encode-sans-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode-sans/encode-sans-v7-latin-500.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* encode-sans-600 - latin */
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/encode-sans/encode-sans-v7-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/encode-sans/encode-sans-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode-sans/encode-sans-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode-sans/encode-sans-v7-latin-600.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* encode-sans-700 - latin */
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/encode-sans/encode-sans-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/encode-sans/encode-sans-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode-sans/encode-sans-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode-sans/encode-sans-v7-latin-700.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* encode-sans-800 - latin */
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/encode-sans/encode-sans-v7-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/encode-sans/encode-sans-v7-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode-sans/encode-sans-v7-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode-sans/encode-sans-v7-latin-800.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* encode-sans-900 - latin */
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/encode-sans/encode-sans-v7-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/encode-sans/encode-sans-v7-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode-sans/encode-sans-v7-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode-sans/encode-sans-v7-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode-sans/encode-sans-v7-latin-900.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald/oswald-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Oswald Light'), local('Oswald-Light'),
       url('../fonts/oswald/oswald-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald/oswald-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald/oswald-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald/oswald-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald/oswald-v16-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oswald/oswald-v16-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Oswald Medium'), local('Oswald-Medium'),
       url('../fonts/oswald/oswald-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald/oswald-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald/oswald-v16-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald/oswald-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald/oswald-v16-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald/oswald-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oswald Regular'), local('Oswald-Regular'),
       url('../fonts/oswald/oswald-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald/oswald-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald/oswald-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald/oswald-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald/oswald-v16-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald/oswald-v16-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Oswald SemiBold'), local('Oswald-SemiBold'),
       url('../fonts/oswald/oswald-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald/oswald-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald/oswald-v16-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald/oswald-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald/oswald-v16-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* allerta-regular - latin */
@font-face {
  font-family: 'Allerta';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/allerta/allerta-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/allerta/allerta-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/allerta/allerta-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/allerta/allerta-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/allerta/allerta-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/allerta/allerta-v11-latin-regular.svg#Allerta') format('svg'); /* Legacy iOS */
}