/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v29-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* ============== RESET ============== */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    background-color: #FFFFFF;
    -webkit-text-size-adjust: 100%;
}

html,
body {
    height: 100%;
    background-color: #ffffff;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

ol,
ul {
    list-style: none;
    margin-bottom: 23px;
}

ol{list-style:decimal;}
ol li{list-style:decimal;margin-left:30px;}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

em{color:inherit;}

a:active,
a:focus {
    outline: none;
}

*:focus {
    outline: none;
}

.teaserbox li{line-height:22px!important;}

.baselayertrigger{color:#aaaaaa;cursor:pointer;padding-left: 0px !important;}
.baselayertrigger:hover{color:#000000;cursor:pointer;}
.baselayertrigger:before{content: "\f335";margin-right:5px;margin-left:0px;font-family: "dashicons";}
.baselayertrigger.active{color:#000000;}
.baselayertrigger.active:before{content: "\f147";margin-right:5px;margin-left:0px;color:#009fe3;font-family: "dashicons";}

.layertrigger{color:#aaaaaa;cursor:pointer;}
.layertrigger:hover{color:#000000;cursor:pointer;}
.layertrigger:before{content: "\f335";margin-right:5px;margin-left:0px;font-family: "dashicons";}
.layertrigger.active{color:#000000;}
.layertrigger.active:before{content: "\f147";margin-right:5px;margin-left:0px;color:#009fe3;font-family: "dashicons";}

.poilayertrigger{color:#aaaaaa;cursor:pointer;}
.poilayertrigger:hover{color:#000000;cursor:pointer;}
.poilayertrigger:before{content: "\f335";margin-right:5px;margin-left:0px;font-family: "dashicons";}
.poilayertrigger.active{color:#000000;}
.poilayertrigger.active:before{content: "\f147";margin-right:5px;margin-left:0px;color:#009fe3;font-family: "dashicons";}

.otherlayertrigger{color:#aaaaaa;cursor:pointer;}
.otherlayertrigger:hover{color:#000000;cursor:pointer;}
.otherlayertrigger:before{content: "\f335";margin-right:5px;margin-left:0px;font-family: "dashicons";}
.otherlayertrigger.active{color:#000000;}
.otherlayertrigger.active:before{content: "\f147";margin-right:5px;margin-left:0px;color:#009fe3;font-family: "dashicons";}

.leaflet-top.leaflet-right{display:none;}
.leaflet-top.leaflet-left{display:none;}

.marginleft{padding-left:20px;}
#comment{font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 14px;border: 0;
background-color: #ededed;
padding-left: 10px;}

.oberfltitle:after{content: "\f530";margin-right:5px;margin-left:5px;font-family: "dashicons";}
.oberfltitle.active:after{content: "\f177";margin-right:5px;margin-left:5px;font-family: "dashicons";}

/* ============== / RESET ============== */

/*----------------------- Preloader -----------------------*/
body.preloader-site {
    overflow: hidden;
}

.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.preloader-wrapper .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 300px;
    text-align:center;
}

/***************************************************/
/* Cookie Disclaimer */
#cookieChoiceDismissIcon{
    display:none!important;
}
#cookieChoiceInfo{
    padding:0px!important;
    font-size: 13px;
}
#cookieChoiceInfo div{
    padding:0 20px!important;
}
#cookieChoiceInfo a{
    text-decoration:none;
    display:inline-block;
    padding:5px 25px;
    color:#000000;
    background-color:#d1d3d4;
    text-transform:uppercase;
}
#cookieChoiceInfo a#cookieChoiceDismiss{
    background-color:#009fe3;
    color:#FFFFFF;
    text-transform:uppercase;}
#cookieChoiceDismiss{
    margin-left:1px!important;
}

/* Gruppen */
.addressmap{
    margin-left:10px;
}

.addressmap:hover{
    color:#009fe3;
}

/* ============== GFORMS ========================= */
.dateianhangrrph{display:none;}
.gfield{text-indent: 0!important;margin:0!important;}
.gfield_required{display:none;}
.ginput_container{margin-top:0!important;}
.ginput_container input{
    background-color: #f2f2f2;
    border-bottom: 0;
    padding: 10px!important;
    margin: 0;
}
.gform_wrapper textarea{
    background-color: #f2f2f2;
    border-bottom: 0;
    padding: 10px!important;
    margin: 0;
}
.ginput_container{
    margin: 0;
}
.ginput_container_select{margin-top: 8px!important;}


/* ============== STANDARD SETTINGS ============== */

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tb {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

.tb-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.homecontent p {
    color: #a9a9a9;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 500;
    hyphens: auto;
}

h1 {
    font-size: 50px;
    line-height: 50px;
}

h2 {
    font-size: 40px;
    line-height: 40px;
}

h3 {
    font-size: 30px;
    line-height: 32px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.homecontent h3 {
    color: #FFF;
    margin-bottom: 5px;
    font-weight: 300;
    text-shadow: 2px 2px 25px #000000;
}

.radroutenplaner h3 {
    color: #a61d2b;
    text-shadow: none;
}

#sidewidget h3 {
    color: #FFF;
    font-weight: 300;
}

h4 {
    font-size: 23px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 5px;
    hyphens: auto;
}

.homecontent h4 {
    color: #FFF;
    font-weight: 300;
    text-shadow: 2px 2px 25px #000000;
    hyphens: auto;
}

.contentmain h4 {
    color: #009fe3;
    font-size: 16px;
    text-transform: inherit;
    letter-spacing: 0px;
    margin-bottom: 10px;
    hyphens: auto;
}

h5 {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 16px;
    text-transform: uppercase;
    font-weight: 300;
}

.homecontent h5 {
    color: #a9a9a9;
    margin-bottom: 0px;
}

h6 {
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 300;
    hyphens: auto;
}

.homecontent h6 {
    color: #FFF;
    text-shadow: 2px 2px 25px #000000;
    hyphens: auto;
}

a {
    text-decoration: none;
    color: #009fe3;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

p {
    margin: 0 0 20px 0;
}

body>section {
    position: relative;
    overflow: hidden;
}

ul {
    list-style: none;
}

li {
    list-style: none;
}

li:before {
    content: "";
}

ul>li {
    margin-bottom: 10px;
    text-transform: uppercase;
}

ul>ul>li {
    color: #000;
    padding-right: 12px;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0px;
    text-transform: inherit;
    margin-left: 30px;
    text-indent: -15px;
    margin-bottom: 7px;
}

ul>ul>li:before {
    content: "•";
    color: #000;
    padding-right: 12px;
    font-size: 13px;
}

.contentmain ul li {
    color: #000;
    padding-right: 12px;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0px;
    text-transform: inherit;
    margin-left: 30px;
    text-indent: -15px;
    margin-bottom: 10px;
}

.contentmain ul li:before {
    content: "•";
    color: #000;
    padding-right: 12px;
    font-size: 14px;
}

.contentmain .styled-box ul li {
    font-weight: 400;
}

strong {
    font-weight: 500;
}

.inner {
    margin: 0 auto;
    padding: 0 25px;
}

/* ============== / STANDARD SETTINGS ============== */


/* ======== HEADER STYLES ======== */

#header {
    width: 100%;
    background-color: #FFF;
    position: fixed;
    margin: 0 auto;
    z-index: 999;
}

#header .headertop {
    width: 100%;
    min-height: 27px;
    background-color: #efefef;
}

#header .headertop .topnavi-first {
    width: 25%;
    min-height: 27px;
    float: left;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #8c8c8c;
    padding: 6px 0 0 0;
}

#header .headertop .topnavi {
    width: 50%;
    min-height: 27px;
    float: right;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #8c8c8c;
    padding: 6px 0 0 0;
    text-align: right;
}

.topnavi-mobile{
    display:none; 
}

.top-nav a {
    color: #8c8c8c;
}

.top-nav a:hover {
    color: #5a5a5a;
}

.top-nav ul {
    margin-bottom: 0px;
}

.top-nav li {
    display: inline-block;
    margin-bottom: 0px;
    position:relative;
}

.top-nav li:after {
    content: "  ∙  ";
}

.top-nav li:last-child:after {
    content: "";
}

#header .headertop .topsearch {
    width: 25%;
    min-height: 27px;
    background-color: #009fe3;
    color: #FFF;
    float: left;
}

#header .headertop .topsearch span {
    padding: 3px 0 0 5px;
    display: inline-block;
}

#searchform {
    display: inline-block;
    width: 90%;
}

#searchform input {
    border: 0;
    height: 27px;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
}

#header .headerlogos {
    width: 100%;
    min-height: 94px;
    background-color: #ffffff;
}

.logo-rrph {
    width: 40%;
    float: left;
}

.logo-partner {
    width: 60%;
    float: right;
    text-align: right;
}

.logo-partner-inner {
    margin-right: 25px;
}

.partnerimage {
    display: inline-block;
    padding-top: 15px;
}


/* ======== /HEADER STYLES ======== */


/* ======== /MAP STYLES ======== */

.bgstartpunkt{background: #ededed url(inputicons/bgstartpunkt.png) no-repeat left center;}
.bgendpunkt{background: #ededed url(inputicons/bgendpunkt.png) no-repeat left center;}
#zwischenpunkt_1{background: #ededed url(inputicons/bg1.png) no-repeat left center;}
#zwischenpunkt_2{background: #ededed url(inputicons/bg2.png) no-repeat left center;}
#zwischenpunkt_3{background: #ededed url(inputicons/bg3.png) no-repeat left center;}
#zwischenpunkt_4{background: #ededed url(inputicons/bg4.png) no-repeat left center;}
#zwischenpunkt_5{background: #ededed url(inputicons/bg5.png) no-repeat left center;}
#zwischenpunkt_6{background: #ededed url(inputicons/bg6.png) no-repeat left center;}
#zwischenpunkt_7{background: #ededed url(inputicons/bg7.png) no-repeat left center;}
#zwischenpunkt_8{background: #ededed url(inputicons/bg8.png) no-repeat left center;}
#zwischenpunkt_9{background: #ededed url(inputicons/bg9.png) no-repeat left center;}
#zwischenpunkt_10{background: #ededed url(inputicons/bg10.png) no-repeat left center;}
#zwischenpunkt_11{background: #ededed url(inputicons/bg11.png) no-repeat left center;}
#zwischenpunkt_12{background: #ededed url(inputicons/bg12.png) no-repeat left center;}
#zwischenpunkt_13{background: #ededed url(inputicons/bg13.png) no-repeat left center;}
#zwischenpunkt_14{background: #ededed url(inputicons/bg14.png) no-repeat left center;}
#zwischenpunkt_15{background: #ededed url(inputicons/bg15.png) no-repeat left center;}
#zwischenpunkt_16{background: #ededed url(inputicons/bg16.png) no-repeat left center;}
#zwischenpunkt_17{background: #ededed url(inputicons/bg17.png) no-repeat left center;}
#zwischenpunkt_18{background: #ededed url(inputicons/bg18.png) no-repeat left center;}
#zwischenpunkt_19{background: #ededed url(inputicons/bg19.png) no-repeat left center;}
#zwischenpunkt_20{background: #ededed url(inputicons/bg20.png) no-repeat left center;}
#zwischenpunkt_21{background: #ededed url(inputicons/bg21.png) no-repeat left center;}
#zwischenpunkt_22{background: #ededed url(inputicons/bg22.png) no-repeat left center;}
#zwischenpunkt_23{background: #ededed url(inputicons/bg23.png) no-repeat left center;}
#zwischenpunkt_24{background: #ededed url(inputicons/bg24.png) no-repeat left center;}
#zwischenpunkt_25{background: #ededed url(inputicons/bg25.png) no-repeat left center;}
#zwischenpunkt_26{background: #ededed url(inputicons/bg26.png) no-repeat left center;}
#zwischenpunkt_27{background: #ededed url(inputicons/bg27.png) no-repeat left center;}
#zwischenpunkt_28{background: #ededed url(inputicons/bg28.png) no-repeat left center;}
#zwischenpunkt_29{background: #ededed url(inputicons/bg29.png) no-repeat left center;}
#zwischenpunkt_30{background: #ededed url(inputicons/bg30.png) no-repeat left center;}
#zwischenpunkt_31{background: #ededed url(inputicons/bg31.png) no-repeat left center;}
#zwischenpunkt_32{background: #ededed url(inputicons/bg32.png) no-repeat left center;}
#zwischenpunkt_33{background: #ededed url(inputicons/bg33.png) no-repeat left center;}
#zwischenpunkt_34{background: #ededed url(inputicons/bg34.png) no-repeat left center;}
#zwischenpunkt_35{background: #ededed url(inputicons/bg35.png) no-repeat left center;}
#zwischenpunkt_36{background: #ededed url(inputicons/bg36.png) no-repeat left center;}
#zwischenpunkt_37{background: #ededed url(inputicons/bg37.png) no-repeat left center;}
#zwischenpunkt_38{background: #ededed url(inputicons/bg38.png) no-repeat left center;}
#zwischenpunkt_39{background: #ededed url(inputicons/bg39.png) no-repeat left center;}
#zwischenpunkt_40{background: #ededed url(inputicons/bg40.png) no-repeat left center;}
#zwischenpunkt_41{background: #ededed url(inputicons/bg41.png) no-repeat left center;}
#zwischenpunkt_42{background: #ededed url(inputicons/bg42.png) no-repeat left center;}
#zwischenpunkt_43{background: #ededed url(inputicons/bg43.png) no-repeat left center;}
#zwischenpunkt_44{background: #ededed url(inputicons/bg44.png) no-repeat left center;}
#zwischenpunkt_45{background: #ededed url(inputicons/bg45.png) no-repeat left center;}
#zwischenpunkt_46{background: #ededed url(inputicons/bg46.png) no-repeat left center;}
#zwischenpunkt_47{background: #ededed url(inputicons/bg47.png) no-repeat left center;}
#zwischenpunkt_48{background: #ededed url(inputicons/bg48.png) no-repeat left center;}
#zwischenpunkt_49{background: #ededed url(inputicons/bg49.png) no-repeat left center;}
#zwischenpunkt_50{background: #ededed url(inputicons/bg50.png) no-repeat left center;}

.entlang{display:none;}
.regenradarplaypause{cursor:pointer;}

.buttonsforweather{}
.regenradartrigger{cursor:pointer;background-color:#ededed;padding:5px 10px;color:#aaaaaa;display:inline-block;padding-right:20px;font-weight:500;text-transform:uppercase;font-size:12px;letter-spacing: 1px;}
.regenradartrigger.active{cursor:pointer;background-color:transparent;color:#000000;padding-right:20px;font-weight:bold;text-transform:uppercase;font-size:12px;letter-spacing: 1px;}
.wettericontrigger{cursor:pointer;background-color:#ededed;padding:5px 10px;color:#aaaaaa;display:inline-block;padding-right:20px;font-weight:500;text-transform:uppercase;font-size:12px;letter-spacing: 1px;}
.wettericontrigger.active{cursor:pointer;background-color:transparent;color:#000000;padding-right:20px;font-weight:bold;text-transform:uppercase;font-size:12px;letter-spacing: 1px;}

.wetterminus,
.wetterplus{
    font-size: 16px!important;
    padding-top: 3px;
    cursor:pointer;
    
}

.wetterminus.inactive{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.wetterplus.inactive{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.popover{position:fixed;z-index:999999999;background-color:rgba(255, 255, 255, 0.9);top:0 left:0; right:0; bottom: 0; width:100%; height:100%;}
.popover .inlay{width:876px; height:560px; position:absolute; top:50%; left:50%; margin-left:-438px; margin-top:-280px;}
.popover .text{width:826px; height:510px; position:absolute; z-index:999990;padding-left:50px;padding-top:50px}
.popover .text a{color:#FFFFFF;}
.popover .image{width:876px; height:560px; position:absolute; z-index:999988;}
.popover .closepopup{position:absolute;top:30px; right:30px;z-index:999999; cursor:pointer;}

.fahrentry{height:30px;margin-bottom:10px;border-bottom:1px solid #ededed;}

#maploading{display:none;position:fixed;z-index:999999999;background-color:rgba(255, 255, 255, 0.7);top:0 left:0; right:0; bottom: 0; width:100%; height:100%;}
#maploading .loaderinner{width:300px;height:100px;position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-50px;text-align:center;background-color:#FFFFFF;padding-top:20px;font-weight:500;color:#009fe3;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}

#pdfloading{display:none;position:fixed;z-index:999999999;background-color:rgba(255, 255, 255, 0.7);top:0 left:0; right:0; bottom: 0; width:100%; height:100%;}
#pdfloading .loaderinner{width:300px;height:100px;position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-50px;text-align:center;background-color:#FFFFFF;padding-top:20px;font-weight:500;color:#009fe3;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}

#printmodal{display:none;position:fixed;z-index:999999999;background-color:rgba(255, 255, 255, 0.7);top:0 left:0; right:0; bottom: 0; width:100%; height:100%;}
#printmodal .wrapprint{width:400px;height:300px;position:absolute; top:50%; left:50%; margin-left:-200px; margin-top:-150px;text-align:center;background-color:#FFFFFF;padding-top:20px;font-weight:500;color:#009fe3;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
#printmodal .printmessages{display:none;margin-top:100px;}
#printmodal .closepopupprint{position:absolute;top:20px; right:20px;z-index:999999; cursor:pointer;color:#000000;}
#printabschnitte{
    margin: 0 auto;
    width: 50px;
    text-align: center;
    background-color: #dddddd;
    margin-bottom: 30px;
    height:30px;
}
#printmodal .buttonswrap{padding:0;}
#printmodal .innerprintbutton{width:100%;float:left;}
#printmodal .innerpdfbutton{width:50%;float:left;}

#printmodal .useractions{margin-top: 20px;}
#printmodal .hinweis{color:#000000;font-weight:300;font-size:14px;}
input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
input[type="number"]::-ms-tooltip {
    display: none!important;
}
input[type="number"]::-webkit-tooltip {
    display: none;
}
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: textfield;}

input[type="number"]:invalid {
  box-shadow: none;
    background: #ffdddd;
    border:#ffdddd;
}

input[type="number"]:-moz-submit-invalid {
  box-shadow: none;
    background: #ffdddd;
    border:#ffdddd;
}

input[type="number"]:-moz-ui-invalid {
  box-shadow: none;
    background: #ffdddd;
    border:#ffdddd;
}
.innerprintbutton,
.innerpdfbutton{cursor:pointer;}

#maperror{display:none;position:fixed;z-index:999999999;background-color:rgba(255, 255, 255, 0.7);top:0 left:0; right:0; bottom: 0; width:100%; height:100%;}
#maperror .wraperror{width: 500px;
height: 150px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -250px;
margin-top: -75px;
text-align: center;
background-color: #FFFFFF;padding: 20px 20px 110px 20px;font-weight:500;color:#009fe3;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
#maperror .closeerror{
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 3px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px;
    border: 0;
    padding: 8px 20px;
    cursor:pointer;
    }

#gpxresponse{display:none;position:fixed;z-index:999999999;background-color:rgba(255, 255, 255, 0.7);top:0 left:0; right:0; bottom: 0; width:100%; height:100%;}
#gpxresponse div{width:300px;height:100px;position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-50px;text-align:center;background-color:#FFFFFF;padding: 20px 20px 100px 20px;font-weight:500;color:#009fe3;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
#gpxresponse .gpxdownload{
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 3px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px;
    border: 0;
    padding: 8px 20px;
    cursor:pointer;
    }
#gpxresponse .gpxdownload a{color:#FFFFFF;}
.detailbuttonslink.pdfprint{cursor:pointer;}

#gpxinput{display:none;position:fixed;z-index:999999999;background-color:rgba(255, 255, 255, 0.7);top:0 left:0; right:0; bottom: 0; width:100%; height:100%;}
#gpxinput .wrapgpx{width:360px;height:180px;position:absolute; top:50%; left:50%; margin-left:-180px; margin-top:-90px;text-align:center;background-color:#FFFFFF;padding: 20px 20px 100px 20px;font-weight:500;color:#009fe3;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
#gpxinput .popupgpx{padding-top:20px;}
#gpxinput .makegpxwithfilename{
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 3px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px;
    border: 0;
    padding: 8px 20px;
    cursor:pointer;
    }
#gpxinput .makegpxwithfilename a{color:#FFFFFF;}
#gpxinputfilename{text-align:center;background-color: #ededed;border-bottom:0;height:30px;}
#gpxinput .closepopupgpx{position:absolute;top:20px; right:20px;z-index:999999; cursor:pointer;color:#000000;}

#fileresponse{display:none;position:fixed;z-index:999999999;background-color:rgba(255, 255, 255, 0.7);top:0 left:0; right:0; bottom: 0; width:100%; height:100%;}
#fileresponse div{width:300px;height:100px;position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-50px;text-align:center;background-color:#FFFFFF;padding: 20px 20px 100px 20px;font-weight:500;color:#009fe3;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
#fileresponse .filedownload{
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 3px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px;
    border: 0;
    padding: 8px 20px;
    cursor:pointer;
    }
#fileresponse .filedownload a{color:#FFFFFF;}

#fileinput{display:none;position:fixed;z-index:999999999;background-color:rgba(255, 255, 255, 0.7);top:0 left:0; right:0; bottom: 0; width:100%; height:100%;}
#fileinput .wrapfile{width:360px;height:180px;position:absolute; top:50%; left:50%; margin-left:-180px; margin-top:-90px;text-align:center;background-color:#FFFFFF;padding: 20px 20px 100px 20px;font-weight:500;color:#009fe3;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
#fileinput .popupfile{padding-top:20px;}
#fileinput .makefilewithfilename{
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 3px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px;
    border: 0;
    padding: 8px 20px;
    cursor:pointer;
    }
#fileinput .makefilewithfilename a{color:#FFFFFF;}
#fileinputfilename{text-align:center;background-color: #ededed;border-bottom:0;height:30px;}
#fileinput .closepopupfile{position:absolute;top:20px; right:20px;z-index:999999; cursor:pointer;color:#000000;}


#ltrresponse{display:none;position:fixed;z-index:999999999;background-color:rgba(255, 255, 255, 0.7);top:0 left:0; right:0; bottom: 0; width:100%; height:100%;}
#ltrresponse div{width:300px;height:220px;font-size:14px;position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-90px;text-align:center;background-color:#FFFFFF;padding: 20px 20px 110px 20px;font-weight:500;color:#009fe3;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
#ltrresponse .closeltrresponse{
    background-color: #F2f2f2;
    color: #aaa;
    padding: 3px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px;
    border: 0;
    padding: 8px 20px;
    cursor:pointer;
    min-width:200px;
    }
#ltrresponse .shortenbutton,
#ltrresponse .longbutton{
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 3px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px;
    border: 0;
    padding: 8px 20px;
    cursor:pointer;
    min-width:200px;
    }





#fastrouting{display:none;position:fixed;z-index:999999999;background-color:rgba(0, 0, 0, 0.85);top:0; left:0; right:0; bottom: 0; width:100%; height:100%;}
#fastrouting .fastroutingwrap{width:900px;height:420px;font-size:14px;position:absolute; top:50%; left:50%; margin-left:-450px; margin-top:-220px;text-align:left;background-color:#FFFFFF;padding: 70px 70px 150px 70px;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
#fastrouting .closefastrouting{position:absolute;top:20px; right:20px;z-index:999999; cursor:pointer;color:#000000;}
#fastrouting .fastroutingconfirm{
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 3px 10px;
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
    text-transform:uppercase;
    border: 0;
    padding: 8px 20px;
    cursor:pointer;
    min-width:200px;
    margin-right:0px;
    display:inline-block;
    margin-left:20px;
    }
/*
#fastrouting .fastroutingmaybe,
#fastrouting .fastroutingno{
    background-color: #f2f2f2;
    color: #000000;
    padding: 3px 10px;
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
    border: 0;
    padding: 8px 20px;
    cursor:pointer;
    min-width:200px;
    margin-right:20px;
    }
*/

#fastrouting .badge{
    display:inline-block;
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 1px 5px;
    border-radius:2px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom:7px;
}
#fastrouting h4{margin-bottom:10px;}
#fastroutoing p{color:#000000;}
#fastrouting li{display:inline-block;margin-right:10px;}
#fastrouting fieldset,#fastrouting ul{display:inline-block;}
#fastrouting fieldset{margin-bottom:-10px;}
.infoSRouting{color: #999;
font-size: 16px!important;
margin-top: 4px;cursor:pointer;
margin-left:3px;}

.infoSRouting:hover{color: #0f71b8;}
#fastroutingfeedback{
    display:none;
    position: absolute;
    bottom: 30px;
    right: 60px;
    z-index: 999;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 5px 80px 5px 8px;
    background-color: #009fe3;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    text-decoration:none;
}
#fastroutingfeedback.active{
    bottom:270px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#fastroutingfeedback.activehigh{
    bottom:460px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.routeuebernehmen{
    font-weight:500;
    margin:0 0 30px 0;
    padding:10px; 30px;
    color:#009fe3;
    border:1px solid #009fe3;
    display:inline-block;
    cursor:pointer;
}

.routeuebernehmen:hover{
    color:#FFFFFF;
    border:1px solid #009fe3;
    background-color:#009fe3;
}




#message.updated{background-color: #ededed;
padding: 20px;
border-left: 4px solid #009fe3;
}

