/*
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: 'ralewaysemibold';
    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'),
         url('webfonts/raleway-semibold.ttf') format('truetype'),
         url('webfonts/raleway-semibold.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('webfonts/raleway-regular.eot');
    src: url('webfonts/raleway-regular.eot?#iefix') format('embedded-opentype'),
         url('webfonts/raleway-regular.woff2') format('woff2'),
         url('webfonts/raleway-regular.woff') format('woff'),
         url('webfonts/raleway-regular.ttf') format('truetype'),
         url('webfonts/raleway-regular.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('webfonts/raleway-light.eot');
    src: url('webfonts/raleway-light.eot?#iefix') format('embedded-opentype'),
         url('webfonts/raleway-light.woff2') format('woff2'),
         url('webfonts/raleway-light.woff') format('woff'),
         url('webfonts/raleway-light.ttf') format('truetype'),
         url('webfonts/raleway-light.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cleargothic_serialregular';
    src: url('webfonts/cleargothic_serial-regular.eot');
    src: url('webfonts/cleargothic_serial-regular.eot?#iefix') format('embedded-opentype'),
         url('webfonts/cleargothic_serial-regular.woff2') format('woff2'),
         url('webfonts/cleargothic_serial-regular.woff') format('woff'),
         url('webfonts/cleargothic_serial-regular.ttf') format('truetype'),
         url('webfonts/cleargothic_serial-regular.svg#cleargothic_serialregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* typo
----------------------------------------------- */ 
body, h3 {
	font-family: "ralewayregular",sans-serif;
	letter-spacing: 0.03em;
}
h1 {
    font-family: "ralewaylight",sans-serif;
}
h2, h5 {
    font-family: "ralewaysemibold",sans-serif;
}
h4 {
    font-family: "cleargothic_serialregular",sans-serif;
	margin-top: 0px;
}

.trennen-auto {
	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.trennen-manual, h4 {
	/* Trennen bei $shy; 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; 
}

/* links (Farbe unter > Basiseinstellungen)
----------------------------------------------- */ 
.contentclass a:link, .contentclass 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*/;
}

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;
}

/* Widget-Headline linksbuendig und ohne Linie drunter
----------------------------------------------- */ 

.panel-grid-cell .widget-title {
	text-align: left;
	margin-top: 10px;
	padding-bottom: 0px;
}
.panel-grid-cell .widget-title::after {
	display: none;
}




.contentclass {
    background: #ffffff; /* mobil */
}
@media (min-width:768px) { /* Inhalt nicht breitenreduzieren */ 
.container {
    width: 100%;
}
}
@media (max-width:939px) { /* Inhalt nicht breitenreduzieren */ 
.container {
    width: 100%;
}
}
@media (min-width:940px) { /* Inhalt nicht breitenreduzieren */ 
.container {
    width: 940px!important;
	padding: 0px;
}
#content .main .pageclass, #content .main .homecontent {
	background-color: #ffffff;
}
#content .main .pageclass, #content .main .homecontent, #containerfooter .container {
	padding-left: 66px!important;
	padding-right: 66px!important;
}
#containerfooter div.col-md-6.footercol1 {
	width: 17%;
}
#containerfooter div.col-md-6.footercol2 {
	width: 83%;
}
.contentclass {
    background: #EFF1F1; /* 7% hellgrau außerhalb */
}
}

/* kadence-slider
----------------------------------------------- */ 

/* Caption Title Font */
.kad-slider-wrapper .kadcaptiontitle {
    font-family: "ralewaylight",sans-serif;
	/*text-transform: uppercase;*/
}

/* Caption Description Font */
.kad-slider-wrapper .kadcaptiontext {
    font-family: "ralewaylight",sans-serif;
	/*text-transform: uppercase;*/
}
.kad-slider-wrapper .kadcaptiontext strong {
	background-color: #9c0b00;
}

/* Button Font */
.kad-slider .kad-slider-btn {
	/*text-transform: uppercase;*/
}

.caption-case .kad-slide-caption {
	padding: 0px 0px !important; /* Caption Slider tiefer */
}

