/*
Theme Name: bagrpk
*/


/* Basics
-------------------------------------------------- */

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}

html {margin: 0; }

div,
.article,
section,
header,
footer,
nav,
li {} .group:after {
    display: block;
    height: 0;
    clear: both;
    content: ".";
    visibility: hidden;
    /* For clearing */
}

img {
    margin-bottom: 10px;
    height: auto;}


body {
    position: relative;
    width: auto;    
	background: #ffffff;
	height: 100% !important;
}

a {color: black; text-decoration: none; padding: 0;}

p {
	margin-bottom: 20px;
	}
	


body,
input,
textarea {
    padding: 0;
    color: black;
    font-weight: 300;
    font-family: Ubuntu, Helvetica, Arial, sans-serif; 
}


body, p,
li {line-height: 180%;}

li {
	list-style-type: none;
	padding: 0 0 0 13px;
	background: url('/wp-content/themes/bagrpk/img/dot.png') no-repeat left 6px;
}

/* Links */

a:hover, a:active,a:focus {
color: #0094d3;
	}
	
hr {
	background-color:#0094d3;
	margin: 50px 0px;
	height:1px;
	}	


	
/* Typografie / Schriftgrößen
-------------------------------------------------- */

@media (min-width: 1200px) {
    body {font-size: 15px;}
    .lead {
	font-size: 1.5em;
	}
}


@media (max-width: 1200px) {
    body {font-size: 15px;}
    .lead {
	font-size: 1.5em;
	}
}


@media (max-width: 992px) {
    body {font-size: 15px;}
    .lead {
	font-size: 1.5em;
	}
}


@media (max-width: 768px) {
    body {font-size: 14px;} 
    .lead {
	font-size: 1.3em;
	}

}

p {font-size:1em;}
h1 {font-size:2.5em;}
.h1like {font-size:3em;}
h2 {font-size:2em;}
h3 {font-size:1.5em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}




/* Typografie / Farben
-------------------------------------------------- */	

h1, .h1like, h2, h3, h4,h5 {color: #0094d3}

.subline {
	float: left; 
	margin-right: 80px; 
	font-size: 17px;
	line-height: 160%;
	display: block;
	margin-bottom: 10px;
	}

#footer {
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    width: 90%;
    
    }
	
.alignleft {text-align: left;}		



.description {
	font-size: 17px; 
	line-height: 160%;
	}


/* Inline-Elemente */

iframe {
	margin-bottom: 60px; width: 100%;
	}

@media (max-width: 700px) {
	iframe {
	margin-bottom: 60px; 
	height: 400px; 
	width: 100%;
	}
	}
	
.submenu li {font-weight: normal !important;}	

.clear {
	clear: both !important;
	}

h1,h2,h3,h4,h5, #menu-zielgruppen {
font-family: Ubuntu, helvetica, arial, sans-serif; font-weight: bold;
}

h1,h2,h3,h4,h5  {
	font-weight: bold; 
	margin-top: 0px;  
	}
	
h2,h3,h4,h5  {	
		line-height: 150%;
	}
	
h1 {
	line-height: 125%;
}





.bottomnav {font-size: 30px; font-weight: bold; margin-top: 50px;}

/* Abstände */

.divider {
	border-top: 5px solid black; 
	width: 100%; 
	height: 0px; 
	margin: 160px 0 160px 0;
	}

.off {
	display: none;
	}

.on {display: block;}

.tinyborder {
	border: 1px solid #bbb;
	}


@media (max-width: 1000px) {.offonsmallscreeens {display: none;}}
	
	.inge-meta {font-size: 10px; }
	
	.transition {-webkit-transition: all 100ms ease; /* Firefox */
-moz-transition: all 100ms ease; /* WebKit */
-o-transition: all 100ms ease; /* Opera */
transition: all 100ms ease; /* Standard */}
	

	
	.marbo100 {margin-bottom: 100px;}
	

	.marbo150 {margin-bottom: 150px;}	
	

	.pointer {cursor: pointer;}

	
	.header {width: 100%; position: fixed; top: 40px; }
	


.item { width: 100%; }
.item.w2 { width: 50%; }

.contact {margin-left: 150px; }


