@charset "utf-8";

* {
    box-sizing: border-box;
}

body > * {
    margin: 3px;
    padding: 15px;
    
}

/* CSS Document */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li {margin:0; padding:0; border:0;}

/* Allgemeine Deklarationen */
body {background:#eee;; font-family:Helvetica, Arial, Sans-Serif; font-size:0.8em; font-weight:normal;}
a {color:#006699;text-decoration:none;}

.clear {clear:both;}

/* Ausmaße und Zentrierung der Site */
#page {width:1048px; max-width:100%; margin:0 auto; background:url(pics/bg_page.png) repeat-y; background-color:#FFF;}
.container {overflow:hidden; background-color:#FFFFFF; width:990px; max-width:100%; margin:0px auto; }

/* Meta - Navigation */
#meta {margin:15px 0px 15px 15px;overflow:hidden}
#meta h1{padding:24px 0 0 30px;float:left;}
#meta img {padding:8px 0 8px 10px; float: left;}
#meta #nav {padding:25px 10px 8px 0px; text-align:right;}
#meta #nav a {font-weight: normal; color:#000; text-decoration:none; max-width:100%;}

/* Contentbereich */
#content {padding:15px; margin-top:0px;}

/* Icons */
#icon {padding:0px; margin-top:50px; text-align:center;}

/* Button  */

#link {
text-align:center;
}
		
.button {
 --color: #ffffff;
 padding: 0.8em 1.7em;
 background-color: #006699;
 width:40%;
 border-radius: .3em;
 position: relative;
 overflow: hidden;
 cursor: pointer;
 transition: .5s;
 font-weight: 400;
 font-size: 17px;
 border: transparent;
 box-shadow: 3px 5px 12px silver;
 font-family: inherit;
 text-transform: uppercase;
 color: var(--color);
 z-index: 1;
 margin-top:30px;
}



/* graue Boxen  */
#row-top {padding-top:10px; margin-top:30px;}
#box {float: left; width:210px; height:300px; background-color:#006699;margin:25px 15px 25px;padding-left:0 !important; hyphens: auto; border-radius: 10px 10px 8px 8px; box-shadow: 3px 5px 12px silver;}
#box div {height:160px; }
#box p, #box h3 {padding:5px 8px;}
#box a {color: #ffffff; text-decoration:none;}
#box img {width:210px; heigth:210px; border-radius: 8px 8px 0px 0px;}

/* Text */

#subtext p {padding:10px;}
#subtext h2, #subtext h3 {padding:10px;color:#069;}

/*  RSS-Feed Betriebsräteforum */
.gfc-title {padding:30px 10px !important;color:#069 !important;font-weight:bold !important;font-size:1.4em !important;}
.gfc-results {padding:10px !important;}

/* Content Ende  */

/* Footer */
#footer {width:990px;margin-left:29px;margin-right:29px;height:auto;padding-top:10px;padding-bottom:10px;text-align:center;font-size:0.8em;font-weight:bold;color:#004990;border-top:2px solid #0098d0;}
#footer a:link {text-decoration:none; color:#000;}
#footer a:hover {text-decoration:underline; color:#aaa;}
#footer a:visited  {text-decoration:none;color: #aaa;}

/* Test Akkordeon */
#drawers div { display:none; }
#drawers div.first { display:block; }







/* =========== Responsive Design - Anfang============ */

@media only screen and (max-width: 768px) {
/* For mobile phones: */
.button {width: 90%;}

#box {width:160px; height:250px; margin:25px 10px 25px 10px;}
#box img {width:160px; height:150px; float:left;}
#box h3 {font-size: 95%; padding:5px 8px;}

}


@media 
only screen and (min-device-width : 200px) and (max-device-width : 550px),
only screen and (max-width : 550px),
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5)
{
body {font-size:1em; margin: 0px; padding: 0px;}

#page {width:100%;margin:0;background:none;}

#meta #nav {margin-left:120px;text-align:right;}

#content {background-color:#fff;   overflow: hidden;border:none; }

#icon {background-color:#fff;   overflow: hidden;border:none; }
    
#icon img {width:40px; height:40px;}

#footer {width:100%; margin-left:0px;margin-right:0px;height:auto;padding-top:10px;padding-bottom:10px;text-align:center;font-size:0.8em;font-weight:bold;color:#004990;border-top:2px solid #0098d0;}

}
/* =========== Responsive Design - Ende ============ */


/* =========== Print Design - Anfang ============ */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
}