/* 
Theme Name: Hohlgassland
Version: v.1.0
Description: Hohlgassland
Author: Roman Hospenthal, RHOdesign
Author URI: http://www.rhodesign.ch/
*/

@import 'css/reset.css';
@import 'css/grid.css';
@import 'css/plugins.css';
@import 'css/helpers.css';



/* ------------------------------------------------------------ *\
	Variables
\* ------------------------------------------------------------ */
:root {
/* Font sizes. */
--fontsize-xl: ; 
--fontsize-lg: 36px ; 
--fontsize-md: 24px;
--fontsize-sm: 18px; 
--fontsize-xs: 16px;

/* Line heights. */
--line-height-sm: 1;
--line-height-md: 1.3;
--line-height-lg: 1.6;
}
@media (max-width: 991px) {
:root {
--fontsize-lg: 30px ; 
--fontsize-md: 20px;
}
}





/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
/*
 * Web Fonts from colophon-foundry.org
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Colophon Foundry. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2022 Colophon Foundry
 *
 * Licenced to HohlgassLand Tourismus 
 */

@font-face {
    font-family: 'apercu-regular-pro';
    src: url('fonts/apercu-regular-pro.eot');
    src: url('fonts/apercu-regular-pro.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-regular-pro.woff2') format('woff2'),
         url('fonts/apercu-regular-pro.woff') format('woff'),
         url('fonts/apercu-regular-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'apercu-bold-pro';
    src: url('fonts/apercu-bold-pro.eot');
    src: url('fonts/apercu-bold-pro.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-bold-pro.woff2') format('woff2'),
         url('fonts/apercu-bold-pro.woff') format('woff'),
         url('fonts/apercu-bold-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}





/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background:#F0EBE6; font-family: 'apercu-regular-pro', Arial, sans-serif; font-weight:400; font-size: var(--fontsize-sm); line-height: var(--line-height-md); color: #00468C; }

a { color: inherit; text-decoration: none; -webkit-transition: color .2s; -moz-transition: color .2s; -o-transition: color .2s; -ms-transition: color .2s; transition: color .2s; }
a:hover,
a[href^="tel"] { text-decoration: none; }
p,ul,ol,dl,hr,table,blockquote { margin-bottom: 1.5em; }







/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {display: flex;flex-direction: column;min-height: 100vh; position: relative; overflow: hidden;}
.main {z-index:  }

@media (max-width: 767px) {
.main {padding-top: 0px; }
}
@media (max-width: 575px) {
.main {padding-top: 0px; }
}



.container { max-width: 1460px; padding-right:25px;padding-left:25px;margin-right:auto;margin-left:auto}
.container.full { max-width: 100%; width: 100%; padding-right:0px;padding-left:0px;}

.container a {color: #00BEE6; }
.container a:hover {color: #00468C;}





.textcenter {text-align: center;}
.textright { text-align: right; }
.relative {position: relative; }

small {font-size: 0.8em; line-height: 0.7em;}
strong { font-family: 'apercu-bold-pro', Arial, sans-serif; font-weight:normal}

.section {display: block; clear: both; position: relative; width: 100%; }
.section p:last-of-type {margin-bottom: 0; }

.section:first-of-type {margin-top: 120px }
.section.section-headslider  {margin-top: 0 !important }
.section:last-of-type { }
@media (max-width: 991px) {
.section:first-of-type {margin-top: 80px }
}
@media (max-width: 767px) {
.section:first-of-type {margin-top: 60px }
}


/* ------------------------------------------------------------ *\
	Margins
\* ------------------------------------------------------------ */
.abstand-kein { margin-bottom: 0px;}
.abstand-klein { margin-bottom: 40px;}
.abstand-mittel { margin-bottom: 80px;}
.abstand-gross { margin-bottom: 160px;}
@media (max-width: 991px) {
.abstand-kein { margin-bottom: 0px;}
.abstand-klein { margin-bottom: 30px;}
.abstand-mittel { margin-bottom: 60px;}
.abstand-gross { margin-bottom: 80px;}
}
@media (max-width: 767px) {
.abstand-kein { margin-bottom: 0px;}
.abstand-klein { margin-bottom: 25px;}
.abstand-mittel { margin-bottom: 40px;}
.abstand-gross { margin-bottom: 60px;}
}


/* ------------------------------------------------------------ *\
	Paddings
\* ------------------------------------------------------------ */
.padding-top-klein { padding-top: 40px;}
.padding-top-mittel { padding-top: 80px;}
.padding-top-gross { padding-top: 160px;}
.padding-bottom-kein { padding-bottom: 0px;}
.padding-bottom-klein { padding-bottom: 40px;}
.padding-bottom-mittel { padding-bottom: 80px;}
.padding-bottom-gross { padding-bottom: 160px;}
@media (max-width: 991px) {
.padding-top-kein { padding-top: 30px;}
.padding-top-mittel { padding-top: 60px;}
.padding-top-gross { padding-top: 80px;}
.padding-bottom-kein { padding-bottom: 30px;}
.padding-bottom-mittel { padding-bottom: 60px;}
.padding-bottom-gross { padding-bottom: 80px;}
}
@media (max-width: 767px) {
.padding-top-kein { padding-top: 25px;}
.padding-top-mittel { padding-top: 40px;}
.padding-top-gross { padding-top: 60px;}
.padding-bottom-kein { padding-bottom: 25px;}
.padding-bottom-mittel { padding-bottom: 40px;}
.padding-bottom-gross { padding-bottom: 60px;}
}


/* ------------------------------------------------------------ *\
	Hintergrundfarben
\* ------------------------------------------------------------ */
.hintergrundfarbe1 {background-color: #F0EBE6 }
.hintergrundfarbe2 {background-color: #FFF}
.hintergrundfarbe3 {background-color: #285078}



/* ------------------------------------------------------------ *\
	Headings
\* ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {  -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
h1 { font-family: 'apercu-regular-pro', Arial, sans-serif; font-weight:400; color: #00468C; font-size: var(--fontsize-lg); line-height: var(--line-height-md); margin-bottom: 40px; }
h2 { font-family: 'apercu-regular-pro', Arial, sans-serif; font-weight:400; color: #00468C; font-size: var(--fontsize-lg); line-height: var(--line-height-md); margin-bottom: 30px; }
h3 { font-family: 'apercu-bold-pro', Arial, sans-serif; font-weight:400; color: #00468C; font-size: var(--fontsize-md); line-height: var(--line-height-md); margin-bottom: 20px; }
h4 { font-family: 'apercu-regular-pro', Arial, sans-serif; font-weight:400; color: #00468C; font-size: var(--fontsize-md); line-height: var(--line-height-md); margin-bottom: 20px; }
h5 { font-family: 'apercu-bold-pro', Arial, sans-serif; font-weight:400; color: #00468C; font-size: var(--fontsize-sm); line-height: var(--line-height-md); margin-bottom: 20px; }

/* ------------------------------------------------------------ *\
	Listen
\* ------------------------------------------------------------ */
/*
.section-text ul{ list-style: none; padding:0;  margin:0 0 25px 0;  }
.section-text ul li{ padding-left: 1.3em; text-indent: -1em; padding-bottom: 15px   }
.section-text ul li:before { content: "\2013"; padding-right:0.5em; }
*/

.section-text ul{ list-style: none; padding:0;  margin:0 0 30px 0;  }
.section-text ul li{  padding-bottom: 10px; border-bottom: 1px solid #000 }
.section-text ul li + li{  padding-top: 10px; border-bottom: 1px solid #000 }

.section-text ol { list-style: none; counter-reset: my-awesome-counter; margin:0 0 30px 0;}
.section-text ol li { counter-increment: my-awesome-counter; padding-bottom: 5px; }
.section-text ol li::before { content: counter(my-awesome-counter) ". ";  }










/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header{position:relative;padding:50px 0 33px;background:#FFF; z-index: 5;}
.home .header{background:transparent;}


.header__nav{position:fixed;left:0;top:0;display:block;width:100%;height:100%;padding:0;z-index:998;overflow-x:hidden;overflow-y:auto;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease-in-out, visibility .3s ease-in-out;-o-transition:opacity .3s ease-in-out, visibility .3s ease-in-out;transition:opacity .3s ease-in-out, visibility .3s ease-in-out;}
.header .header__nav.nav--active{opacity:1;visibility:visible;}

.header__nav-inner {
position:absolute;left:0;top:0;display:block;width:100%;overflow-x:hidden;overflow-y:auto;
z-index: 1;
background-color:#F0EBE6;
padding-bottom:200px
}

.overlay {width: 100%; height: 100%;position: absolute;left: 0;background: rgba(0,40,80,.9);display: none;}

.header__inner { display: flex; justify-content: space-between; align-items: center;}
.header__nav .header__inner { padding: 50px 0 120px;}

@media (max-width:991px){
.header{padding:40px 0 25px;}
.header__nav .header__inner { padding: 40px 0 80px;}
.header__nav-inner {padding-bottom:60px}
}
@media (max-width:767px){
.header{padding:30px 0 20px;}
.header__nav .header__inner { padding: 30px 0 40px; flex-direction: column; align-items: start; }
}
@media (max-width:575px){
.header{padding:20px 0 15px;}
.header__nav .header__inner {padding: 20px 0 40px;}
}



/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo { background-image: url(images/hgl_logo_einzeilig_rgb.svg); background-size: 100%; background-repeat: no-repeat; width: 350px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}

@media (max-width: 991px) {
.logo { width: 250px; height: 22px;}
}
@media (max-width: 575px) {
.logo { width: 220px; height: 19px;}
}


/* ------------------------------------------------------------ *\
	Button Menu
\* ------------------------------------------------------------ */
.btn-menu{position:fixed;top:40px;right:3%;display:block;width:60px;height:60px;background:#fff;border-radius:50%;z-index:999;
display: flex;align-items: center;justify-content: center;flex-direction: column;
-moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease;}

.btn-menu-inner {position:relative;width: 100%; height: 100%}

.btn-menu span{width:35px;height:2px;background:#00468C;
-moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease;
position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}

.btn-menu span:nth-child(1) { top: 10px }
.btn-menu span:nth-child(2) {top: -10px}

.btn-menu--open span { top: 0 !important }
.btn-menu--open span:nth-child(1) { transform-origin: center center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.btn-menu--open span:nth-child(2) { transform-origin: center center; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

.btn-menu:hover {background:#00468C;}
.btn-menu:hover span {background:#FFF;}

@media (max-width:991px){
.btn-menu{top:35px; width:50px;height:50px; right:2%;}
.btn-menu span{width:30px;}
}
@media (max-width:767px){
.btn-menu{top:17px; width:40px;height:40px;}
.btn-menu span{width:25px;}
.btn-menu span:nth-child(1) { top: 8px }
.btn-menu span:nth-child(2) {top: -8px}
}

@media (max-width:575px){
.btn-menu{top:8px;}
}




/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
ul.hauptnavigation {}
ul.hauptnavigation li {}
ul.hauptnavigation li a {font-size: var(--fontsize-md); line-height: var(--line-height-md); color: #00468C; padding: 4px 0; display: block;}
ul.hauptnavigation li a:hover  { color: #00BEE6;}
ul.hauptnavigation li.current-menu-item  a{ color: #00BEE6;}







.topheadnavigation ul { height: 40px; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.topheadnavigation li { margin-left: 10px; }
.topheadnavigation a {font-size: 24px; color: #00468C; display:block; }
.topheadnavigation a:hover { color: #00BEE6; text-decoration: none; }
.topheadnavigation li.current_page_item a { color: #00BEE6; text-decoration: none; }

li.suche,
li.wetter,
li.webcam {margin-left: -10px;}

li.suche a,
li.wetter a,
li.webcam a { width: 80px; height: 80px; font-size: 0;}

li.suche{ width: 80px; height: 80px; transform: scale(.5);  background: url('images/header-icon_sprites.png') -10px -10px; }
li.suche:hover {  background: url('images/header-icon_sprites.png') -110px -10px;}

li.wetter { width: 80px; height: 80px; transform: scale(.5); background: url('images/header-icon_sprites.png') -210px -10px;}
li.wetter:hover {  background: url('images/header-icon_sprites.png') -310px -10px;}

li.webcam {  width: 80px; height: 80px; transform: scale(.5); background: url('images/header-icon_sprites.png') -410px -10px;}
li.webcam:hover { background: url('images/header-icon_sprites.png') -510px -10px;}


@media (max-width:1640px){
#topheadnavigation { margin-right: 100px }
}

@media (max-width:767px){
#topheadnavigation {display: none }
.header__nav .header__inner #topheadnavigation {display: block; margin-top: 30px;}
}



.bg-icon_search { width: 40px; height: 40px;  background: url('images/header-icon_sprites.png') -10px -10px;}
.bg-icon_search_hover { width: 40px; height: 40px; background: url('images/header-icon_sprites.png') -110px -10px;}
.bg-icon_wetter { width: 40px; height: 40px; background: url('images/header-icon_sprites.png') -210px -10px;}
.bg-icon_wetter_hover { width: 40px; height: 40px; background: url('images/header-icon_sprites.png') -310px -10px;}
.bg-icon_kamera { width: 40px; height: 40px; background: url('images/header-icon_sprites.png') -410px -10px;}
.bg-icon_kamera_hover { width: 40px; height: 40px; background: url('images/header-icon_sprites.png') -510px -10px;}















/* ------------------------------------------------------------ *\
	M O D U L E - Alle Inhaltsmodule
\* ------------------------------------------------------------ */




/* ------------------------------------------------------------ *\
	Section Header Startseite
\* ------------------------------------------------------------ */
.section-header_startseite  {background: #FFF; margin-top: 0px !important; padding-top: 0; padding-bottom: 0; margin-top: -125px !important;}
.introcaption { position: relative; top: -60px; background: #FFF; padding-top: 60px; width: 94%}
.introcaption a{ display: inline-block; margin-top: 30px; position: relative; text-decoration: none;  font-size: var(--fontsize-sm);}
.introcaption a:hover { color: #00BEE6; }

.introcaption a:after { position: absolute; content: ''; height: 2px;bottom: -3px;  margin: 0 auto;left: 0;right: 0; width: 0%;background: #00BEE6;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;	  }
.introcaption a:hover:after { width: 100%; background: #00BEE6; }
	
.videocontainer {height: 70vh;display: block;position: relative;width: 100%;overflow: hidden;}
#myVideo { width: 100% !important; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: top;}

@media (max-width:575px){
.videocontainer {height: 50vh;}
.introcaption { top: -25px; padding-top: 25px;}
}
@media (max-width:767px){
.introcaption { top: -45px; padding-top: 45px;}
}





.smallgrid { margin-right: -3px; margin-left: -3px;}
.smallgrid .col-1, .smallgrid .col-2, .smallgrid .col-3, .smallgrid .col-4, .smallgrid .col-5, .smallgrid .col-6, .smallgrid .col-7, .smallgrid .col-8, .smallgrid .col-9, .smallgrid .col-10, .smallgrid .col-11, .smallgrid .col-12, .smallgrid .col-sm-1, .smallgrid .col-sm-2, .smallgrid .col-sm-3, .smallgrid .col-sm-4, .smallgrid .col-sm-5, .smallgrid .col-sm-6, .smallgrid .col-sm-7, .smallgrid .col-sm-8, .smallgrid .col-sm-9, .smallgrid .col-sm-10, .smallgrid .col-sm-11, .smallgrid .col-sm-12, .smallgrid .col-md-1, .smallgrid .col-md-2, .smallgrid .col-md-3, .smallgrid .col-md-4, .smallgrid .col-md-5, .smallgrid .col-md-6, .smallgrid .col-md-7, .smallgrid .col-md-8, .smallgrid .col-md-9, .smallgrid .col-md-10, .smallgrid .col-md-11, .smallgrid .col-md-12, .smallgrid .col-md, .smallgrid .col-lg-1, .smallgrid .col-lg-2, .smallgrid .col-lg-3, .smallgrid .col-lg-4, .smallgrid .col-lg-5, .smallgrid .col-lg-6, .smallgrid .col-lg-7, .smallgrid .col-lg-8, .smallgrid .col-lg-9, .smallgrid .col-lg-10, .smallgrid .col-lg-11, .smallgrid .col-lg-12, .smallgrid .col-lg, .smallgrid .col-lg-auto, .smallgrid .col-xl-1, .smallgrid .col-xl-2, .smallgrid .col-xl-3, .smallgrid .col-xl-4, .smallgrid .col-xl-5, .smallgrid .col-xl-6, .smallgrid .col-xl-7, .smallgrid .col-xl-8, .smallgrid .col-xl-9, .smallgrid .col-xl-10, .smallgrid .col-xl-11, .smallgrid .col-xl-12, .smallgrid .col-xl { padding-right: 3px; padding-left: 3px; margin-bottom: 6px}



.grid-inner {height: 100%; position:relative; overflow: hidden; }
.grid-inner img {  width: 100%; height: 100%;object-fit: cover;
-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
.grid-titel {position: absolute; bottom: 30px; left: 30px; color: #FFF; font-size: var(--fontsize-md); line-height: var(--line-height-md); z-index: 2;
-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}

.grid-inner a.full-link {z-index:3}
.grid-inner:hover img {transform: scale(1.05);}
.grid-inner:hover .grid-titel {bottom: 40px;}

.gradientoverlay {z-index: 1;
position: absolute; bottom: 0px; width: 100%; height: 50%; display:block;
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

@media (max-width:1410px){
.grid-titel {  bottom: 20px; left: 20px;  }
.grid-inner:hover .grid-titel {bottom: 30px;}
}
@media (max-width:767){
.grid-titel {  font-size: var(--fontsize-sm);  }
}





/* ------------------------------------------------------------ *\
	Artikel Grid
\* ------------------------------------------------------------ */
.artikelliste {}
.artikel-inner {height: 100%; position:relative; overflow: hidden; }
.artikel-inner img {  width: 100%; height: 100%;object-fit: cover;
-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
.artikel-content {position: absolute; bottom: 30px; left: 30px; z-index: 2;-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}

.artikel-titel {color: #FFF; padding-right: 20px; font-size: var(--fontsize-md); line-height: var(--line-height-md);}
.hauptkategorie {display: inline-block; color: #FFF; padding: 2px 7px; margin-bottom: 5px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.02em;
border-radius: 20px;
border: 1px solid #FFF; background: transparent;}

.artikel-inner a.full-link {z-index:3}
.artikel-inner:hover img {transform: scale(1.05);}
.artikel-inner:hover .artikel-content {bottom: 40px;}

@media (max-width:1410px){
.artikel-content {  bottom: 20px; left: 20px;  padding-right: 15px; }
.artikel-inner:hover .artikel-content {bottom: 30px;}
}
@media (max-width:575px){
.artikel-content { bottom: 10px; left: 10px;  padding-right: 10px; }
.artikel-inner:hover .artikel-content {bottom: 15px;}
.hauptkategorie { font-size: 11px;   padding: 1px 5px;}
.artikel-titel { font-size: var(--fontsize-sm);}
}





/* ------------------------------------------------------------ *\
	Single Artikel
\* ------------------------------------------------------------ */
.single-artikelbeitrag {margin-top:0 !important}
.single-artikelbeitrag .section:first-of-type {margin-top: 0px !important }

.contentcol {}
.sidebar { margin-top: -80px;}
.sidebar-inner {padding: 40px; background: #FFF}
.sidebar-inner h4 {margin-bottom: 40px}
.sidebarblock {border-bottom: 2px solid #F0EBE6; padding-bottom: 20px; margin-bottom: 20px}
.sidebarblock:last-of-type {border-bottom: none; padding-bottom: 0; margin-bottom: 0}

.single_eventdate,
.adresse,
.telefon,
.email,
.website,
.infos {padding-left: 80px;position: relative;min-height: 25px;}


.sideelement + .sideelement {margin-top: 10px;}

.single_eventdate:before { background: url("images/icon_event.svg") no-repeat; width: 25px; height: 25px; margin: 0 7px 0 0; content: ""; display: block; background-size:100% 100%; position: absolute;top: 0;left: 0;}
.adresse:before { background: url("images/icon_adresse.svg") no-repeat; width: 25px; height: 25px; margin: 0 7px 0 0; content: ""; display: block; background-size:100% 100%; position: absolute;top: 0;left: 0;}
.telefon:before { background: url("images/icon_telefon.svg") no-repeat; width: 25px; height: 25px; margin: 0 7px 0 0; content: ""; display: block; background-size:100% 100%; position: absolute;top: 0;left: 0;}
.email:before { background: url("images/icon_email.svg") no-repeat; width: 25px; height: 25px; margin: 0 7px 0 0; content: ""; display: block; background-size:100% 100%; position: absolute;top: 0;left: 0;}
.website:before { background: url("images/icon_website.svg") no-repeat; width: 25px; height: 25px; margin: 0 7px 0 0; content: ""; display: block; background-size:100% 100%; position: absolute;top: 0;left: 0;}
.infos:before { background: url("images/icon_infos.svg") no-repeat; width: 25px; height: 25px; margin: 0 7px 0 0; content: ""; display: block; background-size:100% 100%; position: absolute;top: 0;left: 0;}


.infos ul{ list-style: none; padding:0;  margin:0 0 25px 0; }
.infos ul:last-of-type {  margin-bottom:0;  }
.infos ul li{ padding-left: 1.3em; text-indent: -1em; padding-bottom: 2px   }
.infos ul li:before { content: "\2013"; padding-right:0.5em; }

.acf-map {width: 100%;height: 280px;}
.acf-map img { max-width: inherit !important;}
.markerinfo {font-size: 14px; line-height: 20px; color: #000; padding-top: 10px;}
.markerinfo p{margin: 0px  !important; padding: 0px 0px 15px 0px !important;}
.markerinfo p:last-child{padding: 0px !important;}

.single_eventdate .newsdatum {font-family: 'apercu-bold-pro', Arial, sans-serif;}

.single-artikelbeitrag ul.quicklinks { -webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}

.single-artikel-navigation {display: block; margin-top: 80px}
.single-artikel-navigation-clone {display: none}
.single-artikel-navigation-clone .single-artikel-navigation {display: none}



.acf-map.map-all{width: 100%;height: 800px;}
.markercontent {display: flex}
.markerimg {}
.markertext {padding: 0 20px; font-size: 18px; line-height: 26px;}

.markerblock {border-bottom: 1px solid #F0EBE6; padding-bottom: 15px; margin-bottom: 15px}
.markerblock .adresse,
.markerblock .telefon,
.markerblock .email,
.markerblock .website {padding-left: 50px;position: relative;min-height: 25px;}



@media (max-width:767px){
.sidebar-inner {padding: 40px;}
.single_eventdate,.adresse,.telefon,.email,.website,.infos {padding-left: 80px;}
.sidebar { margin-top: 40px;}
.single-artikel-navigation {display: none}
.single-artikel-navigation-clone  {display: block}
.single-artikel-navigation-clone .single-artikel-navigation {display: block; margin-top: 20px; margin-bottom: 40px }

}
@media (max-width:991px){
.sidebar-inner {padding: 25px;}
.single_eventdate,.adresse,.telefon,.email,.website,.infos {padding-left: 50px;}
}
@media (max-width:1199px){
.sidebar-inner {padding: 25px;}
.single_eventdate,.adresse,.telefon,.email,.website,.infos {padding-left: 50px;}
}




/* ------------------------------------------------------------ *\
	Section Titel mit Lead
\* ------------------------------------------------------------ */
.section-titel-mit-lead { font-size: var(--fontsize-md); line-height: var(--line-height-md); -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.section-titel-mit-lead p:last-of-type {margin-bottom: 0;}
.section-titel-mit-lead .row.justify-content-center {text-align: center; }
.section-titel-mit-lead  a.btn {margin-top: 40px;}

.section-titel-mit-lead.no-margin h1 {margin-bottom: 0px;}
@media (max-width: 991px) {
.section-titel-mit-lead  a.btn {margin-top: 30px;}
}

.section-titel h1 {margin-bottom: 60px;}




/* ------------------------------------------------------------ *\
	Section Text-Module (100, 50, 75-25)
\* ------------------------------------------------------------ */
.section-text {}
@media (max-width: 767px) {
}






/* ------------------------------------------------------------ *\
	Dokument Download-Liste
\* ------------------------------------------------------------ */
.section-dokument-download-liste {}

ul.dokument-download { list-style: none; border-top: 1px solid #A5A09B; margin-bottom: 0;}
ul.dokument-download li {border-bottom: 1px solid #A5A09B; padding: 15px 0; position: relative}
ul.dokument-download li a {position: relative; text-decoration:none;  margin-left: 2em;  color: #00468C; display: block; padding-right: 25px;}
ul.dokument-download li a:hover {color: #00BEE6;}

ul.dokument-download li a.file[href$="."]:before { position:absolute; left: -2em; top: 2px; content: url(images/file-other.png) " " }
ul.dokument-download li a.file[href$=".pdf"]:before { position:absolute; left: -2em; top: 2px; content: url(images/file-pdf.png) " " }
ul.dokument-download li a.file[href$=".doc"]:before, ul.dokument-download li a[href$=".docx"]:before { position:absolute; left: -2em; top: 2px; content: url(images/file-doc.png) " " }
ul.dokument-download li a.file[href$=".xls"]:before, ul.dokument-download li a[href$=".xlsx"]:before { position:absolute; left: -2em; top: 2px; content: url(images/file-xls.png) " " }
ul.dokument-download li a.file[href$=".jpg"]:before, ul.dokument-download li a[href$=".jpeg"]:before, ul.dokument-download li a[href$=".gif"]:before, ul.dokument-download li a[href$=".png"]:before { position:absolute; left: -2em; top: 2px; content: url(images/file-img.png) " " }
ul.dokument-download li a[href$=".zip"]:before { position:absolute; left: -2em; top: 2px; content: url(images/file-zip.png) " " }

ul.dokument-download li a.web:before { position:absolute; left: -2em; top: 3px; content: url(images/file-link.png) " " }

ul.dokument-download li i { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
[class^="ico-"]{display:inline-block;background-position:0 0;background-size:100% 100%;}
.ico-download{background-image:url(images/ico-download.svg);width:18px;height:23px;}
.ico-web{background-image:url(images/ico-web.svg);width:18px;height:20px;}

@media (max-width: 767px) {
ul.dokument-download li a.file[href$="."]:before { top: 0px;  }
ul.dokument-download li a.file[href$=".pdf"]:before { top: 0px; }
ul.dokument-download li a.file[href$=".doc"]:before, ul.dokument-download li a[href$=".docx"]:before { top: 0px; }
ul.dokument-download li a.file[href$=".xls"]:before, ul.dokument-download li a[href$=".xlsx"]:before { top: 0px; }
ul.dokument-download li a.file[href$=".jpg"]:before, ul.dokument-download li a[href$=".jpeg"]:before, ul.dokument-download li a[href$=".gif"]:before, ul.dokument-download li a[href$=".png"]:before { top: 0px; }
ul.dokument-download li a.web:before { top: 0px; }
}








/* ------------------------------------------------------------ *\
	Section Accordion
\* ------------------------------------------------------------ */
.accordion { border-bottom: 1px solid #000; margin-top: -20px}

.accordion-trigger {
color: #00468C; padding: 20px 0; border-top: 1px solid #00468C;
display: table !important; table-layout: fixed !important; cursor: pointer; display: block; width: 100%; clear: both; position: relative; 
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.accordion-trigger:first-of-type { border-top: none;}

.accordion-trigger:hover { color: #00BEE6;}
.accordion-trigger-active { border-bottom: none; color: #00BEE6;}


.accordion-trigger-open:before {content: "";position: absolute;display: block;right: 0px; top: 50%; width: 20px; height: 0; border-top: 2px solid #00468C;transform: rotate(0deg);transform-origin: center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
.accordion-trigger-open:after {content: "";position: absolute;display: block;margin: auto; right: 0px; top: 2px; bottom: 0;width: 20px; height: 0; border-top: 2px solid #00468C; transform: rotate(90deg);transform-origin: center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}

.accordion-trigger:hover .accordion-trigger-open:before {border-top: 2px solid #00BEE6; }
.accordion-trigger:hover .accordion-trigger-open:after {border-top: 2px solid #00BEE6; }

.accordion-trigger-active .accordion-trigger-open:before {border-top: 2px solid #00BEE6;transform: rotate(45deg);}
.accordion-trigger-active .accordion-trigger-open:after {border-top: 2px solid #00BEE6;transform: rotate(-45deg); }

.accordion-content {padding: 0 0 40px 0; -webkit-animation:fadeOut .8s ease-out;animation:fadeOut .8s ease-out;  }
.accordion-content.open {-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out}








/* ------------------------------------------------------------ *\
	Section Tabelle
\* ------------------------------------------------------------ */
.section-tabelle table{width: 100% !important; border-spacing:0px !important; margin: 0; table-layout:fixed}
.section-tabelle table td{border-spacing:0px !important; vertical-align:top; padding: 10px 10px 10px 0; border-bottom: 1px solid #000;}
.section-tabelle table th{padding: 0px 10px 10px 0; text-align: left; border-bottom: none;}


@media (max-width: 767px) {
.table-container{width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
.table-container::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
.table-container::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}
}










/* ------------------------------------------------------------ *\
	Section Call to Action
\* ------------------------------------------------------------ */
.section-call_to_action  { position: relative; background: #00BEE6; font-size: var(--fontsize-md); line-height: var(--line-height-md); color: #FFF; padding: 40px 0 60px;}
.section-call_to_action  h2 { color: #FFF; margin-bottom: 00px;}
.section-call_to_action  a.btn { margin-top: 0px; }
.cta-content {margin-top: 30px;}

.cta-bg{ 
background-image: url(images/cta_background.png); background-repeat: no-repeat; background-size: cover; background-position: center; opacity: .25;
position:absolute; right: 0; top: 0%; display:inline-block; width: 50vw; height: 100%; }

@media (max-width: 767px) {
.section-call_to_action  a.btn { margin-top: 30px; }
.cta-bg{ position:absolute; right: 0; bottom: 0; top: auto; display:inline-block; width: 100vw; height: 100%; display: block}
}









/* ------------------------------------------------------------ *\
	Section Bildslider
\* ------------------------------------------------------------ */
.section-headslider {}
.slider--primary, .slider--secondary { overflow: hidden; }
.slider--primary .slider__slide, .slider--secondary .slider__slide { position: relative; height: 100%; }
.slider--primary .slider__slide-image img, .slider--secondary .slider__slide-image img { width: 100%; }
@media (max-width: 991px) {
.slider--primary .slider__slide { min-height: 400px; }
.slider--primary .slider__slide-image img {display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;}
}
@media (max-width: 767px) {
.slider--primary .slider__slide { min-height: 300px; }
}
@media (max-width: 575px) {
.slider--primary .slider__slide { min-height: 200px; }
}



/* ------------------------------------------------------------ *\
	Slider Passend Dazu
\* ------------------------------------------------------------ */
.section-passend-dazu {background: #FFF; }
.section-passend-dazu .slider__clip {padding: 0;}

.slider-passend-dazu {position:relative;padding:0;margin:0 -3px;}
.slider-passend-dazu .slider__slide{padding:0 3px;}
.slider-passend-dazu .slick-list{overflow:visible !important;}
.slider-passend-dazu .slick-list .slick-track { margin-left: unset; margin-right: unset;}

.slider-passend-dazu .slick-navigation {text-align: right; margin-top: 20px; padding: 0;}
.slider-passend-dazu .slick-navigation .content_inner {display: flex; justify-content: end; padding: 0 0 20px; }
.slider-passend-dazu button {border: none; outline: none;}

.slider-passend-dazu .slick-arrow { margin: 0;opacity:1; width: 40px; height: 40px; margin-top:0; background: none; font-size: 0; }
.slider-passend-dazu .prev { position: relative; z-index: 30; opacity: .4; margin-right: 25px; }
.slider-passend-dazu .next { position: relative; opacity: .4}

.slider-passend-dazu .prev:hover { opacity: 1 }
.slider-passend-dazu .next:hover { opacity: 1}

.slider-passend-dazu .next:before {  content: '';  width: 40px;  height: 40px;  position: absolute; left: 0;  top:0; display: block;background: url(images/passend-dazu-arrow-right.svg) no-repeat;background-size: 100%;}
.slider-passend-dazu .prev:before { content: ''; width: 40px; height: 40px; position: absolute;  left: 0; top:0; display: block;  background: url(images/passend-dazu-arrow-left.svg) no-repeat;background-size: 100%;}






/* ------------------------------------------------------------ *\
	Slider Navigation
\* ------------------------------------------------------------ */
.slick-slide img {  display: inline-block; width: 100%; height: auto}

/* Dot Navigation normal */
.slider .slick-dots { list-style-type: none; /*position: absolute; bottom: 20px; left: 0; right: 0;*/ margin: 20px auto 0 auto; 
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; width: 100%;}
.slider .slick-dots li { display: inline-block; width: 16px; height: 16px; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; background: #fff; border: 2px solid #50A0F0; padding: 0; }
.slider .slick-dots li:hover { opacity: 50%}
.slider .slick-dots li + li { margin-left: 15px; }
.slider .slick-dots button { background: transparent; border: 0; font-size: 0; }
.slider .slick-dots .slick-active { background: #50A0F0; }

/* Dot Navigation Head-Slider */
.slider--primary .slick-dots { max-width: 1340px; bottom: 50px; left: 0; right: 0; margin: 0 auto;  padding-right:25px; padding-left:25px;
list-style-type: none; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; 
-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important  }

.slider--primary .slick-dots li { display: inline-block; width: 16px; height: 16px; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; background: transparent; border: 2px solid #FFFFFF; }
.slider--primary .slick-dots li + li { margin-left: 15px; }
.slider--primary .slick-dots .slick-active { background: #FFF; }



.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: #fff;
  z-index: 3;
  border-radius:50%;
  margin-top: -20px;
}

.slick-next { right: 25px;}
.slick-prev { left: 25px;}


.slick-prev:before { content: '';display: inline-block; margin-right: -6px;
width: 15px; height: 15px; border: 2px solid #00468C; border-right: 0; border-top: 0; background: none; font-size: 0;
transform: rotate(45deg) translate(0px);-webkit-transform: rotate(45deg) translate(0px);-moz-transform: rotate(43deg) translate(0px);-o-transform: rotate(45deg) translate(0px);-ms-transform: rotate(45deg) translate(0px);}
.slick-next:before { content: '';display: inline-block; margin-left: -6px;
width: 15px; height: 15px; border: 2px solid #00468C; border-right: 0; border-top: 0; background: none; font-size: 0; 
transform: rotate(-135deg) translate(0px);-webkit-transform: rotate(-135deg) translate(0px);-moz-transform: rotate(-135deg) translate(0px);-o-transform: rotate(-135deg) translate(0px);-ms-transform: rotate(-135deg) translate(0px);}


/*
.slider .slick-arrow { opacity:0; width: 60px; height: 40px; margin-top: -20px; background: none; font-size: 0; -webkit-transition: opacity .5s ease;-moz-transition: opacity .5s ease;-o-transition: opacity .5s ease;transition: opacity .5s ease;}
.slider .slick-prev { position: absolute; top: 50%; z-index: 30; }
.slider .slick-next { position: absolute; top: 50%; }

.slick-next { right: 30px;}
.slick-prev { left: 30px;}
.slider--primary .slick-next { right: 50px;}
.slider--primary .slick-prev { left: 50px;}

.slick-next:before {
    content: '';
    width: 60px;
    height: 40px;
    position: absolute;
    left: 0;
    top:0;
    display: block;
    background: url(images/slick-arrow-right.svg) no-repeat;background-size: 100%;
	-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;
}
.slick-prev:before {
    content: '';
    width: 60px;
    height: 40px;
    position: absolute;
    left: 0;
    top:0;
    display: block;
    background: url(images/slick-arrow-left.svg) no-repeat;background-size: 100%;
	-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;
}

.slick-next:hover:before {opacity: 50%}
.slick-prev:hover:before {opacity: 50%}

.slider:hover .slick-arrow { opacity: 1;}
.slider .slick-arrow:focus { outline: 0; }
.slider button { background: transparent; border: 0; font-size: 0; }
*/


@media (max-width: 991px) {
.slider--primary .slick-dots { bottom: 40px; }
}












/*------------------------------------------------------------ *\
	Section Bild/Text rechts/links
\* ------------------------------------------------------------ */
.section-anreisser_rechtslinks .features { overflow: hidden; }
.section-anreisser_rechtslinks .features li {padding-bottom: 0px !important;margin-bottom: 0px !important;border-bottom: none !important;}

.section-anreisser_rechtslinks .features .feature + .feature { margin-top: 120px; }

.section-anreisser_rechtslinks .featureinner { position: relative;  display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; -webkit-flex-flow: row wrap;flex-flow: row wrap; }

.section-anreisser_rechtslinks .featureinner .featuretext {color: #00468C; 
font-size: var(--fontsize-lg); line-height: var(--line-height-md);
-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}

.section-anreisser_rechtslinks .featureinner .featuretext .btn{margin-top:40px}

.section-anreisser_rechtslinks .features .feature:nth-child(even) .featuretext { padding: 20px 120px 20px 0 }
.section-anreisser_rechtslinks .features .feature:nth-child(odd) .featuretext {padding: 20px 0 20px 120px }

.section-anreisser_rechtslinks .features .feature:nth-child(even) .featurebild {  order: 2; }
.section-anreisser_rechtslinks .features .feature:nth-child(even) .featuretext { order: 1; }
.section-anreisser_rechtslinks .features .featuretext p:last-of-type{margin-bottom: 0;}
.section-anreisser_rechtslinks .features .featuretext { align-self: center;}

.section-anreisser_rechtslinks .featureinner .featurebild { -webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}

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

@media (max-width: 991px) {
.section-anreisser_rechtslinks .features .feature:nth-child(even) .featuretext { padding: 20px 30px 20px 0 }
.section-anreisser_rechtslinks .features .feature:nth-child(odd) .featuretext {padding: 20px 0 20px 30px }
.section-anreisser_rechtslinks .featureinner .featuretext .btn{margin-top:30px}
}

@media (max-width: 767px) {
.section-anreisser_rechtslinks .features .feature:nth-child(even) .featurebild {  order: 1;}
.section-anreisser_rechtslinks .features .feature:nth-child(even) .featuretext { order: 2; }

.section-anreisser_rechtslinks .feature .featuretext {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.section-anreisser_rechtslinks .feature .featurebild {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.section-anreisser_rechtslinks .features .feature:nth-child(even) .featuretext { padding: 20px 0 0 0 }
.section-anreisser_rechtslinks .features .feature:nth-child(odd) .featuretext {padding: 20px 0 0 0 }
}





/*------------------------------------------------------------ *\
	Section Bild/Text rechts/links 50%
\* ------------------------------------------------------------ */
.section-anreisser_rechtslinks_50 .features { list-style-type: none; }
.section-anreisser_rechtslinks_50 .features li {padding-bottom: 0px !important;margin-bottom: 0px !important;border-bottom: none !important;}

.section-anreisser_rechtslinks_50 .features .feature + .feature { margin-top: 60px; }

.section-anreisser_rechtslinks_50 .featureinner { background: #FFF; position: relative;  display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; -webkit-flex-flow: row wrap;flex-flow: row wrap; }


.section-anreisser_rechtslinks_50 .featureinner .featuretext {
font-size: var(--fontsize-md); line-height: var(--line-height-md);
padding: 20px 95px; -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

.section-anreisser_rechtslinks_50 .featureinner .featuretext a {margin-top: 20px; display: inline-block;  position: relative;font-size: var(--fontsize-sm);}
.section-anreisser_rechtslinks_50 .featureinner .featuretext a:hover { color: #00BEE6; }

.section-anreisser_rechtslinks_50 .featureinner .featuretext a:after { position: absolute; content: ''; height: 2px;bottom: -3px;  margin: 0 auto;left: 0;right: 0; width: 0%;background: #00BEE6;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;	  }
.section-anreisser_rechtslinks_50 .featureinner .featuretext a:hover:after { width: 100%; background: #00BEE6; }




.section-anreisser_rechtslinks_50 .features .feature:nth-child(even) .featurebild {  order: 2; }
.section-anreisser_rechtslinks_50 .features .feature:nth-child(even) .featuretext { order: 1; }
.section-anreisser_rechtslinks_50 .features .featuretext p:last-of-type{margin-bottom: 0;}
.section-anreisser_rechtslinks_50 .features .featuretext { align-self: center;}

.section-anreisser_rechtslinks_50 .featureinner .featurebild { -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; overflow: hidden;}


/* hover */
.section-anreisser_rechtslinks_50 .featureinner .featurebild img,
.section-anreisser_rechtslinks_50 .features .feature{
-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;-ms-transition: all .4s; transition: all .4s;}

.section-anreisser_rechtslinks_50 .features .feature:hover {-webkit-box-shadow: 0px 0px 20px 2px rgba(190,185,180,0.5); 
box-shadow: 0px 0px 20px 2px rgba(190,185,180,0.5);}
.section-anreisser_rechtslinks_50 .features .feature:hover .featurebild img {transform: scale(1.05);}

@media (max-width: 991px) {
.section-anreisser_rechtslinks_50 .features .feature:nth-child(even) .featurebild {  order: 1;}
.section-anreisser_rechtslinks_50 .features .feature:nth-child(even) .featuretext { order: 2; }

.section-anreisser_rechtslinks_50 .feature .featuretext {padding: 30px 30px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.section-anreisser_rechtslinks_50 .feature .featurebild {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}






/*------------------------------------------------------------ *\
	News Anreisser /Veranstaltungen
\* ------------------------------------------------------------ */
.section-news { padding-top:0px}
.section-alle_veranstaltungen  { padding-top:0px}

.anreisser {margin-bottom:30px;} 
.anreisser .content-inner{ position: relative; min-height: 180px; background: #fff; height: 100%; -moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease;}
.anreisser:hover .content-inner{ position: relative; -webkit-box-shadow: 0px 0px 20px 2px rgba(190,185,180,0.5); box-shadow: 0px 0px 20px 2px rgba(190,185,180,0.5);} 
.anreisser .content-text {padding: 25px 25px 10px 25px ; position: relative}
.anreisser .newsdatum {color: #A5A09B; margin-bottom: 10px}

a.full-link { position: absolute; top: 0;left: 0; right: 0; bottom: 0; text-indent: -99999px;}


.newsvorschau {min-height: 180px;}
.anreisser .content-text {min-height: 180px;}



.veranstaltungenliste {}
.veranstaltungenliste .anreisser .content-inner {display: flex;}
.veranstaltungenliste .image-container  {width: 180px; min-width: 180px; height: 100%}
.veranstaltungenliste .image-container img {object-fit: cover;height: 100%;width: 100%; position: relative;}

.veranstaltungenliste .anreisser .image-container {position: relative; }
.veranstaltungenliste .anreisser.top-events .image-container:before {content: "\2605"; position: absolute; top: 3px; left: 10px; z-index: 1;
font-size: 36px; color: #FFF;}

@media (max-width: 520px) {
.veranstaltungenliste .anreisser .content-inner {webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.veranstaltungenliste .image-container  {width: 100%; min-width: 100%; height: 180px}
.anreisser .content-inner{ min-height: auto; }
.newsvorschau {min-height: auto;}
.anreisser .content-text {min-height: auto; padding: 25px 25px 10px 25px}
}
@media (max-width: 767px) {
.anreisser .content-text {padding: 20px 15px 10px 15px}
}








/* ------------------------------------------------------------ *\
	Section Bildergalerie
\* ------------------------------------------------------------ */
.section-bildergalerie {}

.gallery {list-style-type:none;}

/*.gallery li {float: left; margin-right: 2%; margin-bottom: 2%; width:  15%}*/

.gallery li {  position: relative;}
.gallery li a{ display: block; position: relative;  }
.gallery li img { width: 100%; }

.gallery li a:before { content: ''; display: inline-block; background: rgba(80, 160, 240, 1); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; visibility: hidden; opacity: 0; 
-webkit-transition: visibility .4s, opacity .4s; -o-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; }
.gallery li a:hover:before { visibility: visible; opacity: 1; }
.gallery li a:hover .gallery-icon { visibility: visible; opacity: 1; }

.gallery-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 
width: 40px; height: 40px; /*border-radius: 50%; border: 2px solid #FFF;*/
display: inline-block; z-index: 20; visibility: hidden; opacity: 0; 
-webkit-transition: visibility .4s, opacity .4s; -o-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; }
.gallery-icon:before { content: ''; display: inline-block; width: 40px; height: 2px; background: #FFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.gallery-icon:after { content: ''; display: inline-block; width: 2px; height: 40px; background: #FFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 767px) {
.gallery-icon { width: 24px; height: 24px;}
.gallery-icon:before { width: 24px; height: 1px; }
.gallery-icon:after { width: 1px; height: 24px; }
}










/* ------------------------------------------------------------ *\
	Section Quicklinks
\* ------------------------------------------------------------ */
.section-quicklinks {}
ul.quicklinks { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
ul.quicklinks li { margin: 5px 10px 5px 0;  border-bottom: 0px !important; padding: 0;}
ul.quicklinks li a { }







/* ------------------------------------------------------------ *\
	Section Webcams
\* ------------------------------------------------------------ */
.section-webcams {}
.webcam-col {margin-bottom: 30px;}
.webcam-inner {background: #FFF; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; }
.webcam-inner:hover {-webkit-box-shadow: 0px 0px 20px 2px rgba(190,185,180,0.5); box-shadow: 0px 0px 20px 2px rgba(190,185,180,0.5);}

.webcam-content {padding: 30px}
.webcam-content h4 {margin-bottom: 0px;}

.webcam-image {height: 19rem; position:relative; overflow: hidden; }
.webcam-image img {  width: 100%; height: 100%;object-fit: cover;  -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
.webcam-inner:hover .webcam-image img {transform: scale(1.05);}

@media (max-width: 991px) {
.webcam-image {height: 16rem;  }
}
@media (max-width: 767px) {
.webcam-image {height: 12rem;  }
}
@media (max-width: 575px) {
.webcam-image {height: 16rem;  }
}


/* ------------------------------------------------------------ *\
	Wetter
\* ------------------------------------------------------------ */
.wetter-icons { display: inline-block; font-family: weathericons; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.wetter-icon-current { font-size: 80px; width: 1.1em; padding-top: 13px;}


.temperatur-aktuell {font-size: 60px; margin: 0 8%}
.temperatur-aktuell-desc { line-height: 1.5em;}

.wetter-vorschau {}
.wetter-vorschau-block {text-align:center; background:#FFF; padding-top: 40px; padding-bottom: 40px;}
.wetter-vorschau-icon {font-size: var(--fontsize-lg); line-height: var(--line-height-md); margin: 0 0 20px;}
.wetter-vorschau-block h4 {margin-bottom: 20px; }

.wetter-vorschau-temp {display: flex; align-items: center;justify-content: center;}
.wetter-vorschau-temp div {position: relative }
.wetter-vorschau-temp div:first-of-type {margin-right: 15px}
.wetter-vorschau-temp div:last-of-type {padding-left: 15px}
.wetter-vorschau-temp div:last-of-type:after { content:"";  background: #00468C;  position: absolute;  bottom: 0;  left: 0;  height: 100%;  width: 1px;}

@media (max-width: 767px) {
.wetter-vorschau .col-6 {margin-bottom: 20px;}

.wetter-icon-current { font-size: 55px; width: 1.1em; padding-top: 0px;}
.temperatur-aktuell {font-size: 60px; margin: 0 0; }
.temperatur-aktuell-desc { margin-top: 30px; }

}




/* ------------------------------------------------------------ *\
	Section News
\* ------------------------------------------------------------ */
.singlenews .section:first-of-type {margin-top: 0px !important }
.singlenews .newsdatum {color: #A5A09B; margin-bottom: 10px}




/* Pagination */
.pagination {display:block; overflow: hidden; margin-top: 60px; display:flex; align-items: center} 
.pagination span, .pagination a {display:block; float:left; margin: 0 15px 0 0;width: auto; color:#50A0F0; font-size: var(--fontsize-sm); line-height: var(--line-height-md);} 
.pagination a:hover{color: #00468C; }
.pagination .current{color: #00468C;}


/* Single News Pagination */
.portfolionavigation {height: 40px; width: 33.3333333333%; display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.portfolionavigation.infinite { -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}

.portfolionavigation.not-infinite {}
.portfolionavigation.not-infinite .previous_post_link  {-ms-flex-item-align:start;align-self:flex-start; }
.portfolionavigation.not-infinite .next_post_link  {-ms-flex-item-align:end;align-self:flex-end;margin-left: auto;}
.portfolionavigation.not-infinite .post_overview {-ms-flex-item-align:cente;-ms-grid-row-align:center;align-self:center;margin-left: auto;}

.portfolionavigation a {display:block;}
.portfolionavigation a:hover .paginationicon { stroke#00468C !important}

@media (max-width: 991px) {
.portfolionavigation {width: 75%; }
}
@media (max-width: 767px) {
.portfolionavigation {width: 100%;}
}











/* ------------------------------------------------------------ *\
	List Filters
\* ------------------------------------------------------------ */
.section-filtercontainer {-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.list-filters{margin-bottom:30px;}
.list-filters ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none; -ms-flex-wrap:wrap;flex-wrap:wrap;  margin-bottom: 0;}
.list-filters li{ margin: 0 5px 10px 5px }
.list-filters li .top-events span:before {content: "\2605"; margin-right: 5px; }
@media (max-width: 767px) {
.list-filters li{ margin: 0 4px 8px 4px }
}




/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */
a.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top: 20px; background: transparent;
padding: 10px 35px; font-size: var(--fontsize-sm); line-height: var(--line-height-md); color: #00468c; border: 2px solid #00468c;
-webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; border-radius: 0;
}
a.btn:hover {color: #FFF; background: #00468c;}

a.btn.negative { color: #fff; border: 2px solid #fff;}
a.btn.negative:hover {color: #00468c; background: #fff;}


/* Btn transparent runde Ecken */
a.btn.btnoutlinedround {margin-top: 0px; padding:8px 30px; border-radius:50px; color:#00BEE6;border:2px solid #00BEE6; background: transparent; 
display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
a.btn.btnoutlinedround:hover{color:#00468C; border-color: #00468C; }
a.btn.btnoutlinedround.is-active {color:#FFF; border-color: #00BEE6; background: #00BEE6;}
@media (max-width: 767px) {
a.btn.btnoutlinedround { padding:5px 15px; }
}





a.line-link { display: inline-block; position: relative; text-decoration: none;  font-size: var(--fontsize-sm);}
a.line-link:hover { color: #00BEE6; }

a.line-link:after { position: absolute; content: ''; height: 2px;bottom: -3px;  margin: 0 auto;left: 0;right: 0; width: 0%;background: #00BEE6;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;	  }
a.line-link:hover:after { width: 100%; background: #00BEE6; }
	

@media (max-width: 991px) {
a.line-link { margin-bottom: 40px;}
}






/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { background: #002850; color: #FFF; position: relative; width: 100%;margin: auto auto 0 auto; padding: 40px 0 60px 0; 
font-size: var(--fontsize-sm); line-height: var(--line-height-md);  }
.footer h3{ font-size: 20px; line-height: 28px; margin: 0 0 5px; color: #FFF }
.footer a{ color: #FFF }
.footer a:hover{ color: #FFF }

ul.footernavigation {margin-bottom: 40px;}
ul.footernavigation li {border-bottom: 1px solid #335373 }
ul.footernavigation li a {text-decoration: none; color: #fff; display: block; padding:8px 0 }
ul.footernavigation li a:hover {color:#00BEE6}
ul.footernavigation li.current_page_item a { color: #00BEE6; text-decoration: none; }


.socialiconblock {}
.icon {overflow: visible !important; display: inline-block; margin-right: 20px; width: 40px;height: 40px;stroke-width: 0;stroke: currentColor;fill: currentColor; padding: 7px; background: rgba(255,255,255,0.5); border-radius: 50%; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
.icon:hover { background: rgba(255,255,255,1); }
.icon-facebook,.icon-instagram,.icon-twitter,.icon-youtube,.icon-vimeo,.icon-linkedin, .icon-xing{ color: #00468C;}

a.back-to-top {}
a.back-to-top img {opacity: 0.5; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
a.back-to-top:hover img {opacity: 1;}

@media (max-width: 991px) {
.footerrowOne div {margin-bottom: 40px;}
}











.search{border: 2px solid #002850;overflow: auto;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.search input[type="text"]{border: 0px;width: 80%;padding: 15px 10px;}
.search input[type="text"]:focus{outline: 0;}
.search input[type="submit"] {width: 20%;border: 0px;background: none;background-color: #002850;color: #fff;float: right;padding: 15px;
border-radius-top-right: 5px;-moz-border-radius-top-right: 5px;-webkit-border-radius-top-right: 5px;border-radius-bottom-right: 5px;-moz-border-radius-bottom-right: 5px;-webkit-border-radius-bottom-right: 5px; cursor:pointer;}
.search input[type="submit"]:hover {background-color: #00BEE6;}
@media (max-width: 767px) {
.search input[type="text"]{border: 0px;width: 70%;}
.search input[type="submit"] {width: 30%;}
}



.section-titel.section-titel-search {margin-bottom: 60px;}
.section-titel.section-titel-search h1 {margin-bottom: 30px;}



ul.searchresults { list-style: none;}
ul.searchresults li { padding-bottom: 10px; margin-bottom: 10px; cursor: pointer; display: block; width: 100%; clear: both; position: relative; 
padding-left: 0em;text-indent: 0em;}
ul.searchresults li:before { content: none; padding-right:0; }

ul.searchresults li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
ul.searchresults h3 { margin-bottom: 10px;}

.searchterm-highlight {color: #64a0f0}

.searchprevious {}
.searchnext {float:right;}
.searchpagination a{color:#64a0f0;text-decoration:none; display: inline-block; padding-left: 0px;}
.searchpagination a:hover{color:#005aa0;}




/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }





.acf-form input, .acf-form  textarea { background: #FFF;  border: 1px solid #F2F2F2 !important; color:#00468c; padding: 15px 20px !important; width:100%; box-sizing: border-box; margin: 0 0 30px 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.acf-form  input:hover {outline:none; border: 1px solid #00468c!important;}
.acf-form  input:focus {outline:none; border: 1px solid #00468c!important;}

.quicktags-toolbar input {
  background: unset;
  border: inherit;
  color: unset;
  padding: 0 8px !important;
  width: unset;
  box-sizing: unset;
  margin:unset;
  -webkit-transition: unset;
  -moz-transition: unset;
  -o-transition: unset;
  -ms-transition: unset;
  transition: unset;
}


.acf-field .acf-label label {
  display: block;
  font-weight: 700;
  margin: 0 0 3px;
  padding: 0;
}

.acf-form-submit {}
.acf-form-submit input[type=submit] { 
font-size: var(--fontsize-sm); line-height: var(--line-height-md); color: #FFF; border: 2px solid #FFF; padding: 15px 30px; background: #00468c;
margin-top: 20px; width: auto; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
-webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;
}
.acf-form-submit input[type=submit]:hover {color: #FFF; background: #00468c;}





/* **************************************************
			    		CONTACT
************************************************** */
div.wpcf7 {margin: 0;padding: 0; width: 100%;}
span.wpcf7-form-control-wrap { position: relative; }

.wpcf7 form input, .wpcf7 form textarea { background: #F2F2F2;  border: 1px solid #F2F2F2; color:#00468c; padding: 15px 20px; width:100%; box-sizing: border-box; margin: 0 0 30px 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.wpcf7 form input:hover {outline:none; border: 1px solid #00468c;}
.wpcf7 form input:focus {outline:none; border: 1px solid #00468c;}

.wpcf7 form textarea {height: 240px;}

.wpcf7 form input::-webkit-input-placeholder,
.wpcf7 form input::-moz-placeholder,
.wpcf7 form input:-ms-input-placeholder,
.wpcf7 form input:-moz-placeholder,
.wpcf7 form input[placeholder],
.wpcf7 form textarea::-webkit-input-placeholder,
.wpcf7 form textarea::-moz-placeholder,
.wpcf7 form textarea:-ms-input-placeholder,
.wpcf7 form textarea:-moz-placeholder,
.wpcf7 form textarea[placeholder] {color: #00468c !important; opacity: 1; }

.wpcf7 form input:focus::-webkit-input-placeholder,
.wpcf7 form input:focus:-moz-placeholder,
.wpcf7 form input:focus::-moz-placeholder,
.wpcf7 form input:focus:-ms-input-placeholder,
.wpcf7 form textarea:focus::-webkit-input-placeholder,
.wpcf7 form textarea:focus:-moz-placeholder,
.wpcf7 form textarea:focus::-moz-placeholder,
.wpcf7 form textarea:focus:-ms-input-placeholder {   color:transparent !important;}


/* SUBMIT BUTTON */
.wpcf7 form input[type=submit] { 
font-size: var(--fontsize-sm); line-height: var(--line-height-md); color: #00468c; border: 2px solid #00468c; padding: 12px 33px; background: transparent;
margin-top: 20px;
width: auto; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
-webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;
}
.wpcf7 form input[type=submit]:hover {color: #FFF; background: #00468c;}




.screen-reader-response { display: none;}
div.wpcf7-response-output { color: #00468C;font-size: var(--fontsize-md);line-height: var(--line-height-md); margin: 20px 0 20px 0 !important;	padding: 0; font-weight: 700; border: none !important; padding: 0 !important;}

div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors,
div.screen-reader-response {border: 0px !important; padding: 0px !important; margin: 0 0 25px 0 !important; font-size: 12px; line-height: 18px; color: #00468C; font-weight: 700;}


span.wpcf7-not-valid-tip {color: #00468C !important; font-size: 12px !important; display: block; margin: -25px 0 10px 0!important ;}
input.wpcf7-not-valid {border:1px solid red !important}

.use-floating-validation-tip span.wpcf7-not-valid-tip { 
position: absolute;	top: 20%; left: 20%; z-index: 100;	border: 1px solid #00468C;	background: #fff;	padding: .2em .8em;}


div.wpcf7 .placeheld {color: #000;}
div.wpcf7 img.ajax-loader { border: none;vertical-align: middle;margin-left: 4px;display: none;}
div.wpcf7 div.ajax-error { display: none;}
.wpcf7-display-none { display: none; }



/* SELECT*/
.wpcf7-form  .select-wrapper { position: relative; width: 100%; margin: 0 0 20px 0;}
.wpcf7-form  .select-wrapper:after { pointer-events: none; position: absolute; display: block; content: '';  width: 14px; height: 14px; top: 50%; right: 20px; margin-top: -3px; border-bottom: 1px solid #50A0F0; border-right: 1px solid #50A0F0; transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0; }

.wpcf7-form select{width:100%; background: #F2F2F2;  border: 1px solid #F2F2F2; color:#00468c; padding: 15px 20px;  border-radius:0;outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family: inherit; cursor: pointer;}
.wpcf7-form select:hover, .wpcf7-form select:focus {border: 1px solid #00468c;}
.wpcf7-form select::-ms-expand{display:none;}
.wpcf7-form select:focus::-ms-value { background-color: transparent;}


/* RADIO BUTTONS */
.wpcf7-list-item {display: block; margin: 0 30px 10px 0!important;}

.wpcf7-form .wpcf7-radio {}
.wpcf7-form .wpcf7-radio .wpcf7-list-item-label { display: inline-flex;;}
.wpcf7-form .wpcf7-radio label { position: relative; cursor: pointer;}
.wpcf7-form .wpcf7-radio input[type=radio] {position: relative; visibility: hidden; display: none}

.wpcf7-form .wpcf7-radio input[type=radio] + span:before { content: ''; border-radius: 100%; height: 20px; width: 20px; border: 2px solid #00468C; margin-right: 15px;}
.wpcf7-form .wpcf7-radio input[type=radio] + span:after { display: block; position: absolute; content: '';  border-radius: 100%; height: 12px; width: 12px; top: 2px; left: 4px; visibility: hidden;}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:before { background: transparent;}
.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:after { background: #00468C; visibility: visible;}


/* CHECKBOXES */
.wpcf7-form .wpcf7-checkbox {}
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label { display: inline-flex;;}
.wpcf7-form .wpcf7-checkbox label { position: relative; cursor: pointer;}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] {position: relative; visibility: hidden; display: none}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before { content: ''; height: 20px; width: 20px; border: 2px solid #00468C; margin-right: 15px;}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after { display: block; position: absolute; content: '';   height: 12px; width: 12px; top: 2px; left: 4px; visibility: hidden;}

.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before { background: transparent;}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after { background: #00468C; visibility: visible;}


/* ACCEPTANCE */
.wpcf7-acceptance .wpcf7-list-item-label {margin-left: 45px; display: flex;}
.wpcf7-form .wpcf7-acceptance label { margin-left: 0;display: inline-block;position: relative; padding-left: 0px;}
.wpcf7-form .wpcf7-acceptance input[type=checkbox] {position: relative; visibility: hidden; display: none;}

.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span:before { display: block; position: absolute; content: ''; border-radius: 0; height: 24px; width: 24px; top: 2px; border: 2px solid #00468C; left: 0;}
.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span:after { display: block; position: absolute; content: ''; border-radius: 0%; height: 16px; width: 16px; top: 6px; left: 4px; visibility: hidden;}

.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:before {  background: transparent;}
.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:after { background: #00468C; visibility: visible;}