*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
    height: 100%
}
body {    
	margin: 0 auto;
	padding: 0;
	font-family: Verdana,Arial,Helvetica,freesans,sans-serif,Tahoma,Georgia;
	overflow-x: hidden;
}

/* Mobile first: Blöcke bekommen 100% Breite */
header,
nav li,
article,
footer,
aside,
.sidebar_layout,
.index_article,
.index_aside {
    flex: 1 100%;
}

/*Maximale Seitenbreite, Hoehe mindestens 100%, wichtig! */
.wrapper {
    max-width: 80em;
    padding-bottom: 3.3em; /*fuer footer*/
    margin: 0 auto;
}
header  {              
    background-color: #7F3400;
}

#headerlogo {
margin: 1em 1em 0.5em 1em;
}
#headerlogo img {
    width: 6.25em;
    height: 3.1875em;
    min-width: 6.25em;
}
.navhead_item a {
	list-style: none;
	text-decoration: none;
	border: none;
}
.navhead_item a:hover,
.navhead_item a:focus {
	text-decoration: underline;
}

/*sticky footer*/
#hoeheseite {
    position: relative;
    min-height: 100%;
    margin: 0 auto;
}
#fuss {
    bottom: 0;
    position: absolute;
    width: 100%;
}

footer {
	display:flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-content: center;
	margin-top: 0.1em;
	min-height: 2.3em;
}
footer a, footer p {
    margin: 0em 0.5em 0em 0.5em;
}
article,
.article_foto_container,
.page_article,
.index_item,
.title,
.biketext {
    padding-left: 0.1em;
    margin-left: 0.1em;
}

/*Reihenfolge tauschen article first*/
.gpsview_article {
    display: flex;
    flex-direction: column;
}
.gpsview {
    order: 2;
}
.article {
    order: 1;
}
.photoalbum {
    order: 3;
}

/* Header Navigation */
.navhead_item {
     border: thin #333333 solid;
     padding: 0.5em;
     opacity: 90%;
     text-align: center;
}
.navhead_toggle {
    position: absolute;
    top:2.2em;
    left:0;
    right:0;
}
.navhead_menu_toggle {
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    margin-right: 2em;
    float: right;
}
.navhead_container {
    display: flex;
    justify-content: flex-start;
}
.navhead_bar {
    display: flex;
    flex-direction: row;
    
}
.navhead_list {
    list-style: none;
    position: fixed;
    top: 5.4em;
    left: 0;
    width: 35%;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: transform 0.5s;
    z-index: 10;
}
.navgpx_list {
    list-style: none;
    position: relative;
    top: 1em;
    left: 0;
    width: 80vw;
    display: block;
    z-index: 1000;
    margin-left: 0.5em;
    margin-bottom: 0.7em;
}
.navgpx_list a {
    width: 80vw;
    margin-left: 1em;
}
/* Ende Header Navigation */




