https://windforce.info/,body {
    height:100%; /* needed for container min-height */
}
body {
	background:#eff0f7;
	font-family: 'Droid Sans', sans-serif;
	font-size:16px;
}
body.noscroll{
    overflow:hidden;
}
::selection {
  background: #264b72; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #264b72; /* Gecko Browsers */
}
/* Customize container */
@media (min-width: 1100px) {
  .container, .jumbotron.messe .container {
    max-width: 1100px;
  }
}
h1,h2,h3 {
	font-weight:700;
}
h1 {
    margin-bottom:30px;
    font-size:34px;
}
/* Baltic Sea smaller if city is too long */
body.page-id-11 .box h1 {
    font-size:32px;
}
.box.content h2 {
	font-size:1.2em;
    margin-top:40px;
}
.nomargin-top {
    margin-top:5px !important;
}
.nomargin-bottom {
    margin-bottom:0px !important;
}
.nomargin {
    margin:0px !important;
}
p {
    margin-bottom:20px;
}
strong, b {
    font-weight:700;
}
a {
    transition-property: all;
    transition-duration: 0.1s;
    color:#d93536;
}
a:hover {
    
}
hr {
    
}
hr.big {
  border-width:4px 0 0 !important;  
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
.padding-breaker {
    margin:0 -20px 0 -20px;
}
.padding-breaker-left {
    margin:0 20px 0 -20px;
}
.padding-breaker-right {
    margin:0 -20px 0 20px;
}
.red {
    color:#d93536;
}
.text-right {
    text-align:right;
}
.dropdown-menu {
	background:#eff0f7;
	border:none;
    border-bottom:1px solid #2a3953;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color:#053160;
  color:#ffffff !important;
}
.nav > li > a:hover .fa, .nav > li > a:focus .fa, .nav li:hover > a .fa {
	background:#002f5d;
	color:#fff;
}
.nav > li.nohover > a {
	cursor:default;
}
.nav > li.nohover > a:hover, .nav > li.nohover > a.focus {
	background:#ffffff;
}
.nav > li > a:hover, .nav > li > a:focus {
	background:#eff0f7;
}
.nav li:hover > a {
	background:#eff0f7;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color:#d93536 !important;
}
.navbar-top {
    margin:0px;
}
.navbar-brand {
    padding-top:10px;
    padding-right:0px;
}
.navbar-windforce.big {
	background:#ffffff;
	height:110px;
}
.navbar-windforce.small {
	background:#ffffff;
	height:56px;
	-webkit-box-shadow: 0 0 3px 0 #333;
	box-shadow: 0 0 3px 0 #333;
}
.navbar-windforce.middle {
	background:#ffffff;
	height:68px;
}
.navbar-box-shadow {
	-webkit-box-shadow: 0 0 3px 0 #333;
	box-shadow: 0 0 3px 0 #333;
}
.navbar-brand.small {
	padding-top:10px;
}
.logo.big {
	width:314px;
}
.logo.small {
	width:157px;
}
.small-logo {
    width:46px !important;
}
.navbar-right {
        display:none;
}
.navbar-right.big {
	margin-top:30px;
}
.navbar-right.small {
	margin-top:0px;
}
.navbar-right.middle.navbar-nav > li > a {
    padding-top:20px !important;
    padding-bottom:20px !important;
}
.rounded, .widget_text {
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.marquee {
	margin:0 0 20px 0;
}
#wave {
	position:absolute;
	bottom:0px;
	left:-10%;
	width:110%;
}
.jumbotron-windforce {
	background-image:url(../img/offshore-Wind-energy.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
    background-size: cover; 
    
	color:#ffffff;
	padding-top:60px;
	padding-bottom:20px;
    padding-left:0px;
    padding-right:0px;
	text-align:center;
	/*animation: animatedBackground 120s linear infinite;*/
	position:relative;
	margin-bottom:0px;
}
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
.jumbotron-windforce.messe {
    padding-top:80px !important;
	padding-bottom:110px;
}
.jumbotron-windforce h1 {
	font-size:1em;
	text-transform:uppercase;
	margin-top:20px !important;
    margin-bottom:20px !important;
    font-weight:400;
}
.jumbotron-windforce h2 {
	text-transform:uppercase;
	font-size:20px;
}
.jumbotron-windforce p {
    font-size:14px;
    margin-bottom:50px;
}
.navbar-right li a {
	font-size:17px;
	color:#002f5d;
}
.fa-border {
	border:1px solid #002f5d;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding:0.2em 0.35em 0.15em;
}
.dropdown .fa {
	margin:0 0 0 5px;
}
.jumbo-teaser {
	background:#89a6c2;
	padding:20px 0 0 0;
	margin:15px 0 0px 0;
}
.jumbo-teaser img {
	max-width:413px;
}
.jumbo-teaser p {
	color:#ffffff
}
.img-copyright {
    position:absolute;
    top:5px;
    left:5px;
    font-size:11px;
    opacity: 0.6;
}
.btn {
	transition-property: background-color;
    transition-duration: 0.2s;
}
.btn-orange {
	background:#f5bb23;
	font-size:19px;
	border:none;
	border-bottom:5px solid #d9a13a;
	color:#ffffff;
	padding-right:50px;
	padding-left:50px;
    width:100%;
}
.btn-orange:hover {
	background:#ffd02d;
	color:#ffffff;
	border-bottom:5px solid #d9a13a;
}
.box, .widget_text {
	padding:10px 20px;
	background:#ffffff;
    margin:0 0 15px 0;
}
p {
    color:#777c80;
}
.box.red {
	color:#ffffff;
	background:#d93536;
}
.box.red p {
	color:#f7d7d7;
}
.box.blue {
	color:#ffffff;
	background:#264b72;
}
.box.blue p {
	color:#d9e0e6;
}
.box.blue .input-text {
	background:#5379a1;
	width:100%;
	color:#b0c2d4;
	padding:10px;
	border:none;
	margin:0px 0 8px 0;
	font-style:italic;
}
.box .btn-default {
	background:none !important;
	font-size:19px;
}
.box.blue .btn-default {
	border:1px solid #5379a1;
	color:#ffffff;
}
.box.blue .btn-default:hover {
	background:#5379a1 !important;
	color:#ffffff;
	border:1px solid #5379a1;
}
.content-wrap .box.blue {
    min-height:0px !important;
    margin-top:30px !important;
}
.box.red .btn-default {
	border:1px solid #f29e9f;
	color:#ffffff;
}
.box.red .btn-default:hover {
	background:#ed5d5e !important;
	color:#ffffff;
	border:1px solid #ed5d5e;
}
.box .btn-default:hover {
	background:#e6e6e6 !important;
	border:1px solid #e6e6e6;
}

.box .btn-default.white {
	border:1px solid #ffffff;
	color:#ffffff;
}
.box .btn-default.white:hover {
	background:#ffffff !important;
	color:#000;
	border:1px solid #fff;
}
.bigalert {
    background:#d93536;
    color:#fff;
    text-decoration:none;
    display:none;
    padding:80px 0 20px 0;
    margin-bottom:-40px;
}
.bigalert p {
    color:#fff;
    padding:0px;
    margin:0px;
}
.row {
	margin-bottom:30px;
}
.box.cite {
	padding:20px 20px 10px 20px;
}
.box.cite .fa {
	color:#7d9cb9;
	margin-bottom:120px;
    font-size:3em;
    margin-left:2px;
}
.box.cite cite {
	font-size:18px;
	color:#e7ecf1;
}
.box.cite p {
	color:#7d9cb9 !important;
	font-size:17px;
    padding-top:20px;
}
.box.video, .box.image {
    -webkit-background-size: 120% !important;
    -moz-background-size: 120% !important;
    -o-background-size: 120% !important;
    background-size: 120% !important;
    position:relative;
    text-align:center;
    min-height:340px;
}
.box.video:hover, .box.image:hover {
    -webkit-background-size: 150% !important;
    -moz-background-size: 150% !important;
    -o-background-size: 150% !important;
    background-size: 150% !important;
}
.box.video h2, .box.video p {
    color:#ffffff;
}
.box.video a {
    color:#ffffff;
    margin:0px auto;
    display:block;
    text-align:center;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    padding:110px 0 90px 0;
}
.box.video a:hover {
    color:#d93536;
}
.box.floorplan {
    min-height:0px;
    margin-top:30px;
}
.box.nominheight {
    min-height:0px !important;
}
.backgroundimage-fade {
    transition: all 0.5s ease 0s;
}
.owl-controls {
	margin-top:30px !important;
}
.footer {
	background:#ffffff;
	margin-top:70px;
	padding-top:30px;
}
.footer ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.footer ul li {
	line-height:30px;
}
.footer ul li.language {
	display:none;
}
.modal-title {
	font-weight:700;
}
label {
	font-weight:400;
}
.sidebar {
    margin-top:30px
}
.sidebar .widget_text {
    padding:10px 40px !important;
}

/* submenu */
.submenu-box {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
}
.submenu-box h2 {
    margin:0px !important;
}
.submenu {
    list-style:none;
    margin:0;
    padding:10px 0 0 0;
}
.submenu li {
    margin:0 0px 0px 0;
    padding:0 0 0 40px;
}
.submenu li:hover {
    position:relative;
}
.submenu li a {
    color:#f7d7d7;
    font-size:21px;
    text-decoration:none;
    display:block;
    padding:7px 0;
}
.submenu li a:hover, .submenu li:hover {
    background:#be2a2b;
    color:#ffffff;
}
.submenu .fa-border {
    border-color:#fff;
    color:#f7d7d7;
    padding:3px 8px 3px 12px;
    transition-property: all;
    transition-duration: 0.1s;
}
.submenu li a:hover .fa-border, .submenu li.current-menu-item a .fa-border, .submenu li.current-menu-parent a .fa-border{
    color:#d93536;
    background:#f7d7d7;
    border-color:#f7d7d7;
}
.submenu .dropdown {
    display:none;
}

/**** SECOND LEVEL ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
.submenu li ul{
    position:absolute;
    display:none;
    z-index:10;
    list-style:none;
    background-color:#be2a2b;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.submenu li ul .fa{
    display:none;
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
.submenu li:hover ul{
    right:-250px;
    top:0px;
    display:block;
}

/* we apply different background color to 2nd level menu items*/
.submenu li ul li{
    padding:0px !important;
}

/* We change the background color for the level 2 submenu when hovering the menu */
.submenu li:hover ul li:hover{
    background:transparent !important;
}

/* We style the color of level 2 links */
.submenu li ul li a{
    display:inline-block;
    width:300px;
    padding:10px !important;
    text-indent:-10px;
}
.submenu li ul li a:hover{
    color:#ffffff;
    background:transparent !important;
}


.affix {
    top:0px;
    width:100%;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    z-index:100;
}
blockquote {
    margin:0 0 10px 18px;
    font-size:19px;
    padding-top:0px;
    padding-bottom:0px;
    border-color:#eff0f7;
}
table {
    width:100%;
    margin:0 0 20px 0;
    /*border-top:3px solid #eff0f7;*/
}
table td {
    color:#777c80;
    border-bottom:3px solid #eff0f7;
    padding:8px 0;
}

.panel-body table td {
    color:#2c3e50;
}

.box.content {
    padding:10px 20px;
}
.box.content ul {
    padding-left:20px;
}
.box.content ul li {
    color:#777c80;
    margin-bottom:3px;
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVQYlWO4aWr6Hx+GAYZRhXgV/icSEK0QACZnIADYW2PiAAAAAElFTkSuQmCC");
}
.box.gallery {
    padding-left:0px !important;
    padding-right:0px !important;
}
.box.gallery h2 {
    margin:0px 0 30px 40px;
}
.box.gallery .item {
    margin:0 8px 0 0 !important;
}
.box.gallery .item img{
    display: block;
    width: 100%;
    height: auto;
}
.box.gallery .owl-controls {
    margin-top:10px !important;
}

.fa-6x {
    font-size: 6em;
}
.fa-7x {
    font-size: 7em;
}
.fa-8x {
    font-size: 8em;
}
.box.content td {
    padding-right:10px;
}
.exhibitor-list-item {
    padding:0px !important;
    font-size:0.7em;
    display:block;
}
.exhibitor-list-item div {
    display:none;
    background:url(../img/black_trans.png);
    display:none;
    width:100%;
    color:#ffffff;
    padding:20px;
}

#kw_shadow {
    width:100%;
    height:100%;
    background:url(../img/black_trans.png);
    position:fixed;
    top:0px;
    left:0px;
    display:none;
    z-index:99998;
    cursor:zoom-out;
}
#kw_modal {
    height:600px;
    width:800px;
    background:#ffffff;
    margin:0px auto;
    display:none;
    z-index:99999;
    position:fixed;
    top:0px;
    left:0px;
    cursor:default;    
}
https://windforce.info/.touch #kw_modal {
    -webkit-overflow-scrolling:touch;
    overflow-y:auto;        
}
#kw_modal .inline-text {
    padding:20px;
}
#kw_modalclose {
    cursor:pointer;
    position:absolute;
    top:-25px;
    right:-27px;
    color:#d93536;
}
.kw_spinner {
  border: 2px solid #dddddd;
  font-size: 50px;
  width: 1em;
  height: 1em;
  border-radius: .5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top-color: #000;
  margin:150px auto;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg);}
