@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
/* ERSTMAL */

.home .wrapper{
	background-image:url("https://www.bvoegd.de/wp-content/uploads/2016/06/pixel_weave_c2.jpg") !important;
	background-repeat:repeat !important;
	background-size:auto !important;
	}

.home .wrapper img.web{
	display:none;
	}

/* Allgemein */

*{
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:20px;
	}

.content{
	color:#000000;
	}

.content a:link, .content a:visited, .content a:hover, .content a:active{
	color:#123581 !important;
	}

.content .shariff a{
	color:#fff !important;}

body {
    padding-bottom: 0px;
	}

h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a{
	font-weight:400;
	text-transform:uppercase;
	color:#123581 !important;
	}

h1{
	font-size:55px;
	margin-top:55px;
	color:#ffffff !important;
	}

h2{
	font-size:30px;
	margin-bottom:35px;
	}

h3{
	margin-top:15px;
	margin-bottom:15px;
    font-size: 22px;
	}

h5{
	font-size: 16px;
	}

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

.attachment-post-thumbnail{
	float:none;
	margin:0;
	}

.abstand{
	background-color: #ffffff;
    border-bottom: 4px solid #dddddd;
    height: 480px;
    margin-bottom: 25px;
    overflow: hidden;
    padding: 25px 15px 15px;
	}

/*.abstand h3{
	min-height:80px;
	}*/
	
.seiten .abstand{
	height:auto !important;
	border-bottom:none;
	}

.seiten .abstand h3{
	min-height:inherit;
	}

strong{
	font-weight:400;
	}

p{
	line-height:1.4;
	margin: 0 0 30px;
	}

.ajax-loader{
	width:auto;
	max-width:auto;
	}

.mob{
	display:none;
	}

.web{
	display:block;
	}

.shariff ul li{
	color:#ffffff !important;
	}

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    display: none;
    text-indent: -9999px;
    background-image:url(../img/icon_toTop.svg);
	background-size:80%;
	outline:none !important;
	background-color: #123581;
	background-repeat:no-repeat;
	background-position:center;
	}

.content a.btn, .btn, .page-id-111 input[type="submit"]{
	background-color:#123581;
	color:#ffffff !important;
	font-size:inherit !important;
	margin: 0 15px 15px 0;
	border:1px solid #123581;
	border-radius:0;
	}

input[type="submit"]{
	display:inline-block;
	width:auto;
	padding: 6px 12px;
	font-size: 20px;
	font-weight: normal;
	background-color:#123581;
	color:#ffffff;
	}
	
.page-id-111 input[type="password"]{
	display:inline-block;
	width:auto;
	padding: 5px 12px;
	font-size: 20px;
	font-weight: normal;
	}
	
.content a.btn:hover, .content a.btn:active, .content a.btn:focus, .btn:hover, .btn:active, .btn:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus{
	background-color:#ffffff;
	color:#123581 !important;
	font-size:inherit !important;
	border:1px solid #123581;
	}
	
hr {
    border-color: #123581 -moz-use-text-color -moz-use-text-color;
	}

/* Header */

.wrapper{
	background-image:url("https://www.bvoegd.de/wp-content/uploads/2016/06/pixel_weave_c2.jpg");
	background-repeat:repeat;
	background-position:top left;
	background-size:auto;
	padding-top: 20px;
	min-height:280px;
	}