/* Sidebar Navigation */
.sidebar_menu_toggle {
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    margin-left: 0.5em;
}
.sidebar_toggle {
    padding-top: 0.5em;
    padding-bottom: 1em;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
/*
.sidebar {
    margin: 0 auto;
    padding: 0;
}
*/
.sidebar_list {
    list-style: none;
    position: absolute;
    left: 0;
    margin-top: 2em;
    width: 65%;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: transform 0.5s;
    z-index: 10001;
}
.sidebar_list label {
     border: thin #333333 solid;
     padding-left: 1em;
     padding-top: 1em;
     padding-bottom: 1em;
     margin-top: -3.2em;
}
.sidebar_list h4,
.sidebar_list li h4,
.sidebar_list h5,
.sidebar_list li h5 {
     border: thin #333333 solid;
     padding-left: 0.3em;
     padding-top: 1em;
}
.sidebar_list li ul li {
     border: thin #333333 solid;
     padding-left: 1em;
     font-size: 0.95em;
     list-style: inside;
}
/*
.sidebar_list ul {
	line-height: 1.5em;
}
*/
.sidebar ul {
    list-style: none;
}
.sidebar h4,
.sidebar h5 {
    padding-top: 0.8em;
}
.sidebar a:hover {
	text-decoration: underline;
}
button:hover {
    text-decoration: underline;
    cursor: pointer;
}
/* Ende Sidebar Navigation */


/* Hamburger Menue */
.open .navhead_list, .open .sidebar_list {
    transform: translateX(0);
}
.hamburger {
    width: 2.4rem;
    height: 0.188em;
    /*border-radius: 0.125em;*/
    border: none;
    transition: all 0.7s ease-out;
    margin-top: 0.5em;
}
.hamburger::before,
.hamburger::after {
    content: "";
    position: absolute;
    width: 2.4rem;
    height: 0.188em;
    border: none;
}
.hamburger::before {
    transform: translateY(-0.5em);
}
.hamburger::after {
    transform: translateY(0.5em);
}
/* Menu Toggle Animation */
.open .hamburger {
    background: transparent;
}
.open .hamburger::before {
    /*transform-origin: (0, 0);*/
    transform: rotate(45deg);
}
.open .hamburger::after {
    /*transform-origin: (0, 0);*/
    transform: rotate(-45deg);
}
/* Ende Hamburger Menue */


/* Fonts Sizes */
h1, h2, h3, h4, h5, h6, .meta {
	font-family: Tahoma, Verdana, Arial, Helvetica, Georgia;
	font-weight: normal;
}
h2, h3, h6 {
	font-weight: bolder;
}
p  {font-size: 0.9em;} 
h1 {font-size: 1.7em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.05em;}
h5 {font-size: 0.95em;}
h6 {font-size: 1.05em;}

hr {
	background-color: #D4D4D4;
    height: 1px;
    border-width: 0;
	margin: 0.5em 0.1em 0.5em 0.1em;
}
div h2 {
    margin-top: 0.5em;
}
label {font-size: 1.0em;}

p, ol, ul, li {
	line-height: 1.6em;
}
h4 {
	line-height: 1.4em;
}
img {
    max-width:100%;
    height:auto;
}
/* Ende Fonts Sizes */


/* Colors */
body, a, h1, h2, h3, h4, h5, nav a {
	color: #2B1608;
}
p, td, tr, li a {
    color: #474747;
}
body, .sidebar_menu_toggle {
	background-color: #FFFFFB;
}
header a,
footer a,
footer p,
.sidebar label .toggleButton,
.sidebar_list label,
table tr.head,
.talpx th,
.download_button,
.download_button:hover,
.buttons a.active,
.buttons a:hover,
.starttxt,
.navhead_link:hover,
.active,
.menuNotActive a,
.form_kontakt,
.gallery .bottom nav a:hover,
.gallery .scrollbox .cont a:hover,
.gallery .scrollbox .cont a:focus,
.gallery .scrollbox .cont a.active {
    color: #FFFFFF;
}
.sidebar a:hover,
.sidebar_layout .sidebar_list label,
.talpx a,
.talpx a:hover,
table td.tourlink a:hover,
.talpx tr:nth-child(even),
.talpx tr:nth-child(odd),
._m_head h5,
.gallery .bottom nav a.active {
	color: #000000;
}
footer,
.download_button,
.gallery .bottom nav,
.thumbs a {
    background-color: #6A625A;
}
._m_cont_i,
.gallery .img .other {
	color: #6A625A;
}
.gallery .bottom .cont,
.gallery .bottom nav,
.gallery .bottom .panel {
	color:#bbbbbb;
}
.menuActive a,
.navhead_link:hover {
  color: #EBD277;
}
header,
.navhead_item,
.form_kontakt,
.talpx th {
	background-color: #7F3400;
}
.index_aside,
.sidebar_layout .sidebar_list label,
.sidebar label .toggleButton,
.sidebar label .toggleButton:hover,
.sidebar_list label,
.sidebar_list li h4,
.sidebar_list h4,
.sidebar_list li ul li,
.gb_form_submit,
table tr.head,
.talpx tr:nth-child(odd),
.back_buttom,
.back_buttom:hover,
.sidebar_layout .sidebar_list,
.sidebar_layout .sidebar_list li h4,
.sidebar_layout .sidebar_list h4,
.sidebar_layout .sidebar_list li ul li {
    background-color: #FEF7D3;
}
.talpx tr:nth-child(even) {
    background-color: #FFFFF9;
}
.hamburger,
.hamburger::before,
.hamburger::after,
.scrbar div,
.startshow,
.gallery,
.gallery .navigation nav,
.gallery .scrollbox,
.rgba.touch .gallery .scrollbox,
.rgba .gallery .scrollbox:hover,
.gallery .bottom .cont,
.rgba.touch .gallery .bottom .cont,
.gallery .bottom .cont:hover  {
	background-color: #000000;
}
.thumbs a:hover,
.thumbs a:focus {
    background-color: #FECA32;
}
._m_head {
	background-color: #d8d8d8;
}
._m_cont,
._m_panel a.resize {
	background-color: #f4f4f4;
}
.gallery .bottom .comment a:hover {
	background-color:#dddddd;
}
.gallery .img .main,
.gallery .img .other {
	background-color:#eeeeee;
}
/* Ende Colors */


/* Common */
.article_float p,
.article_float_bikes p {
    margin-top:0.4em;
}
.index_aside {
    padding: 0.5em;
    border-radius: 0.5em 0.5em;
    max-width: 93vw;
}
article,
/*index_article,*/
.page_article {
    margin-right: 0.5em;
}
.index_article {
    margin: 0 auto;
    max-width: 100vw;
}
.index_container {
    margin: 0.5em;
}
.article_container {
margin: 0 auto;
padding-left: 0.2em;
padding-right: 0.2em;
}

article {
    padding-left: 0.1em;
    padding-right: 0.3em;
    max-width: 100vw;
}
.splash img {
    width: 100%;
}
/* Achtung kein Leerzeichen, sonst klebt es nicht */
header.menufestkleben {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10002;
}
.meta {
	margin-top: 0.3em;
	margin-right: 0.3em;
    padding-bottom: 0.5em;
	border-bottom: 0.1em solid #000000;
	font-style: italic;
}
.form_kontakt {
         border-radius: 0.2em;
         margin: 0;
         padding: 0.6em;
         cursor: pointer;
         font-size: 1.0em;
         color: #FFFFFF;
         background-color: #7F3400;
         text-decoration: none;
         text-align: center;
}
.form_kontakt:hover {
    text-decoration: underline;
    color: #EBD277;
}
.back_button {
    display: block;
	float: right;
	clear: right;
	width: 5em;
}
.privacyBtn {
    width: 8em;
}
.back_button, .privacyBtn {
	color: #FFFFFF;
    background-color: #7F3400;
    padding: 0.5em;
	cursor: pointer;
    margin-top:0.7em;
    margin-right:1em;
	border-radius: 0.5em;
	text-decoration: none;
	text-align:center;
}
.back_button:hover, .privacyBtn:hover {
    text-decoration: underline;
    background-color: #EBD277;
    color:#000000;
}
#splash1 {
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 100%;
    width: 100vw;
    height: 24vw;
}
#splash1_index, #splash1_tourenkarte {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100vw;
    height: 24vw;
}
/*OSM Karten skalieren*/
#map,#map1,#map2,#map3,#map4,#map5,#map6 {
    /*width:99vw;*/
    height:50vh;
    max-width: 25em;
}
#map_hp,#map_hp1,#map_hp2,#map_hp3,#map_hp4,#map_hp5,#map_hp6 {
    width:90vw;
    height:30vh;
    max-width: 25em;
}
#map_extra,#map_extra1,#map_extra2,#map_extra3,#map_extra4,#map_extra5,#map_extra6 {
    /*width: 95vw;*/
    height: 20em;
    /*margin: 0 auto;*/
}
.amapgesamt {
    margin-right: 0.5em;
    margin-top: 1em;
    text-align: center;
}
.amapgesamt a:hover {
    background-color: #D4D4D4;
    border-radius: 0.3em;
}
.profile,.profile1,.profile2,.profile3,.profile4,.profile5,.profile6 {
    margin: 0.1em 0.1em 0.1em 0.1em;
}
#gpsview_ok,#gpsview_ok1,#gpsview_ok2,#gpsview_ok3,#gpsview_ok4,#gpsview_ok5,#gpsview_ok6 {
margin: 0.7em 0.2em 0.7em 0.2em;
} 
#tourenkarte_map {
    width:95vw;
    height:63vh;
    margin: 0 auto;
    max-width: 80em;
}
#tourenkarte_map_hp {
    width:95vw;
    height:20vh;
    margin: 0 auto;
    max-width: 80em;
}
#alpx_tourenkarte_map {
    width:95vw;
    height:60vh;
    max-width: 95%;
    margin: 0 auto;
}
#teneriffa img {
    opacity:85%;
}
#teneriffa  {
    min-height: 21em;
}
.bikes .article_float_bikes hr {
    clear: left;
}
/* Kontaktformular */
#kontakt {
    margin-left: 2em;
    margin-top: 1em;
}
#kontakt p {
    margin-top: 1em;
    max-width:24em;
}
#kontakt img {
    max-width:7.5em;
    height:auto;
}
#kontakt #error {
    color:#702400;
    font-size: 0.9em;
}
#kontakt #Nachricht {
    width:23em;
    height:7em;
    border: 0.2em solid #DBDADA;
}
#kontakt #confirm {
    text-align:left;
    margin-top:19em;
} 
.privacy ul {
    list-style: inside;
    line-height: 1.5em;
}
#home_icon {
    background: url("img/home_icon_16.png");
    height:1em;
    width: 1.2em;
    border:0;
    color:#FFFFFF;
    background-repeat: no-repeat;
    line-height:1.0625em;
    margin-top:0.20em;
}
#home_icon a,
.menuActive #home_icon:hover {
color: #EBD277;
}
.textfloater, .textfloaterlinks {
     float:left;
     border-radius: 0.2em;
     margin: 0.2em 0.5em 0.5em 0.1em;
}
.textfloaterrechts {
    float:right;
    border-radius: 0.2em;
    margin: 0.2em 0.5em 0.5em 0.5em;
}
img.textfloater,
img.textfloaterlinks {
    max-width: 16.875em;
}
.bildeckenrund5 {
	border-radius: 0.2em;
}
.biketextfloater {
    display: flex;
    flex-direction: column;
}
.index_item {
    margin-top: 1em;
}
.index_actual {
    margin-top: 1em;
}
.index_actual img {
    border-radius: 50%;
}
.index_actual a, .sidebar a {
    text-decoration: none;
}
/* Ende Common */



