/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*
 Theme Name:     Twenty Eleven Child
 Theme URI:      http://example.com/twenty-thirteen-child/
 Description:    Twenty Eleven Child Theme
 Author:         John Doe
 Author URI:     http://example.com
 Template:       twentyeleven
 Version:        1.0.0
*/

@import url("../twentyeleven/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* =Structure
----------------------------------------------- */
/* =change page-width, standard 1000px

#page {
	margin: 2em auto;
	max-width: 800px;
}
*/
/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #353535;
	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.4;
}
/*
body {
	background: #e5e5e5;
	padding: 9.3em 0em 0em;  oberes padding fuer Boernsen background-Bild damit sichtbar, war9.3em 0 1em
}
.sticky {
	background: #f2f2f2; 
	border: 5px solid #d8d8d8; 
}
*/

body {
	background: #e14d43;
}
#page {
	background: #fff;
	border: 1px solid;
}
#page {
	margin: 0em auto;
	max-width: 1000px;
}
#site-title {background: #f00;}

 #secondary {
	float: right;  /* rechte Spalte, Widgets */
	width: 25%; 
    margin: 0px 4px 0px 0px;
	padding: 0px 4px 0px 0px;
	background: #fff; 
    border-left: solid 1px #f4f4f4;
    -webkit-box-shadow: inset 0px 0px 0px 1px #fff;
}

 Text elements 
p {
	margin-bottom: 0.5em;
}

pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
/* Links */



 /* =Menu ,broadcrumb
-------------------------------------------------------------- */

#access {
	background: #f00; /* Show a solid color for older browsers */
	/*background: -moz-linear-gradient(#f00f00, #f00f00);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f00), to(#f00)); /* older webkit syntax */
	background: -webkit-linear-gradient(#f00, #f00);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 6px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 2px;
	width: 100%;
}
#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a {
    font-weight: normal;
    color: #353535;
    background-color: #ccc;
}
#access a {
    color: #fff;
    font: 15px Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    line-height: 2.2em;
    font-weight: normal;
    padding: 0px 0.8em 1px;
    text-decoration: none;
}
 #access ul ul {
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.4);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 2.5em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 140px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #777777;
}
#access li:hover > a,
#access a:focus {
	background: #e2e2e2; /* Show a solid color for older browsers */
	background: -o-linear-gradient(#777777, #e5e5e5); /* Older webkit syntax */
	background: -webkit-linear-gradient(#777777, #e5e5e5);
	color: #ffffff;
}
   /* =blog-border etc.
-------------------------------------------------------------- */
.hentry,
.no-results {
	border-bottom: 3px solid #ccc;
	margin: 0 0 1.625em;
	padding: 0 0.4em 0.2em;
	position: relative;
}
 /* =content
-------------------------------------------------------------- */

/* Singular content styles for Posts and Pages */
.singular .entry-title {
	color: #b31315;
	font-size: 1.7em;
	font-weight: 400;
	line-height: 1.2em;
}
.entry-title {		/* nicht nur auf (den blog-Seiten??) */
	clear: both;
	color: #353535;
	font-size: 1.7em;
	font-weight: 400;
	line-height: 1.2em;
	letter-spacing: -.2px;
	padding-bottom: 0.1em;
	padding-right: 4px;
	padding-top: 4px;
}
.entry-meta {
	color: #999;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a {
	font-weight: normal;
	color: #999;
}

/*article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
	padding: 10px 0 0;
}*/

/* =Aside
----------------------------------------------- */

/*.format-aside .entry-title,
.format-aside .entry-header .comments-link {
	display: none;
}
.singular .format-aside .entry-title {
	display: block;
}
.format-aside .entry-content {
	padding: 0em;
}
.singular .format-aside .entry-content {
	padding: 1.625em 0 0;
}*/

/* Image borders 
-------------------------------------------------------------- */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #e8e8e8;
	padding: 0px;
	max-width: 97.5%;
}
.wp-caption img {
	border-color: #e8e8e8;
}

/* =footer
-------------------------------------------------------------- */

#colophon {
background: #E3000F;
border-top: solid 0px #000;
}
#text-2 {
margin: 0;
}

#supplementary {
	border-top: 1px solid #ddd;
	padding: 2em 7.6%;
	overflow: hidden;
}

