/*
 Theme Name:   Steigerwald Reparaturservice 
 Description:  Heimtrainer Support
 Author:       Ilonka Hobbach
 Author URI:   https://www.web-design-ip.de
 Version:      1.0
 Text Domain:  
*/

/* oswald-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald-v57-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/oswald-v57-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v57-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/oswald-v57-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/oswald-v57-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/oswald-v57-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/oswald-v57-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/oswald-v57-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v57-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/oswald-v57-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/oswald-v57-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/oswald-v57-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts//lato-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts//lato-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts//lato-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts//lato-v25-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts//lato-v25-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts//lato-v25-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('fonts//lato-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts//lato-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts//lato-v25-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts//lato-v25-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts//lato-v25-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts//lato-v25-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts//lato-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts//lato-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts//lato-v25-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts//lato-v25-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts//lato-v25-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts//lato-v25-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}


/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}


body {
	color: #000000;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	margin:0;
	font-size: 14px;
}
/*Baustelle Banner*/
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 0;
  background-color: #fff;
  border-radius: 0;
}
.site{
	min-height:500px;
}
.seite {
  width: 100%;
  margin: 0;
  padding: 0;
}
h1, h2, h3{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 600;
}
h1 {
	font-size: 48px;
}
/* beitrag h1 */
.entry-title{
	font-size: 40px;
	color:#2a4b28;
}
h1.secgru {
	font-size: 50px;
	margin-top: 2.5rem;
	margin-bottom:0;
	line-height: 2.8rem;
}
@media (max-width: 766.98px) {
	h1.page-title {
	  font-size: 50px;
	  margin-top: 2.0rem;
	  margin-bottom:10px;
    }
}
h2{
	font-size: 40px;
	margin-top: 2.5rem;
}

h2.secgru{
	font-size: 36px;
	margin-top: 2.5rem;
	margin-bottom:1.0rem;
	line-height: 2.4rem;
}

h3{
	margin-bottom:1.0rem;
	line-height: 2.4rem;
	color: #ff8f15;
}

