/*   
Theme Name: PAN Standard
Theme URI: http://pan-germany.org
Description: Template für PAN Germany
Author: Marco Heckler
Author URI: http://hecklerundkolb.de
*/


/* Starter Template CSS */
body {
  padding-top: 130px;
  font-family: 'Open Sans', sans-serif !important;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

/*+++++++++ GOOGLE FONTS local ++++++++++++*/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../pan/fonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../pan/fonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pan/fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pan/fonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../pan/fonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pan/fonts/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../pan/fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../pan/fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pan/fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pan/fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../pan/fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pan/fonts/open-sans-v18-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('../pan/fonts/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../pan/fonts/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pan/fonts/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pan/fonts/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../pan/fonts/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pan/fonts/open-sans-v18-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('../pan/fonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../pan/fonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pan/fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pan/fonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../pan/fonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pan/fonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../pan/fonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../pan/fonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pan/fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pan/fonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../pan/fonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pan/fonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}



/*======================================
=            BOOTSTRAP Stuff           =
======================================*/
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

/** misc **/

 .shadow_INACTIVE {
    box-shadow:
    -6px 0 white,         /*Left masking shadow*/
    6px 0 white,          /*Right masking shadow*/
    0 7px 4px -3px rgba(0,0,0,0.2); /*The real (slim) shadow*/
} 

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.btndunkelgruen {
    border-color:#489549;
    background-color: #d7e5d8;
    margin: 10px 0px;
    color:#489549;
}

.bottom25 {
    margin-bottom: 25px;
}

.pancaptionbox {
    margin-bottom: 100px !important;
    height: 300px !important;
    font-size: 1.5em !important;
    font-family: 'Open Sans', sans-serif;
}

.pancaptionbox h3 {
    font-size: 2em !important;
}

.ghost-button {
 color: #009688;
 background: #fff;
 border: 1px solid #009688;
 font-size: 17px;
 padding: 7px 12px;
 font-weight: normal;
 margin: 6px 0;
 margin-right: 12px;
 display: inline-block;
 text-decoration: none;
 font-family: 'Open Sans', sans-serif;
 min-width: 120px;
}

/** Colors **/

.red {background-color: red !important;}
.blue {background-color: blue !important;}
.green {background-color: #489549 !important;}
.grey {background-color: grey !important;}
.white {background-color: white !important;}

.dunkelgruen {background-color: #489549;}
.hellgruen {background-color: #d7e5d8;}

/** Nav 1 **/

.menubox{
    float: right;
    margin-top:-5px;
}

/* top header nav bar which shows items on small mobiles; invisible otherwise */
.navbar-top-header {
	display: none;
	padding-top: 6px;
	position: absolute;
}

/** search form in navbar-top-header */
.navbar-searchform {
	float: right; 
	margin-left: 100px !important;
}

/** position of language selector in navbar-top-header */
.navbar-top-header  p {
	position: absolute;
	padding-top: 4px;
}

/** mobile logo area which is scrollable */
.mobile-logo {
	display: none;
}

/* social media logo in mobile navbar*/
#mobile-logo-menu {
	position: absolute;
	right: 16px;
	top: 102px;
}

/** No list type for lists */
.nav1 ul {
	list-style-type: none;
	float: left;
}

/** Show main menu items horizontally */
.nav1 ul li {
	float: left;
	padding: 2px;
}

/** position menu items with children relative to show the children beneath these parent items */
.menu-item-has-children {
	position: relative !important;
}

/** show sub menu on hover */
.menu-item-has-children:hover .sub-menu {
	display: block;
}

.menu-item-has-children .sub-menu ul {
    position: relative;
    left: 172px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border: 1px solid grey;
    display: block;
}


.current_page_item  a{
	color:#93ca97 !important; 
}

/** style sub menu and set position absolute to show it beneath the parent item*/
.sub-menu  {
    display: none;
    position: absolute !important;
    background-color: #fafafa;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    padding: 4px 10px;   
	float: none;

}

#menu-themen .sub-menu{
    top: 30px;
    left: 0;
}

/** show sub menus vertically */
.sub-menu li {
	display: block !important;
}

.nav1 {
    height: 130px;
    background-color: white;
    border: 0px white;
}

.navi1 {
    float: right;
    margin: 85px -170px 0px 0px !important; /* bei Einfügen von DE|EN Negativwert anpassen! (ca. -110px) */
}

.navi1 a {
    /*text-transform: uppercase;*/
    color: #489549;
    margin-right: 20px;
    font-size: 1.3em;
    font-weight: 600;
}

.navi1 a:hover {
    color:#93ca97; 
    text-decoration: none;
}

/** Change menu container style to show search field on its right side */
.menu-hauptnavigation-container {
	display: inline !important;
	position: relative !important;

}


/** Search field **/

/** Both forms flow right. */
#searchform-full, 
#searchform-middle {
	float: right;
}

#searchform-full{
	margin-left: 25px;
}