.header {
	background-image:url(../img/bg-header.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position: relative;
	z-index:10;
	}

.header img {
	max-width:95%;
	}
	
.zeile_weiss{
	padding-top:10px;
	padding-bottom:23px;
	}
	
.zeile_weiss .col-md-9{
	margin-top:15px;
	text-align: right;
	}

.zeile_weiss .col-md-9 div{
	display: inline-block;
    margin-left: 30px;
    width: auto;
	}

.zeile_weiss .col-md-3, .zeile_weiss .col-md-2{
	padding-top:15px;
	}

.zeile_weiss .col-md-3:first-of-type{
	padding-top:0px;
	}

.zeile_weiss .press a:first-of-type{
	padding-left:40px;
	background-image:url(../img/Icon_presse.svg);
	background-repeat:no-repeat;
	background-size:contain;
	}

.zeile_weiss .mail a{
	padding-left:40px;
	background-image:url(../img/icon-mail.svg);
	background-repeat:no-repeat;
	background-size:contain;
	}

.zeile_weiss .link a{
	padding-left:40px;
	background-image:url(../img/Icon_Link.svg);
	background-repeat:no-repeat;
	background-size:contain;
	}

.zeile_weiss .social a{
	padding-left:40px;
	background-image:url(../img/linkedin.svg);
	background-repeat:no-repeat;
	background-size:contain;
	}

.zeile_weiss a, .zeile_weiss a:link, .zeile_weiss a:visited{
	color:#000000;
	}

.zeile_weiss a:hover, .zeile_weiss a:active, .zeile_weiss a:focus{
	color:#123581;
	text-decoration:none;
	}

.simcal-default-calendar-light .simcal-nav-button, .simcal-default-calendar-light .simcal-nav-button:focus, .simcal-default-calendar-light .simcal-nav-button:hover {
    color:#123581;
}

.zeile_blau .col-md-3 a, .zeile_blau .col-md-3 a:link, .zeile_blau .col-md-3 a:visited{
	display:inline-block;
	padding:3px 15px 4px 15px;
	}

.zeile_blau .col-md-3 a:hover, .zeile_blau .col-md-3 a:active, .zeile_blau .col-md-3 a:focus{
	color:#123581;
	text-decoration:none;
	background-color:#ffffff;
	}	

.zeile_blau a, .zeile_blau a:link, .zeile_blau a:visited{
	color:#ffffff;
	text-transform:uppercase;
	}

.zeile_blau a:hover, .zeile_blau a:active, .zeile_blau a:focus{
	color:#D9D8D8;
	}
	
.bubbleli, .bubble_reunt, .bubble_reob{
	position:absolute;
	max-width:28% !important;
	z-index:0;
	}

.bubble_reunt{
	bottom:0;
	}

.bubbleli{
	left:0;
	bottom:0;
	}

.bubble_reunt, .bubble_reob{
	right:0;
	}

.bubble_reob{
	top:0;
	}

h1.h1{
	position:absolute;
	bottom:80px;
	left:55px;
	color:#ffffff !important;
	display:none !important;
	}
	
.pdf:before {
	content: url(https://www.bvoegd.de/wp-content/uploads/2019/04/icon_pdf.gif) " ";
}

/* Navigation */

.navbar-inverse {
    background-color:transparent;
    border-color: transparent;
	}

.navbar {
    border-radius:0;
	border:0;
	margin-bottom: 0px;
	min-height: 1px;
	}

.navbar-collapse{
	padding-left: 12px;
	}

.navbar-nav > li.login{
	display:none;
	}

.navbar-nav > li > a {
    padding: 0 20px;
	}

.header .navbar-inverse .navbar-nav > li > a{
	padding-top: 8px;
	padding-bottom: 8px;
	}

.navbar-inverse .navbar-nav > li > a{
	color:#ffffff;
	text-transform:uppercase;
	}

.dropdown-menu{
    background-color: #123581;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    font-size: 20px;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 0;
	}

.dropdown-menu > li > a{
	font-weight:300 !important;
	}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus,.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .current-menu-parent a.dropdown-toggle {
    background-color: #ffffff;
    color: #123581 !important;
	}

.caret{
	color:#ffffff;
	}

.open .caret, .navbar-inverse .navbar-nav > li > a:hover .caret, .current-menu-parent a .caret{
	color:#123581;
	}

.navbar-inverse .navbar-toggle {
    border-color: #ffffff;
	}


/* Content */

.content{
	margin-bottom:25px;
	}

.single .content{
	margin-top:40px;
	}

.single .content .col-md-4 img{
	margin-top:20px;
	}

.content .col-md-3 a, .content .col-md-3 a:link, .content .col-md-3 a:visited{
	color:#123581;
	}

.content .col-md-3 a:hover, .content .col-md-3 a:active, .content .col-md-3 a:focus{
	color:#123581;
	text-decoration:none;
	}
	
.page .content .container{
	margin-top:40px;
	}

/* Vorstand */

.page-id-64 .content .col-md-3{
	min-height:340px;
	}
	

/* Footer */

.footer {
	background-image:url(../img/bg-footer.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	}

.footer .navbar-collapse{
	padding:0;
	}

.footer .navbar-nav > li > a {
    padding: 8px 15px;
	}


/* Startseite */

.home .wrapper{
	/*background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	padding-top: 20px;
	min-height:720px;*/
	position:relative;
	}

.home .content{
	margin-top:-90px;
	}

.abstand p {
    overflow: hidden;
    position: relative;
	/*max-height: 4.2em;*/
	}
	
.ellipsis {
    background: #fff;
    bottom: 0;
    position: absolute;
    right: 0;
	padding-left:5px;
	}

.fill {
    background: #fff; 
    height: 100%;
    position: absolute;
	}
	
	
/* Category */

.category .abstand{
	padding-left:0;
	padding-right:0;
	margin-top:25px;
	}

	
/* Single */

.single .content .col-md-8 img{
	width:100%;
	max-width:100%;
	height:auto;
	margin:15px 0;
	padding:0;
	float:none;
	}

form, input, textarea{
	width:80%;
	}

.wpcf7-submit{
	background-color:#123581;
	color:#ffffff !important;
	border:none;
	border-radius:0;
	padding:6px;
	}

.col-md-6 tr td:nth-of-type(1) {
		width:70px;
		}
	
	
/*############################################################################### 
Responsive 
###############################################################################*/

@media (max-width: 1200px){
	.zeile_weiss .col-md-9 {
    margin-top: 5px;
}

	/*.abstand h3{
		min-height:80px;
		}*/
	
	.navbar a, .zeile_blau a, .zeile_weiss a{
		font-size:14px !important;
		}
	
	.zeile_weiss .col-md-3, .zeile_weiss .col-md-2 {
    	padding-top: 5px;
		}
		
	.zeile_weiss {
		padding-bottom: 18px;
		padding-top: 10px;
		}
	
	.zeile_weiss .social a{
		margin-top:6px;		
		}
		
	.header .navbar-inverse .navbar-nav > li > a {
		padding-bottom: 6px;
		padding-top: 5px;
		}
	
	.zeile_blau .col-md-3 a, .zeile_blau .col-md-3 a:link, .zeile_blau .col-md-3 a:visited {
		padding: 6px 15px 5px;
		vertical-align: text-top;
		}
	
	.navbar-collapse {
    	padding-left: 8px;
		}
	
	.footer .navbar-nav > li > a {
		padding: 5px 15px;
		font-size:14px !important;
		}
	
	.wrapper{
		background-position:top !important;
		}
		
	.bubbleli, .bubble_reunt, .bubble_reob.bubbleli, .bubble_reunt, .bubble_reob {
		max-width: 40% !important;
		}
	
	/*h1.h1{
		max-width:25% !important;
		}
	
	.home .abstand h3 {
		min-height: 110px;
		}*/
	
	.home .seiten .abstand h3 {
		min-height: inherit;
		}
	
	*{
		-ms-word-break: break-all;
		word-break: break-all;	
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
		}
	
	}
	

@media (max-width: 991px){
	.header{
		background-image:none;
		}
		
	.zeile_weiss {
		background-color:#ffffff;
		margin-bottom:10px;
		}
	
	.zeile_weiss .col-md-3:first-of-type {
    	padding-right: 0;
		}
	
	.zeile_blau, .footer {
		background-color:#123581;
		}
	
	.zeile_blau .col-md-3{
		display:none;
		}
	
	.navbar-nav > li.login{
		display:block;
		}
	
	.navbar-nav > li > a {
    	padding-left: 18px;
		padding-right: 18px;
		}
	
	/*.abstand h3 {
    	min-height: 55px;
		}*/
	
	.navbar-collapse {
    	padding-left: 15px;
		}
	
	/*h1.h1{
		max-width:28% !important;
		}*/
	
	.bubbleli, .bubble_reunt, .bubble_reob.bubbleli, .bubble_reunt, .bubble_reob {
	    max-width: 46% !important;
		}
		
	/*.home .abstand h3 {
		min-height: 55px;
		}*/
		
	.page-id-64 .content .col-md-3 {
		min-height: 100%;
		margin-bottom:25px;
		}
		
	.page-id-64 .content div.col-md-3:nth-of-type(2n) {
		margin-bottom:100px;
		}
	
	.abstand{
		height: 500px;
		}
		.seiten .col-sm-6{
		height:280px;
		}
	}

@media (max-width: 767px){
	
		
	h1.h1{
		/*max-width:80% !important;*/
		bottom: 20px;
	    left: 30px;
		}
	
	body{
		background-image:none !important;
		}
	
	.header, .footer {
		background-image:none;
		}
	
	.header img {
    	max-width: 50%;
		}
	
	.header .col-md-3, .header .col-md-2{
		text-align:center !important;
		}
	
	.zeile_weiss .press a, .zeile_weiss .mail a, .zeile_weiss .social a, .zeile_weiss .link a{
		text-indent:-9999em;
		display:inline-block;
		}
	
	.zeile_weiss .mail{
		text-align:center;
		}
	
	.zeile_weiss .social a{
		float:none;
		}
	
	.zeile_weiss a{
		padding:0 !important;
		width:8vw;
		height:8vw;
		}
	
	.home .wrapper {
		 min-height: 290px;
		background-position:center bottom !important;
		}
	
	.home .content {
    	margin-top: 0px;
		}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
		color:#ffffff;
		}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: #ffffff;
		color: #123581;
		}
		
	.mob{
		display:block;
		}

	.web{
		display:none;
		}
	
	.home .wrapper{
		background-image:url(../img/160426_BVOEGD_Header_Startseite_1.jpg) !important;
		background-position: center !important;
		}
	
	
form, input, textarea{
	width:100%;
	}
	
	.headline{
		position:absolute;
		height:395px;
		width:100%;
		  top: 0;
		}
	
	.headline .container {
		position:absolute;
		bottom:0;
		}
	
	h1.h1 {
	    bottom: 5px !important;
		}
	
	.zeile_weiss .social a{
		margin-top:0px;		
		}
		
	#menu-footer{
		margin-bottom:0 !important;
		}
		
		.scrollup {
			border:1px solid #ffffff;
			bottom: 10px;
			right: 10px;
		}
		
	a.btn{
		-ms-word-break: break-all !important;
		word-break: break-all !important;	
		word-break: break-word !important;
		-webkit-hyphens: auto !important;
		-moz-hyphens: auto !important;
		hyphens: auto !important;
		white-space: normal;
		width: 100%;
		}

	.zeile_weiss .col-md-9{
		text-align:center;
		}
			
		/* ERSTMAL */

	.home .wrapper{
		background-image: url("https://bvoegd.de/wp-content/uploads/2016/06/pixel_weave_c2.jpg") !important;
		background-repeat: repeat !important;
		background-size: auto auto !important;
		}	
	
	.abstand{
		height: 130vw;
		}
		
	.seiten .col-sm-6{
		height:100%;
		}
	}
	

@media (max-width: 480px){
	
	.zeile_weiss a{
		padding:0 !important;
		width:11vw;
		height:11vw;
		}
		
	.page-id-111 input{
		display:block !important;
		margin:10px 0;
		}
		
	.header img {
    	max-width: 90%;
		}
	
		
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
		background-color: #123581;
		}
	
	h2 {
		font-size: 26px;
		margin-bottom: 35px;
		}
	
	h1, .h1 {
		font-size: 30px;
		}
	
	.header .navbar-inverse .navbar-nav > li > a, .navbar a, .zeile_blau a, .zeile_weiss a{
		font-size:20px !important;
		padding-bottom: 10px !important;
		padding-top: 9px !important;
		}
		
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
		padding-left:40px !important;
		}
		
	/*.home .abstand h3 {
		min-height: 55px;
		}*/
	
	.zeile_weiss .tel a:first-of-type{
		display:none !important;
		}

	.zeile_weiss .tel a:last-of-type{
		padding-left:40px;
		background-image:url(../img/icon-tel.svg);
		background-repeat:no-repeat;
		background-size:contain;
		}
	
	.abstand{
		height: 135vw;
		}
		
	}