/* CSS */

/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

h1#header{
  text-align: right;
    font-size: 60px;
   transition: all 0.3s;
}

body{
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #333 !important;
}

a{
    color: #eb592a;
}

a:focus{
	text-decoration: none;
}

.navbar-nav .active a{
	box-shadow: none !important;
}

small{
    color: darkgray!important;
}

div.sidr-class-navbar-header
{
    display: none;
}

.features{
    margin-bottom: 20px;
}

.glyphicon
{
    font-size: 2em;
}

textarea{
    resize: vertical;
}


.img-responsive {
    margin: 0 auto;
}

#hypergallery{
	margin-top: 40px;
}


.navbar-brand
{
    display: inline-block;
    height: auto;
    float: left;
}


#hyper-link{
	font-size: 14px;
	color: #333;
	
}

.navbar-nav li a{
    line-height: 43px;
    height: 100%;
    padding-top: 10px;
	padding-bottom: 10px;
}

nav a.btn{
    margin-top: 20px;
}


.jumbotron-fixed-top {
    margin-top: 70px;
    margin-bottom: 0;
}

#my-navbar2
{
    margin-top: 100px;
}

#navigation ul {
    list-style: none;
}
#navigation ul li{
    display: inline;
}

ul.nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media only screen and (max-width: 767px){
    #navigation,ul.navbar-nav,#nav-box {
        display: none;
    }
}

@media only screen and (min-width: 767px){
    li.imprint {
        display: none !important;
    }
}

.navbar {
    margin: 0px;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

#video-bg
{
    width: 100%;
    height: 400px;
    position: relative;
}

.video-caption {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: center;
    top: 55%;
}

ul#topmenu-firstlevel{float: right}


.video-caption p
{
    font-weight: 200;
    color: white;
    font-size: 4em;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
}

.nav-top{
	background: #fff;
}

#top-nav.small{
	font-size: 100%;
}


nav#top-nav
{   
     -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

a.navbar-brand img{
    width: auto;
    display: inline-block;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#top-nav ul li a{

/*
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
*/
}



#top-nav.small h1{font-size: 30px; margin-top: 10px;}

#top-nav img {
    width: auto;
    height: 60px;
}

#top-nav.small img
{
    width: auto; 
    height: 60px;    
}

.navbar-brand{
	padding: 25px 10px;
	transition: all 0.3s;
}

.small .navbar-brand{
	padding: 15px 10px;
}

#top-nav.small .header-title{
     line-height: 90px; 
    font-size: 28px;
}


.back-to-top {
 background: rgba(7, 72, 94, 0.85);
 position: fixed;
 bottom:20px;
 right:40px;
 padding:1em;
    border: 1px solid #fff;
}

.back-to-top span{font-size: 1.5em}

a.back-to-top{color: #fff;}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #eb592a;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #fff;
}

a[aria-expanded=true]{
    background: #eb592a;
    color: #fff !important;
}

#sidr-main a:hover
{
    box-shadow: none;
    background: #eb592a !important;
    color: #fff !important;
}

.sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span{box-shadow: none !important;}

#nav-box {
    padding: 0px;
}


#navigation{
    width: 100%;
    float: left;
    text-align: center;
}





#top-nav ul li a{
    color: #333;
    font-size: 1.5em;
    padding-left: 20px;
    padding-right: 20px;
}




ul.dropdown-menu{min-width: 100%;}
ul.dropdown-menu li a{padding: 0px 10px 0px 10px !important;}

footer{margin:0px !important;}

.page-header h2{
    text-transform: uppercase;
}

blockquote{text-align:left;}




div.info-block{
    border: 1px solid #b2b2b2;
    margin-bottom: 20px;
}

div.info-block h3{
    margin: 0px;
    background: #eb592a;
    color: #fff;
    padding: 10px;
}

div.info-block blockquote h3{
    background: none;
    color: #333;
    padding: 0px;
    margin-bottom: 10px;
}


div.info-block h3 small{
    color: #fff !important;
}

div.info-block div.textBox{
    background: #fff;
    padding: 10px;
}

div.info-block blockquote{
    margin: 10px 10px 10px 10px;
    min-height: 150px;
}

div.info-block span.well
{
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    border-radius: 0px;
    color: #337ab7;
}

div.info-block span.well:hover{
    text-decoration: underline;
}

a.info-block{
    color: #333;
}

a.info-block:hover
{
    text-decoration: none;
}


div.info-block div.block, div.info-block label{display: none;}

div[id^=ezgml-map]{
    width: 100% !important;
}

.image-block img
{
    border: 1px solid #b2b2b2;
    border-radius: 10px;
}

#map
{
    height: 400px;
}

div.carousel{
    width: 100%;
    height: calc(100vh - 80px);
    overflow: hidden;
    margin: 0 auto;
}


/*
div.carousel img{
    min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
   
}*/

div.carousel-inner div.item
{
    width: 100%;
   min-height: 450px;
    
}

.jumbotron{padding: 0px;
/*margin-top: 190px;*/
    background: #fff !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#footer-top{
    padding: 40px 100px 40px 100px;
    margin-bottom: 0;
	color: #fff;
	
}



#ftc{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

#ftc div{
	text-align: center;
	margin: 4px 0px;
}


#footer-top a{
    color: #fff;
}

#footer-bottom{
      background: #222;
    padding: 0px;
    margin: 0px;
    color: #fff;
}

#footer-bottom a{
    color: #fff;
}

address{
    padding: 5px;
    margin: 0px;
    text-align: center;
}


div#main form input, form textarea{width: 100% !important;
border: 1px solid #c2c2c2;
border-radius: 5px;
padding: 4px;}

div#main form input[type=submit]{
    width: 200px !important;
}



form{
    margin-bottom: 20px;
}

.class-info-block{
    margin-bottom: 20px;
}

div.class-folder div.info-block h3
{
    font-size: 22px;
}


.inquiry .attribute-header{
	margin-bottom: 20px;
}


.inquiry{

    padding:30px;
    margin:40px auto;
    background: #FFF;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.inquiry .inner-wrap{
    padding: 30px;
    background: #F8F8F8;
    border-radius: 6px;
    margin-bottom: 15px;
}
.inquiry h1{
    background: #eb592a;
    padding: 20px 30px 15px 30px;
    margin: -30px -30px 30px -30px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px 'Source Sans Pro', serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #eb592a;
}
.inquiry h1 > span{
    display: block;
    margin-top: 2px;
    font: 13px Arial, Helvetica, sans-serif;
}
.inquiry label{
    display: block;
    font: 13px Arial, Helvetica, sans-serif;
    color: #888;
    margin-bottom: 15px;
}
.inquiry input[type="text"],
.inquiry input[type="date"],
.inquiry input[type="datetime"],
.inquiry input[type="email"],
.inquiry input[type="number"],
.inquiry input[type="search"],
.inquiry input[type="time"],
.inquiry input[type="url"],
.inquiry input[type="password"],
.inquiry textarea,
.inquiry select {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border: 2px solid #fff;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}

.inquiry .section{
    font: normal 20px 'Source Sans Pro', serif;
    color: #eb592a;
    margin-bottom: 5px;
}
.inquiry .section span {
    background: #eb592a;
    padding: 5px 10px 5px 10px;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 4px solid #fff;
    font-size: 14px;
    margin-left: -45px;
    color: #fff;
    margin-top: -3px;
}
.inquiry input[type="button"],
.inquiry input[type="submit"]{
    background: #eb592a;
    padding: 8px 20px 8px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px 'Source Sans Pro', serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #eb592a;
    font-size: 15px;
}
.inquiry input[type="button"]:hover,
.inquiry input[type="submit"]:hover{
    background: #eb592a;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.inquiry .privacy-policy{
    float: right;
    width: 250px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #4D4D4D;
    margin-top: 10px;
    text-align: right;
}




a#anfrage{
    display: block;
    float: right;
    height: 34px;
    background: url("../images/tts/inquiry.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 28px;
    padding-left: 28px;
}

a#impressum{
    display: block;
    float: right;
    height: 34px;
    background: url("../images/tts/impressum.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
}

.inquiry-button a{
    margin-bottom: 20px;
}


.inquiry-button a
{
    display: block;
    float: left;
    height: 150px;
    background: url("../images/tts/inquiry_button.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 150px;
    padding-left: 100px;
    font-weight: 700;
    font-size: 30px;
    padding-top: 90px;
    margin-left: 8%;
    
}



.inquiry-button a span
{
    background: #eb592a;
    color: #fff;
    padding: 5px 50px 5px 50px;
    border-radius: 8px;
    letter-spacing: 2px;
}

.inquiry-button a:hover{
    text-decoration: none;
}


.inquiry-button a span b{
    font-size: 24px;
}

#responsive-menu-button{
    padding: 0px;
    display: none;
}

.c-hamburger--htx{
    background: #eb592a!important;
}

.c-hamburger {

  width: 48px !important;
  height: 48px !important;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 22px !important;
  left: 9px !important;
  right: 9px !important;
  height: 4px !important;
  background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px !important;
  background-color: #fff;
  content: "";
}

.c-hamburger span::before {
  top: -10px !important;
}

.c-hamburger span::after {
  bottom: -10px !important;
}

.c-hamburger--htx.is-active span::before {
  top: 0px !important;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0px !important;
  transform: rotate(-45deg);
}

#responsive-menu-button
{
    /* TO DO 
    ABSOLUTE 
    PADDING MENU
    SUB MENU CLICK NICHT WEITER GELEITET
    */
    
    position: absolute;
    top: 20px;
	
    right: 20px;
    z-index: 9999999; 
	transition: all 0.3s;
}

.small #responsive-menu-button{
	top: 10px;
}

#top-nav {
    border-radius: 0 !important;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.navbar-inverse{border-radius: 0px !important;}

#nav-box{
    padding-top: 120px;
}

h1, h2, h3, h4, h5, h6, h7{
    font-family: 'Montserrat', sans-serif;
     margin-top: 0px;
    color: #333 !important;
    font-weight: 300 !important;
    margin-bottom: 0px !important;    
}

h1{
    font-size: 52px;
}

h2{
    font-size: 36px;
	font-weight: 400 !important;
	position: relative;
	margin-bottom: 40px !important;
}

h3{
    font-size: 32px;
}

h4{
    font-size: 22px;
}



.header-title{
    font-family: 'Montserrat', sans-serif;
    color: #eb592a;
}







.class-article .attribute-header{
    padding: 1px 20px 0px 20px;
}

.attribute-long h1, .attribute-long h2, .attribute-long h3, .attribute-long h4, .attribute-long h5, .attribute-long h6, .attribute-long h7 {
   margin-top: 0;
}

.class-imprint h1{
    margin-top: 0;
}

