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

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
	font-family: "Open Sans", sans-serif;
	font-size: 1.4rem;
	color: #000000;
}

[data-toggle~="collapse"] {
    cursor: pointer;
}

.hvr-sweep-to-right {
	background-color: #ccc;
}

.hvr-sweep-to-right a {
	color: #000;
	text-decoration: underline !important;
}

.hvr-sweep-to-right:hover a {
	color: #fff;
}

.content .row {
	padding-bottom: 20px;
}

.content a:hover {
	font-size: 16px;
}

img { max-width: 100%; }

.h1, h1 {
    font-size: 32px;
}

.content .h1, .content h1 {
    color: #337ab7;
    font-size: 28px;
    margin-top: 20px;
	margin-bottom:15px;
}

.content .h2, .content h2 {
    color: #337ab7;
    font-size: 24px;
    margin-top: 30px;
}

.panel, .panel-group {
    margin-bottom: 5px !important;
}
.panel-heading .h2, .panel-heading h2 {
	margin-top: 0px;
}

.panel-heading.accordion-toggle:not(.collapsed) h2 {
    font-weight: 700;
	color: #ffffff;
}

.header {
	background-color: #214982;
}

.content {
	margin-top: 0px;
	padding: 0px 30px 0px 15px;
}

.dropdown-menu {
	min-width: 200px;
}
.bic_logo {
	padding:0;width:189px;
}

.slide-background {
	background: rgba(0, 0, 0, 0) url("http://responsive2.bic.at/images/background1.jpg") repeat scroll 0 0;
	background-size: cover;
}

.slide-background2 {
	background: rgba(0, 0, 0, 0) url("http://responsive2.bic.at/images/background2.jpg") repeat scroll 0 0;
	background-size: cover;
}

.content-background {
	background-color:#fff;
	border-radius: 0px;
	opacity: 1;
}

a.inverse {
	color: #fff;
}
#frage{
	height:60px;
}

.beruf-submenu {
	margin-bottom: 10px;
	margin-left: 5px;
}

.cc-cookies {
	background-color: #000;
	width:100%;
}

.effekt1:hover {
    background-color:red !important;
}

.megamenu {
	box-shadow: 0 20px 10px rgba(0, 0, 0, 0.3);
}

#footer {
    background: rgba(0, 85, 164, 1) none repeat scroll 0 0;
    bottom: 0px;
    width: 100%;
	z-index:100;
}

.dropdown-menu {
	left:auto;
	right:0;
}

.dropdown-menu li {
	list-style: none;
}

.modal-body, .antwort, label, a, li {
	font-size:1.6rem;
	line-height: 2.5rem;
	list-style: outside none disc;
}

.glossar {
	font-size:2.0rem;
}

.beruf {
	height:60px;
	border: 1px solid #f9f9f9;
	padding: 10px;
}

.whatchado { margin-bottom:15px; }
.whatchado p { font-size:1.2rem; }
.img-caption { display:block; font-size:3.0rem; text-align:center;}

div .beruf:hover{ background:#f9f9f9; }

.glossary-nav nav .nav-pills > li > a.currentpage {
	background-color: #0077bb;
	width: 50px;
	height: 44px;
}
.currentpage {
	padding: 4px 4px;
	color: #FFF;
	font-weight: bold;
	cursor: default;
}

.bs-callout > ul {
	padding-left: 0px;
}

.bs-callout > ul li {
	list-style: none;
	margin-bottom:15px;
}

.bs-callout {
	margin: 20px 0;
    padding: 20px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: red;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
}

.bs-callout-info {
    border-left-color: #1b809e;
}

.navbar-default .navbar-nav > li > a:hover {
    background-color: #00ff33;
    color: #555;
}

.navbar-default .navbar-nav > li > a.active {
    background-color: #00cc66;
    color: #fff;
	font-weight:bold;
}

p, .well { font-size:1.6rem; line-height:2.5rem;}

a, a:link , a:hover, a:visited, a:active  {
	text-decoration: none;
}

.box{
  color: #337ab7;
  padding: 10px;
}
 
.box:hover{
  background: #337ab7;
  color: #fff;
}
 
.auswertung {
  position: relative;
}
 
.auswertung:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
 
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.2s;
 
  -webkit-transition-property: top, left, right, bottom;
  -moz-transition-property: top, left, right, bottom;
  -ms-transition-property: top, left, right, bottom;
  -o-transition-property: top, left, right, bottom;
  transition-property: top, left, right, bottom;
}
 
