/**
*  Texte
*/
fieldset {
  padding:20px 0;
  border:0;
}
.contentTableMitteContent,
.contentTablesuchergebnisContent
{
    width:800px;
    float:none;
    margin:50px auto;
    font-size:1.3em;
    line-height:1.5em;
    color:#444;
    -webkit-hyphens: auto; 
    -moz-hyphens: auto; 
    -ms-hyphens: auto; 
    hyphens: auto; 
}
h2.headline 
{
    font-size:5em;
    margin:0 0 90px 0;
    padding:0;
    text-align:center;
    line-height:1.5em;
    color:#333;
    -webkit-hyphens: manual; 
    -moz-hyphens: manual; 
    -ms-hyphens: manual; 
    hyphens: manual; 
}
h3.untertitel 
{
    font-size:2.5em;
    font-weight:normal;
    margin:0 0 25px 0;
    padding:0;
    color:#444;
}
.absatztrenner h2.headline 
{
    font-size:2.5em;
    margin:50px 0 40px 0;
}
.absatztrenner h3.untertitel 
{
    font-size:2.5em;
}
body.body_7728 h2.headline,
body.body_7834 h2.headline,
body.body_7729 h2.headline
{
    font-size:4em;
}
.contentTableMitteContent textarea,
.contentTableMitteContent input[type=email],
.contentTableMitteContent input[type=text] 
{
    width:780px;
    border:1px solid #ccc;
    font-family:Arial;
    font-size:1em;
    padding:10px;
}
.contentTableMitteContent label {
  display:block;
}
.formactions {
  padding:30px 0;
}
.formactions input {
  border:0;
  background:#444;
  border-radius:10px;
  padding:15px;
  color:white;
  box-shadow:0 0 15px #999;
  text-transform:uppercase;
  margin-right:20px;
  cursor:pointer;
}
.body_0 .objectAbsatz {
	position:relative;
}

/**
*   Bilder
*/
div.singleImage 
{
    position:relative;
    float:left;
    margin:10px 35px 50px 0;
    box-shadow:0 0 15px #ddd;
}
div.singleImage img
{
    float:left;
}
div.singleImage_right
{
    float:right;
    margin:10px 0 50px 35px;
}
.singleImageFunctions img 
{
    margin-right:5px;
}
.singleImageFunctions {
	clear:both;
}

/**
*	Kalender
*/

/**
*  Globales Layout
*/
@font-face {font-family:'Baramond';src:url('../fonts/Baramond-Italic.ttf.woff') format('woff'),url('../fonts/Baramond-Italic.ttf.svg#Baramond-Italic') format('svg'),url('../fonts/Baramond-Italic.ttf.eot'),url('../fonts/Baramond-Italic.ttf.eot?#iefix') format('embedded-opentype'); font-weight: normal;font-style: italic;}
@font-face {font-family:'Baramond';src:url('../fonts/Baramond.ttf.woff') format('woff'),url('../fonts/Baramond.ttf.svg#Baramond-Italic') format('svg'),url('../fonts/Baramond.ttf.eot'),url('../fonts/Baramond.ttf.eot?#iefix') format('embedded-opentype');font-weight: normal;font-style: normal;}
@font-face {font-family:'Baramond';src:url('../fonts/Baramond-Bold.ttf.woff') format('woff'),url('../fonts/Baramond-Bold.ttf.svg#Baramond-Italic') format('svg'),url('../fonts/Baramond-Bold.ttf.eot'),url('../fonts/Baramond-Bold.ttf.eot?#iefix') format('embedded-opentype');font-weight: bold;font-style: normal;}
@font-face {font-family:'Baramond';src:url('../fonts/Baramond-Bold-Italic.ttf.woff') format('woff'),url('../fonts/Baramond-Bold-Italic.ttf.svg#Baramond-Italic') format('svg'),url('../fonts/Baramond-Bold-Italic.ttf.eot'),url('../fonts/Baramond-Bold-Italic.ttf.eot?#iefix') format('embedded-opentype');font-weight: bold;font-style: italic;}

