/* IMPORT GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css?family=Work+Sans:200');
@import url('https://fonts.googleapis.com/css?family=Roboto:100');

/*=================================================*/


/* JCE EDITOR ELEMENTE AUSBLENDEN */

/*Button Versions */
.btn-group #versionsModal {
  display:none !important;
}

/* JCE Editor, Buttons ausblenden*/
#editor-xtd-buttons {
 display:none !important;
}
/* ENDE JCE EDITOR Button ausblenden*/


/*=================================================*/

/* icon panorama*/
.fa-picture-o {
  color:black !important;
}


/*=================================================*/


/* page display (user menu - artikel erstellen)*/
.menu_link_neuer_artikel,
.menu_link_artikel_erstellen{
  background-color:white;
}

/*=================================================*/

body {
  /* BG-Bild*/
  /*background-image:url("/images/bg.jpg");*/
  background-image:url("/images/bg.jpg");
  background-repeat: repeat-y;
  background-position:0px 220px;
  background-size: 100%;
 
}

/*=================================================*/

/* BANNER */

#banner_container {
  /* Gesamt container 100% - div's innerhalb Container werden individuell gestylt */
  width:100%;
  margin-top:70px;/* enstprechende der hoehe der Navigation */
  /*border-bottom:20px solid orange;*/
  
    