.auswertung:hover:before, .auswertung:focus:before{
  -webkit-transition-delay: .1s;
  -moz-transition-delay: .1s;
  -ms-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s; 
 
  border: #000 solid 3px;
  bottom: -7px;
  left: -7px;
  top: -7px;
  right: -7px;
}

nav {
    margin: 0;
    padding: 0;
}
#top-toolbar .nav > li, #top-toolbar .nav > li > a {
    display: inline;
}
.nav-pills {
    margin: 0;
}
.nav-pills > li + li {
    margin-left: 0;
}
.glossary-nav nav .nav-pills > li > a {
    background: #444444 none repeat scroll 0 0;
    color: #eeeeee;
    font-size: 24px;
    font-weight: 600;
    height: 44px;
    line-height: 44px;
    margin: 2px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 36px;
}
.glossary-nav nav .nav-pills > li > a:hover, .glossary-nav nav .nav-pills > li > a:active, .glossary-nav nav .nav-pills > li > a:focus {
    background: #0077bb none repeat scroll 0 0;
    color: #eeeeee;
}

/* start back to top */
a.go-top {
	color: #FFF;
}
.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 2em;
	padding: 1em;
	display: none;
	z-index: 9999;
}
/* end back to top */

.panel-heading {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.panel-heading.accordion-toggle:not(.collapsed) {
	border: 2px solid #34913d;
	background: #34913d none repeat scroll 0 0;
	border-color: #34913d;
	color: #ffffff;
	font-weight: 700;
}

.panel-heading.accordion-toggle:not(.collapsed) h2 {
	font-weight: 700;
}
.panel-heading.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family:'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    content:"\e114";
    /* adjust as needed, taken from bootstrap.css */
    float: right;
    position: relative;
    bottom: 23px;
    font-size: 15pt;
	color: #ffffff;
}
.panel-heading.accordion-toggle.collapsed:after {
    content:"\e080";
    color: grey;
}
.panel-heading:hover {
    cursor: pointer;
	background-color:#fff;
}
.panel-heading:hover h4 {
    text-decoration: underline;
}
.panel-body {
	border: 2px solid #34913d;
}

.btn {
	white-space: normal;
}