#searchform-middle {
	display: none;
	margin-left: 25px;
	margin-right: 20px;
}

/* Search form */
.searchform {
	margin: 0px; 
	padding: 0px;
	margin-top: 2px;
	height: 24px;
	width: 190px;
}

/* Clear floats */
.searchform::after {
  content: "";
  clear: both;
  display: table;
}

/** Search field */
.searchfield {
	font-family: 'Open Sans', sans-serif;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	height: 100%;
	border: 1px solid grey;
	float: left;
	width: 80%;
}

/** Submit button */
.search_submit {
	float: left;
	width: 20%;
	height: 100%;
	background-color: rgb(0,149,68);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid rgb(0,149,68);
	cursor: pointer;
}

.search_submit:hover  {
	background-color: rgb(0,129,48);
	border: 1px solid rgb(0,129,48);
}

/** Flagge & Icons oben rechts **/

.topright {
    float: right;
    height: 30px;
    margin-top: 25px;
}

.topright a {
    color: #333 !important;
}

.topright a:hover {
    color: #489549 !important;
}

/** Nav 2 **/

.nav2 ul li {display: inline;}

.nav2 {
    height: 58px;
    /* margin: -30px 0px 35px 0px; */
    margin: 0px 0px 35px 0px;
    width: 100%;
    font-size: 1.3em;
    color:white;
    font-weight: 600;
    z-index: 999;
}

.nav2 a {
    color:white;
    /* text-transform: uppercase; */
    text-decoration: none;
    letter-spacing: 0.03em;
    padding: 3px 20px;
}

.nav2 li {
    border-right: 1px dotted #93ca97;
}

.nav2 li:last-of-type {
    border-right: none;
}

.nav2 a:hover {
    color: #93ca97;
    text-decoration: none;
}

.nav2container {
    margin-top: 15px;
    margin-left: -20px;
}

#menu-themen .current_page_parent a{
    color: #93ca97;
}

#menu-themen .sub-menu a, #menu-themen .sub-menu a:visited {
   color: #333;
   font-weight: 400;
    font-size: .8em;
    padding: 5px 10px;
    
    display: block;
}

#menu-themen .sub-menu a:hover {
    color: #489549;
}

#menu-themen .sub-menu li {
   border-right: 0px;
    /* border-bottom: 1px lightgrey dotted;*/
    margin: 0;
    padding: 0;
    background-color: #fafafa;
}

#menu-themen .sub-menu li:nth-last-child(1) {
    border: 0px;
}

@media screen and (max-width: 601px){
    
    .menu-item-has-children:hover .sub-menu {
        visibility: hidden;
    }
    }

/** Carousel **/

.item img {
    margin:auto;
}

.carousel-caption {
    margin-bottom: 25px;
}

/** Slider **/

