/* 
    Document   : style.css
    Created on : 25.01.2020, 19:48
    Author :  Mischa
    Description:  Stylesheet for main Style.
*/

/* clearfix zum Aufheben der Floatumgebung */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {width: 100%; height: 100%; 
	font: 300 1rem/1.5rem "Roboto";
	color: #2B3035; 
	margin: 0 auto;

text-align: center; 
}

a, a:link, a:visited {color: #03519C; text-decoration: none;}
a:hover {color: #000000;}
img {border: 0px;}


h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', serif; font-weight: 600; margin: 0px; text-transform: uppercase; color: #6F8F00;;}
h1 {font-size: 3.5rem; font-weight: 800;}
h2 {font-size: 3.0rem; font-weight: 600;}
h3 {font-size: 1.5rem;}
strong {background: #2B3035; color: white; padding-left: 5px; padding-right: 5px; }

/* ###  Aufbau ### */
#wrapper {/*max-width: 1020px; */width: 100%; margin: 0 auto; margin-top: 60px; text-align: left; padding: 25px; }
#header {margin: 0px; padding: 0;  position:fixed; top: 0px; z-index: 10000;  }
#header-inner {max-width: 1280px; height: 58px; text-align: left; margin: auto;} 
#title {width: 100%; margin-top: 40px; margin-left: 100px;}
.logo {width: 100%; max-width: 240px; padding-top: 30px;}


 .csc-textpic-text {margin: 0!important;}


table.contenttable.contenttable-1 {width: 100%; font-size: 0.9rem; border-collapse: separate; border-spacing: 1px; margin-bottom: 16px;}
table.contenttable.contenttable-1 td {padding: 2px; }
table.contenttable.contenttable-1 thead th {color: #9141A7; font-size: 1.2rem; font-weight: bold; padding: 7px 5px 7px 5px; } 
table.contenttable.contenttable-1 tbody td {font-weight: normal; padding: 5px 3px 5px 3px; border-bottom: 1px solid #CECECE;}  
table.contenttable.contenttable-1 tr {background: #F1F1F1;} 
table.contenttable.contenttable-1 td {background: #E8E8E8;} 
table.contenttable.contenttable-1 tfoot td {background: #9141A7; font-size: 1.0rem; color: white; font-weight: normal; padding: 7px 5px 7px 5px; border-bottom: 1px solid #CECECE;} 

/*####### zweite Pulldown #######*/
.pd_menu_meta {height: 40px; float: right; z-index: 9999;text-align: right; margin: 0;} 
.pd_menu_meta  a, .pd_menu_meta a:visited {color: #6ED8FD; text-decoration: none;}

.pd_menu_meta ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_meta ul li {float:left; position:relative; z-index:auto !important ; z-index:1000;}
.pd_menu_meta ul li a {font-size: 1.0rem; color: #ECE5CE; display:block; height:40px; line-height: 40px; padding: 0 8px 0 8px; margin: 0; text-decoration:none;}

/* ## Layer 2.Ebene ## */
.pd_menu_meta ul li ul {display:none; z-index: 9999; color: #BEE7F9; width:280px; padding: 8px 0 8px 8px; background: #6ED8FD;}
.pd_menu_meta ul li:hover a {text-decoration:none; color: #FFFFFF; background: #6ED8FD;} 
.pd_menu_meta ul li:hover ul {display:block; position:absolute; z-index:9999; top:50px; left:0px;}

#mainfooter {width: 100%; min-height: 50px; font-size: 1rem; line-height: 50px; color: #B8B8B7; margin: 1px 0 0 0; background: #181A1B;}
#footerinhalt {min-width: 720px; max-width: 980px; margin: auto; text-align: left; padding: 0 10px 0 10px;}

#lastmodified {width: 100%; font-size: 0.8rem; float: none;}


/* ##### News Bereich ##### */
.news .article.articletype-1, .news .article.articletype-0 {
float: left; margin: 1px; padding:2%;text-align: left;
/*width: 33.3333%;*/ width: 25%; min-height: 300px; overflow: hidden; background: rgba(43,48,53, 1.0);
position:relative; bottom: 0px; z-index: 100;
}

.news .article.articletype-1, .news .article.articletype-0 a:link {color: #FFFFFF;}
.news .article.articletype-1, .news .article.articletype-0 a:visited {color: #FFFFFF;}

.news .article.articletype-1 DIV.header h3, .news .article.articletype-0 DIV.header h3 {font-family: 'Amatic SC', Arial, sans-serif; font-weight: 400; line-height: 2.5rem;}
.news .article.articletype-1 DIV.header h3, .news .article.articletype-0 DIV.header h3 a {color: #ECE5CE; font-size: 2.675rem; }

DIV.news-backlink-wrap a {
background: rgb(111, 113, 99) ;
    border-color: #ECE5CE;
    background-image: none;
    border: 1px solid #ECE5CE;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

DIV.news-backlink-wrap a:visited {color: white;}
div.news-backlink-wrap a:link {color: white;}

DIV.header {min-height: 50px; margin-bottom: 10px; }
DIV.header h3 {color: #2B3035; }
DIV.header h3 a {color: #2B3035;}
DIV.header h3 a:visited {color: #2B3035;}
.newsfooter p {font-size: 1.4rem;}
.teaser-text p.bodytext  {font-size: 1.2rem; line-height: 1.8rem; color: #ECE5CE;}
.teaser-text a:link, .teaser-text a:visited {font-size: 1.0rem; color: #FFB957;}
.teaser-text {color: #ECE5CE; }


.news .article .news-img-wrap a {
    border: 0px solid #FFF;
    display: block;
    float: left;
    padding: 0px;
}
.news-single .article .header h3 {
	font-size: 4.2rem; 
	font-family: 'Amatic SC', Arial, sans-serif; 
	margin: 0.0em 0 0.5em 0; 
	line-height: 5.2rem; 
	padding: 5px 10px 0 0; 
}


.news .footer {border-top: 0px solid #ECE5CE; clear: both; margin-top: 5px; padding: 10px 0 0; display: yes;} 
.news-single .footer {border-top: 1px solid #072241; clear: both; color: #888; margin-top: 15px; padding: 10px 0 0; display: inline;} 

.news .footer p {line-height: 1em; font-size: 0.9rem; font-weight: 300; color: #525448; background: rgba(82,87,206,1.0); border-radius: 3px;  padding: 5px;} 
.news-list-date {color: #FFB957;}
.news-list-category {color: #FFB957;}
.news-list-author {color: white;}

.news-single .teaser-text {float: none;font-size: 1.4rem; line-height: 1.9rem;}
.news-single p {color:#34362C; }
.news-single .article .news-img-wrap .outer {float: right; width: 98%; margin: 0;padding: 0;}
.news-single .article .news-img-caption {background: #FFB957; font-size: 0.9rem; line-height: 1.2rem; padding: 5px 0 5px 10px;}
.news-single .article .news-img-wrap img {border: 3px solid #ECE5CE; border-radius: 0px; box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.6);}

a.more {background: rgba(255,185,87,1.0); border-color: #ECE5CE;position:absolute; bottom: 8px; right: 8px;z-index: 10000; padding: 3px 6px;border-radius: 3px;}
.more:hover {background: rgba(237,101,153,1.0); color: #2B3035;}
a:visited.more {color: #FFB957;}


/* ##### News Bereich ##### */



.hide-desktop {
    display: none ;
}

/* media querie handhelds less than 480px */
@media screen and (max-width: 960px) {
    .hide-mobile {
        display: none;
    }
    .hide-desktop {
        display: block;
    }
	.news .article.articletype-1, .news .article.articletype-0 {float: none; width: 100%; } 


.logo {max-width: 190px; position: absolute; top: 0px; left:10px; z-index: 9999;}

h1 {font-size: 2.2rem;}
h2 {font-size: 1.6rem;}
h3 {font-size: 1.0rem;}
body {font-size: 1.2rem;}

div#maincontent {max-width: 1280px; margin: auto; padding-top: 140px; text-align: center;}
.csc-frame-default {max-width: 1200px; padding: 2%; margin: auto; }
.csc-default {max-width: 1200px; padding: 2%; margin: auto; } 
}

.hidden {display: none;}
main.panel {position: relative;}