/*
Theme Name: AWK
Theme URI: http://www.jfconcept.de
Author: JFconcept GmbH
Author URI: http://www.jfconcept.de
*/


body {
	font-family: 'Open Sans', sans-serif;
	background-color: #f3f1f6;
    font-size: 16px;
}

.jumbotron h1 {
	font-size: 40px;
	margin-bottom: 15px;
	text-align: center;
	color: #2C3E50;
	font-family: 'Roboto Slab', serif;
	padding-left: 160px;
	padding-right: 160px;
	text-shadow: 2px 2px #fff;
	background: url("./img/hr-jumbotron.png") repeat-x center center;
	
}

#menu-item-24 a small {
	display: block;
	font-size: 58%;
	color: #000;
}

.newer {
	color: #fff;
	font-size: 18px;
	padding-top: 40px;
	margin-bottom: 25px;
	font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

button[disabled], html input[disabled] {
    cursor: default;
    opacity: 0.33;
}

.demo-bus {
	position: absolute;
    width: 120px;
    right: 0;
    top: -7px;
}

.jumbo-bg {
	background: #DCE0E1;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.vid-wrapper {
	margin: 0 auto;
    max-width: 460px;
    border: 3px solid #fff;
    margin-bottom: 30px;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    border: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal .inner {
	text-align: center;
}

h3 {
	font-family: 'Roboto Slab', serif;
	color: #2C3E50;
}

h5 {
	font-size: 16px;
}

.jumbotron {
	background: #ecf0f1;
	font-size: 16px;
	margin-top: 25px;
}
#menu-item-743 a,
#menu-item-708 a {
	color: #ff0000;
}

.progress.red {
	background-image: linear-gradient(to bottom, #e74c3c, #c0392b);
}

.progress.green {
	background-image: linear-gradient(to bottom, #2ecc71, #27ae60);
}

.navbar {
	border-radius: 0px;
	margin-top: 30px;

}

hr {
	border-bottom: 1px solid #F9F9F9;
    border-top: 1px solid #DDDDDD;
}


.navbar-inverse {
	background: #eee;
	border: none;
	border-top:0px solid #17517A;
}

span.wpcf7-list-item {
	margin-left: 0;
}

.navbar-brand {
    float: left;
    font-size: 20px;
    line-height: 12px;
    padding: 15px;
    font-family: 'Roboto Slab', serif;
    padding-left: 0px;
}

.navbar-inverse .navbar-brand {
    color: #ECF0F1;
}

.navbar-inverse .navbar-nav > .current-menu-item > a,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > .current-menu-item > a:focus {
	background: #bbb;
	color: #fff;
}


.pop-button {
	background: none;
	border: none;
	cursor: pointer;
}

.home .modal-dialog {
    max-width: 800px;
    padding-top: 160px;
}

img {
	max-width: 100%;
	height: auto;
}

.video img {
	margin-top: 7px;
	cursor: pointer;
}

.video {
	margin-bottom: 10px;
	font-size: 12.5px;
}

.lernzeit {
	font-size: 13px;
}

.yt-video {
	display: block;
}



#wrap {
	background-color: #fff;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.07);
    padding: 30px;
    margin-top: 40px;
}

ul:not(.bxslider) {
	margin-left: 0px;
	padding-top: 0px;
	list-style-type: none;
}

ul li {
	font-size: 16px;
	list-style-type: none;
	line-height: 1.5;
}


hr {
	margin-bottom: 40px;
    margin-top: 40px;
}

.col-lg-2_4 {
	float: left;
    padding-left: 8px;
    padding-right: 8px;
}

.col-lg-2_4 {
	width: 20%;
}


li .glyphicon.glyphicon-chevron-up {
	transform: rotate(90deg);
	font-size: 11px;
	padding-right: 10px;
	color: #17517A;
}


hr {
	margin-bottom: 30px;
    margin-top: 30px;
}

.col-lg-2_4 {
	float: left;
    padding-left: 8px;
    padding-right: 8px;
}

.col-lg-2_4 {
	width: 20%;
}

.col-lg-4,
.col-lg-3 {
  text-align: center;
}

.glyphicon.glyphicon-arrow-down {
	display: block;
	text-align: center;
}

.pdf {
	width: 50px;
}
.buch {
  width: 70px;
}


.lol {
	position: relative;
}

a#geld {
	position: absolute;
	top: 15px;
	right:0;
	background: #009DE3;
	padding: 10px;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
}

a#geld h3 {
	text-align: center;
	text-align: 30px;
	margin-top: -5px;
	margin-bottom: 5px;
	text-decoration: underline;
	color: #17517A;
	font-size: 47px;
}