.hindernisse{display:block;/*margin-left: 22px;*/}
.hindernisse.hidden{display:none;}

.routeteilen{display:block;}

.leaflet-popup-content-wrapper {
    padding: 5px;
    text-align: left;
    border-radius: 0px;
}

.poiDetailsBtn{border:0;color:#0f71b8;background-color:#FFFFFF;margin-top:10px;padding:0;cursor:pointer;}
.poiDetailsBtn:hover{color:#990d18;}
.leaflet-popup-content{color:#3c3c3c;}
.leaflet-popup-content .headline{font-size:16px;color:#000000;}
.poiAddToRouteBtn{width: 100%;
margin-top: 15px;
border: 0;
background-color: #009fe3;
    color: #FFFFFF;
padding: 7px 15px;
text-transform: uppercase;
cursor:pointer;
    font-size:12px;
    -webkit-transition: background-color 200ms linear 0.2s;
-moz-transition: background-color 200ms linear 0.2s;
-o-transition: background-color 200ms linear 0.2s;
transition: background-color 200ms linear 0.2s;

}

.poiAddToRouteBtn:hover{
    background-color: #0f71b8;
    -webkit-transition: background-color 200ms linear 0.2s;
-moz-transition: background-color 200ms linear 0.2s;
-o-transition: background-color 200ms linear 0.2s;
transition: background-color 200ms linear 0.2s;

}

.datexAvoidBtn{width: 100%;
margin-top: 15px;
border: 0;
background-color: #009fe3;
    color: #FFFFFF;
padding: 7px 15px;
text-transform: uppercase;
cursor:pointer;
    font-size:12px;
    -webkit-transition: background-color 200ms linear 0.2s;
-moz-transition: background-color 200ms linear 0.2s;
-o-transition: background-color 200ms linear 0.2s;
transition: background-color 200ms linear 0.2s;}

.datexAvoidBtn:hover{
    background-color: #0f71b8;
    -webkit-transition: background-color 200ms linear 0.2s;
-moz-transition: background-color 200ms linear 0.2s;
-o-transition: background-color 200ms linear 0.2s;
transition: background-color 200ms linear 0.2s;

}

.stairAvoidBtn{width: 100%;
margin-top: 15px;
border: 0;
background-color: #009fe3;
    color: #FFFFFF;
padding: 7px 15px;
text-transform: uppercase;
cursor:pointer;
    font-size:12px;
    -webkit-transition: background-color 200ms linear 0.2s;
-moz-transition: background-color 200ms linear 0.2s;
-o-transition: background-color 200ms linear 0.2s;
transition: background-color 200ms linear 0.2s;}

.stairAvoidBtn:hover{
    background-color: #0f71b8;
    -webkit-transition: background-color 200ms linear 0.2s;
-moz-transition: background-color 200ms linear 0.2s;
-o-transition: background-color 200ms linear 0.2s;
transition: background-color 200ms linear 0.2s;

}



.datexType,
.validFrom,
.validTo{font-weight:bold;}

.mapcontent {
    position: absolute;
    top: 120px;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: #ededed;
    z-index: 900;
}

.triggerP {
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    margin: 0;
    color: #FFF;
}

.triggerP.blau {
    background-color: #0f71b8;
}

#TriggerPD.blau{
    background-color: #c3c1c2;
}

.triggerP.blau.activeone {
    background-color: #0f71b8;
}

#TriggerPD.blau.activeone {
    background-color: #0f71b8;
}

.triggerP.blau.activetwo {
    background-color: #c3c1c2;
}

.triggerP.rot {
    background-color: #990d18;
}

.triggerP.grau {
    background-color: #c3c1c2;
}

.triggerP.grau.activeone{
    background-color: #c3c1c2;
}

.triggerP.grau.activetwo{
    background-color: #0f71b8;
}

#TriggerPRP {
    position: absolute;
    top: 163px;
    left: -42px;
    -moz-transform: rotate(-90deg);
    /* Firefox 3.6 Firefox 4 */
    -webkit-transform: rotate(-90deg);
    /* Safari */
    -o-transform: rotate(-90deg);
    /* Opera */
    -ms-transform: rotate(-90deg);
    /* IE9 */
    transform: rotate(-90deg);
    /* W3C */
    z-index: 930;
    cursor: pointer;
}

#TriggerPT {
    position: absolute;
    top: 143px;
    right: -22px;
    -moz-transform: rotate(90deg);
    /* Firefox 3.6 Firefox 4 */
    -webkit-transform: rotate(90deg);
    /* Safari */
    -o-transform: rotate(90deg);
    /* Opera */
    -ms-transform: rotate(90deg);
    /* IE9 */
    transform: rotate(90deg);
    /* W3C */
    z-index: 930;
    cursor: pointer;
}