.article-content{
    padding: 20px;
}

.sidearea h2{
    margin-top: 0;
}

.article-user, .article-time{
    float: left;
    margin-right: 20px;
}

.article-link .glyphicon{font-size: 16px;}

.article-link a:hover{text-decoration: none;}

.article-footer{
    padding: 10px 20px 10px 20px;
    border-top: 1px solid #e8e8e8;
}
i {margin-right: 5px;}

.article .article-text a{color: #6d6d6d;}
.article h2 a{color: #333;}
.article .article-text a:hover, .article h2 a:hover{
    text-decoration: none;
}

.sideboard h2{margin-top: 0;}

#path{
 margin: 20px 0px 18px 0px;   
}

.attribute-pdf a {
    background-image: url("/extension/mb_responsive/design/mb_responsive/images/icons/pdf_icon.gif");
    background-repeat: no-repeat;
    padding-left: 30px;
}

.sidecontent{
    margin-top: 20px;
}

.attribute-image{
    margin: 10px 0px 10px 0px;
}

#watermark
{
    background-image: url("../images/meyerlift/watermark.png");
    background-repeat: no-repeat;
    background-size: contain;
    width:1500px;
    height: 750px;
    position: fixed;
    z-index: -10;
     left: 50%;
    top: 50%;
    transform: translate(-50%, -30%);
    
}

a.back-to-top:hover{color:#fff;}

.inav{visibility: hidden;}

.big{
    margin-bottom: 30px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 50%;
}

.grid-item {
  float: left;
  margin-bottom: 30px;    
}

.grid-item .article{
    margin: 0px 15px 0px 15px;
}

.grid-item-big {
  width: 100%;
}

.ias_loader{
    position: absolute !important;
    bottom: 0px  !important;
    left: 50% !important;
    transform: translate(-50%);
    z-index: 99999999999999999999999 !important;
}

.no-padding{padding: 0;}

.attribute-byline{
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding: 5px 20px 5px 20px;
}

.comments{
    padding: 20px;
}





#columns-position{

}

.bricks{
     background-image: url("../images/brickwall_c.png");
     
}

div.content{
      padding: 20px;
    margin: 30px 0px 30px 0px;
    background: #fff;  
}



.teaser{
-webkit-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.2);
    
}

.t-text{
    padding: 0px 10px 10px 10px;
    min-height: 150px;
}

.t-image{
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.t-image img{
    min-height: 200px;
    min-width: 100%;
}

#footer-contact{
    padding: 20px 0px 20px 0px;
}

#footer-contact div.block, #footer-contact label{
    display: none;
}

#footer-contact div[id^=ezgml-map]{
    height: 150px !important;
}

div.class-homepage div.content{
    min-height: 510px;
}

.teaser{
    margin-bottom: 20px;
    margin-top: 20px;
}

.tile{
    text-align: center;
    padding: 10px;
    border: 1px solid #d6d6d6;
     transition: all 0.5s;
    margin-bottom: 20px;
    min-height: 250px;
}

.tile h3{
    margin-top: 15px;
     transition: all 0.5s;
}

.tile i.fa{
    font-size: 80px;
    transition: all 0.5s;
    
}
.tile:hover{
    border-color: #eb592a;
}

.tile:hover h3, .tile:hover i.fa{
    color: #eb592a;
}
p.caption{
    position: relative;
    text-align: center;
    display: table;
}

p.caption i.fa{
    font-size: 100px;
    vertical-align: middle;
    display: table-cell;
}



div.image-block a img {
    max-height: 150px;
    width: auto;
}


#sub-nav{
    margin-top: 120px;
    background-color: #eb592a;
}

#sub-nav a{
    color: #fff;
    font-size: 16px;
}

#sub-nav a:hover{
    color:  #eb592a;
}

#sub-nav ul{
    width: 100%;
}

#sub-nav ul li{
    width: 16.6%;
    text-align: center;
}

.header-title{
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    float: left;
    padding-left: 40px;
    line-height: 120px;
    transition: all 0.3s;
}




.class-homepage .attribute-header h1
{
    text-align: center;
    padding: 20px 0px;
    color: #fff;
    background: #eb592a;
}

.class-homepage .attribute-header{
    margin-bottom: 40px;
}

.teaser{
    background: #fff;
}

.teaser-image{
  position: relative;
}

.teaser-image img{
    height: 200px;
    width: 100%;
    object-fit: cover;
}


.teaser-text{
    padding-left: 10px;
}


.teaser-text a h4{
    color: #eb592a;
    font-size: 24px;
}

.teaser-text a:hover{
    text-decoration: none;
}

.text{
    padding: 0px 10px 10px 10px;
    min-height: 90px;
}

.text a{
    color: #6d6d6d;
}

.text a:hover{
    text-decoration: none;
}

.read-more{
   position: absolute;
   left: 0;
    bottom: 0;
    background: #eb592a;
    color: #fff;
    font-size: 20px;
}

.read-more .read-more-text{
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}

.read-more .chevron{
    padding: 10px 20px 10px 20px;
    background: #fff;
    color: #eb592a;
    text-align: center;
    margin-left: 10px;
    font-size: 20px;
    float: right;
}

.read-more div i{
    margin: 0;
}



.preview-button{
   text-align: center;
    margin-top: 20px;
    
}

.preview-button a{
    width: 60%;
}

.preview-container{
    margin: 40px 0px;
}


.preview-text{
    min-height: 140px;
}


.well{
    margin: 80px 0px;
}



span.big{
    font-size: 36px;
    color: #d50303;
    font-weight: bold;
}

span.small{
    font-size: 30px;
    color: #d50303;
   
}



.footer-href{
    margin: 5px 20px 5px 0px;
    
}

.footer-href a{
    font-size: 16px;
}

li.submenu-list {
   position: static;
}
ul.submenu{
    list-style: none;
    padding: 0;
    position: fixed;
	width: auto;
   
 
   background: #e0e0e0;
    text-align: left;
    z-index: 4;
}

#top-nav ul.submenu{
	width: auto;
}

.sidr-class-top-contact{
    display: none;
}

.small ul.submenu{
    top: 113px;
}

#sub-nav ul.submenu li, #sub-nav ul.submenu li a{
    width: 100%;
 
}

ul.submenu li a{
    padding: 10px 0px;
}

ul.submenu li a:hover{
    background-color: #fff;
    color: #eb592a;
    text-decoration: none;
}

.touch-list{
    display: none;
}

.submenu{
    display: none;
}



.service h3{
    margin-top: 0px;
}

h1{
    margin-bottom: 40px;
}

.object-left{
    clear: both;
	float: left;
	margin-right: 20px;
}

.object-right{
    clear: both;
	float: right;
	margin-left: 20px;
}

.object-left img{
    float: left;
}

.class-homepage .attribute-header h1{
    color: #fff !important;
}



.footer-links{
    clear: both;
}

 br.mobile{
        display: none;
    }




li.selected a{
    color: #eb592a !important;
}

li.selected a i{
    color: #eb592a;
}

ul.submenu li a{
    color: #fff !important;
}

ul.submenu li a:hover{
    color: #eb592a !important;
}


li.selected ul.submenu div.sub-footer a i, li.selected ul.submenu div.sub-footer a{
    color: #333 !important;
}

li.selected ul.submenu div.sub-footer a:hover i, li.selected ul.submenu div.sub-footer a:hover{
    color: #eb592a !important;
}




.class-feedback-form h1{
    color: #fff !important;
}


.social {
width: 70px;
padding: 0;
overflow: hidden;
    
}

.social a {
position: relative;
float: left;
width: 70px;
height: 70px;
margin: 0 5px 0 0;
list-style: none;
text-decoration: none;
}

.social a .image {
position: absolute;
width: 28px;
height: 38px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.social a:hover .image {
top: 24px;
}

.social a span {
width: 70px;
position: absolute;
padding: 0;
font-size: 10px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
color: #fff;
left: 0;
bottom: -20px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.social a:hover span {
bottom: 10px;
}


.social a.facebook {
background: #1e5799;
    border-radius: 10px;
}


.social a.facebook .image {
background: url("../images/fb.png") center no-repeat;
    background-repeat: no-repeat;
    background-size: auto 38px;
}


.anfrage{
    margin-top: 80px;
}

#anfrage-button{
    margin: 20px auto;
}

.small-image-head #bg-img{
	height: auto;
	min-height: 300px;
	padding-top: 190px;
	text-align: center;
}

#subpage_header{
	color: #fff !important;
	position: relative;
	z-index: 10;
}





/******************** FORM *******************/

.contact-form {
  position: relative;
  margin: 0 auto;
/*  background: #e5e2e1;*/
  margin-top: 0px;
}





.field-container {
  margin: 20px 0px;
}

  

.field-container::after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    margin-top: -1px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #333;
  }

.field-container.is-focused:after {
    border-color: #eb592a;
  }


.input {

  width: 100%;
  margin: 0;
  padding: 0 6px;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  
  color: #333;
    border-radius: 0px;
}

.text-area { 
  border: none !important;   
   background: transparent !important;
  min-height: 38px;

  margin: 2px 0 3px;
  overflow-y: auto;
  resize: none;
     outline: none !important;
    color: #333;  
   
}

input{
    border-radius: 0px !important;
}

input:invalid {
 background: #6d6d6d;
}

.contact-form h3{
  color: #6d6d6d;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 40px;
}

.form-col h2{
    margin-top: 0px;
}


.hvr-icon-drop:before {
    content: "\f003"!important;
    right: 10px !important;
}


.hvr-icon-drop {
    font-size: 16px;
    padding: 10px;
    background: #eb592a;
    color: #fff;
    border: none;
}

.formModal .hvr-icon-drop{
	background: #222;
	margin-top: 20px;
}



::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #333;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #333;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #333;
}

input, .text-area, textarea{
    font-size: 24px;
}

#footer i{
    width: 20px;
    text-align: center;
}


.imprint{
    text-align: right;
}

.imprint a{
    margin-top: 170px;
    display: block;
    font-size: 16px;
}


.register button[type=submit]{
       font-size: 24px;
    text-transform: uppercase;
    padding: 20px 70px;
    margin-top: 30px;
}

.form-bg{
    background: rgba(255, 255, 255, 0.70);
    padding: 5px 20px;
}

form{
    margin-bottom: 50px;
}



p{
    margin: 0;
}

div#main form input[type="checkbox"]{
    width: auto !important; 
    transform: scale(1.5);
    margin-left: 4px;
}

.customer-label{
    color: #55606c;
}

.no-mar .field-container{
  margin-top: 0;
}

#customer-box{
    margin-top: 5px;
}

.form-group{
    position: relative;
}

p.help-block{
    position: absolute;
    z-index: 9999;
    top: 30px;
    right: 0;
}