.mbot50 {margin-bottom: 50px;}
.mbot100 {margin-bottom: 100px;}
.mbot200 {margin-bottom: 200px;}

.postcount {width: 100%;}



.screen-reader-text {display: none;}


.bighead {font-size: 46px; font-weight:bold;}


.infos {
	position: fixed;
	top: 15px; 
	right: 15px;
	text-align: right;
	z-index: 110;
}




.hide-this {visibility: hidden;}


/* video embeds */


/* 16:9 */

.vid {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.vid iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 1:1 */

.squarevid {
	position: relative;
	padding-bottom: 98%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.squarevid iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 4:3 */

.video4zu3 {
	position: relative;
	padding-bottom: 74%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.video4zu3 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.slick-prev:before, .slick-next:before {color: black !important;}



	.bold {font-weight: bold;}

.project-title {
	margin-top: 10px;
}



.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #aaaaaa;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

ul {padding: 0;}    

.navbar-static-top {background: #eeeeee; margin-bottom: 0px; }
	
.navbar-brand img {
		padding-top: 10px;
		width:400px;
}	

.whitebg {background: white;}

.navbar-default {border: 0;}

.current-menu-item {background: #222222;}

.nopad {padding: 0;}

.nomar {margin: 0;}


.impressum {text-align: right; font-size: 10px;}

.fifty {width: 50%; float: left;}

@media (max-width: 600px) {
	.fifty {width: 100%;}
	}



.main ul {
	list-style: none; 
	}
	
.main ul li {
	display: block;
	float: right;
	padding-right: 10px;
	text-transform: uppercase;
	}	
	

/******************** 
    Portfolio
********************/	

.beitrag a:hover {}

.beitrag {margin-bottom: 15px; overflow:hidden;}

.beitragsmeta {}

.beitrag:hover .beitragsmeta {}

.beitrag:hover h3 {}

.beitrag img {	-webkit-transition: all 100ms ease; /* Firefox */
-moz-transition: all 100ms ease; /* WebKit */
-o-transition: all 100ms ease; /* Opera */
transition: all 100ms ease; /* Standard */}

.beitrag:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.beitrag img {margin: 0;}



.img-container {overflow: hidden;}


/******************** 
    Clearfix
********************/	


.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.swiper-slide {
	padding-bottom: 50px;
	width: 100%;
	height: 75vh;
background-position: center center;
background-size: cover;
overflow: hidden;
}


.navbar-static-top {background: transparent; font-size: 1.4em;}


/* SVG-Styling */

.karte-fixed .st0{fill:#DBDBDB;stroke:#FFFFFF;stroke-width:5;}

.karte-fixed path {-webkit-transition: all 100ms ease; /* Firefox */
-moz-transition: all 100ms ease; /* WebKit */
-o-transition: all 100ms ease; /* Opera */
transition: all 100ms ease; /* Standard */}

.karte-fixed path:hover,
.karte-fixed .current path,
.karte-fixed path.active {
    fill: #0094d3 !important; 
    cursor: pointer;
}

/*Styles Florian*/

.relative {
	position: relative;
}
#navbar li:hover ul {
	display:  block;
}

.pad100 {
	padding-top: 100px;
	padding-bottom:  100px;
}

.padTop100 {
	padding-top: 100px;
}


.karte-fixed {
	position: fixed;
	right: 25px;
	top: 150px;
	width: 300px;
}

@media (min-width: 1300px) {
.karte-fixed {
	width: 400px;
	}
}

.absolute {
	position: absolute;
}

.arm-right {
	top:  -40%;
	width: 60vw;
}

.arm-left {
	top: -15%;
	width: 60vw;
}

.arm-right img ,
.arm-left img {
	-webkit-filter: grayscale(1);
	  filter: grayscale(1);
}

.navFixed {
	background: #fff;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99999;
}

.navVisible {
	display: block;
}

.sitenav {
	list-style-type: none;
	margin-bottom: 0;
}

.sitenav li {
	list-style-type: none;
	padding: 10px 20px;
	background: none;
	list-style-type: none;
	display: inline-block;
}

.sitenav li a {
	font-weight: bold;
	font-size: 20px;
}


li.current {
	background: #0094d3;
	transition: all 0.5s;
}

.current a {
	color: #fff;
}

.mix {
	display: none;
}

.filter-buttons {
	margin-bottom: 15px;
}

.filter-buttons .active {
	background: #333;
}


.beitragsmeta {
	height: 100%;
}

#kontakt {
	color: #fff;
	background: #0094d3;
	padding-top: 50px;
	padding-bottom: 50px;
	height: auto;
	transition: height 0.5s;
	left: 0;
	bottom: 0;
	width: 100%;
}

#kontakt a {
	color: #fff;
}


#navi {
	
}

#navi ul.menu {
	list-style-type: none;
	float: right;
	margin-top: 20px;
}

#navi ul.menu:after {
	clear: both;
}

