/*

Theme Name: Peter Vogl Design V2
Theme URI: http://vits.at
Description: Mein eigenes Theme
Version: 2
Author: Peter Vogl
Author URI: http://vits.at


This website and it's design, logo and code are the property of Peter Vogl, it is not a template that you can borrow, adapt or copy. Please exercise your own creativity and do your own thing.

All the materials contained by this web site - texts, images, drawings, logos or any other elements related to its structure and design - are owned by Peter Vogl and are protected by the intellectual property rights.

It is forbidden to reproduce, transform, distribute or exploit in any other way the materials contained by this site, without an express authorization provided by Peter Vogl. 

-

Das Design, das Logo und der Programmcode dieser Webseite ist das Eigentum von Peter Vogl. Es ist kein Template das du dir ausborgen, anpassen oder kopieren kannst. Bitte lass deine eigene Kreativitaet spielen und mach dein eigenes Ding.

Alle Materialien, die auf dieser Webseite enthalten sind - Texte, Bilder, Zeichnungen, Logos oder jegliche andere Elemente in Bezug auf deren Struktur und Design - befinden sich im Besitz von Peter Vogl und unterliegen dem Schutz des geistigen Eigentums.

Es ist verboten, die von dieser Webseite enthaltenen Materialien, ohne eine ausdrueckliche Genehmigung seitens Peter Vogl abzubilden, zu verbreiten oder in einer anderen Art zu benuetzen.


*/


/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */


@font-face {
font-family: 'vibrationgothicregular';
src: url('https://www.vits.at/fonts/vibrationgothic-regular-webfont.eot');
src: url('https://www.vits.at/fonts/vibrationgothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('https://www.vits.at/fonts/vibrationgothic-regular-webfont.woff') format('woff'),
url('https://www.vits.at/fonts/vibrationgothic-regular-webfont.ttf') format('truetype'),
url('https://www.vits.at/fonts/vibrationgothic-regular-webfont.svg#vibrationgothicregular') format('svg');
font-weight: normal;
font-style: normal;
}

/*
@font-face {
font-family: 'vibrationgothicregular';
src: url('http://vits.at/fonts/dinpro-bold.eot');
src: url('http://vits.at/fonts/dinpro-bold.eot?#iefix') format('embedded-opentype'),
url('http://vits.at/fonts/dinpro-bold.woff') format('woff'),
url('http://vits.at/fonts/dinpro-bold.ttf') format('truetype'),
url('http://vits.at/fonts/dinpro-bold.svg#vibrationgothicregular') format('svg');
font-weight: normal;
font-style: normal;
}*/


body {
	font-family: vibrationgothicregular;
	background-color: #F16532; /*#F26531;*/
	background-image:url(https://www.vits.at/img/bg.jpg);
    background-repeat:repeat;
	font-weight: normal;
	}
	
#leiste-oben {
    background: none repeat scroll 0 0 #231F20;
    color: #F26531;
    /*font-family: 'Droid Sans',sans-serif;*/
    font-size: 20px;
    height: 30px;
    text-align: left;
    width: 100%;
    font-weight: normal;
}

a:link {
    color: #F26531;
    text-decoration: none;
    line-height: 1.5em;
}

a:active {
    color: #F26531;
    text-decoration: none;
    line-height: 1.5em;
}

a:visited {
    color: #F26531;
    text-decoration: none;
    line-height: 1.5em;
}

a:hover {
    color: #FFFFFF;
    text-decoration: none;
    line-height: 1.5em;   
}

.mail a:link {
    color: #FFFFFF;
    text-decoration: underline;
    line-height: 1.5em;
}

.mail a:active {
    color: #FFFFFF;
    text-decoration: underline;
    line-height: 1.5em;
}

.mail a:visited {
    color: #FFFFFF;
    text-decoration: underline;
    line-height: 1.5em;
}

.mail a:hover {
    color: #231F20;
    text-decoration: underline;
    line-height: 1.5em;   
}

.haupttext {
	color:white;
	font-size:100px;
	line-height: 0.95em;
	margin-left:0px;
	margin-top:10px;
}

.subtext {
	margin-top:0px;
	color: #231F20;
	font-size:40px;
	line-height: 1.8em;
	margin-left:0px;
}

.subtext1 {
	margin-top:0px;
	color: #231F20;
	font-size:20px;
	line-height: 1em;
	margin-left:0px;
}

.subtext2 {
	margin-top:20px;
	color: white;
	font-size:60px;
	line-height: 1.1em;
	margin-left:0px;
}

.subtext3 {
	margin-top:20px;
	color: #F26531;
	font-size:60px;
	line-height: 1.3em;
	margin-left:0px;
	background-color: #231F20; 
}

.subtext4 {
	color: #231F20;
	font-size:45px;
	line-height: 1.1em;
	margin-top:20px;
	margin-left: 0px;
}

.logo  {
	font-size:130px;
	line-height: 0.95em;
	color: #231F20;
	margin-left: 10px;
}

.finger  {
    background-image: url(https://www.vits.at/img/finger.jpg);
    background-repeat: no-repeat;
}   

.leiste {
	padding-left:0px;
	line-height: 1.5em;
}

.row  {
	width: 70%;
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

@font-face {
font-family: 'vibrationgothicregular';
src: url('https://www.vits.at/fonts/vibrationgothic-regular-webfont.eot');
src: url('https://www.vits.at/fonts/vibrationgothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('https://www.vits.at/fonts/vibrationgothic-regular-webfont.woff') format('woff'),
url('https://www.vits.at/fonts/vibrationgothic-regular-webfont.ttf') format('truetype'),
url('https://www.vits.at/fonts/vibrationgothic-regular-webfont.svg#vibrationgothicregular') format('svg');
font-weight: normal;
font-style: normal;
}

/*body {
	font-family: vibrationgothicregular;
	background-color: #F16532; /*#F26531;
	background-image:url(../img/bg.jpg);
    background-repeat:repeat;
	font-weight: normal;
}*/

.haupttext {
	color:white;
	font-size:50px;
	line-height: 0.95em;
	margin-left: 0px;
	margin-top:10px;
}

.logo  {
	font-size:65px;
	line-height: 0.95em;
	color: #231F20;
	margin-left: 0px;
}

.finger  {
    background-image: url(https://www.vits.at/img/finger-small.jpg);
    background-repeat: no-repeat;
}   

.subtext {
	color: #231F20;
	font-size:20px;
	line-height: 1.8em;
	margin-top:0px;
	margin-left: 0px;
}

.subtext1 {
	margin-top:0px;
	color: #231F20;
	font-size:15px;
	line-height: 1em;
	margin-left:0px;
}

.subtext2 {
	margin-top:0px;
	color: white;
	font-size:23px;
	line-height: 1.1em;
	margin-top:10px;
	margin-left: 0px;
}

.subtext3 {
	margin-top:20px;
	color: #F26531;
	font-size:23px;
	line-height: 1.3em;
	margin-left:0px;
	background-color: #231F20; 
}

.subtext4 {
	color: #231F20;
	font-size:23px;
	line-height: 1.1em;
	margin-top:30px;
	margin-left: 0px;
}

.leiste {
	padding-left:0px;
	line-height: 1.5em;
}

.row  {
   width: 100%;
}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}