/* Tabellen Layouts */
.talpx_uebersicht {
  vertical-align:middle;
  border-collapse: collapse;
  margin: 0 auto;
  max-width:100%;
}
.talpx td, .talpx_uebersicht td {
  text-align: right;
}
.talpx th, .talpx_uebersicht th {
  text-align: center;
}
.talpx a {
	border: none;
}
.talpx a:hover {
	text-decoration: underline;
}
.tourenkarte_fontsize {
    display: flex;
    order: 3;
    width:90vw;
    font-size: 3vw;
    margin:0 auto;
}
.alpx_ausruestung .talpx {
    font-size: 0.9em;
}
.talpx {
    margin-right: 0.2em;
    vertical-align:middle;
    text-align: right;
    border-collapse: collapse;
    margin-left: 0.2em;
    font-size: 0.9em;
}
.talpx_fontsize {
    display: flex;
    order: 3;
    /*width:90vw;*/
    font-size:3vw;
    /*margin:0 auto;*/
}
.talpx td,
.talpx th,
.talpx tr {
  border: 0.1em;
  border-color: #7F3400;
  border-style:solid;
  padding: 0.4em;
}
.talpx .talpx_gesamt td {
  background-color: #7F3400;
  color: #FFFFFF;
  font-weight:bold;
  text-align: center;
}
table tr.head {
	text-align: center;
}

