/* 
 Theme Name:   2012 Child
 Theme URI:    
 Description:  Twenty Twelve Child Theme
 Author:       Heiko
 Author URI:   http://asbest-beratung.de
 Template:     twentytwelve
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html


 /* == Add your own styles below this line ==
  * 
  * farben: #1a5784 Capriblau
  * 		#216da5 Capriblau 25% heller
  * 		#0d5991 Capriblau 25% gesättigt
  * 		#255579 Capriblau 25% entsättigt
  * 		#1a5784 #4a7098 #6f8bac #93a7c0 #b7c3d5 #dbe1ea Capriblau Abstufungen nach weiß
--------------------------------------------*/

/* DRAW ATTENTION PLUGIN */

/* hotspot images in Draw Attention Bildunterschrift
 * in drawattention/public/views/shortcode_template.php
 * folgenden Code nach erstem hotspot-thumb Abschnitt in 234 einfügen
 * 
<div class="hotspot-thumb-caption">
    <p>
	<?php 
		$image = $hotspot[ 'detail_image' ];
		$image_id = attachment_url_to_postid($image);
		$caption = get_post($image_id)->post_excerpt;
		echo $caption;
	?>
    </p>
</div>	
*/
/* ---------------------------------------------*/
/* PM Pro PDF Invoices Plugin

/*in pdf invoices ändern ab Zeile 193 (Billing data)
 * 
 // Build the string for billing data.
	if ( ! empty( $order->billing->name ) ) {
		//$billing_details = "<p><strong>" . __( 'Billing Details', 'pmpro-pdf-invoices' ) . "</strong></p>";
		$billing_details .= "<p>" . $order->billing->name . "<br>";
		$billing_details .= $order->billing->street . "<br>";
		$billing_details .= $order->billing->zip . " " . $order->billing->city . "</p>";	//" (" . $order->billing->state . "), " . $order->billing->country . "<br>";
		//$billing_details .= $order->billing->phone . "</p>";
	} else {
 * 
 * 
 * Zeile 236:
 * '{{membership_description}}' => $order_level->description ?: '',
 * 
 * 
 * Zeile 297:
 * $dompdf->set_paper('a4', 'portrait');
 * 
 * 
 * Zeile 340:
 * $order->total = 1;	//$order->InitialPayment;
 * 
 * 
 * Zeile 902:
 * Regenerate PDF invoice when an order is updated
 *
 * @since 1.9
 * Funktionauskommentieren!!!
 * /

@import url(fontawesome/css/all.min.css);

/*@import url(bootstrap/css/bootstrap.min.css);*/

@font-face {
	font-family: Special Elite;
	src: url('fonts/SpecialElite.ttf') format('truetype'),
		url('fonts/SpecialElite.woff2') format('woff2'),
		url('fonts/SpecialElite.woff') format('woff');
	font-style: normal;
}

.arial {
	font-family:Arial;
}

#page {
	background-color: rgba(255, 255, 255, 0.8);	/*#fafafa;*/
	max-width: 1280px !important; /*1040px;*/
}

#title_subtitle {
	float: left;
}

#subtitle {
	padding-top: 25px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #1a5784;
}


#header-widget-area {
	float:right;
	text-align: right;
	margin-top: 18px;
}

#search-2 {
	margin-top: 24px;
}

p {
	margin-top: 6px;
	margin-bottom: 12px;
}

h1, h2, h3, h4 {
	color: #1a5784; /*Capriblau*/
	font-weight: bold;
}

hr {
	height: 10px !important;
	min-width: 100%;
	background: transparent;
	background-image: url('img/linie.png') !important;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 1.714285714rem;
}

.entry-header .entry-title {
	font-weight: bold;
	color: #1a5784; /* Capriblau*/
	font-size: 24pt;
	font-family: 'Special Elite';
/*	text-shadow: 2px 2px 2px  grey;*/
}

.entry-content li {
	margin-bottom: 6px !important;
}

.entry-content h1 {
	font-size: 18pt;
	padding-top: 12px;
	font-family: 'Special Elite';
}

.entry-content h2 {
	font-size:16pt;
	font-family: 'Special Elite';
}

.entry-content h3 {
	font-size:12pt;
	/*font-family: 'Special Elite';*/
}

.entry-content th {
	text-transform: none;
}

.single-author .entry-meta .by-author {
	display: contents;
}