100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg);}
100% { -moz-transform: rotate(360deg);}
}
@-o-keyframes spin {
0% { -o-transform: rotate(0deg);}
100% { -o-transform: rotate(360deg);}
}
@-ms-keyframes spin {
0% { -ms-transform: rotate(0deg);}
100% { -ms-transform: rotate(360deg);}
}
.download-list {
    line-height:1.8em;
}
#buchstaben {
   margin-top:-20px;
}
#buchstaben .btn-default {
   background:none;
   border:none;
   color:#264b72;
   font-size:1em;
   -webkit-border-radius: 4px;
	border-radius: 4px;
    margin:0 2px 0 0;
   
}
#buchstaben .btn-default:hover, #buchstaben .btn-default:focus {
   background:#264b72;
   color:#ffffff;
   outline:none;
}
#exhibitor-list {
    padding-right:15px;
}
#exhibitor-list .col {
    padding-right:0px;
}
#exhibitor-list .box {
    min-height:180px;
    height:180px;
    margin-bottom:12px;
}
#exhibitor-list .center {
    padding-right:6px;
    padding-left:6px;
}
#exhibitor-list .first {
    padding-right:6px;
}
#exhibitor-list .last {
    padding-left:6px;
}

.spinner-wrap {
    text-align:center;
}
.fa-spin {
    color:#414141;
}
.jumbotron-windforce.messe {
    padding-top:0px;
    position:relative;
    z-index:1;
}
.jumbotron-windforce.messe .btn-orange {
    position:absolute;
    right:15px;
    bottom:-268px;
}
.news.messe {
    margin-top:-20px;
    position:relative;
    z-index:2;
}
/* Accordion */
.panel-group {
    margin-top:20px;
}
.panel-group .panel {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background:#b0c2d4;
    border:none;
    margin-top:0px !important;
    border-top:1px solid #b0c2d4;
}
.panel-group .panel.first {
    border-top:none !important;
}
.panel-group .panel a {
   display:block;
}
.panel-group .panel-body {
    border:none !important;
    color:#2c3e50 !important;
    padding:5% 2% 5% 12%;
    font-size:17px;
}
.panel-group .panel-body p {
    color:#2c3e50;
}
.panel-group .panel-body ul {
    list-style-type:square !important;
    padding:5px 0 0 16px !important;
    color:#2c3e50 !important;
}
.panel-group .panel-body ul li {
    margin:0 0 3px 0;
    color:#2c3e50 !important;
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAI0lEQVQYlWO4aWr6Hx/ecOjK/w2HrvxnGFWIVyGMQQgTrRAAguoGROsagr8AAAAASUVORK5CYII=") !important;
}
.panel-group .panel-heading {
   background:#264b72;
   color:#ffffff;
   -webkit-border-radius: 0;
    border-radius: 0;
    border:none;
    padding:0px;
    transition-property: all;
    transition-duration: 0.2s;
}
.panel-group .panel-heading:hover {
   background:#1c3d60;
}
.panel-group .panel-heading .fa {
   background:#d93536;
   margin:0 2% 0 0;
   padding:0 14px;
   float: left;
   display:block;
   width:10%;
   text-align:center;
}
.panel-group .panel-heading .badge {
    font-weight:300;
    margin:0 5px 0 0;
    background:#4370a0;
    position:relative;
    top:-2px;
}
.panel-group .panel-heading a .fa-plus {
   display:none;
}
.panel-group .panel-heading .headline_time {
    float:left;
    display:block;
    width:24%;
    padding:10px 0;
    line-height:1.2em;
}
.panel-group .panel-heading .headline_session {
    float:left;
    display:block;
    width:22%;
    padding:10px 0;
    line-height:1.2em;
}
.panel-group .panel-heading .headline_text {
    float:left;
    display:block;
    width:39%;
    padding:10px 0;
    line-height:1.2em;
}
.panel-group .panel-heading a.collapsed .fa-minus {
   display:none;
}
.panel-group .panel-heading a.collapsed .fa-plus {
   display:inline-block;
}