ul[role="alert"]{
        padding: 10px;
    background: #fff;
    border: 1px solid #d6d6d6;
    list-style: none;
    border-radius: 8px;
}

ul[role="alert"] li{
    color: red;
    font-weight: bold;
}

.col-lg-12.text-center{
    position: relative;
}

.alert-success{
     position: absolute;
    z-index: 9999;
    top: -80px;
    left: 50%;
    transform: translate(-50%,0);
    width: 80%;
    text-align: center;
    
}

.formModal .alert-success{
	top:auto;
	bottom: 0px;
}



#message {
  margin-bottom: 6px;
}



.navbar-header{
    float: left;
}




/*******************FORM END******************/



#success-close{
	position: absolute;
	top: calc(-50vh + 60px);
	right: 20px;
font-size: 60px;
	opacity: 1;
}

#popUpSuccess, #popUpSuccessPM{
	width: auto;
}

.modal-backdrop {
  
}


#popUpSuccess .modal-header, #popUpSuccess .modal-body, #popUpSuccess .modal-content, #popUpSuccessPM .modal-header, #popUpSuccessPM .modal-body, #popUpSuccessPM .modal-content{
	padding: 0;
	background: none;
	box-shadow: none;
	border: none;
	color: #fff;
}
#popUpSuccess .modal-body, #popUpSuccessPM .modal-body{
	text-align: center;
	font-size: 58px;
}

@media(max-width: 768px){
	#popUpSuccess .modal-body, #popUpSuccessPM .modal-body{
	text-align: center;
	font-size: 28px;
}
}

#popUpSuccess .modal-dialog, #popUpSuccessPM .modal-dialog{
	width: 100%;
	margin: 0px;
	position: absolute;
	top: 49%;
	left: 50%;
	transform: translate(-50%, -50%);
}



/*******************POP UP FORM******************/

.modal{
	padding-right: 0px !important;
}


.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		
		margin: 0;
/*		width: 400px;*/
		width: 100%;
		height: 100%;
		background-image: url(../images/form.jpg);
		background-size: cover;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
		
		background-color: rgba(235, 89, 42, 0.95);
		
		color: #fff;
	}

.modal-body h4{
	color: #fff!important;
}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 40px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -400px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}

.privacy-text{
	font-size: 12px;
}

/* ----- MODAL STYLE ----- */
	.modal-content {
		border-radius: 0;
		border: none;
	}

	.modal-header {
		border-bottom: none;
		text-transform: uppercase;
		position: relative;
	}

.modal-header h4{
	color: #fff;
	font-size: 20px;
		font-weight: 300;
}

.popupclose {
  position: absolute;
	z-index: 3;
    font-size: 80px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    filter: alpha(opacity=20);
    opacity: .9;
	-webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
	right: 20px;
	top: 0;
	
}

.popupclose:hover, .popupclose:focus{
	outline: none;
}

.formModal #form-submit, #form-submit-captcha{
	background: #fff;
	border: none;
	color: #eb592a;
	padding: 10px 15px;
	display: block;
	text-align: center;
	width: 100%;
	border-radius: 10px;
	font-size: 20px;
	margin: 10px auto;
	transition: all 0.4s ease;
}

.formModal #form-submit:hover, .formModal #form-submit:focus, #form-submit-captcha:hover, #form-submit-captcha:focus{
	outline: none;
	text-decoration: none;
	color: #eb592a;
}

@media(min-width: 1200px){
	.formModal #form-submit:hover, #form-submit-captcha:hover{
	transform: scale(1.1);
}
}


.formModal #form-submit i, #form-submit-captcha i{
	vertical-align: middle;
	font-size: 20px;
	padding-bottom: 2px;
}

.formModal form input[type=date]::-webkit-calendar-picker-indicator:hover{
    background: none;
}

form a:hover{
	color: #fff !important;
}

.formModal{
    color: #fff;
    font-size: 14px;
}

.formModal h4{
	color: #fff;
}

.formModal a{
 color: #fff;    
}

.formModal label{
	display: none;
}

.formModal label.privacy{
	display: inline-block;
}

.formModal form input[type=text], .formModal form input[type=date], .formModal form input[type=email], .formModal select, .formModal textarea{
    background-color: rgba(0,0,0,0.36);
    border-color: rgba(0,0,0,0.84);
    width: 100%;
	padding: 6px 10px;
	margin: 4px 0px;
	color: #fff;
	border-radius: 2px;
	border-width: 1px;
	
}

.formModal form input[type=text]:focus, .formModal form input[type=date]:focus, .formModal select:focus{
  outline: none;  
}




.formModal form input[type=date], .formModal select{
    width: calc(50% - 2px);
}

.formModal select{
	height: 37px;
}

.formModal form input[type=date]::-webkit-calendar-picker-indicator:hover{
    background: none;
}

.formModal .captcha-field{
    width: auto !important;
}
h4{
    margin-top: 20px;
    color: #fff;
}

.formModal ::-webkit-input-placeholder { /* Edge */
  color: white;
}

.formModal :-ms-input-placeholder { /* Internet Explorer */
  color: white;
}

.formModal ::placeholder {
  color: white;
}



.formModal input[type=submit]:hover{
	cursor: pointer;
}

.formModal .captcha-container{
    position: relative;
}

.formModal #captcha-response{
    position: absolute;
    bottom: -20px;
    left: 0;
}


.modal-open{
	padding-right: 0!important;
}

.modal-body{
	max-width: 1200px;
	margin: 40px auto;
}


/****************POP UP FORM END*****************/

/**************** Slide Captcha *****************/

#slide-captcha-container{
	position: fixed;
	z-index: 2000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -133px);
	transition: opacity 0.4s;
	display: none;
	background: #fff;
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
	border-radius: 10px;
	min-height: 270px;
}

.card-header{
	background: none !important;
	border: none !important;
	text-align: center;
	color: #333;
}

.card{
	border: none !important;
	
}

/************** Slide Captcha End ***************/


.item{


    background-repeat: no-repeat;
}

.navbar-header{
    transition: all 0.3s ease;
}

.navbar-right{
     transition: all 0.3s ease;
  
}

.small .navbar-header, .small ul.navbar-right{
    margin-top: 0px;
}

i.no-mobile{
    color: #4a4a4a;
}

ul li a i{
    transition: all 0.4s ease;
}

ul li a:hover i{
    color: #eb592a;
   
}


.top-container{
      position: relative;
}

.top-contact
{
  float: right;
	margin-top: 20px;
		transition: all 0.3s ease;
}
.top-contact a{
    color:#222; 
}

.top-contact .phone-box div{
    float: left;
}

.pnr{
    margin-right: 20px;
	color: #fff;
}

.pnr i{
	color: #fff;
}

a{
    transition: color 0.3s ease;
}

a:hover{
    color: #eb592a !important;
    text-decoration: none;
}

.kcol a:hover{
	color: #fff !important;
}


#top-nav ul li a{
    font-size: 16px;
	font-weight: bold;
	text-shadow: none;
}

#top-nav ul li a:hover{
   color: #eb592a!important;
}


ul.submenu li a{
 
    line-height: normal !important;
    display: block;
    padding: 8px 0px !important;
    font-size: 16px !important;
    color: #333 !important;
}

ul.submenu li a:hover{
    background: none;
    color: #eb592a !important;
}

ul.submenu{
    padding: 20px 0px;
}

.sub-title{
    color: #333 !important;
     font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

.sidr-class-sub-title{
    display: none;
}

.sub-footer{
    font-size: 16px;
    margin-top: 40px;
}



.sub-footer-place{
    margin-right: 20px;
    float: left;
}

.sub-footer-mail{
    margin-right: 20px;
    float: left;
}

.sub-footer-social{
   
    float: right;
}

.sub-footer div a{
    font-size: 16px !important;
    line-height: normal !important;
    padding: 0px !important;
}

.sub-footer div a:hover i{
    transform: none !important;
}

.sidr-class-sub-footer{
    display: none;
}


ul.navbar-right li.seperator{
/*
    background-image: url("../images/seperator_menu.jpg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1px 40px;
*/
}

.header-text{
    position: absolute;
    z-index: 2;
    bottom: 60%;
    text-align: center;
    left: 20px;
}

.header-text h1{
    color: #fff !important;
    font-weight: 300;
    font-size: 62px;
    margin-bottom: 10px;
  
}




.header-teaser{
    position: absolute;
    z-index: 2;
    bottom: 20%;
}


.teaser-box{
    text-align: center;
      background: #eb592a;
    padding: 20px 0px;
    font-size: 52px;
    color: #fff;
   
}

.teaser-box h3{
    font-size: 42px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #fff !important;
}

#footer-top{
    background: #333;
}

#footer h1{
    color: #fff !important;
    font-weight: 300;
    margin-top: 0px;
}

#footer button{
    background: #333;
}

#footer .text-right
{
    padding-right: 0px;
}

#footer-bottom a:hover{
    color: #fff !important;
}




.title-deco{
     background-image: url("../images/seperator_menu.jpg");
    background-size: 1px 1px;
    background-repeat: repeat-x;
    background-position: right center;
    margin-bottom: 20px;
}

#footer table{
    font-size: 16px;
}

.form-box{
    padding-left: 65px;
    
}

.contact-box{
    padding-left: 40px;
    padding-right: 40px;
}

.company-box{
    
  
    padding-right: 65px;
    position: relative;
}

.contact-box a{
  color: #333 !important;
}

.contact-box a:hover{
  color: #eb592a !important;
}

.contact-box table{width: 100%;}
.contact-box table i{
    padding-right: 20px;
}

#company-desc{
    text-align: justify;
}

.footer-imp{
    margin-top: 20px;
	float: left;
}

.footer-imp-first{
	margin-right: 20px;
}

.footer-social{
    position: absolute;
    bottom: 15px;
    left: -10px;
    font-size: 18px;
    margin-left: 15px;
}

/*
.footer-social .fa-facebook-official{
    margin-left: 20px;
}
*/


tr.spacing{
    line-height: 30px;
    height: 30px;
}

tr.tr-con{
    line-height: 40px;
}



#bodyContent, #bodyContent a{
    color: #333 !important;
    font-size: 14px;
}


a{
    outline: none;
}



.company-name h2{
    margin-top: 0px;
    color: #333 !important;
    font-weight: 300;
    font-size: 52px;
    margin-bottom: 0px;
}

.company-name{
    margin-bottom: 40px;
}

.underline-box{
    position: relative;
    display: inline-block;
}

.underline{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 60%;
    max-width: 150px;
    border-bottom: 2px solid #eb592a;
}

.header-teaser{
    margin-left: -15px;
}




.jumbotron{
    margin-bottom: 0px;
    position: relative;
}