#TriggerPS {
    position: absolute;
    top: 261px;
    right: -64px;
    -moz-transform: rotate(90deg);
    /* Firefox 3.6 Firefox 4 */
    -webkit-transform: rotate(90deg);
    /* Safari */
    -o-transform: rotate(90deg);
    /* Opera */
    -ms-transform: rotate(90deg);
    /* IE9 */
    transform: rotate(90deg);
    /* W3C */
    z-index: 930;
    cursor: pointer;
}

#TriggerPD {
    position: absolute;
    bottom: 0;
    left: 60px;
    z-index: 930;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#LegendeTrigger{
    position: absolute;
    top:122px;
    right: 699px;
    z-index: 910;
    cursor: pointer;
    background-color:#009fe3;
    color:#FFFFFF;
    padding:3px 10px;
    font-size:13px;
    text-transform: uppercase;
    font-weight:500;
}

#LegendeTriggerMap{
    position: absolute;
    top:122px;
    right: 637px;
    z-index: 910;
    cursor: pointer;
    background-color:#009fe3;
    color:#FFFFFF;
    padding:3px 10px;
    font-size:13px;
    text-transform: uppercase;
    font-weight:500;
}

#zoomin{
    position: absolute;
    top: 122px;
    right: 917px;
    z-index: 910;
    cursor: pointer;
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 3px 8px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    width: 30px;
    text-align: center;

}

#zoomout{
    position: absolute;
    top: 122px;
    right: 885px;
    z-index: 910;
    cursor: pointer;
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 3px 8px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    width: 30px;
    text-align: center;

}

#dateianhangrrph,.dateianhangfeedback{display:none;}

#panback{
    position: absolute;
    top: 122px;
    right: 981px;
    z-index: 910;
    cursor: pointer;
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 3px 5px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    width: 30px;
    text-align: center;

}

#panforward{
    position: absolute;
    top: 122px;
    right: 949px;
    z-index: 910;
    cursor: pointer;
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 3px 5px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    width: 30px;
    text-align: center;

}

#customzoom{
    position: absolute;
    top: 122px;
    right: 853px;
    z-index: 910;
    cursor: pointer;
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 3px 8px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    width: 30px;
    text-align: center;
}

#customzoom span{
    margin-left: -3px;
}

.pinnedtracks{
    position: absolute;
    top: 122px;
    right: 330px;
    z-index: 910;
    cursor: pointer;
    background-color: #FFFFFF;
    color: #000000;
    padding: 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    width: 300px;
    text-align: left;
}
.pinnedtracks .entry{
    padding:3px 8px;
}


#Legende{
    position: absolute;
    z-index: 920;
    top: 120px;
    right: -610px;
    bottom: 0;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 300px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#Legende.active{
    position: absolute;
    z-index: 920;
    top: 120px;
    right: 32px;
    bottom: 0;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 300px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#LegendeMap{
    position: absolute;
    z-index: 920;
    top: 120px;
    right: -610px;
    bottom: 0;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 300px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#LegendeMap.active{
    position: absolute;
    z-index: 920;
    top: 120px;
    right: 32px;
    bottom: 0;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 300px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}




#WetterTrigger{
    position: absolute;
    top: 122px;
    right: 773px;
    z-index: 910;
    cursor: pointer;
    background-color: #009fe3;
    color: #FFFFFF;
    padding: 3px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}
#Wetter{
    position: absolute;
    z-index: 920;
    top: 150px;
    right: -610px;
    height:110px;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 570px;
    min-width: 570px;
    max-width: 570px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#Wetter .jslider-label{display:none!important;}
#Wetter .jslider-value{display:none!important;}

#Wetter.active{
    position: absolute;
    z-index: 920;
    top: 150px;
    right: 273px;
    height:110px;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 570px;
    min-width: 570px;
    max-width: 570px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}


.pintomap{color:#aaaaaa;cursor:pointer;}
.pintomap.active{color:#009fe3;cursor:pointer;}
.pintomap:hover{color:#009fe3;cursor:pointer;}


#TriggerPMR {
    position: absolute;
    bottom: 0;
    left: 136px;
    z-index: 930;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#TriggerPD.activeone {
    position: absolute;
    bottom: 260px;
    left: 60px;
    z-index: 930;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#TriggerPMR.activeone {
    position: absolute;
    bottom: 260px;
    left: 136px;
    z-index: 930;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#TriggerPD.activetwo {
    position: absolute;
    bottom: 450px;
    left: 60px;
    z-index: 930;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#TriggerPMR.activetwo {
    position: absolute;
    bottom: 450px;
    left: 136px;
    z-index: 930;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#PRP {
    position: absolute;
    z-index: 920;
    top: 120px;
    left: -510px;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 35%;
    /*height: 65%;*/
    max-height: 65%;
    min-width: 300px;
    max-width: 500px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    overflow: scroll;
}

#PT {
    position: absolute;
    z-index: 920;
    top: 120px;
    right: -610px;
    bottom: 0;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#PTdetail {
    position: absolute;
    z-index: 925;
    top: 120px;
    right: -610px;
    bottom: 0;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    /*background: #ffffff;*/
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#PS {
    position: absolute;
    z-index: 920;
    top: 120px;
    right: -610px;
    bottom: 0;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#PMR {
    position: absolute;
    z-index: 920;
    bottom: -510px;
    /*
	left: 10%;
    right: 10%;
    background-color: #FFFFFF;
	*/
    width: 100%;
    height: 500px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#PD {
    position: absolute;
    z-index: 920;
    bottom: -310px;
    /*
	left: 10%;
    right: 10%;
    background-color: #FFFFFF;
	*/
    width: 100%;
    height: 250px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#PRP.active {
    position: absolute;
    z-index: 920;
    top: 120px;
    left: 32px;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 35%;
    /*height: 65%;*/
    max-height: 65%;
    min-width: 300px;
    max-width: 500px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    overflow: scroll;
}

#PT.active {
    position: absolute;
    z-index: 920;
    top: 120px;
    right: 32px;
    bottom: 0;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#PTdetail.active {
    position: absolute;
    z-index: 925;
    top: 120px;
    right: 32px;
    bottom: 0;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    /*background: #ffffff;*/
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#TRdetail {
    position: absolute;
    z-index: 920;
    top: 120px;
    left: -610px;
    bottom: 100px;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#TRdetail.active {
    position: absolute;
    z-index: 920;
    top: 120px;
    left: 31px;
    bottom: 100px;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#INFOdetail {
    position: absolute;
    z-index: 920;
    top: 120px;
    left: -610px;
    bottom: 100px;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#INFOdetail.active {
    position: absolute;
    z-index: 920;
    top: 120px;
    left: 31px;
    bottom: 100px;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}


#INFOdnetz {
    position: absolute;
    z-index: 920;
    top: 120px;
    left: -610px;
    bottom: 100px;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#INFOdnetz.active {
    position: absolute;
    z-index: 920;
    top: 120px;
    left: 31px;
    bottom: 100px;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#INFORouting {
    position: absolute;
    z-index: 920;
    top: 120px;
    left: -610px;
    bottom: 100px;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#INFORouting.active {
    position: absolute;
    z-index: 920;
    top: 120px;
    left: 31px;
    bottom: 100px;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}




#PS.active {
    position: absolute;
    z-index: 920;
    top: 120px;
    right: 32px;
    bottom: 0;
    background: #ffffff url(../images/layout/rrph_bg_details.jpg) repeat-x top left;
    width: 45%;
    min-width: 300px;
    max-width: 600px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#PMR.active {
    position: absolute;
    z-index: 920;
    bottom: 0;
    /*
	left: 10%;
    right: 10%;
    background-color: #FFFFFF;
    */
    width: 100%;
    height: 450px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#PD.active {
    position: absolute;
    z-index: 920;
    bottom: 0;
    /*
	left: 10%;
    right: 10%;
    background-color: #FFFFFF;
    */
    width: 100%;
    height: 260px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#PD .insert-content,