.panel-group .panel a:focus, .panel-group .panel a:hover {
   outline:none;
   text-decoration:none;
}
.panel table {
    background:#ffffff;
    margin-top:10px;
    border:none;
}
.panel table p {
    color:#777c80 !important;
}
.panel table td, .panel table tr {
    border:none;
    padding:10px;
}
.panel table thead td {
    background:#ebedee;
}
#accordion {
    
}

/* Buchungsmaske */
#buchungsmaske {
    background:#b0c2d4;
    font-size:0.88em !important;
}
#buchungsmaske h2 {
    background:#264b72;
    color:#ffffff;
    padding:10px 10px 10px 60px;
    font-size:22px;
    font-weight:400;
}
#buchungsmaske form, #buchungsmaske #check-booking {
    padding:0 40px 40px 60px;
}
#check-booking {
    line-height:28px;
}
#buchungsmaske .alert {
    padding:7px;
    margin:20px 40px 20px 60px;
}
#buchungsmaske table td, #buchungsmaske table tr, #buchungsmaske table, #buchungsmaske #check-booking {
    color:#2c3e50;
    border:none;
}
#buchungsmaske .text-long, #buchungsmaske .text-short {
    border:none;
    padding:6px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background:#dbe3ec;
    transition-property: all;
    transition-duration: 0.2s;
    width:100%;
}
#buchungsmaske .text-short {
    width:95%;
}
#buchungsmaske .text-long:focus, #buchungsmaske .text-short:focus {
    background:#ffffff;
}
#buchungsmaske hr, #check-booking hr {
    border:1px solid #264b72 !important;
    margin:10px 0;
}
#buchungsmaske .pull-left {
    width:50%;
}
#buchungsmaske .btn-default, #check-booking .btn-default {
	background:none !important;
	font-size:19px;
    border:1px solid #264b72;
    color:#2c3e50;
}
#buchungsmaske .btn-default:hover, #check-booking .btn-default:hover {
	background:#264b72 !important;
	color:#ffffff;
	border:1px solid #264b72;
}
#check-booking .btn-default.red-btn {
	background:#d93536 !important;
    border:1px solid #d93536 !important;
    color:#f7d7d7 !important;
    transition-property: all;
    transition-duration: 0.1s;
}
#check-booking .btn-default.red-btn:hover{
	color:#ffffff !important;
}
#buchungsmaske .red {
    background:#d93536;
    color:#ffffff;
    width:100%;
}
.content-img-container .row div {
    padding-right:0px;
}
.content-img-container .row {
    padding-right:15px;
    margin-bottom:0px;
}
.content-img-container {
    margin-top:40px !important;
    margin-bottom:40px !important;
}
.content-img-container p {
    margin:0px;
}
/* Lightbox */
#imagelightbox
{
	cursor: pointer;
	position: fixed;
	z-index: 10000;

	-ms-touch-action: none;
	touch-action: none;

}
.lightbox {
    position:relative;
}
.lightbox .fa {
    color:#ffffff;
    position:absolute;
    left:10px;
    top:30px;
}
.caption {
    font-size:0.8em;
    text-align:center;
    color:#888c90;
    padding:7px;
}