#settings {
    width: 30px;
    /*position: absolute;
    right: 20%;*/
	margin-bottom:-8px;
    bottom: 10px;
    cursor: pointer;
}
.clicks_bisher {
	margin-top:20px;
}
.menubutton {
    display: none;
    margin-top: 37px;
}
.fuss {
	width:100%;
	height:200%;
	float:none;
	display:block;
}
#ppreverbindex {
    list-style-type: none;
    margin:5px 0;
    padding:0;
    display:none;
}
#ppreverbindex li {
    display:inline-block;
    margin:0;
    padding: 10px;
    color:#637eda;
    cursor: pointer;
}
#ppreverbindex li:last-of-type {
    display:none;
}
#ppreverbindex li:active {
    font-weight: bold;
}
.midisettings {
    display: none;
}

#installbutton{
	box-sizing:border-box;
    display: none;
    width: 280px;
    background: #666;
    color: #fff;
    padding: 10px;
    margin: 0 auto;
    border-radius: 10px;
    position: fixed;
    left: 20px;
    z-index: 10;
    margin-left: 0;
    bottom: 20px;
}
#cookiewarning {
	width: 47%;
	height:auto;
	position: fixed;
	bottom:0;
	left:50%;
	margin-left:-25%;
	z-index:3;
	padding:1.5%;
	background: rgba(0,0,0,0.7);
	color:#fff;
	line-height:1.3em;
}
#cookiewarning a {
	color:#fff;
	text-decoration: underline;
}
#cookiewarning b {
	color:#fff;
}
#cookiewarning a.ok {
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}
body,html 
{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    background:#fff;
	will-change: background-color;
    transition: background-color 2s linear;
    color:#334;
    font-size:1em;
    line-height:1.4em;
    font-family:Baramond,Serif;
}
a 
{
    text-decoration:none;
    color:#637eda;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.singleImageFunctions {
    padding:3px 10px;
    color:#444;
    background:#fff;
}
#pploading {
    background:url("../images/icons/Gear.gif") no-repeat #fff;
    background-position: 15px 50px;
    color:#333;
    padding:30px 30px 30px 100px;
    box-shadow: 0 0 15px #333;
    max-width:300px;
    position: absolute;
    top:200px;
    left:50%;
    margin-left:-150px;
    z-index: 3;
    display:none;
}
#ppcurrentnote {
	position: absolute;
	background:rgba(0,0,0,0.5);
	color:#fff;
	font-size:6em;
	padding:20px;
	top:220px;
	display:none;
	line-height: 1em;
	left:0;
}
#donate-button-container {
    max-width: 1000px;
    margin: 0 auto;
    text-align: right;
}
a.ppp, a.pps, a.ppp2 {
    display: inline-block;
    padding: 10px 12px 5px 12px;
    width: auto;
    max-height: 200px;
    box-sizing: border-box;
    text-align: center;
    color:#333;
}
a.ppp img,
a.pps img,
a.ppp2 img {
    width:auto;
    max-height:180px;
    margin:0;
    padding:0;
    clear: both;
}
div#ppfastdiv {
    margin:10px auto;
    max-width:500px;
}
table#ppdisplay {
    display:none;
    font-size:0.5em;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding:15px;
    box-shadow: 0 0 15px #333;
    margin:20px auto;
}
#ppdisplay tr.active {
    background-color:#ccc;
}
table#ppdisplay td {
    padding:0 1.5px 0 0;
}
td.pp_color_1 {
    background-color:#ccdf9d;
}
td.pp_color_2 {
    background-color:#ffcc00;
}
td.pp_color_3 {
    background-color:#ff6600;
}
#ppdisplay tr td.active {
    background-color: #333;
    color:white
}
#utctime {
	display:none;
	clear:both;
	margin:30px auto;
	max-width:75%;
	border-radius:5px;
	padding:5px;
	box-sizing: border-box;
    text-align: center;
    font-size:2em;
    line-height: 1.4em;
    background:transparent;
}
#ppdebug {
    width: 960px;
    background: #eee;
    padding: 15px;
    text-align: center;
    border: 1px solid black;
    margin: 0 auto;
    box-shadow: 0 0 15px #333;
    display:none;
    margin-bottom: 15px;
}
div.ppframe {
    width:1000px;
    margin:30px auto;
    display:block;
    text-align: center;
    position: relative;
}
div.head 
{
    width:1000px;
    float:none;
    margin:0 auto;
    padding:20px 0;
    height:auto;
    border-bottom:1px solid #ccc;
    position:relative;
}
img.Logo 
{
    float:left;
    margin:20px 50px;
	width:100px;
}
.head form 
{
    display:block;
    padding:0;
    margin:0;
    position:absolute;
    top:0;
    right:0;
}
#log {
    font-family: monospace; 
    white-space: pre-wrap;
}
#ppsettings {
    bottom:-460px;
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    gap: 1%;
    text-align: left;
    padding: 0;
    box-shadow: 0 0 15px #333;
    position: absolute;
    z-index: 9;
    width: 80%;
    background: #fff;
    left: 50%;
    margin-left: -40%;
    height:0;
    overflow: hidden;
}
#ppsettings>a {
    background:#333;
    color:#fff;
    display:block;
    padding:5px 10px 8px 10px;
    font-size:1.5em;
    margin:0;
    position: absolute;
    top:0;
    right:0;
    z-index:2;
}
#ppsettings>h3 {
    margin:10px;
    padding:0;
    grid-column: 1/-1;
}
.ppreverb {
    display:block;
    margin:20px auto;
    padding:0 10px 20px 10px;
    box-sizing: border-box;
    text-align: left;
    border-right:1px solid #333;
    width:98%;
    position: relative;
}
.ppreverb:nth-of-type(4) {
    border-right:0;
}
.ppreverb h4 {
    margin:4px 0 10px 0;
    padding:0;
}
#ppdaytime,
#ppuserdelta,
#ppuserpdelta {
    max-width: 99%;
    width:99%;
    padding: 5px 0;
    text-transform: uppercase;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 1em;
    border:0;
    border-bottom: 1px solid #333;
    clear: both;
    font-family: Baramond,Serif;
}
#ppuserdelta,
#ppuserpdelta {
    text-transform: none;
    margin-bottom:15px;
}
.ppreverb label {
    clear:both;
    display:block;
    padding:2px 0;
}
.ppreverb label span {
    display:block;
    width:100%;
}
.ppreverb select,
.ppreverb #delay {
    min-width:120px;
}
.ppreverb #delay  {
    width: 100px;
    border: 1px solid #000;
    padding: 5px;
}
.ppreverb select,
.ppreverb select option {
    padding:10px;
}
.suchergebnis {
    display:block;
    max-width:1000px;
    width:90%;
    margin:30px auto;
}
.head form h3
{
    display:block;
    padding:0;
    margin:0;
    overflow:hidden;
    width:30px;
    height:30px;
    background:url("../images/icons/lupe.png") no-repeat;
    text-indent:-1000px;
    cursor:pointer;
    z-index:1;
    position:absolute;
    top:47px;
    right:0;
}
.head form input[type=text],
.head form input[type=number] 
{
    border-width:0;
    font-size:1.5em;
    font-family:Baramond,Serif;
    color:#cccccc;
    width:120px;
    display:none;
    position:absolute;
    top:42px;
    padding:5px;
    right:0;
    z-index:2;
}
#pponblur {
    position: fixed;
    display:none;
    top:200px;
    left:50%;
    width:300px;
    margin-left:-150px;
    box-shadow: 0 0 15px #333;
    z-index:9;
    padding:20px;
    box-sizing: border-box;
    background:#700;
    color:#ffcc00;
    border-radius: 10px;
}
p.buttons {
    text-align: center;
    margin-top:10px;
}
p.buttons input {
    background:transparent;
    color:#ffcc00;
    border:2px solid #fc0;
    border-radius: 10px;
    padding:10px 20px;
    cursor: pointer;
}
p.buttons input.reload {
    color:#700;
    background-color: #fc0;
}
.head form:hover input[type=text],
.head form input[type=text]:focus 
{
    display:block;
}
.head form input[type=text]:focus 
{
    background:#eee;
    color:#333;
}
#thanksforlistening {
    width:96%;
    max-width:640px;
    padding:10px 20px;
    margin:100px auto;
    box-shadow: 0 0 30px #333;
    display:none;
}
.objectAbsatz>.explainbox,
.objectAbsatz>span>.explainbox {
    position: fixed;
    bottom: 2%;
    z-index: 9;
    left: 2%;
    padding: 15px;
    box-sizing: border-box;
    width: 96%;
    background: rgba(0,0,0,0.85);
    color: white;
    box-shadow: 0 0 15px #333;
    display: none;
}
#playstore img {
    max-width: 150px;
    height: auto;
}
.explainthis {
    display: inline-block;
    padding: 3px 10px;
    margin-left: 10px;
    border-radius: 20px;
    color: #333;
    position: absolute;
    top:0;
    right:10px;
    background: #dde;
}
/**
*   Responsive Tablet
*/
@media screen and (max-width: 960px), screen and (max-width:600px) and (orientation:landscape)  
{
    body 
    {
        background-color:#fff;
    }
    a.ppp, a.pps, a.ppp2 {
        top:110px;
    }
    body div.head ul > li a 
    {
        padding:30px 20px;
    }
    body div.head,
    body div.ppframe
    {
        width:100%;
    }
    body div.ppframe {
        margin-top:20px;
    }
    body .contentTableMitteContent, body .contentTablesuchergebnisContent {
        max-width: 100%;
    }
    body table#ppdisplay {
        font-size: 0.0005em;
        max-width: 900px;
        overflow: auto;
    }
    body div.head ul > li 
    {
        position:static;
    }
    body div.head nav ul > li:hover > ul
    {
        display:none;
    }
    body div.head nav ul > li.synapsis_inlinesitemap_inpath > ul,
    body div.head nav ul > li.synapsis_inlinesitemap_inpath:hover > ul 
    {
        display:block;
        max-height:30px;
        opacity:1;
        top:130px;
        left:50px;
        box-shadow:none;
        padding:0;
    }
    body div.head ul > li > ul
    {
        width:800px;
    }
    body div.head ul > li > ul > li 
    {
        clear:none;
        float:left;
    }
    body div.head nav ul > li.synapsis_inlinesitemap_inpath > ul > li a
    {
        padding:0;
        margin:0 20px 0 0;
    }
    body h2.headline,
    body.body_7728 h2.headline, 
    body.body_7834 h2.headline, 
    body.body_7729 h2.headline
    {
        font-size:3em;
        margin:90px 0 70px 0;
        line-height:1.25em;
    }
    h3.untertitel 
    {
        font-size:1.75em;
    }
}