#PD.active .insert-content,
#PMR .insert-content,
#PMR.active .insert-content {
    margin: 0 60px;
    padding: 30px;
    max-height: 100%;
    overflow: auto;
    background-color: #FFFFFF;
}

#PD .insert-content,
#PD.active .insert-content {
    min-height: 250px;
}

#PMR .insert-content,
#PMR.active .insert-content {
    min-height: 500px;
}

#edittourpanel {
    position: absolute;
    z-index: 0;
    margin: auto;
    top: 110px; left: 5%; 
    bottom: 50px; right: 5%;
    max-width:1200px;
    background-color: #FFFFFF;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#edittourpanel.active {
    position: absolute;
    z-index: 9998;
    margin: auto;
    top: 110px; left: 5%; 
    bottom: 50px; right: 5%;
    max-width:1200px;
    background-color: #FFFFFF;
    /*width: 90%;*/
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding-bottom: 40px;
    
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
}

#editgrouppanel {
    position: absolute;
    z-index: 0;
    margin: auto;
    top: 150px; left: 5%; 
    right: 5%;
    bottom:100px;
    max-width:700px;
    background-color: #FFFFFF;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#editgrouppanel.active {
    position: absolute;
    z-index: 9999;
    margin: auto;
    top: 150px; left: 5%; 
    right: 5%;
    bottom:100px;
    max-width:700px;
    background-color: #FFFFFF;
    /*width: 90%;*/
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding-bottom: 40px;
    
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
}
.acf-field.hidden{display:none;}

#profilepanel {
    position: absolute;
    z-index: 990;
    top: inherit;
    left: 5%;
    bottom: -2000px;
    background-color: #FFFFFF;
    width: 90%;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#profilepanel.active {
    position: absolute;
    z-index: 990;
    left: 5%;
    bottom: 0;
    top: 150px;
    background-color: #FFFFFF;
    width: 90%;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding-bottom: 40px;
}
.shrinkToFit {
    max-width: 99%!important;
    height: auto;
}


.acf-field-accordion {
    height: inherit!important;
}

.acf-fields>.acf-field.acf-field-accordion,
#acf_4.postbox .field_type-accordion {
    cursor: pointer;
    position: relative;
    padding: 4px 0!important;
}

.detailansicht-route .beschreibung img{max-width:150px;height:auto;margin-top:0;}
.detailansicht-route .descriptionfield h5{font-weight:600;margin-bottom:0;}
.detailansicht-route .descriptionfield{border-top:2px solid #e9e9e9;padding:10px 0;}
.closeredit,.closergroup, .closer, .closerthemen, .closerlegend, .closerprofile, .closerinfo, .closerinfoRouting, .closerinfodnetz,  .closerpanels, .closerwetter{float:right;font-size:32px;cursor: pointer;position:absolute;right:20px;top:20px;z-index:99999;}
.closerwetter{top:10px;}
.closerrouteplanen.closerpanels{right:7px;top:10px;}
.closerdetails.closerpanels{right:80px;}
.closermeinrouten.closerpanels{right:80px;}

.detailansicht-route{font-size:14px;line-height:21px;}
.divider {margin-top:10px;}

.showdetailsthemen{color: #999;
font-size: 14px!important;
margin-top: 3px;
cursor: pointer;
padding-left:5px;}
.showdetailsthemen:hover{color:#0f71b8;}

.legendetable{font-size:14px;overflow:auto;max-height:100%;}
.legenderow{width:100%;}
.legende_leftcolumn{width:40px;float:left;height:10px;}
.legende_leftcolumnpoi{width:1px;float:left;height:10px;}
.legende_right{padding-left:20px;}
.linecolored{width:80%;border-top:7px solid #000000;margin-top:10px;}
.legendetable .headline{text-transform:uppercase;font-weight:500;/*margin-top:10px;*/}
.linecolored.themen{border-top:7px solid #990d18;}
.linecolored.radnetz{border-top:7px solid #0000FF;}
.linecolored.restnetz{border-top:7px solid #a6ff01;}
.linecolored.radschnell{border-top:7px solid #FEBB11;}
.linecolored.nebennetz{border-top:7px solid #9ed57e;}
.linecolored.steigung1{border-top:7px solid #5e9d77;}
.linecolored.steigung2{border-top:7px solid #a6ff01;}
.linecolored.steigung3{border-top:7px solid #ffdb0b;}
.linecolored.steigung4{border-top:7px solid #fc7100;}
.linecolored.steigung5{border-top:7px solid #ff0123;}
.linecolored.wegoberflaeche1{border-top:7px solid #0d2dff;}
.linecolored.wegoberflaeche2{border-top:7px solid #454545;}
.linecolored.wegoberflaeche3{border-top:7px solid #00be0c;}
.linecolored.wegoberflaeche4{border-top:7px solid #ff0501;}
.linecolored.wegoberflaeche5{border-top:7px solid #aeaeae;}
.linecolored.mountainbike{border-top:7px solid #0000FF;}
.linecolored.schulwege{border-top:7px solid #8c3ab3;}
.linecolored.landkreisgrenze{border-top:7px solid #8c3ab3;}
.linecolored.schienen{border-top:7px solid #817d7a;}
.linecolored.landesgrenze{border-top:7px solid #5f9ea0;}
.linecolored.autobahn{border-top:7px solid #dc783a;}
.linecolored.bundesstrasse{border-top:7px solid #e9a63e;}
.linecolored.landesstrasse{border-top:7px solid #f7f73d;}

.liniesmall{padding-top:15px;}
.poibox img{width:15px;height:15px;}

.framecolored{width:80%;border-top:14px solid #000000;margin-top:5px;}
.framecolored.bebauung{border-top:14px solid #f1ded8;}
.framecolored.wald{border-top:14px solid #ddf0da;}
.framecolored.wiesen{border-top:14px solid #cfeabf;}
.framecolored.felder{border-top:14px solid #fdfdf5;}
.framecolored.gewaesser{border-top:14px solid #99b3cc;}
.framecolored.industrie{border-top:14px solid #dcdcdc;}
.framecolored.parks{border-top:14px solid #d1ebc4;}

.poifirst{font-weight:500;}
.miniatur .cd-gallery img,
.miniatur .cd-gallery-poi img{
    display: block;
    width: 100%;
    height: auto;
    bottom: 0;
    position: absolute;
}

.sondericons{width: 50px;
height: 25px;
position: absolute;
right: 0;
}
.sondericons img{width:25px!important;height:25px!important;position:relative!important;margin:0;padding:0;display:inline-block!important;}

.liste .sondericons{width: 52px;
height: 25px;
position: absolute;
right: 0;
}
.liste .sondericons img{width:25px!important;height:25px!important;position:relative!important;margin:0;padding:0;display:inline-block!important;margin-right:1px;}

.liste .cd-gallery img,
.liste .cd-gallery-poi img{
    display: none;
}
.liste .checkpinnedt{margin-top:10px!important;right:53px!important;}


ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { list-style:none; margin-left:0;}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px solid #ededed; padding:1em; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { float:right; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { }
ol.commentlist li div.comment-meta a { color:#000000; }
ol.commentlist li p { margin:0 0 1em; }
ol.commentlist li ul { list-style:square; margin:0 0 1em 0 }
ol.commentlist li div.reply { display:none;}
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
h3#comments{font-size:16px;}


/* ======== /MAP STYLES ======== */


/* ======== EDITOR STYLES ======== */

em {
    font-style: italic;
}

.wp-caption-text {
    font-size: 11px;
    width: 100%;
}

img.alignright {
    float: right;
    margin: 0 0 5px 5px;
}

img.alignleft {
    float: left;
    margin: 0 5px 5px 0;
}

img.aligncenter {
    display: block;
    margin: 10px auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    text-align: center;
}

.push-left {
    float: left;
}

.push-right {
    float: right;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

code {
    font-family: courier;
    white-space: nowrap;
    background-color: #F7F7F9;
    color: #DD1144;
    padding: 2px 4px;
    border: 1px solid #E1E1E8;
}

address {
    font-style: italic;
}

.wp-caption {
    max-width: 100% !important;
    text-align: center;
}

.clearfix {
    clear: both;
}

.liste .listeclearfix {
    clear: both;
}

img.alignleft {
    margin: 20px 20px 20px 0;
}

img.alignright {
    margin: 20px 0 20px 20px;
}

.postwrap, .post-sizer{
    width:calc(100% / 3);
    float:left;
}

.postinner{
    margin:10px;
    background-color:#f2f2f2;
}

.postcontent{
    padding:20px;
}

.postcontent h3{
    font-size:20px;
    font-weight:500;
    line-height:26px;
}

.postwrap img,
.blogpost img{
    max-width:100%!important;
    height:auto!important;
}

.bloglink{
    color:#000000;
    text-decoration:none;
}

.bloglink:hover{
    color:#009fe3;
    text-decoration:none;
}

/* ======== / EDITOR STYLES ======== */


/* ======== COLUMNS ======== */


/* ======== / COLUMNS ======== */


/* ======== MAIN MENU ======== */

#menu-hauptnavigation a {
    color: #000;
}

#menu-hauptnavigation a:hover {
    color: #009fe3;
}

#menu-hauptnavigation li a {
    margin-bottom: 10px;
}

.sub-menu {
    display: none;
    position:absolute;
    background-color:#efefef;
    width:190px;
    right:-5px;
    padding-top:10px;
    padding-bottom:10px
    list-style-type: none;
}

#menu-top-navigation li{
    /*position:relative;*/
}

.rueckbtn{font-size:14px;display:inline-block; margin-right:10px;cursor:pointer;}
.rundbtn{font-size:14px;display:inline-block;cursor:pointer;display:none;}
.rundbtnclicked{font-size:14px;display:inline-block;cursor:pointer;display:none;color:#aaaaaa;}

.sub-menu>li {
    color: #000;
    padding-right: 12px;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0px;
    text-transform: none;
    margin-left: 0px;
    text-indent: -15px;
    margin-bottom: 2px;
}

.sub-menu li{list-style-type: none;display:block;}
.sub-menu li:after {
    content: "";
}
.sub-menu li a {text-transform:uppercase;font-size:12px;}

.sub-menu>li::before {
    /*content: "•";*/
    color: #000;
    padding-right: 12px;
    font-size: 13px;
}


#menu-top-navigation .current-menu-item .sub-menu a {
    color: #000000;
}

#menu-top-navigation .current-menu-item .sub-menu a:hover {
    color: #009fe3;
}

#menu-top-navigation .current-menu-item .sub-menu .current-menu-item a {
    color: #009fe3;
}

#menu-top-navigation .current_page_parent a {
    color: #009fe3;
}

#menu-top-navigation .current_page_parent .sub-menu a {
    color: #000000;
}

#menu-top-navigation .current_page_parent .sub-menu a:hover {
    color: #009fe3;
}

#menu-top-navigation .current_page_parent .sub-menu .current-menu-item a {
    color: #009fe3;
}

#menu-top-navigation .current-menu-item .sub-menu {
    display: inherit;
}

#menu-top-navigation .current_page_parent .sub-menu {
    display: inherit;
}

#menu-top-navigation li:hover > ul{
    display: block;
}

#menu-top-navigation-1 .current-menu-item .sub-menu a {
    color: #000000;
}

#menu-top-navigation-1 .current-menu-item .sub-menu a:hover {
    color: #009fe3;
}

#menu-top-navigation-1 .current-menu-item .sub-menu .current-menu-item a {
    color: #009fe3;
}

#menu-top-navigation-1 .current_page_parent a {
    color: #009fe3;
}

#menu-top-navigation-1 .current_page_parent .sub-menu a {
    color: #000000;
}

#menu-top-navigation-1 .current_page_parent .sub-menu a:hover {
    color: #009fe3;
}

#menu-top-navigation-1 .current_page_parent .sub-menu .current-menu-item a {
    color: #009fe3;
}

#menu-top-navigation-1 .current-menu-item .sub-menu {
    display: inherit;
}

#menu-top-navigation-1 .current_page_parent .sub-menu {
    display: inherit;
}

#menu-top-navigation-1 li:hover > ul{
    display: block;
}



/* ======== / MAIN MENU ======== */


/* ======== PAGE ======== */

#pagewrap {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    position: relative;
    margin: 0 auto;
    padding-top: 120px;
}

#pagewrap.map {
    overflow: hidden;
}

.content {
    padding-bottom: 40px;
    padding-top: 45px;
    background: url(../images/layout/background-content.png) no-repeat top center;
}

.content.nobackimg {
    background: none;
    padding: 0;
}

.content.nobackimg .inner {
    background: none;
    padding: 0;
}

.main {
    width: 100%;
    float: left;
}

.main .contentmain {
    width: 100%;
    float: left;
}

.main .contentmain.full {
    width: 100%;
    float: left;
}

.styled-box {
    padding: 20px 25px 3px;
    background-color: #efefef;
    margin-bottom: 23px;
    border-left:4px solid #009fe3;
}

#sidewidget {
    width: 310px;
    background-color: #414141;
    overflow: scroll;
}

#sidewidget .slider-exit {
    position: absolute;
    top: 40px;
    right: 40px;
    color: #FFF;
    cursor: pointer;
}

#sidewidget .terminliste {
    padding: 80px 40px 40px;
}

#sidewidget .terminliste .termineintrag {
    padding: 15px 0 0 0;
    border-bottom: 1px solid #a9a9a9;
}

#sidewidget .terminliste .termineintrag .datum {
    font-size: 12px;
    color: #009fe3;
}

#sidewidget .terminliste .termineintrag h5 {
    color: #a9a9a9;
}

#sidewidget .terminliste .termineintrag h5 a {
    color: #a9a9a9;
}

#sidewidget .terminliste .termineintrag h5 a:hover {
    color: #009fe3;
}

#sidewidget .terminliste .alletermine {
    font-size: 12px;
    color: #009fe3;
    text-transform: uppercase;
    margin-top: 10px;
}

.teaserboxes-item {
    width: 48%;
    margin-bottom: 10px;
    border-top: 1px solid #aaaaaa;
    padding-top: 10px;
}

.teaserboxes-gutter-sizer {
    width: 2%;
}

.teaserboxes-sizer {
    width: 49%;
}
.teaserboxes-item{
    font-size:14px;
    line-height:21px;
}
.teaserboxes-item h3 {
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: none;
    line-height: 24px;
}
.contentmain h4,
.teaserboxes-item h4 {
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color:#000000;
    border-top: 1px solid #aaaaaa;
    padding-top: 8px;
    padding-bottom:3px;

}


.teaserbox img {
    display: block;
    /*
    width: 100%;
    height: auto;
    */
    margin-bottom: 5px;
    max-height:100%;
    width:auto;
}

.infografikwrap {
    margin: 0 0 20px 0;
}

.mapwrap {
    margin: 0 0 20px 0;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin: 0 0 20px 0;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ======== / PAGE ======== */


/* ======== NEWS ======== */

.news-item {
    width: 32%;
    margin-bottom: 10px;
    border-top: 1px solid #aaaaaa;
    padding-top: 10px;
    font-size:14px;
    padding-bottom: 15px;
    line-height:23px;
}

.news-item h3 {
    font-size: 16px;
    line-height: 20px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.news-item p{
    margin-bottom:10px;
}

.gutter-sizer {
    width: 2%;
}

.news-item .datum {
    font-size: 12px;
    color: #009fe3
}

a.morebutton {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #ededed;
    padding: 0 10px;
    font-weight:500;
    letter-spacing:1px;
}


/* ======== / NEWS ======== */


/* ======== HOME ======== */

.grid-sizer {
    width: 25%;
}

.feature {
    background-color: #efefef;
}

.feature .col1-1 {
    width: 25%;
    height: 24vh;
    min-height: 190px;
    float: left;
}

.feature .col2-1 {
    width: 50%;
    height: 24vh;
    min-height: 190px;
    float: left;
}

.feature .col1-2 {
    width: 25%;
    height: 48vh;
    min-height: 380px;
    float: left;
}

.feature .col2-2 {
    width: 50%;
    height: 48vh;
    max-height:700px;
    min-height: 380px;
    display: table;
    background-color: #efefef;
    float: left;
}

.bottom .shortcuts {
    width: 100%;
    float: left;
}

.bottom .shortcuts .col {
    width: 12.5%;
    height: 15vh;
    min-height: 150px;
    float: left;
    display: table;
    position: relative;
}

.bottom .shortcuts .col.first {
    width: 12.5%;
    float: left;
}

.bottom .text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #efefef;
    padding: 0 15px;
}

.bottom a.modalpopup {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
}

.feature-item {
    display: table;
}

.feature-item > .blackbox {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.001);
    z-index: 96;
    /*display:none;*/
     -webkit-transition: background-color 100ms linear 0s;
    -moz-transition: background-color 100ms linear 0s;
    -o-transition: background-color 100ms linear 0s;
    transition: background-color 100ms linear 0s;

}

.feature-item:hover > .blackbox {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 96;
    /*display:none;*/
     -webkit-transition: background-color 100ms linear 0s;
    -moz-transition: background-color 100ms linear 0s;
    -o-transition: background-color 100ms linear 0s;
    transition: background-color 100ms linear 0s;

}

.feature-item .text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: url(../images/layout/punktraster.png) no-repeat top left;
    position: relative;
    z-index: 97;
}

.inputbox-home {
    width: 50%;
    max-width: 350px;
    background-color: #ffffff;
    padding: 5px 10px;
    margin: 15px auto;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 6px 30px 0 rgba(0, 0, 0, 0.09) !important;
    position: relative;
    z-index: 111;
}

.inputbox-home button {
    border: 0;
    background-color: #009fe3;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    cursor: pointer;
    padding: 14px 0 13px 0;
    margin: 5px 0px;
    -webkit-transition: background-color 200ms linear 0.2s;
    -moz-transition: background-color 200ms linear 0.2s;
    -o-transition: background-color 200ms linear 0.2s;
    transition: background-color 200ms linear 0.2s;
}

.inputbox-home button:hover {
    -webkit-transition: background-color 200ms linear 0.2s;
    -moz-transition: background-color 200ms linear 0.2s;
    -o-transition: background-color 200ms linear 0.2s;
    transition: background-color 200ms linear 0.2s;
    background-color: #0e71b8;
}

.inputbox-home input {
    border: 0;
    background-color: #efefef;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    padding: 12px 7px;
}

a.homeradplanerohne {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    z-index: 112;
}

a.homeradplanerohne:hover {
    color: #0e71b8;
}


/* ======== / HOME ======== */


/* ========  MODAL ======== */

#animatedModal {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19) !important;
}

