/*
Theme Name: Reisetagebuch
Description: Template
Author: Filavision - Internetagentur
Author URI: http://www.filavision.de
*/
html{font-size:100.01%;}
body{font-family:'Roboto',sans-serif;font-weight:300;font-size:16px;color:#333;margin:0px;}
a{text-decoration:none;color:#33ccff}
a:hover, h2 a:hover, a:hover h2{color:#33ccff}
h2 a, a h2{color:#333}
h1,h2,h3{font-family:'Dancing Script',cursive;font-weight:normal;}
h1{font-size:2.5em;margin:0px;padding:0px;position:absolute;top:-60px;color:#fff;z-index:10}
h2,h3{font-size:2em;margin:0px;padding:10px 0px}
p{margin:0px;padding:0px 0px 20px}
.table{display:table;}
.td{display:table-cell;vertical-align:top;padding:0px 10px;position:relative;}
.td:first-child{padding:0px 10px 0px 0px}
.td:last-child{padding:0px 0px 0px 10px}
input, textarea{width:100%;font-family:'Roboto',sans-serif;font-size:1em;padding:5px;margin:0px 0px 10px;border:1px solid #ddd;border-radius:5px}
.clear{clear:both}
.meta{color:#888;font-style:italic}

#mobilemenubtn{width:40px;height:22px;border-top:3px solid #fff;border-bottom:3px solid #fff;display:none;cursor:pointer;position:fixed;top:10px;left:10px;z-index:102}
#mobilemenubtn div{width:40px;height:10px;border-bottom:3px solid #fff}
#preloader{display:none}
#header{position:fixed;width:100%;top:0px;height:100vh;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-moz-opacity:0;-khtml-opacity:0;opacity:0;filter:alpha(opacity=0);}
#headerspacer{height:100vh;-webkit-transition:height 0.5s ease;transition:height 0.5s ease;}
#locationname{font-family:'Dancing Script',cursive;font-size:2em;color:#fff;position:fixed;top:2px;right:10%;z-index:101;width:50%;text-align:right;}
#menu{position:fixed;z-index:100;width:100%;top:0;background:url(img/trans-black2.png)}
#menu:hover{background:url(img/trans-black2.png)}
.menu-hauptmenue-container{position:relative;z-index:1;}
.menu{list-style:none;float:left;margin:0px;padding:0px}
.menu li{display:inline-block}
.menu li a{display:block;padding:12px 10px;color:#fff;font-size:1em}
.menu li a:hover{color:#33ccff}
.sub-menu{margin:0px;padding:0px;display:none;position:absolute;background:url(img/trans-black2.png)}
.sub-menu li{display:block}
.sub-menu li a{padding:5px 10px}
.menu li:hover .sub-menu{display:inline-block;}
.menu .current-menu-item a, .menu .current-post-ancestor a{color:#33ccff}

#main{position:relative;background:#fff;padding:30px 0px;box-shadow:0px 0px 150px #000}
.mainfullscreen{padding:45px 0px 0px !important}
.wrapper{width:80%;margin:0px auto;}
.small-post-image{background-position:50% 50%;background-size:cover;background-repeat:no-repeat;border-radius:5px;height:300px;position:relative}
.table .entry{padding:0px 30px 20px 0px}
.table .sidebar{width:25%;border-left:1px solid #ddd;padding:0px 0px 20px 30px}
.sidebar .meta{padding:0px 0px 20px 0px;font-style:normal;color:#333}
.drittel{width:33.333%;}
.gallery{padding:20px 0px}
.gallery-item{display:block;margin:0px;float:left;width:150px;border:1px solid #fff}
.gallery img{margin:0px;float:left;-moz-opacity:1;-khtml-opacity:1;opacity:1;filter:alpha(opacity=100);width:100%;height:100%;}
.gallery img:hover{-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);}
.wp-caption-text, figcaption{display:none}
.wp-block-embed{margin:10px 0px}
.wp-block-embed__wrapper{padding-bottom:56.25%;position: relative;height: 0;overflow: hidden;width: 100%;height: auto;margin:20px 0px 20px 0px;}
.wp-block-embed iframe{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;border:none !important}
.gallery br{display:none}
.gallery br:last-child{clear:both;display:block}
#kommentare{margin:0px;padding:0px;list-style:none}
.comment{padding:0px 0px 30px 0px;margin:0px 0px 30px 0px;border-bottom:1px solid #ddd}
.comment:last-child{padding:0px 0px 30px 0px;margin:0px;border-bottom:none}
.comment h3{font-size:1.5em}
#copyright{display:none}
#karte{display:none}
.kartencontainer{padding-bottom: 45%;}
.videocontainer, #nwm-outer{padding-bottom: 56.25%;}
.videocontainer, .kartencontainer, #nwm-outer {position: relative;height: 0;overflow: hidden;width: 100%;height: auto;margin:20px 0px 20px 0px;}
.videocontainer iframe, .kartencontainer iframe, .nwm-wrap, .nomad-world-map {position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;border:none !important}
.nwm-destination-list{background:#fff;position:absolute !important;bottom:0 !important;margin:0px !important;padding:5px 0px;min-height:10px !important}
#nwm-outer .nwm-wrap .nwm-destination-list ul{text-align:center}
#nwm-outer .nwm-wrap .nwm-destination-list li.nwm-active-destination{min-height:10px !important;display:inline-block !important;float:none !important}
#nwm-outer .nwm-destination-list h2, #nwm-outer .marker-content h2{font-size:1.5em !important;padding:0px;line-height:1em}
#nwm-outer .nwm-destination-list p{margin:5px 0px !important;padding:0px !important}
#nwm-outer .nwm-thumb{width:50px !important; height:50px !important;display:none !important}
.nwm-control{bottom:22px;top:auto !important}
.nwm-travel-schedule{padding:0px}
.mainfullscreen #nwm-outer{margin:0px;height:95vh;padding:0px}
.mainfullscreen .nwm-wrap, .mainfullscreen .nomad-world-map{position:relative !important;top:0 !important;left:0 !important;width:100% !important;height:95vh !important;border:none !important}
.mapnomargin #nwm-outer{margin:0px;}
.routemap{background:#fff;position:relative}
#socialmedia img{height:50px;width:50px;cursor:pointer}

#footer{color:#fff;background-size:cover;background-repeat:no-repeat;background-position:50% 100%;background-attachment:fixed;}
#footerin{background:url(img/trans-black2.png);padding:30px 0px}
#footer .table .td{padding:0px 40px 0px 0px}
.widget{list-style:none;margin:0px;padding:0px;}
.widgettitle{padding:0px 0px 10px}
.widget ul{margin:0px;padding:0px 0px 0px 17px;}
.menu-footermenu-container ul{list-style:disc;margin:0px;float:none}
.menu-footermenu-container li{list-style:disc;display:list-item;margin:0px;padding:0px}
.menu-footermenu-container li a{display:inline;padding:0px}
.fb-like{padding:10px 0px 0px}

#loading{top:50vh;position:absolute;width:100%;text-align:center;z-index:2}
.spinner{width:70px;margin:0px auto;text-align:center;}
.spinner > div {width: 18px;height: 18px;background-color: #ccc;border-radius: 100%;display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) }}
@keyframes sk-bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0);} 40% {-webkit-transform: scale(1.0);transform: scale(1.0);}}

#swipebox-bottom-bar, #swipebox-top-bar{background:url(img/trans-black2.png) !important}
#swipebox-top-bar{font-family:'Dancing Script',cursive !important;font-weight:normal;font-size:1.5em !important;}
#swipebox-bottom-bar{bottom:auto !important;background:none !important;top:50px;}
#swipebox-arrows{width:98% !important;max-width:100% !important;height:100vh !important;}
#swipebox-slider{cursor:auto !important}
#swipebox-prev{height:100% !important;background-position:-32px 50% !important}
#swipebox-next{height:100% !important;background-position:-78px 50% !important}

@media screen and (max-width:1500px){
.wrapper{width:90%}
#locationname{right:5%;}
}
@media screen and (max-width:1280px){
.wrapper{width:96%}
#locationname{right:2%;}
}
@media screen and (max-width:960px){
h1{font-size:2em;position:relative;top:0px;color:#333;padding:0px 0px 10px 0px}
h2,h3{font-size:1.8em}
.tagtitle{padding:0px 0px 20px}
#locationname{font-size:2em;width:80%;position:absolute}
#mobilemenubtn{display:block}
#menu{background:#eee;position:absolute;z-index:102;display:none;}
#menu .wrapper{width:100%}
.menu-hauptmenue-container{background:#eee}
.menu-hauptmenue-container .menu{float:none;}
.menu-hauptmenue-container .menu li{display:block;}
.menu-hauptmenue-container .menu li a{padding:10px 0px;color:#333;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #ccc}
.menu-hauptmenue-container .sub-menu{position:relative;background:#ddd;}
.menu-hauptmenue-container .sub-menu li a{padding:10px 0px;font-style:italic;border-top:1px solid #fff;border-bottom:1px solid #ccc}
.menu-hauptmenue-container .menu li:hover .sub-menu{display:none;}
.menu-hauptmenue-container .menu .current-menu-item a, .menu-hauptmenue-container .menu .current-post-ancestor a{color:#33ccff}
#header{position:absolute}
#header,#headerspacer{height:50vh;}
#loading{top:20vh;}
#main{padding:20px 0px;box-shadow:none !important}
.mainfullscreen{padding:0px !important}
.table, .tr, .td{display:block;}
.td, .td:first-child, .td:last-child{padding:0px 0px 20px 0px}
#footer .table .td{padding:0px 0px 20px 0px}
.drittel{width:100%;}
.table .entry{padding:0px 0px 20px 0px}
.table .sidebar{width:100%;border-left:none;padding:20px 0px 20px 0px;border-top:1px solid #ddd}
input, textarea{width:92%;}
#kommentar_formular, #commentform{text-align:center}
.comment{padding:0px 0px 20px 0px;margin:0px 0px 20px 0px;}
.comment:last-child{padding:0px 0px 20px 0px;}
#swipebox-bottom-bar{display:none !important}
}
@media screen and (max-width:640px){
h1{font-size:1.5em;}
h2,h3{font-size:1.5em}
#locationname{font-size:1.5em}
.gallery-item{width:32%;}
.small-post-image{height:200px}
#swipebox-top-bar{font-size:1.2em !important;}
}

#acceptcookies{width:100%;padding:5px;left:0px;bottom:0px;position:fixed;border-top:1px solid #eee;background:#fff;display:none;text-align:center;font-size:0.7em;z-index:300} #acceptcookiebtn{display:inline-block;background:#33ccff;color:#fff;text-align:center;padding:2px 10px;margin:0px 0px 0px 10px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}