/* BG Verlauf (Online-Generator)*/
   background: -moz-linear-gradient(269deg, rgba(238,236,222,1) 0%, rgba(140,145,36,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238,236,222,1)), color-stop(100%, rgba(140,145,36,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(269deg, rgba(238,236,222,1) 0%, rgba(140,145,36,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(269deg, rgba(238,236,222,1) 0%, rgba(140,145,36,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(269deg, rgba(238,236,222,1) 0%, rgba(140,145,36,1) 100%); /* ie10+ */
    background: linear-gradient(181deg, rgba(238,236,222,1) 0%, rgba(140,145,36,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeecde', endColorstr='#8c9124',GradientType=0); /* ie6-9 */ 
  
  /* einfarbiger BG*/
  background:black;
  /* Background Image 
    background: url("/images/bg_banner.jpg");
    background-image:url("http://www.gitarre-spielen.ch/test/images/banner_bg.jpg")!important;
    background-repeat: repeat-x;
  */ 
}


/* BANNER BILD */
#banner_container img {
  display:block;
  margin-left:auto;
  margin-right:auto;

}
/* ENDE BANNER */


/*=================================================*/


/* LOGO (Modul)*/
/* Gesamt-container ACHTUNG liegt über dem hmenu */
#logo_container {
  display:block;
  z-index:2010;/* Liegt eine Ebene über Menu (hmenu) welches auf z-index: 2000 liegt */
  position:fixed;
  
  /*left:14%;
  width:auto;/* Weite = Laenge des Logo-Schriftzuges */

  width:100%; 
  text-align:center;/* zentrieren */
  
  /* falls keine css-var eingesetzt werden, wert fix eingben*/
  /*height: calc(var(--menu-hoehe) - 1px);*/
  
  /*height:61px;*/
  height:70px;


  background:white;

}


/* LOGO uns SCHRIFT */
#logo_container .logo {

  margin-top:20px;
  /*font-family: "Montserrat", sans-serif;*/
  font-family:"Arial Black", Gadget, sans-serif;
  font-size:36px;
  font-size:43px;
}


 /* Text drums */
#logo_container .logo #txt_drums {
 display:inline;
 color:#ffbd37;

 text-shadow:1px 1px 0px rgba(0,0,0,0.5);
  /*background-color:orange;*/
  
  /* 900 und 500 verfügbar */
  font-weight: 900;
  
  
}

 /* Text only */
#logo_container .logo #txt_only {
  
  /* 900 und 500 verfügbar */
  font-weight: 900;
  color:black;

  
}

 /* Text switzerland */
#logo_container .logo #txt_switzerland {
  /* 900 und 500 verfügbar */
  font-weight: 400;
  font-size:16px;
  color:grey;
 
}
/* ENDE LOGO MODUL */



/*=================================================*/



/* MENU ICONS AUSBLENDEN (hmenu Desctop) */
/* Icons ausblenden (navi desctop) */
.link_aktuell img,
.link_drumshop img,
.link_schlagzeugschule img,
.link_proberaum img,
.link_links img,
.link_gianco_fucito img {
   display:none;  
}


/*=================================================*/


/* LANGUAGE SWITCHER MODULE */
.moduletable .sprachauswahl {
  position:fixed;
  z-index:23333;
  right:40px;
  top:21px;
}


/* LANGUAGE SWITCHER (Link DE und EN )*/
div.mod-languages a{
   color:black;
   padding:0px;
}

div.mod-languages a:hover{
   color:#009bd5;
  color:grey;
}

div.mod-languages li {
   font-size:16px;
   color:black; 
   margin-left:0px !important;
   /*text-transform:lowercase !important;*/
  
}

div.mod-languages li:first-child {
  border-left: 1px solid black;
  padding-left:8px; 
}
/* ENDE LANGUAGE SWITCHER MODULE */


/*=================================================*/


/* MENU-ITEMS (Vertical Menu Hintergrundbild)*/
/*
.off-menu_96 .level1 .off-nav-114{

  background:url("http://www.gitarre-spielen.ch/test/images/stick.png") !important;
  background-repeat: no-repeat !important;
}

.off-menu_96 .level1 .off-nav-175{
  background:url("http://www.gitarre-spielen.ch/test/images/stick.png") !important;
  background-repeat: no-repeat !important;
}

*/


/*=================================================*/
/* MENU ITEMS VERICAL MENU (Farbstreifen bei den Raender)
.off-menu_96 .level1 .off-nav-114{
  border-right:10px solid orange !important;
}
.off-menu_96 .level1 .off-nav-175{
  border-right:10px solid red !important;
}

.off-menu_96 .level1 .off-nav-104{
 border-right:10px solid CornflowerBlue  !important;
}

.off-menu_96 .level1 .off-nav-102{
 border-right:10px solid coral !important;
}
*/

/* ENDE MENU-ITEMS (BG und Farbstreifen)*/

/*=================================================*/



/* MENU LINK EINLOGGEN (Hauptmenu)*/
/* icon Einloggen (Link) */
.menulink_einloggen:before {
  font-family: "FontAwesome";
  content:"\f090"!important;/*font awesome css content values */
  font-size:16px;
  padding-right:10px;
  color:black;
  
}


/* MENU LINK AUSOGGEN (Hauptmenu)*/
/* icon Ausloggen (Link) */
.menulink_ausloggen:before {
  font-family: "FontAwesome";
  content:"\f08b"!important;/*font awesome css content values */
  font-size:16px;
  padding-right:10px;
  color:black;
}

/* ENDE MENU LINK EINLOGGEN (Hauptmenu)*/



/*=================================================*/



/* LOGIN FRONTEND */

/*(s. override > html > com_users > login > default_login.php) */

/* Hauptcontainer */
.login {
  display:block;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  width:34%; /*Weite LOGINFENSER*/
  border-radius:0px 0px 10px 10px;
  /*border:1px solid rgba(0,0,0,0.3);*/
  background-color:rgba(250,250,250,0.9);
}



/* Innencontainer */
.login .form-validate {
  border:none;
  background:none;
  box-shadow:none;
}


/* Titel hinzufügen (s. override > html > com_users > login > default_login.php)*/
.login .mein_login_titel {
  padding-top:30px;
  padding-bottom:40px;
  font-size:30px;
  font-weight:600;
  color:black;
  text-align:center;
}


/* Feldercontainer*/
.login fieldset {
  width:100%;
  padding:0px;
  border:none;
  margin:auto;
  border-radius:10px;
  padding-bottom:50px !important;
  background:lightblue;
  background:none;
}


/* Feldergruppen (titel+inputfeld)*/
 .control-group {
   width:80%;
   clear:both;
   margin:auto;
   padding:0px;
   border:none; 
}


/* Felder-Container (label)*/
 .control-group .control-label{
   width:100%;
   text-align:center;
   background:green; 
   background:none; 
}


/* Felder-Container (controls)*/
 .control-group .controls{
   width:100%;
   margin:auto;
   text-align:center;
   background:red;
   background:none;  
}


/* Imputfelder (Username und Passwort) */
.control-group #username,
.control-group #password {
  text-align:center;
  font-size:16px;
  font-weight:400;
  padding:0px;
  height:40px;
  width:100%;
  border:none;
  /*border:1px solid rgba(0,0,0,0.3);*/
  border-radius:10px;
  box-shadow:none;
}