/* Breadcrumbs */
#mybreadcrumbs {
	font-size: 10pt;
	margin-top: 8px;
}

/* HEADER IMAGE BILDUNTERSCHRIFT */

.header-image-caption {
	float: right;
	padding-top: -7px;
	padding-right: 2px;
	font-size: 8pt;
	font-style: italic;
	color: #9aa0a7; /* mittelgrau */
}

/* SEITE */

body {
    background-image: url("https://asbest-beratung.de/wp-content/uploads/Aquarellpapier_nahtlos_hintergrund_800px.jpg");
    background-position: left top;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: fixed;
	
	user-select: none;
}

a {
	color: #1a5784; /*Capriblau*/
	text-decoration: underline;
}

a:hover {
	color: #216da5 !important; /*Capriblau 25% heller*/
}

.post-page-numbers {
	margin-right: 5px;
	padding: 3px 8px 3px 8px;
	border: 1px solid silver;
	background-color: #E1E2E5;
	text-decoration: none;
}

.post-page-numbers.current {
	font-weight: bold;
	box-shadow: none;
}

a.post-page-numbers:hover {
	color: #216da5 !important; /*Capriblau 25% heller*/
}

a.post-page-numbers:active {
	outline: none;
}

/* Kommentare */

.comments-area article header {
    margin: 0 0 48px;
    overflow: hidden;
    position: relative;
    background-color: #1a5784; /* Capriblau*/
    color:#FFFFFF;
    padding: 10px;
}

.comments-area article header time {
  text-decoration: none;
  font-size: 12px;
  font-size: 0.857142857rem;
  color: #fff;
}

section.comment-content.comment {
	background-color: #fff;
	padding: 5px;
}

/*a.comment-edit-link {
	border: 1px solid black;
	padding: 5px;
	text-decoration: none;
}*/

a.comment-reply-link {
	border: 1px solid black;
	margin-left: 5px;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}

#commentform .comment-form-url {
	display: none;
}

/*--------------------------IMAGES--------------------*/
/* Kein Zutritt - Asbestfasern */
.wp-image-273,
.wp-image-287,
.wp-image-811,
.wp-image-956,
.wp-image-12291,
.wp-image-3537,
.wp-image-2873 {
  border: none !important;
  box-shadow: none !important;
}


/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	float: left;
	margin: 5px 7px 5px 0px;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.6); /*#E1E2E5; */
	border: 1px solid silver;
	padding: 3px 8px;
}

.wp-pagenavi a:hover {
	background-color: rgba(255, 255, 255, 0.8);
	color: #216da5 !important; /*Capriblau 25% heller*/
	box-shadow: 
		0px 0px 3px rgba(0, 0, 0, 0.4);
}

.wp-pagenavi a:active {
	background-color: rgba(255, 255, 255);
	outline: none;
	-webkit-transform: scale(0.9);
}

.wp-pagenavi a:focus {
	outline: none;
}

.wp-pagenavi span.current {
	font-weight: bold;
	color: #fff; /*#21759b;*/
	text-shadow: 
		0px 0px 0.8px #216da5,
		0px 0px 5px #2ac9fe;
	box-shadow: 
		0px 0px 3px rgba(0, 0, 0, 0.4);
}

.wp-pagenavi span.pages, span.extend {
	box-shadow: none;
}


/* Header logo */

hgroup img{
	display: block;
	float: left;
	margin: 1rem 1rem 0 0;
	width: auto;
}

hgroup img.logo {
	display: block;
    float: left;
    margin: 5px 10px 0px 0px;
    width: auto;
	height: 100px;
}

#logo-right {
	float: left;
}




.hotspot-thumb-caption p {
	float: right;
	width: 100%;
	text-align: left;
	padding-top: 2px ;
	font-size: 8pt ;
	font-style: italic ;
	line-height: 1.5;
	color: #9aa0a7 ; /* mittelgrau */
}
.hotspot-title {
	text-align:left !important;
}

@media (min-width: 900px) {
	.layout-left .hotspots-image-container,
	.layout-right .hotspots-image-container {
		-webkit-flex: 0 0 66% !important;
		flex: 0 0 66% !important;
	}
	.layout-left .hotspots-placeholder,
	.layout-right .hotspots-placeholder {
		-webkit-flex: 0 0 34% !important;
		flex: 0 0 34% !important;
	max-width: 34% !important;
	}
}

/* CONTACT FORM 7 */

