/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: url('./fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/roboto-v30-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/roboto-v30-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/roboto-v30-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: url('./fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/roboto-v30-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('./fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/roboto-v30-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/*Custom*/
:root {
	--cnvs-themecolor: #C2A24C;
	--cnvs-themecolor-rgb: 208, 173, 72;
	--cnvs-primary-font: 'Roboto', serif;
	--cnvs-body-font: 'Roboto', sans-serif;
	--cnvs-secondary-font: 'Roboto', serif;
	--cnvs-font-size-h1: 26px;
	--cnvs-font-size-small: 0.8rem;
}

body {
	font-weight:400;
	background:url('../img/bg.webp') no-repeat top center;
	background-attachment: fixed;
}

#header-wrap #logo img {
  margin: 24px 0 24px 0;
}

.social-icon.bg-dark, .social-icon.bg-dark:hover {
  color: #fff;
}

#top-bar {
	border-bottom:0px;
	background:#000000;
}

#top-bar .container {
	background:#000000;
}

#top-bar a {
	text-transform:uppercase;
	padding: 12px 6px;
	font-size: 14px;
	font-weight: 400;
  color: #fff;	
}

#top-bar a:hover {
  color: #C2A24C;	
}

.top-links-item {
  border-left: 0;
}

.top-links-item:hover {	
  background:#000;
}

#footer .footer-widgets-wrap {
  padding: 36px 0;
}

a.effekt {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}

a.effekt:hover {
	opacity:0.8;
}

.schwarz,
a .schwarz {
  color: #000 !important;		
}

/*Button + Banner*/
.button {
	margin:0px;	
}

a.button.btn-transparent {
	background:transparent;
	color:#d0ad48;
	padding:0;
	font-size:18px;
	line-height:24px;
	font-weight:400;
}

a.button.btn-transparent:hover {
	background:transparent;
	color:#000;
}

.button.btn-transparent i {
  width: 1rem;
	font-size:18px;
}

a.btn_own_page {
  background: url("../img/bild_banner_default.webp") no-repeat;
	width:100%;
	height:280px;
	display:block;
}

.pagination a.button {
	margin-left:12px;
	margin-top:3px;
}


/*Formular*/
button.button-large {
	text-transform: uppercase;
	font-weight: 400;	
	font-size:17px;
	--cnvs-btn-padding-x: 24px;
	--cnvs-btn-padding-y: 6px;
	border: none;	
	background: linear-gradient(top, #f8ecb3 0%, #b99642 38%, #b99642 100%); 
	background: -moz-linear-gradient(top, #f8ecb3 0%, #b99642 38%, #b99642 100%); 
	background: -webkit-linear-gradient(top, #f8ecb3 0%, #b99642 38%, #b99642 100%); 
	background: -ms-linear-gradient(top, #f8ecb3 0%, #b99642 38%, #b99642 100%); 
	background: -o-linear-gradient(top, #f8ecb3 0%, #b99642 38%, #b99642 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8ecb3, endColorstr=#b99642,GradientType=1);	
}

button.button-large:hover {
	border: none;
	opacity:0.8;
}

.form-control:focus {
	-webkit-box-shadow: 0px 0px 4px 0px rgba(82,195,22,1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(82,195,22,1);
	box-shadow: 0px 0px 4px 0px rgba(82,195,22,1);
	border-color:#52C316;
}

.fehler .form-control {
	-webkit-box-shadow: 0px 0px 4px 0px rgba(200,28,68,1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(200,28,68,1);
	box-shadow: 0px 0px 4px 0px rgba(200,28,68,1);
	border-color:#C81C44;
}

h6.fehler,
.fehler a,
.fehler strong {
	color:#C81C44;
}

.process-steps li .i-bordered:hover {
  color: #fff;
}

/*Blog*/
.post-grid .entry-title h2, 
.post-grid .entry-title .h2,
.post-grid .entry-title h2 a, 
.post-grid .entry-title .h2 a {
  --cnvs-post-title-font-size: 1rem; 
  color:#C2A24C !important;
}

.post-grid .entry-title h5, 
.post-grid .entry-title .h5 {
	margin-top:6px;
	margin-bottom: 6px;
}

/*Single*/
.single-post h1 {
  color:#C2A24C !important;	
}

/*Listen*/
#content ul {
	margin-top:24px;
	margin-bottom:24px;
	margin-left:16px;
}

#content li {
	padding:0 0 8px 0;
	font-size:15px;
	text-align:left;
	font-size:1.05em;
	line-height:1.3em;
}

/*Schriften*/
h6 {
	font-size:20px;
	font-weight: 400;
	text-transform:uppercase;
}

@media (max-width: 600px) {
	#header-wrap #logo img {
	  width:200px;
	  height:62px;
	}
}