/*
Theme Name: Pinnacle Premium Child
Theme URI: 
Description: Pinnacle Premium Child Theme
Author: Martin Firgau
Author URI: http://www.profiel.de
Template: pinnacle_premium
Version: 1.0.0
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
/* Webfonts laden
-------------------------------------------------------------- */
@font-face {
    font-family: 'Raleway';
    src: url('webfonts/raleway-semibold.eot');
    src: url('webfonts/raleway-semibold.eot?#iefix') format('embedded-opentype'),
         url('webfonts/raleway-semibold.woff2') format('woff2'),
         url('webfonts/raleway-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('webfonts/raleway-heavy.eot');
    src: url('webfonts/raleway-heavy.eot?#iefix') format('embedded-opentype'),
         url('webfonts/raleway-heavy.woff2') format('woff2'),
         url('webfonts/raleway-heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('webfonts/ubuntu-r-webfont.eot');
    src: url('webfonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/ubuntu-r-webfont.woff2') format('woff2'),
         url('webfonts/ubuntu-r-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('webfonts/ubuntu-b-webfont.eot');
    src: url('webfonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/ubuntu-b-webfont.woff2') format('woff2'),
         url('webfonts/ubuntu-b-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}


/* typo: body, h1 bis h6
----------------------------------------------- */ 
body {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	letter-spacing: 0.03em;
}
h1 {
	font-family: 'Raleway',sans-serif;
	font-weight: 900;
	letter-spacing: 0.03em;
}
h2, h3 {
	font-family: 'Raleway',sans-serif;
	font-weight: 600;
	letter-spacing: 0.03em;
}
h4, h5, .kadence-blocks-gallery-item__caption {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
	letter-spacing: 0.03em;
}
h2, h4, .kadence-blocks-gallery-item__caption {
	text-transform: uppercase;
}

.entry-content h3 {
    margin-bottom: 0;
	margin-top: 20px;
}
.entry-content h4, .entry-content h5 {
    margin-bottom: 0;
	margin-top: 5px;
}

h1 em { /* Bereiche der h1 und h4 mit em auf kleiner stellen */
	font-style: normal;
	font-size: 0.65em;
}
h4 em { /* Bereiche der h1 und h4 mit em auf kleiner stellen */
	font-style: normal;
	font-size: 0.8em;
}

.trennen-auto {
	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.trennen-manual {
	/* Trennen bei ­ mit oder ​ ohne Trennstrich, Zusammenhalten mit $nbsp; */
   -moz-hyphens: manual;
   -o-hyphens: manual;
   -webkit-hyphens: manual;
   -ms-hyphens: manual;
   hyphens: manual; 
}
.trennen-none {
	/* hyphens */
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 
}
.displaynone {
    display: none;
}
/* Footer */
#containerfooter {
    padding-top: 0px;
	margin-top: -10px;
}
.footerclass .widget_text p, .footerclass .widget_block p  {
	font-size: 12px;
	line-height: 18px;
}
.footercredits {
	padding-top: 0px;
}

/* kadence-slider
----------------------------------------------- */ 
.ksp-layer-1 {
	font-family: 'Raleway'!important;
	font-weight: 900!important;
	/*font-size: 70px;
	letter-spacing: 0.03em!important;*/
	text-transform: uppercase;
}
.ksp-layer-2, .ksp-layer-3, .ksp-layer-4 {
	font-family: 'Raleway'!important;
	font-weight: 600!important;
	/*font-size: 34px;
	letter-spacing: 0.03em!important;*/
	text-transform: uppercase;
}
.ksp-btn-layer {
	text-align: center;
    padding-top: 8px;
    padding-bottom: 6px;
}

/* links (Farbe unter > Basiseinstellungen)
----------------------------------------------- */ 
/*.contentclass a:link, .contentclass a:visited, 
.footerclass a:link, .footerclass a:visited 
{text-decoration: underline!important;}*/

a.btn-shortcode, 
a.accordion-toggle,
.sidebar a,
.postcontent header a,
.kt-staff-header a {
    text-decoration: none!important;
}

.contentclass a:hover, .contentclass a:active {
	/*color: #9C0B00!important;*/
	text-decoration: underline/*!important*/;
}
.footerclass a:hover, .footerclass a:active {
	color: inherit!important;
	text-decoration: underline/*!important*/;
}

a.btn-shortcode:hover, 
a.accordion-toggle:hover,
.sidebar a:hover,
.postcontent header a:hover,
.kt-staff-header a:hover {
    text-decoration: none!important;
	color: inherit!important;
}

a .has-white-color {
	text-decoration: underline;
}

/* Rahmen, Hintergruende und Farben
-------------------------------------------------------------- */
/* seitliche Raender vergroessern */
body.page-template-template-feature-php #content .main {
    padding: 0 15px 0; /*0 15px 0*/
}
.container {
 padding-left:25px;/*15px*/
 padding-right:25px;/*15px*/
}
.postclass {
	background-color: transparent;
}
.contentclass {
	/*background-color: #eff4f4;*/
}
.homecontent, .entry-content {
	/*background-color: #ffffff;
	padding:0 5px!important;*/
}

/* Farbe und Transparenz des Headers vor Scrollen (nach Scroll siehe auch "Erweitertes Styling -> Kopfhintergrund)
----------------------------------------------- */ 

/* Kopfleiste vor Scroll (Page Header Default Background auf transparent stellen und "Show the page title by default" auf An!) */
.headerclass {
	background: rgba(255, 255, 255, 0.6) none repeat scroll 0px 0px !important;
}
.is-sticky .headerclass {
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0px 0px !important;
}

/* normale Menues auf iPad
----------------------------------------------- */ 
@media (min-width: 768px)  {
#nav-main ul.sf-menu, .nav-main ul.sf-menu {
    display: block;
}
#mobile-nav-trigger {
    display: none;
}
.container {
    width: auto;
}
/* ueberschreibt Logo Container Width */
.kad-header-left {width: 25%;}
.kad-header-right {width: 75%;}
}
@media (min-width: 1170px)  {
.container {
   width: 1170px;
}
}

/* Untermenue ausklappen fuer Testzwecke !!!!
----------------------------------------------- */ 
/*.sf-dropdown-menu { display:block!important;}*/

/* Haupt-Menue (siehe auch Themeeinstellungen -> Menueeinstellungen)
----------------------------------------------- */ 
/* Abstaende Ebene 1 ohne Pfeil und Lupe */
.kad-header-style-basic .kad-primary-nav ul.sf-menu > li > a {
	padding: 0 10px 0 13px; /*0 10px 0 10px*/
}
/* Abstand Ebene 1 mit Pfeil */
.kad-header-style-basic .kad-primary-nav ul.sf-menu > li.sf-dropdown > a {
	padding: 0 28px 0 13px; /*0 20px 0 10px*/
}
.sf-dropdown > a::after {
	display: none; /* Pfeil ausblenden */
	right: 18px;
}
/* Ebene 1 Schrift */
#nav-main ul.sf-menu > li > a {
	/*letter-spacing: 0.03em;*/
	color: #000000;
}
/* Ebene 2ff Schrift */
#nav-main ul.sf-dropdown-menu > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	/*letter-spacing: 0px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;*/
}
/* Raum um Lupe */
.kad-primary-nav .menu-search-icon-kt a {
    min-width: 1px; /*65px*/
}
.kad-header-style-basic .kad-primary-nav ul.sf-menu > li > a.menu-search-btn {
	padding-right: 0px;
}

