/*
	Theme Name: Kanutouren Theme
	Theme URI: http://html5blank.com
	Description: Based on HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/



@font-face {
  font-family: 'CocogooseRegular';
  font-style: normal;
  font-weight: normal;
  src: url('webfonts/Cocogoose.eot');
  src: local('Cocogoose'), local('Cocogoose'),
       url('webfonts/Cocogoose.eot?#iefix') format('embedded-opentype'),
       url('webfonts/Cocogoose.woff') format('woff'), 
       url('webfonts/Cocogoose.ttf') format('truetype'), 
       url('webfonts/Cocogoose.svg') format('svg'); 
}
@font-face {
  font-family: 'CocogooseCompressed-Light';
  font-style: normal;
  font-weight: normal;
  src: url('webfonts/CocogooseCompressed-Light.eot');
  src: local('CocogooseCompressed-Light'), local('CocogooseCompressed-Light'),
       url('webfonts/CocogooseCompressed-Light.eot?#iefix') format('embedded-opentype'),
       url('webfonts/CocogooseCompressed-Light.woff') format('woff'), 
       url('webfonts/CocogooseCompressed-Light.ttf') format('truetype'), 
       url('webfonts/CocogooseCompressed-Light.svg') format('svg'); 
}

@font-face {
  font-family: 'CocogooseCompressed-UltraLight';
  font-style: normal;
  font-weight: normal;
  src: url('webfonts/CocogooseCompressed-UltraLight.eot');
  src: local('CocogooseCompressed-UltraLight'), local('CocogooseCompressed-UltraLight'),
       url('webfonts/CocogooseCompressed-UltraLight.eot?#iefix') format('embedded-opentype'),
       url('webfonts/CocogooseCompressed-UltraLight.woff') format('woff'), 
       url('webfonts/CocogooseCompressed-UltraLight.ttf') format('truetype'), 
       url('webfonts/CocogooseCompressed-UltraLight.svg') format('svg'); 
}

@font-face {
  font-family: 'Cocogoose-Light';
  font-style: normal;
  font-weight: normal;
  src: url('webfonts/Cocogoose-Light.eot');
  src: local('Cocogoose-Light'), local('Cocogoose-Light'),
       url('webfonts/Cocogoose-Light.eot?#iefix') format('embedded-opentype'),
       url('webfonts/Cocogoose-Light.woff') format('woff'), 
       url('webfonts/Cocogoose-Light.ttf') format('truetype'), 
       url('webfonts/Cocogoose-Light.svg') format('svg'); 
}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.carousel-control-next, .carousel-control-prev {background-color:transparent;border:none;}
.wrapper {
	
	
	position:relative;
}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.DetailsArticleContainer {display:none!important;}
.DetailsArticleContainer div {font-family: 'Cocogoose-Light';
  color: black;
  font-size: 15px;
  line-height: 28px;
  padding-bottom: 30px;
}}

img {width:100%;height:auto;}

/* header */
header { transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;z-index:100;}
header {padding:0px 0;opacity:0;}
header nav.bg-light {background:rgba(255,255,255,0.9);}
.logo-img {height:30px;width:auto;transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;}
header .logo-img {width:200px;height:auto;filter:none;transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;padding-top:5px;}
.menuOpener img {height:40px;width:auto;transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;opacity:0;}
header.sticky .menuOpener img {opacity:1;}
header.sticky {background:rgba(255,255,255,0.9);border-bottom:0px solid #0097da; opacity:1;}
header nav.bg-light {background:rgba(255,255,255,0.9)!important;padding: 37px 15px 1px 15px;}
header.sticky {padding:0px 0;}
.menuOpener {cursor: pointer;}
.navbar-light .navbar-toggler {color:black!important;}
header.sticky .navbar-light .navbar-toggler {color:black!important;}
.navbar-brand {padding-top:0;padding-bottom:0;}
.navbar-light .navbar-toggler-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

}
header {padding:0px 0;opacity:1;}
.home header {opacity:0;}
.home header.sticky {opacity:1;}
.page-template-template-kurzeseite header {padding:0px 0;opacity:1;}