/* Wenn die Imputfelder den Focus haben */
.control-group #username:focus,
.control-group #password:focus {
     border:none;
     outline:none;
}



/* Text oberhalb der Imputfelder */
/* Text im Eingabefeld im .xml-File mit "hint" definieren: (components\com_users\models\forms\login.xml)*/
.control-group #username-lbl,
.control-group #password-lbl {
  /* Ausblenden */
  display:none;
  /* display:none; */
  font-size:16px;
  font-weight:200;
  text-transform: uppercase;
  color:black; 
}


/* BUTTON Login */
.login .control-group .btn-primary{
  width:100%;
  margin-top:10px;
  height:50px;
  border-radius:10px;
  text-shadow:none;
  color:white; /* btn-txt-farbe*/
  font-size:16px;
  font-weight:400;
  border:none;
  background-color:rgba(0,108,147,0.8); 
}


/* BUTTON Login hover */
.login .control-group .btn-primary:hover{
  background-color:rgba(0,108,147,0.7); 
}


/* Joomla Warnhinweis falls falsches Passwot */
.alert-heading,
.alert-message {
  text-align:center !important;
}
/* ENDE LOGIN FRONTEND /*



/*=================================================*/



/*IMAGE GALLEY WERBUNG AUSBLENDEN (Free Version: Light, von Ordasoft.com) */
.copyright-link{
  /* werbung ausblenden */
  display:none !important;
}

.os-cat-tab-images{
  width:80% !important;
  margin:auto !important;
}
/* ENDE IMAGE GALLERY*/


/*=================================================*/


/* BUTTON BACK (alle innerhab Artikeln)*/
.btn_back {
    display:block;
    margin-left:auto;
    margin-right:auto;
    background:none;
   text-decoration: none;
   border:none;
   box-shadow:none;
    color:black;
    padding: 10px;
    text-align: center;
    
    font-size: 16px;
    cursor: pointer;
}

.btn_back:hover {
  color:lightblue;
}

/* pfeilchen back*/
.btn_back:before{  
  font-family: "FontAwesome";
  content:"\f104"!important;/*font awesome css content values */
  font-size:20px;
  font-weight:bold;
  margin-right:10px;
}
/* Ende BUTTON BACK */


/*=================================================*/


/* FONT AWESOME ICONS */

/* Schloss */
.fa-lock{
    color:rgba(0,0,0,0.5); 
    font-size:1em !important;   
}


/*=================================================*/


/* hMENU (Hauptnavigation (reines css Desctop-menu) 
s. hmenu.css */


/*=================================================*/


/* PAGE RANDLOS */
body.site {
  /* streifen */
	border-top: 0px solid rgba(0,34,0,1)!important; 
	margin:0px;
	padding:0px;   
}



.container-fluid::before {
  margin:0px;
  padding:0px;
}

.container-fluid {
  margin:0px;
  padding:0px;;
}


/* HEADER (Randlos)*/
.header {
  margin:0px;
  padding:0px;
}
/* ENDE PAGE RANDLOS */



/*=================================================*/


/* RAUMUFTEILUNG (weite aller drei (Links, Mitte, Rechts) zusammen = 100% (row-fluid)*/

/* TUTTI */
.row-fluid {
 margin:0px;
 padding:0px;
}


/* Linke Seite (modul position 8)*/
.row-fluid #sidebar{
  float:left;
  padding:0px;
  margin:0px; 
  background-color:red;  
}

/* Mitte */
.row-fluid #content {
   padding:0px;
   margin:0px;
   /*padding-top:60px;*/
   padding-top:0px;
   padding-bottom:150px;
   background-color:none;
}


/* Rechte Seite (modul position 7)*/
.row-fluid #aside {	
  float:right;
  padding:0px;
  margin:auto;
  background-color:coral;  
}


