/* THE GRID PROPERTIES
   ================================================== */

/* SET PADDING LEFT/RIGHT OF THE CONTAINER */
.container {padding: 0 10px;}

/* SET ALL ELEMENTS INSIDE CONTAINERS TO THEIR MAX-HEIGHT*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10 {height: 100%; padding: 10px;}




/* IMAGE TOP/TEXT BOTTOM, IMAGE BOTTOM/TEXT INSIDE ONE ELEMENT*/
/* Global image width */
.image-top.text-bottom .image img,
.image-left.text-right .image img {
	max-height: 100% !important;
    max-width: inherit !important;
	}

/* Top Elements */
.image-top.text-bottom .image,
.image-bottom.text-top .text {
 	height: 55%;
	height: -webkit-calc(50% + 10px);
    height: -moz-calc(50% + 10px);
    height: calc(50% + 10px);
}
.image-top.text-bottom .image {
	bottom: 45%;
	bottom: -webkit-calc(50% - 10px);
    bottom: -moz-calc(50% - 10px);
    bottom: calc(50% - 10px);
	}

/* Bottom Elements */
.image-top.text-bottom .text,
.image-bottom.text-top .image {
	height: 45%;
	height: -webkit-calc(50% - 10px);
    height: -moz-calc(50% - 10px);
    height: calc(50% - 10px);
	}
.image-top.text-bottom .text {
	top: 55%;
	top: -webkit-calc(50% + 10px);
    top: -moz-calc(50% + 10px);
    top: calc(50% + 10px);
	}

/* left Elements */
/*.image-left.text-right .image,
.image-right.text-left .text {width: calc(50% + 10px);}
.image-left.text-right .image {bottom: 100%;}*/

DIV.text-left {  margin-left: 10px; margin-right: -10px; padding-left: 0; padding-right: 0; }

/* right Elements */
/*.image-left.text-right .text,
.image-right.text-left .image {width: calc(50% - 10px);}
.image-left.text-right .text {top: 0; left: calc(50% + 10px)}
.image-right.text-left .image {bottom: 100%;left: calc(50% + 10px)}*/
DIV.text-right {text-align: left;}
DIV.image-left + DIV.text-right { margin-left: -10px; padding-left: 0; padding-right: 0; }
DIV.image-left + DIV.text-right + DIV.image-left { margin-left: 10px;}



/* NAVIGATION */
#navigation, #responsiveNavigation {transition: background 0.25s ease 0s;}
navigation#navigation .navigation{height: 100%; width: 100%;transition: background 0.25s ease 0s;}
navigation#responsiveNavigation .navigation {height: 100%; transition: background 0.25s ease 0s;}
navigation .container {	}
navigation .navbar-brand {
    float: none;
    font-size: inherit;
    height: auto;
    line-height: auto;
    padding: inherit;
	margin-left: inherit !important;
}



/* */


/* ================================================== ================================================== */

/* WEBFONTS/TYPO */

/*
font-family: 'Geogrotesque-SemiBold'
font-family: Geogrotesque-Regular
font-family: Geogrotesque-LightIt
font-family: Geogrotesque-Medium

*/

#mfPreviewBar {
	display: none;	
}

body {font-family: Geogrotesque-Regular,Helvetica,Arial,sans-serif; position: relative;overflow-x: hidden; font-size: 1.3em;}

p { font-size: 1.1em;}

p.lead {
	/*font-family: Geogrotesque-Medium,Helvetica,Arial,sans-serif;
    line-height: 1em;
    text-transform: uppercase;
	margin-bottom: 10px;*/
	font-size: 1.1em;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Geogrotesque-LightIt,Helvetica,Arial,sans-serif;
	word-wrap: break-word
}

h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 0;	
    margin-bottom: 10px;
}

h1 {font-size: 3.5em;}
h2 {font-size: 2.74em;}
h3 {font-size: 2.25em;}
h4 {font-size: 1.75em;}
h5 {font-size: 1.5em;}

h2 {
	/*font-size: 0.8em;*/
	line-height: 1em;
}
#home h1 {
    font-size: 4em;
    line-height: 1;
    text-transform: uppercase;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-family: Geogrotesque-Medium,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
}

a { text-decoration: none !important; }

h1 a, h2 a, h3 a, h4 a, h5 a {
	border: none !important;	
}

ul																		 	{ padding-left: 0; margin-left: 0;}
ul li 																		{ list-style: none; margin: 0;}
ul li:before/*:not(carousel-indicators li:before) */						{ content: "■"; padding-right: 10px;}
ol 																			{ padding-left: 13px; margin-left: 0;}
ol li																		{ padding-left: 5px;}

