/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

-----------------------------------------------------------------
Dieses Stylesheet NUR für die "Tablet/Desktop"-Ansicht verwenden!
-----------------------------------------------------------------

Wichtig:
--------

-> Media-Query, wie z.B.: @media (max-width: 767px) sind bei meinem Design irrelevant, da die Breite des 
   Bildschirms (Viewport) bei meinem 3-Säulen-Design NICHT entscheidend ist! Nur die Breite der Mittelsäule zählt!

-> UIkit Device-Erkennung, wie z.B. @s @m @l @xl, ist ebenfalls in meinem Fall irrelevant, da die Breite des Bildschirms 
   (Viewport) bei meinem 3-Säulen-Design NICHT entscheidend ist! Beispiele (siehe https://getuikit.com/docs/visibility):
      uk-hidden@s   Only affects device widths of 640px and larger.
      uk-hidden@m   Only affects device widths of 960px and larger.
      uk-hidden@l	Only affects device widths of 1200px and larger.
      uk-hidden@xl	Only affects device widths of 1600px and larger.

Entscheidend bei meinem 3-Säulen-Design ist ausschliesslich eine Kombination aus Mittelsäulenbreite und Bildschirmbreite (Viewport) des 
Geräts, um zu bestimmen, welches Stylesheet geladen wird. Sich allein auf die Bildschirmbreite (Viewport) zu verlassen, ist FALSCH!

Ob ein bestimmtes CSS-File geladen wird, entscheidet sich dynamisch in der Funktion «setDeviceType()» innerhalb von «master.master». 
Die Breite der Mittelsäule korreliert in den seltensten Fällen – wenn überhaupt – mit der Viewport-Bildschirmbreite (möglicherweise bei 
bestimmten Tablet-Geräten, bei denen nur die Themencloud wegfällt). Sich ausschliesslich auf die Viewport-Bildschirmbreite zu verlassen, 
ist nicht zielführend, sondern schlichtweg FALSCH!

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*-----------------------------------------------------------------*/

/*  Anpassen der Page-Seitenränder (nur Mittelsäule!) 
    
    Achtung nur auf diesen Seiten: 
    ------------------------------
    angebote.aspx
    chat.aspx
    kontakt.aspx
    passwort.aspx
    profil.aspx
    register.aspx
*/

.roland_custom_page_padding {
    padding: 30px 30px 40px 30px !important; /* Passe die Polsterung nach Bedarf an */
}

/* Betrifft nur die beiden grünen Balken im "profil.aspx"! Linker-Rand-Korrektur: grüner Balken wieder linksbündig nach Linker-Rand-Verbreiterung oben */
.roland_custom_page_padding_korrektur_profil_balken {
    margin-left: -10px !important; /* Passe die Polsterung nach Bedarf an */
}

/* Betrifft nur den weissen Text in den beiden grünen Balken im "profil.aspx"! */
.roland_custom_page_padding_korrektur_profil_text {
    margin-left: -2px !important; /* Passe die Polsterung nach Bedarf an */
}

/*-----------------------------------------------------------------*/