@media (max-width:910px) { /* Tablet */
/* Abstaende Ebene 1 */
.kad-header-style-basic .kad-primary-nav ul.sf-menu > li > a {
	/*padding: 0 20px;0 10px*/
}
/* Abstand Ebene 1 vor dem Pfeil */
.kad-header-style-basic .kad-primary-nav ul.sf-menu > li.sf-dropdown > a {
	/*padding: 0 30px 0 10px;*/
}
#nav-main ul.sf-menu > li > a { /* Ebene 1 enger */
	/*font-size: 15px;
	letter-spacing: 0px;*/
}
#nav-main ul.sf-dropdown-menu > li > a {
	/*font-size: 13px;
	padding: 5px;*/
}
a.menu-search-btn.collapsed {
	/*padding: 0px!important;*/
}
/* Raum um Lupe */
.kad-primary-nav .menu-search-icon-kt a {
	/*min-width: 38px;*/
}
}

/* Aktiv und Hover
----------------------------------------------- */ 

li.current_page_item > a > span, li.current_page_parent > a > span {
	color: #e7000e;
}
.kad-primary-nav ul.sf-menu ul li a:hover span {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	color: #000000;
}

/* Menu Hintergrund halbtransparent und Linie
----------------------------------------------- */ 
/* Die Zwischenraeume */
.kad-primary-nav ul.sf-menu ul {
	margin-top: 10px;
	background:rgba(255,255,255,.0); /* Farbe Zwischenraueme */
}
/* Submenu */
.kad-primary-nav ul.sf-menu ul li a { 
	background:#FFFFFF;
	background:rgba(255,255,255,.8);
	margin-bottom: 2px; /* Hoehe Zwischenraeume */
}
/* hover */
.kad-primary-nav ul.sf-menu ul li a:hover {
	/*color: #e7000e!important;*/
	background:rgba(255, 255, 255, 1.0) none repeat scroll 0px 0px !important;
}
/* current */
.kad-primary-nav ul.sf-menu ul li.current-menu-item a {
	/*color: #e7000e!important;*/
	background:rgba(255, 255, 255, 1.0) none repeat scroll 0px 0px !important;
}