.close-animatedModal {
    /*padding: 30px 60px 0 60px;
    text-align: right;*/
    cursor: pointer;
    top:30px;
    right:30px;
    position:fixed;
    z-index:999;
}

.modal-content {
    padding: 60px 60px 30px;
    position:relative;
}

.preloaderwrap {
    width: 300px;
    margin: 30% auto 0;
}

.preloader-gif {
    text-align: center;
}

.preloader-text {
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}


/* ======== / MODAL ======== */


/* ======== FORMS ======== */

input {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    /*line-height: 22px;*/
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #dddddd;
    background-color: #ffffff;
    padding: 5px 0px;
    margin: 5px 0px;
}

textarea {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #dddddd;
    background-color: #ffffff;
    padding: 5px opx;
    margin: 5px 0px 0px;
}

input[type="submit"] {
    width: inherit;
    padding: 10px 25px;
    background-color: #009fe3;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #414141;
}

.screen-reader-response {
    display: none;
}

.wpcf7-not-valid-tip {
    color: #f00;
}

.wpcf7-not-valid {
    border-bottom: 1px solid #F00;
}

.wpcf7-validation-errors {
    color: #F00;
}

.add_field_button {
    position: absolute;
    z-index: 610;
    display: inline-block;
    right: -21px;
    bottom: -10px;
    background-color: #ededed;
    padding: 5px;
    line-height: 10px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    cursor: pointer;
    font-weight: 500;
}

.remove_field {
    display: inline-block;
    position: absolute;
    right: 4px;
    top: 11px;
    color: #990d18;
}


/* ======== / TOUREN ======== */

.sidebarbutton {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1px;
}

.fa-lg {
    font-size: 14px!important;
    line-height: 12px!important;
    vertical-align: 3%!important;
    margin-right: 3px;
}

