*
        {
		font-family: source-sans-pro, sans-serif;
    }

    html, body
        {
		margin: 0px;
    }

    #BildGross
        {
		margin: 0px;
		position: relative;
    }

        #BildGross img
		{
			width: 100%;
			height: auto;
        }


    #Texte
        {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;

		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		
		margin: 4px 8px 4px 8px;
    }

        #Texte > div
		{
			border: 1px solid silver;
			
			-webkit-order: 0;
			-ms-flex-order: 0;
			order: 0;
			
			-webkit-flex: 1 1 auto;
			-ms-flex: 1 1 auto;
			flex: 1 1 auto;
			
			-webkit-align-self: auto;
			-ms-flex-item-align: auto;
			align-self: auto;
			
			height: 280px;
			margin: 4px;
			max-width: 492px; 
			position: relative;
			width: 492px; 
        }

            #Texte > div:first-child
			{
				margin-right: 8px;
            }
				
            #Texte div.Ueberschrift
			{
                background-color: silver;
                left: 0px;
                height: 36px;
                position: absolute;
                right: 0px;
                top: 0px;
            }

            #Texte h1
			{
                font-size: 90%;
                font-weight: bold;
                margin-top: 8px;
                margin-left: 8px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            #Texte div.Text
			{
                bottom: 0px;
                left: 0px;
                overflow: auto;
                padding: 0px 0px 0px 8px;
                position: absolute;
                right: 0px;
                top: 36px;
            }

                #Texte div.Text > p
				{
                    font-size: 80%;
                    line-height: 1.5em;
                }
				
        @media (max-width: 560px)
        {

            #Texte
			{
				display: -webkit-flex;			
				display: -ms-flexbox;
				display: flex;

				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				
				-webkit-justify-content: flex-start;
				-ms-flex-pack: start;
				justify-content: flex-start;
				
                margin: 4px;
            }

                #Texte > div
				{
                    border: 1px solid silver;
					
					-webkit-order: 0;
					-ms-flex-order: 0;
					order: 0;
					
					-webkit-flex: 1 1 auto;
					-ms-flex: 1 1 auto;
					flex: 1 1 auto;
					
					-webkit-align-self: auto;
					-ms-flex-item-align: auto;
					align-self: auto;
					
                    height: initial;
                    margin: 8px;
                    position: initial;
					max-width: 560px;
					width: auto; 
                }

                    #Texte > div:first-child
					{
						display: block;
                        display: initial;
                    }
					#Texte > div:last-child
					{
						display: none;
					}					

                #Texte div.Ueberschrift
				{
                    height: 22px;
                    margin: 0px 0px 0px 0px;
                    padding: 6px 8px 8px 8px;
                    position: initial;
                }

                #Texte h1
				{
                    margin: 0px;
                    padding: 0px;
                }

                #Texte div.Text
				{
                    overflow: initial;
                    padding: 0px 8px 0px 8px;
                    position: initial;
                }

                    #Texte div.Text > p
					{
                        font-size: 80%;
                        line-height: 1.5em;
                    }
        }