/*
Theme Name: ETB Braun
Theme URI: https://www.pga-it.de
Author: pga Information Technology
Author URI: https://www.pga-it.de
Description: custom theme for ETB Braun
Version: 1.0

Text Domain: pgait

*/

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('webfonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('webfonts/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('webfonts/roboto-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/roboto-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/roboto-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/roboto-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('webfonts/roboto-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/roboto-v29-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('webfonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('webfonts/roboto-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/roboto-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/roboto-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/roboto-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('webfonts/roboto-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/roboto-v29-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('webfonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('webfonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('webfonts/roboto-v29-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/roboto-v29-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/roboto-v29-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/roboto-v29-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('webfonts/roboto-v29-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/roboto-v29-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* colors */
:root {
  --main: #1a171b;
  --primary: #ef8302;
  --secondary: #0083b3;
  --hl: #ef8302;
  --dark: #1a171b;
  --middle: #8c8b8d;
  --light: #e2e2e2;
}

html, body { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1em; line-height: 1.5; margin: 0; width:100%; padding:0; background: #fff; color: var(--main); }
h1, h2 { color: var(--primary); font-weight: 400; }
.ref_col h3 { font-weight: 500;  font-size: 1.2em; }
.page-id-11 h2 { color: #1a171b; }
strong { font-weight: 500; }
a { color: var(--primary); text-decoration: underline; } 
a:hover { color: var(--secondary); text-decoration: underline; } 

#topbar { margin-top: 10px; font-size: 0.9em; font-weight: 400; }

/* language switch */
.language_switcher { float: right; }
.language_switcher li { list-style-type: none; float: left; margin-left: 2px; }
.language_switcher li:first-child:after { content: '|'; margin-left: 2px; }
.language_switcher li a { color: var(--middle); text-transform: uppercase; text-decoration: none; }
.language_switcher li.current-lang a, .language_switcher li a:hover { color: var(--main); transition: 1s all ease; }

.logo { padding-left: 0px !important; }
.logo img { max-width: 100%; height: auto; }

.menu ul li { list-style-type: none; float: left; margin-left: 30px; }
.main-menu { float: right; display: block; margin-bottom: 0px; }
.main-menu a { text-decoration: none; color: var(--main); text-transform: uppercase; font-weight: 500; transition: 1s all ease; }
.main-menu .current-menu-item a, .main-menu a:hover, .main-menu .current_page_item a { color: var(--primary); transition: 1s all ease; }

.home .services { background: url('img/etb_startseite_bg.jpg') no-repeat; background-size: cover; background-position: center; margin-bottom: 0px;}
.home .services .circleicon { width: 100px; height: 100px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background: #fff; border: 3px solid var(--secondary); font-size: 36px; text-align: center; margin: 1.5em auto 5px auto; }
.home .services .circleicon .fas { line-height: 90px; color: var(--secondary); }
.home .services .services_wrap { padding: 30px 15px; }
.home .services .services_wrap img { max-width: 100%; height: auto; }
.home .services .service_hexagon { display:inline-block; width: 250px; }


/* home slider */
.home_slider { margin-top: 15px; margin-bottom: 30px; }
div#n2-ss-2 .n-uc-wYC5Ydzk0d9F, div#n2-ss-3 .n-uc-wYC5Ydzk0d9F { padding: 0px !important; }
div#n2-ss-2 a, div#n2-ss-2 a:focus, div#n2-ss-3 a, div#n2-ss-3 a:focus { color: #fff !important; }
div#n2-ss-2 p, div#n2-ss-3 p { padding-top: 15px; }
div#n2-ss-2 .n2-font-06c228f3dd7f2176f2980af31c4f045a-paragraph, div#n2-ss-3 .n2-font-06c228f3dd7f2176f2980af31c4f045a-paragraph { font-size: 100% !important; }
div#n2-ss-2 .n2-font-bcd8d00e0ecd87b0a7a397f0976e2a73-hover,div#n2-ss-3 .n2-font-bcd8d00e0ecd87b0a7a397f0976e2a73-hover { line-height: 1 !important; margin-bottom: 15px; }
div#n2-ss-2 .n-uc-7yK2qZ18LpVl, div#n2-ss-3 .n-uc-NxzrA4dD56Cy { max-height: 400px; min-height: auto; }
.n-uc-7yK2qZ18LpVl-inner, .n-uc-NxzrA4dD56Cy { flex: none !important; width: 400px !important;  background: rgba(239,131,2,0.9); outline: 4px solid rgba(255,255,255,0.8); min-height: 400px !important; height: 400px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
div#n2-ss-2 .n-uc-7yK2qZ18LpVl:before, div#n2-ss-3 .n-uc-NxzrA4dD56Cy:before { display: block; background: url('img/slider_lines.png') no-repeat; background-position: right; width: 100vw; position: absolute; z-index: 999; right: 403px !important; height: 400px; content: ''; min-width: 100%; }

.contentwrap { border-top: 1px solid var(--light); margin-top: 15px; } 
.contentwrap .container { margin-top: 30px; } 
.contentwrap .container li { margin-left: 30px; } 

/* gutenberg alignfull alignwide */
.alignfull { margin: 32px calc(50% - 50vw);	max-width: 100vw; width: 100vw; }
/*.alignfull img { width: 100vw; }*/
.alignwide { margin-left  : -80px; margin-right : -80px; }

.wp-block-button__link { text-decoration: none !important; background: var(--secondary) !important; transition: all .5s; }
.wp-block-button__link:hover { text-decoration: none !important; background: #036a90 !important; color: #fff !important; transition: all .5s; }

.nf-form-content { max-width: 100% !important; }
.nf-form-content .checkbox-container.label-right .field-wrap > div { width: auto !important; }
.nf-form-content .checkbox-container.label-right label::after { top: -10px; }
.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
  background: var(--primary) !important;
  border: 0;
  color: #fff !important;
  transition: all .5s;
}
.nf-form-content button:hover, .nf-form-content input[type="button"]:hover, .nf-form-content input[type="submit"]:hover {
  background: var(--secondary) !important;
  color: #fff !important;
  transition: all .5s;
}

.single-projekt h2 { margin: 40px 0px 20px 0px; }
.projekt_col img { max-width: 100%; height: auto; }
.refcols { border-bottom: 1px solid #ccc; padding: 20px 0px; }

@media(max-width: 767px) {
	.projects .wp-container-1 { margin-bottom: 1.75em; }
}

@media(min-width: 768px) {
	.projects .wp-container-1 { padding-right: calc(var(--bs-gutter-x) * .5); }
	.projects .wp-container-2 { padding-left: calc(var(--bs-gutter-x) * .5); }
}


/* footer */
footer { background: var(--secondary); color: #fff; padding: 30px; font-size: 0.9em; margin-top: 0px; }
footer a, footer a:hover, footer a:focus { color: #fff; } 
footer a { text-decoration: none; } 
footer a:hover { text-decoration: underline; } 
footer ul { padding-left: 0px; }
footer ul li { list-style-type: none; }
.footer-col-1 { padding-left: 0px; }
.footer-col-1 figure { margin-left: -30px; }