.image-box{
    float: right;
    width: 50%;
}



.highlight-box{
    position: absolute;
    left: 15px;
    top: 70px;
    width: 56%;
    z-index: 1;
    padding: 20px;
    background: #eb592a;
    color: #fff;
    margin-bottom: 40px;
}



.animate{
    opacity: 0;
}
.animated{
    opacity: 1;
}

.text-split{
    float: left;   
}


.subpage{
    margin-top: 120px;
    border-left: 3px solid #fff;
    bottom: auto;
   
}

.subpage .title{
    font-family: 'Montserrat', sans-serif;
    font-size: 100px;
    margin-bottom: 0px;
    color: #fff !important;
    font-weight: 300;
   line-height: 110px;
    padding-top: 15px;
    padding-left: 20px;
   
    text-transform: uppercase; 
}

.header-text h2{
     color: #fff !important;
    font-weight: 300;
    font-size: 82px;
    margin-top: -10px;
    text-transform: uppercase;
    
}

.content-view-full{
    padding: 80px 0px 80px 0px;
}





.sub-title{
    margin-bottom: 10px !important;
    color: #333 !important; 
}

ul.submenu li a{
    line-height: normal!important;
    padding: 2px 0px !important;
    font-size: 18px !important;
}


.service-header-box{
    padding: 40px 20px;
    background: #eb592a;
    text-align: center;
    color: #fff;
}

.service-header-box i{
    font-size: 62px;
    margin-bottom: 20px;
}

.service-header-box h3{
    color: #fff !important;
}

.service-text{
    background: #efefef;
    padding: 20px 0px;
    margin-top: 8px;
}

.service{
    margin: 20px 0px;
}

.employee-col{
    padding: 4px;
}

.employee{
    background: #cecece;
    margin-bottom: 20px;
}

.employee-text{
    padding: 15px;
}

.uneven{
      background: #efefef;
}

.employee-title{
    margin: 20px 0px;
}

.employee-name h3{
	font-size: 24px;
}

.employee-image{
	height: 310px;
	overflow: hidden;
	border-top: 40px solid #c6c6c6;
}


.image-box{
    margin-bottom: 40px;
}

.youtube.align-right{
    float: right;
    margin-left: 20px;
}
.youtube.align-left{
    float: left;
    margin-right: 20px;
}

.youtube.align-center{
    text-align: center;
    width: 100%;
}

.navbar-default{
    background: none;
/*    background: #fff;*/
}



.employee-row{
    padding: 0px 15px;
}

.attribute-short{
    margin-bottom: 40px;
}

.attribute-long{
    margin-top: 40px;
}

.team-title{
    margin-bottom: 20px;
}

.title-margin{
    margin-top: 80px;
}

.job{
/*    background: #efefef;*/
    padding: 20px;
}

.job-icon{
    font-size: 60px;
    text-align: center;
   padding: 20px;
    width: calc(30% - 5px);
  float: left;
    background: #eb592a;
    color: #fff;
    margin-right: 5px;
}

.job-icon i{
    margin: 0;
   position: relative;
    top: calc(50% - 45px);
}

.job-desc{
    float: left;
   padding: 20px;
    background: #efefef;
    width: 70%;
}

.job-head{
    
}

.job-req{
    margin-top: 20px;
    padding: 20px;
    background: #efefef;
    margin-top: 5px;
    display: inline-block;
}

.job-footer{
    margin-top: 5px;
    border: 2px solid #e5e5e5;
    padding: 20px;
}

.job-address{
    margin-top: 20px;
    font-weight: bold;
    text-align: center;
}


.youtubebox{
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%;
        margin-bottom: 20px;
    }
    .youtubebox iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;  
    }
.youtube-title{
    margin-bottom: 20px;
}

.youtube-desc{
    margin-bottom: 40px;
}


.employee-image{
/*
    -webkit-filter: grayscale(100%);  
    filter: grayscale(100%);
*/
    transition: all 0.7s ease;
}

.employee h3{
    color: #333 !important;
    transition: all 0.7s ease;
}

.employee:hover .employee-image{
   -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%); 
}

.employee:hover h3{
    color: #eb592a !important;
}

.md-offset-right{
    margin-right: 25%;
}


.intro-row{
    margin-bottom: 120px;
}


.split-column{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 40px;
}

.class-office .underline-box{
    margin-bottom: 40px;
}

a.carousel-control:hover{
    color: #fff !important;
}

.service-text h4{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    padding: 0px 20px;
    margin-top: 40px;
}

.path-icon{
    float: left;
    font-size: 50px;
    color: #eb592a;
}

.path-box{
    float: left;
    font-size: 22px;
    padding-top: 25px;
    padding-left: 10px;
}

.path{
	display: inline-block;
	margin-bottom: 40px;
}

.sitemap-box{
    background: #eb592a;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
    
}

.sitemap-box a{
    color: #fff !important;
}

.sitemap-header{
    margin-bottom: 40px;
}
.sitemap-child-container{
    border-top: 1px solid #e1e1e1;
    margin-top: 20px;
    padding-top: 20px;
}

.error-desc h2{
    font-size: 80px;
}


.error-desc h2 b{
    font-size: 140px;
    color: #eb592a !important;
}

.error-sitemap-header{
    margin: 40px 0px;
    
}

.navbar-default
{
    border: none !important;
    box-shadow: none !important;
}


.header-text-title{
    padding: 20px 21px;
    background: rgba(255, 255, 255, 0.85);
   
    font-size: 32px;
    margin-bottom: 10px;
    float: right;
    clear: both;
}

.header-text-sub{
    padding: 20px;
    background: rgba(255, 255, 255, 0.85); 
    font-size: 23px;
    margin-bottom: 5px;
    float: right;
    clear: both;
    
}

#header-text-button{
    background: #eb592a;
    color: #fff;
    float: right;
    clear: both;
    padding: 20px;
    font-size: 20px;
    margin-top: 5px;
    
}

.header-text{
    bottom: auto;
    top: 250px;
}

.subpage {
    top: 150px;
    right: auto;
    left: 0px;
}

.blue{
    color: #eb592a;
}

#fachmann{
    padding: 20px 19px
}

/*
.jumbotron:before{
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    border-bottom: 80px solid white;
    border-right: 80px solid transparent;
    width: 0;
    z-index: 10;
}

.jumbotron:after{
    content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 80px solid white;
    border-left: 80px solid transparent;
    width: 0;
    z-index: 10;
}
*/


#text-box{
    position: relative;
}

.carousel-indicators li{
    height: 4px;
    width: 34px;
    border-radius: 0px;
    border: none;
    background: rgba(255, 255, 255, 0.50);
    margin: 0px;
}

.carousel-indicators li.active{
    height: 4px;
    width: 34px;
    border-radius: 0px;
}

.carousel-indicators li:hover, .carousel-indicators li.active:hover{
    background: #fff !important;
}



.company{
    padding: 70px 100px;
    background: #eb592a;
    color: #fff;
    width: 55%;
    margin-top: 50px;
}


.company .underline{
    border-color: #fff;
    width: 40%;
}

.company .underline-box{
    margin-bottom: 20px;
}

.company-image{
    width: 50%;
    position: absolute;
    top: -50px;
    right: 0;
    z-index: 1;
}

.company-image img{
    width: 100%;
    height: auto;
}

.company-container{
    position: relative;
    height: 400px;
}


.service{
    text-align: center;
    height: 250px;
    background: #eb592a;
}

.service-icon{
    color: #fff;
    font-size: 44px;
    padding-top: 80px;
    padding-bottom: 0px;
    transition: all 0.8s ease;
}
.service-title{
   color: #fff;
    font-size: 24px; 
    transition: all 0.8s ease;
}

.service:hover .service-icon, .service:hover .service-title{
   opacity: 0;
}

.service-gallery:hover .service-icon, .service-gallery:hover .service-title{
    opacity: 1;
}

.overlay{
    background: rgba(18, 64, 147, 0.4);
    width: 100%;
    height: 100%;
    transition: all 0.8s ease;
}

.service:hover{
    cursor: pointer;
}

.service:hover .overlay{
    background: rgba(18, 64, 147, 0);
}

.services{
    background: #f4f4f4;
    padding: 40px 0px;
    margin-top: 80px;
}

.partner-images img{
    height: 70px;
    width: auto !important;
    margin: 0 auto;
}

.partner-images{
    
    transition: all 0.8s;
}

.partner-images:hover{
    filter: none; 
    cursor: pointer;
}

#partner-slider{
  margin-bottom: 40px;   
}

/*
.top-container, .top-container a{
    color: #000 !important;
    font-weight: bold;
}
*/

#top-nav{
    background: #f4f4f4;
	
}

#top-nav.small{
	
	transition: all 0.4s ease;
}

#top-nav.small{
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075) !important;
   

}

#top-nav.small img{
	height: 40px;
}

#top-nav.small .top-contact{
	margin-top: 10px;

}


.service-item{
	text-align: center;
	margin: 20px 0px;
}

.service-item-icon{
	font-size: 32px;
}

.service-head{
	background: #eb592a;
	color: #fff;
	padding: 20px;
}

.service-item-desc{
	padding: 20px;
	background: #2a65ce;
	color: #fff;
/*	border: 1px solid #e3e3e3;*/
	margin-top: 2px;
}

.navbar-header{
	position: relative;
}

#logo-big-box{
	position: absolute;
	opacity: 1;
	height: 150px;
	width: 181px;
	transition: opacity 0.4s ease;
	
	
}
#logo-small-box{
	
	opacity: 0;
	transition: opacity 0.4s ease;
	
}

#logo-small-box img{
	height: 60px;
}

#top-nav.small #logo-big-box{
 opacity: 0;
}

#top-nav.small #logo-small-box{
 opacity: 1;
}


.image-container{
    width: 100%;
    float: left;
    margin: 10px 4px;
    height: 150px;
    overflow: hidden;
   
}

.image{
    width: 100%;
    height: 100%;
     background-size: cover; 
    background-position: center;
    transition: all 0.8s ease;
}

.image:hover{
    transform: scale(1.2);
    cursor: pointer;
}


.gallery-container{
    width: 133px;
    float: left;
    margin: 4px;
    height: 133px;
    overflow: hidden;
    position: relative;
   
}

.gallerythumb{
    width: 100%;
    height: 100%;
     background-size: cover; 
    background-position: center;
}

.gallery-container a{
     text-decoration: none;
}

.gallery-title{
    padding: 5px;
    color: #333;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: bold;
}

.gallery-container:hover .gallery-title{
    color: #00a6eb;
}



.class-imprint h4, .class-imprint h5, .class-imprint h6{
	font-weight: 400 !important;
	margin-bottom: 20px !important;
	font-size: 22px !important;
}