/* Form fields, general styles first */
button,
input,
select,
textarea {
	border: 1px solid #a7a7a7;
	border-radius: 0px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}

button,
input {
	line-height: normal;
}

textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}


/* contact form styles */


.wpcf7,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    width: 100% !important;
}

.ab-form {
    width: 80% !important;
	padding: 10px;
	margin-left: 10%;
	background: #f0f0f0;
}

@media only screen and ( max-width: 600px) { 
    .ab-form {
        width: 100%;
    }
}

.ab-form-row {
	width: 100%;
	margin-bottom: 0.5rem;
}

.ab-form-row .wpcf7-form-control {
    width: 100% !important;
	margin-bottom: 0.5rem;
}

.ab-form-column-left {
	padding-right: 1%;
    float: left;
	width: 49%;
	margin-bottom: 0.5rem;
}
.ab-form-column-right {
	padding-left: 1%;
	float: right;
	width: 49%;
	margin-bottom: 0.5rem;
}

.ab-form-column-left-wide {
    float: left;
	padding-right: 1%;
    width: 79%;
	margin-bottom: 0.5rem;
}
.ab-form-column-right-narrow {
    float: right;
	padding-left: 1%;
    width: 19%;
	margin-bottom: 0.5rem;
}
.ab-form-column-left-narrow {
    float: left;
	padding-right: 1%;
    width: 19%;
	margin-bottom: 0.5rem;
}
.ab-form-column-right-wide {
    float: right;
	padding-left: 1%;
    width: 79%;
	margin-bottom: 0.5rem;
}

/*-----------------------------------------------*/

/*------------- Calculated fields form ----------*/
.eingabe input{
  border: 1px solid grey!important;
  color: #1a5784; /* Capriblau*/
  font-weight: bold;
}

.eingabe cff-help-icon::before{
	background: #1a5784 !important; /* Capriblau*/
}

.ausgabe input{
  color: #585858;
  background: #fafafa !important;
}

#fbuilder .section_breaks label { 
  font-size:18px; 
  font-weight: bold;
  color: #1a5784; /* Capriblau*/
}
*#fbuilder .comment_area label {
  color: #1a5784; /* Capriblau*/
}

#fbuilder .uh {
  color: #1a5784 !important; /* Capriblau*/
}

.left_col {
  width: 75% !important;
}

.right_col {
  width: 25% !important;
  float: right !important;
}

.tol_green.comment_area label{
  font-weight: bold !important;
  font-size: 16pt !important;
  color: green !important;
}

.tol_orange.comment_area label{
  font-weight: bold !important;
  font-size: 16pt !important;
  color: orange !important;
}

.tol_red.comment_area label{
  font-weight: bold !important;
  font-size: 16pt !important;
  color: red !important;
}
/*-----------------------------------------------*/

/*------------ TRGS Tabellen --------------------*/

.tabTRGS_A {
	width: 50%;
	text-align: left;
}

.tabTRGS_B-E {
	width: 10%;
	text-align: center;
}

.tabTRGS_B-E .fas {
	color: #1a5784; /* Capriblau*/
	font-size: 12pt;
}
/*--------------ENDE TRGS Tabellen --------------*/



/* bootstrap Cards, accordion */

.card-header {
	border: 1px solid #a7a7a7;
	border-radius: 0px;
}

.btn-link {
  border: none;
  color: #1a5784; /* Capriblau*/
}

.btn-link hover{
  border: none;
  color: #216da5;
}

.btn-link active{
  border: none;
  color: #216da5; /*Capriblau 25% heller*/
}

.btn:hover {
  background-image: none;
  background-color: inherit;
}

.btn:focus {
  box-shadow: none;
}

.fas, .fa {
	padding-top: 4px; /*sonst sind die Icons nicht mittig*/
}


/* BUTTONS */

/* Smooth Button */

.myButton a {
  	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
	color: #5e5e5e; /* dunkelgrau */
	width: auto; /*50%;*/
	float: none;
  	border-radius:4px;
	padding: 5px 15px 5px 15px;
	text-align: left;
	box-shadow: 
		-3px -3px 4px white, 
		3px 3px 4px silver;
}

.myButton a:visited {
  	color: #9aa0a7; /* mittelgrau*/
}

.myButton a:hover {	
	color: #216da5; /*Capriblau 25% heller*/
  	outline: none;
	box-shadow: 
		-1px -1px 3px white, 
		1px 1px 3px silver;
}