#navi ul.menu li {
	display: inline-block;
	padding: 0 10px;
	position: relative;
	line-height: 100%;
	background: none;
}

#navi ul.menu li:hover ul.submenu {
	display: block;
}

ul.submenu {
	position: absolute;
	left: 0;
	top: 20px;
	padding: 0;
	display: none;
}

ul.submenu li {
	display: block;
	margin: 0;
}

#navi ul.menu li a {
	color: #333;
	font-size: 16px;
	font-weight: 500;
	display: block;
	transition: all 0.5s;
	border-bottom: 2px solid transparent;
}

#the-intro #navi ul li a { 
	color: white
}

#the-intro #navi ul li a:hover {
	border-bottom: 2px solid #fff;
}


#the-intro ul.submenu li a {
	color: #fff;
}

.kreis {
	margin-left: 2px;
	padding: 5px;
	border: 2px solid #000;
	border-radius: 100%;
	font-size: 10px;
	transition: all 0.5s;
}

#the-intro .kreis {
	border: 2px solid #fff;
}


.menu-toggle {
	display: none;
	position: absolute;
	right: 20px;
	top: 16px;
}

.menu-toggle:hover {
	cursor: pointer;
}

.menu-toggle span {
	height: 4px;
	width: 40px;
	background: #333;
	margin: 6px 0;
	display: block;
	transition: all 0.5s;
}

#the-intro .menu-toggle span {
	background: #fff;
}

span.toggleFirst {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: 13px;
}

span.toggleSecond{
	display: none;
}

span.toggleThird {
	-moz-transform: rotate(-45deg) translateX(7px) translateY(-8px);
	-webkit-transform: rotate(-45deg) translateX(7px) translateY(-8px);
	-o-transform: rotate(-45deg) translateX(7px) translateY(-8px);
	-ms-transform: rotate(-45deg) translateX(7px) translateY(-8px);
	transform: rotate(-45deg) translateX(7px) translateY(-8px);
}

h3.bodytext {
	margin-top: 40px;
}

p.bodytext a,
.section a,
.downloadLink {
	color: #0094d3;
}

.kontaktToggled {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	min-height: 100vh;
	overflow: scroll;
	z-index: 9999;
	font-size: 18px;
	background: rgba(0, 148, 211, 0.98);
	transition: all 0.5s;
	
}

.kontaktToggled .container .row {
	
}

.kontaktToggled .col-md-3 {
}

.kontaktToggled h4 {
	font-size: 25px;
	margin-top: 30px;
}

.footerClose {
	display: none;
}

.kontaktToggled .footerClose {
	display: block;
	font-size: 25px;
	right: 20px;
	top: 20px;
}

.footerClose:hover {
	cursor: pointer;
}

.footerClose span {
	font-size: 40px;
}

.kontaktLink:hover {
	cursor: pointer;
}


.footerContentToggled {
	display: none;
}

.kontaktToggled .footerContentToggled {
	display: block;
}

.ansprechpartnerSingle {
	
}

.ansprechpartnerSingle .inner {
	background: #fafafa;
	padding: 15px;
}

ko
.ansprechpartnerSingle:nth-child(even) {
	/*border-left: 3px solid #0094d3;*/
}

.ansprechpartnerSingle img {
	-webkit-border-radius: 5 0%;
	border-radius: 50%;
}

.ansprechpartnerSingle span {
	margin-right:  10px;
}

.ansprechpartnerSingle p {
	margin-bottom: 5px;
	white-space: nowrap;
}

.navbar-brand-small {
	display: none;
}