table td.strecke {
    text-align: left;
}
table td.tourlink {
    text-align: left;
    text-decoration: underline;
    width: 12em;
}
table td.tourlink a:hover {
}
.talpx td.tabspalte3 {
    text-align: center;
}
.talpx td.tabspalte6,
.talpx td.tabspalte11 {
    text-align: left;
}
.talpx th {
	text-align: center;
}
.talpx tr:nth-child(even) {
}
.talpx tr:nth-child(odd) {
}
.kachel_table {
    border:0;
    margin-top:0.1em;
}
#kachel_tdright {
    text-align: right;
}
#kachel_tdleft {
    text-align: left;
}
.kachel_table td {
    padding: 0.1em;
}
/* Ende Tabellen Layouts */


/* Bike styles */
#bike_img1, #bike_img2, #bike_img3 {
    border-radius: 0.5em;
    cursor: pointer;
    transition: 0.3s;
    width:90%;
}
#bike_img1:hover, #bike_img2:hover, #bike_img3:hover {
    opacity: 0.8;
}
/* The bike_modal (background) Hidden by default  */
.bike_modal {
    display: none;
    position: fixed;
    z-index: 100000;
    padding-top: 3em;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
}
/* bike_modal Content (image) */
.bike_modal-content {
    margin: auto;
    display: block;
    max-width: 100%;
}
/* Caption of bike_modal Image */
#caption {
    margin: auto;
    display: block;
    max-width: 100%;
    color: #ccc;
    padding: 1em 0;
    height: 2em;
}
/* The Close Button */
.bike_close {
    position: absolute;
    top: 0.1em;
    right: 0.5em;
    color: #f1f1f1;
    font-size: 3em;
    font-weight: bold;
    transition: 0.3s;
}
.bike_close:hover,
.bike_close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
/*
 * .biketext {
    display: block;
    position: relative;
    float: left;

}
*/
/* Ende Bike styles */


/* Index Portfolio Box */

/*
    .portfolio-inner-index,
    .portfolio-box-index,
    .portfolio-item-index {
        max-width: 22em;
        height: 12em;
    }
*/

/*
.portfolio-outer {
    display: flex;
    flex-direction: row;
}
.portfolio-inner {
    display: flex;
    flex-direction: row;
}
*/

.portfolio-box {
    background-color: #F4F4F4;
    border-radius: 0.3em;
    padding: 0.6em;
    margin: 0.1em;
    text-align: left;
}
.portfolio-item a {
text-decoration: none;
}
.portfolio-item a:hover {
text-decoration:underline;
}
.index_article {
    margin: 0 auto;
}
.portfolio-outer-index {
    display:inline-block;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    margin-left: 1.1em;
    /*margin-right: 0.2em;*/
    /*padding-left: 0.2em;*/
}
/*
.portfolio-inner-index {
    background-color: #F6F8FA;
}
.portfolio-box-index {
    min-width: 29vw;
    border-radius: 0.3em;
    margin-left: 0.2em;
    text-align: left;
    padding: 0.1em;
}
.portfolio-item-index a {
text-decoration: none;
}
.portfolio-item-index a:hover {
text-decoration:underline;
}
.index_actual figure span h6 {
    margin-bottom: -10%;
    padding-top: 5%;
}
.index_actual figure div {
    margin-top: 10%;
}
*/