.myButton a:active {
  	outline:none;
	box-shadow: 
		inset -3px -3px 4px white, 
		inset 3px 3px 4px silver;
}


/* Apfel Button */

/*.apfelButton a {
	outline: none;
	background: rgba(255, 255, 255, 0.6);
	padding: 7px 12px 7px 12px;
	display: inline-block;
	font-family: arial;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #1a5784;
	text-decoration: none;
	border:1px solid #005078;
}

.apfelButton a i {
	float: right;
	font-size: 10pt;
	padding-left: 10px;
	padding-top: 4px;
}

.apfelButton a:hover i {
	color: #fff;
	text-shadow: 
		0px 0px 0.8px #216da5,
		0px 0px 5px #2ac9fe;
}

.apfelButton a:hover {
	color: #216da5;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 
		0px 0px 3px rgba(0, 0, 0, 0.4);
	-webkit-transform: scale(0.99);
}

.apfelButton a:active {
	outline: none;
	background: rgba(255, 255, 255);
	box-shadow: 
		0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-transform: scale(0.95);
}

.apfelButton a:visited {
	outline: none;
	border:1px solid grey;
}*/

/* Apfel-Button im Absatz */
p.apfelButton {
  line-height: normal;
  margin: 1em 0;
  text-align: inherit; /* oder nichts – WP steuert über style-Attribut */
}

/* Der Link als Button */
.apfelButton a {
  	display: inline-block;
  	/background: rgba(255, 255, 255, 0.6);
	/*background: #adff2f;*/
  	padding: 16px 30px;
  	border: 1px solid #005078;

  	font-family: Arial, sans-serif;
  	font-weight: bold;
  	text-transform: uppercase;
  	font-size: 16px;
  	line-height: 1;

  	color: #1a5784;
  	text-decoration: none;
  	transition: all 0.2s ease;
}

/* Icon (falls verwendet) */
.apfelButton a i {
  	font-size: 12pt;
  	margin-left: 10px;
  	vertical-align: middle;
}

/* Hover / Active */
.apfelButton a:hover {
  	background: rgba(255, 255, 255, 0.8);
  	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  	transform: scale(0.99);
}

.apfelButton a:active {
  	background: #fff;
  	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  	transform: scale(0.95);
}

.apfelButton a:visited {
  	color: #1a5784;
}





/* Spenden-Button */

.wpedon_paypalbuttonimage {
  border: 1px solid grey!important; 
  padding: 10px !important;
  text-transform: uppercase;
  font-weight: bold;
}

.wpedon_paypalbuttonimage:hover {
  color: #216da5; /*Capriblau 25% heller*/
  box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.2);
}

/* Ende Spenden Button */


/*---------------PM Pro Pakete-------------------*/

& .pmpro_section #loginform .login-submit .button {
	color: #1a5784 !important;
}

.pmpro_tabelle_preis {
	font-weight: bold;
	color: #1a5784; /* Capriblau*/
}

.pmpro_btn-select {
	width: auto !important;
	background-color: #E0ECF8 !important;
	border: 1px solid #005078 !important;
	color: #1a5784 !important; /* Capriblau*/
	text-shadow: none !important
}

.pmpro_btn-select:hover {
	background-color: #fff !important;
	border: 1px solid #005078 !important;
	color: #216da5 !important; /*Capriblau 25% heller*/
	text-shadow: none !important
}

.pmpro_btn.disabled {
	border: 1px solid #237f52 !important;
	color: #237f52 !important;
	background-color: #DFF2BF !important;
	text-shadow: none !important
}

.pmpro_account-membership-levelname {
	font-weight: bold !important;
	color: #1a5784; /* Capriblau*/
}

.pmpro_advanced_levels-table .pmpro_btn {
  display: block;
  min-width: 9em !important;
}

.pmpro_level-description .entry-content th {
	text-transform: none !important;
}

.pmpro_level-description {
	font-size: 10pt !important;
}

h2.pmpro_font-large {
	font-size:12pt !important;
}

/*---------------ENDE PM Pro Pakete--------------*/



/*---------------- L E A R N D A S H ------------------------*/

/* Learndash Autor meta */
.single-sfwd-courses .entry-meta,
.single-sfwd-lessons .entry-meta,
.single-sfwd-topic .entry-meta,
.single-sfwd-quiz .entry-meta,
.single-sfwd-assignment .entry-meta {
	display: none;
}

