pre {
text-align: left;
z-index: 11111;
background:white;
}

*, html,body {
padding:0;
margin:0;
}

/*#wpadminbar {
display: none;
}*/

.debugging {
position: absolute;
top:10px;
left:30%;
padding:30px;
background:lightblue;
z-index: 2000;
}

body {
font-family: 'PT Sans', sans-serif;
max-width: 100vw;
width: 100%;
background: #f5f5f5;
margin:0 auto;
text-align: center;
/*margin-top:100vh;*/
overflow-y:scroll;

}

#ausgabe {
position:relative;
top:50px;
left:0px;
background:lightgrey;
z-index:5000;
padding:30px;
color:black;
}

/* LOADER CIRCLE */
#loader {
position: absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
background: rgba(252,252,252,1);
z-index: 9999;
}

#loader #loadbox {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100px;
height:100px;
margin:auto;
}

#loadbox #loading {
border:4px solid rgba(57,64,57,0.1);
/*border-right:4px dotted rgba(161,166,0,1);*/
border-radius: 50%;
width:80px;
height:80px;
margin:10px;
animation:spinner 1s infinite linear;
}

#loadbox #loading.solid {
border-top:4px solid rgba(161,166,0,1);
/*border-top:4px dotted rgba(161,166,0,1);*/
}


/* nur zur ansicht */
main {
/*height:0; !*!*only for loader*!*!*/
overflow:hidden;
}

main.loaded {
height:auto;
}

h1 {
padding:0;
margin: 0;
}

.content {
padding:70px 30% 100px 30%;

}

/* Global definitions */
.fullHeight {
min-height:100vh;
background: limegreen;
}

a {
color:inherit;
text-decoration: none;
cursor: pointer;
}

img {
max-width: 100%;
}

figure {
margin:0;
padding:0;
}

.media_icon {
display: block;
}

.startslider_post.row>.col-12 {
padding-left:0;
padding-right:0;
}

.row[content-type="slider"] {
margin-left:0;
margin-right:0;
}

div.content-row>h1, #eventkalender_content h1 {
padding-left:15px;
}



/* Gallery and Slider */
.media_slider.container-fluid, .media_slider.container-fluid .row {
padding-left: 0;
padding-right: 0;
margin-left:0;
margin-right: 0;
}


.posRelative {
position: relative;
}

.posAbsolute {
position:absolute;
}

.posAbsolute img {
width:100%;
}

/*.galleryimage {*/
/*display: inline-block;*/
/*vertical-align: top;*/
/*}*/

figure.galleryimage img, figure.galleryimage>a, figure.sliderimage img {
min-width:100%;
min-height:100%;
}

figure.galleryimage>a {
position:static;
}

img.col-12 {
padding-left: 0;
padding-right: 0;
}

img.post-image-fill {
width:100vw;
height:100vh;
background-repeat: no-repeat;
background-size: cover;
}

/*section.slider_section {*/
/*overflow:hidden;*/
/*position: relative;*/
/*}*/

div[content-type="slider"] {
overflow: hidden;
}

.sliderimage {
position: absolute;
height:100%;
background: #f5f5f5;
overflow: hidden;
/*display: flex;*/
/*transition: right 5s ease-in-out;*/
}

.sliderimage img {
display:block;
margin:0 auto;
max-width:300%;
}

/*.sliderimage[sliactive="1"] {*/
/*left:0;*/
/*right:0;*/
/*z-index:1001;*/
/**/
/*}*/

.sliderimage.active {
z-index: 1001;
}

.sliderimage.next {
z-index: 1002;
}

.sliderimage.inactive {
left:0;
right:0;
z-index: 999;
}

/*.sliderimage_left {*/
/*!*right:0;*!*/
/*left:-100%;*/
/*z-index: 1000;*/
/*}*/

/*.sliderimage_right {*/
/*!*left:0;*!*/
/*right:-100%;*/
/*z-index: 1000;*/
/*}*/

.sliderimage figcaption {
position:absolute;
bottom:0;
width:100%;
background:rgba(255,255,255,0.5);
/*padding:10px;*/
color:inherit;
}