/* ACTIVITY INDICATION */


#imagelightbox-loading
{
	
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	margin: -0.5em 0 0 -0.5em; /* 20 */

}



/* OVERLAY */

#imagelightbox-overlay
{
	background:url(../img/black_trans.png);
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/* "CLOSE" BUTTON */

#imagelightbox-close
{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	text-align: left;
	background-color: #d93536;
	border-radius: 50%;
	position: fixed;
	z-index: 10002;
	top: 2.5em; /* 40 */
	right: 2.5em; /* 40 */
    border:none !important;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}
	#imagelightbox-close:hover,
	#imagelightbox-close:focus
	{
		background-color: #111;
	}
	#imagelightbox-close:before,
	#imagelightbox-close:after
	{
		width: 2px;
		background-color: #fff;
		content: '';
		position: absolute;
		top: 20%;
		bottom: 20%;
		left: 50%;
		margin-left: -1px;
	}
	#imagelightbox-close:before
	{
		-webkit-transform: rotate( 45deg );
		-ms-transform: rotate( 45deg );
		transform: rotate( 45deg );
	}
	#imagelightbox-close:after
	{
		-webkit-transform: rotate( -45deg );
		-ms-transform: rotate( -45deg );
		transform: rotate( -45deg );
	}


/* CAPTION */

#imagelightbox-caption
{
	text-align: center;
	color: #fff;
	background-color: #151516;
	position: fixed;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em; /* 10 */
}


/* NAVIGATION */

#imagelightbox-nav
{
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	border-radius: 20px;
	position: fixed;
	z-index: 10001;
	left: 50%;
	bottom: 3.75em; /* 60 */
	padding: 0.313em; /* 5 */

	-webkit-transform: translateX( -50% );
	-ms-transform: translateX( -50% );
	transform: translateX( -50% );
}
	#imagelightbox-nav button
	{
		width: 1em; /* 20 */
		height: 1em; /* 20 */
		background-color: transparent;
		border: 1px solid #fff;
		border-radius: 50%;
		display: inline-block;
		margin: 0 0.313em; /* 5 */
	}
	#imagelightbox-nav button.active
	{
		background-color: #fff;
	}


/* ARROWS */

.imagelightbox-arrow
{
	width: 3.75em; /* 60 */
	height: 7.5em; /* 120 */
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	vertical-align: middle;
	display: none;
	position: fixed;
	z-index: 10001;
	top: 50%;
	margin-top: -3.75em; /* 60 */
    border:none !important;
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus
{
	background-color: #666;
	background-color: rgba( 0, 0, 0, .75 );
}
.imagelightbox-arrow:active
{
	background-color: #111;
}
	.imagelightbox-arrow-left
	{
		left: 2.5em; /* 40 */
	}
	.imagelightbox-arrow-right
	{
		right: 2.5em; /* 40 */
	}
	.imagelightbox-arrow:before
	{
		width: 0;
		height: 0;
		border: 1em solid transparent;
		content: '';
		display: inline-block;
		margin-bottom: -0.125em; /* 2 */
	}
		.imagelightbox-arrow-left:before
		{
			border-left: none;
			border-right-color: #fff;
			margin-left: -0.313em; /* 5 */
		}
		.imagelightbox-arrow-right:before
		{
			border-right: none;
			border-left-color: #fff;
			margin-right: -0.313em; /* 5 */
		}


#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow
{
	-webkit-animation: fade-in .25s linear;
	animation: fade-in .25s linear;
}
	@-webkit-keyframes fade-in
	{
		from	{ opacity: 0; }
		to		{ opacity: 1; }
	}
	@keyframes fade-in
	{
		from	{ opacity: 0; }
		to		{ opacity: 1; }
	}

@media only screen and (max-width: 41.250em) /* 660 */
{
	#container
	{
		width: 100%;
	}
	#imagelightbox-close
	{
		top: 1.25em; /* 20 */
		right: 1.25em; /* 20 */
	}
	#imagelightbox-nav
	{
		bottom: 1.25em; /* 20 */
	}

	.imagelightbox-arrow
	{
		width: 2.5em; /* 40 */
		height: 3.75em; /* 60 */
		margin-top: -2.75em; /* 30 */
	}
	.imagelightbox-arrow-left
	{
		left: 1.25em; /* 20 */
	}
	.imagelightbox-arrow-right
	{
		right: 1.25em; /* 20 */
	}
}

@media only screen and (max-width: 20em) /* 320 */
{
	.imagelightbox-arrow-left
	{
		left: 0;
	}
	.imagelightbox-arrow-right
	{
		right: 0;
	}
}

/* Mobile Menu */
#mmenu {
    position:fixed;
    width:0%;
    top:0px;
    left:0px;
    background:#222222;
    height:100%;
    color:#b7b7b7;
    overflow:scroll;
    padding-top:56px;
}
#mmenu ul {
   list-style:none;
   padding:0px;
   margin:0px; 
   padding-top:10px;
}
#mmenu ul li {
   margin:0px !important;
}
#mmenu ul li.language {
   display:none;
}
#mmenu ul li a {
    color:#b7b7b7 !important;
    display:block !important;
    padding:14px 10px 14px 20px !important;
    border-bottom:1px solid #1b1b1b !important;
    font-size:1.2em!important;
}
#mmenu ul li a:hover {
    text-decoration: none !important;
}
/*#mmenu ul li.current-menu-item a {
    text-decoration: none !important;
    background:#1b1b1b !important;
}*/
#mmenu ul li ul li a {
   padding-left:40px !important;
}