/* Menu Mobil
----------------------------------------------- */ 
.kad-mobile-nav .kad-nav-inner li ul.sf-dropdown-menu a {
	list-style:none;
}
ul.kad-mnav > li > a {
    font-weight: 700;
    color: #000 !important;
}
.kad-mobile-nav li.current_page_item > a > span, 
.kad-mobile-nav li.current_page_parent > a > span {
	color: #800000;
	font-weight: 700;
}


/* Caption und Decker bei Galerien
----------------------------------------------- */ 

.kb-gallery-ul.kb-gallery-caption-style-cover-hover .kadence-blocks-gallery-item .kadence-blocks-gallery-item__caption {
	color: rgba(255,255,255,1.00);
	text-shadow:0 0 20px rgba(0,0,0,.5)
}
.kb-gallery-ul.kb-gallery-type-thumbslider.kb-gallery-caption-style-cover-hover .kadence-blocks-gallery-item .kadence-blocks-gallery-item__caption {
	font-size: 28px;
	line-height: 28px;
	padding-left: 40px;
	padding-right: 40px;
}
.kb-gallery-ul.kb-gallery-caption-style-cover-hover .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
	background-color: rgba(231,0,14,0.00);
	opacity: 1;
	transition: all 0.3s ease-in-out;
}
.kb-gallery-ul.kb-gallery-caption-style-cover-hover .kadence-blocks-gallery-item:hover .kadence-blocks-gallery-item__caption {
	background-color: rgba(231,0,14,0.70);
	transition: all 0.3s ease-in-out;
	opacity: 1;
}
.kb-gallery-type-thumbslider {
	
}

/* Galerie Thumbnailslider in 16:9 mit korrekten Abstaenden "gallery-16-9"
----------------------------------------------- */ 
.gallery-16-9 .kb-gallery-ul .kadence-blocks-gallery-item {
    margin: -5% 0;
}

/* Bilder in Advanced Image ohne Rand */
.wp-block-kadence-image img.kb-img {
  margin: 0px 0px 0px 0px;
}

/* Kadence imageoverlay
----------------------------------------------- */ 
.wp-block-kadence-imageoverlay .kt-image-overlay-inner .image-overlay-title {
	font-family: 'Raleway';
	font-weight: 900;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	font-size: 70px;
	line-height: 72px;
	padding: 0px!important;
	text-shadow:0 0 20px rgba(0,0,0,.5)
}
.wp-block-kadence-imageoverlay .kt-image-overlay-inner .image-overlay-subtitle {
	font-family: 'Raleway';
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	font-size: 34px;
	line-height: 40px;
	padding: 0px!important;
	text-shadow:0 0 20px rgba(0,0,0,.5)
}
.wp-block-kadence-imageoverlay .kt-image-overlay-inner .image-overlay-subtitle em {
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	padding: 6px 12px;
	background-color: rgba(231,0,14,1);
	color: rgb(255, 255, 255);
	border-radius: 6px;
	margin-top: 10px;
}
.wp-block-kadence-rowlayout .wp-block-kadence-imageoverlay .kt-image-overlay-inner .image-overlay-title {
	font-size: 40px;
	line-height: 38px;
}
.wp-block-kadence-rowlayout .wp-block-kadence-imageoverlay .kt-image-overlay-inner .image-overlay-subtitle {
	font-size: 19px;
	line-height: 19px;
}
@media (max-width: 767px) {
.wp-block-kadence-imageoverlay .kt-image-overlay-inner .image-overlay-title {
	font-size: 40px;
	line-height: 38px;
}
.wp-block-kadence-imageoverlay .kt-image-overlay-inner .image-overlay-subtitle {
	font-size: 19px;
	line-height: 19px;
}
}