/*Meta Informationen unter Beitragstitel*/
.entry-meta {
    margin-top: 24px;
	font-size: 9pt;
	color: #757575;	/* dunkelgrau */
	line-height: 1.5;
}

/* Als bearbeitet markieren */
.sfwd-mark-complete::after {
	color: #1a5784 !important; /*Capriblau*/
}

/* Progress buttons*/
.ld-button {
    margin: 0;
    border-radius: 3px !important;
    color: #fff !important;
}

.ld-button:hover{
    color: #fff !important;
	text-shadow: 5px white !important;
}

.ld-button .ld-text a:visited{
    color: #fff !important;
}

/* ------------------ LEARNDASH ----------------------*/

.wpProQuiz_button {
	background-color: #1a5784 !important; /* Capriblau*/
	background-image: none !important;
}


/*---------------- Ende L E A R N D A S H -------------------*/


/* --- Timeline slider --- */

.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title:hover .wpostahs-main-title button{ 
	background-color: #1a5784; /* Capriblau*/
}

.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current .wpostahs-main-title button {
    border-color: #1a5784; /* Capriblau*/
    background: #1a5784; /* Capriblau*/
	box-shadow: 4px 4px 2px silver;
}

.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current {
    color: #1a5784; /* Capriblau*/
}

.wpostahs-centent-title {
	color: #1a5784; /* Capriblau*/
}

/*https://asbest-beratung.de/wp-admin/edit.php?post_type=page*/
.wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-centent { 
	text-align: left !important; 
}

.wpostahs-slick-slider .slick-dots button{
	width: 5px;
	height: 5px;
	border: 1px solid #1a5784 !important;
	
}

.wpostahs-slick-slider .slick-dots li.slick-active button {
	background: #1a5784 !important; /* Capriblau*/
	border: 1px solid #1a5784 !important; /*Capriblau*/
	box-shadow: 2px 2px 2px silver;
}

.header-search {
    float: right;
    margin-top: -90px;
}
@media (max-width: 650px) {
    .header-search {
        margin-top:5px;
        text-align:center;
        float:none;
    }
    .main-navigation  {
        clear:both;
    }
}
/* ENDE --- Timeline slider --- */



/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

img.header-image {
	width: 100% !important;
}

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.5;
	color: #757575;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.entry-content dl.gallery-item {
	margin: 0;
}

.gallery-item a,
.gallery-caption {
	width: 90%;
}

.gallery-item a {
	display: block;
}

.gallery-caption a {
	display: inline;
}

.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}

.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* ENDE --- Responsive Images --- */


/* --- Hinweisboxen --- */
.info, 
.success, 
.warning, 
.error, 
.law {
	font-style: bold;
	border: 1px solid;
	border-radius: none;
	margin: 10px 0px 10px 0px;
	padding:10px 10px 10px 20%;
	background-repeat: no-repeat;
	background-position: 5% center;
	background-size: 10%;
	box-shadow: 2px 2px 5px silver; /* x-offset, y-offset, -blur-radius */
}

.info {
	border-color: #1a5784; /* Capriblau*/
	color: #1a5784; /* Capriblau*/
	background-color: #E0ECF8;
	background-image: url('/wp-content/uploads/info.png');
}

.success {
	border-color: #237f52;
	color: #237f52;
	background-color: #F0F4E9;
	background-image:url('/wp-content/uploads/success.png');
}

.warning {
	border-color: #D08900; /*#9d6101;*/
	color: #D08900;
	background-color: #FBF1E5;
	background-image: url('/wp-content/uploads/warning.png');
}

.error {
	border-color: #bb1e10;
	color: #bb1e10;
	background-color: #FBF0F3;
	background-image: url('/wp-content/uploads/error.png');
}

.law {
	border-color: #848484;
	color: #424242;
	background-color: #F0F0F0;
	background-image: url('/wp-content/uploads/law.png');
}

/* ENDE --- Hinweisboxen --- */

/* --- Liste Paragraphen --- */

ol.lawlist{
	list-style-type: '§ ';
}

/* ENDE --- Liste Paragraphen --- */



/* --- NAVIGATION --- */

.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}

#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}

#nav-above {
	display: none;
}

.paged #nav-above {
	display: block;
}

.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}

.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}

.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}

/* ENDE --- Navigation --- */

/* ------------------------------------------------------------------------------- */