blockquote 																	{ border: none; font-family: Geogrotesque-LightIt,Helvetica,Arial,sans-serif; display: table; height: 100%;}
blockquote p																{ display: table-cell; vertical-align: middle}
blockquote:before,
blockquote:after 															{ position: absolute;}

blockquote p:before 														{ content: open-quote; margin-left: -7px;}
blockquote p:after 															{ content: close-quote; }



/* NAVIGATION
   ================================================== */
navigation {
	font-family: Geogrotesque-SemiBold,Helvetica,Arial,sans-serif;
    font-size: 25px;
    position: fixed;
    text-transform: uppercase;
    top: 10px;
	z-index: 1000;
}
navigation .row {transition: all 0.25s ease 0s;}

navigation ul.nav{
	bottom: 20px;
    height: auto;
    overflow: hidden;
    position: absolute;
	
}
	
navigation ul.nav li{
	padding-left: 20px;
}

navigation ul.nav li:before {
	padding: 0;
	content: "";
}
	
	
.nav-stacked > li + li {
	margin-top: 0px;
}

navigation button.toggleNav {display: none;}
navigation button.toggleNav {
	border: medium none;
	float: right;
	font-family: inherit;
	font-size: inherit;
	height: 20px;
	line-height: inherit;
	position: relative;
	width: 20px;
}
	
button.toggleNav .icon-bar {
	
	border-radius: 1px;
	display: block;
	height: 1px;
	width: 10px;
}

button.toggleNav .icon-bar + .icon-bar {
	margin-top: 3px;
}
	



.blackbox,
.blackbox h1, 
.blackbox h2,
.blackbox h3 {
	border: none;
}
.blackbox p.lead a {
	border: none !important;	
}



h1 + p.lead,
h1 + span + p.lead {
	bottom: 0;
	left: 0;
	padding: 20px;
	position: absolute;	
}



/* Definition of height, set the section to bottom of the page */ 
html, body, .container-fluid, .container-fluid .row, .container-fluid .content {height: 100%;}

section {}

.container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

.half-size .row {
	height: 50% !important;	
	padding-bottom: 0;
	margin-bottom: 0;
}

.sidebar .row {height: auto;	}

section {
	/*min-height: 100%;*/
	left: 0;
	transition: all 0.25s ease 0s; 	
	opacity: 1;
	position: relative;
	padding-bottom: 10px !important;
}
section#contact{min-height: 100%;}


.nav > li > a {
    padding: 0px;
}
/* carousel */
.carousel {height: 100%;}
.controls {
	
  height: 100%;
    left: 100%;
    margin-left: 10px;
    opacity: 1;
    position: absolute;
    top: 0;
}


.carousel-caption {
	display: none;
	}