/*.sliderimage img {*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/

div[content-type="slider"] {
position: relative;
/*height:400px;*/
}

div.sli-btn {
width:50%;
height:100%;
position: absolute;
z-index: 1500;
cursor:pointer;
}

div.sli-btn>img {
position: absolute;
top:50%;
transform: translate(-150%, -50%);
width:50px;
padding:10px;
/*background:rgba(255,255,255,0.3);*/
/*border-bottom-left-radius: 5px;*/
/*border-top-left-radius: 5px;*/

}

div.sli-left-btn {
transform:scaleX(-1);
left:0;
text-align: right;
opacity:0;
transition:all 0.5s ease-in-out;
}

div.sli-left-btn:hover, div.sli-right-btn:hover {
opacity:1;
/*box-shadow: inset -50px 0px 150px -75px rgba(0,0,0,1);*/
box-shadow: inset -150px 0px 150px -150px rgba(0,0,0,0.75);
}

div.sli-right-btn {
transform:scaleX(1);
right:0;
left:50%;
text-align: right;
opacity:0;
transition:all 0.5s ease-in-out;
}


/*.sliderimage {*/
/*position: absolute;*/
/*left:0;*/
/*right:0;*/
/*background: #f5f5f5;*/
/*}*/


/* general optimisation */

.foot a {
margin: 0 30px;
}

#home {
/*margin-top: 60px;*/
}


/* Slider Optimisation */

.sliderimage.active {
position: relative;
}

.sliderimage {
height: auto;
}

.sliderimage img {
min-height: 0 !important;
max-width: 100% !important;
}

#startslider_content {
max-width: 100% !important;
}

#startslider_content > div {
height: auto !important;
}


/* Tourplan optimisation */

#tourplan_content {
padding: 0 30px;
}


/* LOGO */
header .site-title {
position:absolute;
top:0;
left:0;
}

/* Bootstrap Navigation optimizing */
.navbar {
margin-bottom: 0;
}

nav.navbar.fixed-top {
z-index: 5000;
/*background:limegreen;*/
/*transition: top 2s linear;*/
/*top:-100%;*/
}




/*.js nav.navbar.fixed-top.outside {*/
/*top:-100%;*/
/*}*/

/*.js nav.navbar.fixed-top.inside {*/
/*top:0;*/
/*}*/

.navbar-brand {
height:auto;
width:200px;
padding:2px 20px 5px 20px;
}

.navbar-brand img {
max-height:100%;
max-width: 100%;
}

#navactivator {
/*height:50px;*/
width:100%;
background:blue;
position:fixed;
top:0;
z-index: 4999;
}

.media_content {
background: #f5f5f5;
}

.post_content {
padding:50px 0;
}

/*.bspaddkill {*/
/*padding-left:0;*/
/*padding-right:0;*/
/*}*/

/*.bspaddkill>.row {*/
/*margin-left:0;*/
/*margin-right:0;*/
/*}*/


/* cookie note */

#cookienotepositioner {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 99999;
pointer-events: none;
}

#cookienotecontainer {
width: 100%;
background: rgba(64, 71, 65, .95);
padding: 30px;
font-size: 0;
}

#cookienotelimiter {
margin: auto;
position: relative;
width: 1084px;
max-width: calc(100% - 60px);
}

#cookienoterow {
display: table-row;
}

#cookienotetext, #cookienotebuttoncontainer {
display: table-cell;
}

#cookienotetext {
font-size: 16px;
line-height: 24px;
color: #fff;
max-width: calc(100% - 260px);
text-align: left;
pointer-events: auto;
}

#cookienotetext a {
color: #a1a600;
}

#cookienotebuttoncontainer {
vertical-align: middle;
padding-left: 60px;
z-index: 2;
position: relative;
}

#cookienotebutton {
border: 2px solid #a1a600;
width: 200px;
line-height: 30px;
font-size: 16px;
font-weight: bold;
color: #fff;
cursor: pointer;
pointer-events: all;
position: relative;
}

#cookienotebutton .hovereffect {
position: absolute;
width: 100%;
height: 0;
bottom: 0;
background: #a1a600;
transition: height .4s;
z-index: -1;
}

#cookienotebutton:hover .hovereffect {
height: 100%;
}