/* --- Basic structure --- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}

body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
}

body.custom-font-enabled {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

a {
	outline: none;
	color: #1a5784;
}

a:hover {
	color: #216da5; /*Capriblau 25% heller*/
}


/* Page structure */

.site {
	padding: 0 24px;
	padding: 0 1.714285714rem;
	background-color: #fff;
	max-width: 1280px; /*1040px !important;*/
}

.site-content {
	min-width: 72%; /*67%;*/
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}

.widget-area {
	min-width: 22%; /*28%;*/
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}

/* Header */

.site-header {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}

.site-header h1,
.site-header h2 {
	text-align: left;
	font-family: 'Special Elite';
}

.site-header h1 a,
.site-header h2 a {
	color: #1a5784; /* Capriblau*/
	display: inline-block;
	text-decoration: none;
}


.site-header h1 {
	font-size: 48px !important;
	font-size: 3rem;
	line-height: 1.2;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
}

.site-header h2 {
	font-weight: bold;
	font-size: 24px !important;
	font-size: 1.5rem;
	line-height: 1.1;
	color: #1a5784; /* Capriblau*/
}

.header-image {
	margin-top: 24px;
	margin-top: 1.714285714rem;
}

@media screen and (min-width: 600px) {
	.widget-area {
		width: 22%;
	}
	
	.site-content {
		width: 72%;
	}
}
		
/* Navigation HAUPTMENÜ */

.main-navigation li {
	margin: 0 0 0 0;/*0 35px 0 0 ;*/
	/*margin: 0 4.7rem 0 0 ;*/
	position: relative;	
}

ul#menu-hauptmenue-mit-untermenue.nav-menu {
	padding-left: 0px !important;
}

/*rechtes Element
.main-navigation li#menu-item-1860 {
	margin: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	text-align: right;
	position: relative;	
}*/

.main-navigation a {
	color: #5e5e5e;
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #216da5; /*Capriblau 25% heller*/
	outline: none;
}

/* -- Aussehen Navigationsmenü -- */

@media screen and (min-width: 600px) {
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
  		border-bottom: 1px solid #ededed;
  		border-top: 1px solid #ededed;
  		display: flex !important;
  		justify-content: space-between;
  		width: 100%;
	}
}

	
.main-navigation li ul li a {
	background: #efefefed; /* Hintergrundfarbe um Transparenz ergänzt - HEX Wert ed entspr. ca. Deckkraft 90% */
	border-bottom: 1px solid #ededed;
	display: block;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	padding: 8px 10px;
	padding: 0.571428571rem 0.714285714rem;
	width: 180px;
	width: 12.85714286rem;
	white-space: normal;
}


/* ----------------- Sidebar ------------------ */

/* Überschrift */
.widget-title {
	padding-top: 24px;
	font-size:1em;
	color: #1a5784; /* Capriblau*/
}

/* Suchfeld */
.widget_search form {
	padding-left: 0px;
}

/* Senden Button */
.widget_search#submit {
	float: right;
	padding-left: 8px;
	box-shadow: 
		inset 1px 2px 0px white, 
		-2px -4px 5px white, 
		2px 4px 6px silver; 
	-webkit-transition: box-shadow 0.1s;
}

/* --- Alle Widgets --- */

.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}

.widget-area .widget h3 {
	margin-bottom: 6px;
	/*margin-bottom: 1.714285714rem;*/
	text-align: left;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846; 
}

.widget-area .widget widget_search {
	padding: 5px;
}

.widget-area .widget li{
}

.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.widget-area .textwidget ul,
.widget-area .textwidget ol {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

.widget-area .textwidget li > ul,
.widget-area .textwidget li > ol {
	margin-bottom: 0;
}

.widget-area .textwidget ol {
	list-style: decimal;
}

.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}


/* Schlatflächen Menü rechts. Ohne #secondary gilt Regel für alle Widget areas, auch unten!!! */

/* Menüschaltflächen für Haupmenüs und Custom Menüs */
#secondary.widget-area .widget_nav_menu a {
	/*width: 85%;*/
	display: block;
	outline: none;
	background: rgba(255, 255, 255, 0.6);
	padding: 7px 15px;
	margin: 5px 0px 10px 0px;
	font-family: arial;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color:#7f7f7f;
	text-decoration: none;
	border:1px solid #a7a7a7;
}

#secondary.widget-area .widget_nav_menu a:visited {
	text-decoration: none;
	outline: none;
	color: #9aa0a7;
}