.slider {
	max-height: 400px !important;
	overflow: hidden;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

/**** MAIN CONTENT ****/


/** Left Column **/

.infobox {
    padding: 10px 15px 10px 15px;
    margin-bottom: 15px;
    background-color: #d7e5d8;
}

.infobox a {
    background-color: #489549;
    color: white;
    padding: 3px;
    text-decoration: none;
    margin-top: 30px;
}

.infobox a:hover {
color: #93ca97;
text-decoration: none;
}

.infobox h1 {
    font-size: 2em;
    font-weight: 400;
    color: #489549;
    margin-bottom: 20px;
}


.infobox ul {
    margin-left: 5.3em !important;
    padding-left: 0.3em !important;
}


.placeholder {
    /*text-align: center;*/
    background-color: white;
    border: 1px dotted lightgrey;
    padding: 30px 0px 30px 0px;
    margin: 15px 0px;
}

/** Right Column **/

.breadcrumb {
    padding: 0 !important;
    margin: 0 !important;
    background-color: #fff !important;
}

.breadcrumbblock {
    margin: 0px 0px 25px 35px;
}

.inhaltsblock  {
    margin: 0px 0px 25px 35px;
    padding: 20px;
}

.inhaltsblock hr {
    margin: 40px 0px;
}

.inhaltsblock a {
 word-wrap: break-word !important;
    }

.inhaltsblock h1 {
    font-size: 2em;
    font-weight: 400;
    color: #489549;
    margin-bottom: 20px;
    
}

.inhaltsblock h2 {
    font-size: 1.4em !important;
    color: #489549 !important;
    
}

.inhaltsblock h3 {
    font-size: 1.4em !important;
    color: #333 !important;
    
}

.inhaltsblock h4, .inhaltsblock h5, .inhaltsblock h6 {
    font-size: 1.3em !important;
    color: #333 !important;
    
}


.quellenangaben {
    margin-top: 50px;
    font-size: .9em;
    color: darkgray;
    }

.headline {
    font-size: 1.25em;
    /* text-transform: uppercase;*/
    color: #489549;
    font-weight: 400;
    margin: 0px 0px 10px 35px;
}

.paginierung {
    margin: 30px 0px 35px 50px;
}

.teaser {
    border: 1px solid #d7d7d7;
    margin: 25px 0px 25px 50px;
    padding: 20px;
    /* height: 440px;*/
	height: 440px;
}

/** Medium and less devices */
@media screen and (max-width: 1198px)  {

	.teaser {
	height: 480px !important;
}
	}

.teaser h2 {
    font-size: 1.2em;
    line-height: 125%;
    color: #489549;
    margin: 15px 0px;
}

.teaser a {
    color: #489549; 
    word-wrap: break-word !important;
}

.teaserimg {
    width: 100% !important;
    height: auto !important;
    background-color: /* #efefef */ #fff;
    margin-bottom: 25px !important;
    overflow: hidden;
}



.date {
    
}

.rubrik {
    
}

.rubrik a {
    color: black;
    text-decoration: underline;
}

.rubrik a:hover {
    color: #999;
    text-decoration: none;
}

/**** TAG CLOUD ****/

a.tag-cloud-link {
    color: #333 !important;
    font-size: .85em !important;
}

a.tag-cloud-link:hover {
    color: #489549 !important;
    font-size: .85em !important;
}

/**** FOOTER ****/

.dots {
    background-image: url(_pics/dots_13x7.png);
    background-repeat: repeat-x;
    background-position: center;
    height: 40px;
}

.footer {
    margin-top: 50px;
}

.footer a {
    color: black;
    /* text-transform: uppercase; */
    text-decoration: none;
    line-height: 170%;
}

.footer a:hover {
    text-decoration: none;
    color:  #489549;
}

.icons {
    margin: 25px auto 35px auto;
    text-align: center;
}

.bottom {
    margin: 25px auto 0px auto;
    text-align: center;
    font-size: .85em;
}

.footer ul {
    list-style-type: none !important;
}


/** SEARCH **/

.suchbooox {
    width: 350px !important;
    background-color: aquamarine !important;
}

.suchbox img {
    height:20px !important;
    width: auto;
}

/**** Sub menu topic pages */
.themensubnavi ul {
	padding-left: 15px;
}

/** Hide sub menus by default */
.themensubnavi .sub-menu {
	display: none !important;
}

/** Color selected theme menu item and parent items */
.themensubnavi .current-menu-parent a ,
.themensubnavi .current-menu-item  a ,
.themensubnavi .current-menu-item .sub-menu  .current-menu-item a {
	color: rgb(72, 149, 73) !important;
}

/** But links in sub menu must remain black */
.themensubnavi .current-menu-item  .sub-menu a  {
	color: rgb(0, 0, 0) !important;
}

/** Show sub menu when parent menu item or sub menu item is selected */
.themensubnavi .current-menu-item .sub-menu,
.themensubnavi .current-menu-parent .sub-menu {
	display: block !important;
    position: relative !important;
	box-shadow: 0 0 0 0 !important;
	padding-left: 10px !important;
}

/** Smaller text for sub menu items */
.themensubnavi .sub-menu a {
	font-size: 1em !important;
}


/****** RESPONSIVE ******/

/** adjustments for all, but XL devices */
@media screen and (max-width: 1199px)  {
	
	/* move main menu div upwards to show it in top of the slider */
	.navi1 {
		margin: 38px 0px 0px 0px !important;
		width: 100% !important;
	}
	
	/** 180413 */
	.nav1 ul {
		float: right !important;
	}
	
	/* Show search form in top right div */
	#searchform-middle  {
		display: inline;
	}
	
	/* Hide search form in main menu */
	#searchform-full  {
		display: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px)  {
	.navbar-header {
		/*margin-left: 20px !important;*/
	}
}

