@charset "UTF-8";

/** 
 *  
 * @version 1.0.0 
 * @package ns 
 *      
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/mit-license.php
 *  
 */
 
@media (min-width: 1200px) {
  body .container {
    width: 1140px;
  }
} 
 
@media (max-width: 1199px) {
  header .main-nav-container {
      padding-left: 0;
  }
  #logo-hwwi img {
      margin-left: 10px;
      padding-left: 10px;
  }
  #top-content {
    width: 972px;
    margin-left: -486px;
    /* min-height: 475px; */
  }
  
  /* tt_content */
  div.csc-textpic-intext-right-nowrap {
      display: flex;
      flex-direction: column-reverse;
  }
  div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    float: none;
  }
  div.csc-textpic-intext-right-nowrap div.csc-textpic-text {
    margin-right: 0 !important;
  }
      
  
}  

@media (max-width: 991px) {
  #main-nav > li > a {
      /* padding: 22px 11px; */
  }
  header .main-nav-container {
    padding-right: 0 ;
  }
  #top-content {
    width: 748px;
    margin-left: -374px;
    /* min-height: 425px; */
  }    
} 

@media (min-width: 768px) {
  body .navbar-header {
      float: right;
  }
  body .navbar-toggle {
      display: block !important;
  }
  .navbar-collapse.collapse {
      display: none !important;
  }  
}

@media (max-width: 768px) {
  .logo a {

  }
  .logo img {
    /*
    max-width: 50px;
    width: 50px !important;
    */
  }
	body #main-nav {
    /*
		top: 58px;
    overflow: visible;
    */
	}  
  
  #logo-hwwi img {
  /*
    max-width: 70px;
    width: 70px !important;
  */
  }   

  .navbar.navbar-fixed-top {
      padding: 0 20px;
  }
  
  #main-nav > li > a {
    /* font-size: 0.85em; */
   /* padding: 22px 11px; */
  }
  
  /* Header */
  body #top-content,
  body .top {
      min-height: 235px;
  }
  html #top-content::after {
      border-width: 0 0 30px;
  }

  html #top-content::before, #top-content::after {
      border-top: 30px solid #e30020;
  }
  html #top-content .csc-textpic .csc-textpic-text {
    margin-top: 3.8em;
  }
  html h1 {
      font-size: 1.8em;
  }  
  html #top-content .csc-textpic .csc-textpic-text h1 {
    font-size: 1.6em;
  }   
  
  
  /* World Map View */
  body #map {
    height: 500px;
    width:calc (100% + 30px);
    min-width: 100%;
  }
  body #map > div {
    top: 52px !important;
  }  
  body #map > div .gm-style {
    top: 115px !important;
  }
  body #map > div .gm-style > div:first-child {
    top: -70px !important;
  }  
  
  .map-control.controls.controls-tl {
    margin: 0;
    width: 100%;
    top: -166px !important;
    z-index: 3 !important;
  }
  #countriesSearch form {
    padding-left: 20px;
  }
  .controls-tl .bdo-search-info {
    position: absolute;
    top: 10px;
    left: 62px;
    color: white;
    font-size: 1.2em;
    line-height: 1.4em;
    border-left: 1px solid white;
    padding-left: 10px;
  }
  #countriesSearch input[type="text"] {
      max-width: 100%;
  }  
  
  
  .map-control.controls.controls-tr {
    top: -115px !important;
  }
  .map-control.controls.controls-br {
    bottom: 218px !important;
  }    
  body .controls-tl .button {
    width: 100%;
    text-align: left;
    padding-left: 20px;
  }
  body .gm-disable {
    top: -115px;
  }
  
  /* Years */
  body .controls.controls-bl {
    bottom: 167px !important;
    margin: 0;
    width: 100%;
  }
  body .controls .years.controls--inner .years-inner {
      max-width: 1000px;
      padding-left: 6px;
      min-height: 30px;
  }
  body .controls .years.controls--inner .years-inner .years-wrapper {
      left: 0 !important;
      transform: scale(0.70);
      position: absolute;
  }
  body .controls .years .years-inner a {
      width:35px;
      opacity: 1;
      margin: -7.5px 8px 0;
      transition: opacity 0.5s ease;
  }
  body .controls .years .years-inner a.active:last-child {
      margin-right: 25px;
  }
  body .controls .years .years-inner a.active:after {
    border-top-color: white;
  }
  body .controls .years .years-inner a.active {
    position: relative;
  }
  body .controls .years .years-inner a.active:before {
    top: -0.75px;
  }
  body .controls .years .years-inner a.active span {
    margin-left: 1px;
  }
  
  
}