/* Two Footer Widget Areas 
#supplementary.two .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 48.1%;
}
#supplementary.two .widget-area + .widget-area {
	margin-right: 0;
}
*/
/* =widgets
-------------------------------------------- */
.widget-area {
	font-size: 12px;
}
.widget {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	    hyphens: auto;
	clear: both;
	margin: 0 0 1em;
}
.widget-title {
	color: #8a8a8a;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.color-white{ color: #fff;}
.color-black{ color: #000;}
.color-red{ color: #E3000F;}
/* Three Footer Widget Areas */
#supplementary.three .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}

/* Site Generator Line 
------------------------------------*/
#site-generator {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
	padding: 0em 0.5em;
	text-align: center;
}

/* Search Form 
-------------------------------------------------------------- */
#branding .only-search #searchform {
	top: 200px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #ccc;
	border-color: #ccc;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 72%;
}
#branding .only-search #s:focus {
	background-color: #f9f9f9;
}
/* Forms 
-------------------------------------------------------------- */
input#s {
	font-size: 12px;
	height: 18px;
	line-height: 1.2em;
	padding: 5px 10px 4px 28px;
}
/* Intro -um Breite zu vergrößern, margin war -8.9% , padding war 8.9% */
article.intro {
	background: #f9f9f9;
	border-bottom: none;
	margin: -1.855em -8.9% 1.625em;
	padding: 0 2.5%;
}

/* Diverses
-------------------------------------------------------------- */
.shade {
      -webkit-box-shadow: #3377decc 0px 0px 20px;
              box-shadow: #3377decc 0px 0px 20px;
    } 

/* Tooltip-Popover 
-------------------------------------------------------------- */
.close-btn {
	border: none;
	border-radius: 0 0 0 8px;
	background-color: #c82f04;
	color: white;
	cursor: pointer;
	position: absolute;
	right: 0.25rem;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0.25em 0.4em;
	text-align: center;
	top: 0.5rem;
}

#additional-info {
	background: #fffbf0;
	border: thin solid #e7c157;
	max-width: 20em;
	position:absolute;
	margin: 10rem auto;
	padding: 1rem;
}

#additional-info {
	background: #fffbf0;
	border: thin solid #e7c157;
	max-width: 20em;
	position:absolute;
	margin: 10rem auto;
	padding: 1rem;
}