.carousel-control {
	height: 95px;
	width: 40px;
    left: auto;
    opacity: 0;
    right: 0;
	top: 38%;
	
	
	top: -webkit-calc(50% - 95px/2);
    top: -moz-calc(50% - 95px/2);
    top: calc(50% - 95px/2));
	
	
	
	text-shadow: none;
	transition: all 0.2s ease 0s;
}
.carousel-control.left {
	left: 0;
}
.carousel-control.right {
	right: 0
}
.carousel:hover .carousel-control {
	opacity: .5;
}
.carousel:hover .carousel-control:hover,
.carousel:hover .carousel-control:focus {
	 opacity: 1;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {}
.carousel-inner {
	width: 100%;
	height: 100%;
}
.carousel-inner > .item {
    /*transition: left 0.6s ease-in-out 0s;*/
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.carousel-indicators,
.carousel-indicators-numbers {
    left: 0;
	bottom: 0;
	height: 80px;
    margin: 0;
    width: 100%;
	display: none;
	
	
    padding-left: 0;
    position: absolute;
    text-align: center;
    z-index: 15;
 }
 
 .carousel-indicators-numbers {
	 z-index: 99;
 }
 
 

 
 /* show carousel-indicators only on col-6 and col-8 */
 .col-md-6 .carousel-indicators,
 .col-md-8 .carousel-indicators {
   display: block;
 }
 

.carousel-indicators li,
.carousel-indicators .active {
	border-radius: 50%;
    border-style: solid;
    border-width: 4px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 40px 10px;
    text-indent: -999px;
    width: 20px;
}
 /* show carousel-indicators-numbers only on col-2 and col-4 */
 .col-md-4 .carousel-indicators-numbers,
 .col-md-4 .carousel-indicators-numbers {
   display: block;
 }
 

.carousel-indicators-numbers li {
	border-radius: 50%;
    border-style: solid;
    border-width: 10px;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    margin: 0;
    padding: 11px 0;
    text-align: center;
    width: 60px;
}

.hide-carousel-indicators .carousel-indicators,
.hide-carousel-indicators .carousel-indicators-numbers {display: none !important;}


/* PLAYER */
.play-indicators {
   bottom: 45%;
    height: 95px;
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 15;
 }
 
 .play-indicators li,
 .play-indicators .active {
     cursor: pointer;
    display: inline-block;
    height: 95px;
    margin: 20px 10px;
    text-indent: -999px;
    width: 95px;
}


/* POSITIONING OF ELEMENTS */

.image-bottom,
.image-top,
.image-outside,
.text-top,
.text-bottom,
.text-outside {
	overflow: hidden;
	height: 100%;
}

.text,
.image {
	position: relative;
	overflow: hidden;
	height: 100%;
	transition: top .5s ease-out 0s, left .5s ease-out 0s;	
}

.text {
	/*background: white;*/
    padding: 20px;
	width: 100%;
}
navigation .text {
	height: 100% !important;	
}

/* HALF-ELEMENTS */
/* Remove padding left/right */
.half-size > .row > DIV {padding-top: 0;	padding-bottom: 0;}
/* set the padding-bottom of the first/top element */
.half-size > .row:nth-child(1) > DIV {padding-bottom: 10px;}
/* set the padding-bottom of the second/bottom element */
.half-size > .row:nth-child(2) > DIV {padding-top: 10px;}




/* TEXT OUTSIDE, IMAGE OUTSIDE */
/* TEXT OUTSIDE */
.text-outside .text {left: 100%; z-index: 100;}
.text-outside .image {left: 0%; bottom: 100%;}
.text-outside:hover .text {left: 0;}
.text-outside:hover .image {left: -100%;	}

/* IMAGE OUTSIDE */
.image-outside .text {left: 0%; z-index: 100;}
.image-outside .image {left: 100%; bottom: 100%;}
.image-outside:hover .text {left: -100%;}
.image-outside:hover .image {left: 0%;}


/* SET FOOTER ROW TO AUTO-HEIGHT */
footer .container .row {height: auto; transition: all .5s ease-out 0s, left .5s ease-out 0s; }

/* SET IMPRINT ROW AND COLS TO AUTO HEIGHT */
#imprint .container > .row .col-md-6,
#imprint .container > .row .col-md-2 {height: auto; }

/* FORMS
   ================================================== */
 
.form-group {
    margin-bottom: 20px;
	
}

label {text-transform: uppercase;}

.form-control {border-radius: 0;height: 40px;}

textarea.form-control {
    height:190px;
	padding-top: 9px;
}

.btn[type="submit"] {
  	background: none repeat scroll 0 0 #f26650 !important;
    border: medium none !important;
    border-radius: 0 !important;
    color: white !important;
    font-family: Geogrotesque-LightIt,Helvetica,Arial,sans-serif;
    font-size: 1.3em !important;
    height: 100% !important;
    padding-left: 20px !important;
    /*padding-top: calc(100% - 40px) !important;*/
    position: relative !important;
    text-align: left !important;
    text-shadow: none !important;
    width: 100% !important;
}


.form-control {border-color: #f26650; height: 40px;}
.form-control:focus {
    border-color: #f26650;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(242, 102, 80, 0.6);
    outline: 0 none;
}
.btn[type="submit"] {
    background: none repeat scroll 0 0 red;
   
}

.form-horizontal .form-group .control-label {
	padding-top: 20px;
	text-align: left;
}

.form-horizontal .form-group {
	margin-top: -10px;
}

/* BUTTONS
   ================================================== */
.btn {
	border-radius: 0;
	border: none;	
	background-image: inherit !important;
 }


/* PROGRESS BARS
   ================================================== */
.progress {
    border-radius: 0;
}

/* PROGRESS BARS
   ================================================== */
.alert {
    border-radius: 0;
}

/* LIST-GROUPS
   ================================================== */
.list-group {
	border-radius: 0;
	box-shadow: none;
	} 
	
.list-group-item:first-child,
.list-group-item:last-child {
   border-radius: 0;
}  

/* PANELS
   ================================================== */
.panel {
	border-radius: 0;
	box-shadow: none;
	} 
	
.panel-heading,
.panel-footer {
   border-radius: 0;
} 
 
/* WELLS
   ================================================== */
.well {
	border-radius: 0;
	} 
	  
/* MISC */
iframe {border: none !important}