#secondary.widget-area .widget_nav_menu a i {
	float: right;
	font-size: 10pt;
	padding-left: 10px;
	padding-top: 4px;
}

#secondary.widget-area .widget_nav_menu a:hover i {
	color: #fff;
	text-shadow: 
		0px 0px 0.8px #216da5, /*Capriblau 25% heller*/
		0px 0px 5px #2ac9fe;
}

#secondary.widget-area .widget_nav_menu a:hover {
	color: #216da5; /*Capriblau 25% heller*/
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 
		0px 0px 3px rgba(0, 0, 0, 0.4);
	-webkit-transform: scale(0.99);
}

#secondary.widget-area .widget_nav_menu a:active {
	outline: none;
	background: rgba(255, 255, 255);
	box-shadow: 
		0px 0px 6px rgba(0, 0, 0, 0.4);
	-webkit-transform: scale(0.97);
}

/* Seitenleiste für beiträge Archiv / neueste Beiträge */

#secondary.widget-area .widget_recent_entries a:visited {
	color: #9aa0a7;
}

#secondary.widget-area .widget_recent_entries a:hover {
	color: #216da5; /*Capriblau 25% heller*/
	box-shadow: none !important;
}

#secondary.widget-area .widget_recent_entries a:active {
	color: #1a5784; /* Capriblau*/
	box-shadow: none !important;
}

#secondary.widget-area .widget_recent_entries a {
    font-family: arial;
	line-height: 1.5;
	hyphens: auto;
    color: #7f7f7f;
    text-decoration: none;
}

#secondary.widget-area .widget_recent_entries ul {
  list-style-type: circle;
}

#secondary.widget-area .widget_recent_entries [aria-current="page"] {
	color: #1a5784 /* Capriblau*/ !important;
	box-shadow: none !important;
}

#secondary.widget-area .tagcloud a:visited{
	color: #9aa0a7;
}

#secondary.widget-area .tagcloud a:hover{
	color: #216da5; /*Capriblau 25% heller*/
}

#secondary.widget-area .tagcloud a{
	padding: 5px;
	font-family: 'Special Elite';
	line-height: 1.5;
	font-size: auto;
	hyphens: auto;
	color: #7f7f7f;
	text-decoration: none;
}




/*flache Darstellung des Menüpunktes der aktuellen Seite - Abfrage über aria-current="page"*/

#secondary.widget-area [aria-current="page"] {
	color: #21759b !important;
	box-shadow: 
		3px 2px 5px rgba(0, 0, 0, 0.2) !important;	
	-webkit-transform: scale(1.05);
}

#secondary.widget-area [aria-current="page"] i {
	color: white !important;
	text-shadow: 
		0px 0px 0.8px #216da5, /*Capriblau 25% heller*/
		0px 0px 5px #2ac9fe;
}

.widget-area #s {
	width: 60%; /* define a width to avoid dropping a wider submit button */
	box-shadow: 
		inset -2px -2px 3px rgba(255, 255, 255, 0.5), 
		inset 2px 2px 3px rgba(0, 0, 0, 0.1);
	margin-right: 10px;
}

.widget-area #searchsubmit {
	/*width: 25%; /* define a width to avoid dropping a wider submit button */
	/*box-shadow: 
		2px 4px 6px silver; 
	-webkit-transition:box-shadow 0.1s;*/
	float: right;
	width: auto;
	outline: none;
	background: #ECECEC;
	border-radius: 5px;
	padding: 5px 12px 5px 12px;
	display: inline-block;
	font-family: arial;
	font-weight: bold;
	text-transform: uppercase;
	/*font-variant: small-caps;*/
	font-size: 12px;
	color:#7f7f7f;
	text-decoration: none;
	text-shadow:1px 1px 0px #fff;
	border:1px solid #a7a7a7;
	box-shadow: 
		inset 1px 2px 0px white, 
		-2px -4px 5px white, 
		2px 4px 6px silver; 
	-webkit-transition:box-shadow 0.1s;
}

.widget-area #searchsubmit:hover {
	color: #216da5; /*Capriblau 25% heller*/
	box-shadow: 
		inset 0px 1px 1px white, 
		0px -2px 20px white, 
		3px 2px 5px rgba(0, 0, 0, 0.1), 
		3px 2px 10px rgba(0, 0, 0, 0.1);	 
}