.hideoverflow {
    overflow-x:hidden;
}
#trigger-mmenu {
    /*display:none;*/
}
#trigger-mmenu .fa {
    color:#333 !important;
    margin:13px 0 0 0;
}
#trigger-mmenu.active .fa {
    color:#cd1719 !important;
}

/* qtransx */
#qtranslate-chooser {
    margin:0px;
    padding:20px 15px;
    list-style:none;
}
#qtranslate-chooser li a {
    display:block;
    height:19px;
    width:24px;
}
#qtranslate-chooser li a.qtranxs_text_de {
    background:url(https://windforce.info/windforce2017/wp-content/themes/windforce/img/de.png) center left no-repeat;
    background-size:100%;
}
#qtranslate-chooser li a.qtranxs_text_en {
    background:url(https://windforce.info/windforce2017/wp-content/themes/windforce/img/en.png) center left no-repeat;
    background-size:100%;
}
#qtranslate-chooser li a span {
    display:none;
}
#qtranslate-chooser li.active {
    display:none;
}
#mmenu #qtranslate-chooser {
    padding-left: 20px;
}
#mmenu #qtranslate-chooser li a span {
    display:inline;
}
#mmenu #qtranslate-chooser li a {
    width:auto !important;
    height:auto !important;
    background-size:24px 19px !important;
    text-indent: 15px !important;
}