.touren-template-default header .menuOpener img {opacity:1;}
.touren-template-default header {background:rgba(255,255,255,0.9);border-bottom:0px solid #0097da; opacity:1;}

.tax-tourgewaesser header .menuOpener img {opacity:1;}
.tax-tourgewaesser header {background:rgba(255,255,255,0.9);border-bottom:0px solid #0097da; opacity:1;}

.tax-tourart header .menuOpener img {opacity:1;}
.tax-tourart header {background:rgba(255,255,255,0.9);border-bottom:0px solid #0097da; opacity:1;}

.prev-posts-link {text-align: center;font-family: 'CocogooseRegular';}
.nav-previous a {font-family: 'CocogooseRegular';color: black;text-transform: uppercase;text-decoration: underline;font-size:15px;}
.nav-next a {font-family: 'CocogooseRegular';color: black;text-transform: uppercase;text-decoration: underline;font-size:15px;}
a.ortLinkzuGoogle {font-family: 'CocogooseRegular';color: black;text-transform: uppercase;text-decoration: none;font-size:15px;display:block;text-align:center;}
a.ortLinkzuGoogle i {font-size:30px;}
img.attachment-tourentrenner {width:100%;height:auto;}
.touren h4.tourdatumfeld {color:#e82f2b}
@media (min-width: 990px) {
	.navbar-brand {position: absolute;left: 50%;transform: translateX(-50%);top: 1px;}

}

@media (max-width: 990px) {
header nav.bg-light {padding: 25px 15px;}
.navbar-brand {position: absolute;left: 50%;transform: translateX(-50%);top: 1px;}
}

.dropdown-menu {
  font-family: 'Cocogoose-Light';color:black;font-size:15px;color:black;
}
body.impressum header {opacity:1;}
body.datenschutz header {opacity:1;}
body.buchen header {
  opacity: 1;
}
.buchenSection {min-height:90vH}
.navbar-light .navbar-toggler {
    margin: 15px 0;
}
.wrapper {position:relative;overflow-x:hidden;}


.wrapper:before {content: ' ';
    position: fixed; 
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
    background: url('img/whitebg.svg') repeat center center;
    background-size: cover;
    will-change:transform; 
    z-index: -1;}
span.wpcf7-list-item-label {font-size:12px;margin-left:10px;}

#home {position:relative;width:100%;height:100vH;clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);}
#home video {
    position: relative;
    width: 100vw;
    height: 100vH;
    height: calc(var(--vh, 1vh) * 100);
    object-fit: cover;
    left: 0px;
    top: 0px;
    z-index:1;
}
/*a.navbar-brand.opa {
    position: absolute;
    top: 0px;
    right: 0;
    margin-right: 1rem;
}*/
.collapse.show ul {}

#home {position:relative;width: 100%; height: 100vH;height: calc(var(--vh, 1vh) * 100);}
.heroLogoHolder {position:absolute;width:90%;top:10%;z-index:2;margin:0 auto;text-align:center;left:0;right:0;}
.heroLogoHolder .heroLogo {width:90%;max-width:560px;position:relative;margin:0 auto;}
.heroLogoHolder h1 span {position:absolute;left:-9999px;}

.whiteBG {}
.firstRow {position:relative;z-index:10;padding-top:50px;}

.sectionIcon .so-widget-sow-image {max-width:125px;margin:0 auto;}

.mainHL {text-align:center;}
.mainHL h2 {font-family: 'CocogooseCompressed-UltraLight';color:black;font-size:65px;text-transform:uppercase;position:relative;letter-spacing: 10px;}
.mainHL h1 {font-family: 'CocogooseCompressed-UltraLight';color:black;font-size:65px;text-transform:uppercase;position:relative;letter-spacing: 10px;}
h1.tourenHL {font-family: 'CocogooseCompressed-UltraLight';color:black;font-size:65px;text-transform:uppercase;position:relative;letter-spacing: 10px;}
.mainHL h3 {min-width:260px;display:inline-block;position:relative;font-family: 'CocogooseCompressed-Light';color:black;font-size:30px;text-transform:uppercase;margin:0;padding-top:13px;padding-bottom:30px;}
.mainHL h3 a{min-width:260px;display:inline-block;position:relative;font-family: 'CocogooseCompressed-Light';color:black;font-size:30px;text-transform:uppercase;margin:0;padding-top:13px;padding-bottom:30px;}
.mainHL h3:before {position:absolute;width:260px;height:2px;background:#e82f2b;content:'';left:0;top:0;right:0;margin:0 auto;}
.redDivider {width:260px;height:2px;background:#e82f2b;content:'';margin:15px auto 25px auto;}

.artterms {display:flex;flex-direction:row;justify-content: space-between;list-style: none;padding:0;margin:20px 0;}
.artterms li a {font-family: 'CocogooseCompressed-Light';color:black;font-size:18px;text-transform:uppercase;}

.tax-tourgewaesser h2 {font-family: 'CocogooseCompressed-Light';color:black;font-size:30px;text-transform:uppercase;margin:0;padding-top:13px;padding-bottom:30px;}
.tax-tourgewaesser h2 a {color: black;}

.tax-tourart h2 {font-family: 'CocogooseCompressed-Light';color:black;font-size:30px;text-transform:uppercase;margin:0;padding-top:13px;padding-bottom:30px;}
.tax-tourart h2 a {color: black;}

a.moreTourLink { display:inline-block;background:#446f8f; font-family: 'CocogooseRegular';color:black;font-size:15px;text-decoration:underline;margin-bottom:30px;color:white;text-decoration:none;padding:10px 15px;border-radius:3px;}




.textwidget p {font-family: 'Cocogoose-Light';color:black;font-size:15px;line-height:28px;padding-bottom:30px;}
.form-control {font-family: 'Cocogoose-Light';color:black;font-size:15px;line-height:28px;}
.custom-select{font-family: 'Cocogoose-Light';color:black;font-size:15px;line-height:28px;}

.btn.btn-primary {
display: inline-block;
margin: 0 auto;
background: #446f8f;
font-family: 'CocogooseCompressed-Light';
color: white;
font-size: 30px;
text-align: center;
text-transform: uppercase;
padding: 15px 20px;
border-radius: 10px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
text-decoration: none;
}

.textwidget h4 {font-family: 'CocogooseCompressed-Light';color:black;font-size:30px;margin:0;padding-bottom:25px;}
.textwidget p a {  font-family: 'CocogooseRegular';}
.container {max-width:960px;}
.blueBG  {will-change: opacity;background: rgb(39,64,88);background: linear-gradient(180deg, rgba(39,64,88,1) 0%, rgba(64,104,135,1) 100%);clip-path: polygon(0 250px, 100% 0, 100% calc(100% - 250px), 0% 100%);mix-blend-mode:multiply;margin-top:-180px;padding-top:170px;position:relative;}

p{font-family: 'Cocogoose-Light';color:black;font-size:15px;line-height:28px;padding-bottom:30px;}
.touren h4 {font-family: 'CocogooseCompressed-Light';color:black;font-size:30px;margin:0;padding-bottom:25px;}
.touren p a {  font-family: 'Cocogoose-Light';}
.touren p strong {  font-family: 'CocogooseRegular';}

.lastColAbstand {padding-bottom:250px;}

@media only screen and (max-width:768px) {
.blueBG  {background: rgb(39,64,88);background: linear-gradient(180deg, rgba(39,64,88,1) 0%, rgba(64,104,135,1) 100%);background-repeat:no-repeat;background-position:center top;
background-size: cover;min-height:700px;clip-path: none;mix-blend-mode:multiply;margin-top:0px;padding-top:150px;}
.lastColAbstand {padding-bottom:50px;}
.wrapper {position:relative;background:url('img/whitebg.svg') repeat center top #fff;background-size:100%background-attachment:scroll;}
}

@media only screen and (max-width:600px) {

.mainHL h1 {font-family: 'CocogooseCompressed-UltraLight';color:black;font-size:45px;text-transform:uppercase;position:relative;letter-spacing: 10px;}
}

.blueAbstand {/*padding-top: 420px;*/}
.blueBG h4 {color:white;}
.blueBG p {color:white;}

.blueDivider {position:relative;height:2px;width:260px;background:white;margin:50px auto;}
.textwidget ul {font-family: 'Cocogoose-Light';color:black;font-size:15px;line-height:28px;padding-bottom:30px;padding-left:15px;}
.blueBG ul {color:white;}

a.kontaktButton {display:inline-block;margin:0 auto;background:#446f8f;font-family: 'CocogooseCompressed-Light';color:white;font-size:30px;text-align:center;text-transform:uppercase;padding:15px 20px;border-radius:10px;transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;text-decoration:none;}
a.kontaktButton span {display:block;font-size:20px;color:white;}
a.kontaktButton:hover {background:#e82f2b;}
a.kontaktButton:hover span {color:white;}
.so-widget-sow-image h3.widget-title {font-family: 'Cocogoose-Light';
color: white;
font-size: 10px;
}
.textwidget h5 { font-family: 'CocogooseRegular';font-size:15px;padding:0;margin:0px 0px 30px 0px;}
table.tablepress {font-family: 'Cocogoose-Light';color:black;font-size:15px;line-height:28px;width:80%;}
.tablepress td, .tablepress th {padding:5px 0!important;border: none !important;}
.tablepress .column-1 {width:60%;}
.tablepress .column-2 {text-align:right;}
.tablepress tr {border: none !important;}

.lsow-panel-title {font-family: 'CocogooseRegular';font-size: 15px!important;color:black!important;font-weight:inherit!important;background:transparent;}
.lsow-panel-content {font-family: 'Cocogoose-Light';color:black;font-size:15px;line-height:28px;}
.lsow-panel-content p {padding-bottom:30px;}
.lsow-panel-title:hover {background:#e82f2b!important;}

.lsow-accordion.style1 .lsow-panel.lsow-active .lsow-panel-title {
    color: #FFF!important;
    background: #e82f2b;
}

.lsow-accordion.style1 .lsow-panel.lsow-active .lsow-panel-title::after {
    color: #FFF!important;
}
.lsow-accordion.style1 .lsow-panel {background:transparent;}
.lsow-accordion.style1 .lsow-panel {
    margin: 0px 0 0;
   
    border-radius: 5px;
    overflow: hidden;
}
.lsow-accordion.style1 .lsow-panel .lsow-panel-title::after, .lsow-accordion.style3 .lsow-panel .lsow-panel-title::after {
    color: #000!important;
}

.kontaktblueBG {background: rgb(39,64,88);background: linear-gradient(180deg, rgba(39,64,88,1) 0%, rgba(64,104,135,1) 100%);background-repeat:no-repeat;background-position:center top;
background-size: cover;min-height:700px;clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 50% 250px, 100% 0%);mix-blend-mode:multiply;/*margin-top:-200px;*/}

.innerKontaktBlueBG {padding-top:300px;padding-bottom:150px;}
.innerKontaktBlueBG .mainHL h2 {color:white;}
.innerKontaktBlueBG p {color:white;}
.innerKontaktBlueBG p a {color:white;}
.innerKontaktBlueBG .mainHL h3 {color:white;}
.innerKontaktBlueBG h6 {font-family: 'CocogooseRegular';text-transform:uppercase;color:white;font-size:30px;line-height:40px;}
footer {background:black;}
footer p {font-family: 'CocogooseRegular';font-size: 15px;color:white;padding:10px 0; margin:0;}
footer ul {list-style: none;}
footer ul li {display:inline;margin:0 10px;}
footer ul li a {text-decoration:none;font-family: 'CocogooseRegular';font-size: 15px;color:white;padding:10px 0; margin:0;}
footer ul li a:hover {color:white;}
.navbar-light .navbar-nav .nav-link {font-family: 'Cocogoose-Light';color:black;font-size:15px;color:black;}
.navbar-light .navbar-nav .nav-link:hover {color:black;}
.navbar-light .navbar-nav .nav-link.mPS2id-highlight {color:#e82f2b;}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .6rem;
    padding-left: .6rem;
}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}
body.impressum li#menu-item-166 a {color:#e82f2b;}
body.datenschutz li#menu-item-165 a {color:#e82f2b;}
.parallax {position:relative;width:100%;height:560px;position: relative;}
.bg-wrap {

    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;z-index:-100;
}
.bg {position: fixed;display: block;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center bottom;-webkit-transform: translateZ(0);transform: translateZ(0);will-change: transform;z-index: 2}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.wrapper {background-attachment:scroll;background-size:100%;}
}


/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
.wrapper {background-attachment:scroll;background-size:100%;}
}

/* ----------- iPad Pro 10.5" ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {
.wrapper {background-attachment:scroll;background-size:100%;}
}



/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
.wrapper {background-attachment:scroll;background-size:100%;}
}


/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
.wrapper {background-attachment:scroll;background-size:100%;}
}


@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}