@media (min-width: 768px) and (max-width: 1113px)  { /* Typo auf 65% */
.wp-block-kadence-rowlayout .wp-block-kadence-imageoverlay .kt-image-overlay-inner .image-overlay-title {
	font-size: 26px; 
	line-height: 24.7px;
}
.wp-block-kadence-rowlayout .wp-block-kadence-imageoverlay .kt-image-overlay-inner .image-overlay-subtitle {
	font-size: 12.35px;
	line-height: 12.35px;
}
}

div.wp-block-kadence-imageoverlay {
	margin-bottom: 10px;
}

/* 4-Spaltigkeit Footer ab 768px */
@media (min-width: 768px)  {
.footercol3 {
    clear: none;
}
.footercol1, .footercol2, .footercol3, .footercol4, .col-sm-6 {
	width: 25%;
}
}

/* Bilder enger umfliessen */
img.alignleft {
	margin-right: 10px;
}

/* Entfernt Abstaende zwischen Layout-Blocks */
code {
	padding: 0!important;
}
.oben-10 {
	margin-top: 10px!important;
}
.oben-20 {
	margin-top: 20px!important;
}
.oben-30 {
	margin-top: 30px!important;
}
.unten-10 {
	margin-bottom: 20px!important;
}
.unten-20 {
	margin-bottom: 20px!important;
}
.unten-30 {
	margin-bottom: 30px!important;
}
div.zeile-grau {
	background-color: #eeeeee;
}
div.zeile-rot {
	background-color: #e7000e;
}
.zeile-rot p {
	color: #ffffff;
}
.zeile-rot .kt-row-column-wrap, .zeile-grau .kt-row-column-wrap {
    padding-left: 25px!important;
    padding-right: 25px!important;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width:1170px) {
.zeile-rot .kt-row-column-wrap, .zeile-grau .kt-row-column-wrap {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
}

/* Form 7 */
.wpcf7-form label {
	display: inherit;
}
.wpcf7-list-item {
    margin: 0 0 0 0;/*0 0 0 1em*/
}
/* Buttons */
.wpcf7 input.wpcf7-submit, #sb_instagram .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
	border-radius: 6px!important;
    padding: 12px 18px!important;
    font-size: 18px!important;
	background-color: #e7000e!important;
}
.wpcf7 input.wpcf7-submit:hover, #sb_instagram .sbi_load_btn hover, #sb_instagram .sbi_follow_btn a:hover {
	background-color: #ef0816!important;
	box-shadow: inherit;
}
.wpcf7 textarea {
	height: 140px;
}

#sb_instagram {
    width: inherit !important; /* 100% */
    margin: 0 -10px; /* 0 auto */
}

/* Cookie Notice Buttons
----------------------------------------------- */ 

.cn-button.bootstrap {
	margin-right: 0.3em;
	margin-bottom: 0;
	color: #ffffff;
	text-shadow: none;
	background: #e7000e;
	box-shadow: none;
	padding: 2px 10px;
	border-color: #ffffff;
}
.cn-button.bootstrap:focus, .cn-button.bootstrap:hover {
	color:#ffffff;
	background-color:#ef0816;
}

/* breadcrumbs
----------------------------------------------- */ 

p.breadcrumb {
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 14px;
}

/* Farbe Rahmen Responsebestaetigung auf rot
----------------------------------------------- */ 
.wpcf7 form.sent .wpcf7-response-output {
	border-color: rgb(231,0,14)!important; /* rot anstatt #46b450; /* Green */
}

/* Sprunganker hoeher anspringen wegen Verdeckung durch Header */
.anker-hoch::before {
display: block;
content: "";
height:100px;
margin-top: -100px;
visibility: hidden;
}

/* Weisse duenne Linie in Formularen mit Fortschrittsbalken
   <hr class="whiteline"><hr class="redline" style="width:20%;">
----------------------------------------------- */ 

.whiteline {
	border-color: #ffffff;
	border-width: 4px;
}
.redline {
	border-color: rgb(231,0,14);
	border-width: 8px;
	margin: -26px auto 20px 0px;
}

/* Formulare
----------------------------------------------- */ 
label {
 font-weight:400
}
.wpcf7-list-item {
  display: inline-block;
  margin: 0 1em 0 0 !important;
}