.navbar-brand {
	display: block;
}

.navbar-brand {
	height: auto;
}


/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should be a color other than white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally on the screen */
	top:50%; /* centers the loading animation vertically on the screen */
	background-image:url('/wp-content/themes/bagrpk/img/status.gif'); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}






/*RESPONSIVE*/



@media (max-width: 1200px) {
	.arm-right {
		top: -30%;
	}
	
	.arm-left {
		top: 0%;
	}
	
	.kontaktToggled {
		font-size: 15px;
	}
	
	.kontaktToggled h4 {
		font-size: 25px;
	}
	
	#navi ul.menu li {
		padding: 0 5px;
	}
	
}


@media (min-width: 992px) {
	#navi > ul.menu {
		display: block !important;
	}
}


@media (max-width: 992px) {
	.sitenav{
		display: none;
	}
	
	#navi ul.menu {
		display: none;
		background: #fff;
		width: 100%;
		margin-top: 0px;
		padding: 30px 0 0 0;
	}
	
	#navi ul li {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	#navi ul li a {
		text-align: center;
	}
	
	ul.submenu {
		position: relative;
		display: none !important;
		top: 10px;
	}
	
	#navi ul li:hover ul.submenu {
		display: block !important;
	}
		
	#the-intro #navi ul li a { 
		color: #333
	}
	
	
	#the-intro ul.submenu li a {
		color: #333;
	}
	
	.menu-toggle {
		display: block;
	}
	
	.kontaktToggled {
		font-size: 18px;
		text-align: center;
		display: block;
	}
	
	.kontaktToggled h4 {
		font-size: 22px;
	}
	
	.karte-fixed {
		display:  none;
	}
	
	.navbar-brand-small {
		display: block;
		  padding: 15px 15px;
		
	}
	
	.navbar-brand-small img {
		width: 180px;
		margin-bottom: 0px;
	}
	
	.navbar-brand {
		display: none;
	}
}

@media (max-width: 798px) {
	.ansprechpartnerSingle:nth-child(even) {
		border-left: none;
	}
}

.person {
	border-left: 5px solid #0094d3;
	padding: 0 15px 0 15px;
	}

.person-portrait {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.person-text {font-size: 0.9em;}


/* RPK-Finder-Modal
-------------------------------------------------- */

#map {
	width: 100%; 
	min-height: 800px; 
	height: 100vh;
	top: 0;
	bottom: 0;
	visibility: hidden;
	opacity: 0;
	position: fixed;
	background: white;
	z-index: 1000;
	-webkit-transition: opacity 1000ms ease;
	-moz-transition: opacity 1000ms ease;
	-ms-transition: opacity 1000ms ease;
	-o-transition: opacity 1000ms ease;
	transition: opacity 1000ms ease;
}

.leaflet-container {background: #fcfcfc;}

#rpk-finder-modal {
	}

.rpk-finder-modal-button {
	position: fixed;
	top: 15px;
	right: 15px;
	text-align: right;
	z-index: 1001;
	width: 35px;	
	height: auto;
}	

.rpk-finder-modal-button svg {

}	

.hasSub {cursor: pointer;}

.map-toggle {cursor: pointer;}

#einleitung {

}

.lightgreybg {
	background: #fafafa;
}

.bundesland {
	margin-bottom: 50px;
}

.bundesland p {
	margin-bottom: 10px;
}

.page-id-349 a {color: #0094D3;}

.btn {
	background: #0094d3; 
	color: #ffffff; 
	padding: 10px 15px 10px 15px; 
	text-transform: uppercase;
	}


.btn.focus, .btn:focus, .btn:hover {
		color: #0094d3 !important;
	background: white !important;  
}

.loop-title {
	margin: 0;
	font-size: 19px;
	}

.swiper-container {

}

.swiper-slide {
	width:100%;
	height:75vh;
}

.beitrag-thumbnail {
	margin-bottom: 15px;
}

.bundesland h2 {color: #0094d3;}

.h75vh {
	height: 75vh;
}

.ih {
		height: 75vh;
}

.inhalt p a {
	font-style: italic;
}
	
p a:hover {
		
	}
	
.stelle {
	padding: 15px;
	border: 2px solid #0094d3;
}