/* CSS Style für Kamin Okroy von sirconic group GmbH Freilassing



                            OMI                                                MM                                       
                 ..  ...  ..  .      . ... ..  .. .  ..    ... . .  .  .     .          ...  ..     . .                 
               .DMMMMMM?  NMMMM     MMMMMMMMM .MMMMMMMI  MMMMMMM..MMMMMMMM   MMMM     .ZMMMMMMM     .II.                
                MMM,..8.    .MM     ..MM:. . .MM.  ..M: MM.  ..MM .MM.  MM   .  M     7MO.  .MM    .III                 
          III~ . ,MMMMM.     MM       MM      MM    .  .MO.    MM  MM   MM      M     MM.          .II. .~III           
      .IIIII    MM ...MM  . .MM ... ..MM ... .MMO....MM.MMN. .MM=. MM . MM.. .  M  ..  MM .  =M.   II.    .IIIII  .     
   .+IIII.     .MMMMMMM.  MMMMMMMM. MMMMMMM.   OMMMMMM. .=MMMMM  ,MMMM.MMMM.MMMMMMMMM   MMMMMMN  .II?.      ..IIII+.    
 +IIII...                             .              ..                         .                III           ..IIII+. 
. IIIII                             I77777777.777$777$7  777777? 7777 =777.7777777$7.          ..II.           .IIIII . 
  .. IIIII                         =77. .777  ..777     77.. .I77..77 . 77 .,77.. .$7.         .II:         .~IIII ...  
      ..IIII=.                     77     77    77     .7+.    77  77   77  ,7..   :7.         III      ..=IIII.        
         .III:                     .77. .777  . 77. .   77 . .777  7$  .77. ,777 .$77.        III.      .:III.          
            .                       .7777777 .7777777:  .777777.   ?7777777 ,7.7777..        .II.         .             
                                         .77               .        .  ..   ,7               ,I~                        
                                     77777$.                               77777,                                       
                 

*/

/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,|Raleway:100,700,900);
*/

html, body{
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  background:URL(../img/background.jpg) no-repeat center center fixed;
  background-size: cover;
  color: #111;
  -webkit-font-smoothing: antialiased;
}

video#bgvid {
  position: fixed; right: 0; bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -100;
  background: url(polina.html) no-repeat;
  background-size: cover;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  line-height: 1.2em;  
  color: #BE1623;  
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

#footer a {
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-decoration: none;
}
#footer p {
  color: white;
  font-family: 'Open Sans', ans-serif;
  font-weight: 400;

}
#footer a:hover {
  color: #be1623;
}
.container {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 15px;
}

section > .container > .row {
  margin-left: 50px;
  margin-right: 50px;
}

.navbar-default .navbar-nav > li > a {
  font-weight: 600;
}


.breadcrumb {
  background:none;
  font-weight: 600;
  text-decoration:none;
}


.js-clingify-locked {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99999;
  width:100%;
}

.js-clingify-locked .navbar {
  width: 1170px;
  margin-right: auto;
  margin-left: auto;  
}
  

img {
  max-width: 100%;
}

.sirconic {
  background-color: #1abc9c;
}



.js-clingify-locked .navbar {
  width: 1170px;
  margin-right: auto;
  margin-left: auto;  
}

@media (max-width: 767px) {

}

@media (min-width: 768px) and (max-width: 991px) {
  .js-clingify-locked .navbar,  .navbar  {
  width: 750px;
  margin-right: auto;
  margin-left: auto;  
  }

}

@media (min-width: 992px) and (max-width: 1199px) {
  .js-clingify-locked .navbar {
  width: 970px;
  margin-right: auto;
  margin-left: auto;  
  }

}

@media (min-width: 1200px) {
  .js-clingify-locked .navbar {
  width: 1170px;
  margin-right: auto;
  margin-left: auto;  
  }

}

.canvas_top {
  padding-left: 0px;
}

.canvas_sub {
  padding-left: 0px;
  margin: 0px;
}

svg {
  margin-bottom: -20px;
}






/* Off-Canvas Stuff */

