/**
*  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;}


#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;
    color:#334;
    font-size:1em;
    line-height:1.4em;
    font-family:Baramond,Serif;
}
a 
{
    text-decoration:none;
    color:#8dbe22;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
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;
}
.head form 
{
    display:block;
    padding:0;
    margin:0;
    position:absolute;
    top:0;
    right:0;
}
.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] 
{
    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;
}
.head form:hover input[type=text],
.head form input[type=text]:focus 
{
    display:block;
}
.head form input[type=text]:focus 
{
    background:#ccdf9d;
    color:#333;
}
/**
*   Responsive Tablet
*/
@media screen and (max-width: 960px), screen and (max-width:600px) and (orientation:landscape)  
{
    body 
    {
        background-color:#fff;
    }
    body div.head ul > li a 
    {
        padding:30px 20px;
    }
    body div.head 
    {
        width:900px;
    }
    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;
    }
}
/**
*   Smartphone
*/
@media screen and (max-width: 600px) and (orientation:portrait) 
{
    body div.head
    {
        width:300px;
        overflow:hidden;
    }
    body .contentTableMitteContent 
    {
        width:280px;
    }
    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; 
    }
}