*{margin:0;padding:0;border:0;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

/**** responsive ****/

@media (min-width:1200px) {  /* xl - extra large */
	.visible-xl{display:block;}
	.hidden-xl{display:none;}
	.visible-xs{display:none;}
	.left-side{max-width:1017px;}
}

@media (min-width:1021px) and (max-width:1200px) { /* nl - normal large */
	.visible-nl{display:block;}
	.hidden-nl{display:none;}
	.visible-xl{display:none;}
	.visible-xs{display:none;}
	.left-side{max-width:100%;}
	.toplogo{width:16%;}
}

@media (min-width:751px) and (max-width: 1020px) { /* ns - normal small */
	body{display:table;}
	.visible-ns{display:block;}
	.hidden-ns{display:none;}
	.visible-xl{display:none;}
	h1{font-size: 33px;line-height: 41px;}
	h2{font-size:19px;line-height:30px;}
	.homepage p{font-size:17px !important;line-height:30px !important;}
	.left-ul{font-size:18px;line-height:21px;}
	.left-ul li.child{padding-left:10px;}
	.left-ul li.child a{font-size:15px;}
	.flags{float:right;}
	.homepage p{margin-top:10px;margin-bottom:10px;}
	.toplogo{width:18%;}
}

@media (max-width: 750px) { /* xs - extra small */
	body{display:table;font-size:1.2em;}
	.visible-xs{display:block;}
	.hidden-xs{display:none;}
	.visible-xl{display:none;}
	.left-fieldset, .right-fieldset{width:100%;}
	h1{font-size: 33px;line-height: 41px;}
	h2{font-size:19px;line-height:30px;}
	.homepage p{font-size:17px !important;line-height:30px !important;}
	.left-ul li.child{padding-left:10px;}
	.left-ul li.child a{font-size:15px;}
	.flags{float:right;}
	.footer-right .faq a img{width:300px;height:114px;}
	.center-column{padding:25px 1% 25px 2%;}
	.homepage p{width:100%;display:block;}
	.homepage p img{width:90% !important;height:auto !important;clear:both;display:block;float:none !important;margin-left:0 !important;}
	.toplogo{width:25%;}
/*
	.homepage .photo{width:100%;text-align:center;margin-top:20px;margin-bottom:20px;}
	.homepage .photo img{width:100%;height:auto;}
*/
}

/**** navigation ****/

#navbar{height:35px;width:580px;float:right;-webkit-transition: all linear .25s;transition: all linear .25s;-moz-transition: all linear 1s;text-align:right;overflow:hidden;}
.lang-button{width:280px;float:right;}
#nav-button{margin: 3px 1% 0 0;position: relative;float: right;padding: 8px 10px; background-image: none; border: 1px solid #154472; border-radius: 4px; background-color:transparent;}
#nav-button .icon-bar{display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #dddddd;margin-top:3px;}

/**** icons ****/

[class^="icon-"], [class*=" icon-"] {
display: inline-block;width: 14px;height: 14px;margin-top: 1px;line-height: 14px;vertical-align: text-top;background-image: url(https://www.ballonreisen.ch/siteimages/icons.png);
background-position: 14px 14px;background-repeat: no-repeat;}

.icon-15-3 {background-position: -336px -48px;}
.icon-16-6 {background-position: -360px -120px;}
.icon-08-6 {background-position: -168px -120px;}
.icon-09-6 {background-position: -192px -120px;}
.icon-20-3 {background-position: -456px -48px;}
.icon-11-6 {background-position: -240px -120px;}
.icon-08-1 {background-position: -168px 0px;}
.icon-16-7 {background-position: -360px -144px;}
.icon-17-1 {background-position: -384px 0px;}
.icon-13-2 {background-position: -288px -24px;}
.icon-05-5 {background-position: -96px -96px;}
.icon-12-2 {background-position: -264px -24px;}
.icon-19-7 {background-position: -434px -144px;}
.icon-18-6 {background-position: -409px -120px;}
.icon-17-7 {background-position: -384px -144px;}

/**** background ****/

.background {
background: rgb(237,237,237);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(222,222,222,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(222,222,222,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); 
}

/**** animation  fadeInUp ****/


.animated {
-webkit-animation-duration: .8s;-webkit-animation-delay: .2s;-webkit-animation-timing-function: ease;-webkit-animation-fill-mode: both;
-moz-animation-duration: .8s;-moz-animation-delay: .2s;-moz-animation-timing-function: ease;-moz-animation-fill-mode: both;
-ms-animation-duration: .8s;-ms-animation-delay: .2s;-ms-animation-timing-function: ease;-ms-animation-fill-mode: both;
animation-duration: .8s;animation-delay: .2s;animation-timing-function: ease;animation-fill-mode: both;}

.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
opacity:0;
}


@keyframes fadeInUp {
    from { transform: translate3d(0,40px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}

@-webkit-keyframes fadeInUp {
    from { transform: translate3d(0,40px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}

@-moz-keyframes fadeInUp {
    from { transform: translate3d(0,40px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}

@-o-keyframes fadeInUp {
    from { transform: translate3d(0,40px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}


/**** error and info ****/

.infobox{border: 1px solid #DFDFDF;margin-bottom: 20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-top:1px;}
.infobox-content{border: 1px solid #FFF;background: #ECECEC url("../images/info.png") no-repeat 4% 50%;background-size:40px 50px;font-style: italic;color: #666;padding: 3% 3% 3% 10%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.infogreen{border: 1px solid #B2D8EE;margin-bottom: 20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-top:1px;}
.infogreen-content{border: 1px solid #FFF;background: #D3F1FF url("../images/box-info.png") no-repeat 4% 4%;font-style: italic;color: #666;padding: 3% 3% 3% 10%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.errbox{border: 1px solid #DFDFDF;margin-bottom: 20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-top:1px;}
.errbox-content{border: 1px solid #FFF;background: #ECECEC url("../images/error.gif") no-repeat 4% 50%;font-style: italic;color: #666;padding: 3% 3% 3% 10%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.msgokbox{border: 1px solid #B2D8EE;margin-bottom: 20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-top:1px;}
.msgokbox-content{border: 1px solid #FFF;background: #D3F1FF url("../images/status_ok.png") no-repeat 4% 50%;font-style: italic;color: #444444;padding: 3% 3% 3% 10%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.errors{width:100%;font-size:14px;}
.errors td{padding:3px 0 0 10px;font-size:13px;font-style:italic;}
.errbox .errors{color:#DC0A0B;}
.infobox .errors{color:gray;}

/**** animation  bounceIn ****/
/*
.animated1{
  -webkit-animation-name: bounceIn;  -webkit-animation-duration: 450ms;  -webkit-animation-timing-function: linear;  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: bounceIn;  -moz-animation-duration: 450ms;  -moz-animation-timing-function: linear;  -moz-animation-fill-mode: forwards;
  -ms-animation-name: bounceIn;  -ms-animation-duration: 450ms;  -ms-animation-timing-function: linear;  -ms-animation-fill-mode: forwards;
  animation-name: bounceIn;  animation-duration: 450ms;  animation-timing-function: linear;  animation-fill-mode: forwards;
}

.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
opacity:0;
}
*/
/*
@keyframes bounceIn{
  0%{		opacity: 0;    transform: scale(0.3) translate3d(0,0,0);  }
  50%{   opacity: 0.9;    transform: scale(1.1);  }
  80%{   opacity: 1;    transform: scale(0.89);  }
  100%{  opacity: 1;    transform: scale(1) translate3d(0,0,0);  }
}
*/