/* CONTAINER WELL (innerhalb #aside) */
#aside .well {
  border:none !important;
  background:white !important;
  border-radius:0px; !important;  
}



/* ENED RAUMAUFTEILUNG (Links, Mitte, Rechts)*/


/* ===========================================*/


/* CONTENT (Artikel) GLOBAL SETTINGS */


#content a{
   text-decoration:none !important;
   color:#006080;
}

#content a:hover{
  color:#0089cd;
  cursor:pointer !important;
}


/* SCHRIFT */
#content{ 
  /* Schriftformatierung */
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: Arial, Helvetica, sans-serif;
  /*font-family: "Montserrat", sans-serif;*/
  text-align:left;

  font-weight:100;
  color:black;
  line-height:138%;
  font-size:16px; /* 1em = 100% = 16 px */
 
  /* hyphens */
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important; 
  -o-hyphens: auto !important;  
}




/* BILDER */
#content img {
  border-radius: 10px !important;
}
/* ENDE CONTENT (Artikel) GLOBAL SETTINGS */


/* ======================================== */


/*GLOBAL UND INDIVIDUELLE PAGE (Artikel) SETTINGS (page-class beim Menu-link)*/
/* Globale Settings(page display)*/
.menu_link_home,
.menu_link_aktuelles,
.menu_link_zu_besuch,
.menu_link_schlagzeugladen,
.menu_link_laden,
.menu_link_downloads,
.menu_link_mieten_kaufen,
.menu_link_raritaeten,
.menu_link_schlagzeugschule,
.menu_link_laden,
.menu_link_proberaum,
.menu_link_gianco_referenzen,
.menu_link_gianco_tv,
.menu_link_gianco_live,
.menu_link_leonardo,
.menu_link_links,
.menu_link_einloggen,
.menu_link_occasionen,
.menu_link_kurzbio{
  display:block;
  position:relative;
  max-width:680px;
  margin-left:auto;
  margin-right:auto;
  background-color:rgba(250, 250,250, 0.9);
  padding:20px;
  padding-top:50px;
  border-radius:0px 0px 10px 10px;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); 
}
/* Ende globale Settings */



/* Individuelle Settings (Page-Class) */ 
/* Gianco der Musiker > Aktuelle Live Auftritte */
.menu_link_gianco_live hr{
  border:none;
  border-top:1px dashed black;
}

.menu_link_gianco_live img {
  width:100%;
}


/* Schlagzeugladen > Downloads*/
.menu_link_downloads img{
 /* korrektur Bilderposition*/
  margin-left:-12px;
}



/* Zeitungsdarstellung (spalten) */
.menu_link_links,
.menu_link_gianco_referenzen{
  
  /* Anzahl Spalten (column) */
   column-count: 3;
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  
  column-gap: 50px;
  -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
  -moz-column-gap: 50px; /* Firefox */

  column-rule: 1px dashed black;
  -webkit-column-rule: 1px dashed black; /* Chrome, Safari, Opera */
  -moz-column-rule: 1px dashed black; /* Firefox */  
  
}
/* Zeitungsdarstellung (spalten) */




/* Icons Check-circle (Font Awesome)*/
.menu_link_schlagzeugschule em,
.menu_link_proberaum em{
  font-size:23px;
  color:green;
  padding-right:10px;
  
}


/* Icon Kamera (Font Awesome) */
.fa-camera,
/*Icon Fehrnrohr (Font Awesome)*/
.fa-binoculars {
  color:black !important;
}
/* Ende individuelle Settings */

/*ENDE GLOBAL UND INDIVIDUELLE PAGE SETTINGS (page-class beim Menu-link)*/



/* ======================================== */


/* EIGENER SCROLLER (s. scroll_top.js, zum regeln, ab welcher Scroll-Hoehe der Scroller eingeblendet werden soll)*/

/* Gasmat Container (Kreis-div und das sich im Kreis befindlichen Icon)*/

.meinScroller {
  position:absolute;
  display:block;
  width:100%;
  margin-top:-40px;
}



/* falls der Scroller immer eingeblendet werden soll (fix) positioniert werden soll, dann diesen code verwenden:*/