/** Medium and less devices */
@media screen and (max-width: 991px)  {

	/* hide main menu */
	.navi1 {
		display: none !important;
	}
	
	/* search field below top right menu items */
	#searchform-middle {
		float: none;
	}
	
	/* gap between search field and top right menu items */
	#searchform-middle::before {
		content: "";
		display: table;
		height: 20px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 991px)  {

	/** Top right container closer to slideshow */
	.topright {
		margin-top: 45px;
	}
}

/* nav2 links for medium devices (tablets, 768px and up) */
@media screen and (min-width: 602px) and (max-width: 991px)  {

	/** smaller font, centered content */
	.nav2 {
		font-size: 1.1em;
		text-align: center;
	}
	
	/* and no padding left to have it centered */
	#menu-themen {
		padding-left: 0px;
	}
}

/* nav2 links for medium devices, smaller width */
@media screen and (min-width: 602px) and (max-width: 689px)  {
	.nav2 {
		font-size: 0.9em;
		padding-top: 4px;
	}
}

/* Small devices (landscape phones, 576px and up, until medium devices) */
@media screen and (max-width: 767px)  {
	
	/** Top right container closer to slideshow */
	.topright {
		margin-top: -5px !important;
	}
}

/** Vertical nav2 links on smaller mobile devices. */
@media screen and (max-width: 601px)  {

	.nav2 {
		text-align: center;
		font-size: 1.3em !important;
		height: 145px;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.nav2container {
		padding-top: -2px !important;
		margin-top: 0px !important;
	}
	
	#menu-themen {
		padding-left: 0px !important;
		padding-right: 0px !important;	
	}
	
	#menu-themen li {
		display: block;
		border-right: 0px;
		border-bottom: 1px dotted #93ca97;
		padding-top: 2px;
		/*padding-left: 17px;*/
	}
	
	#menu-themen li:last-child {
		border-bottom: 0px;
	}
}

/** special adjustment for quite small layouts */
@media screen and (max-width: 430px)  {

	/* reduce with of search form */
	.searchform {
		/*width: 140px;*/
	}
	
	/* less margin for search form container */
	#searchform-middle {
		/*margin-left: 5px;
		margin-right: 0px;*/
	}
	
	/* top right div's container: use as much place as possible on right side */
	.container {
		/*padding-right: 5px !important;*/
	}
}

/** special main navi adjustment for quite small layouts */
@media screen and (max-width: 499px)  {
	
	/* hide other navi components */
	.topright,
	.navbar-header {
		display: none;
	}
	
	/* show navbar top header */	
	.navbar-top-header {
		display: block;
	}
	
	/* reduce width of mbile header holder so it won't lay over the navbar top header */
	.mob-menu-header-holder {
		width: 30% !important;
	}
	
	/* adjust body padding */
	body {
		padding-top: 34px;
	}
	
	/* adjust height of nav bar */
	.nav1 {
		height: 40px !important;
		min-height: 40px !important;
		margin-bottom: 0px !important;
	}	
	
	/** show scrollable logo */
	.mobile-logo {
		display: block;
		height: 100px;
		margin-bottom: 4px;
	}
	
	/** reduce size of logo */
	.mobile-logo img {
		height: 80px;
	}
}

/** on really small screens, reduce left offset of search form*/
@media screen and (max-width: 379px)  {
	
	.navbar-searchform {
		margin-left: 70px !important;
	}
}


.mob-menu-left-bg-holder, .mob-menu-right-bg-holder, .mob-menu-cart-bg-holder {
    background-color: white;
    }

 
img.attachment-dl-image.size-dl-image.wp-post-image {
    border: 1px solid black;
}

/** Formular Veranstaltungs-Anmeldung **/

#wpcf7-f3071-o1 .field>label em {color: black; }
#wpcf7-f3071-o1 .field>label  {margin-bottom: 5px;}

#wpcf7-f3071-o1 .wpcf7-form-control-wrap {margin-bottom: 15px;}