.services{
	position: relative;
}

#service{
	position: absolute;
	z-index: -3;
	visibility: hidden;
	top: -60px;
}

a.cc-dismiss:hover{
	background: #fff !important;
	color: #000 !important;
}

a,.wordbreak{

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

#privacy{
	transform: scale(1.2);
	width: auto;
}

.form-privacy{
	font-size: 14px;
}

.margin-right{
	margin-right: 20px;
}


/* AGENDA */

div#ezagenda_calendar_left
{
    width: 228px;
    float: left;
}

div#ezagenda_calendar_container
{
    width: 228px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
}

div#ezagenda_calendar_container div.border-box div.border-tl
{
    background: transparent url(../images/agendabox/border-tl.gif) no-repeat scroll left top;
}

div#ezagenda_calendar_container div.border-box div.border-tr
{
    background:transparent url(../images/agendabox/border-tr.gif) no-repeat scroll right top;
}

div#ezagenda_calendar_container div.border-box div.border-tc
{
    background:transparent url(../images/agendabox/border-tc.gif) repeat-x scroll left top;
}

div#ezagenda_calendar_container div.border-box div.border-ml
{
    background: transparent url(../images/agendabox/border-ml.gif) repeat-y scroll left center;
}

div#ezagenda_calendar_container div.border-box div.border-mr
{
    background:transparent url(../images/agendabox/border-mr.gif) repeat-y scroll right center;
}

div#ezagenda_calendar_container div.border-box div.border-mc
{
    background:#F4F4F4 url(../images/agendabox/border-mc.gif) repeat-x scroll left top;
    padding: 0.25em 0 0.25em 0;
}

div#ezagenda_calendar_container div.border-box div.border-bl
{
    background: transparent url(../images/agendabox/border-bl.gif) no-repeat scroll left bottom;
}

div#ezagenda_calendar_container div.border-box div.border-br
{
    background: transparent url(../images/agendabox/border-br.gif) no-repeat scroll right bottom;
}

div#ezagenda_calendar_container div.border-box div.border-bc
{
    background:transparent url(../images/agendabox/border-bc.gif) repeat-x scroll left bottom;
}

div#ezagenda_calendar_container table
{
    background-image:url(../images/cal_bg.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #F0F0F0;
    margin: auto;
    text-align: left;
    font-size: 0.85em;
}

div#ezagenda_calendar_container table th
{
    font-weight: bold;
    text-align: center;
    height: 20px;
    border: 1px solid;
    border-color: #fefffc #dee0dd #dee0dd #fefffc;
    border-top: 0px;
}

div#ezagenda_calendar_container table td
{
    padding: 8px;
    border: 1px solid;
    border-color: #fefffc #dee0dd #dee0dd #fefffc;
    text-align: center;
}

div#ezagenda_calendar_container table .first_col
{
    border-left: 0px;
}

div#ezagenda_calendar_container table .last_col
{
    border-right: 0px;
}

div#ezagenda_calendar_container table  tr.calendar_heading th
{
    border: 0px;
    padding-bottom: 12px;
}

div#ezagenda_calendar_container table  tr.calendar_heading th a
{
    text-decoration: none;
}

div#ezagenda_calendar_container table td.ezagenda_selected
{
    background-color: #e4e5e4;
}

div#ezagenda_calendar_container table td.ezagenda_current, div#ezagenda_calendar_container table td.ezagenda_current a
{
    color: #df1d42;
    font-weight: bold;
}

div#ezagenda_calendar_right
{
    vertical-align: top;
    padding-left: 12px;
    margin-left: 225px;
}

.event-calendar-programview div#ezagenda_calendar_right
{
    margin-left: auto;
    padding: 0;
}
.event-calendar-programview .block .right
{
    text-align: right;
}


div#ezagenda_calendar_right table.ezagenda_month_event
{
    border: 1px solid #f1f1ed;
    margin-bottom: 5px;
    width: 99%;
       table-layout: fixed;
       border-collapse: collapse;
       vertical-align: top;
}

table.ezagenda_month_event td.ezagenda_month_label
{
    vertical-align: top;
    padding: 0;
    width: 70px;
}

table.ezagenda_month_event td.ezagenda_month_label h2
{
    border: 1px solid #d2d2c5;
    padding: 4px;
    color:#979797;
    font-size: 1.8em;
    font-weight: normal;
    width: 40px;
    margin: 9px 10px;
    background: #eeeee5 url(../images/date_bg.png) repeat-x scroll center bottom;
    text-align: center;
}

table.ezagenda_month_event td.ezagenda_month_label h2 span.ezagenda_month_label_date
{
    display: block;
}

table.ezagenda_month_event td.ezagenda_month_info
{
    vertical-align: top;
    padding-top: 8px;
}

table.ezagenda_month_event td.ezagenda_month_info h4, div#ezagenda_calendar_today div.ezagenda_day_event h4
{
    margin: 0;
    font-size: 1.1em;
}

table.ezagenda_month_event td.ezagenda_month_info p
{
    margin-top: 0;
    margin-bottom: 5px;
    clear: both;
}

table.ezagenda_month_event span.ezagenda_date
{
    float: left;
    margin-right: 6px;
}

div#ezagenda_calendar_today
{
/*    float: left;*/
    margin-top: 14px;
    width: 228px;
}

div#ezagenda_calendar_today div.ezagenda_day_event
{
    border: 1px solid #f1f1ed;
    margin-bottom: 4px;
    padding: 7px;
}


span.ezagenda_keyword
{
    display: block;
    font-size: 90%;
    color: #888;
}

span.ezagenda_date
{
    display: block;
    font-size: 90%;
    color: #555;
}

div.content-view-embed div#ezagenda_calendar_container
{
    width: auto;
}

div#sidebar_calendar_today div
{
    text-align: left;
    padding-left: 10px
}

div#sidebar_calendar_today a
{
    display: block;
    text-decoration: none;
    position: relative
}

div#sidebar_calendar_today a span.ezagenda_date
{
    position: absolute;
    right: 10px;
    top: 0em;
}

#top-nav li.active a, #top-nav li.current a{
	background: none;
	color: #222;
}


#top-nav ul{
	width: 100%;
}

#top-nav ul li{
	margin: 0px 10px;
}

#top-nav ul li a{
	padding: 0;
	text-align: center;
}

#top-nav ul.submenu li a{
	padding: 0;
	text-align: left;
	padding-left: 20px !important;
	position: relative;
}

#top-nav ul.submenu li a:before{
	content: '\f054';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
}

#bg-img{
	position: relative;
	height: 440px;
	background-position: bottom;
}

#bg-img:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #eb592a;
	left: 0;
	top: 0;
	opacity: 0.9;
}

#header-predictions{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	transform: translateY(-50%);
}
#header-predictions .container{
	margin-top: 153px;
}

.prediction-container{
	color: #fff;
	text-align: center;
}

.prediction-container .amount{
	font-size: 5em;
	font-weight: bold;
}

.prediction-container .name{
	font-size: 1.5em;
}

.prediction-container .date{
	font-size: 1.2em;
	margin-top: 10px;
}

#prediction-slider .owl-nav i{
	font-size: 32px;
}

#prediction-slider .owl-prev{
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	opacity: 0;
	transition: all 0.3s;
}

#prediction-slider .owl-next{
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	opacity: 0;
	transition: all 0.3s;
}

#prediction-slider:hover .owl-prev{
	opacity: 1;
	left: 10px;
} 

#prediction-slider:hover .owl-next{
	opacity: 1;
	right: 10px;
}

.latest-predictions{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.prediction{
	position: relative;
	padding: 40px;
	margin: 10px;
	background-image: url(../images/header.jpg);
	background-color: #eb592a;
	background-size: cover;
	width: calc(33% - 20px);
	transition: all 0.3s;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

@media(max-width: 992px){
	.prediction{
		width: calc(50% - 20px);
	}
}

@media(max-width: 768px){
	.prediction{
		width: 100%;
	}
}

.prediction:hover{
	box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.4);
}

.prediction:before{
	content: '';
	background-color: #eb592a;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.9;
}

.prediction-inner{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	min-height: 140px;
}

.prediction .amount{
	font-size: 36px;
	font-weight: bold;
}

.content-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.image-block{
	width: 25%;
}

.image-block img{
	max-width: 100%;
}

.content-block{
	width: calc(70% - 40px);
	font-size: 18px;
}

.source{
	margin-top: 5px;
	font-size: 12px;
}

.source a{
	color: #333;
}

.quote{
	margin-top: 80px;
	position: relative;
	padding-left: 80px;
	font-style: italic;
	opacity: 0.8;
}

.quote a, .statement-source a{
	margin-top: 10px;
	font-size: 14px;
	font-style: normal;
	color: #333;
	transition: all 0.3s;
	display: block;
}

.quote a:hover, .statement-source a:hover{
	color: #eb592a;
}

.quote:before{
	content: '\f10e';
	font-family: 'FontAwesome';
	font-size: 4em;
	position: absolute;
	top: -60px;
	left: 0px;
	color: #eb592a;
}

.past-predictions{
	margin-top: 40px;
}

.past-prediction{
	margin: 10px 0px;
	padding: 10px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	position: relative;
}

.past-prediction:before{
	content: '';
	width: 6px;
	height: 80%;
	background: #eb592a;
	position: absolute;
	left: -3px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 3px;
}


.past-prediction .pred{
	width: 30%;
}

.past-prediction .actual{
	width: 40%;
}

.list-obj{
	margin: 10px 0px;
	padding: 10px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	position: relative;
}

.list-obj:before{
	content: '';
	width: 6px;
	height: 80%;
	background: #eb592a;
	position: absolute;
	left: -3px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 3px;
}



.list-obj .date, .past-prediction .date{
	margin-right: 20px;
	width: 52px;
}

.list-obj .creator, .list-obj .amount, .list-obj .time{
	width: 25%;
	font-weight: bold;
	font-size: 24px;
	padding: 0px 20px;
}

.list-obj .creator a, .list-obj .amount a, .list-obj .time a{
	color: #333;
}

a.viewall{
	padding: 10px 20px;
	background: #eb592a;
	color: #fff;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 18px;
	letter-spacing: 1.4px;
	transition: background 0.3s;
}

a.viewall:hover, a.viewall:focus{
	background: #333;
	color: #fff !important;
	text-decoration: none;
}

.list-obj .to-link, .past-prediction .to-link{

	font-size: 40px;
	width: 80px;
	text-align: right;
}

.ctr-to{
	width: 80px;
}

.list-obj .to-link i:first-child, .past-prediction .to-link i:first-child{
	margin-right: -4px;
}

.list-obj .time{
	padding-right: 0;
}

.list-obj .amount{
	font-size: 32px;
}

#list-control{
	margin: 10px 0px;
	padding: 10px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	font-size: 18px;
	text-transform: uppercase;
}

