/*   
Theme Name: brs-mg
Theme URI: https://www.brs-mg.de
Description: Template zur Webeite https://www.brs-mg.de
Version:1.0
Author: Jürgen Olfen
Author URI: https://www.webdesigner-MG.de
*/
@charset "utf-8";
/* CSS Document */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open-Sans-Light';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.Open-Sans-Light { font-family: Open-Sans-Light;}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open-Sans-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.Open-Sans-Regular { font-family: Open-Sans-Regular;}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open-Sans-Medium';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/open-sans-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.Open-Sans-Medium { font-family: Open-Sans-Medium;}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open-Sans-Semibold';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.Open-Sans-Semibold { font-family: Open-Sans-Semibold;}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open-Sans-Bold';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.Open-Sans-Bold { font-family: Open-Sans-Bold;}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open-Sans-Extrabold';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.Open-Sans-Extrabold { font-family: Open-Sans-Extrabold;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	padding:0;		  
}

html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {margin: 0;}
body {color: #64666C; background: #FFF; font-family: Open-Sans-Regular; }

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;}

a { background-color: transparent; text-decoration:none; color:#004F9F; }
a:active, a:hover {outline: 0;}
.refcol {color:#004F9F;}



h1,.h1 { color: #096027; font-family: Open-Sans-Semibold; }
h1,.h1 {  font-size: 30px;}
h1,.h1 {   margin:0; padding:0;}
h2,.h2 {font-family: Open-Sans-Semibold; }
h2,.h2 {  font-size: 24px; }
h2,.h2 {   margin:0; padding:0;}
h3,.h3 {  font-size: 20px ; line-height: 1.6; }
h4,.h4 {  font-size: 1.125rem;}
h5,.h5 {  font-size: 0.875rem;}
h6,.h6 {  font-size: 0.75rem;}

p { margin:0; font-size:20px; line-height: 1.9; }

@media (min-width: 480px) {
}

@media (min-width: 768px) {
}	

@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}

.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}
.text-justify { text-align: justify;}

b, strong { font-family:Open-Sans-Bold; font-size:20px; }

ul,ol {margin-top: 0; margin-bottom: 10px;  }
ul ul,
ol ul,
ul ol,
ol ol {  margin-bottom: 0;}


img { border: 0; }
img { vertical-align: middle;}
img { max-width: 100%;  height: auto;}

hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.clearfix:after { clear:both; display:block; content: ""; height: 0px; visibility: hidden;}

/**************************************************************************************************************** Allgemein */
ul.wp-block-categories  { list-style:none; margin:0; padding:25px 0 10px 0;}
ul.wp-block-categories li { }
ul.wp-block-categories a { color:#CC0000; font-size:20px;}

ul.wp-block-latest-posts  { margin-bottom:20px; }
ul.wp-block-latest-posts li { line-height:1.5; }
ul.wp-block-latest-posts a { color:#CC0000;  font-size:20px;}

@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1200px) {

}
/**************************************************************************************************************** Header */
.header-top {margin-top: 50px}
.header-text {}

.header-slogan {text-align:center; }
.header-logo {text-align:center; }
.header-adresse {text-align:left; }

.header-slogan {float:none;  }
.header-logo { float:none;}
.header-adresse { float:none;}

.header-slogan {padding:10px 10px 0 10px;}
.header-slogan p.head, .header-slogan p.middle, .header-slogan p.end { color:#096027}

.header-slogan p.head {  font-size:28px; }
.header-slogan p.middle {  font-size:20px; }
.header-slogan p.end { font-size:16px; }
.header-logo { padding:20px 50px 0 50px; }
.header-adresse {padding:10px 20px 0 20px; }
.header-adresse p { font-size:16px; }
.header-adresse p.tel { font-size:20px; font-weight:bold }


@media (min-width: 480px) {
.header-top {margin-top: 0}
.header-slogan {padding:10px 30px 0 30px;}
.header-slogan p.head {  font-size:32px; }
.header-slogan p.end { font-size:22px; }
.header-logo { padding:20px 100px 0 100px; }
.header-adresse p { font-size:16px; }
}
@media (min-width: 768px) {
.header-slogan {float:left; }
.header-logo { float:left; }
.header-adresse { float:left; text-align:right;}

.header-slogan {width:33%;}
.header-logo { width:33%; }
.header-adresse { width:33%;}	

.header-slogan {padding:15px 10px 0 10px;}
.header-slogan p.head {  font-size:22px; }
.header-slogan p.middle {  font-size:16px; }
.header-slogan p.end { font-size:18px; }
.header-logo { padding:20px 10px 0 10px; }
.header-adresse {padding:10px 20px 0 0; }
.header-adresse p { font-size:14px; }
}	
@media (min-width: 992px) {

.header-slogan p.end { font-size:14px; }
}	

@media (min-width: 1024px) {
.header-slogan {padding:15px 10px 0 10px;}

.header-slogan p.end { font-size:16px; }
.header-logo { padding:20px 40px 0 40px; }
.header-adresse {padding:10px 20px 0 0; }
.header-adresse p { font-size:16px; }
}
@media (min-width: 1280px) {
.header-slogan {padding:25px 10px 0 10px;}
.header-slogan p.head {  font-size:28px; }
.header-slogan p.middle {  font-size:22px; }
.header-slogan p.end { font-size:18px; }
.header-logo { padding:30px 70px 0 70px; }
.header-adresse {padding:20px 30px 0 0; }
}
@media (min-width: 1440px) {
.header-logo { padding:30px 100px 0 100px; }
}
@media (min-width: 1600px) {
.header-slogan {padding:40px 10px 0 10px;}
.header-slogan p.head {  font-size:32px; }
.header-slogan p.middle {  font-size:24px; }
.header-slogan p.end { font-size:18px; }
.header-logo { padding:30px 130px 0 130px; }
.header-adresse p { font-size:18px; }
}
/**************************************************************************************************************** Navigation */


/*
@media (min-width: 768px) {
nav.top ul ul { position: absolute;  padding: 0; margin: 0; top: -9999px; width:220px; background-color: rgba(255,255,255,.9);
z-index:99;}
nav.top ul ul a {width:200px; line-height:1.5; font-size:18px;}
nav.top ul ul li { float:none; border-right:none; line-height:1.5;}
nav.top ul li:hover ul  {top: 34px;}
}
*/

/**************************************************************************************************************** Navigation  BRS*/
nav { background: #096027; width:100%;}
nav:after { clear:both; display:block; content: ""; height: 0px; visibility: hidden;}
nav.top  {display:none}
@media (min-width: 480px) {
nav.top  { position:relative; display:block}
nav.top  {margin:0 auto; width:100%; text-align:center; }
nav.top a { color:#FFF; line-height:1;}
nav.top ul { font-size:18px; list-style:none; margin:0; }
nav.top ul li { display:inline-block; padding:15px;}
nav.top ul li:hover { padding:15px; background:#57AB27;}
nav.top ul li.current-menu-item { padding:15px; background:#57AB27;}
nav.top li:hover > a, nav.top a:focus { }
nav.top ul ul { position: absolute;  padding: 0; margin: 0 0 0 -15px; top: -9999px; width:220px; background-color: rgba(9, 96, 39,.9);
z-index:99;}
nav.top ul ul li { float:none; border-right:none; line-height:1.5; text-align:left; width:220px;}
nav.top ul ul a { line-height:1.5; font-size:18px;}
nav.top ul li:hover ul  {top: 60px; }
}
@media (min-width: 992px) {
nav.top ul { font-size:22px;}
}

/**************************************************************************************************************** Siedbar Left */
.regular #siteleft { display:none; }
.aktuell #siteleft { display:none; }



.siteleft-aktuell {min-height:0;}

@media (min-width: 768px) {
.siteleft-aktuell {min-height:95px; background-color:#C7DDF4;}

}


@media (min-width: 768px) {

}
@media (min-width: 992px) {
.regular #siteleft { display:block; }
}
@media (min-width: 1200px) {
.regular #siteleft { float: left; width:20%;}
.aktuell #siteleft { float: left; width:20%; display:block;}
}
@media (min-width: 1600px) {
.regular #siteleft {width:25%;}
.aktuell #siteleft { width:25%;}
}

/**************************************************************************************************************** Main */







main li {font-size:18px; line-height: 1.6;}
main p { font-size:18px; line-height:1.6; margin:0; color:	#666 ; padding:0;}
main p a { color: #6F6F6F;}
main p a:hover { color: #C00;}

.regular main { float: none;}
.aktuell main { float: none;}
.main-inner { width:96%; margin:0 auto;}
.main-aktuell { min-height:50px; background-color:#007EC8;}
.main-aktuell  p { color:#FFFFFF; padding:7px 0 0 15px; font-size: 24px;}

main figure { padding: 20px 0 !important;}

.beitrag-title {padding-left:15px; padding-top:15px;}

ul.wppb-tab-nav .wppb-tab-nav-list { font-size:20px !important;}
ul.wppb-tab-nav .wppb-tab-nav-list i{ font-size:20px !important;}
.wppb-tab-nav-list-wrap { background-color:#C7DDF4 !important; }
.active .wppb-tab-nav-list-wrap { background-color:#ccc !important; }

@media (min-width: 480px) {

}

@media (min-width: 768px) {
.regular main { float: none; width:100%;}
.aktuell main { float: left; width:70%;}
.main-aktuell { min-height:65px}
.main-aktuell  p {  padding:7px 0 0 15px; font-size: 30px;}

}	

@media (min-width: 992px) {
.aktuell main { float: left; width:70%;}
.main-aktuell { min-height:75px}
.main-aktuell  p {  padding:7px 0 0 15px; font-size: 36px;}
main li {font-size:20px; line-height: 1.9;}
main p { font-size:20px; line-height:1.9;}


ul.wppb-tab-nav .wppb-tab-nav-list { font-size:18px !important;}
ul.wppb-tab-nav .wppb-tab-nav-list i{ font-size:18px !important;}

}
@media (min-width: 1200px) {
.regular main { float: left; width:60%;}
.aktuell main { float: left; width:60%;}
.main-aktuell { min-height:95px}
.main-aktuell  p {  padding:10px 0 0 15px; font-size: 40px;}

}
@media (min-width: 1600px) {
.regular main { width:50%;}
.aktuell main { width:50%;}


}


.wrapper { margin:0 auto; width:92% !important;}


@media (min-width: 480px) {
}

@media (min-width: 768px) {
.colum-2 { width:70% !important;}
.colum-1 { width:30% !important;}
}	

@media (min-width: 992px) {
.wrapper {width:80% !important;}
}
@media (min-width: 1200px) {
.wrapper {width:80% !important;}
.colum-2 { width:60% !important;}
.colum-1 { width:40% !important;}
}
@media (min-width: 1600px) {
.wrapper {width:70% !important;}
}


/**************************************************************************************************************** Siedbar Right */
.aktuell #siteright  { float:none; width:100%; margin:0;}
.siteright-aktuell {min-height:50px; background-color:#F0F1C5;}
.siteright-inner { padding:0 10px;}

@media (min-width:768px) {
.regular #siteright { float: none;}
.aktuell #siteright  { float: left; width:30%;}
.siteright-aktuell {min-height:65px;}
}

@media (min-width: 992px) {
.regular #siteright { float: none;}
.aktuell #siteright  { float: left; width:30%;}
.siteright-aktuell {min-height:75px;}
}
@media (min-width: 1200px) {
.regular #siteright { float: left; width:20%;}
.aktuell #siteright  { width:20%;}
.siteright-aktuell {min-height:95px;}
}
@media (min-width: 1600px) {
.regular #siteright {width:25%;}
.aktuell #siteright  {width:25%;}
.siteright-inner { padding:0 10px;}
}


/**************************************************************************************************************** Formular */
.konblock { padding:15px;}
.konblock input[type="text"],
.konblock input[type="tel"],
.konblock input[type="email"],
.konblock textarea { 
    background: #e6efe9;
	margin-top:10px;
	padding: 8px 20px 8px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #333;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.17);
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.17);
	border: 1px solid #096027;
	font-size: 15px;
}
.konblock textarea { width:90%; padding:10px; display:inline-block; font-size:18px;}

.konblock input[type="file"] {font-size: 16px;}

.konblock .checkin  { font-size:18px; margin:0 0 15px 0; width: 250px;}
.konblock .checkin-datenschutz { font-size:18px; margin:0 0 15px 0; width: 100%;}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #096027;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  font-size:18px;
}
input:hover[type=button], input:hover[type=submit], input:hover[type=reset] {
  background-color: #FFF; 
  border: none;
  color: #096027;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  font-size:18px;
}




.formout { background:#318429; padding:20px; color:#FFF; border-radius:15px;}
.formout p { color:#FFF;}
.form-block-1, .form-block-2, .form-block-3 { width:100%; }
.form-block-1 p { padding:0; margin:0; color:#000;}
.form-block-1 label { width:40%; padding:10px; display:inline-block; font-size:18px;}
.form-block-2 label { width:90%; padding:10px 10px 10px 0px; display:inline-block; font-size:18px;}
.form-block-2 textarea { width:90%; padding:10px; display:inline-block; font-size:18px;}
.form-block-1 input { width:50%; padding:10px 10px 12px 10px; margin:10px}
.form-block-3 .checkin  { font-size:18px; margin:0 0 15px 0;}
.form-block-3  { }



@media (min-width: 480px) {
}

@media (min-width: 768px) {
}	

@media (min-width: 992px) {


}
@media (min-width: 1200px) {

}


/**************************************************************************************************************** Footer */
footer{ background:#F4F4F4}
.navfooter ul { display:block;}
.navfooter ul li {  font-size:18px; padding: 0px 15px 0px 15px; margin:15px 0; list-style:none;}
.navfooter ul li.menu-item-80 { border-right: none;}
.navfooter ul li a { color:#6A6A6A;}
.navfooter ul li a:hover {color: #C00; }
footer p { font-size:16px; color:#999; padding-bottom:20px;}
@media (min-width: 480px) {
.navfooter ul li { display:inline; }
}

@media (min-width: 768px) {
}	

@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}






/* Vorlage */
@media (min-width: 480px) {
}

@media (min-width: 768px) {
}	

@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}