.btn-xlarge {
    padding: 18px 28px;
    font-size: 22px; //change this to your desired size
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

.jumbotron p {
	font-color : #000;
	font-weight: 400;
	line-height: 32px;
}

.jumbotron a {
	font-color : #000;
	font-weight: 400;
	font-size: 21px;
	line-height: 32px;
}

 .jumbotron a:hover {
	font-weight: 700;
	font-size: 21px;
 }

.panel-body .jumbotron {
	padding: 10px;
}

.wsmenu {
	margin-top:7px;
	margin-bottom: 7px;
}

.topmenusearch {
	margin:0px 0px 0px 0px;
}
.topmenusearch .searchicon {
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.topmenusearch input {
	width:100%;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	text-indent: 15px;
	height: 50px;
	z-index: 2;
	outline: none;
	color: #ccc;
	 background-color:#2d71b5;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

.topmenusearch input:focus ~ .btnstyle{
	background-color:#3a4a51 !important;
	color:#fff;
	opacity:0.9;
}

.topmenusearch input:hover ~ .btnstyle{
	background-color:#3a4a51 !important;
	color:#fff;
	opacity:0.9;
}

.topmenusearch input:focus ~ .btnstyle .fa{
	color:#fff;
	}

.topmenusearch input:focus ~ .searchicon {
	opacity: 1;
	z-index: 3;
	color: #FFFFFF;
	
}

.topmenusearch .btnstyle {
	top:0px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	line-height: 30px;
	z-index: 1;
	cursor: pointer;
	opacity:0.3;
	color:#fff;
	z-index:1000;
	background-color:transparent;
	border: solid 0px;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

.topmenusearch .btnstyle .fa{
	line-height:38px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.topmenusearch .btnstyle:hover{
	background-color:#282C37;
	opacity:0.9;
}

.content .fa { font-size: 2.0rem; margin-top:1.0rem; }
.item1, .item2, .item3, .item4, .item5, .item6 {
    background: #00ee33 none repeat scroll 0 0;
    height: 42rem;
	margin-right: 0px;
    padding-top: 1rem;
    border-right: 10px solid white;
    background-color: lightgrey;
}

.item1:hover, .item2:hover, .item3:hover, .item4:hover, .item5:hover, .item6:hover {
    background: #00ff33 none repeat scroll 0 0;
}

.item3, .item6 {
    border-right: 0px;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
/*
.wsmenu {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;

} */

/* Flip around the padding for proper display in narrow viewports */
/*
.wsmenu > .container {
  padding-right: 0;
  padding-left: 0;
 width: auto;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
} */


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

.carousel {
  height: 600px;
  margin-bottom: 30px;
}
.carousel-caption {
  z-index: 10;
}

.carousel-caption {
    text-shadow: 0 1px 5px rgba(0, 0, 0, 1);
}

.carousel-caption p {
	font-size: 2.0rem;
}

.carousel .item {
  height: 600px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 600px;
}

.slide1 {
	background-image: url('../../images/background1.jpg'); 
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: cover; 
	text-align: center;"
}

.slide2 {
	background-image: url('../../images/background2.jpg'); 
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: cover; 
	text-align: center;"
}

.slide3 {
	background-image: url('../../images/background3.jpg'); 
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: cover; 
	text-align: center;"
}

.slide4 {
	background-image: url('../../images/background5.jpg'); 
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: cover; 
	text-align: center;"
}


.slide5 {
	background-image: url('../../images/background7.jpg'); 
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: cover; 
	text-align: center;"
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
  font-color: #000;
}
.marketing h4 {
  font-color: #fff;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 40px 0;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* Whatchado
------------------------- */
.whatchado_box {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
  z-index: 8;
}

.whatchado_box:hover .overlay {
  bottom: 0;
  height: 100%;
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.playit_overlay {
    background-image: url("../../images/gui/play-button.png");
    background-size: 40px 40px;
    cursor: pointer;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    visibility: visible;
    width: 40px;
    z-index: 7;
}

.quote {
	color: white;
	padding: 10px;
}

p.video_label {
	margin-top:10px;
	font-size:1.4rem;
}

p.video_label a, p.video_label a:hover {
	font-size: 14px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 1281px) {
	.carousel-caption h1 { font-size: 8.0rem; }
	.carousel-caption p { font-size: 4.0rem; line-height:5rem; }
}

@media (min-width: 1200px) and (max-width: 1280px) {
	.carousel-caption h1 { font-size: 6.0rem; }
	.carousel-caption p { font-size: 3.0rem; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.content { width: 95%; }
	.carousel-caption h1 { font-size: 5.0rem; }
	.carousel-caption p { font-size: 3.0rem; }
	.featurette-heading { margin-top: 120px;}
	.item1, .item3, .item5 { border-right: 10px solid white; }
	.item2, .item4, .item6 { border-right: 0px; }
	#footer { position: relative; }
	.footer1 { text-align:center; }
	.footer2, .footer3 { text-align:center; margin-top:40px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.content { width: 95%; }
	.carousel-caption h1 { font-size: 4.5rem; }
	.carousel-caption p { 
		font-size: 3.0rem; 
		margin-bottom: 20px;
		font-size: 21px;
		line-height: 1.4;
	}
	
	.navbar-wrapper {
		margin-top: 20px;
	}
	.navbar-wrapper .container {
		padding-right: 15px;
		padding-left: 15px;
	}
	.navbar-wrapper .navbar {
		padding-right: 0;
		padding-left: 0;
	}

	.navbar-wrapper .navbar {
		border-radius: 4px;
	}

	.featurette-heading {
		font-size: 50px;
	}
	.item1, .item2, .item3, .item4, .item5, .item6 { border-right: 0px; }
	#footer { position: relative; }
	.footer1 { text-align:center; margin-bottom:15px;}
	.footer2, .footer3 { text-align:center; margin-top:40px; }
}

@media (max-width: 767px) {
	.wsmenu {
		margin-top: 0px;
		left: -320px;
		width: 320px;
	}
	
	.wsmenu > .wsmenu-list > li > a.active { padding-left:8px;	}
	.bic_logo { 	width:100%;	}
	.wsmenu > .wsmenu-list > li > a { font-size: 24px; }
	
	.wsmenu-list .megamenu { padding-top:15px; padding-bottom:15px;}
	
	.btn-group-lg > .btn, .btn-lg { font-size: 14px;	}
	
	.megamenu p { font-size: 14px; }
	
	#berufswahl { margin-top:15px; }
	
	.carousel { height: 400px; margin-bottom: 20px; }
	.carousel .item { height:400px;}
	.carousel-caption h1 { font-size: 2.5rem; }
	.carousel-caption p { 
		font-size: 2.0rem; 
		margin-bottom: 20px;
		font-size: 21px;
		line-height: 1.4;
	}
	
	.nav-berufsinfo {
		padding-left: 25px;
		padding-right: 15px;
	}
	
	#footer { position: relative; }
	.footer1 { text-align:center; margin-bottom:15px; }
	.footer2, .footer3 { text-align:center; margin-top:40px; }
	.item1, .item2, .item3, .item4, .item5, .item6 { border-right: 0px; }
	.content .h1, .content h1 { font-size: 24px; }
	.content .h2, .content h2 { font-size: 18px; }
}

@media (max-width: 479px) {
	.carousel { height: 300px; margin-bottom: 20px; }
	.carousel .item { height:300px; }
	.carousel-caption h1 { font-size: 24px; font-weight:700;}
	.carousel-caption p { font-size: 1.4rem; font-weight:700;}
	.item1, .item2, .item3, .item4, .item5, .item6 { border-right: 0px; height: 45rem; }
	#frage{	height:120px; }
	#footer { position: relative;}
	.footer1 { text-align:center;  margin-bottom:15px; }
	.footer2, .footer3 { text-align:center; margin-top:40px; }
	.nav-berufsinfo {
		padding-left: 25px;
		padding-right: 15px;
	}
	.content .h1, .content h1 { font-size: 24px; }
	.content .h2, .content h2 { font-size: 18px; }
}

@media (max-width: 320px) {
	.carousel { height: 250px; margin-bottom: 15px; }
	.carousel .item { height:250px; }
	.carousel-caption h1 { font-size: 20px; font-weight:700;}
	.carousel-caption p { font-size: 1.2rem; font-weight:700;}
	.item1, .item2, .item3, .item4, .item5, .item6 { border-right: 0px; height: 50rem; }
	#frage{	height:160px; }
	.footer1 { text-align:center; }
	.footer2, .footer3 { text-align:center; margin-top:40px; }
	.nav-berufsinfo {
		padding-left: 25px;
		padding-right: 15px;
	}
	.content .h1, .content h1 { font-size: 24px; }
	.content .h2, .content h2 { font-size: 18px; }
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

/**
 * FormValidation (http://formvalidation.io)
 * The best jQuery plugin to validate form fields. Support Bootstrap, Foundation, Pure, SemanticUI, UIKit and custom frameworks
 *
 * @author      https://twitter.com/formvalidation
 * @copyright   (c) 2013 - 2016 Nguyen Huu Phuoc
 * @license     http://formvalidation.io/license/
 */

/* -------------------
 * Support Bootstrap 3
 * ------------------- */

.fv-form-bootstrap .help-block {
    margin-bottom: 0;
}

.fv-form-bootstrap .tooltip-inner {
    text-align: left;
}

.fv-form-bootstrap .fv-bootstrap-icon-input-group {
    z-index: 100;
}

/* Inline form */
.form-inline.fv-form-bootstrap .form-group {
    vertical-align: top;
}