.content-link-icon {
    color:#d93536 !important;
}
.content-link-icon.fa-stack {
    width:1.5em !important;
    height:1.5em !important;
    line-height:1.5em !important;
    
}
.content-link-icon .fa-stack-2x {
    font-size:1.5em !important;
}


/* Logo img */
.col-logo-full-margin {
    margin-top:30px;
}
.logo-container img {
    
}
body.page-id-165 .col-logo-full-margin {
    margin-top:0px;
}

/*Consent*/
.cc_more_info {
    color:#d93536 !important;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background:#ffffff !important;
    border:1px solid #ccc !important;
    color:#333 !important;
}
.cc_container .cc_btn:hover {
    background:#e6e6e6 !important;
	border:1px solid #e6e6e6 !important;
    color:#333 !important;
}

/* Cookie Consent Start */
p.privacy {
    font-size:11px;
}
p.privacy a {
    color:#d9e0e6 !important;
    text-decoration:underline !important;
}
#cookie_consent {
    position:fixed;
    bottom:0px;
    left:0px;
    background:#fff;
    padding:20px 0 0 0;
    width:100%;
    z-index:99999;
    border-top:1px solid #323232;
    font-size:14px;
    display:none;
}
.btn-consent {
    color:#323232;
    border:2px solid #323232;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin:0 0 0 50px;
}
@media (max-width: 992px) {
  #cookie_consent {
    font-size:12px;
  }
  .btn-consent {
    border:1px solid #323232;
    font-size:12px;
  }
}
@media (max-width: 768px) {
  #cookie_consent {
    font-size:10px;
  }
}
/* Cookie Consent End */


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */


@media (max-width: 450px) {
    .panel-title {
	   font-size:14px;
    }
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .jumbotron-windforce h1 {
	   font-size:1.5em;
	   margin-top:50px;
       margin-bottom:20px;
        display:block;
    }
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .panel-group .panel-heading .headline_text {
        width:62%;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #trigger-mmenu {
        display:none;
    }
    .navbar-right {
        display:inline;
    }
    .jumbotron-windforce h1 {
	   font-size:2.2em;
	   margin-top:50px;
        margin-bottom:10px;
        display:block;
    }
    .jumbotron-windforce h2 {
	   font-size:28px;
    }
    .jumbotron-windforce {
    	padding-top:100px;
    	padding-bottom:120px;
    }
    .jumbo-teaser {
        margin:10px 0 0;
        padding:20px 0 10px 0;
        min-height:220px;
    }
    body {
	   font-size:19px;
    }
    .box {
	   padding:20px 40px;
        min-height:340px;
    }
    .box.content {
    	padding-right:60px;
    	padding-left:60px;
    	padding-bottom:60px;
	}
    .box.cite {
	   padding:60px 45px 20px 45px;
    }
    .box.cite .fa {
        font-size:3em;
    }
    .box.cite cite {
    	font-size:27px;
    	color:#e7ecf1;
    }
    .box.cite p {
    	color:#7d9cb9 !important;
    	font-size:17px;
        padding-top:20px;
    }
    .btn-orange {
	   font-size:24px;
       width:auto;
    }
    .padding-breaker {
    	margin:0 -60px 0 -60px;
	}
	.padding-breaker-left {
    	margin:0 40px 0 -60px;
	}
	.padding-breaker-right {
    	margin:0 -60px 0 40px;
	}
	.panel-group .panel-body {
    	padding:5% 2% 5% 12%;
    	font-size:17px;
	}
	.panel-group .panel-body ul {
    	padding:5px 0 0 16px;
	}
    .jumbotron-windforce p {
        font-size:20px;
    }
    .bigalert {
        background:#d93536;
        color:#fff;
        text-decoration:none;
        display:none;
        padding:20px 0 20px 0;
        margin-bottom:0px;
    }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #trigger-mmenu {
        display:none;
    }
    .navbar-right {
        display:inline;
    }
    .jumbotron-windforce h1 {
	   font-size:2.2em;
	   margin-top:50px;
        margin-bottom:10px;
        display:block;
    }
    .jumbotron-windforce h2 {
	   font-size:28px;
    }
    .jumbotron-windforce {
    	padding-top:100px;
    	padding-bottom:120px;
    }
    .jumbo-teaser {
        margin:20px 0 0;
        padding:20px 0 10px 0;
        min-height:240px;
    }
    body {
	   font-size:18px;
    }
    .box {
	   padding:20px 40px;
        min-height:340px;
    }
    .box.content {
    	padding-right:60px;
    	padding-left:60px;
    	padding-bottom:60px;
	}
    .box.cite {
	   padding:60px 45px 20px 45px;
    }
    .box.cite .fa {
        font-size:5em;
    }
    .box.cite cite {
    	font-size:27px;
    	color:#e7ecf1;
    }
    .box.cite p {
    	color:#7d9cb9 !important;
    	font-size:17px;
        padding-top:20px;
    }
    .btn-orange {
	   font-size:24px;
       width:auto;
    }
    .padding-breaker {
    	margin:0 -60px 0 -60px;
	}
	.padding-breaker-left {
    	margin:0 40px 0 -60px;
	}
	.padding-breaker-right {
    	margin:0 -60px 0 40px;
	}
	.panel-group .panel-body {
    	padding:5% 2% 5% 12%;
    	font-size:17px;
	}
	.panel-group .panel-body ul {
    	padding:5px 0 0 16px;
	}
}