.ansicht-switcher-tour .switcher-miniatur-tour,
.ansicht-switcher-sehen .switcher-miniatur-sehen {
    cursor: pointer;
    color: #000000;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.ansicht-switcher-tour .switcher-liste-tour,
.ansicht-switcher-sehen .switcher-liste-sehen {
    cursor: pointer;
    color: #000000;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.ansicht-switcher-tour .switcher-miniatur-tour.active,
.ansicht-switcher-sehen .switcher-miniatur-sehen.active {
    cursor: pointer;
    color: #0f71b8;
    display: inline-block;
}

.ansicht-switcher-tour .switcher-liste-tour.active,
.ansicht-switcher-sehen .switcher-liste-sehen.active {
    cursor: pointer;
    color: #0f71b8;
    display: inline-block;
}

.switcher-gruppe.active{
    color: #0f71b8;
}

.switchertheme {
    padding-bottom: 30px;
}

.liste .tourblock {
    border-top: 1px solid #e9e9e9;
    padding: 10px 0;
    cursor: pointer;
    position:relative;
    /*display:block!important;*/
    width: 100%;
}

.liste .tourblock p:last-child {
    margin-bottom: 0;
}

.liste .tourblock .left.miniaturansicht {
    display:none;
}

.liste .tourblock .left.listenansicht{
    float: left;
    width: 80px;
    display: inline-block;
}

.liste .tourblock .right {
    width: 100%;
    padding-left: 80px;
    /*overflow:hidden;*/
        padding-right:60px;
}

.liste .touricon {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    float: left;
}
.liste .touricon img{
    width:100%;
    height:auto;
}

.liste .tourheadline {
    font-size: 14px;
    font-weight: 500;
    overflow:hidden;
}

.liste .tourbeschreibung {
    font-size: 14px;
    font-style: italic;
}

.imggal{float:left;}
.imggal img{display:block;}
.miniatur .tourblock {
    border-top: 0px solid #e9e9e9;
    padding: 0;
    width: 50%;
    float: left;
    background: #ededed url(../images/layout/no-image.png) no-repeat top left;
    position: relative;
    min-height: 270px;
    cursor: pointer;
}

.miniatur .tourblock p:last-child {
    margin-bottom: 0;
}

.miniatur .tourblock .left.miniaturansicht {
    float: left;
    width: 100%;
    display: inline-block;
    /*display: none;*/
}


.miniatur .tourblock .left.listenansicht {
    display:none;
}



.miniatur .tourblock .right {
    width: 100%;
    padding-left: 0;
    overflow:hidden;
}

.miniatur .touricon {
    width: 100%;
    height: 270px;
    margin-right: 0px;
    float: left;
    /*display: none;*/
}

.miniatur .tourheadline {
    font-size: 18px;
    font-weight: 100;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    color:#FFFFFF;
    overflow:hidden;
}

.miniatur .tourbeschreibung {
    font-size: 14px;
    font-style: italic;
    display: none;
}

.miniatur .tourtitel-big {
    display: none;
}

.tourtitel-big {
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
}


/* ======== / TOUREN ======== */

.linie {
    width: 100%;
    border-top: 1px solid #cccccc;
    margin: 8px 0;
}

input[type="radio"] {
    display: inline;
    width: 18px;
}

input.css-checkbox[type="checkbox"] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input.css-checkbox.lrg[type="checkbox"]:checked+label.css-label.lrg {
    background-position: 0 -20px;
    font-weight: 500;
}

input.css-checkbox.lrg[type="checkbox"]+label.css-label.lrg {
    padding-left: 22px;
    height: 18px;
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    text-transform: none;
}

.vlad {
    background-image: url(checkboxes/vlad.png);
}

fieldset ul {
    margin-bottom: 0;
}

fieldset li {
    margin-bottom: 5px;
}

fieldset li.inline.smaller {
    margin-bottom: 3px;
}

fieldset li.smaller.subli {
    margin-left: 20px;
}

fieldset li.smaller.subli.hidden {
    display:none;
}

.removepinnedleft{
    font-size:14px;
    background-color:#ededed;
    color:#000000;
    cursor:pointer;
    padding:3px 10px;
}

.removepinnedleft:hover{
    font-size:14px;
    background-color:#009fe3;
    color:#FFFFFF;
    cursor:pointer;
}

.addThemeRoutes{color: #999;
font-size: 16px!important;
margin-top: 3px;cursor:pointer;}

.addThemeRoutes:hover{color: #0f71b8;}

.infoWeg, .infoDNetz{color: #999;
font-size: 16px!important;
margin-top: 3px;cursor:pointer;}

.infoWeg:hover, .infoDNetz:hover{color: #0f71b8;}

#datepicker {
    border: 0;
    background-color: #ededed;
    padding-left: 22px;
    height: 22px;
    font-size: 12px;
    margin: 0 5px 0 10px;
    width: 150px;
    color:#BBBBBB;
}

#datepicker.active{color:#000000;}

#ui-datepicker-div {
    padding: 10px;
    background-color: #FFFFFF;
    display: none;
    font-size:12px;
    -webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.1);
}

.ui-datepicker-calendar td{padding:2px 5px;text-align:center;}

.ui-datepicker-header{position:relative;}

.ui-datepicker-prev{position:absolute;left:0; top: 0;}

.ui-datepicker-next{position:absolute;right:0; top: 0;}

.ui-datepicker-title{text-align:center;}

.ui-datepicker-unselectable{color:#ededed;}

a.ui-state-default{color:#000000;}

.ui-datepicker-today a{font-weight:600;color:#009fe3;}

.css-label-radio {
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
}

li.inline {
    display: inline-block;
    margin-right: 10px;
}

h4.mr_title {
    font-size: 14px;
    cursor: pointer;
}

h4.mr_title:after {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 1em 'dashicons';
    vertical-align: middle;
    content: "\f345";
}

h4.mr_title.active:after {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 1em 'dashicons';
    vertical-align: middle;
    content: "\f347";
}

h4.route-loeschen {
    font-size: 14px;
    cursor: pointer;
    color: #990d18;
    margin-top: 20px;
    display: inline-block;
}

h4.route-loeschen:hover {
    font-size: 14px;
    cursor: pointer;
    color: #000000;
}

h4.route-loeschen:after {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 1.5em 'dashicons';
    vertical-align: middle;
    content: "\f335";
}

.tourerstellen {
    border: 0;
    background-color: #ededed;
    padding-left: 22px;
}

.tourerstellenRed {
    border: 0;
    border-right: 4px solid #990d18;
    ;
    background-color: #ededed;
    padding-left: 22px;
}

.ui-autocomplete {
    background-color: #FFFFFF;
    z-index: 9999999999;
    font-size: 12px;
    text-transform: none;
    padding: 10px 20px 20px 20px;
    line-height: 15px;
    border: 1px solid #ededed;
    border-top: 0px;
    max-height: 200px;
    overflow: scroll;
    max-width: 350px;
    position: absolute;
}

.ui-autocomplete .ui-menu-item {
    margin-bottom: 5px;
    text-transform: none;
}

.ui-autocomplete .ui-menu-item a {
    color: #000000;
    cursor: pointer
}

.ui-autocomplete .ui-menu-item a:hover {
    color: #000000;
    font-weight: 500;
}

.ui-autocomplete .ui-menu-item a:focus {
    color: #000000;
    font-weight: 500;
}

.ui-state-active {
    color: #000000;
    font-weight: 500;
} 

.ui-autocomplete .ui-menu-item a i {
    font-style: italic;
}

.ui-helper-hidden-accessible {
    display: none;
}

.mypassword{cursor:pointer;}
#wppb-recover-password p{font-size:14px;line-height:18px;display:none;}
#wppb-recover-password p.form-submit{display:block;}
#tourensuche,
#meinetourensuche,
#sehensuche {
    width: 90%;
    float: left;
    border: 0;
    background-color: #ededed;
    padding-left: 10px;
    height: 35px;
}
.avatarwrap{margin-top:30px;margin-bottom:5px;}
.avatarwrap img{-webkit-border-radius: 120px; 
  -moz-border-radius: 120px; 
  border-radius: 120px; }

.usernamewrap{font-size:22px;font-weight:100;margin-bottom:3px;}
.usersince{font-size:12px;color:#afafaf;margin-bottom:35px;}
.user-logout a{text-transform:uppercase;color:#990d18;}
.adminbereich{text-transform:uppercase;margin-bottom:5px;display:block;color:#0f71b8;}
.adminbereich:hover{text-transform:uppercase;color:#009fe3;}
.myprofile{text-transform:uppercase;margin-bottom:15px;display:block;color:#0f71b8;cursor:pointer;}
.myprofile:hover{text-transform:uppercase;color:#009fe3;cursor:pointer;}
.myroute{text-transform:uppercase;margin-bottom:5px;display:block;color:#0f71b8;cursor:pointer;}
.myroute:hover{text-transform:uppercase;color:#009fe3;cursor:pointer;}

.myroute.active{font-weight:500;}
.myprofile.active{font-weight:500;}

#select_user_to_edit_form{display:none;}

/*.wppb-default-username{display:none;}*/
.wppb-form-field.wppb-default-name-heading h4{font-size: 20px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 20px;
}
#wppb-edit-user input[type="text"],
#wppb-edit-user input[type="email"],
#wppb-edit-user input[type="password"]{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    border: 0px;
    padding: 5px 0px;
    margin: 0px;
    background-color: #ededed;
    padding-left: 22px;
    max-width: 400px;}

#wppb-edit-user label{text-transform: none;font-size:14px;width:170px;display:inline-block;}

#wppb-edit-user-myprofile input[type="text"],
#wppb-edit-user-myprofile input[type="email"],
#wppb-edit-user-myprofile input[type="password"]{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    border: 0px;
    padding: 5px 0px;
    margin: 0px;
    background-color: #ededed;
    padding-left: 22px;
    max-width: 400px;}

#wppb-edit-user-myprofile label{text-transform: none;font-size:14px;width:170px;display:inline-block;}
#wppb-edit-user-myprofile .wppb-default-username{display:block;}

#wppb-register-user-anmeldung input[type="text"],
#wppb-register-user-anmeldung input[type="email"],
#wppb-register-user-anmeldung input[type="password"]{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    border: 0px;
    padding: 5px 0px;
    margin: 0px;
    background-color: #ededed;
    padding-left: 22px;
    max-width: 400px;}

#wppb-register-user-anmeldung label{text-transform: none;font-size:14px;width:170px;display:inline-block;}
#wppb-register-user-anmeldung .wppb-default-username{display:block;}

.agree_to_terms{text-transform: none;font-size: 14px;}
.wppb-checkbox-terms-and-conditions label{width:30px!important;}
.wppb-checkbox-terms-and-conditions .wppb-required{display:none;}

.form-submit{margin-top:-5px;}
.form-submit #edit_profile{margin-left: 370px;
margin-top: -16px;
}

.tourbutton button,
.sehenbutton button {
    width: 10%;
    float: left;
    border: 0;
    background-color: #009fe3;
    color: #FFFFFF;
    height: 35px;
    margin-top: 5px;
    cursor: pointer;
    -webkit-transition: background-color 200ms linear 0.2s;
    -moz-transition: background-color 200ms linear 0.2s;
    -o-transition: background-color 200ms linear 0.2s;
    transition: background-color 200ms linear 0.2s;
}

.tourbutton button:hover,
.sehenbutton button:hover {
    width: 10%;
    float: left;
    border: 0;
    background-color: #0f71b8;
    color: #FFFFFF;
    height: 35px;
    margin-top: 5px;
    cursor: pointer;
    -webkit-transition: background-color 200ms linear 0.2s;
    -moz-transition: background-color 200ms linear 0.2s;
    -o-transition: background-color 200ms linear 0.2s;
    transition: background-color 200ms linear 0.2s;
}

.meinerouten-left {
    width: 300px;
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #cccccc;
    padding-right: 30px;
    position:fixed;
    height:400px;
    text-align: center;
}

.meinerouten-right {
    width: 100%;
    float: left;
    display: table-cell;
    vertical-align: top;
    padding-left:300px;
}

.pdfprintbut{cursor:pointer;}

.commentwrap .says{
    display:none;
}
.commentwrap p{
    font-weight:500;
}
.commentwrap #comments{
    display:none;
}

.commentwrap .commentmetadata{
    font-size:12px;
}

#username_email,
#passw1,
#passw2,
#user_login,
#user_pass,
.registerinput{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    border: 0px;
    padding: 5px 0px;
    margin: 5px 0px;
    background-color: #ededed;
    padding-left: 22px;
}

.registerinput{max-width:400px;}

#registersubmit{margin-left:210px;}

#loginform p {
    margin-bottom: 0;
}

.login-remember label {
    padding-left: 22px;
    height: 18px;
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    text-transform: none;
    background-image: url(checkboxes/vlad.png);
}

#remeberme [type="checkbox"]:checked {
    background-position: 0 -20px;
    font-weight: 500;
}

#rememberme {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

#wp-submit {
    font-size: 14px;
    line-height: 14px;
    float: right;
}

.meinerouten-padding {
    padding-left: 30px;
    padding-bottom: 60px;
}

.cleanlogin-container {
    margin: 0 auto;
    max-width: 100%!important;
    position: relative;
    overflow: hidden;
    padding: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-radius: 0px!important;
    border: 0px solid #ddd!important;
}

.cleanlogin-preview .avatar {
    border-radius: 50%!important;
    float: none;
    width: 128px;
    height: 128px;
    margin: 0 auto 24px auto;
}

.cleanlogin-container h4 {
    margin-top: 0;
    text-align: center;
    font-size: 20px!important;
    font-weight: normal;
    margin-bottom: 20px;
    text-transform: none;
}

.cleanlogin-container h4>small {
    margin-top: 5px;
    font-size: 16px!important;
    font-style: italic;
    display: block;
    text-transform: none;
}

.cleanlogin-form input[type="text"],
.cleanlogin-form input[type="password"],
.cleanlogin-form input[type="email"] {
    height: 36px;
    padding: 4px 8px;
    width: 100%;
    background-color: #ededed!important;
}

.cleanlogin-field,
.cleanlogin-form input[type="submit"] {
    margin-bottom: 5px!important;
}

.cleanlogin-field-password,
.cleanlogin-field-username,
.cleanlogin-field-email {
    background: none!important;
    padding-left: 10px !important;
}

.cleanlogin-full-width form fieldset {
    clear: both;
    margin-left: -5%;
    margin-bottom: 5px!important;
}


/* ======== / FORMS ======== */


/* ======== FOOTER ======== */

#footer {
    width: 100%;
    background-color: #efefef;
    position: relative;
    margin: 0 auto;
    padding: 40px 0;
    font-size: 12px;
    line-height: 16px;
    color: #8c8c8c;
}


/* ======== / FOOTER ======== */


/* ======== TOGGLE ======== */

h3.toggletrigger {
    font-size: 20px;
    margin-bottom: 8px;
    border-bottom: 1px solid #e2e2e2;
    background: url(../images/layout/toggle-plus.gif) no-repeat right center;
    cursor: pointer;
}

h3.toggletrigger.active {
    border-bottom: 1px solid #ffffff;
    background: url(../images/layout/toggle-minus.gif) no-repeat right center;
}

.toggle_container {
    display: none;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 8px;
}


/* ======== / TOGGLE ======== */


/* ========  INSERT ======== */

#filter{border:0;background-color:#ededed;font-weight: 500;
font-size: 14px;
padding: 12px 20px;
}
.sortable-theme-bootstrap tr:hover{background-color:#f5f5f5;}

.generator,
.generatorwidget,
.generatorwidgetspan{
    border: 0;
background-color: #009fe3;
color: #FFF;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
cursor: pointer;
padding: 12px 10px 11px 10px;
margin: 5px 0px;
    width:200px;
-webkit-transition: background-color 200ms linear 0.2s;
-moz-transition: background-color 200ms linear 0.2s;
-o-transition: background-color 200ms linear 0.2s;
transition: background-color 200ms linear 0.2s;
text-align:center;
}

.linkgeneratorwrap{width:50%;float:left;}
.widgetgeneratorwrap{width:50%;float:left;}

.linkgeneratorwrap .innercontent{padding-right:15px;}
.widgetgeneratorwrap .innercontent{padding-left:15px;}

.showalertrennrad{display:none;position:absolute;width:200px;padding:20px;font-size:12px;bottom:10px;line-height:16px;background-color:#009fe3;color:#FFFFFF;}

.insert-content {
    padding: 30px;
    max-height: 100%;
    overflow: auto;
}

#edittourpanel .insert-content {
    padding: 50px 70px;
    max-height: 100%;
    overflow: auto;
}

.insert-content-legende {
    padding: 30px;
    max-height: 100%;
    overflow: auto;
}

.insert-content-wetter {
    padding: 10px 30px;
max-height: 100%;
overflow: auto;
}

.insert-details {}

.insert-meinerouten {}

.insert-routeplanen {}

.insert-sehenswuerdigkeiten {}

.insert-touren {}

.detail-holder {
    display: table;
    width: 100%;
    height: 200px;
    padding-bottom: 0px;
}

.detail_first.facts {
    width: 310px;
    display: table-cell;
    vertical-align: top;
}

.facts-left {
    float: left;
    border-right: 1px solid #cccccc;
    height: 200px
}

.facts-right {
    float: left;
    height: 200px;
}

.details-inner {
    padding: 0 10px;
}

.details-inner.first {
    padding-left: 0;
}

.details-inner.last {
    padding-right: 0;
}

.details-inner .titel {
    font-size: 14px;
    text-transform: uppercase;
   margin-bottom: -5px;
}

.details-inner .wert span {
    font-size: 26px;
}

.details-inner .wert.zeit span,
.details-inner .wert.hoch span,
.details-inner .wert.runter span{
    font-size: 14px;
}

.details-inner .zusatzinfo {
    font-size: 14px;
    margin-top: -3px;
}

.details-inner .space {
    width: 100%;
    margin: 5px 0;
}

.detail_second.profil {
    float: left;
    width: 100%;
    height: 200px;
    display: table-cell;
    vertical-align: top;
}

.detail_third.qrcode {
    width: 160px;
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #cccccc;
}

.detail_fourth.funktionen {
    width: 160px;
    display: table-cell;
    vertical-align: top;
}

.triggerheadnav {
    cursor: pointer;
}

.detail_fourth.funktionen .detailbuttonslink {
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 0px;
    display:none;
}

.tools .detailbuttonslink {
    font-size: 12px;
    text-transform: none;
    color: #0f71b8;
    cursor: pointer;
    margin-bottom: 5px;
    font-weight:500;
    display: block;
}

.tools .routeloeschen {
    color: #990d18;
}

.terminort p{margin-bottom:0;}

.detailbuttonslink:hover {
    color: #990d18;
}

.detailbuttonslink.urlroute{cursor:pointer;}

.savebut {
    display: block;
    border: 0;
    background-color: #990d18;
    color: #FFFFFF;
    padding: 4px 14px;
    margin-top: 5px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: background-color 200ms linear 0.2s;
    -moz-transition: background-color 200ms linear 0.2s;
    -o-transition: background-color 200ms linear 0.2s;
    transition: background-color 200ms linear 0.2s;
    font-size:10px;
    line-height:13px;
}

.savebut:hover {
    color: #FFFFFF;
    background-color: #ad000c;
    -webkit-transition: background-color 200ms linear 0.2s;
    -moz-transition: background-color 200ms linear 0.2s;
    -o-transition: background-color 200ms linear 0.2s;
    transition: background-color 200ms linear 0.2s;
}
.spacer_save{margin-top:15px;}

.ui-sortable-handle input{margin-left:3%; width:97%;}
.ui-sortable-handle {background:url(../images/layout/sort.gif) no-repeat left center;cursor:pointer;}

#kmh{display: inline-block;
width: 27px;
border: 0;
background-color: #ededed;
padding: 0 5px;
}

/* ======== / INSERT ======== */


/* ======== MAP ======== */

.leaflet-right {
    /* right: 40%; */
}

.leaflet-left {
    left: 50%;
}

.c3-line-Steigung {
    display: none;
}

.c3-area-Steigung {
    fill: rgb(150, 150, 150)!important;
}

.c3-grid line {
    stroke: #cecece!important;
}

.c3-xgrid-line line{
    stroke: #000000!important;
}

.c3 svg {
    font: inherit!important;
    font-size: 10px!important;
}

.c3-tooltip-container {
    /*display: none!important;*/
}

#chart svg {
    width: 100%!important;
}