.jumbotron h3 {
	font-size: 20px;
}


.play-vids h4 {
	font-size: 30px;
}

.play-vids .col-lg-4 {
  text-align: center;
}
.play-vids .col-lg-4 small {
  font-size: 14px;
  line-height: 14px;
}


.stamp {
	position: absolute;
/*
	left: 140px;
	top: 100px;
*/
	left: 180px;
	top: 120px;
	width: 170px;
}


@media (max-width: 991px) {
	.jumbotron {
		margin-top: 15px;
	}
}

@media (max-width: 768px) {
	.col-lg-2_4 {
		width: 100%;
		float: none;
	}
	
	.stamp {
		position: relative;
		left: auto;
		top: auto;
		width: 170px;
		margin: 0 auto;
		display: block;
	}
	
}

.text {
	font-size: 54px;
	text-align: center;
	max-width: 940px;
	color: #e50006;
	font-family: 'Roboto Slab',serif; 
	padding-bottom: 20px;
	line-height: 1.1;
	position: relative;
}

.text-cap {
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 40px;
	text-shadow: 2px 2px 3px rgb(0, 0, 0);
	top: 67px;
	color: #fff;
	font-size: 82px;
}

.pdf.disabled {
	opacity: 0.4;
}

.text-cap small {
	display: block;
}

#go_to_page {
	background: #E5212D;
	padding: 20px;
	display: block;
	color: #fff;
	padding-left: 21px;
	padding-right: 22px;
	width: 450px;
}

#go_to_video {
	background: #E5212D;
	padding: 20px;
	display: block;
	width: 152px;
	margin: 0 auto;
	color: #fff;
	padding-left: 21px;
	padding-right: 22px;
	margin-bottom: 20px;
}

#go_to_video:hover {
	box-shadow: inset 0px 0px 20px rgba(50,50,50, 0.4);
}

#go_to_video:hover,
#go_to_video:focus,
#go_to_video:active {
	text-decoration: none;
}

#go_to_page:hover {
	box-shadow: inset 0px 0px 20px rgba(50,50,50, 0.4);
}

#go_to_page:hover,
#go_to_page:focus,
#go_to_page:active {
	text-decoration: none;
}

#youtubeIframe-0 {
	margin-bottom: 10px;
}

#load-video .col-lg-3 {
	padding-right: 0px;
}

#load-video .col-lg-13 {
	padding-left: 0;
}

#vid-title {
	background: #199EDD;
	padding: 20px;
	font-weight: bold;
	color: #fff;
}

.text small {
	font-size: 44px;
}

.tropf-bg {
	background: url(img/content-bg.jpg);
	width: 940px;
	height: 610px;
	padding: 70px;
	color: #000;
	font-size: 18px;
/* 	text-align: justify; */
	overflow: auto;
	position: relative;
}

.page-id-405 .tropf-bg {
	background: #83b2de;
}

.page-id-14 .tropf-bg {
	padding-top: 30px;
}

.page-id-12 .tropf-bg,
.page-id-274 .tropf-bg,
.page-id-10 .tropf-bg,
.page-id-539 .tropf-bg {
	padding-top: 20px;
}