@media screen and (max-width: 680px) and (orientation:portrait) 
{
    body div.ppreverb label {
        display: block;
        clear: both;
        text-align: left;
        width: 77%;
        margin: 0 auto 5px auto;
    }
    body div.ppreverb label span {
        display: inline-block;
        width: 80px;
    }
    body div.ppreverb select {
        min-width: 120px;
    }
    .explainthis {
        margin-left:5px;
    }
    #ppsettings {
        width:100%;
        margin-left:-50%;
    }
    #ppdebug {
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    #settings {
        right:0;
    }
}

/**
*   Smartphone
*/
@media screen and (max-width: 600px) and (orientation:portrait) 
{
	
	#settings {
		width:20px;
	}
    .menubutton {
        display:inline-block;
    }
    .head form h3,
    .head form input[type=text], .head form input[type=number] {
        right:50px;
    }
    body div.head ul {
        clear: both;
        display:none;
    }
    body #pponblur.visible {
        display:block;
    }
    body div.head
    {
        width:96%;
        overflow:hidden;
    }
    body a.ppp, body a.pps, body a.ppp2 {
        top:50px
    }
    body div.ppframe {
        max-width: 96%;
    }
    body table#ppdisplay {
        font-size: 0.0005em;
        max-width: 96%;
        overflow: auto;
    }
    body #utctime {
        margin-top:40px;
        max-width:100%;
        font-size:1.3em;
    }
    body .contentTableMitteContent 
    {
        width:96%;
    }
    body img.Logo 
    {
        margin:20px;
    }
    body div.head ul > li a 
    {
        padding:10px 20px;
        width:260px;
    }
    body h2.headline,
    body.body_7728 h2.headline, 
    body.body_7834 h2.headline, 
    body.body_7729 h2.headline
    {
        font-size:2em;
        margin:40px 0;
        line-height:1.2em;
    }
    body div.head nav ul > li.synapsis_inlinesitemap_inpath > ul, 
    body div.head nav ul > li.synapsis_inlinesitemap_inpath:hover > ul 
    {
        display:block;
        position:static;
        top:auto;
        left:auto;
        width:300px;
        padding:0;
        margin:0 0 20px 0;
        max-height:10000000000px;
        height:auto;
    }
    body div.head nav ul > li.synapsis_inlinesitemap_inpath > ul li, 
    body div.head nav ul > li.synapsis_inlinesitemap_inpath:hover > ul li
    {
        clear:both;
    }
    body div.head nav ul > li.synapsis_inlinesitemap_inpath > ul > li a, 
    body div.head nav ul > li.synapsis_inlinesitemap_inpath:hover > ul > li a 
    {
        padding:0 0 0 20px;
    }
    body article.contentTableMitteContent div.singleImage > a > img,
    body article.contentTableMitteContent div.singleImage > span > a > img 
    {
        max-width:280px;
        height:auto;
    }
    body .contentTableMitteContent textarea,
    body .contentTableMitteContent input[type=text] 
    {
        width:260px;
    }
    body .contentTableMitteContent h2.headline,
    body .contentTableMitteContent h3.untertitel {
        -webkit-hyphens: auto; 
        -moz-hyphens: auto; 
        -ms-hyphens: auto; 
        hyphens: auto; 
    }
    body .contentTableMitteContent textarea,
    body fieldset .formCtl,
    body .contentTableMitteContent input[type=email], 
    body .contentTableMitteContent input[type=text],
    body div.singleImage img,
    body img#Captcha {
        max-width:270px;
    }
    body #pponblur.visible {
        display:block;
    }
    #ppsettings {
        grid-template-columns: 100%;
    }
    .ppreverb {
        border-right-width: 0;
        padding-top:15px;
        padding-bottom:20px;
        margin-bottom: 0;
        border-top: 1px dashed #333;
        display:none;
    }
    .ppreverb:nth-of-type(1) {
        margin-top:0;
        display:block;
    }
    #ppreverbindex {
        display:block;
        clear:both;
    }
    .ppreverb:last-of-type {
        padding-bottom:20px;
        margin-bottom: 20px;
    }
    .explainthis {
        top:15px;
    }
	a.ppp {
		margin-bottom:20px;
	}
	a.ppp2 {
		padding-left:0;
		margin-left:0;
		margin-top:20px;
	}
	.objectAbsatz>.explainbox, .objectAbsatz>span>.explainbox {
		font-size:0.7em;
		line-height:1.2em;
	}
}