.kad-slider-wrapper .kadcaptiontitle {
    padding: 0.05em 11px;/*8px 16px*/
    line-height: 1;/*1*/
    /*margin-bottom: 4px*/
}
@media (min-width: 940px)  {
.kad-slider-wrapper .kadcaptiontitle {
    padding: 0.05em 62px;/*8px 16px*/
}
.kad-slider-wrapper .kadcaptiontext {
    padding: 0.05em 50px;
}
}
/* Absoftung unter bestimmten Titeln, Position unten Mitte! */
/*.kad-slider-479*/ .kad-slider .caption-case-inner { 
    background-color: rgba(0, 0, 0, 0.3);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}

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

/* Kopfleiste vor Scroll (Page Header Default Background auf transparent stellen!) */
.headerclass {
	background: rgba(255, 255, 255, 0.7) none repeat scroll 0px 0px;
}

/* Untermenü ausklappen für Testzwecke !!!!
----------------------------------------------- */ 
/*.menu-haus .sf-dropdown-menu { display:block!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: 30%;
}
.kad-header-right {
    width: 70%;
}
#kad-mobile-nav {
	height:0;
}
}
@media (min-width: 1170px)  {
.container {
    width: 1170px;
}
}
@media (max-width:767px) { /* kleiner Tablet */
h3, .hometitle, .sectiontitle, .widget-title {
    font-size: 16px; /*20px*/
    line-height: 20px; /*24px*/
}
}

/* Haupt-Menue (siehe auch Themeeinstellungen -> Menueeinstellungen)
----------------------------------------------- */ 
.kad-header-style-basic .kad-primary-nav ul.sf-menu > li.sf-dropdown > a {
	padding: 0 30px 0 10px; /* horizontale Abstaende Ebene 1: 0 30px 0 20px */
}
/* Pfeil Ebene 1 ausblenden */
.sf-dropdown > a::after {
    display: none;/* inline-block */
}
/* Pfeil Ebene 2 Farbe und groesser */
.sf-dropdown-submenu > a::after {
	color:#557D15;
	font-size: 18px;
	line-height: 1.0;
}
/* Ebene 1 Schrift */
#nav-main ul.sf-menu > li > a {
	/*letter-spacing: 1px;
	color: #6f6d63;*/
}

/* Ebene 2ff Schrift */
#nav-main ul.sf-dropdown-menu > li > a {
	/*letter-spacing: 0px;
	text-align: left;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;*/
}
/* Raum um Lupe */
.kad-primary-nav .menu-search-icon-kt a {
    min-width: 50px; /* 61px */
}
@media (max-width:910px) { /* Tablet */
.kad-header-style-basic .kad-primary-nav ul.sf-menu > li.sf-dropdown > a {
	padding: 0 20px 0 0px; /* horizontale Abstaende Ebene 1: 0px 30px 0px 20px */
}
#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;*/
}
}

/* Aktiven Menue-Punkt auszeichnen
----------------------------------------------- */ 

li.current_page_item > a > span, li.current-menu-parent > a > span, li.current-menu-ancestor > a > span {
	color: #9C0B00;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6F6D63;*/
}
/* Schatten Submenu ausstellen und minimale Kastenbreite justieren */
.sf-menu ul {
	box-shadow: none; /*2px 2px 5px 0 rgba(0,0,0,.1)*/;
	min-width: 11em; /*12em*/
}
/* Menu Hintergrund halbtransparent und Linie
----------------------------------------------- */ 
/* Die Zwischenraeume */
.kad-primary-nav ul.sf-menu ul {
	background:rgba(255,255,255,.0);
}
/* Submenu alle */
.kad-primary-nav ul.sf-menu ul li a { 
	background:rgba(255,255,255,.9);
	margin-right: 8px;
}
/* Submenu zweite Ebene */
.kad-primary-nav ul.sf-menu ul li li a { 
	margin-bottom: 2px;
}
/* hover und current */
.kad-primary-nav ul.sf-menu ul li a:hover,
.kad-primary-nav ul.sf-menu ul li.current-menu-item a {
	color: #9C0B00!important;
	background:rgba(255,255,255,.9) none repeat scroll 0px 0px !important;*/
}
/* Submenu Kastengroesse */
.none-trans-header .kad-primary-nav ul.sf-menu ul li a, 
.trans-header .kad-primary-nav ul.sf-menu ul li a {
	padding: 5px 10px 5px 10px;
}