.sr-only:not(:focus):not(:active) {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
/* Noch ein TOOLTIP
-------------------------------------------------------------- */
/*
[popover] {
	background: #fffbf0;
	border: medium solid var(--accentColor);
	max-width: 20em;
	padding: 1rem;
	overflow: unset;
}

 erzeugt ein Dreieck 

[popover]::before {
	content: "";
	--triangle-width: 2em;
	display: block;
	position: absolute;
	left: var(--triangle-width);
	bottom: calc(-1 * var(--triangle-width));
	border-width: var(--triangle-width) calc(0.5 * var(--triangle-width)) 0;
	border-style: solid;
	border-color: var(--accentColor) transparent;
	transition: all 0.5s;
}


h1 {
	margin-bottom: 5rem;
}
*/


/* =rundschau (table boern)
-------------------------------------------------------------- */


/* =rundschau20
-------------------------------------------------------------- */

.mehrspaltig {
	-moz-columns: 3 17em;
	     columns: 3 17em;
	-webkit-columns: 3 17em;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	text-indent: 6%;
}
/*
article.warnung  p {
	-webkit-columns: 3 12em;
	columns:         3 12em;
	 -ms-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;	
}
*/
h2 {
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}

.br-gallery {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 0.5em 1fr;
	grid-template-columns: repeat(2, 1fr); 	
	grid-auto-flow: row;
	gap: 0.5em;
	padding: 0.5em;
	color: #ffffff;
	background: #777777;
}
@media screen and (min-width: 600px) {
.br-gallery {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr;
	grid-template-columns: repeat(4, 1fr); 	
	grid-auto-flow: row;
	gap: 0.5em;
	padding: 0.5em;
	color: #ffffff;
	background: #777777;
	border: 1px solid red;
}
:target	{
	background: -o-linear-gradient(left, rgba(255,92,92,1) 0%,rgba(254,144,144,1) 31%,rgba(254,144,144,1) 31%,rgba(254,187,187,1) 56%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,92,92,1)),color-stop(31%, rgba(254,144,144,1)),color-stop(31%, rgba(254,144,144,1)),color-stop(56%, rgba(254,187,187,1)));
	background: linear-gradient(to right, rgba(255,92,92,1) 0%,rgba(254,144,144,1) 31%,rgba(254,144,144,1) 31%,rgba(254,187,187,1) 56%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
}
	
.br-gallery figure {
	position: relative;
	overflow: hidden;
	margin: 0;
}

.br-gallery figure:before {
	content: "?";
	position: absolute;
	bottom: 1em;
	left: 1em;
	background: white;
	color: black;
	opacity: 0.7;
	width: 1.5em;
	height: 1.5em;
	border-radius: 1em;
	text-align: center;
	font-size: 1em;
	line-height: 1em;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.br-gallery figure:hover:before {
	opacity: 0;
}

.br-gallery figure img {
	width: 100%;
	display: block;
}

.br-gallery > figure > figcaption {
	position: absolute;
	font: bold 1em/150% Arial, Helvetica, san-serif;
	width: 100%;
	text-align: center;
	line-height: 1.2em;
	color: white;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	bottom: -3em;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

figure.mitte figcaption {
	width: 0;
	left: 50%;
}

.br-gallery > figure.rechts > figcaption {
	width: 0;
	bottom: 50%;
	left: 50%;
}

.br-gallery > figure:hover > figcaption {
	opacity: 1;
	bottom: 1px;
	left: 0;
	width: 100%;
}

.br-gallery > figcaption {
	grid-column: 1 / -1;
	text-align: left;
}
.br-gallery a {
	text-decoration: none;
	color: #00ffff;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}
.br-gallery hr { 
	grid-column: 1 / -1;
    width: 90%; 
    height: 2px; 
    margin: 0 auto;
    color: #ffffff;
    background: #ffffff;
}
 /*
.br-gallery p { 
	grid-column: 1 / 2;
    width: 100%;
	background-color: blue;	
    margin: 0 auto;
	padding: 0em;
    color: white;
	font-size: 0.8rem;
	font-weight: normal;
}
 */

/* =20-test----------------- */

.gallery3 {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1em 1fr;
	grid-template-columns: repeat(2, 1fr); 	
	grid-auto-flow: row;
	gap: 0.3em;
	padding: 0.3em;
	color: #ffffff;
	background: #cecece;
}
@media screen and (min-width: 560px) {
.gallery3 {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr;
	grid-template-columns: repeat(2, 1fr); 	
	grid-auto-flow: row;
	gap: 0.3em;
	padding: 0.3em;
	color: #ffffff;
	background: #cecece;
}
}

.gallery3 figure {
	position: relative;
	overflow: hidden;
	margin: 0;
}

.gallery3 figure:before {
	content: "?";
	position: absolute;
	bottom: 1em;
	left: 1em;
	background: white;
	color: black;
	opacity: 0.7;
	width: 1.5em;
	height: 1.5em;
	border-radius: 1em;
	text-align: center;
	font-size: 1em;
	line-height: 1em;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.gallery3 figure:hover:before {
	opacity: 0;
}

.gallery3 figure img {
	width: 100%;
	display: block;
}

.gallery3 > figure > figcaption {
	position: absolute;
	font: bold 1em/150% Helvetica, Arial, Verdana, san-serif;
	width: 100%;
	text-align: center;
	line-height: 1.4em;
	color: white;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	bottom: -3em;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

figure.mitte figcaption {
	width: 0;
	left: 50%;
}

.gallery3 > figure.rechts > figcaption {
	width: 0;
	bottom: 50%;
	left: 50%;
}

.gallery3 > figure:hover > figcaption {
	opacity: 1;
	bottom: 0;
	left: 0;
	width: 100%;
}

.gallery3 > figcaption {
	grid-column: 1 / -1;
	text-align: center;
}
.gallery3 a {
	text-decoration: none;
	color: red;
}

/*Seite 62 in HTML und CSS*/




@media screen and (max-width: 530px){
	main	{
		display: block;
	}
	article	{
		width: auto;
	}
}

/* =rundschau20-Bilduntertitel-feststehend-----*/

:target	{
	background: linear-gradient(to right, rgba(255,92,92,1) 0%,rgba(254,144,144,1) 31%,rgba(254,144,144,1) 31%,rgba(254,187,187,1) 56%); 
}

h2 {
  column-span: all;
}

.mehrspaltig {
	columns: 3 17em;
	-webkit-columns: 3 17em;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.br-galleryf {
	display: grid;
	grid-template-columns: repeat(2, 1fr); 	
	grid-auto-flow: row;
	gap: 0.5em;
	padding: 0.5em;
	color: #ffffff;
	background: #777777;
	text-align: center;
}
@media screen and (min-width: 560px) {
.br-galleryf {
	display: grid;
	grid-template-columns: repeat(4, 1fr); 	
	grid-auto-flow: row;
	gap: 0.5em;
	padding: 0.5em;
	color: #ffffff;
	background: #777777;
	text-align: center;
	border: 1px solid red;
}
}
	
.br-galleryf figure {
	position: relative;
	margin: 0;
}
figure img {
	width: 100%;
	display: block;
}
.br-galleryf > figure > figcaption {
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 1.2em;
	color: white;
	background: rgba(0, 0, 0, 0.3);
}
.br-galleryf > figcaption {
	grid-column: 1 / -1;
	text-align: center;
}
.br-galleryf hr { 
	grid-column: 1 / -1;
    width: 90%; 
    height: 2px; 
    margin: 0 auto;
    color: blue;
    background: #dfac20;
}


/* .gallery4 Bildwechsler mit CSS-animation 2
-------------------------------------------------------------- */
iframe {
	border: none;
}

.gallery4  figure {
	margin: 0.1em;
	padding: 0.1em;
	display: inline-block;
}
.gallery4 {
	position: relative;
	margin: 0em;
	background: none;
	border: none;
}

.gallery4 img {
	padding: 0.1em;
	margin: 0.1em;
	width: 100%;
/* siehe auch Bildwechsler-CSS-animation-4.html.*/
}

.gallery4 figure {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0.1em;
	z-index: 1;
	-webkit-animation: wechseln 15s infinite;
	        animation: wechseln 15s infinite;
}


.gallery4 figure:last-of-type {
	position: relative;
}

.gallery4 > figure figcaption {
	position: absolute;
	left: 1em;
	font-size: 2em;
	font-weight: bold;
	bottom: 0.5em;
	z-index: 2;
	color: white;
}

@-webkit-keyframes wechseln {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes wechseln {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

.gallery4 figure:nth-of-type(2) {
	-webkit-animation-delay: 5s;
	        animation-delay: 5s;
	opacity: 0;
}

.gallery4 figure:nth-of-type(3) {
	-webkit-animation-delay: 10s;
	        animation-delay: 10s;
	opacity: 0;
}


/* Vorstand-Fraktion 2spaltig
-------------------------------------------------------------- */
::before,
::after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box
}
h1 {
	border-radius: 8px 8px 8px;
	border: 1px solid #d5d5d5;
	text-align: center;
	-webkit-box-shadow: rgb(147, 147, 147) 5px 8px 4px;
	        box-shadow: rgb(147, 147, 147) 5px 8px 4px;
	background: #F1F3F4  10px 1px no-repeat;
	padding: 0.2rem;
}

main {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: minmax(20em, 1fr) 0.1em minmax(20em, 1fr);
	grid-template-columns: minmax(8em, 13em) auto;
	grid-gap: 0.5em 0em;
	color: black;
	font: 1em/1.3 Cambria, serif;
}

@media (max-width: 40em) {
	main {
	display: -ms-grid;
	display: grid;
	grid-gap: 0.2em 0em;
	-ms-grid-columns: auto ;
	grid-template-columns: auto ;
	color: black;
	font: 1em/1.3 Cambria, serif;
}
	}

main > section {
	padding: 0.3em 0.5em 0 0.5em;	/*-----war 1rem*/
	background: #e8ecef;
}

main > section > img {
		padding-left: 3% ;
}

.mittig {
	text-align: center;
}

h2 {
	margin: 0 0 1.3rem;
	line-height: 1em;
}

main > header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-column: 1 / -1;
}

main > header > h2 {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
}

main > header > img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 2em;
	        flex: 0 1 2em;
	height: 3em;
	margin-left: 15em;
}


/* Bildergalerie-2, SHTML
/*-------------------------------------------------------------- */

 /* Mobile first - für schmale Viewports*/

.gallery2 ul li {
	margin: 0.1em;
	padding: 0.1em;
}

.gallery2 li {
	display: inline-block;
	list-style-type: none;
	width: 45%;
}

.gallery2 img {
	padding: 0;
	margin: 0;
	width: 100%; /* Bild passt sich an verfügbaren Raum im li ann */

}

.gallery2 button {
	padding: 0.1em;
}
/* Large screens */

@media all and (min-width: 35em) {
	.gallery2 li {
		width: 10em;
	}
	.gallery2 button {
		padding: 0.1em;
		width:10em;
		height: 14em;
		position: relative;
	}
	.gallery2 button img {
		border: 0;
		position: absolute;
		left: 0%;
		top: 0%;
		z-index: 1;
		-webkit-box-shadow: 0;
		        box-shadow: 0;
		width: 10em;
		-webkit-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
	  
	.gallery2 button:hover img {
		border: 1em solid #eee;
		border-radius: 1em;
		position: absolute;
		left: -4%;
		top: -4%;
		width: 200%;
		z-index: 5;
		-webkit-box-shadow: 1px 1px 5px #333;
		        box-shadow: 1px 1px 5px #333;
		-webkit-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
}

/* beschriftung/ Bildtitel-fest
-------------------------------------------------------------- */
/* von rundschau20-Bilduntertitel-feststehend-----*/


h2 {
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}

.mehrspaltig {
	-moz-columns: 3 17em;
	     columns: 3 17em;
	-webkit-columns: 3 17em;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.br-image {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns:  1fr;
	grid-template-columns:  1fr; 	
	grid-auto-flow: row;
	padding: 0.5em;
	color: #ffffff;
	background: #777777;
	text-align: center;
}

/*

@media screen and (min-width: 560px) {
.br-image {
	display: grid;
	grid-template-columns: repeat(4, 1fr); 	
	grid-auto-flow: row;
	gap: 0.5em;
	padding: 0.5em;
	color: #ffffff;
	background: #777777;
	text-align: center;
	border: 1px solid red;
}
}
*/

.br-image figure {
	position: relative;
	margin: 0;
}
figure img {
	width: 100%;
	display: block;
}
.br-image > figure > figcaption {
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 1.2em;
	color: white;
	background: rgba(0, 0, 0, 0.3);
}
.br-image > figcaption {
	grid-column: 1 / -1;
	text-align: center;
}

/* =CONTACT 7 Plugin
-------------------------------------------------------------- */
.wpcf7
{
    background-color: #fff;
    border: 0px solid #f00;
	
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fcfcfc;
    color: #000;
    width: 50%;
	margin-left: 20px; 
}

/* =mystyletest.css -------------
p:first-letter {
	color: green;
	background-color: #ebf5d7;
	}
 light green */

.titleframe {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 1.3rem;
	border: 1px solid  rgb(147, 147, 147);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 0.4rem;
	-webkit-box-shadow: rgb(147, 147, 147) 5px 8px 4px;
	        box-shadow: rgb(147, 147, 147) 5px 8px 4px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 0.2rem;
	background: #F1F3F4  10px 1px no-repeat;
	margin: 12 auto;
	width: 100%;
}
	
/* Images  -------------------------------------aus Original kopiert */
img.alignleft,
img.alignright,
img.aligncenter {
	margin-top: 0.4em;	/* Neu für Fraktion  */
	margin-bottom: 0.4em;  /* Original: margin-bottom: 1.625em;  */
}

.buttonClass {
  font-size:16px;
  font-family:Arial;
  width:140px;
  height:50px;
  border-width:2px;
  color:#14396a;
  border-color:#3866a3;
  font-weight:bold;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow: 6px 5px 5px 1px rgba(155, 155, 155, 0.76);
  text-shadow: 0px 1px 15px #7cacde;
  background:linear-gradient(#63b8ee, #468ccf);
}

.buttonClass:hover {
  background: linear-gradient(#468ccf, #63b8ee);
}