.portfolio-box img {
  -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
/*
.portfolio-item a img {
width: 16.875em;
}
*/
.portfolio-item:hover img {
  bottom: 0;
  -webkit-transform: scale3d(1.02, 1.02, 1) translateY(-1.0%);
          transform: scale3d(1.02, 1.02, 1) translateY(-1.0%);
}
/* Ende Index Portfolio Box */


/* FOTOALBUM styles */  
/* Fotoalbum Thumbnail grid on index page */
.photoalbum .thumbs ul li {
    display: inline-block;
}
.photoalbum .thumbs ul {
    margin-right: 0.2em;
    margin-left: 0.2em;
}
.photoalbum .thumbs li {
	margin: 0.1em;
	border-radius: 0.2em 0.2em;
}
.thumbs a {
	padding: 0;
	display: block;
}
.thumbs a:hover,
.thumbs a:focus {
opacity:50%;
transition: 0.8s ease;
}
.thumbs a img {
    max-width:9.7em;
	vertical-align:middle;
	height: auto;
	border: 0;
	outline:none;
}
/* Ende FOTOALBUM styles */


/* Bilder Artikel ausblenden Mobile */
@media screen and (max-width:27em){
    .article_float img {
        max-width: 40%;
    }
}

/* Navigation AlpX Uebersicht ausblenden Mobile */
@media screen and (max-width:54em){
    .navhead_item.nav_mobile_ausblenden,
    .nav_mobile_ausblenden {
        display: none;
    }
}

/* Bildschirm PC Ausgabe */
@media all and (min-width: 47em) {
    .navhead_list#navhead_float {
        width: 100%;
        flex: 1 1 0%;
        display: flex;
        justify-content: initial;
        transform: initial;
        transition: initial;
        flex-flow: row nowrap;
    }
    p  {font-size: 0.97em;} 
    
    h2 {font-size: 1.35em;} 
    
    .navhead_container {
        width: 80em;
        margin: 0 auto;
    }
    nav {
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-end;
    }
    nav ul {
        display: flex;
        flex-flow: row wrap;
    }
    .navhead_item {
        display: flex;
        flex: 1 1 0%;
        justify-content: space-between;
        padding: 0em 0.5em 0.4em 0.5em;
    }
    nav .navhead_item {
         border: none;
         top: 0;
         opacity: 100%;
    }
    .navhead_menu_toggle, .sidebar_menu_toggle {
        display: none;
    }
    nav .navhead_list {
        position: initial;
        width: 100%;
        justify-content: initial;
        flex-direction: row;
        transform: initial;
        transition: initial;
        flex-flow: wrap;
    }
    ul, li {
	   line-height: 1.4em;
    }

    label {font-size: 0.9em;}
    
    main {
        display: flex;
    }   
	article,
    .article_float,
    .article_float_bikes {
	   display: block;
	}
	aside {
        display: block;
    	float: right;
	}
    .gpsview_article {
        display: block;
    }
    #gpsview_ok,#gpsview_ok1,#gpsview_ok2,#gpsview_ok3,#gpsview_ok4,#gpsview_ok5,#gpsview_ok6 {
        margin-left: 0.7em;
    }
	.sidebar_layout {
	   display: block;
       min-width: 11em;
       margin-right: 0.2em;
	}

	.sidebar_layout .sidebar_list,
    .sidebar_layout .sidebar_list li h4,
    .sidebar_layout .sidebar_list h4,
    .sidebar_layout .sidebar_list li h5,
    .sidebar_layout .sidebar_list h5,
    .sidebar_layout .sidebar_list li ul li {
	   background-color: #FFFFFB;
	}
	
   .sidebar_layout .sidebar_list {
        position: initial;
        width: initial;
        height: initial;
        margin: 0 auto;
        top: 0;
        bottom: 0;
        justify-content: initial;
        flex-direction: column;
        transform: initial;
        transition: initial;
    }

    .sidebar_layout .sidebar_list li h4,
    .sidebar_layout h4,
    .sidebar_layout .sidebar_list li h5,
    .sidebar_layout h5 {
         border: none;
         padding-left: 0.5em;
         font-weight: bolder;
    }
    .sidebar_layout .sidebar_list li ul li {
         border: none;
         padding-left: 0.5em;
    }
    .sidebar_list li ul {
         padding-left: 0.1em;
         list-style: inside;
    }
    .sidebar_layout .sidebar_list label {
         border: none;
         margin: 0;
         padding: 0.4em;
    }
    /*
    .sidebar_layout .sidebar_list ul {
	   line-height: 1.1em;
    }
    */
    .sidebar label {
    	border-radius: 0.3em;
    }
    .sidebar label .toggleButton {
        margin-top: 0;
    	opacity: 100%;
    }
    .sidebar label .toggleButton:hover {
    }	
	
    .biketextfloater {
        margin-left: 3em;
    }
    
    .index_article {
    display: inline-block;
    margin-top: 0.9em;
    }
    .index_container {
        max-width: 30em;
    }
    
    /*    
    .portfolio-inner-index,
    .portfolio-box-index,
    .portfolio-item-index {
        max-width: 22em;
        height: 12em;
    }

    .index_actual figure span h6 {
        padding-left: 1%;
    }
    .index_actual figure div h6 {
        margin-top: 10%;
    }
    */
    .img_height {
        min-height: 11em;
    }
    .img_height_2 {
        min-height: 13em;
    }
    .gpx_height {
        min-height: 21.5em;
    }
    .gpx_height_link {
        min-height: 27em;
    }    
    /* Bildergalerie thumbs auf max Breite */
    .thumbs a img {
        max-width: 100%;
    	height: auto;
    }
    .tourbar_list ul {
        padding: 0em;
        line-height: 1.2em;
        font-size: 0.95em;
        display: flex;
        flex-flow: row wrap;
        list-style: none;
    }
    .tourbar_list li {
        padding: 0.3em;
    }
    #map,#map1,#map2,#map3,#map4,#map5,#map6 {
        width: 30vw;
        max-height: 20em;
    }
    #map_hp,#map_hp1,#map_hp2,#map_hp3,#map_hp4,#map_hp5,#map_hp6 {
        width: 22vw;
        height: 12em;
        max-width: 25em;
    }
    #map_extra,#map_extra1,#map_extra2,#map_extra3,#map_extra4,#map_extra5,#map_extra6 {
        width: 30vw;
        max-height: 20em;
        /*max-width: 31em;*/
    }
    #interaktmap {
        width: 22vw;
        height: 40vh;
    }
    #alpx_tourenkarte_map {
        height:80vh;
        width: 65vw;
    }
    .tourenkarte_fontsize {
        width:78vw;
        max-width: 86.875em;
        margin: 0 auto;
    }    
    #bike_img1, #bike_img2, #bike_img3 {
        width:30%;
    }
    #splash1,
    #splash1_tourenkarte {
        background-size: contain;
        background-repeat: no-repeat;
        width: 80em;
        height: 7.63vw;
        max-height: 6.11em;
        max-width: 80em;
    }
    #splash1_index {
        background-size: contain;
        background-repeat: no-repeat;
        width: 80em;
        height: 13.9vw;
        max-height: 11.11em;
        max-width: 80em;
    }
    img.textfloater,
    img.textfloaterlinks {
        max-width: 12.5em; 
    }    
        	
}


