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

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


body{
padding-top:50px;
font-weight:300;
}

a,a:focus,a:active{
color:#4b8500;
outline:none !important;
}

a:hover{
color:#4b8500;
}

.en,.fr,.it,.es{
display:none;
}

.btn{
border-radius:0;
}

h1,h2,h3{
margin-top:0 !important;
margin-bottom:1em !important;
color:#09576d;
}

b,h1,h2,h3{
font-weight:400;
}

.desc-container h3,
.price-container h3{
margin-top:1.6em !important;
}

.panel,
.panel-heading{
border-radius:0 !important;
}

.panel-body{
padding:18px;
}

.panel-primary > .panel-heading{
background:#4b8500 !important;
border-color:#4b8500 !important;
}

.panel-defaultx > .panel-heading{
background:#3b3b3b !important;
border-color:#3b3b3b !important;
color:#fff !important;
}

.panel-defaultx{
border-color:#3b3b3b !important;
}

.panel-info{
border-color:#09576d !important;
}

.panel-info > .panel-heading{
background:#09576d !important;
}

.navbar-brand{
padding:12px 15px !important;
}

.navbar-brand span{
	text-shadow:1px 1px 2px rgba(0,0,0,0.5);
}

.flag-icon{
display: inline-block;
width: 16px;
height: 16px;
margin-right: .5em;
line-height: 14px;
vertical-align: text-top;
background-position: center center;
background-repeat: no-repeat;
}

.lang-de{background-image: url("../img/de.png");}
.lang-en{background-image: url("../img/en.png");}
.lang-fr{background-image: url("../img/fr.png");}
.lang-es{background-image: url("../img/es.png");}
.lang-it{background-image: url("../img/it.png");}

.divider-row{
border-bottom:1px solid #3d3d3d;
margin-bottom:30px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {

  /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  margin-top: 0;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  color:#fff;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background:#09576d; /* url(img/bgimg_green.png);*/
}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height:500px;
}

.carou-device,
.carou-portal{
color:#fff;
text-align:center;
text-shadow:1px 1px 2px rgba(0,0,0,0.5);
}

.carou-device .carou-device-text{
/*background:transparent url(img/bg_dark_55.png) repeat top left;
padding:10px 5px 10px 5px;
border-radius:6px;*/
}

.carousel-indicators li{
border-radius:0 !important;
width:12px;
height:12px;
margin:0 2px;
}

.carousel-indicators .active{
margin:0 2px;
}

.carou-device h2{
color:#fff;
margin-top:5px;
}

.carou-portal{
height:435px;
background:transparent url(../img/webportal.png) no-repeat bottom left;
background-size:auto 100%;
}

.carou-portal .carou-portal-text{
/*float:right;*/
width:420px;
text-align:right;
background:transparent url(img/bg_dark_55.png) repeat top left;
padding:10px 20px 10px 20px;
/*margin-top:150px;*/
/*border-radius:6px;*/
position:absolute;
right:0;
bottom:0;
z-index:1;
padding-top:1.5em;
}

.carou-portal .carou-portal-text h2{
margin-top:.5em important;
color:#fff !important;
}

.teaser-sm{
background:#09576d;/* url(img/bgimg_green.png) repeat top center;*/
padding:20px 0;
}

.teaser-sm img{
height:auto;
width:100%;
}

.teaser-text{
display:block;
background:transparent url(img/bg_dark_55.png) repeat top left;
padding:20px 20px 10px 20px;
color:#fff;
text-align:left;
text-shadow:1px 1px 2px rgba(0,0,0,0.5);
}

.teaser-text h2{
color:#fff;
margin-top:5px;
}

.desc-container{
padding:80px 0 60px 0;
background:#ddd url(img/bgimg.png) repeat top center;
}

.price-container .panel-default{
margin-bottom:30px !important;
}

.desc-container-inner{
/*background:transparent url(img/carou_drop.png) repeat-x top left;	*/
}

.price-container{
background:#fff;
padding:80px 0 60px 0;
background:#fff url(img/bgimg.png) repeat top center;
}

.contact-container{
padding:80px 0 60px 0;
color:#fff;
background:#474747/* url(img/bgimgc.png) repeat top center;*/
}

.contact-container h2,
.footer-container h3{
color:#fff;
}

.footer-container{
padding:60px 0 40px 0;
background:#262626 url(img/bgimg_dark.png) repeat top center;
}

.footer-container-inner{
/*background:transparent url(img/footer_drop.png) repeat-x top left;	*/
color:#999;
}

.footer-container-inner h4{
color:#ddd;
text-shadow:1px 1px 2px rgba(0,0,0,0.5);
}

.footer-container-inner a:hover,
.contact-container a:hover{
color:#96bf6f;
}

.modal{
border-radius:0 !important;
}

.modal-backdrop{
background:#000 !important;
}

.modal-header{
/*background-image:-webkit-gradient(linear, left 0%, left 100%, from(#3c3c3c), to(#222222));
background-image:-webkit-linear-gradient(top, #3c3c3c, 0%, #222222, 100%);
background-image:-moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
background-image:linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
background-repeat:repeat-x;
border-top-left-radius: 3px;
border-top-right-radius: 3px;*/
color:#fff;
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);*/
background:#09576d;
overflow:hidden;
}

.modal-header a,
.modal-header a:hover{
display:block;
float:right;
text-decoration:none;
font-weight:700;
font-size:18px;
color:#fff;
}

.modal-title{
font-weight:400;
}

.price-row .panel-primary,
.price-row .panel-info{
margin-top:40px;
}

.price-row .panel-heading{
font-weight:400;
font-size:18px;
text-shadow:1px 1px 2px rgba(0,0,0,0.5);
}

.panel-heading{
text-shadow:1px 1px 2px rgba(0,0,0,0.2);	
}

.mod-desc{
padding:16px 10px;
font-size:1.1em;

}

.mod-desc span{
display:block;
min-height:42px;
}

.abo-panel{
background:#09576d;
color:#fff;
margin:0;
}

.rtd-heading{
position:relative;
}

.rtd-heading img{
position:absolute;
top:-22px;
right:5px;
}

.modul-heading{
overflow:hidden;
display:block;
font-weight:400;
font-size:18px;
color:#333 !important;
}

.modul-heading a{
color:#222 !important;	
}

.modul-heading a,
.modul-heading a:hover{
color:#fff;
font-weight:700;
display:block;
float:right;
text-decoration:none;
}

.abo-panel .modul-price{
padding-top:10px;
padding-bottom:10px;
}

.modul-price span.cost{
display:block;
float:right;
}

.indi-panel-body{
height:176px;
}

.modul-list{
padding-left:15px;
}

.modul-list li{
padding-top:20px;
}

.modul-list li ul li{
padding-top:8px;
padding-bottom:0;
}

.modul-list ul{
padding-left:30px;
}