@media all and (max-width: 767px) {
#cookienotetext, #cookienotebuttoncontainer {
display: block;
max-width: none;
width: 100%;
padding: 0;
}

#cookienotebuttoncontainer {
padding-top: 30px;
}
}


/* phone popups */

.hasphonepopup {
position: relative;
overflow: visible !important;
}

.shown .phonepopup {
display: block;
}

.phonepopup {
display: none;
position: absolute;
bottom: 42px;
right: 0;
background: #434a43;
border-bottom: 2px solid #a1a600;
width: 200px;
height: 20px;
line-height: 20px;
text-align: center;
text-indent: 0;
padding: 19px 0;
box-sizing: content-box;
}
.phonepopup:after, .phonepopup:before {
top: 100%;
left: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.phonepopup:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #a1a600;
border-width: 5px;
margin-left: -30px;
}

.phonepopup:before {
border-color: rgba(161, 166, 0, 0);
border-top-color: #a1a600;
border-width: 6px;
margin-left: -31px;
}

.phonepopup a {
position: static;
font-size: 19px;
color: #fff;
}

.phonepopup a:before {
content: "TEL: ";
font-size: 16px;
color: #a1a600;
}

.phonepopup a:hover, .phonepopup a:visited, .phonepopup a:focus {
position: static;
color: #fff;
border-bottom: 1px solid #a1a600;
}

.phonepopup .close:after {
content: url(../img/mapclose.png);
position: absolute;
right: 8px;
top: 1px;
}

.phonelink {
color: #fff;
}

.phonelink:before {
background-position: bottom left !important;
}

.phonelink:hover, .phonelink:visited, .phonelink:focus {
color: #fff;
}

.phonelink:hover:before, .phonelink:visited:before, .phonelink:focus:before {
background-position: top left !important;
}


/* TABS */
.tabhead {
font-size:0;
padding:0;
}

.tabhead .tabname {
display:inline-block;
font-size:1rem;
cursor:pointer;
}

.tabbody {
position:relative;
overflow:hidden;
}

.tabcontent {
position:absolute;
top:0;
left:0;
z-index: 1;
}

.tabcontent.active {
z-index:2;
}


/* GOOGLE MAP */
#map {
height:500px;
width:100%;
}

#tourkarte {
height:650px;
width:100%;
}

.gm-style-iw {
padding: 10px;
/* padding-right: 20px; */
width: 250px !important;
top: 105px !important;
left: 80px !important;
/* background-color: rgba(0,0,0,0.9); */
/* box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6); */
/* border: 1px solid rgba(72, 181, 233, 0.6); */
/* border-radius: 2px 2px 0 0; */
color: #800000;
font-weight:bold !important;
}

/* Parallax */
.parallaximage {
position: relative;
z-index: -10;
}

.parallaxbox {
position: relative;
height:250px;
width:100%;
text-align:left;
background:transparent;
}

.parallaxbox img {
position:absolute;
margin-top:0;
width: 100%;
}



/* DUMMY STYLES */
#willkommen_via_post {
position:relative;
}

#add_media_icon_Willkommen.standard_post_add_media_icon {
position:absolute;
width:100%;
text-align:center;
bottom:0;
padding:10px 0 20px 0;
background:rgba(255,255,255,0.25);
}

#add_media_icon_Willkommen .standard_post_add_icon {
display:inline-block;
}

.Willkommen_add_image_box {
width:100%;
position:absolute;
text-align: center;
bottom:50%;
}

#standard_post_add_image_Willkommen {
display:inline-block;
text-align: center;
position:relative;
padding: 5% 5% 5% 5%;
background:rgba(255,255,255,0.5);
border-radius:10px;
}

#standard_post_add_image_Willkommen figcaption {
color:black;
margin-top:3%;
}

#via_theme_post {
padding-bottom:50px;
color:black;
}

#via_theme_post h1 {
color:red;
background:rgba(0,0,0,0.05);
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
/*border-bottom:1px solid red;*/
padding:20px 0;
}

#post_content_Features {
text-align: center;
}

#post_content_Features_Liste ul {
display:inline-block;
text-align:left;
max-width:300px;
}