/* Fotoalbum Gallery styles */

/* Modal windows v2 */
._m_window {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000002;
	overflow: hidden;
	background-color: rgba(0,0,0,0.2);
}
.no-rgba ._m_window {
	background-color: transparent;
	background-image: url(img/k20.png);
}
._m_panel {
	position: absolute;
}
._m_head {
	position: relative;
	height: 2em;
	line-height: 2em;
	border-radius: 0.4em 0.4em 0 0;
	border-bottom: 0.1em solid #bbb;
}
._m_head h5 {
	position: absolute;
	text-align: center;
	margin: 0;
	left: 2em;
	right: 2em;
	color: #000;
	overflow: hidden;
	text-shadow: 0.1em 0.1em 0.1em rgba(255,255,255,0.75);
}
._m_head a.close {
	position: absolute;
	display: inline-block;
	right: 0;
	top: 0;
	cursor: pointer;
	font-size: 1.2em;
	text-align: center;
	min-width: 2em;
	height: 2em;
	background-image: url(img/close_icon.png);
	border-radius: 0 0.4em 0 0;
	background-color: rgba(0,0,0,0.1);
	border-left: 0.1em solid rgba(0,0,0,0.2);
	background-position: center center;
	background-repeat: no-repeat;
}
.no-rgba ._m_head a.close {
	background-color: transparent;
	background-image: url(img/k10.png);
	border-left: 0.1em solid #aaa;
}
._m_head a.close:hover {
	background-color: rgba(0,0,0,0.2);
}
.no-rgba ._m_head a.close:hover {
	background-color: transparent;
	background-image: url(img/k20.png);
}
.no-cssgradients ._m_head a.close {
	border-radius: 0;
}
._m_cont {
	position: relative;
	overflow: hidden;
	padding-bottom: 1em;
	border-radius: 0 0 6px 0.4em;
	border-top: 1px solid #fff;
}
._m_cont_i {
	padding: 2px 0px 0px 0px;
	overflow: hidden;
	color: #444;
}
._m_panel a.resize {
	display: inline-block;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 0.9em;
	height: 0.9em;
	background-image: url(img/close_icon.png);
	cursor: se-resize;
	z-index: 99999;
}
#dialog ._m_cont_i {
	text-align: center;
}

/* Buttons for modal windows */

/* Buttons for modal windows */
.buttons {
	display:block;
	clear:both;
	margin-top:10px;
	text-align:center;
	line-height:2em;
	overflow: visible;
}
.buttons a {
	padding:0 10px;
	margin:5px 0.125em;
	display:inline-block;
	color:#eee;
	white-space:nowrap;
	overflow: visible;
	border-radius:0.25em;
	background-color:#555;
	background-clip:padding-box;
	text-shadow:1px 1px 1px rgba(255,255,255,0.25);
	box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}