/* Allgemein 
************************************************************/

/* Kleine Geräte (Tablets, bis 768px) */
@media (max-width: 480px) {
	#top-content .csc-textpic-text h1{
		width: 100% !important;
	}
  #countriesDetails #detailContent .field-index {
    font-size: 10px;
  } 
  
  /* Management Summery */
  #page-105 .border-content, #page-106 .border-content, #page-107 .border-content,  
  #page-105 .container-white, #page-106 .container-white,
  #page-105 .carousel-indicators-wrapper,
  #page-106 .carousel-indicators-wrapper {
    background-image: none;
    background: transparent;
    
  }
   #page-105 .bar.shadow.worldmap, #page-106 .bar.shadow.worldmap, #page-107 .bar.shadow.worldmap {
    display: none;
   }
  #page-107 #main-content {
  	 display: none;
  }
  #page-107 .border-content {
  	    margin-top: 2em;
  }  
    
}
@media (max-width: 768px) {
	/*Allgemein*/
	.col-xs-12 {
		border: 0px !important;
	}
	.border-row {
		display: block;
	}
	.flex {
		flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		-moz-flex-direction: column;
	}
	h2 {
		font-size: 2em;
	}
	h3 {
		font-size: 1.8em;
	}
	.csc-textpic-text h3 {
		max-width: 100% !important;
	}
	/*Allgemein ende */
	header .navbar-header .navbar-toggle {
		/* background-color: #e0e0e0; */
	}
	header #login-bar {
		background: none;
		background-color: #323232;
	}
	header #login-bar #login-nav {
		padding-left: 20px;
	}
	header #login-bar #secondary-nav {
		padding: 0px;
	}
	header .container .row {
		position: relative;
	}
	header .container .logo {
		padding-top: 9px;
		padding-bottom: 5px;
	}
	header .container .logo img {
	 max-height: 24px;
   width: auto;
   max-width: auto;
	}  
  header .container .logo #logo-hwwi img {
    width: auto !important;
    max-width: auto;
  }

	div.top.shadow {
		background-position: center;
		margin-top: 60px;
	}
	#top-content {
		position: absolute;
		left: 0%;
		width: 100%;
		margin: 0px;
		margin-left: 10px;
	}
	#top-content .csc-textpic-text h1{
		width: 70%;
		font-size: 2.2em;
	}
	footer {
		padding: 20px 0;
	}
	footer .row .flex {
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		-moz-flex-direction: row;
	}
	footer .row.flex .border {
		border: 0px;
	}
	footer .row.flex ul.nav-list li.sub a::before {
		background: none;
	}
	footer .row.flex .flex .col-lg-4 {
		padding-left: 0px;
	}
  
}

/* Mittlere Geräte (Desktop-PCs, bis 992px) */
@media (max-width: 992px) {
	/*Allgemein*/
	h1,h2,h3,h4,.bodytext, footer .row.flex {
		word-wrap: break-word;
	}
	h2 {
		font-size: 2.2em;
	}
	.csc-textpic-text h3 {
		max-width: 200px;
	}
	div.csc-textpic-center .csc-textpic-center-outer, div.csc-textpic-center .csc-textpic-center-inner {
		float: none;
	}
	input[type="text"], input[type="password"], input[type="submit"], .DropDownField {
		width: 100% !important;
		max-width: 400px;
	}
	/*Allgemein ende*/
	form#tx-srfeuserregister-pi1-fe_users_form dl {
		width: 100%;
	}
	form#tx-srfeuserregister-pi1-fe_users_form .leftCol, form#tx-srfeuserregister-pi1-fe_users_form .rightCol {
		float: none;
		width: 100%;
	}
	.tx-srfeuserregister-pi1 .location .zip, .tx-srfeuserregister-pi1 .location .city {
		float: none !important;
		width: 100% !important;
	}
	#anmeldeformular .form_row {
		width: 100% !important;
	}
	#anmeldeformular .form_row label {
		display: block;
	}
  
}

/* Große Geräte (Desktop-PCs, bis 1200px) */
@media (max-width: 1200px) {
	header #login-bar #login-nav {
		padding-left: 15px;
	}
	.container-grey.bottom .csc-textpic-imagewrap {
		float: none;
	}
	.container-grey.bottom .csc-textpic-text {
		margin-left: 0px;
	}
}