/* ======== / MAP ======== */

#acf-field_607309404a350-bsem,
#acf-field_607309404a350-bb{
    display: inline-block!important;
    width: 20px!important;
}

/* ======== DESKTOP FLUID ======== */

@media only screen and (max-width: 1279px) {
    .bottom .termine,
    .bottom .shortcuts {
        width: 100%;
        float: left;
    }
    .details-inner .titel {
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 5px;
        line-height:18px;
    }
    .details-inner .wert {
        font-size: 26px;
        font-weight: 500;
        letter-spacing: 1px;
    }
    .details-inner .wert span {
        font-size: 20px;
    }
    .details-inner .zusatzinfo {
        font-size: 14px;
        margin-top: 3px;
    }
}

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

@media only screen and (max-width: 1023px) {
    .buttonoldradroutenplaner{display:none!important;}
    .topnavi-first{width:10%!important;}
    .topsearch{width:38%!important;}
}

@media only screen and (max-width: 800px) {
    .feature .col1-1 {
        width: 50%;
        height: 24vh;
        min-height: 190px;
        float: left;
    }
    .feature .col2-1 {
        width: 100%;
        height: 24vh;
        min-height: 190px;
        float: left;
    }
    .feature .col1-2 {
        width: 50%;
        height: 48vh;
        min-height: 380px;
        float: left;
    }
    .feature .col2-2 {
        width: 100%;
        height: 48vh;
        max-height: 450px;
        min-height: 380px;
        display: table;
        background-color: #efefef;
        float: left;
    }
    
}

@media only screen and (max-width: 680px) {
    
  
    
    #header .headertop {
        background-color: #FFF;
    }
    
    
    .topnavi {
        display: none;
    }
    .topnavi-mobile{
        display:block;
        position:absolute;
        top:0;
        right:0;
        left:0;
    }
    .topnavi-mobile-trigger{
        cursor:pointer;
        right:10px;
        top:30px;
        position:absolute;
    }
    .mobilenavwrap{
        display:none;
        width:100%;
        height:100vh;
        top:0;
        right:0;
        left:0;
        bottom:0;
        background-color:#FFFFFF;
        z-index:999999;
        position:absolute;
    }
    .mobilenavwrap .top-nav ul{
        padding-left:30px;
        padding-top:50px;
    }
    .mobilenavwrap .top-nav li{
        display:block;
        margin-bottom:5px;
    }
    .mobilenavwrap .top-nav li:after{
        content:"";
    }
    .mobilenavwrap .sub-menu{
        display:block;
        position:relative;
        background-color:#FFFFFF;
        width:inherit;
    }
    .mobilenavwrap .top-nav ul.sub-menu{
        padding-left:0px;
        padding-top:10px;
        padding-bottom:20px;
    }
    .closermobilenav{
        position:absolute;
        top:30px;
        right:10px;
    }
    
    
    .topsearch {
        display: none;
    }
    .headertop {
        display: none;
    }
    #header .headertop .topsearch {
        position: absolute;
        right: 0;
        width: 80%;
        min-height: 27px;
        background-color: #009fe3;
        color: #FFF;
    }
    .inner {
        padding: 0 70px;
    }
    .headerlogos {
        min-height: 70px;
        padding-top: 12px;
    }
    .headerlogos img {
        height: 65px;
        width: auto;
    }
    .main {
        width: 100%;
        float: left;
    }
    .main .contentmain {
        width: 100%;
        float: left;
    }
    .gutter-sizer {
        width: 2%;
    }
    .news-item {
        width: 48%;
        margin-bottom: 10px;
        border-top: 1px solid #000;
        padding-top: 10px;
    }
    .logo-partner{display:none;}
}

@media only screen and (max-width: 480px) {
    
    
    .postwrap, .post-sizer{
    width:calc(100% / 1);
    float:left;
}
   
    
    #header .headertop {
        
        background-color: #FFF;
    }
   
    .topnavi {
        display: none;
    }
    .topnavi-mobile{
        display:block;
        position:absolute;
        top:0;
        right:0;
        left:0;
    }
    .topnavi-mobile-trigger{
        cursor:pointer;
        right:10px;
        top:30px;
        position:absolute;
    }
    .mobilenavwrap{
        display:none;
        width:100%;
        height:100vh;
        top:0;
        right:0;
        left:0;
        bottom:0;
        background-color:#FFFFFF;
        z-index:999999;
        position:absolute;
    }
    .mobilenavwrap .top-nav ul{
        padding-left:30px;
        padding-top:50px;
    }
    .mobilenavwrap .top-nav li{
        display:block;
        margin-bottom:5px;
    }
    .mobilenavwrap .top-nav li:after{
        content:"";
    }
    .mobilenavwrap .sub-menu{
        display:block;
        position:relative;
        background-color:#FFFFFF;
        width:inherit;
    }
    .mobilenavwrap .top-nav ul.sub-menu{
        padding-left:0px;
        padding-top:10px;
        padding-bottom:20px;
    }
    .closermobilenav{
        position:absolute;
        top:30px;
        right:10px;
    }
    
    
    
    
    
    
    .topsearch {
        display: none;
    }
    .headertop {
        display: none;
    }
    #header .headertop .topsearch {
        position: absolute;
        right: 0;
        width: 80%;
        min-height: 27px;
        background-color: #009fe3;
        color: #FFF;
    }
    .inner {
        padding: 0 40px;
    }
    .headerlogos {
        min-height: 70px;
        padding-top: 12px;
    }
    .headerlogos img {
        height: 65px;
        width: auto;
    }
    .feature .col1-1 {
        width: 100%;
        height: 24vh;
        min-height: 190px;
        float: left;
    }
    .feature .col1-2 {
        width: 100%;
        height: 48vh;
        min-height: 380px;
        float: left;
    }
    .bottom .termine .datum {
        font-size: 12px;
        color: #009fe3
    }
    .bottom .termine .col {
        width: 100%;
        height: 5vh;
        min-height: 100px;
        float: left;
        display: table;
    }
    .bottom .termine .col.first {
        width: 100%;
        float: left;
    }
    .bottom .shortcuts .col {
        width: 100%;
        height: 5vh;
        min-height: 100px;
        float: left;
        display: table;
    }
    .bottom .shortcuts .col.first {
        width: 100%;
        float: left;
    }
    .bottom .text {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        border-right: 0px;
        border-bottom: 1px solid #efefef;
        padding: 0 15px;
    }
    h1 {
        font-size: 40px;
        line-height: 40px;
    }
    h2 {
        font-size: 32px;
        line-height: 32px;
    }
    h2.edithead {
        font-size: 32px;
        line-height: 32px;
    }
    h3 {
        font-size: 20px;
        line-height: 20px;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }
    .news-item h3 {
        font-size: 20px;
        line-height: 22px;
    }
    h4 {
        font-size: 18px;
        line-height: 21px;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 5px;
    }
    h5 {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 16px;
        text-transform: uppercase;
        font-weight: 300;
    }
    h6 {
        font-size: 14px;
        line-height: 15px;
        text-transform: uppercase;
        font-weight: 300;
    }
    .main {
        width: 100%;
        float: left;
    }
    .main .contentmain {
        width: 100%;
        float: left;
    }
    .teaserboxes-item {
        width: 100%;
        margin-bottom: 10px;
        border-top: 1px solid #aaaaaa;
        padding-top: 10px;
    }
    .teaserboxes-gutter-sizer {
        width: 0%;
    }
    .teaserboxes-sizer {
        width: 100%;
    }
    .gutter-sizer {
        width: 0%;
    }
    .news-item {
        width: 100%;
        margin-bottom: 10px;
        border-top: 1px solid #aaaaaa;
        padding-top: 10px;
    }
    .contentmain ul li {
        margin-left: 15px;
    }
}