.page-id-12 .tropf-bg h2,
.page-id-274 .tropf-bg h2 {
	margin-bottom: 20px;
	margin-left: 10px;
}

.page-id-12 .tropf-bg div > h4,
.page-id-274 .tropf-bg div > h4 {
	margin-left: 10px;
}

.page-id-12 .tropf-bg h4 small,
.page-id-274 .tropf-bg h4 small {
	color: #fff;
}

small, .small {
	font-size: 68%;
}

.fancybox .glyphicon.glyphicon-zoom-in {
	color: #000;
	font-size: 21px;
	width: auto;
	background: #fff;
	padding: 5px;
}

.home .tropf-bg,
.page-id-754 .tropf-bg,
.page-id-335 .tropf-bg {
	padding-top: 15px;
}

.page-id-16 .tropf-bg .row,
.page-id-754 .tropf-bg .row {
	margin-bottom: 6px;
}

.page-id-754 .tropf-bg h2 {
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 20px;
	text-align: center;
  text-shadow: 1px 1px 0 #535353;
}

.page-id-16 .tropf-bg .yt img,
.page-id-754 .tropf-bg img {
	border: 3px solid #124162;
}

.home h1 {
	margin-top: 10px;
	margin-bottom: 5px;
}

.home h3 {
	margin-top: 7px;
/*	color: #fff;*/
	margin-bottom: 30px;
}

blockquote {
	width: 550px;
	font-style: italic;
	border-left: 0px;
	margin-top: 80px;
	margin-bottom: 0px;
}

blockquote p {
	font-weight: 400;
}

cite {
	display: block;
	width: 500px;
	font-size: 13px;
	margin-top: -10px;
}

.wpcf7-form p {
	font-size: 14px;
}

.wpcf7-form .row {
}

.wpcf7-form ul {
	margin-left: 18px;
}

.wpcf7-form ul li {
	list-style: disc;
	font-size: 14px;
	line-height: 1.2;
}

.wpcf7-form input {
	width: 100%;
}

.wpcf7-form input[type="radio"] {
	width: auto;
}

.wpcf7-form .row {
	margin-bottom: 8px;
	font-size: 14px;
	margin-left: -8px;
	margin-right: -8px;
}

.wpcf7-form .col-lg-16 {
	padding-left: 8px;
	padding-right: 8px;
}

.wpcf7-form .wpcf7-submit {
	background: #E50006;
	border: none;
	color: #fff;
	font-size: 18px;
	padding: 7px;
}

.wpcf7-form-control-wrap.karte span.wpcf7-list-item {
	margin-left: 0;
}

div.wpcf7-mail-sent-ok {
	background: #398f14;
	border: none;
}


div.wpcf7-validation-errors {
	background: #E50006;
	border: none;
}

.wpcf7-list-item-label {

}

.pop-slide {
	background: 
}

.refs {
	margin:10px auto;
	padding: 5px;
	background:#6399C7;
	color: #eee;
	display: inline-block;
	font-size: 14px;
}

.navbar-header {
	display: none;
	
}

ul.numbers {
	padding-left: 17px;
}

ul.numbers li {
	list-style-type: decimal;
  font-size: 12px;
}

.page-id-2 .tropf-bg {
	padding-top: 25px;
}

.page-id-2 .tropf-bg blockquote {
	margin-top: 51px;
}

.page-id-2 .tropf-bg h1 {
	margin-bottom: 6px;
}

.page-id-2 .tropf-bg h3 {
	margin-top: 0px;
}

.center {
	text-align: center;
}

h1, h2, h3 {
  color: #083373;
}
.tropf-bg strong {
  color: #083373;
}

.home h3.popover-title {
  margin:0 !important;
}


.karte-w input[type="checkbox"] {
	float: left;
	width: 7%;
}

.karte-w span.wpcf7-list-item-label {
	float: left;
	width: 80%;
}

