/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 02.12.2017, 18:02:10
    Author     : klugjoha
*/


@media (orientation: portrait)
	{
            .slides div img
            {
                width: auto;
                height: 100%;
                top: 40%;
                left: 50%;
                transform: translate(-50%, -30%);
                margin-top: 0vh;
            }
            .intropics
            {
                margin: 2.5vw;
                width: 15vw;
                font-size: 0.9em;
            }
            .introheader
            {
                padding-top: 1vh;
                padding-bottom: 1vh;
                font-size: 2em;
            }
            .introtext
            {
                padding-left: 2vw;
                padding-right: 2vw;
                padding-top: 2vh;
                font-size: 1.5em;
            }
            .slides .bild .ageneraltext
            {
                font-size: 2.5vh;
            }
            .slides .bild .ageneral a
            {
                font-size: 2.5vh;
            }
            .slides .bild .unten
            {
                line-height: 5vh;        
                height: 5vh;
                font-size: 2.5vh;
            }
        }
        @media (orientation: landscape)
        {
            .slides div:first-child div
                {
                 font-size: 3vw;
            }
            .slides .bild .kopfzeile
            {
                font-size: 6vh;
            }
            .slides div img
            {
                width: 100%;
                height: auto;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -47%);
            }
            .slides .bild .ageneraltext
            {
                font-size: 2.5vw;
            }
            .intropics
            {
                margin-left: 5vw;
                margin-right: 5vw;                
                margin-top: 2vw;
            }
            .intropics a
            {
                font-size: 0.8em;
            }
            .slides .ageneral
            {
                height: 10vh;                
            }
            .introheader
            {
                padding-top: 0;
                padding-bottom: 0;
                font-size: 2em;
            }
            .introtext
            {
                padding-left: 1vw;
                padding-right: 1vw;
                font-size: 1em;
            }
            .slides .bild .unten
            {
                margin-top: 60vh;
                line-height: 10vh;
                line-height: 10vh;        
                height: 10vh;
                font-size: 2.5vw;
            }
            .aright, .aleft
            {
                line-height: 10vh;
            }               
                
        }