/*Gesamt-Scroller platzierung*/
/*
.meinScroller {
  position:fixed;
  z-index:66666;
  display:block;
  bottom:30px;
  left:calc(100% - 320px);

  /* Zentrieren 
  left: 50%;
  transform: translateX(-50%);
}
*/




/* Kreis (div)*/
.scrollToTop {
  display: none;/* wird per JS ab einer bestimmten Scrollhoehe aktiviert */
  position:relative;
  cursor: pointer;
  margin:auto;
  /*background:rgba(0,108,147,1);*/
  background: rgba(0,0,0,1);
  width:50px;
  height:50px;
  text-decoration: none;
  border:8px solid white;
  border-radius: 50%; /* Kreisform generieren */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
   box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2);
  
  /* Fade-animatin */
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


/* Pfeilchen (im Kreis) (font awesome icon)*/
.scrollToTop .icon-chevron-up {
  position: absolute;
  font-size:19px;
  color: #fff;
  top: 50%;
  left: 46%;/* sollte eigentlich 50% sein? */
  margin-right: -50%;
  /* Das ist notwendeig, um den Mittelpunkt, welcher eben oben links ist, in die wirkliche geometrische Mitte zu setzen*/
  transform: translate(-50%, -50%);

}


/* hover farbe */
.scrollToTop:hover {
  /*background: rgba(0,0,0,1);*/
  background:rgba(0,108,147,1); 
  background:#00548c;
  background: #ffbd37;
}


/* Scroll icon - Font Awesome (scrolltempo s. template.js)*/
.fa-chevron-circle-up {
  font-size:3em !important;
  padding-bottom:40px;
}

/* ENDE EIGENER SCROLLER */


/*===============================*/



/* EIGENER FOOTER (Modul)*/

/* footer container */
.mein_footer {
  display:block;
  width:100%;
  height:530px; /* die kind divs passen sich dieser Hoehe an */
  /*background:rgba(0,108,147,1); */
}



/* Texte innerhalb Spalten */
.mein_footer .txt_container {
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;
  margin-left:20px;
  font-size:16px;
  color:rgba(250,250,250,0.8);
  text-align:left;
 
}


/* Farbe Icons Font Awesome */
.mein_footer .txt_container em{
 padding-right:10px!important;
  color:#ffbd37;
}

/* Alle Icons Groesse */
.mein_footer .fa { 
  transform: scale(1.2,1.2); 
}

/* Icons (Font Awesome)/*
/* Facebook*/
.mein_footer .fa-facebook-official{
  color:#0484ff !important;
  /*font-size:21px !important;*/
  /*padding-right:-5px; */
}

/* Google Marker */
.mein_footer .fa-map-marker{
  color:red !important;
  /*padding-right:-5px; */
}

/* Instagramm*/
.mein_footer .fa-instagram{
  color:#b400ff !important;
  /*font-size:21px !important;*/
  /*padding-right:-5px; */
}



/* Ende Icons Font Awesome */


/* Linkfarben */
.mein_footer a{
  color:rgba(250,250,250,0.8);
}

.mein_footer a:hover{
  color:rgba(250,250,250,1);
  text-decoration:none;
}


/* Titel*/
.mein_footer .farbe_weiss{
  color:white !important;
}
.mein_footer .farbe_orange{
  color:#ffbd37 !important;
}



/* 3 SPALTEN Footer */

/* Nebeneinander */
#footer_linke_spalte,
#footer_mittlere_spalte,
#footer_rechte_spalte {
  float:left;
  height:100%;/* Hoehe anpassen an den Eltern div */
 
}

/* hr (werbung domedi-design)*/
#footer_linke_spalte hr{
  border:none;
  border-top: 1px dashed rgba(250,250,250, 0.5);
  width:80%;
}


/* individuelle Styles */
/* spalte 1*/
#footer_linke_spalte{
  width:33.33%;
  background:rgba(59,43,29,1);
}

/* spalte 2*/
#footer_mittlere_spalte{
  width:33.33%;
  background:rgba(59,43,29,0.9);
}


/* spalte 3*/
#footer_rechte_spalte{
 width:33.33%;
 background:rgba(59,43,29,0.8);
}

