/*
 Theme Name:   Verputzer
 Description:  blank
 Author:       Ilonka Hobbach
 Author URI:   https://www.web-design-ip.de
 Version:      1.0
 Text Domain:  
*/

/* poppins-300 - 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: 'Poppins';
	font-style: normal;
	font-weight: 300;
	src: url('inc/fonts/poppins-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-300italic - 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: 'Poppins';
	font-style: italic;
	font-weight: 300;
	src: url('inc/fonts/poppins-v21-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-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: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url('inc/fonts/poppins-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-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: 'Poppins';
	font-style: italic;
	font-weight: 400;
	src: url('inc/fonts/poppins-v21-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500 - 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: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url('inc/fonts/poppins-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500italic - 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: 'Poppins';
	font-style: italic;
	font-weight: 500;
	src: url('inc/fonts/poppins-v21-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-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: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url('inc/fonts/poppins-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600italic - 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: 'Poppins';
	font-style: italic;
	font-weight: 600;
	src: url('inc/fonts/poppins-v21-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-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: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url('inc/fonts/poppins-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body{
	color: #454545;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	margin:0;
	font-size:16px;
  }
  
 /* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.site{
		min-height:650px;
	}
}  
.start{
  margin: 0;
  padding: 0;
}
 
h1, h2, h3{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	color:#9e9e9e; /*grau*/
	line-height: 1.2;
}
ul {
  list-style-type: square;
}
.con-pad-top{
	padding-top:3%;
}
.pad-top{
	padding-top:3%;
}
.pad-bot{
	padding-bottom:3%;
}
.con-pad-bottom{
	padding-bottom:5%;
}
@media (max-width: 799px) {
	.pad-top{
	padding-top:20px;
	}
}