.widget-area #searchsubmit:active {
	outline: none;
	box-shadow: 
		inset -1px -2px 0px white,
		inset 0px 1px 2px rgba(0, 0, 0, 0.5), 
		0px -2px 20px white, 
		0px 1px 5px rgba(0, 0, 0, 0.1), 
		0px 2px 10px rgba(0, 0, 0, 0.1);
	/*color: #cceeff;
	text-shadow: 0 0 4px #34bcfa;*/
	background:-webkit-linear-gradient(top, #d1d1d1 0%,#ECECEC 100%);
}

/*Widget area PMPro Login Feld*/

#secondary.widget-area .widget_pmpro_member_login {
  padding: 7px 15px;
  border: 1px solid #a7a7a7;
  background: rgb(255, 255, 255, 0.6);
}

#secondary.widget-area .widget_pmpro_member_login h3 {
  text-align: left;
}

#secondary.widget-area .input {
  width: 100%;
}

#secondary.widget-area #loginform input {
  max-width: 100%;
}



/* =Main content and comment content, Reihenfolge 1-top, 2-right, 3-bottom, 4-left
 * Margin top geändert, damit Oberkante bündig mit Absatz!!!
---------------------------------------------------------------------------------- */

/* --- Ausrichtung der Beitragsbilder --- */

img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 12px 0; /* top war 12px */
	margin: 0 1.714285714rem 0.857142857rem 0; /* top war 0.857142857rem */
}

img.alignright,
.wp-caption.alignright {
	margin: 0 0px 12px 24px; /* top war 12px */
	margin: 0 0 0.857142857rem 1.714285714rem; /* top war 0.857142857rem */
}

img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 0px; /* top war 12px */
	margin-top: 0rem; /* top war 0.857142857rem */
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}

/* --- TABELLEN --- */

.entry-content td, .comment-content td {
    border-top: 1px solid #ededed;
    padding: 6px;
}


/* --- ENDE Basic Structure --- */

/* --- Footer --- */

footer[role="contentinfo"] {
	box-sizing: initial;
	border-top: 1px solid #ededed;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	max-width: 1280px; /*960px;*/
	max-width: 80rem; /*68.571428571rem;*/
	margin-top: 24px;
	margin-top: 1.714285714rem;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	padding: 1.714285714rem 0;
}

/* ===[ Footer Widget Areas ]=== */

.site-info { 
	clear: both; 
}

/* --- Footer Miniatur-Logo --- */

.site-info img.alignnone {
	height: 10px;
	width: 18px;
}
/* --- ENDE Footer Miniatur-Logo --- */

#footer-widgets {
    width: 100%;
    border-top: none;
}
#footer-widgets li { 
    list-style-type: none;
}

	

/* --- Footer widgets --- */
@media screen and (min-width: 960px) {

.site {
	max-width: 1280px;
	max-width: 80rem;
	}
	
.widget-left {
    float: left;
    margin-right: 3.5%;
	width: auto;
/*    width: 51%; */
    clear: none;
	}
	
.widget-center {
    float: left;
	width: auto;
    /* width: 21%; */
    clear: none;
	}
	
.widget-right {
    float: right;
	width: auto;
    /* width: 21%; */
    margin-left: 3.5%;
    clear: none;
	}
}

/* for IE8 and IE7 */
.ie #footer-widgets.three .widget {
    float: left;
    margin-right: 3.1%;
    width: 29.85%;
    clear: none;
}

.ie #footer-widgets.three .widget + .widget + .widget { margin-right: 3.1%; }

/* ===[ IE Homepage Template Widget fix ]=== */
.ie .template-front-page .first.front-widgets,
.ie .template-front-page.two-sidebars .widget-area .front-widgets {
    float: left;
    margin-bottom: 24px;
    width: 51.875% ;
}

.ie .template-front-page .second.front-widgets { clear: right; }
.ie .template-front-page .first.front-widgets,
.ie .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
    float: right;
    margin: 0 0 24px;
    width: 39.0625% ;
}

.ie .template-front-page.two-sidebars .widget,
.ie .template-front-page.two-sidebars .widget:nth-child(even) { float: none; }
.ie .template-front-page .widget-area { clear: both; }

.ie .template-front-page .widget {
    width: 100% !important;
    border: none;
}

.ie .template-front-page .first.front-widgets { 
	width: 51.875%;
    float: left ;
}

.ie  .template-front-page .second.front-widgets {
    width: 39.0625%;
    float: right ;
}