/* Scroller controls */
.scrup,
.scrdn {
	position:absolute;
	right:0;
	width:1.25em;
	height:1.25em;
	line-height:1.25em;
	background-repeat:no-repeat;
	background-image:url(img/pg.png);
}
.scrup {
	top:0;
	z-index:990;
	background-position:0 -1.25em;
}
.scrdn {
	bottom:0;
	z-index:991;
	background-position:0 -2.5em;
}
.scrup:hover {
	background-position:-20px -1.25em;
}
.scrdn:hover {
	background-position:-20px -2.5em;
}
.scrbar {
	position:absolute;
	right:0.18em;
	width:0.9em;
	top:1.25em;
	bottom:1.25em;
	border-radius:7px;
	background-color:rgba(255,255,255,0.3);
	box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);
}
.no-rgba .scrbar {
	background-color:transparent;
	background-image:url(img/w40.png);
}
.scrbar div {
	position:absolute;
	top:0.125em;
	left:0.125em;
	right:0.125em;
	height:5px;
	border-radius:7px;
	box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.scrbar div img {
	width:100%;
	height:100%;
}

/* Controls */
.controls a,
a.control {
	background-image:url(img/controls.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
/*
.controls a:hover,
a.control:hover {
	background-position:-70px inherit;
}
*/

/* Start slideshow */
.startshow {
	position:absolute;
	overflow:hidden;
	bottom:1.25em;
	right:1.25em;
	width:5.6em;
	height:5.6em;
	border-radius:0.4em;
	cursor:pointer;
	transition:background-color 500ms linear;
}
.no-rgba .startshow {
	background-color:transparent;
	background-image:url(img/k20.png);
}
.startshow:hover {
	background-color:rgba(0,0,0,0.8);
}
.no-rgba .startshow:hover {
	background-color:transparent;
	background-image:url(img/k80.png);
}
.starttxt {
	float:right;
	height:5.6em;
	padding:0 5.6em 0 1.25em;
	line-height:80.25em;
	font-size:200%;
	overflow:hidden;
	text-align:right;
    text-overflow:ellipsis;
	white-space:nowrap;
	background-image:url(img/start.png);
	background-repeat:no-repeat;
	background-position:right 0;
}
.startshow:hover .starttxt {
	background-position:right -5.6em;
}


/* Images page */
.gallery {
	position:fixed;
	display:none;
	left:0;
	right:0;
	top:0;
	bottom: 0;
	z-index: 1000000;
}

#slide .gallery {
	display:block;
}
.gallery a {
	color:#fff;
	text-decoration:none;
	outline:none;
}
.gallery .navigation {
	position:absolute;
	left:0;
	right:0;
	margin:0;
	z-index:10;
}
.gallery .navigation nav {
	position:relative;
	display:none;
	padding-top:0.4em;
	margin:0 auto;
	border-radius:0 0 0.75em 0.75em;
	height:4.4em;
	overflow:hidden;
	white-space:nowrap;
	box-shadow:0.1em 0.2em 0.5em rgba(0,0,0,0.6);
}
.no-rgba .gallery .navigation nav {
	background-color:transparent;
	background-image:url(img/k80.png);
}
#slide .gallery .navigation nav {
	display:block;
	width:240px;
}
.gallery .navigation nav a {
	display:inline-block;
	width:50px;
	height:70px;
	line-height:70px;
	background-image:url(img/controls.png);
	background-repeat:no-repeat;
	background-position:-50px 0;
}
.hook-c {
	background-image:url(img/controls.png);
}
.gallery .navigation nav a.prev {
	background-position:-50px 0;
	width:4.4em;
}
.gallery .navigation nav a.prev:hover {
	background-position:-50px -4.4em;
}
.gallery .navigation nav a.up {
	background-position:-120px 0;
}
.gallery .navigation nav a.up:hover {
	background-position:-120px -4.4em;
}
.gallery .navigation nav a.resize {
	background-position:-170px 0;
}
.gallery .navigation nav a.resize:hover {
	background-position:-170px -4.4em;
}
.gallery .navigation nav a.noresize {
	display:none;
	background-position:-220px 0;
}
.gallery .navigation nav a.noresize:hover {
	background-position:-220px -4.4em;
}
.gallery .navigation nav a.showthumbs {
	background-position:-370px 0;
}
.gallery .navigation nav a.showthumbs:hover {
	background-position:-370px -4.4em;
}
.gallery .navigation nav a.hidethumbs {
	display:none;
	background-position:-420px 0;
}
.gallery .navigation nav a.hidethumbs:hover {
	background-position:-420px -4.4em;
}
.gallery .navigation nav a.play {
	width:4.4em;
	background-position:-470px 0;
}
.gallery .navigation nav a.play:hover {
	background-position:-470px -4.4em;
}
.gallery .navigation nav a.pause {
	display:none;
	width:4.4em;
	background-position:-540px 0;
}
.gallery .navigation nav a.pause:hover {
	background-position:-540px -4.4em;
}
.gallery .navigation nav a.next {
	width:4.4em;
	background-position:-610px 0;
}
.gallery .navigation nav a.next:hover {
	background-position:-610px -4.4em;
}
 .gallery .scrollbox {
	position:relative;
	top:0;
	left:0;
	display:block;
	height:87px;
	max-width:100%;
	margin:0 auto;
	border-radius:0 0 0.75em 0.75em;
	overflow:hidden;
	box-shadow:1px 3px 8px rgba(0,0,0,0.6);
}
.rgba.touch .gallery .scrollbox,
.rgba .gallery .scrollbox:hover {
}
.no-rgba .gallery .scrollbox {
	background-color:transparent;
	background-image:url(img/k60.png);
}
.no-rgba .gallery .scrollbox:hover {
	background-color:transparent;
	background-image:url(img/k80.png);
}
.gallery .scrollbox .wrap {
	position:relative;
	top:5px;
	margin:0 2.5em;
	height:77px;
	overflow:hidden;
}
.gallery .scrollbox ul.cont  {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:0;
	padding:0;
	white-space:nowrap;
}
.gallery .scrollbox ul.cont li {
	float:left;
	display:inline;
	position:relative;
	width:101px;
	height:75px;
	overflow:hidden;
	margin:1px;
	text-align:center;
}
.gallery .scrollbox .cont a {
	display:table-cell;
	vertical-align:middle;
	position:relative;
	padding:0.25em;
	margin-right:0.125em;
	width:93px;
	height:67px;
	text-align:center;
}
.gallery .scrollbox .cont a img {
	max-width:93px;
	max-height:67px;
	vertical-align:middle;
}
.gallery .scrollbox .cont a:hover,
.gallery .scrollbox .cont a:focus {
	outline:none;
}
.no-rgba .gallery .scrollbox .cont a:hover,
.no-rgba .gallery .scrollbox .cont a:focus {
	background-image:url(img/w20.png);
}
.gallery .scrollbox .cont a.active {
}
.no-rgba .gallery .scrollbox .cont a.active {
	background-color:transparent;
	background-image:url(img/w40.png);
}
.hook-s,
.gallery .scrollbox .scleft,
.gallery .scrollbox .scright {
	position:absolute;
	top:10px;
	width:1.5em;
	height:67px;
	background-image:url(img/scroll.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.gallery .scrollbox .scleft {
	left:10px;
	background-position:0 center;
}
.gallery .scrollbox .scright {
	right:10px;
	background-position:-48px center;
}
.gallery .scrollbox .scleft:hover {
	background-position:-24px center;
}
.gallery .scrollbox .scright:hover {
	background-position:-72px center;
}
.gallery .img {
    position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:hidden;
}
.gallery .img .main {
	position:absolute;
	display:inline-block;
	background-color: #000000;
    padding:0.125em;
	box-shadow:3px 6px 32px rgba(0,0,0,0.6);
}
.gallery .img .image img {
    width: 100%;
    height: auto;
	vertical-align:top;
	-ms-interpolation-mode:bicubic;
}
.gallery .img .other {
	width:280px;
	text-align:center;
	border-radius:0.4em;
}
.no-rgba .gallery .img .other {
	background-color:transparent;
	background-image:url(img/w80.png);
}
.gallery .img .other a {
	display:block;
	margin:15px 15px 0 15px;
	padding:20px 0;
	border-bottom:1px solid #ccc;
}
.gallery .img .other a > img {
	min-height:128px;
}
.gallery .img .other p {
	margin:10px 15px 15px 15px;
	overflow:hidden;
}
.gallery .wait {
	display:none;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:25px;
	background-image:url(img/wait.gif);
	background-position:center center;
	background-repeat:no-repeat;
	z-index:3;
}
.gallery .bottom {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:-10000;
	visibility: hidden;
}
.gallery .bottom .cont {
	position:relative;
	width:870px;
	max-width:80%;
	margin:0 auto;
	padding:5px 15px 10px 15px;
	text-align:left;
	color:#fff;
	border-radius:12px 12px 0 0;
	box-shadow:1px 3px 8px rgba(0,0,0,0.6);
}
.no-rgba .gallery .bottom .cont {
	background-color:transparent;
	background-image:url(img/k40.png);
}
.rgba.touch .gallery .bottom .cont,
.gallery .bottom .cont:hover {
}
.no-rgba .gallery .bottom .cont:hover {
	background-image:url(img/k80.png);
}
.gallery .bottom .cont:before,
.gallery .bottom .cont:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.gallery .bottom .cont:after { clear:both; }
.gallery .bottom h2 {
	margin-top:10px;
	font-size:140%;
}
.gallery .bottom .comment {
	margin-top:10px;
	max-height:12em;
}
.gallery .bottom .comment a {
	color:#dddddd;
}
.gallery .bottom .comment a:hover {
}
.gallery .bottom nav {
	float:right;
	display:inline;
	margin:5px 0 5px 15px;
	height:28px;
	line-height:1.5em;
	font-size:85%;
	border-radius:0.25em;
	border:1px solid #333;
	z-index:999;
	background-clip: padding-box;
 	box-shadow:0px 1px 2px rgba(0,0,0,0.6);
}
.gallery .bottom nav a {
	display:inline-block;
	width:2em;
	height:28px;
	line-height:28px;
	padding:0;
	white-space:nowrap;
	background-image:url(img/buttons.png);
	background-position:center 0;
	background-repeat:no-repeat;
	border-left:1px solid #000;
	cursor:default;
}
.gallery .bottom nav a:first-child {
	border-left:none;
	border-top-left-radius:0.18em;
	border-bottom-left-radius:0.18em;
}
.gallery .bottom nav a:last-child {
	border-top-right-radius:0.18em;
	border-bottom-right-radius:0.18em;
}
.gallery .bottom nav a:hover {
}
.gallery .bottom nav a.active {
	border-left-color:#222;
}
.gallery .bottom .nr {
	display:block;
	margin:5px 0 5px 15px;
	line-height:2em;
	padding:0;
	white-space:nowrap;
	border-radius:0.4em;
}
.gallery .bottom .meta .icon,
.gallery .bottom nav a.meta-icon {
	background-position:center -1px;
}
.gallery .bottom .map .icon,
.gallery .bottom nav a.map-icon {
	background-position:center -33px;
}
.gallery .bottom .shop .icon,
.gallery .bottom nav a.shop-icon {
	background-position:center -65px;
}
.gallery .bottom nav a.link-icon {
	background-position:center -97px;
}
.gallery .bottom .share .icon,
.gallery .bottom nav a.share-icon {
	background-position:center -129px;
}
.gallery .bottom .print .icon,
.gallery .bottom nav a.print-icon {
	background-position:center -161px;
}
.gallery .bottom .comment .icon,
.gallery .bottom nav a.comment-icon {
	background-position:center -193px;
}
.gallery .bottom .regions .icon,
.gallery .bottom nav a.regions-icon {
	background-position:center -225px;
}
.gallery .bottom .fotomoto .icon,
.gallery .bottom nav a.fotomoto-icon {
	background-position:center -257px;
}
.gallery .bottom .panel {
	clear:both;
	position:relative;
	font-size:85%;
	margin-top:10px;
	padding-left:2em;
}
.gallery .bottom .icon {
	position:absolute;
	left:0;
	top:-0.4em;
	width:1.25em;
	height:1.6em;
	background-image:url(img/buttons.png);
	background-repeat:no-repeat;
}
.gallery .bottom .meta b {
	color:#fff;
}
.gallery .bottom .map .mapcont {
	position:relative;
	overflow:hidden;
	height:240px;
}

/* Ende Fotoalbum Gallery styles */