#site-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#site-menu {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -300px;
    background: #be1623;
    padding: 0px;
  -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
}

#site-wrapper.show-nav #site-canvas {
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
}

.pushy .canvas_top a {
  color:white;
  display: block;
  padding: 40px 10px;
  font-size: 25px;
  font-weight: normal;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

ul.canvas_top {
  margin-top: 100px;
}

.pushy .canvas_sub a {
  color:white;
  display: block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: normal;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pushy {
  background: #be1623;
}

.pushy li.active a {
  color: #FFF;
}

.canvas_top li.active {
  background: #AB0000;
}

.pushy a:hover {
  background: #AB0000;
  color: #FFF;
  text-decoration:none;
}

.topnavi a {
  color: #aaa;
}

.topnavi {
  margin-top: 10px;
}

#footer > .container {
  background-color: rgba(0, 0, 0, 0.9);
  }

#footer > .container {
  background: radial-gradient(circle at 11.29% 83.74%, rgba(69, 19, 19, 0.86), transparent 100%),radial-gradient(circle at 92.87% 89.41%, rgba(92, 64, 21, 0.81), transparent 79%),radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.71), rgba(0, 0, 0, 0.59) 100%);
}
.navbar-nav li:hover {
background: radial-gradient(circle at 18.03% 87.49%, #fc8b28, transparent 61%),radial-gradient(circle at 92.87% 89.41%, #dbcfb6, transparent 44%),radial-gradient(circle at 50% 50%, #990e0e, #990e0e 100%);
}

.toggle-nav {
  font-size: 25px;
}


  .logo_container {
  text-align:center;
  }


/*Viewpoint Breaks*/



@media (max-width: 767px) {
  #site-canvas {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: .3s ease all;
  transition: .3s ease all;
  }
  img.img-responsive {
  width: 100%;
  margin-bottom: 20px;
  }
  p {font-size: 16px;}
  
  section > .container > .row {
  margin-left: 10px;
  margin-right: 10px;
  }
  h1, .h1 {
  font-size: 33px;
  }
  
  #logo {width: 350px;}  
  .logo_container {
  text-align:right;
  }    
  .breadcrumb {display:none;}
  #fire {background-color:white;}
}

@media (min-width: 768px) {

}



@media (min-width: 768px) and (max-width: 991px) {
  #site-canvas {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: .3s ease all;
  transition: .3s ease all;
  }

  .container {width: 100%;}
  p {margin: 20px 0;font-size: 16px;}  

  .footerspalte, .footerspalte p, .footerspalte h4 {
    font-size: 28px!important;
  }
  .csc-menu li {
  font-size: 28px;
  padding: 25px 0px;
  }
  
  .logo_container {
  text-align:right;
  }
  #logo {width:90%;}
  #fire {background-color:white;}
}


@media (min-width: 992px) and (max-width: 1199px) {
  p {margin: 20px 0;font-size: 15px;}   
}

@media (min-width: 1200px) {
  p {margin: 20px 0;font-size: 15px;}  
  
}

@media (min-width: 100px) and (max-width: 992px) {
  .js-clingify-placeholder {display:none;}  
}


@media (min-width: 100px) and (max-width: 499px) {
  
}

@media (min-width: 500px) and (max-width: 639px) {
  
}

@media (min-width: 640px) and (max-width: 767px) {
  
}







.breite_null {width:0px!important;}

.nav > li {
  -webkit-transition: .8s ease-out;
}
.nav > li:hover {
background: #d25b1a;
  -webkit-transition: .8s ease-out;
}
/* Bildergröße - responsive zoom fix für picture-tag */
picture img {width: 100%;}


.img-rounded {
border-radius: 2px;
margin-top: 20px;
margin-bottom: 10px;
}
.breadcrumb {
margin-bottom: -5px;
margin-top: -25px;
}


ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

.contenttable tr td {
padding: 10px;

}



.flexslider .slides img {
  height: auto!important;
  position: relative;
  left: -40px;
}

.logo_container {
  margin: 15px 40px 30px!important;
}

.breadcrumbs_section {
    display: none;
}