.seo-span{font-weight:700;}
.w-500{font-weight: 500;}
.w-700{font-weight: 700;}
.weiss{color:#ffffff;}
.grau{color:#9e9e9e;padding-top:2%;font-weight: 500;}
.grau-gr{color:#9e9e9e;font-size:19px;font-weight: 500;}
.gelb-gr{color:#fcda0c;font-size:24px;font-weight: 700;}
.gelb{color:#fcda0c;}
.schwarz{color:#000000;}
.schatten-gelb{text-shadow: 0px 1px 1px rgba(0,0,0,0.6);}
.schatten{text-shadow: 0px 4px 5px rgba(0,0,0,0.32);}
.schatten-hell{text-shadow: 0 0 25px rgba(244, 244, 244, 1.0), 0 0 5px rgba(242, 242, 242, 0.9);}
.gross{font-size:18px;}
.gross-mit{font-size:22px;}
.zeile-smal{
  margin-top: 0;
  margin-bottom: 0.2rem;
}
.ueberschr{font-size:28px;font-family: 'Poppins';font-style: normal;font-weight: 400;line-height: 1.2;}
.ganz-gross{font-size:38px;}

.img-float-left{float:left;}
.flolef{float:left;}
h2.fueb-pop{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	color:#454545;
	background-color:#fcda0c;
	padding:2% 3%;
	margin-bottom:3%;
	border-bottom:4px solid #454545;
	width:100%;
	}
h3.fueb-pop{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	color:#454545;
	}
ul.stan{
	list-style-type: square;
	padding-bottom:15px;
}	
ul.stan li{
	padding-bottom:8px;
}	
	
	
@media (max-width: 799px) {
	.page-title{
	  font-size: 2.6rem;
	}
	.row {
	  margin-right: 0px;
	  margin-left: 0px;
	}
	.page-title{
	  margin-right: 15px;
	  margin-left: 15px;
	}
	.ueberschr{}
	.h1, h1 {
	  font-size: 2.1rem;
	}
	.smal-title{
	  font-size: 1.6rem;
	  line-height:2.0;
	}

}
@media (min-width: 800px) {
	.page-title{
	  font-size: 2.8rem;
	}
	.smal-title{
	  font-size: 1.8rem;
	  line-height: 1.4;
	}
}

/*links*/
a{
	color: #454545;
	font-weight: 700;
	text-decoration: none;
	background-color: transparent;
}
a:hover{
	color: #fcda0c;
}


/*link footer*/
#boden a{
  color: #ffffff;
  font-weight: 500;
  padding-bottom: 6px;
}
#boden a:hover{
  color: #fcda0c;
  font-weight: 500;
  padding-bottom: 6px;
}

#boden ul{
  margin-top:0;
  list-style-type: square;
  list-style-position: inside;
  padding-inline-start: 0px;
  -webkit-padding-start: 0px;
}
#boden ul li{
	color:#ffffff;
	font-size:0.9rem;
}
/*Button*/
.btn-info-sec {
  margin-top: 0;
  padding: 0.75rem 1.5rem;
  font-size: 0.65rem;
  font-weight: bold;
  letter-spacing: 0.025rem;
  text-transform: uppercase;
  color: #454545;
  background-color: #ffffff;
  border: none;
  border-radius:0;
}
.btn-info-sec:hover {	
	color: #454545;
	background-color: #fcda0c;
}
.btn-info-sec:focus{
    box-shadow: 0 0 0 0.2rem rgba(90, 84, 85, 0.5);
}
hr{
	border-top: 3px solid #f3f7f7;
}

.gelb-hr{
	border-top: 6px solid #fee100;
}
.gelb-hr-pad-bot{
	border-top: 6px solid #fee100;
	padding-bottom:20px;
}
/*button*/

.btn-outline-warning {
	color: #fcda0c;
	border-color: #fcda0c;
	margin-top:6px;
}
.btn-outline-warning:hover {
  color: #454545;
  background-color: #fcda0c;
  border-color: #fcda0c;
}

input[type="button"], input[type="submit"] {
  background-color: #fcda0c;
  border: none;
  color: #454545;
  padding: 15px 30px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
input[type=button]:hover,
      input[type=submit]:hover {
        background-color: #baaf9d;
		  color:#ffffff;
}
/*single beiträge categorie*/
article{
	padding-bottom:5%;
}
.port-arch{
	padding-bottom:5%;
}
.content-area {
	float: left;
	box-sizing: border-box;
	padding:0;
	margin:0;
	background-color:red;
	width: 70%;
}
.page-header{
	padding:3% 0 3% 0;
}
.arch-header{
	padding:3% 3% 2% 3%;
	border-left:8px solid #fcda0c;
}
.arch{
	padding:3% 0 0 0;
}
.in-arch{
	color:red;
}

.comments-title{font-size:24px;}

/*post nav*/

/* div*/
.nav-links{
	width:100%;
	height:60px;
}
/* zurück*/
.nav-previous{
	width:86px;
	padding:3px 0 2px 10px;
	float:left;
	border:2px solid #454545;
}
/*nächster*/
.nav-next{
	width:78px;
	padding:3px 10px 2px 0;
	float:right;
	text-align:right;
	border:2px solid #454545;
}

.nav-next:hover, .nav-previous:hover{
	color:#fcda0c;
	border:2px solid #fcda0c;
}
.nav-next a, .nav-previous a{
	color:#454545;
}
.nav-next a:hover, .nav-previous a:hover{
	color:#fcda0c;
	 text-decoration:none;
}
/*Sidebar*/
.sidebar {
	background:#dddddd;
}
.sidebar h3{

}
.no-sidebar .content-area {
	float: none;
	padding: 0;
	width: 100%;
}



/*footer style*/
footer{
	clear:both;
}
#boden{
	background-color:#7a7a7a;
}


@media (max-width: 799px) {
	.foo-widg{
		padding:40px;
	}
}
@media (min-width: 800px) {
	.foo-widg{
		padding:20px 0 26px 0;
	}
}	
.footer-widget-1{
	background:;
	color:#ffffff;
	}
.footer-widget-1 img{
	margin-bottom:200px;
	margin-right:16px;
	margin-top:6px;
}
.footer-widget-1 p{
	font-size:14px;
}
.footer-widget-1 p span{
	font-size:16px;
}

.footer-widget-2{
	padding-top:20px;
	}
.widget-title{
  font-family: 'Poppins';
  font-size: 16px;
  color: #fcda0c;
  font-weight: 700;
  padding-bottom: 0;
  margin-bottom: .8rem;
} 
.widget_nav_menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.widget_nav_menu li{
	font-size:0.9rem;
	line-height: 1.6;
	}	
.widget_nav_menu li a{
        /*text-transform: uppercase;*/
	color:#ffffff;
	font-weight:400;
	text-decoration:none;
	}
.widget_nav_menu li a:hover{
	color:#fcda0c;
	font-weight:500;
	}
.footer-widget-3{
	padding-top:20px;
	}
.footer-widget-3 p{
	font-size:14px;
	color:#ffffff;
	line-height: 1.4;
	
}
.footer-widget-3 p span{
        font-size:16px;
	color:#fcda0c;
	font-weight:500;
	padding-bottom:6px;
}
	
.foohom{
	color:#fcda0c;
	font-size:14px;
}
.foohom a{
	color:#fcda0c;
	font-size:14px;
}
.foohom a:hover{
	color:#ffffff;
}
	
/* responsive Tabele*/
.table {
	display: table;
	border: 1px solid #9e9e9e;
	border-collapse:collapse;
	width: 100%;
	font-size:16px;
}

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

.table-cell {
	display: table-cell;
	border: 1px solid #9e9e9e;
	padding: 15px;
}

.thead {
	font-weight: 700;
	background:;
	color:#2b2424;
}
.thead.new{
	font-weight: bold;
	background:#ffffff;
	color:#2b2424;
}

@media only screen and (max-width: 800px) {

	.table {border:none;}
	
	.table-row,
	.table-cell {
		display: block;
		border: 1px solid #9e9e9e;		
	}
	
	.table-row { margin-bottom: 20px; }
}

 @media only screen and (min-width: 801px) {

	.thead  {
		max-width:200px;
	}	
}
/* ENDE responsive tabele*/