#list-control .published{
	width: 72px;
}

.ctr-c, .ctr-a, .ctr-t{
	width: 25%;
	padding: 0px 20px;
}


.p-list{
	margin-bottom: 40px;
}



.list-obj, .past-prediction{
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.15);
}

.date{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.date .day{
	font-weight: bold;
	font-size: 40px;
	margin-bottom: -14px;
}

.date .month{
	font-size: 24px;
	color: #727272;
	margin-bottom: -8px;
}

.date .year{
	color: #727272;
	font-size: 20px;
}

.pred div, .actual div, .difference div{
	color: #eb592a;
	font-weight: bold;
	font-size: 42px;
}

.actual div.small-text{
	font-size: 32px;
	line-height: 52px;
}

.knowledge{
	margin-top: 80px;
}

.knowledge .intro, .knowledge h3{
	text-align: center;
}

.kcol-box{
	background: #eb592a;
	padding: 40px;
	margin: 10px;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(33% - 20px);
	font-size: 20px;
	text-align: center;
	transition: all 0.3s;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
}



.kcol-box:hover {
    box-shadow: 0px 0px 8px 4px rgb(0 0 0 / 40%);
}

.kcol-box svg{
	fill: #fff;
	width: 80px;
	margin-bottom: 15px;
}

.kcol{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.top-forms{
	margin-top: 25px;
	margin-left: -4px;
	transition: all 0.3s;
}

.small .top-forms{
	margin-top: 15px
}

.fp-description{
	margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
}

.des-img, .des-text{
	width: 50%;
}

.des-img{
	background-image: url(../images/coins.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.des-text{
	padding: 40px 100px 40px 80px;

	font-size: 1.2em;
	
}

.des-text h4{
	font-size: 1.4em;
}

.des-text p{
	margin: 10px 0px;
}

@media(max-width: 992px){
	.kcol-box{
		width: calc(50% - 20px);
	}
	
	.fp-description{
		flex-direction: column-reverse;
	}
	.des-text{
		width: 100%;
		padding: 40px;
	}
	
	.des-img{
		width: 100%;
		min-height: 400px;
	}
	
}

@media(max-width: 768px){
	.kcol-box{
		width: 100%;
	}
}

.link-head{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: baseline;
}

.link-name{
	margin-right: 20px;
	font-size: 24px;
}

.link-container{
	margin-top: 40px;
}

.link{
	margin-top: 20px;
	padding-left: 60px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
}

.link:before{
	content: '\f08e';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	top: 0;
	font-size: 40px;
	
}

.link-container .link:last-child{
	border: none;
	padding-bottom: 0px;
}

.report{
	margin-top: 20px;
	text-align: right;
}

.report a{
	font-size: 14px;
	color: #909090;
}

.link-name a{
	color: #333;
}

.link-url a:hover{
	text-decoration: underline;
}

.mobile-only{
	display: none;
}



.pagination{
	display: flex;
	justify-content: center;
}

.pagination a{
	display: block;
	padding: 8px 16px;
	text-align: center;
	
}

.pagenavigator a{
	color: #333;
}

.pagenavigator a:hover, .pagenavigator a:focus{
	text-decoration: none;
}

.pagenavigator .previous{
	order: 1;
}

.pagenavigator .pages{
	display: flex;
	order: 2;
}

.pagenavigator .next{
	order: 3;
}

.pagenavigator p{
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagenavigator span.other{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagenavigator span.previous, .pagenavigator span.next-one{
	width: auto;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagenavigator span.current{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eb592a;
	color: #fff;
}

.pagination a.active, .pagination a.active:hover{
	background: #6e972f !important;
	color: #fff !important;
}

.pagination a:focus{
	color: #6e972f !important;
}


#mobile-buttons{
	display: none;
	position: fixed;
	left: 0;
	bottom: -105px;
	z-index: 9;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

.mobile-buttons-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 8px 20px;
	background: #fff;
	box-shadow: 0px -2px 10px 0px rgba(50, 50, 50, 0.75);
}

.mobile-buttons-container a{
	display: block;
	padding: 20px;
	width: 48%;
	margin: 0;
	font-size: 16px;
}

@media(max-width: 340px){
	.mobile-buttons-container a{	
	font-size: 14px;
}
}

.mobile-buttons-container .action-btn{
	padding: 8px 10px;
	text-align: center;
}

#mobile-buttons.m-btn-vis{
	bottom: 0px;	
}

/*
@media(min-width: 993px){

ul.submenu{
	background: none;
	padding: 0;
}

#tile-box{
	display: flex;
	flex-wrap: wrap;
	width: 610px;
	justify-content: space-between;
	align-items: center;

}

#top-nav #tile-box li{
	width: 200px;
	height: 200px;
	background: #fff;
	margin: 0 !important;
	margin-bottom: 5px !important;
	box-shadow: 0px 4px 4px 4px rgba(0,0,0,0.25);
}

#top-nav #tile-box li a{
	padding: 0 !important;
	text-align: center;
	font-size: 22px !important;
	color: #eb592a !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}

#top-nav #tile-box li a:hover{
	background: #eb592a;
	color: #fff !important;
}

#top-nav #tile-box li a img{
	margin-bottom: 10px;
	height: 70px;
	transition: all 0.2s;
}

#top-nav #tile-box li a:hover img{
	filter: brightness(0) invert(1);
}

#top-nav #tile-box li a .tile-text{
	height: 55px;
	display: flex;
	align-items: center;
}

#top-nav #tile-box li a:before{
	content: '';
}
}
*/


@media(min-width: 993px){

ul.submenu{
	background: none;
	padding: 0;
	width: 100% !important;
	left: 0;
}

#tile-box{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	padding: 0px 8px

}

#top-nav #tile-box li{
	width: 16.2%;
	height: 300px;
	background: #fff;
	margin: 0 !important;
	margin-bottom: 5px !important;
	box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.25);
}

#top-nav #tile-box li a{
	padding: 0 !important;
	text-align: center;
	font-size: 22px !important;
	color: #eb592a !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}

#top-nav #tile-box li a:hover{
	background: #eb592a;
	color: #fff !important;
}

#top-nav #tile-box li a img{
	margin-bottom: 10px;
	height: 90px;
	transition: all 0.2s;
}

#top-nav #tile-box li a:hover img{
	filter: brightness(0) invert(1);
}

#top-nav #tile-box li a .tile-text{
	height: 55px;
	display: flex;
	align-items: center;
	font-weight: 400;
}

#top-nav #tile-box li a:before{
	content: '';
}
}

	#sidr-id-tile-box li a img{
	display: none;
		
}

#footer-deco img#group{
	margin-left: 40px;
	margin-bottom: -10px;
	max-width: 350px;
}

#footer-deco{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

@media(max-width: 1400px){
	#footer-deco img#group, #footer-deco img#castle{
		max-width: 500px;
	}
}

@media(max-width: 1200px){
	#footer-deco img#group, #footer-deco img#castle{
		max-width: 400px;
	}
}

@media(max-width: 992px){
	#footer-deco img#group, #footer-deco img#castle{
		max-width: 300px;
	}
}

@media(max-width: 768px){
	#footer-deco img#group{
		display: none;
	}
	
	#footer-deco{
		justify-content: center;
	}
	
	#footer-deco img#castle{
		max-width: 100%;
		
	}
	
	
}

#castle-container{
		position: relative;
		
	}

#idea-link{
	position: absolute;
	right: -50px;
		bottom: 28%;
		z-index: 3;
	transform: rotate(270deg);
	text-align: center;
	color: #333;
}

#knowcol{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: -10px 0px;
}

.knowbox{
	width: 32%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px 20px;
	box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.2);
	margin: 10px 0px;
}

.knowbox img{
	width: 40%;
	margin-bottom: 20px;
}

.know-text{
	font-weight: bold;
	font-size: 1.2em;
}


.tab-top{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 20px;
}

.tab-top b{
	font-size: 22px;
	margin-right: 10px;
}

.tab-top button{
	margin: 0px 4px;
	border: none;
	background: none;
}

.tab-top button.active{
	color: #eb592a;
	font-weight: bold;
}



#uc-btn-open-main-corner-modal{
	opacity: 0;
	transition: opacity 0.3s;
}

#uc-btn-open-main-corner-modal.btn-vis{
	opacity: 1;
}

.disclaimer{
	font-size: 14px;
	font-style: italic;
}

.tos{
	margin: 20px 0px !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.ctr-a{
	letter-spacing: -1px;
}

.ctr-c, .ctr-a, .ctr-t{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.tos a{
	margin: 0px 10px;
}

.sort-ctrl{
	margin-left: 10px;
}

.published .sort-ctrl{
	margin-left: 5px;
}

.sort-ctrl a{
	color: #333;
}

.mobile-title{
	display: none;
}

a.sort-active{
	color: #eb592a;
}

.class-prediction .title h2{
	margin-bottom: 10px !important;
}

.proph-date{
	margin-bottom: 40px;
}

.mobile-to-link{
		display: none;
	}

.nf-content{
	padding-top: 250px;
	padding-right: 450px;
	background-image: url("../images/money_burning.png");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 400px auto;
}

#nf-main{
	margin-bottom: 100px;
}

#btc{
	color: #f7941a;
	transform: rotate(15deg);
}

.fixit{
	font-size: 32px;
}

.nf-error{
	font-weight: 700;
	font-size: 102px;
	margin-left: -8px;
	line-height: 100px;
	color: #eb592a;
}

.nf-subtitle{
	font-size: 50px;
	letter-spacing: 6px;
}

.nf-pages{
	margin-top: 40px;
	font-size: 24px;
}

.nf-img img{
	max-width: 500px;
	height: auto;
	display: none;
}

.country{
    margin: 10px 0px;
    padding: 10px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    position: relative;
	box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 15%);
}

.country-flag{
	min-width: 80px;
	text-align: center;
}

.country-flag img{
	max-height: 40px;
}

.country-name{
	width: 10%;
}

.country-twitter{
	width: 55%;
}

.country .country-twitter div{
	margin: 0;
}

.country .country-twitter .pol-pos{
	margin-left: 10px;
}

.country div{
	margin: 0px 10px;
}

.country div:first-child{
	margin-left: 0;
} 

.country div:last-child{
	margin-right: 0;
}

#country-header{
	box-shadow: none;
}

#country-header .country-name{
	margin-right: 100px;
}

.class-hyperbitcoinization .description a{
	font-size: 1.4em;
	font-weight: bold;
}

.class-hyperbitcoinization .description{
		margin-bottom: 40px;
}

#button-container{
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
}