.clear{ clear:both; }
/* ENDE EIGENER FOOTER */

/*=================================================*/



/* =======|  @MEDIA QUERIES  |=========== */


/* ::::::::::| DESCTOP |:::::::::::: */

/* 1200px und kleiner */
@media only screen and (max-width:1200px) {


}




/*:::::::::| IPADs |::::::::: */

/* LANDSCAPE */
@media only screen and (max-width:1100px) {

    /* hmenu (hmenu.css) deaktivieren da jetzt, unter 1000px (max-width:1000x) das mobile-menu eingeblendet wird  */
  #hmenu {
    display:none !important;
  }
  
  #banner_container {

  margin-top:60px;/* enstprechende der hoehe der Navigation */
  }

  
  /* LOGO CONTAINER  */
    /* Konzept: der logo-container, dessen Weite vorher nur auf das Logo beschränkt war, ersetzt nun visuell den hmenu-balken */
  #logo_container {
    left:0px;
    top:0px;
    width:100%; 
    text-align:center;/* zentrieren */
    /* gleicher Schatten wie hmenu (s. hmenu.css) */
    border-bottom:1px solid rgba(0,0,0,0.2); 
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2);
  }  
}



/* PORTRAIT */
@media only screen and (max-width:600px) {
  
      
  /* LANGUAGE SWITCHER MODULE (DE EN)*/
  .moduletable .sprachauswahl {
    right:10px;
  }
   
  
  /* VERTICAL MENU (menu psychologie)
  .off-menu_114.mein_modul{
    width:90% !important;
  }*/
  
  
  /* CONTENT (Artikel) GLOBAL SETTINGS */
  
  #content {
    padding-bottom:70px !important;
    font-size:16px;
    text-align:left;
  }
  /* ENDE CONTENT (Artikel) GLOBAL SETTINGS */
  
  
   /* INDIVIDUELLE SETTINGS (page display)*/
   .menu_link_home,
   .menu_link_aktuelles,
   .menu_link_schlagzeugladen,
   .menu_link_downloads,
   .menu_link_laden,
   .menu_link_mieten_kaufen,
   .menu_link_occasionen,
   .menu_link_raritaeten,
   .menu_link_schlagzeugschule,
   .menu_link_laden,
   .menu_link_proberaum,
   .menu_link_gianco_referenzen,
   .menu_link_gianco_tv,
   .menu_link_gianco_live,
   .menu_link_leonardo,
   .menu_link_links_marken,
   .menu_link_links,
   .menu_link_einloggen {
    /*max-width:80%;*/
    padding:20px;
    padding-top:20px;
  }
   
  
  /* Zeitungsdarstellung )*/
  .menu_link_links,
  .menu_link_gianco_referenzen{

  /* Zeitungsdarstellung */
    column-count: 1;
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */ 
  }
  

   /* ENDE INDIVIDUELLE SETTINGS (page display)*/
  
   
  /* LOGIN */
  .login {
    width:90%;
    margin:left;
  }
  
  
  /* LOGO Schrift*/
   /* Logo selber (korrektur der position)*/
   #logo_container .logo{
     margin-left:-20px;/* positionieren falls nötig*/
   }
  
  #logo_container .logo {
    font-size:25px;
  }
   /* ENDE LOGO Schrift */
  
  /*
   .meinScroller {
     left:10px;
     bottom:10px;
  }
  */
  
    /* FOOTER SPALTEN */
  #footer_linke_spalte,
  #footer_mittlere_spalte,
  #footer_rechte_spalte {
    width:100%;
    
  }
  
  /*360 Panorama Bilder */
  .embed_iframe{
    height:200px;
    width:100%;
  }

 
}



/* :::::::::|  HANDYs |:::::::::: */


/*  (IPHONE 6,7,8 plus) */
/* HOCH UND QUERFOMAT ZUSAMMEN (Portrait and Landscape )*/

@media only screen and (max-width:414px) {
  
}



/* Iphone 5 und 5S */
/* HOCH UND QUERFOMAT ZUSAMMEN (Portrait and Landscape )*/
@media only screen and (max-width:320px) {

 
}

 

/* ===== ENDE @MEDIA QUERIES ========*/