h3.gedreht{
	font-family: 'Montserrat';
	font-size: 24px;
	font-weight: 400;
	margin-bottom:1.0rem;
	line-height: 2.4rem;
	color: #ff8f15;
}
h4.vorstand{
	font-size: 20px;
	font-weight: 600;
	padding-top: 16px;
	padding-bottom:10px;
	width:100%;
    background:#fff;
}
.weiss{color:#ffffff;}
.gruen{color:#2a4b28;}
.gruen-dunkel{color:#3d676a;}
.hellgruen{color:#77875c;margin-bottom: 0.8rem;}
.weinrot{color:#573156}
.tuerkis{color:#68a0a3}
.orange{color:#ff8f15}
.grau-d{color:#575756}
.bor-was{
	border:4px solid #68a0a3;
	padding:0 3% 10px 3%;
	margin-top:5%;
}
.zukunft{color:#305658;}
.foerder{color:#525873;}
.news{color:#305658;}
.texcenter{
	text-align:center;
}
strong {
  font-weight: 600;
}
a {
	color:#ff8f15;
	text-decoration: none;
	background-color: transparent;
}
a:hover{
	color: #ffa41f;
}
a.download{
	color:#ff8f15;
	word-break: break-all;
    width:400px; 
}
a.download:hover{color:#585e78}
.pdf{
	border:2px solid #77875c;
	padding:4px 10px;
	color:#77875c;
	font-weight: 600;
	font-size: 14px;
}
.pdf:hover{
	background:#77875c;
	color:#fff;
}
hr.ford{
	border-top: 1px dashed #2a4b28;
}
.textwidget{
	color: #ff8f15;
	font-size: 80%;
	font-weight: 600;
}
#banner{
	margin: 0;
	padding: 0;
	background:transparent;
	overflow: visible;
}

/* verschiedene Anzeigen des Metasliders
---------------------------- */
@media (max-width: 575.98px) {
	.slider-big{
		display: none;
	}
}

@media screen and (min-width:576px){
	.hidden-mobile {
		display: none;
        }
}

#site-image{
	margin-top:0px;
	padding-top:0;   
	background-repeat:no-repeat;
}
.ohne-image{
	padding-bottom:2%;
}
@media screen and (min-width:320px) and (max-width:766px){
	#site-image{
		height: auto;
		min-height:160px;
		background-position: 4% 0 ;
		background-size: cover;
	}
	.img-uebe{
		width:100%;
		margin-left: auto;
		margin-right: auto
	}
}
@media screen and (min-width:767px){
	#site-image{
		height: 340px;
		background-position: left 50%;
		padding-bottom:2%
	}
	.img-uebe{
		display: block;
		margin-left: auto;
		margin-right: auto 
	}
}

#beitrag-image{
	margin-top:0px;
	padding-top:0;   
	background-repeat:no-repeat;
}
@media screen and (min-width:320px) and (max-width:766px){
	#beitrag-image{
		height: 280px;
		background-position: 68% -40px ;
		background-size: cover;
	}
}
@media screen and (min-width:767px){
	#beitrag-image {
		height: 280px;
		background-position: center 0px;
	}
}

@media screen and (max-width:766px){
	.grunds{
		background-color:#ffffff;
		border:4px solid #ff8f15;
		margin-right: 15px;
		margin-left: 15px;
		margin-bottom:15px;
		padding:5%;

	}
	.grunds-beitrag{
		background-color:#ffffff;
		border:4px solid #ff8f15;
		margin-right: 15px;
		margin-left: 0;
		margin-bottom:10px;
		padding:5%;

	}
}
@media screen and (min-width: 767px){
	.grunds {
	  background-color: #ffffff;
	  border: 4px solid #ff8f15;
	  margin-right: 0;
	  margin-left: 0;
	  margin-bottom:6%;
	  padding: 3%;
	}
	.grunds-beitrag {
	  background-color: #ffffff;
	  border: 4px solid #ff8f15;
	  margin-right:0;
	  margin-left: 0;
	  margin-bottom:3%;
	  padding: 15px;
	}
}

/* btn-vereint
---------------------------- */
.btn-vereint {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-size:30px;
	color: #ffffff;
	background-color: #77875c;
	border-color: #77875c;
	border-radius: 0;
	padding:2px 14px 0 14px;
	margin-top:6px;
}
.btn-vereint:focus {
	color: #77875c;
	background-color: #ffffff;
	border-color: #77875c;
}
.btn-vereint:hover {
	color: #77875c;
	background-color: #ffffff;
	border-color: #77875c;
}
.btn-vereint:active {
	color: #77875c;
	background-color: #ffffff;
	border-color: #77875c;
}



/* default
---------------------------- */
.btn-default {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-size:20px;
	color: #000;
	background-color: #fff;
	border-color: #2a4b28;
	border-radius: 0;
	padding:3px 10px;
}
.btn-default:focus {
	color: #000;
	background-color: #e6e6e6;
	border-color: #2a4b28;
}
.btn-default:hover {
	color: #fff;
	background-color: #b5cf99;
	border-color: #2a4b28;
}
.btn-default:active {
	color: #000;
	background-color: #e6e6e6;
	border-color: #000;
}
/*Farben Button*/
.btn-zukunft{
	color: #305658;
	background-color: #fff;
	border-color: #305658;
}
.btn-zukunft:hover,
.btn-zukunft:focus,
.btn-zukunft:active,
.btn-zukunft:hover:active {
  background-color:#68a0a3;
  color:#fff;
}

.btn-foerder{
	color:#525873;
	background-color: #fff;
	border-color:#525873;
}
.btn-foerder:hover,
.btn-foerder:focus,
.btn-foerder:active,
.btn-foerder:hover:active {
  background-color:#525873;
  color:#fff;
}
.btn-news{
	color:#305658;;
	background-color: #fff;
	border-color:#305658;;
}
.btn-news:hover,
.btn-news:focus,
.btn-news:active,
.btn-news:hover:active {
  background-color:#305658;
  color:#fff;
}

/*Listenanzeige*/
.standard-list{
  list-style-type: disc;
  padding-inline-start: 14px;
  -webkit-padding-start: 14px;
}
ol.f {list-style-type: decimal;}
ul li::marker, 
ol li::marker {
  color: #8CB11C;
}
ul{list-style-type: disc;}
/*footer*/
.footer-top{
	background-color:#000000;
	padding-top:5%;
	padding-bottom:5%;
}
@media only screen and (max-width: 600px) {
    .footer-top{
	   padding-top:30px;
    }
}
.foohom{
	color:#ffa41f;
	font-size:88%;
	padding-top:10px;
}

.foohom:hover{
	color:#ff8f15;
}


/*table Termine*/
.table {
	display: table;
	border: 1px solid #a4a3a3;
	border-collapse:collapse;
	width: 100%;
	margin-bottom:0;
}

.table-row {
	display: table-row;
	border: 1px solid #a4a3a3;
}

.table-cell {
	display: table-cell;
	border: 1px solid #a4a3a3;
	background:#fff;
	padding: 15px;
}

.thead {
	font-weight: bold;
}

/* unterschiedliche Farben Vorstand*/
.thgruen {
  background:#a6b6b7;
}
.tabgruen{
	border:0px solid #000;
	padding:0;
	background:#305658;
}
.thlila {
  background: #b9bbc7;
}
.tablila{
	border:8px solid #979aab;
	padding:0;
	background: #979aab;
}
.tablila h3{
  padding-top:3%;
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 1.0rem;
  line-height: 2.4rem;
  color: #ff8f15;
}
.tablila p{
	line-height:0.6;
}
 @media only screen and (max-width: 800px) {
	.table {border:none;}
	
	.table-row,
	.table-cell {
		display: block;
		border: 1px solid #a4a3a3;
	}
	
	.table-row { margin-bottom: 20px; } /* abstand Boden bei Ansicht untereinander*/
	
}