.karte-w span.wpcf7-list-item:after {
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

#awk-gallery,
#awk2-gallery,
#awk3-gallery {
	display: none;
}
.wpcf7-list-item {
  display: block;
}
.highlight a {
  color: #e50006 !important; 
}

.nav > li > a {
    padding: 15px 14px;
}


#awk_1 {
	background: #ecf0f1;
}

#awk_1:after {
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
	content: "";
}

#last-awk a,
#zweite-awk a,
#dritte-awk a,
#vierte-awk a {
	padding: 5px 24px;
}

#menu-item-849 a {
	background: #E50006;
	color: #fff;
}

.active-drop {
	background: #bbb;
	color: #fff !important;
}

#last-awk small,
.n-awk small {
	display: block;
}

.karte input {
	width: auto;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background: #bbb !important;
}

#wpcf7-f353-p12-o1 ul li {
    list-style: disc;
    font-size: 14px;
    line-height: 1;
}

#wpcf7-f353-p12-o1 p {
    line-height: 1.1;
}

.no-display {
	display: none;
	max-width: 800px;
}

tr.blue {
	color: #009de3;
	font-weight: bold;
}

#ablauf table {
	width: 100%;
}

#ablauf table tr td:first-child {
	width: 11%;
	border-right: 1px solid #ecf0f1;
}

#ablauf table#natural tr td:first-child {
	width: 50%;
	border-right: 0;
}

#ablauf table tr td:nth-child(2) {
	padding-left: 2%;
}

#ablauf table:not(#natural) tr {
	border-bottom: 1px solid #ecf0f1;
}

#ablauf table tr:last-child {
	border-bottom: 0;
}

.page-id-405,
.page-id-405 .tropf-bg {
	font-size: 14px;
}

.page-id-405 .tropf-bg {
	padding-top: 40px;
}

#ablauf table tr td {
	padding-top: 7px;
	padding-bottom: 7px;
}

.fancybox-skin {
    background: #fff;
}

.red {
	color: #E50006;
}

.white {
	color: #fff;
	font-weight: bold;
}

.page-id-405 .tropf-bg ul li {
	font-size: 14px;
	list-style: disc;
}

.page-id-405 .tropf-bg ul {
	padding-left: 15px;
}

.popover-content {
    line-height: 1.1;
}

.bus-left {
	width: 170px;
}

.ref-row .col-lg-10 small {
	display: inline-block;
	color: #fff;
}

.ref-row .yt small {
	display: block;
    margin-top: -13px;
    color: #fff;
    font-size: 50%;
}

.ref-img img {
	height: 105px;
}

.ref-row .center {
	font-size: 80%;
}

#ref-modal .modal-body {
	font-size: 12px;
}

.wpcf7-form {
	position: relative;
}

.stamp-dvd1 {
	position: absolute;
	left: 0;
	top: 25%;
	right: 0;
	margin: 0 auto;
}

.info-awk:after {
	clear: both;
	content: "";
	visibility: hidden;
	display: block;
	height: 0;
}

.info-datum {
	width: 500px;
	padding: 20px;
	float: left;
	height: 70px;
    background: #fff;
	margin-right: 20px;
}

.bitte {
	color: #e50006;
    border: 1px solid #e50006;
    padding: 3px;
    position: absolute;
    left: -15px;
    top: 0;
}

#menu-item-784 a {
	background: #e50006;
	color: #fff;
}

.whitebox {
	background:rgba(255,255,255,0.4);
	padding: 15px;
	margin: 25px 0;
}

.whitebox ol {
	margin: 0;
	padding: 0;
	padding-left: 19px;
	margin: 15px 0;
	font-weight: bold;
}

.acceptance-container {
	font-size: 12px;
}

@media screen and (max-width: 768px) {
	#wrap {
		padding: 15px;
	}
}

@media screen and (min-width: 768px) {
#ref-modal .modal-dialog,
#verein-modal .modal-dialog {
    width: 800px !important;
    padding-top: 30px;
    padding-bottom: 30px;
} }