/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
  
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
 
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
.session{
	display:none;
}

.sessionen{
	display:none;
}

h1{
	 font-size:72px;
	
 }
 .kontakt a{
	font-size:42px;
	letter-spacing:-2px;
	font-weight:bold;
	line-height:42px;
}

.custom{
	
}
.welcome{
	height:900px;
	margin:0;
	padding-bottom:5px;
	-webkit-background-size:cover;         
     -moz-background-size:cover;           
       -o-background-size:cover;           
          background-size:cover;
}
}

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
 h1{
	 font-size:42px;
	 letter-spacing:0;
	 line-height:1;
	 vertical-align:top;
 }

 h5,h6{
	 font-size:24px;
	 letter-spacing:0;
	 line-height:1;
 }

 .logo{
 	display:none;
 }

 .brand{
	display:block;
}
 
.kontakt1,
.kontakt2,
.kontakt3,
.kontakt4{
	width:50%;
	height:auto;
	padding:15px 0 10px 0;
	float:left;
	display:table;
	text-align:center;
	margin:0;
	border-radius:0;
}

.kontakt1:hover,
.kontakt2:hover,
.kontakt3:hover,
.kontakt4:hover{
	background-color:rgba(0,152,204,0.3);
}

.kontakt a{
	font-size:52px;
	letter-spacing:-2px;
	font-weight:bold;
	line-height:52px;
}

.kontakt a:hover{
padding-bottom:0;
}

.navbar{
padding-top:0;
padding-right:0;
}

.navbar-brand{
display:none;
}

header{
height:80%;
min-height:80%;
}

.welcome{
	height:850px;
	margin:0;
	padding-bottom:0px;
	-webkit-background-size:cover;         
     -moz-background-size:cover;           
       -o-background-size:cover;           
          background-size:cover;
}

.custom{
	margin:0;
	width:50%;
	font-size:20px;
	letter-spacing:-1px;
	font-weight:bold;
	line-height:42px;
	border:none;
	background-color: transparent;
	border-radius:none;
	float:left;
}
.custom:hover{
	border:none;
}

h5{
	font-size:30px;
	letter-spacing:0px;
	line-height:40px;
	display:block;
	text-align:center;
	padding:15px 0 15px 0;
}

.navbar-default{
background-color:transparent;
}

 .navbar-right {
 margin-right: -15px;
}

.anwendung h5 {
    margin-top: 0;
}

.anwendung h5 {
    font-size: 48px;
    letter-spacing: -2px;
    padding:15px 0 20px 0;
}
.navbar-collapse{
	border:none;
	box-shadow:none;
	background-color:#b2e0f0;
}

.navbar-default .navbar-nav > li > a:hover{
	background-color:transparent !important;
	color:#0099cc;
	border:none
}
h4{
	font-size:52px;
    letter-spacing: -3px;
    line-height: 52px;
    margin: 0 0 5px;
}

.customwrapper{
	vertical-align:bottom;
}
}

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px){

.kontakt1,
.kontakt2,
.kontakt3,
.kontakt4{
	width:100%;
	height:auto;
	padding:15px 0 10px 0;
	float:none;
	display:table;
	text-align:center;
	margin:0 auto 0;
	border-radius:0;
	border-bottom:1px solid #fff;
}

.welcome{
	margin:-40px 0 0 0;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,.col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
padding:15px 15px;
text-align:left;
}

header{
	padding:0 10px;
}

.anwendung img {
	margin:50px auto 0 !important;
	width:75%;
	height:auto;
	display:block;
}

h1,h2,h4{
	font-size:42px;
    letter-spacing: -3px;
    line-height: 42px;
    margin: 0 0 5px;
}

h3{
	font-size:24px;
	line-height:24px;
	letter-spacing:-2px;
	margin:0 auto 25px;
}

.kontakt a{
	font-size:26px;
	letter-spacing:-1px;
	font-weight:bold;
	line-height:52px;
}

.custom2{
	float:none;
	border-radius:0;
}
p{
    color: #333;
    font-size: 12px;
    letter-spacing:0;
    line-height: auto;
}
.anwendung {
    padding-top: 55px;
}

.img img{
	width:100%;
}

.custom{
	margin:0 auto 0;
	width:100%;
	font-size:20px;
	letter-spacing:-1px;
	font-weight:bold;
	line-height:42px;
	border:none;
	background-color: #0099cc;
	color:#fff;
	border-radius:0;
	float:none;
}
.custom:hover{
	border:none;
}
}

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
            
    

 }