/*



          /\
         /**\
        /****\   /\
       /      \ /**\
      /  /\    /    \
     /  /  \  /      \
    /  /    \/ /\     \
   /  /      \/  \/\   \
__/__/_______/___/__\___\______________________________

Made with Passion by GIPFELGOLD // www.gipfelgold.com
_______________________________________________________
*/

/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 FONT INCLUDES
___________________________________________________________________________*/

/* Coco */

@font-face {
    font-family: 'coco_gothicbold';
    src: url('/wp-content/themes/johak-19/fonts/coco-gothic-webfont/coco-gothic-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/johak-19/fonts/coco-gothic-webfont/coco-gothic-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'coco_gothicregular';
    src: url('/wp-content/themes/johak-19/fonts/coco-gothic-webfont/coco-gothic-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/johak-19/fonts/coco-gothic-webfont/coco-gothic-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'coco_gothiclight';
    src: url('/wp-content/themes/johak-19/fonts/coco-gothic-webfont/coco-gothic-light-webfont.woff2') format('woff2'),
         url('/wp-content/themes/johak-19/fonts/coco-gothic-webfont/coco-gothic-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Hanschrift */

@font-face {
    font-family: 'handschrift-bolder';
    src: url('/wp-content/themes/johak-19/fonts/handschrift/handschrift-bolder-webfont.woff2') format('woff2'),
         url('/wp-content/themes/johak-19/fonts/handschrift/handschrift-bolder-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'handschrift-regular';
    src: url('/wp-content/themes/johak-19/fonts/handschrift/handschrift-webfont.woff2') format('woff2'),
         url('/wp-content/themes/johak-19/fonts/handschrift/handschrift-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Content*/

@font-face {
    font-family: 'hak-bqbold';
    src: url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hak-bqBdCn';
    src: url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-boldcond-webfont.woff2') format('woff2'),
         url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-boldcond-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hak-bqcondensed';
    src: url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-cond-webfont.woff2') format('woff2'),
         url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-cond-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hak-bqlight';
    src: url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-light-webfont.woff2') format('woff2'),
         url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hak-bqLtCn';
    src: url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-lightcond-webfont.woff2') format('woff2'),
         url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-lightcond-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hak-bqmedium';
    src: url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-medium-webfont.woff2') format('woff2'),
         url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hak-bqMdCn';
    src: url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-mediumcond-webfont.woff2') format('woff2'),
         url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-mediumcond-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hak-bqregular';
    src: url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/johak-19/fonts/akzidenz-grotesk-webfont/hak-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* PRELOADER*/
body:not(.home) .qodef-smooth-transition-loader { display: none;}

/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 FONTS
___________________________________________________________________________*/

/*
h1 {
       word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}*/

h1, h2, h3, h4, h5, h6, p, li, a, i {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}


html, body {
  font-family: 'hak-bqcondensed', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.35em;
  color: #2a2a2a;
}

strong, b {
  font-family: 'hak-bqBdCn', sans-serif;
  font-style: normal;
  font-weight: normal;
}

.cocogothic,
.cocogothic h1,
.cocogothic h2,
.cocogothic h3,
.cocogothic h4,
.cocogothic h5,
.cocogothic h6,
.cocogothic p,
.cocogothic li,
.cocogothic a,
.cocogothic i,
h1.cocogothic,
h2.cocogothic,
h3.cocogothic,
h4.cocogothic,
h5.cocogothic,
h6.cocogothic,
p.cocogothic,
li.cocogothic,
a.cocogothic,
i.cocogothic {
  font-family: "coco_gothicbold", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  letter-spacing: -0.06em !important;
}

h1 span.bigsmall,
.cocogothic span.bigsmall,
.cocogothic h1 span.bigsmall,
.cocogothic h2 span.bigsmall,
.cocogothic h3 span.bigsmall,
.cocogothic h4 span.bigsmall,
.cocogothic h5 span.bigsmall,
.cocogothic h6 span.bigsmall,
.cocogothic p span.bigsmall,
.cocogothic li span.bigsmall,
.cocogothic a span.bigsmall,
.cocogothic i span.bigsmall,
h1.cocogothic span.bigsmall,
h2.cocogothic span.bigsmall,
h3.cocogothic span.bigsmall,
h4.cocogothic span.bigsmall,
h5.cocogothic span.bigsmall,
h6.cocogothic span.bigsmall,
p.cocogothic span.bigsmall,
li.cocogothic span.bigsmall,
a.cocogothic span.bigsmall,
i.cocogothic span.bigsmall {
  font-size: 150%;
  font-family: "coco_gothicregular", sans-serif !important;
  letter-spacing: -0.08em !important;
}


.handschrift,
.handschrift h1,
.handschrift h2,
.handschrift h3,
.handschrift h4,
.handschrift h5,
.handschrift h6,
.handschrift p,
.handschrift li,
.handschrift a,
.handschrift i,
h1.handschrift,
h2.handschrift,
h3.handschrift,
h4.handschrift,
h5.handschrift,
h6.handschrift,
p.handschrift,
li.handschrift,
a.handschrift,
i.handschrift,
.qodef-iwt-content h3,
.qodef-st-text {
  font-family: "handschrift-bolder";
    line-height: 1em !important;
}

.qodef-iwt-content h3 {
    font-size: 2.5em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'hak-bqBdCn', sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #2a2a2a;
}

/* h2 */

h2 {
  text-transform: none;
  font-size: 70px;
  line-height: 0.9em;
}
@media only screen and (max-width: 680px) {
  h2 {
      font-size: 50px;
  }
}

/* h3 */

h3 {
    font-size: 40px;
    line-height: 1.225em;
}

/* h4 */

h4 {
    font-size: 30px;
    line-height: 1.225em;
}

/* DAark background */

.darkbg h1,
.darkbg h2,
.darkbg h3,
.darkbg h4,
.darkbg h5,
.darkbg h6,
.darkbg p,
.darkbg li,
.darkbg a,
.darkbg i {
  color: #ffffff;
}

/* Buttons */

.qodef-btn, .qodef-team.info-hover .qodef-team-name {
    font-family: 'hak-bqBdCn', sans-serif;
  font-style: normal;
  font-weight: normal;
}

.qodef-btn.qodef-btn-huge {
    line-height: 1em;
}


/* SELECTION TITLE */


.qodef-title-holder {
    margin-bottom: 50px;
}

.qodef-st-title-light {
  font-family: "hak-bqcondensed", sans-serif !important;
}

.qodef-st-text {
  font-family: "handschrift-bolder";
    font-size: 3.5em;
    line-height: 0.8em !important;
}

/* normal bg */

.redbg h3.qodef-st-title,
.bluebg h3.qodef-st-title,
.yellowbg h3.qodef-st-title,
.darkbg h3.qodef-st-title,
.lightbluebg h3.qodef-st-title {
  text-transform: uppercase;
    color: #ffffff;
    line-height: 0.7em;
    margin-right: 30% !important;
    padding-left: 0.5em;
    -webkit-box-shadow: inset 0px -2px 0px 0px #ffffff;
-moz-box-shadow: inset 0px -2px 0px 0px #ffffff;
box-shadow: inset 0px -2px 0px 0px #ffffff;
}

.redbg h3.qodef-st-title {
    background: #e4003a;
}

.bluebg h3.qodef-st-title {
    background: #1a2e3c;
}

.lightbluebg h3.qodef-st-title {
    background: #80ccd8;
}
.yellowbg h3.qodef-st-title {
    background: #f7a823;
}

/* darkbg */
.darkbg h3.qodef-st-title {
-webkit-box-shadow: inset 0px -2px 0px 0px #1a2e3c;
-moz-box-shadow: inset 0px -2px 0px 0px #1a2e3c;
box-shadow: inset 0px -2px 0px 0px #1a2e3c;
}

.darkbg .redbg h3.qodef-st-title,
.darkbg .bluebg h3.qodef-st-title,
.darkbg .lightbluebg h3.qodef-st-title,
.darkbg .yellowbg h3.qodef-st-title {
    color: #1a2e3c;
}
.darkbg .bluebg h3.qodef-st-title {
    background: #ffffff;

}

/* TablePress */

.tablepress tfoot th, .tablepress thead th {
    background-color: #e4003a;
    font-weight: 700;
    vertical-align: middle;
    color: #fff;
}
.tablepress .sorting:hover,
.tablepress .sorting_asc,
.tablepress .sorting_desc {
    background-color: #005577;
}

/* TOPBAR */

.qodef-top-bar > .qodef-vertical-align-containers {
  padding: 0 5%;
}

@media only screen and (max-width: 1024px) {
  .qodef-top-bar {
      display: inherit !important;
  }
}

/* Menu */

.qodef-fullscreen-menu-holder,
.qodef-fullscreen-menu-opener {
    background-color: #1a2e3c;
}

nav.qodef-fullscreen-menu ul li ul li.current-menu-item>a {
  color: #e4003a;
}

/* Footer */

body:not(.home):not(.page-id-4855) .qodef-page-footer {
    margin-top: 50px;
}

footer .widget {
    color: #80ccdb;
}

footer a {
  color: #80ccdb;
}
footer a:hover {
  color: #e4003a;
}


.qodef-blog-list-holder h2.entry-title.qodef-post-title {
  font-size: 1.5em;
}

/* Single Post */

body.single-post .qodef-title-holder .qodef-title-wrapper .qodef-page-title {
    font-size: unset;
}


/* Gallery Post */

.qodef-blog-holder.qodef-blog-single article.format-gallery .qodef-blog-gallery .owl-nav .owl-next,
.qodef-blog-holder.qodef-blog-single article.format-gallery .qodef-blog-gallery .owl-nav .owl-prev {
    padding: 10px 20px;
    background: rgba(0,0,0,0.5);
}
.qodef-blog-holder.qodef-blog-single article.format-gallery .qodef-blog-gallery .owl-nav .owl-next {
  right: 0;
}
.qodef-blog-holder.qodef-blog-single article.format-gallery .qodef-blog-gallery .owl-nav .owl-prev {
    left: 0;
}




/* Cookie Notice */
.cn-button.bootstrap {
    background: #e4003a;
}



/* Social Icons */
.qodef-fullscreen-below-menu-widget-holder {
    text-align: left;
    margin-left: 16%;
	-webkit-animation: push_text_right .4s cubic-bezier(.175,.885,.32,1) both;
    -moz-animation: push_text_right .4s cubic-bezier(.175,.885,.32,1) both;
    animation: push_text_right .4s cubic-bezier(.175,.885,.32,1) both;
	
	
	
	animation-delay: 350ms;
}

@media only screen and (max-width: 480px) {
	.qodef-fullscreen-below-menu-widget-holder {
    margin-left: 10%;
	}
}


/* Blog Archiv */
.archive .owl-stage {
	max-height: 30vh !important;
    overflow: hidden;
}

.qodef-sidebar {
	border: absolute;
	border: 2px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.1);
	padding: 1vh;
}

.qodef-sidebar-holder{
	margin-top: 3vh !important;
	
}


.wpb_widgetised_column .widget ul li a, aside.qodef-sidebar .widget ul li a {
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

/* Long inline URLs */
.qodef-content a {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Migrated WP custom CSS from johak-1-7 */
iframe .appointmentBlock {
	background-color: rgb(128, 204, 219) !important;
}

#submit,
#wpforms-submit-9106 {
	background-color: #1a2e3c;
}

.vc_btn3.vc_btn3-color-juicy-pink,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
	background-color: #e4003a;
}

.schnupper-button {
	position: absolute;
	top: 50px;
	right: 50px;
	z-index: 10;
}

.qodef-post-text-main:nth-child(2),
.lesbarkeit {
	font-family: Montserrat, sans-serif;
}

.qodef-post-text-main a {
	text-decoration: underline !important;
}

.qodef-post-text-main p {
	line-height: 1.6em;
}

.iframeInnerContainer {
	padding: 0 !important;
}