/* mob not first */
@media (max-width: 1642px) {
    .jumbotron-windforce.messe {
	   padding-bottom:70px;
    }
    .jumbotron-windforce.messe .btn-orange {
        bottom:-226px;
    }
}
@media (max-width: 1140px) {
    .news.messe {
        margin-top:0px;
    }
}

@media (max-width: 992px) {
    .jumbotron-windforce.messe {
        margin-top:40px;
        -webkit-background-size: 250% !important;
        -moz-background-size: 250% !important;
        -o-background-size: 250% !important;
        background-size: 250% !important;
    }
    .navbar-windforce.middle {
	   height:56px;
	   -webkit-box-shadow: 0 0 3px 0 #333;
	   box-shadow: 0 0 3px 0 #333;
        left: 0;
        position: fixed;
        right: 0;
        z-index: 1030;
        top:0px;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .navbar-brand.middle {
	   padding-top:8px;
    }
    .box h1 {
        font-size:1.8em;
    }
    .row {
	   margin-bottom:0px;
    }
    .btn-orange.register {
        margin-bottom:10px;
    }
    #kw_modalclose {
        top:10px;
        right:10px;
    }
    #buchungsmaske h2 {
    	padding:10px 10px 10px 10px;
    	font-size:20px;
	}
	#buchungsmaske form, #buchungsmaske #check-booking {
    	padding:0 20px 40px 20px;
	}
	#buchungsmaske .alert {
    	padding:7px;
    	margin:20px 20px 20px 20px;
	}
    .img-copyright {
        top:28px;
    }
    
}