/**
*	Textsammlungen
*/
.aktuelles_item  
{
    clear:both;
    margin:30px 0;
}
.homepageNewsblock 
{
    margin-top:70px;
}

/**
*   Adressen
*/

/**
*  Downloads
*/
.contentTableDownloadsContent h2.headline 
{
    font-size:1.5em;
    text-align:left;
}

/**
*	Fotogalerien
*/

/**
*	Funktions-Items (Login-Box etc.)
*/

/**
*   Gästebuch
*/

/**
*   Sitemap
*/

/**
*	Umfragen
*/

/**
*   Impressum
*/

/**
*   Responsive Tablet / Phone
*/

/**
*  Navigation
*/
div.head ul 
{
    list-style-type:none;
    margin:0;
    padding:0;
    display:inline-block;
    width:auto;
}
div.head ul > li 
{
    float:left;
    font-size:1.5em;
    position:relative;
}
div.head ul > li.syn_li_-10 
{
    display:none;
}
div.head ul > li a 
{
    margin:0;
    display:inline-block;
    padding:30px 38px;
    color:#333;
}
div.head ul > li a:hover
{
    color:#637e93;
}
div.head ul > li > ul
{
    position:absolute;
    top:70px;
    left:20px;
    width:auto;
    box-shadow:0 0 15px #555;
    background:#fff;
    padding-top:0;
    padding-bottom:0;
    overflow:hidden;
    max-height:0;
    opacity:0;
    z-index:3;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
div.head ul > li:hover > ul
{
    max-height:700px;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.25s ease-in;
    opacity:1;
    padding-top:20px;
    padding-bottom:30px;
}
div.head ul > li > ul > li
{
    width:auto;
    white-space: nowrap;
    clear:both;
}
div.head ul > li > ul > li a
{
    font-size:0.5em;
    padding:5px 50px 5px 30px;
    width:auto;
    white-space: nowrap;
}
div.head ul li ul li ul,
div.head ul li:hover ul li ul,
div.head ul li:hover ul li:hover ul
{
    display:none;
}
ul li.synapsis_inlinesitemap_inpath > a,
ul li.synapsis_inlinesitemap_inpath > span > a,
ul li.synapsis_inlinesitemap_inpath > span > span > a 
{
    color:#637e93;
}

/**
*	Teaser
*/
p.synapsis_indexedsearch_treffer_nummer,
p.synapsis_indexedsearch_treffer_rubrik,
p.synapsis_indexedsearch_treffer_relevanz 
{
    float:left;
    font-weight:bold;
}
p.synapsis_indexedsearch_treffer_nummer,
p.synapsis_indexedsearch_treffer_relevanz 
{
    width:10%;
}
p.synapsis_indexedsearch_treffer_rubrik 
{
    width:80%;
}
p.synapsis_indexedsearch_treffer_relevanz 
{
    text-align:right;
}
.contentTablesuchergebnisContent img 
{
    float:right;
    margin-left:40px;
}
p.synapsis_indexedsearch_treffer_nummer 
{
    border-radius:15px;
    color:#fff;
    background:#333;
    text-align:center;
    width:35px;
    padding:0;
    margin-right:30px;
}
div.synapsis_indexedsearch_pager 
{
    width:1000px;
    margin:30px auto;
    text-align:center;
}
div.synapsis_indexedsearch_pager div
{
    display:inline-block;
    margin:40px;
    font-size:2.5em;
    color:#ccc;
}
div.syn_textlisteunten 
{
  margin-bottom:30px;
}
div.syn_textlisteunten h2.headline 
{
    font-size:1.5em;
    text-align:left;
    margin:15px 0 15px 0;
}
div.syn_textlisteunten h2.headline a,
div.syn_textlisteunten a.anreisser
{
    color:#333;
}
div.syn_mehrlink {
  text-align:right;
  margin-top:20px;
}