/* Mobiles Menue
----------------------------------------------- */ 
.mobileclass {
	/*background: #444c4f;*/
}
.kad-mobile-nav {
	overflow: scroll!important; /* Scrollbalken ans Hamburger Menue */
}
.mobileclass /*.kad-mobile-nav .kad-nav-inner*/ li a , /*.mobileclass li a */  {
	/*color:#ff0000;
	border-bottom:1px solid;
	border-bottom-color:#eee;
	border-bottom-color: rgba(255,255,255,0.9)!important;*/
}

/* 
----------------------------------------------- */ 
.panel-first-child {
  padding-top: 17px;
}

/* Benutzerdefiniert
----------------------------------------------- */ 
.row-grey {
  background-color: #EFF1F1; /* 7% */
  padding: 0 66px 0 66px;
  margin: 0 -66px 0 -66px;
}
.row-grey .kad-wp-gallery {
  margin: 0 -10px 0 -10px;
}
.row-galleryrand {
  padding: 0 66px 0 66px;
  margin: 0 -66px 0 -66px;
}
.widget-galleryrand-10 {
  margin: -10px -10px 0 -10px;
}
.widget-galleryrand-20 {
  margin: -20px -20px 0 -20px;
}
.widget-ohnehead {
  padding-top: 15px;
}
.widget-nurhead h3 {
  margin-bottom: 0;
}
.widget-greyround {
  background-color: #EFF1F1; /* 7% */
  border-radius: 0 0 0 6px;
  padding: 32px 66px 14px 22px;
  margin-top: -17px;
  margin-right: -66px;
}
.widget-greyround-mithead {
  background-color: #EFF1F1; /* 7% */
  border-radius: 0 0 0 6px;
  padding: 17px 66px 14px 22px;
  margin-top: -17px;
  margin-right: -66px;
}
@media (min-width: 940px)  {
.widget-greyround .textwidget, .widget-greyround-mithead .textwidget { /* Satzspiegel im grauen Kaesten rechts breiter */
  margin-right: -44px;
}
}
/* Buttons
----------------------------------------------- */ 
input[type="button"] {
	box-shadow:none;
	border: 0;
}
.btn-shortcode, .wpcf7-submit, input[type="button"] {
    font-size: 13.333px;
	color: #000;
}
.kad-btn-primary, .sbi_load_btn, .sbi_follow_btn a, input[type="button"] {
	background-color: #EFF1F1!important;
}
.wpcf7 input.wpcf7-submit, .row-grey .kad-btn-primary, .widget-greyround .kad-btn-primary, .row-grey #sb_instagram #sbi_load .sbi_load_btn, .row-grey #sb_instagram #sbi_load  .sbi_follow_btn a { /* auf hellgrau: weiss */
	background-color: #FFFFFF!important;
	color: #000!important;
}
.kad-btn-primary:hover, #sb_instagram #sbi_load .sbi_load_btn:hover, #sb_instagram #sbi_load .sbi_follow_btn a:hover, input[type="button"]:hover, .wpcf7 input.wpcf7-submit:hover {
	background-color: #D3D7DA!important;
	color: #000!important;
	box-shadow: 0px 0px 5px 0 rgba(0,0,0,.1);
}
input.wpcf7-submit, input[type="button"], .wpcf7 input.wpcf7-submit {
	padding: 8px 22px;
	border-radius: 6px;
	margin-bottom: 22px;
	margin-right: 18px;
}
/* Buttons innen kursiv auszeichnen fuer vertikale zentrierung! */
.kad-btn {
  padding: 2px 4px;
  border-radius: 6px;
  margin-bottom: 18px;
  margin-right: 18px;
}
.kad-btn em {
  display: table-cell;
  vertical-align: middle;
  height: 45px;
  width: 95px;
  text-align: center;
  font-style: normal;
}