button.new-politician{
	background: none;
	border: none;
	background: #eb592a;
	color: #fff;
	padding: 15px 20px;
	transition: all 0.3s;
}

button.new-politician:hover{
	background: #333;
}

.class-hyperbitcoinization .description{
	position: relative;
	padding-left: 70px;
}

.class-hyperbitcoinization .description:before {
    content: '\f08e';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 48px;
}

.only-mobile{
display: none;
}

.pol-twit{
	float:left;
	clear: both;
	width: 30%;
}

.pol-twit a{
	color: #333;
}

.pol-pos{
	float:left;
}

.pol-title, .status-title{
	display: none;
}

/********************** media queries **********************/


@media only screen and (max-width: 1200px) {
	.country div{
		margin: 0;
	}
	.country .country-flag{
		margin-right: 10px;	
	}
	
	.pol-title, .status-title{
	display: block;
		width: 100%;
}
	
	.country .pol-title, .country .status-title{
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #e1e1e1;
		margin-bottom: 0;
	}
	
	#country-header{
		display: none;
	}
	
	.country .country-name{
		width: calc(100% - 150px);
	}
	
	.country .country-twitter{
		width: 100%;
		margin: 0px 0px;
		
	}
	
	

	#nf-main .container{
		text-align: center;
	}
	
		.nf-content{
	padding-top: 0px;
	padding-right: 0px;
	background:none;
		display: inline-block;
		text-align: left;
}
	
	.nf-img img{
	display: inline-block;
		margin-bottom: 40px;
		margin-top: 120px;
}
	
	.knowbox{
		width: 49%;
	}
	
	#idea-link{
	right: -70px;
		bottom: 30%;	
}
	
	
	#top-nav ul li{
		margin: 0;
	}
	.subpage .title {
   
		font-size: 90px;
	}
    
    a.carousel-control{
        display: none;
    }
    
    #top-nav ul li a{
        padding-left: 8px;
        padding-right: 8px;
    }
    
    .submenu-box{
   
        width: 495px;
    }
    
    .sub-footer{
        font-size: 14px;
    }
    
    .sub-footer div a{
        font-size: 14px !important;
    }
    
     form{
        margin-bottom: 0px;
    }
    
    .no-mobile{
        display: none;
    }
    
    .header-text h1{
        font-size: 42px;
    }
    
    .header-text h2{
       font-size: 62px; 
    }
    
    
    #top-nav ul li a{
        font-size: 14px;
    }
    
    
    .teaser .text{
        min-height: 140px;
    }
    
    .class-homepage .attribute-header h1{
    font-size: 2.0em;
}
    
    #sub-nav ul li a{
        font-size: 0.9em;
    }
    
    .tile{
        min-height: 320px;
    }
    
    span.price b{ 
    font-size: 80px;
}
   
    
	
    .video-caption{top: 60%;}
    .video-caption p{font-size: 3em;}
    #video-bg{ height: 300px;}
    #navigation ul li a{font-size: 1.2em; padding-left: 30px; padding-right: 30px;}
    .example td{font-size: 0.8em;}
    
	#list-control{
		font-size: 14px;
	}
	
	.sort-ctrl{
	margin-left: 10px;
}
    
}
@media only screen and (max-width: 992px){
	
	.country-name{
	min-width: 15%;
}
	
	.nf-img img{
		margin-top: 40px;
}
	
	
	.actual div.small-text{
	font-size: 22px;
	line-height:34px;
}
	
	.date .day{
		font-size: 28px;
		margin-bottom: -10px;
	}
	
	.date .month, .date .year{
		font-size: 18px;
	}
	
	.pred div, .actual div, .difference div{
		font-size: 28px;
	}
	
	.small-image-head #bg-img{
		padding-top: 120px;
		min-height: 200px;
	}
	
	#subpage_header{
		font-size: 48px;
	}
	
	#idea-link{
		right: -60px;
		bottom: 35%;
		font-size: 14px;
	}
	
	.fp-description{
		margin-top: 0px;
	}
	
	
	#footer-top{
    padding: 80px 20px 40px 20px;
    margin-bottom: 0;
	color: #fff;
	
}
	
	#ftc div {
    width: 100%;
		margin: 10px 0px;
}
	
		#ftc div img{
    max-width: 240px;
}
	
	#list-control .ctr-to{
		display: none;
	}
	
	#list-control .ctr-c, #list-control .ctr-a, #list-control .ctr-t{
		width: auto;
	}
	
	#list-control{
		justify-content: flex-start;
	}
	
	.list-obj .date .day{
		font-size: 28px;
		margin-bottom: -10px;
	}
	
	.list-obj .date .month, .list-obj .date .year{
		font-size: 18px;
	}
	
	.list-obj .creator, .list-obj .amount, .list-obj .time{
		font-size: 18px;
	}
	
	#header-predictions .container {
    margin-top: 100px;
}
	
	    #responsive-menu-button{
        display: block;
    }
	
	.top-nav-container{
		display: none;
	}
	
	#top-nav.small img
{
    height: 40px !important;    
}
	
	nav.small ul li a {
    line-height: 40px !important;
}
	
	#top-nav.small{
		height: 70px !important;
	}
	
	#logo-big-box{display: none;}
	#logo-small-box{opacity: 1;}
    
    div.carousel{height: 500px !important;}
    div.carousel-inner div.item{height: 500px !important;}
    
    .header-text {
    bottom: auto;
    top: 100px;
    }
    
    .header-text-title{
        font-size: 22px;
    }
    
    .header-text-sub{
        font-size: 16px;
    }
    
    #header-text-button{
        font-size: 14px;
    }
    
    .company{
        padding: 40px;
    }
    
    .prin-col{
        margin-bottom: 40px;
    }
    .md-offset-right{
    margin-right: 0;
}
    
    .youtube.align-right{
        float: none;
        margin-left: 0px;
    }
    .youtube.align-left{
        float: none;
        margin-right: 0px;
    }
    
    .youtube{
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%;
        margin-bottom: 20px;
    }
    .youtube iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;  
    }
    
   .image-box {
    margin-bottom: 100px;
}
    
    
    .small-image-head div.carousel{height: 200px !important;}
    .small-image-head div.carousel-inner div.item{height: 200px !important;}
    
    .subpage .title{
       font-size:  60px;
        line-height: 60px;
    }
    
    .subpage{
    margin-top: 0px;
    }
   
    
   .submenu-box{
   
        width: 455px;
    }
    
    .company-box{
        padding-left: 10px;
        padding-right: 10px;
       
    }
    
     .contact-box{
        padding-left: 10px;
        padding-right: 10px;
       
    }
    
     .form-box{
        padding-left: 10px;
        padding-right: 10px;
       
    }
    
    #company-desc{
         text-align: left;
    }
    
    
    .navbar-header{
        margin-top: 0px;
    }
    
    .navbar-right{
        margin-top: 0px;
    }
    
    .top-contact{
        display: none;
    }
    
    .preview-text{
        min-height: 200px;
    }
    
     .teaser .text{
        min-height: 80px;
    }
    
    .class-homepage .attribute-header h1{
    font-size: 1.5em;
}
    
    ul.submenu{
        top: 61px;
    }
    
    .header-title{
        line-height: 70px;
        font-size: 24px;
    }
    
    #sub-nav{
        margin-top: 70px;
    }
    
     #sub-nav ul li a{
         font-size: 0.8em;
        padding: 10px 4px;
    }
    
    
    .tile{
        min-height: 370px;
    }
    .grid-item{width: 100%}
    #nav-box{padding-top: 70px;}
    h1#header{font-size: 30px; margin-top: 15px;}
   #navigation ul li a{padding-left: 20px; padding-right: 20px; font-size: 1.0em;}
   #top-nav ul li a{
  
        font-size: 15px;
       padding-left: 15px;
       padding-right: 15px;
  
    } 
    .example td{font-size: 1.2em;}
       #top-nav img
{
    width: auto; 
    height: 40px;    
}
    
    nav#top-nav li a{
        line-height: 40px;
    }
    
 
    
       #top-nav ul li a{
        padding-left: 6px;
        padding-right: 6px;
    }
    
   
}




.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
    font-weight: 400 !important;
}



/**** 1 Column ****/



@media only screen and (max-width: 767px) {
	
	.country .country-flag{
		text-align: left;
	}
	
	
	
	.only-mobile{
	display: block;
}
	no-mobile{
		display: none;
	}
	
	h2{
		font-size: 22px;
	}
	
	.country div{
		width: 100%;
		margin: 5px 0px;
	}
	.country .pol-twit{
		width: auto;
	}
	
	.country .pol-pos{
		width: auto;
	}
	.country .pol-pos:before{
		content: '|';
		margin-right: 10px;
	}
	
	.country div:first-child{
		margin-top: 0;
	}
	
	.country div:last-child{
		margin-bottom: 0;
	}
	
	.nf-img img{
	display: inline-block;
		max-width: 100%;
		padding: 0px 100px;
}
	
	.fixit{
		font-size: 24px;
	}
	.nf-error{
		font-size: 72px;
		line-height: 72px;
	}
	
	.nf-subtitle{
		font-size: 32px;
	}
	
	.nf-pages{
		font-size: 16px;
	}
	
	
	.knowbox{
		width: 100%;
	}
	
	#idea-link{
		right: -40px;
		bottom: 30%;
		font-size: 16px;
	}
	
	.attribute-header h1{
		text-align: center;
		font-size: 36px;
    font-weight: 400 !important;
	}
	
	.link-container{
		margin-top: -20px;
	}
	
	.fp-description h4{
		margin-top: 0px;
	}
	
	#mobile-buttons{
		display: block;
	}
	
	.image-block, .content-block{
		width: 100%;
	}
	
	.content-block{
		margin-top: 40px;
	}
	
	.date .day{
		font-size: 28px;
		margin-bottom: -10px;
	}
	
	.date .month, .date .year{
		font-size: 18px;
	}
	
	.pred div, .actual div, .difference div{
		font-size: 28px;
	}
	
	.mobile-only{
	display: block;
}
	
	.prediction-inner{
		text-align: center;
	}
	
	#footer table{
		width: auto !important;
	}
	
	.footer-social{
		display: inline-block;
	}
	
		.subpage .title {
   
		font-size: 50px;
	}
    
    .company{
        width: 100%;
    }
    
    .company-container{
        height: auto;
    }
    
    .company-image{
        position: static;
        width: 100%;
        float: left;
        display: none;
    }
    
    
    .employee-image{
        filter: grayscale(0%);
    }
    
   
    
    .xs-offset-right{
        margin-right: 50%;
    }
    
    
   .image-box {
    margin-bottom: 40px;
}
    
   
    
    .bottom-row{
        margin-top: -100px !important;
    }
    
    .image-box{
        width: 100%;
        margin: 40px 0px;
    }
    
   .highlight-box{
    position: static;
   float: left;
    width: 100%;
    z-index: 0;
    padding: 0px;
    background: none;
    color: #333;
}
    
    
    
    
    .footer-box{
        margin: 40px 0px;
    }
    
    .footer-social{
        position: static;
        margin-top: 40px;
        text-align: left;
        margin-left: 0px;
    }
    
    .footer-box h1{
        padding-left: 20px;
    }
    
     .header-text{
        width: 100%;
        text-align: center;
       right: 10px;
    }
    
    .header-text{
        margin-top: 30px;
    }
    
    .footer-href{
        margin: 0px 0px 20px 0px;
    }
    
    div.social{
        margin: 40px auto;
    }
    
    
   
    
     .subpage{
       left: 15px;
        width: calc(100% - 30px);  
    }
    
   
    
 
    
    .preview-text{
        min-height: 100px;
    }
    
    .preview.first{
        margin-bottom: 150px;
    }
    
      .class-homepage .attribute-header h1{
    font-size: 1.0em;
}
    
    
    .header-title{
        display: none;
    }
    
    .tile{
        min-height: 10px;
    }
    
    .t-image{

    height: 300px;
   
}
    
    h1#header{display: none;}
    .example .body{min-height: 0px;}
    
    .price-block td{font-size: 20px;}

     span.typed{display: none;}
    span.mobile{display: block; margin-top: 10px;}
    span.typed-cursor{display: none;}
  .video-caption p{
        font-size: 2em;
        top: 60%;
    }
    #video-bg{ height: 200px;}
    .video-caption {font-size: 1.2em; top: 55%;}
       a.navbar-brand img{height: 40px!important;}
    nav#top-nav{height: 70px !important;}
    #path{margin-top: 20px;}
    .sidr-class-nav-box ul{
        padding-left: 30px;
    }
    

    
 
    .subpage{
        text-align: left;
        margin-top: 0px;
    }
    
}