.acf-field input[type="text"]{background-color:#ededed;border:0;}
.acf-field input[readonly], .acf-field textarea[readonly] {
    background: #ededed!important;
    color:#999999;
}

.acf-accordion-group .acf-field{border:0;}
.acf-field textarea {
    resize: vertical;
    background-color:#ededed;border:0;
}
.acf-field--post-title{display:none;}

#gruppe{display:none;}
#autor{display:none;}

.imggalwrap{display:block;margin-bottom:15px;}
.imggalwrap h5 {
    font-weight: 600;
    margin-bottom: 3px;
}

.supportformular{width:100%;margin-top:25px;
}
.supportformular input[type="text"],
.supportformular input[type="email"]{border: 0;
background-color: #ededed;
padding-left: 22px;
}
.supportformular input[type="submit"]{width:300px;float:right;
}
.supportformular textarea{border: 0;
background-color: #ededed;
padding: 22px;}
.acf-input-append {
    height: 28px!important;
}
.acf-button{width: inherit;
padding: 10px 25px;
background-color: #009fe3;
font-weight: 500;
color: #FFF;
text-transform: uppercase;
cursor: pointer;}

.zoomtomap{margin-left: -20px;
margin-top: 11px;
color: #bbbbbb;
cursor:pointer;}

.zoomtomap:hover{color:#0f71b8;cursor:pointer;}

.filterwrap{border-bottom:1px solid #ededed;margin-bottom:10px;padding-bottom:10px;}
.filterwrap li{float: left;
margin-right: 15px;}
.filtertrigger{cursor:pointer;}
.filtertrigger.active{color: #0f71b8;}
.filtertriggerpoi{cursor:pointer;}
.filtertriggerpoi.active{color: #0f71b8;}

#cookieChoiceDismiss{margin-left:12px;}

#toursearch, #poisearch{margin-bottom:15px;}

.meineroutenlist{display: table;
width: 100%;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #bfbfbf;}

.meineroutenlist .firstimage{width:150px;height:150px;/*background-color:#ededed;*/margin-right:10px;display: table-cell;
vertical-align: top;}

.editprofile{display:none;}

.meineroutenlist .firstimage img{width:100%;height:auto;display:block;}

.meineroutenlist .seconddetails{float: left;
width: 100%;
display: table-cell;
vertical-align: top;}

.distanzsmall{font-size:14px;text-transform:uppercase;}

.meineroutenlist .seconddetails .tourheadline{font-size:24px;line-height:32px;}
.meineroutenlist .seconddetails .tourbeschreibung{font-style:italic;max-width:720px;font-size:14px; line-height:21px;}
.meineroutenlist .seconddetails .tourbeschreibung p{margin-bottom:10px;}
.meineroutenlist .seconddetails .tourlastmodified{font-size:12px;}


.detailstourwerte{display:block;margin-top:25px;}
.detailstourwerte .firstwertdistanz{float:left;border-right:1px solid #d7d7d7;padding-right:25px;margin-right:25px;}
.detailstourwerte .secondwerthoch{float:left;border-right:1px solid #d7d7d7;padding-right:25px;margin-right:25px;}
.detailstourwerte .thirdwertrunter{float:left;}
.detailstourwerte .biggerwert{font-size:36px;}

.wert.distanz{font-size:24px;padding-top:5px;font-weight:600;}
.wert.distanz span{font-size:14px;padding-left:3px;font-weight:600;}

.wert.zeit{font-size:24px;padding-top:5px;font-weight:600;}
.wert.zeit span{font-size:14px;padding-left:3px;font-weight:600;}

.wert.hoch{font-size:18px;padding-top:5px;font-weight:600;}
.wert.hoch span{font-size:14px;padding-left:3px;font-weight:600;}

.wert.runter{font-size:18px;padding-top:5px;font-weight:600;}
.wert.runter span{font-size:14px;padding-left:3px;font-weight:600;}

.meineroutenlist .thirdtools{width: 190px;
display: table-cell;
vertical-align: top;}

.meineroutenlist .thirdtools .status{text-transform:uppercase;margin-bottom:25px;}
.meineroutenlist .thirdtools .status .veroeffentkicht{color:#48b90f;font-weight:500;}
.meineroutenlist .thirdtools .status .nicht-veroeffentkicht{color:#959595;font-weight:500;}

.meineroutelist .tools {text-transform:none;}

.meineroutenlist .detailsinnerwrap{padding-left:15px;padding-right:15px;}

.routinglink{color:#990d18; font-weight:500;}
.routegpxkarte{cursor:pointer;}

.edittourpanelwrap .acf-field-accordion:hover::before, .acf-field-accordion.opened::before, .field_type-accordion:hover::before, .field_type-accordion.opened::before {top:11px !important;}
.edittourpanelwrap .acf-field select {
    padding: 2px;
    width: inherit!important;
    max-width:100%;
}
.edittourpanelwrap .acf-button {
    width: inherit;
    padding: 5px 13px;
    background-color: #009fe3;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 12px;
    white-space: nowrap;
}

.edittourpanelwrap .acf-field input[type="email"] {
    background-color: #ededed;
    border: 0;
}

.edittourpanelwrap .acf-field input[type="url"] {
    background-color: #ededed;
    border: 0;
}

.edittourpanelwrap .acf-input-prepend {
    float: left;
    border-right-width: 0;
    border-radius: 3px 0 0 3px;
    height: 28px;
}

.edittourpanelwrap .acf-field p.description {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight:300;
}

.edittourpanelwrap .acf-field .acf-label label {
    display: block;
    margin: 0 0 0px;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    cursor:pointer;
}
.edittourpanelwrap .hide-if-value {
    display: block;
    font-size: 12px;
}

.edittourpanelwrap .hide-if-value .acf-button {
    background-color: #333333;
    white-space: nowrap;
}
.edittourpanelwrap .acf-icon.small {
    width: 18px;
    height: 18px;
    line-height: 15px;
    font-size: 14px;
}
.edittourpanelwrap .acf-table{border:0}

.edittourpanelwrap .acf-table .acf-row .acf-fields::after{height:1px; border-top:1px solid #BBBBBB;}

.screen-reader-text{display:none;}
.media-modal-backdrop{background:none!important;}
.media-modal-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    min-height: 300px;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.3)!important;
    box-shadow: 0 5px 15px rgba(0,0,0,.3)!important;
    background: #ffffff!important;
    -webkit-font-smoothing: subpixel-antialiased;
}

.media-modal .attachments-browser .attachments, .media-modal .attachments-browser .uploader-inline {
    top: 40px !important;
    margin-top: 40px;
}

#paramlink{display:none;}

.media-frame, .media-modal {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 12px;
    -webkit-overflow-scrolling: touch;
}

.wp-core-ui .attachment .filename {
    font-weight: 300!important;
}

.media-frame, .media-modal {
    font-size: 12px;
    -webkit-overflow-scrolling: touch;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.media-modal-content .media-frame select.attachment-filters {
    width: 300px !important;
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color: #009fe3;
    color: #ffffff;
    border-radius: 0;
}

#cookie-law-info-again {
    font-size: 10pt;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    z-index: 9999;
    cursor: pointer;
    box-shadow: none;
}

.cli-switch input:checked + .cli-slider {
    background-color: #009fe3;
}

/* ======== / DESKTOP FLUID ======== */


/* ======== MOBILE FLUID ======== */
/* Tablet */
@media only screen and (max-width: 1024px) {

 #edittourpanel {
    position: fixed;
    z-index: 0;
    margin: auto;
    top: 110px; left: 5%; 
    bottom: 50px; right: 5%;
    max-width:1200px;
    background-color: #FFFFFF;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#edittourpanel.active {
    position: fixed;
    z-index: 9999;
    margin: auto;
    top: 110px; left: 5%; 
    bottom: 50px; right: 5%;
    max-width:1200px;
    background-color: #FFFFFF;
    /*width: 90%;*/
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding-bottom: 40px;
    
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
}

} 

/* Smartphone */
@media only screen and (max-width: 480px) {

    .logo-partner-inner{display:none;}
    
    .inputbox-home {
        width: 80%;
        max-width: 350px;
        background-color: #ffffff;
        padding: 5px 10px;
        margin: 15px auto;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 6px 30px 0 rgba(0, 0, 0, 0.09) !important;
        position: relative;
        z-index: 111;
    }
    
    .bottom .shortcuts .col {
        width: 100%;
        height: 15vh;
        min-height: 150px;
        float: none;
        display: table;
        position: relative;
    }

    .homecontent h3 {
    color: #FFF;
    margin-bottom: 5px;
    font-weight: 500;
    text-shadow: 2px 2px 25px #000000;
        font-size:24px;
}
    .radroutenplaner h3 {
    color: #a61d2b;
    text-shadow: none;
}

    .homecontent h6 {
    color: #FFF;
    text-shadow: 2px 2px 25px #000000;
        font-weight:500;
        font-size:15px;
}
.homecontent h4 {
    color: #FFF;
    font-weight: 500;
    text-shadow: 2px 2px 25px #000000;
}

#edittourpanel .insert-content {
    padding: 30px 20px;
    max-height: 100%;
    overflow: auto;
}
#pagewrap {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    position: relative;
    margin: 0 auto;
    padding-top: 70px;
}
    
    #header .headerlogos {
    width: 100%;
    min-height: 70px;
    background-color: #ffffff;
}

.mapcontent {
    position: absolute;
    top: 70px;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: #ededed;
    z-index: 900;
}
    
    
    .popover .inlay{width:100%;
        top: 0;
left: 0;
margin-left: 0;
margin-top: 0;}
    
   
.popover .text{width:100%; position:absolute; z-index:999990;padding-left:20px;padding-top:80px; font-size:16px:}
.popover .text a{color:#FFFFFF;}
.popover .image{width:876px; height:560px; position:absolute; z-index:999988;}
.popover .closepopup{position:absolute;top:30px; right:30px;z-index:999999; cursor:pointer;}

    .buttonoldradroutenplaner{display:none!important;}
    
    
    
    #edittourpanel {
    position: fixed;
    z-index: 0;
    margin: auto;
    top: 110px; left: 5%; 
    bottom: 50px; right: 5%;
    max-width:1200px;
    background-color: #FFFFFF;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#edittourpanel.active {
    position: fixed;
    z-index: 9999;
    margin: auto;
    top: 110px; left: 5%; 
    bottom: 50px; right: 5%;
    max-width:1200px;
    background-color: #FFFFFF;
    /*width: 90%;*/
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding-bottom: 40px;
    
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
}
    
    .postwrap, .post-sizer{
    width:calc(100% / 1);
    float:left;
}
    .logo-rrph{width:80%;}
    #PRP{top:83px;max-height:89%;}
    #PRP.active{z-index:940;top:83px;max-height:89%;max-width:500px;min-width:343px;}
    #TriggerPRP{top:125px}
    #datepicker{width:140px;}
    .css-label-radio{font-size:12px;padding-left:5px;}
    input.css-checkbox.lrg[type="checkbox"]+label.css-label.lrg{font-size:12px;}
    #TriggerPT{top:103px;}
    #TriggerPS{top:221px;}
    #TRdetail{top:83px;bottom:0;}
    #TRdetail.active{z-index:950;top:83px;left:32px;bottom:0;min-width:343px;}
    #makeroute3 li label{font-size:11px;}
    #INFOdetail{top:83px;bottom:0;z-index:940;font-size:14px;line-height:17px;}
    #INFOdetail.active{top:83px;left:32px;z-index:940;min-width:343px;bottom:0;}
    #PT{top:83px;z-index:940;}
    #PT.active{top:83px;min-width:344px;z-index:940;}
    .miniatur .tourblock{width:100%;}
    #PTdetail{top:83px;z-index:945;}
    #PTdetail.active{top:83px;z-index:945;min-width:344px;}
    .rsMinW .rsGCaption{bottom:0;left:0;}
    .rsMinW .rsGCaption .rsCaption .titelbild{font-size:12px!important;line-height:12px!important;}
    .rsMinW .rsGCaption .rsCaption .quelle{font-size:10px!important;line-height:12px!important;}
    .rsMinW .rsGCaption .rsCaption .lizenz{font-size:10px!important;line-height:12px!important;}
    .rsMinW .rsGCaption .rsCaption .autor{font-size:10px!important;line-height:12px!important;}
    .detailstourwerte .biggerwert{font-size:20px;}
    .distanzsmall{font-size:12px;}
    .liste .tourheadline{font-size:13px;line-height:17px;}
    .liste .tourbeschreibung{margin-right:-80px;font-size:12px;line-height:17px;}
    .liste .tourblock .right{padding-right:80px;padding-left:60px;}
    .liste .tourblock .left.listenansicht{width:60px;}
    
    .facts-left {
        float: left;
        border-right: 0px solid #cccccc;
        height: 200px;
        width:100%;
    }
    #TriggerPD{left:0;}
    #TriggerPD.activeone{left:0;bottom:200px;}
    #PD.active{height:200px;}
    #PD .insert-content, #PD.active .insert-content, #PMR .insert-content, #PMR.active .insert-content {
        margin: 0;}
    .closerdetails.closerpanels {right: 30px;}
    .mobhalf{width:50%;float:left;padding-bottom:20px;}
}



/* ======== / MOBILE FLUID ======== */


/* Smart APp Banner Android */
.smart-app-banner {
    position: relative;
    top: 0;
    z-index: 999999;
    width: 100%;
    height: 95px;
    background-color: #FFFFFF;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
}

.smart-app-banner img {
    width: 70px;
    height: auto; 
    margin-left: 25px;
    border: 1px solid #eee;
    border-radius: 20px;
}

.smart-app-banner-close {
    position: absolute;
    top: calc(50% - 10px);
    left: 10px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: flex; 
    align-items: center;
    justify-content: center;
    color: #aaa;
}

.banner-desc {
    display:flex;
    align-items: center;
    justify-content: center;
}

.banner-desc span {
    line-height: 18px;
    padding-left: 10px;
    display: block;
}

.banner-desc span.title {
    font-size: 16px;
}

.banner-desc span.subtitle {
    font-size: 13px;
    color: #999;
}

.appbanner-button {
    display: flex; 
    align-items: center;
    justify-content: flex-end;
}

.appbanner-button a {
    margin-right: 15px;
}

.appbanner-button a svg{
    width: 25px;
    height: auto;
}





/* Elevation NEW */

.elmarker {
    position: absolute;
    height: 170px;
    border-right: 1px solid #999999;
    top: 0px;
    z-index:999999999;
}

.elmarker.start {
    border-left: 1px solid #999999;
    border-right: 0;
}

.elmarker.end {
    width: 20px;
    margin-left: -20px;
}

.elmarker.viapunkt {
    border-left: 1px solid #999999;
    border-right: 0;
    width: 20px;
}

.elmarker.viapunkt .viamarkerbadge {
    width: 20px;
    height: 20px;
    background-color: #0d70b7;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    margin-left: -10px;
}