/* Kontaktformular
----------------------------------------------- */ 
.your-vorname input[type="text"] {
  width:49%;
}
.your-nachname input[type="text"] {
  width:49%;
  float: right;
}
.your-plz input[type="text"] {
  width:20%;
}
.your-wohnort input[type="text"] {
  width:78%;
  float: right;
}
.your-telefon input[type="text"] {
  width:49%;
}
.your-email input[type="email"] {
  width:49%;
  float: right;
}
span.wpcf7-list-item {
    margin: 0;/*0 0 0 1em*/
}
.human-quiz input[type="text"] {
  width:3em;
}
label {
	font-weight: normal;
}

/* Tabellen (z.B. neben Kontaktformular)
----------------------------------------------- */ 
.entry-content table tr:nth-child(2n), .modal-body table tr:nth-child(2n) {
    background: rgba(0,0,0,.0);
}
.entry-content table td, .entry-content table th, table td, table th {
    padding: 0px 5px 0px 0px;
    min-width:30%;
}

/* Bildunterschriften
----------------------------------------------- */ 
.wp-caption-text {
    font-size: 13.333px;
    margin-top: 1px;
    margin-bottom: 10px;
    font-style: normal;
	/*font-variant: small-caps;*/
}
.wp-caption {
    text-align: left;
}

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

#cookie-notice .button.bootstrap {
	margin-right: 0.3em;
	margin-bottom: 0;
	color: #000000;
	text-shadow: none;
	background: #EFF1F1;
	box-shadow: none;
	padding: 2px 10px;
	border-color: #ffffff;
}
#cookie-notice .button.bootstrap:focus,#cookie-notice .button.bootstrap:hover {
	color:#000000;
	background-color:#D3D7DA;
}

/* Pinnacle Image Menu Widget
----------------------------------------------- */ 

/* Textfeld ohne Mouseover */
.image_menu_content {
    background-color: rgba(0, 0, 0, 0.3);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
  /*position:absolute;
	left:0;
	display:table;
	vertical-align:middle;*/
	bottom: 0px; top:auto;/*top:50%;*/
	margin-top:0px;/*-40px*/
	/*text-align:center;*/
	height:auto;/*80px*/
	max-width:460px;/*width:100%;*/
	/*table-layout:fixed*/
}
/* Foto Ueberlagerungsfarbe */
.image_menu_hover_class {
	background:#FFFFFF!important;/*#f3690e*/
}
/* Foto mouseover absoftung */
.image-menu-image-size .homepromolink:hover .image_menu_hover_class {
	ms-filter:"alpha(Opacity=20)";/*60*/
	filter:alpha(opacity=20);/*60*/
	-moz-opacity:.2;/*.6*/
	-khtml-opacity:.2;/*.6*/
	opacity:.2;/*.6*/
}
/* Linie u4 weg */
.image_menu_content .image_menu_message h4::after {
	display: none;
}
.image_menu_content .image_menu_message h4,.image_menu_content .image_menu_message h5 {
	font-family: "ralewayregular",sans-serif;
	font-size: 20px;
	padding:8px 10px 4px;/*padding:0 0 6px*/
	text-align:left;/*center*/
}

/* Pinnacle Gallery Menu Widget
----------------------------------------------- */ 
.kad_caption {
	text-align:left;/*center*/
    background-color: rgba(0, 0, 0, 0.3);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.kad_caption_inner {
  font-size: 13.333px;
	padding:8px 10px 6px;
	color:#fff;
	color:rgba(255, 255, 255, 0.0);
}
.gallery_item:hover .kad_caption_inner {
	color:rgba(255, 255, 255, 1.0);
}
.gallery_item:hover .kad_caption {
    background-color: rgba(0, 0, 0, 0.3);
	color:rgba(0, 0, 0, 0.3);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}