@media (max-width: 744px){
	.mobile-title{
		display: block;
		padding: 0px 20px;
	}
	
	#list-control .published{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: auto;
		padding-right: 10px;
	}
	
	.ctr-c, .ctr-a, .ctr-t {
  
    padding: 0px 10px;
}
	
	span.mobile-title{
		padding: 0;
	}
	.listc-container{
		padding: 10px 0px;
		box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.15);
	}
	
	#list-control .published, #list-control .ctr-c, #list-control .ctr-a, #list-control .ctr-t {
   		width: 100%;
		padding: 10px 0px;
	}
	#list-control{
		font-size: 18px;
		display: none;
	}
	
	#list-control i{
		margin: 0 10px;
	}
}


@media (max-width: 720px){
	
	#list-control .published, #list-control .ctr-c, #list-control .ctr-a, #list-control .ctr-t{
		flex-direction: row-reverse;
		justify-content: flex-end;
	}
	
	#list-control .sort-ctrl{
		margin-left: -10px;
		margin-right: 5px;
	}
	
	.to-link{
		display: none;
	}
	.mobile-to-link{
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	
	.list-obj .creator, .list-obj .amount, .list-obj .time{
		width: 100%;
		padding: 10px 5px;
		border-bottom: 1px solid #e1e1e1;
	}
	
	.list-obj .time{
		border-bottom: none;
	}
	
	.list-obj .to-link, .past-prediction .to-link{
		width: auto;
	}
	
	.small-image-head #bg-img{
		padding-top: 120px;
		min-height: 180px;
	}
	
	#subpage_header{
		font-size: 32px;
		font-weight: bold !important;
	}
	
	
}

@media only screen and (max-width: 620px) {
	
	.country .pol-twit{
		width: 100%;
		margin-top: 10px !important;
	}
	.country .pol-pos{
		width: 100%;
		margin-left: 0!important;
	}
	.country .pol-pos:before{
		content: '';
		margin-right: 0px;
	}
	
		.nf-img img{
	display: inline-block;
		max-width: 100%;
		padding: 0px 40px;
}

	
	.past-prediction a, .past-prediction .pred, .past-prediction .actual, .difference{
		width: 100%;
		border-bottom: 1px solid #e1e1e1;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	
	.past-prediction a{
		border: none;
	}
	
	.past-prediction .actual, .past-prediction .difference{
		padding-bottom: 0;
		border: none;
	}
	
	.past-predictions .date{
		align-items: flex-start;
	}
	
	
	
		.subpage .title {
   
		font-size: 40px;
	}
	
   
    
     .header-text h1{
        font-size: 42px;
    }
    
    .header-text h2{
       font-size: 52px; 
    }
	
	.prediction-container .amount{
		font-size: 3.5em;
	}
}


@media(max-width: 580px){
	#zukunft{
		margin-left: 0px;
		padding-left: 0px;
	}
	
	#zukunft, #vergangenheit{
		font-size: 20px;
	}
}

@media only screen and (max-width: 500px) {
	
	
		.nf-img img{
	display: inline-block;
		max-width: 100%;
		padding: 20px 20px 0px 20px;
}
	
	.fixit{
		font-size: 20px;
	}
	.nf-error{
		font-size: 60px;
		line-height: 60px;
	}
	
	.nf-subtitle{
		font-size: 24px;
	}
	
	.nf-pages{
		font-size: 16px;
	}
	

	#idea-link{
		right: -50px;
		bottom: 30%;
		font-size: 16px;
	}
	
	#bg-img{
		height: 400px;
	}
	
	#header-predictions .container{
		margin-top: 70px;
	}
	
	.prediction-container .name, .prediction-container .date{
    font-size: 1.1em;
}
    
    .subpage .title{
        font-size: 30px;
    }
    
    .content-view-full{
        padding: 40px 0px 40px 0px;
    }
	

    
    .partner-slider{
        margin-bottom: 20px;
    }
    
    .header-text{
        margin-top: 20px;
       right: 0;
    }
    
    .header-text-title{
        float: none;
        display: inline-block;
    }
    
    .header-text-sub{
        display: none;
    }
    
    #header-text-button{
        display: none;
    }
    
    .header-text{
       
    }
    
    .subpage{
        text-align: left;
        margin-top: 0px;
    }
      .header-text h1{
        font-size: 32px;
    }
    
    .header-text h2{
       font-size: 42px; 
    }
    
     div.carousel{height: 250px !important;}
    div.carousel-inner div.item{height: 250px !important;}
    
    
    
}

@media only screen and (max-width: 460px) {
	.small-image-head #bg-img{
		padding-top: 100px;
		min-height: 144px;
	}
	
	#subpage_header{
		font-size: 24px;
	}
	
	#idea-link{
		right: -60px;
		bottom: 30%;
		font-size: 16px;
	}
	
	input, .text-area, textarea{
		font-size: 18px;
	}
	
	.modal-body {
    margin: 0px auto; 
}
	
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		
	
/*		width: 320px;*/
		
	}
	
	.past-prediction a, .past-prediction .pred, .past-prediction .actual, .difference{
		width: 100%;
		border-bottom: 1px solid #e1e1e1;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	
	.past-prediction a{
		border: none;
	}
	
	.past-prediction .actual, .past-prediction .difference{
		padding-bottom: 0;
		border: none;
	}
	
		#top-nav img
{
    height: 40px !important;    
}
	
		#top-nav.small img
{
    height: 40px !important;    
}
	
	a.navbar-brand{
		padding: 20px 10px
	}
	
	#responsive-menu-button {
  
		top: 15px;
	}
	
	.small #responsive-menu-button {
  
		top: 10px;
	}
	
		.subpage .title {
   
		font-size: 25px;
	}
    
    .intro-row{
    margin-bottom: 40px;
}


.split-column{
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    column-gap: 0px;
}
    
    
    body{
        font-size: 16px;
    }
    
    .job-icon{
        display: none;
    }
    
    .job-desc{
        width: 100%;
    }
    
    .col-xxs{
        width: 100%;
    }
    
     .xs-offset-right{
        margin-right: 0;
    }
    
    .header-text h2{
        margin-top: 0px;
    }
    
    .animate{
        opacity: 1;
    }
    
  
    
      .header-text h1{
        font-size: 26px;
    }
    
    .header-text h2{
       font-size: 36px; 
    }
    
  
    br.mobile{
        display: block;
    }
     .t-image{

    height: auto;
   
}
    
    .price-block td{font-size: 16px;}
     .example td{font-size: 0.8em;}
    svg.top{height: 40px;}
    svg.bottom{height: 80px;}
    
    .video-caption {font-size: 1.0em;}
    body.sidr-open #top-nav{left: 0px;}
    body.sidr-animating #top-nav{left: 0px;  transition: all 0.5s 0.3s;}  
    .attribute-header h1{
    font-size: 24px;
}
    .attribute-header h1 strong{
    font-size: 36px;
}
    h1.typed-text{
        font-size: 36px
    }
     
}
@media only screen and (max-width: 420px) {

	.nf-img img{
	display: inline-block;
		max-width: 100%;
		padding: 20px 20px 0px 20px;
}
	
	.fixit{
		font-size: 16px;
	}
	.nf-error{
		font-size: 50px;
		line-height: 50px;
	}
	
	.nf-subtitle{
		font-size: 18px;
	}
	
	.nf-pages{
		font-size: 14px;
	}
	.nf-content{
		max-width: 320px;
	}

}

@media only screen and (max-width: 380px) {
	
	.know-text{
		font-size: 16px;
	}
	
	.small-image-head #bg-img{
		padding-top: 100px;
		padding-bottom: 20px;
		min-height: 100px;
	}
	
	#idea-link{
		right: -50px;
		bottom: 30%;
		font-size: 14px;
	}
	.mobile-buttons-container{
		padding: 8px 0px;
	}
	h3{
		font-size: 24px;
	}
	
	.prediction-container .amount{
		font-size: 3em;
	}
	
	
    
    .header-text{
        margin-top: 10px;
    }
    
    .header-text-title{
        font-size: 18px;
    }
    
   
        .header-text h1{
        font-size: 26px;
    }
    
    .header-text h2{
       font-size: 30px; 
    }
    
    .preview a.btn{
        width: 80%;
    }
    
    .video-caption {font-size: 0.7em; top: 60%;}
    #video-bg{ height: 150px;}
      
}


@media (max-width: 360px){
	.nf-content{
		max-width: 100%;
		text-align: center;
	}
	
	#idea-link{
		right: -55px;
		bottom: 34%;
		
	}
			#top-nav img
{
    height: 33px !important;    
}
	
		#top-nav.small img
{
    height: 33px !important;    
}
	
	a.navbar-brand{
		padding: 25px 10px
	}
	.small #responsive-menu-button{
		top: 5px;
	}
}