@charset "utf-8";
/* CSS Document */
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('../fonts/ubuntu-v11-latin-regular.woff2') format('woff2'),
       url('../fonts/ubuntu-v11-latin-regular.woff') format('woff');
}

/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
       url('../fonts/ubuntu-v11-latin-700.woff2') format('woff2'),
       url('../fonts/ubuntu-v11-latin-700.woff') format('woff');
}

html {font-size: 1rem} 
body {font-family: 'Ubuntu', sans-serif;font-size:1.25rem;line-height: 1.5;overflow-y: scroll;background-color:#09435a }
#site-all {background: #ffffff}
.navbar .container {padding-top:20px;padding-bottom: 10px }
.navbar-brand {max-width: 70%}
.navbar-default .navbar-collapse { border-color: #fff;}
.navbar-default .navbar-toggle {border-color: #09435a;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #e4f2f1;}
.navbar-default .navbar-toggle .icon-bar {background-color: #09435a;}
.navbar-collapse.collapse.in { border-bottom: 3px solid #09435a; background: #e4f2f1;background: linear-gradient(#fff,#e4f2f1);box-shadow: none}
div.table {font-family: 'Ubuntu Condensed', sans-serif;font-size: 1.25rem;line-height: 1.3}
.jumbotron {height: 300px;background: url(../images/header.jpg) no-repeat top center;margin-top: 0;background-size: cover}
.jumbotron h2 {color: #fff;background: #09435a;margin: 70px 0 0 0;padding: 10px;border-radius: 6px;width: auto;position: relative;float: right}
.jumbotron h2:hover {background: #178C80;cursor: pointer}
.jumbotron h2::after {content: " "; position: absolute; top: 100%; left: 50%; margin-left: -10px; border-width: 60px 20px 50px 5px; border-style: solid; border-color: #09435a transparent transparent transparent;}
.jumbotron h2:hover::after {border-color: #178C80 transparent transparent transparent;}
.navbar-default {border: none; background: rgba(255,255,255,1.00) url(../images/colors.png) top right no-repeat; transition: all 1s ease; background-size: contain}
.navbar-default.sticky {background-color: rgba(255,255,255,0.90); }
.navbar-nav > li > a { padding-bottom: 10px;padding-top: 30px}

h3 {color: #178c80}
.main-content {padding-bottom: 5em;}
.shape {width:110%;height: 70px;background:#fbba39;top:-30px;left:-5%;transform:rotate(1deg);position: absolute}
.shape2 {width:110%;height: 70px;background:#fbba39;bottom:-30px;left:-5%;transform:rotate(-1deg);position: absolute}
.rotate {position: relative;height: 70px;overflow: hidden}
footer {background:#e4f2f1;color:#09435a;position: relative;overflow-x: hidden}
footer a {color: #33a62f}
footer .row {padding-top: 5rem;padding-bottom: 5rem}

#pane { background: #09435a; left: 0; min-height: 100%; position: absolute; top: 0; width: 100%;z-index: 100;display: none;padding-bottom: 50px}
#containA, #containB {left: 0;position: absolute;top: 0;width: 100%;background: #09435a}
#containA .container-fluid, #containB .container-fluid {background: rgba(228,242,241,1.00) url(../images/colors.png) top right no-repeat;background-size: 50% auto;border-radius: 20px;padding-bottom: 50px;padding-top: 20px}
#containB {display: none}

div.table > .row {border-bottom: 2px dotted #fbba39;margin-bottom: 1em;padding-bottom: 0.5em; word-break: break-all}
div.table .btn-primary {margin-bottom: 2em;}
.table-head {color: #666666;display: none}
.platz1 {display: inline-block; width: 35px;height: 79px;background: url(../images/hutmann.png) no-repeat;background-position: 0 1px}
.platz2 {display: inline-block;width: 35px;height: 79px;background: url(../images/zicke.png) no-repeat}
.platz3 {display: inline-block;width: 35px;height: 79px;background: url(../images/punk.png) no-repeat;background-position: 0 -7px}
.platz4 {display: inline-block;width: 35px;height: 79px;background: url(../images/zopfmaedchen.png) no-repeat;background-position: 0 3px}
.platz5 {display: inline-block;width: 35px;height: 79px;background: url(../images/muede.png) no-repeat;background-position: 0 5px}
.platz6 {display: inline-block;width: 35px;height: 79px;background: url(../images/alien.png) no-repeat;background-position: 0 2px}
.platz7 {display: inline-block;width: 35px;height: 79px;background: url(../images/beauty.png) no-repeat;background-position: 0 7px}
.platz0 {display: inline-block;width: 35px;height: 79px;background: url(../images/sitz-leer.png) no-repeat;background-position: 2px 12px}
.btn-default {background-color: #178c80;color: #FFFFFF}
.btn-primary {/*box-shadow: 5px 5px 0 2px rgba(0,0,0,0.5)*/;background-color: #33a62f}
.btn-info {background-color: #09435a}
.navbar-default .navbar-nav > li > a {color: #33a62f;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: transparent;color: #09435a;border-bottom:#09435a dotted 3px }
#noreg:hover {cursor: pointer}
.col-sm-2.control-label.required::after {content: " *";}
#containA label, #containB label {font-weight: normal}
.btn {font-size: 1em}
h1#noreg {width: 100%;margin-left: -10px}
.flash .notice {color:#33a62f}
.stopovers_dw {	list-style: none;padding-left: 0;}
.document_dw_del, .document_dw_add {margin-left: 0;padding-left: 15px;}
a.document_dw_del, a.document_dw_add {color: #33a62f;font-size: 30px}
a.document_dw_del:hover, a.document_dw_add:hover { text-decoration: none}
#agb p {font-size: 13px;}
#agb {height: 200px;overflow-y: scroll;border-top: 1px solid #fbba39;border-bottom: 1px solid #fbba39}
.form-horizontal #g_ec_cbundle_slot_fromto .radio {display: inline-block}
.form-horizontal #g_ec_cbundle_slot_fromto .radio label {padding-left: 60px}
.form-horizontal #g_ec_cbundle_slot_fromto .radio:first-of-type label {background:#ededed url(../images/forward.png) 3px center no-repeat;border-color: #09435a}
.form-horizontal #g_ec_cbundle_slot_fromto .radio:first-of-type label.ui-checkboxradio-checked {background:#33a62f url(../images/forward.png) 3px center no-repeat}.form-horizontal #g_ec_cbundle_slot_fromto .radio:last-of-type label {background:#ededed url(../images/back.png) 3px center no-repeat;border-color: #09435a}
.form-horizontal #g_ec_cbundle_slot_fromto .radio:last-of-type label.ui-checkboxradio-checked {background:#33a62f url(../images/back.png) 3px center no-repeat}
.error {color:#A50508}
.warning {color:#ff873f}
.control-label.required::after {content: '*'}
.close {font-size: 40px;color: #09435a;text-shadow: none;filter: alpha(opacity=100);opacity: 1;}
.close a:hover {text-decoration: none}
.btn-info:hover, .btn-default:hover, .btn-primary:hover { color: #fff;background-color: #178c80;border-color: #0f5750;}
.btn-gray {
  color: #09435a;
  background-color: #a3bec4;
  border-color: #09435a;
}
.btn-gray:focus,
.btn-gray.focus {
  color: #09435a;
  background-color: #e4f2f1;
  border-color: #09435a;
}
.btn-gray:hover {
  color: #09435a;
  background-color: #e4f2f1;
  border-color: #09435a;
}
.btn-gray:active,
.btn-gray.active {
  color: #09435a;
  background-color: #70929f;
  border-color: #09435a;
}
.btn-gray:active:hover,
.btn-gray.active:hover,
.btn-gray:active:focus,
.btn-gray.active:focus,
.btn-gray:active.focus,
.btn-gray.active.focus {
  color: #09435a;
  background-color: #a3bec4;
  border-color: #09435a;
}
#go_mob_a {margin-top: 20px}
.search-form .form-group {display: inline-block;text-align: left;margin-right: 15px}
/*.search-form label.dir {display: none}*/
.search-form {background: #e4f2f1;color:#09435a;border-radius: 10px;padding-top: 15px}
.search-form .radio {display: inline-block;margin-top: 0}
.search-form .radio label { padding-left: 10px}
.search-form #go_search {background: #e4f2f1;color:#09435a;border-color:#09435a;width: 100%;padding-top: 18px;padding-bottom: 20px}
.search-form #go_search:hover {background: #a3bec4;}
.ui-widget {font-family: 'Ubuntu', sans-serif}
.ui-widget.ui-checkboxradio-radio-label {font-size:1rem }
.search-form .ui-checkboxradio-label.ui-state-active {border-color: #09435a;background: #a3bec4;color: #09435a}
.search-form .ui-checkboxradio-label.ui-state-active:hover {border-color: #09435a;background: #70929f;color: #09435a}
.esab_activate {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.esab_activate {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.esab_activate:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.esab_activate:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.esab_activate:active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.esab_activate:active:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.days .checkbox {
    display: inline-block;
    width: 12%;
}
.days input {margin-top: 10px}
p.help {font-size: 14px;font-weight: 400}

@media (min-width: 640px) {
	.navbar-toggle {margin-top: 16px}
}
@media (min-width: 768px) {
  .table-head {display: block;}
	.navbar { min-height: 100px}
	.navbar-default {background: rgba(255,255,255,0.00) url(../images/colors.png) top right no-repeat;}
	.navbar-brand { max-width:500px}
	.jumbotron h2 {margin: 150px 0 0 0;width: 300px;float: none;padding: 20px}
	.jumbotron h2::after {border-width: 230px 30px 200px 5px;}
	.jumbotron {height: 588px;}
	.document_dw_del, .document_dw_add {margin-left: 25%;}
	#containA, #containB {top: 20px;}
	#containA .container-fluid, #containB .container-fluid {width: 90%}
	#go_mob_a {margin-top: 0}
	div.table > .row {word-break: normal}
}
@media (min-width: 992px) {
#containA .container-fluid, #containB .container-fluid {width: 70%}
}
@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
	#containA .container-fluid, #containB .container-fluid {width: 50%}
}
@media (min-width: 1600px) {
  .container {
    width: 1570px;
  }
	}