/*
* Beinhaltet alle ueberarbeiteten Eigenschaften von style.css
* 06.03.2016
*/

@import url(https://fonts.googleapis.com/css?family=Orbitron);

body, html {
	font-family: 'Orbitron', sans-serif;
}
p {
	font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; 
}
strong {
    font-family: 'Orbitron', sans-serif;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; 
}
ul {
    list-style-type: disc;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
a:hover, a:focus {
	text-decoration: none;
	color: #fe7c0e;
}

#preloader {
	background: #b3d1eb;
}

/* Home Style */
header {
	background: url(../img/IMG_4361.JPG) no-repeat bottom center;
	background-size: cover;
	color: #fff;
	position: relative;
	height: 100%;
}
.intro-text H1 {
	text-transform: none;
	color: #fff;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; 
}

.blauesL {
    display: inline;
    padding: 0.5% 0.5% 0.5% !important;
    background-color: #0339a5;
}
@media screen and (max-width : 480px) {
    .intro-text h1 {
        font-size: 40px;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto; 
    }
    
    h2 {
        font-size: 30px;
        word-wrap:break-word;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto; 
    }
    
    #menu a.navbar-brand {
        font-size: 16px;
    }
    
    #auto-section {
        padding: 80px 0;
        background: url(../img/IMG_2639.jpg);
        background-size: cover;
        background-position: center;
        /*-webkit-background-attachment: scroll;
        -moz-background-attachment: fixed;
        -ms-background-attachment: fixed;*/
        background-attachment: scroll;
        height: 300px;
        width: auto;
    }
    #theorieBild-section {
        padding: 80px 0;
        background: url(../img/IMG_4144.JPG);
        background-size: cover;
        background-position: center;
        /*background-attachment: fixed;*/
        background-attachment: scroll;
        height: 300px;
        width: auto;
    }
    
    #fahrstundenBild-section {
        padding: 80px 0;
        background: url(../img/DSC_0490.jpeg);
        background-size: cover;
        background-position: center;
        /*background-attachment: fixed;*/
        background-attachment: scroll;
        height: 300px;
        width: auto;
    }
    
    #weiterausbildungBild-section {
        padding: 80px 0;
        background: url(../img/IMG_2656_short.jpeg);
        background-size: cover;
        background-position: center;
        /*background-attachment: fixed;*/
        background-attachment: scroll;
        height: 300px;
        width: auto;
    }
}
header p {
	color: #fff;
	text-transform: none;
}
#menu a.navbar-brand {
	text-transform: none;
	color: #fff;
}
#menu a.navbar-brand i.fa {
	color: #fe7c0e;
}
.color {
	color: #fe7c0e;
}
.btn-default {
	color: #ffffff;
	background-color: #98bede;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
	background-color: #fe7c0e;
}
#menu.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	letter-spacing: 1px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fe7c0e !important;
	background-color: transparent;
}
#menu.navbar-default .navbar-nav > li > a:hover {
	color: #fe7c0e;
}

.on {
	background-color: #677d83 !important;
	padding: 0 !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #fe7c0e;
	border-color: #fe7c0e;
}

.qr {
    background-image: url("../img/qr-code.png");
    background-size: 100% 100%;
    z-index: 10;
    position: absolute;
    width: 150px;
    height: 150px;
    bottom: 10px;
    right: 10px;
}
/* UEBER MICH Section */
#aboutme-section {
	padding: 30px 0 50px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deefff+28,98bede+100 */
    background: #deefff; /* Old browsers */
    background: -moz-linear-gradient(top,  #deefff 28%, #98bede 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #deefff 28%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #deefff 28%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
	color: #1c424d;
}
#aboutme-section h4 {
	color: #81969c;
	text-transform: none;
}
img.aboutme {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    max-width: 100%;
}
.imgZoom {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
img.aboutme:hover{
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
}

/* THEORIE Section 
==============================*/
#theorie-section {
	padding: 30px 0 50px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
    background: #FFFF99; /* Old browsers */
    background: -moz-linear-gradient(top,  #FFFF99 0%, #ff7b0d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #FFFF99 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #FFFF99 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF99', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
    olor: #1c424d;
}
#theorie-section h4 {
	color: #81969c;
	text-transform: none;
}

/* VKU Section 
==============================*/
#vku-section {
	padding: 30px 0 50px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deefff+28,98bede+100 */
    background: #deefff; /* Old browsers */
    background: -moz-linear-gradient(top,  #deefff 28%, #98bede 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #deefff 28%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #deefff 28%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
	color: #1c424d;
}

/* FAHRSTUNDEN Section 
==============================*/
#fahrstunden-section {
	padding: 30px 0 50px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
    background: #FFFF99; /* Old browsers */
    background: -moz-linear-gradient(top,  #FFFF99 0%, #ff7b0d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #FFFF99 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #FFFF99 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF99', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
    color: #1c424d;
}

/* WAB Section 
==============================*/
#wab-section {
	padding: 30px 0 50px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deefff+28,98bede+100 */
    background: #deefff; /* Old browsers */
    background: -moz-linear-gradient(top,  #deefff 28%, #98bede 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #deefff 28%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #deefff 28%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
	color: #1c424d;
}
#wab-section ul {
    list-style-type: decimal;
}


/* KONTAKT Section 
==============================*/
#contact-section {
	padding: 30px 0 50px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
    background: #FFFF99; /* Old browsers */
    background: -moz-linear-gradient(top,  #FFFF99 0%, #ff7b0d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #FFFF99 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #FFFF99 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF99', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
    color: #1c424d;
}

#contact-section .fa {
	color: #ff6f00;
}

/* BILDER 
==============================*/
@media screen and (min-width : 481px) {
    #auto-section {
        padding: 80px 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#032731+0,032e3a+20,032e3a+100,032731+100 */
        background: url(../img/IMG_2639.jpg);
        background-size: cover;
        background-attachment: fixed;
        color: #5b777f;
        height: 600px;
        width: 100%;
    }
    
    #theorieBild-section {
        padding: 80px 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#032731+0,032e3a+20,032e3a+100,032731+100 */
        background: url(../img/IMG_4144.JPG);
        background-size: cover;
        background-attachment: fixed;
        color: #5b777f;
        height: 600px;
    }
    
    #fahrstundenBild-section {
        padding: 80px 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#032731+0,032e3a+20,032e3a+100,032731+100 */
        background: url(../img/DSC_0490.jpeg);
        background-size: cover;
        background-attachment: fixed;
        color: #5b777f;
        height: 600px;
    }
    
    #weiterausbildungBild-section {
        padding: 80px 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#032731+0,032e3a+20,032e3a+100,032731+100 */
        background: url(../img/IMG_2656_short.jpeg);
        background-size: cover;
        background-attachment: fixed;
        color: #5b777f;
        height: 600px;
    }
}

/* FOOTER 
==============================*/
#footer {
	background: #9abfdf;
	padding: 15px 0 10px 0;
	color: #42626b;
	text-align: center;
}
#footer p {
	margin-top: 10px;
}

.footer-left {
    text-align: left;
    padding-left: 20px;
    float: left;
}
.footer-right {
    text-align: right;
    padding-right: 20px;
}
.portfolio-modal .modal-content {
	padding: 100px 0;
	min-height: 100%;
	border: 0;
	border-radius: 0;
	text-align: center;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #9abfdf;
}
.portfolio-modal .modal-content p {
	margin-bottom: 0;
}