/**
 *
 * Marmota Maps
 *
 */
/**
 * ALLGEMEIN
 *
 */
.wrapper {
	width: 1020px;
	max-width: 100%;
	margin: 0 auto;
}
body {
	color: #262626;
	background-color: #EBEBED;
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	font-size: 1.35em;
}
h1, h2 {
	font-family: 'Oswald', sans-serif;
	color: #e3342c;
	font-weight: 700;
	text-transform: uppercase;
}

h2 {
	color: #262626;
}

h1 {
	font-size: 3em;
}
@media screen and (max-width: 1000px) {
 h1 {
 font-size: 2.5em;
}
}
h2 {
	line-height: 1.5em;
}

@media screen and (max-width: 600px) {
.inhalt-quartett h2 {
 font-size: 26px;
 line-height:30px;
 }
}

h3 {
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1.8em;
	text-transform: uppercase;
}

.presse h3 {
	margin:0 !important;
}


{
	font-weight: 700;
	font-size: 1.1em;
	text-transform: uppercase;
}
a {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #e3342c;
}
a, a:active, a:focus {
	outline: none;
}
img.links {
	margin: 0 10px 10px 0;
	float: left;
}

.price{
	font-size: 1.8em;
	font-weight: 700;
}

.price span.small{
	font-size: small;
}

.edit {
	color:#d23db4;
	}

@media screen and (max-width: 700px) {
 img.links {
 float: none;
 display: block;
 margin: 10px auto;
}
}
/**
 * <nav>
 *
 */
nav {
	background: #e3342c;
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
}
nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
nav li {
	padding: 0;
	margin: 0;
	list-style-position: inside;
	display: inline;
	float: left;
}
nav li:first-child {
	display: none;
}
nav a {
	display: inline-block;
	padding: 5px 10px;
	border-left: 2px solid #ebebed;
	font-size: 1.1em;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}
nav a.aktiv, nav a:hover {
	background: #ffffff;
	color: #e3342c;
	text-decoration: none;
}

nav ul ul {
    position: absolute;
    display: none;
   	background: #e3342c;
}

nav ul li:hover ul {
    display: block;
}

nav ul ul li,
nav ul ul li:first-child {
    display: block;
    float: none;
    text-align: left;
}

nav ul ul li a {
    padding-right: 20px ;
	font-size: 12px;
    width: 100%;
}



@media screen and (min-width: 750px) {

    body {
	padding-top: 30px;
/*  padding-top: 78px; - für höheren Header - 1 Zeile Text   */
/*  padding-top: 180px; - für höheren Header    */
}

    nav {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

	#oben-fb-ig {
		display: block;
		float: left;
		background-color: #e3342c;
}

	#oben-fb-ig a {
		border:none !important;
		padding: 5px 0 0 10px !important;
		background-color: #e3342c;
}

	#oben-fb-ig a:hover {
	background: none !important;
}

	#oben-fb-ig .facebook-icon {
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	display: inline-block;
	background: url(../fx/facebook-logo.svg);
	background-repeat: no-repeat;
	padding: 0;
	background-position: center;
    background-color: #e3342c;
}
    #oben-fb-ig .ig-icon {
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	display: inline-block;
	background: url(../fx/ig-logo.svg);
	background-repeat: no-repeat;
	padding: 0;
	background-color: #e3342c;

}
    #oben-fb-ig .yt-icon {
	width: 18px;
	height: 18px;
	background-size: 18px 18px !important;
	background-position: center;
	display: inline-block;
	background: url(../fx/youtube-logo.svg);
	background-repeat: no-repeat;
	padding: 0;
	background-color: #e3342c;

}

    #oben-fb-ig .blog-icon {
	width: 18px;
	height: 18px;
	background-size: 18px 18px !important;
	background-position: center;
	display: inline-block;
	background: url(../fx/blog-logo.svg);
	background-repeat: no-repeat;
	padding: 0;
	background-color: #e3342c;

}

	#oben-fb-ig a:hover .facebook-icon {
	background-size: 22px 22px;
	background-position: center;
}

	#oben-fb-ig a:hover .ig-icon {
	background-size: 22px 22px;
	background-position: center;
}

	#oben-fb-ig a:hover .yt-icon {
	background-size: 22px 22px !important;
	background-position: center;
}

	#oben-fb-ig a:hover .blog-icon {
	background-size: 22px 22px !important;
	background-position: center;
}

}


@media screen and (max-width: 850px) {
	#oben-fb-ig {
		display: none;
	}
}

/* Mobile */
@media screen and (max-width: 750px) {

	p {
	 line-height: 1.7em !important;
	}

	body {
		font-size: 1.45em !important;
	}

	nav {
	background: none;
   }
	nav ul {
	float: none;
	position: absolute;
	right: 10px;
	top: 20px;
   }

	nav ul.popout li {
	display: block;
	border: 1px solid #e3342c;
   }
	nav ul.popout li:first-child {
	display: inline-block;
	border: none;
   }

	nav li {
	display: none;
	float: none;
   }

	nav li:first-child {
	display: inline-block;
   }
	nav li:first-child a {
   /* padding: 0*/
	width: 40px;
   /* line-height: 40px;*/
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	font-size: 20px;
	color: #FFFFFF;
   }
	nav li:first-child a:hover {
	color: #FFFFFF;
	background: #e3342c;
   }
	nav a {
	display: block;
	background: #e3342c;
	padding-top: 6px;
	border:none;
   }

   nav ul ul {
	   display: none;
   }

   nav ul li:hover ul {
	   display: none;
   }

   nav ul ul li,
   nav ul ul li:first-child {
	   display: none;
   }

   nav ul ul li a,
   nav ul ul li:first-child a {
	   display: none;

   }

   nav ul ul li:first-child a:hover {
	   display: none;
   }

   nav ul.popout ul li:first-child {
	   display: none;
   }

   .hello {
	   display: none;
   }

}

/**
 * <header>
 *
 */
.oben #logo {
	display: table-cell;
	vertical-align: top;
	text-align: center;
}
.oben #logo img {
	width: 60px;
	margin-bottom: 10px;
}
.oben #sprache {
	color: #e3342c;
	font-size: 0.95em;
}
.oben #sprache a {
	color: #e3342c;
}

.oben #sprache a:hover {
  color: #5b86a4;
}

.oben h1 {
	display: table-cell;
	vertical-align: middle;
	padding-left: 25px;
}

.breadcrumbs {
 margin-left: 10px;
 color: #e3342c;
}

.breadcrumbs a{
 color: #e3342c;
}

.breadcrumbs a:hover{
 color: #5b86a4;
}


@media screen and (min-width: 1000px) {
	.oben h1 {
	display: block;
	padding-left: 0;
	line-height: 1.25em;
	padding-right: 75px;
   }

   .deutschlandkarte .oben h1 , .def .oben h1 {
	   display: table-cell;
	   vertical-align: middle;
	   padding-left: 25px;
   }


   .inhalt-berge-drucke .block {
	   margin:120px 0 0 0;
	   padding:0;
   }
}


@media screen and (max-width: 1000px) {
		.oben {
/*		margin-bottom: 15px; */
	   }

	   .beschreibung {
	   padding-left:20px;
	   }

}
/**
 * <main>
 *
 */

.inhalt {
	line-height: 1.8em;
}
.inhalt .c {
	padding: 10px 10px 50px 10px;
	border-bottom: 2px solid #262626;
}

.inhalt.inhalt-berge-druck {
	background: #eaeaec;
}

.inhalt.inhalt-beide {
	background: #c25b47;
}




/* Bg als Bild! */
/*
.inhalt.fullscreen_tiere {
background: url(/de/fx/west/bg_ski-resorts-of-the-west.jpg) no-repeat top center;
}


.inhalt.fullscreen_tiere h1, .inhalt.fullscreen_tiere .c {
color:white !important;
}


@media screen and (min-width: 700px) {
.inhalt.fullscreen_tiere {
 background-size: 100% auto;
 }
}

@media screen and (max-width: 700px) {
.inhalt.fullscreen_tiere {
 background-size:auto 100%;
 }
}

.inhalt.fullscreen_tiere .c .oben #sprache, .inhalt.inhalt-west .c .oben #sprache a{
color:white !important;
}

.oben #tip2 p {
color:white !important;
}

.oben #tip2 p {
border-bottom: 2px solid white !important;
}

.inhalt.fullscreen_tiere .c  input {
                    width: 25%;
					height: 30px !important;
				}
.inhalt.fullscreen_tiere .c input[type=submit] {
                font-weight: bold;
                text-transform: uppercase;
                background: #262626;
                color: #FFFFFF;
                line-height: normal;}

.inhalt.fullscreen_tiere .c input[type=submit]:hover {
	background: #e3342c;
}

@media screen and (max-width: 700px) {
.inhalt.fullscreen_tiere .c  input {
                    width: 45%;
                    height: 30px !important;
                    line-height: auto !important;
                    display: inline-block !important;
}
}
*/

@media screen and (max-width: 700px) {

	.floatpic-extra {
	 display: block;
	 float:left;
	 }

 }


@media screen and (min-width: 700px) {
.floatpic, .floatpic-extra {
 display: block;
 float:left;
 }

 .floattext {
 display: block;
 float:left;
 width: 50%;
 padding-left:20px;
 }

 .weltkarte-tiere .floatpic {
 display: block;
 float:left;
 width: 84% !important;
 }

 .weltkarte-tiere .floattext {
 display: block;
 float:left;
 width: 15%;
 padding-left:20px;
 list-style: none;
 }

}

@media screen and (max-width: 700px) {
 .weltkarte-tiere .floattext {
 list-style: none;
 }

 .weltkarte-tiere .floattext {
	width: 95%;
	padding:0 !important;
 }

.weltkarte-tiere .floattext li{
 display: block;
 float:left;
 padding:0 4px 0 4px;
 list-style: none;
 background: url(/de/fx/komma.svg) no-repeat bottom right;
 }
}

.clear {clear: both;}

.teaser-beide {
	background: #c25b47;
	color:#fff;
	line-height:normal;
	text-align:left;
}

.teaser.teaser-beide h2, .teaser-beide a{
	color:#fff;
}


.teaser.teaser-beide hr {
	background-color:#fff;
	color:#fff;
	height:1px;
	border:none;
}


.teaser-beide:hover {
 cursor: hand;
 opacity:1 !important;
}

.teaser-beide a {
 text-decoration:none !important;
}

.teaser-beide a:hover, .teaser-beide a:hover h2 {
color:#333;
}

.teaser-beide a p span {
 text-decoration:underline !important;
}
.inhalt.inhalt-wallpaper {
	background: #ebe8ec;
}

 @media screen and (min-width: 700px) {
	.inhalt .c {
	background-size: 100% auto;
	}

	.inhalt.inhalt-wallpaper .c {
	background: url(/de/fx/wallpaper/wallpaper.jpg) no-repeat top right;
	background-size: 100% auto;
	}

   .inhalt.inhalt-beide .c{
	   background: url(/de/fx/alpen-karte-111berge/header_beide_Karten.jpg) no-repeat top right;
	   background-size: 100% auto;
	}

   .inhalt.inhalt-sticker .c {
	background: url(/de/fx/map-sticker/header_map-sticker.jpg) no-repeat top right;
	background-size: 100% auto;
	}

   .inhalt.inhalt-west .c {
	background: url(/de/fx/nordamerika/west-karte/header_ski-resorts-of-the-west.jpg) no-repeat top right;
	background-size: 100% auto;
	}

   .inhalt.inhalt-marmotini .c {
	background: url(/de/fx/nordamerika/marmotini/header_marmotini.jpg) no-repeat top right;
	background-size: 100% auto;
	}

   .inhalt.inhalt-gutschein-de .c {
	background: url(/de/fx/gutschein/gutschein_header_de.jpg) no-repeat top right;
	background-size: 100% auto;
	}

   .inhalt.inhalt-gutschein-en .c {
	background: url(/de/fx/gutschein/gutschein_header_en.jpg) no-repeat top right;
	background-size: 100% auto;
	}

}


.inhalt-weltkarte-tiere .bild img, .inhalt-wallpaper .bild img, .inhalt-beide .bild img,
.inhalt-west .bild img, .inhalt-sticker .bild img, .inhalt-marmotini .bild img, .inhalt-gutschein-de .bild img, .inhalt-gutschein-en .bild img {
	max-width: 100%;
}

@media screen and (min-width: 700px) {
 .inhalt-weltkarte-tiere .bild, .inhalt-gutschein-en .bild,  .inhalt-gutschein-de .bild, .inhalt-wallpaper .bild, .inhalt-watzmann .bild, .inhalt-beide .bild,
 .inhalt-berge-drucke .bild, .inhalt-west .bild, .inhalt-sticker .bild, .inhalt-oesterreich .bild, .inhalt-marmotini .bild  {
 display: none;
}
}

.inhalt-beide .beschreibung, .inhalt-sticker .beschreibung, .inhalt-oesterreich .beschreibung {
	width: 27%;
}

.inhalt-west .beschreibung, .inhalt-marmotini .beschreibung, .inhalt-gutschein-de .beschreibung, .inhalt-gutschein-en .beschreibung {
	width: 40%;
}

 @media screen and (max-width: 700px) {
.inhalt-gutschein-en .beschreibung, .inhalt-gutschein-de .beschreibung, .inhalt-wallpaper .beschreibung,
.inhalt-beide .beschreibung, .inhalt-west .beschreibung, .inhalt-marmotini .beschreibung, .inhalt-sticker .beschreibung, .inhalt-oesterreich .beschreibung {
 width: 100%;
}
}


@media screen and (min-width: 1000px) {
.inhalt.inhalt-sticker .video-vimeo{
	margin-top:185px;
 }

}

@media screen and (min-width: 800px) and (max-width: 1000px)  {
.inhalt.inhalt-sticker .video-vimeo{
	margin-top:200px;
 }

 .inhalt-oesterreich .beschreibung {
	margin-bottom: 50px;
	}
}


@media screen and (min-width: 600px) and (max-width: 800px)  {
.inhalt.inhalt-sticker .video-vimeo{
	margin-top:80px;
 }
}



.inhalt-beide, .inhalt-beide h1, .inhalt-beide a, .inhalt-beide #sprache {
	color: #fff !important;
}



.inhalt-beide #logo {
	background: url(/de/fx/marmotamaps-logo-w.svg) no-repeat top left;
}


.inhalt-beide .beschreibung p a:hover {
	color: #262626 !important;
}


/**
 * <footer>
 *
 */
footer {
	background: #EAEAEC;
}
footer #copyright {
	color: #FFFFFF;
	background: #262626 !important;
	font-size: 0.95em;
}
footer #copyright .c {
	padding: 25px 10px;
}
footer #copyright a {
	color: #FFFFFF;
}
footer #copyright a:hover {
	color: #CACACA;
}
footer #information .c {
	display: table;
	width: 100%;
	padding: 50px 10px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 30px;
	color: #262626;
}
footer #information .c div.block {
	display: table-cell;
	width: 25%;
	padding: 0 55px 0 35px;
	border-right: 2px solid #262626;
}
footer #information .c div.block:first-child {
	padding-left: 0;
}
footer #information .c div.block:last-child {
	padding-right: 0;
	border-right: none;
}
footer #copyright .facebook-icon {
	width: 30px;
	height: 30px;
	background: red;
	display: inline-block;
	margin-bottom: 10px;
	background: url(../fx/facebook-logo.svg);
	background-size: 30px 30px;
	background-repeat: no-repeat;
}

footer #copyright .ig-icon {
	width: 30px;
	height: 30px;
	background: red;
	display: inline-block;
	margin-bottom: 10px;
	background: url(../fx/ig-logo.svg);
	background-size: 30px 30px;
	background-repeat: no-repeat;
}

footer #copyright .yt-icon {
	width: 30px;
	height: 30px;
	background: red;
	display: inline-block;
	margin-bottom: 10px;
	background: url(../fx/youtube-logo.svg);
	background-size: 30px 30px;
	background-repeat: no-repeat;
}

footer #copyright .blog-icon {
	width: 30px;
	height: 30px;
	background: red;
	display: inline-block;
	margin-bottom: 10px;
	background: url(../fx/blog-logo.svg);
	background-size: 30px 30px;
	background-repeat: no-repeat;
}


footer #information .c a {
	color: #262626;
	text-decoration: none;
}
footer #information #copyright a {
text-decoration: underline;
}
footer #information .c a:hover {
	color: #e3342c;
}
footer #copyright a:hover .facebook-icon {
	background-color: #FFFFFF;
	background-image: url(../fx/facebook-logo-mm.svg);
}

footer #copyright a:hover .ig-icon {
	background-color: #FFFFFF;
	background-image: url(../fx/ig-logo-mm.svg);
}

footer #copyright a:hover .yt-icon {
	background-color: #FFFFFF;
	background-image: url(../fx/youtube-logo-mm.svg);
}

footer #copyright a:hover .blog-icon {
	background-color: #FFFFFF;
	background-image: url(../fx/blog-logo-mm.svg);
}

footer #information .c ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
footer #information .c input {
	width: 100%;
	margin: 5px 0;
	border: none;
	line-height: auto;
}
footer #information .c input[type=email] {
	height: 30px;
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400;
	padding: 5px 10px;
}
footer #information .c input[type=submit] {
	font-weight: bold;
	text-transform: uppercase;
	background: #262626;
	color: #FFFFFF;
	line-height: normal;
}
footer #information .c input[type=submit]:hover {
	background: #e3342c;
}


@media screen and (max-width: 700px) {

 footer #information .c {
 display: block;
 padding: 0 10px;
 font-size: 0.95em;
 text-align: center;
 line-height: 15px;
}
 footer #information .c input {
 width: 45%;
 height: 40px !important;
 line-height: auto !important;
 display: inline-block !important;
}
 footer #information .c div.block {
 display: block;
 width: 100%;
 border-top: 2px solid #262626;
 border-right: none !important;
 padding:10px 0 0 0;
}
 footer #information .c div.block:first-child {
 background: #262626;
 color: #FFFFFF;
 padding: 10px;
 font-weight: normal;
 text-transform: none;
border-top: none !important;
}
 footer #information .c div.block:first-child a {
 color: #FFFFFF;
}
 footer #information .c div.block:first-child a:hover {
 color: #e3342c;
}

 footer #information .c div.block:last-child  {
 text-align: left;
}

 footer #information .c div.block li {
 display: inline-block;
 padding: 0 10px;
}

}

@media screen and (max-width: 1000px) {
footer #copyright {
	padding-left:10px;
}
}
/**
 * Elemente
 *
 */
.block {
	margin: 20px 0;
	padding: 20px 20px 10px 20px;
}

.block h2, .block h3 {
	margin-top: 0px;
}
.block img {
	max-width: 100%;
}

.block.weiss .float {
	display: block;
	float: left;
	text-align: center;
}


.block.weiss .float a:hover {
 opacity: 0.85;
}



@media screen and (max-width: 600px) {
.block.weiss .float img {
  width:150px;
 height:150px;
}

}

@media screen and (max-width: 400px) {
.block.weiss .float {
  width:100px;
}

.block.weiss .float img {
  width:100px;
 height:100px;
}
}


@media screen and (max-width: 1000px) {
 .block img {
 width: 100%;
}
}
.block.neutral {
	padding-right: 20%;
}
@media screen and (max-width: 1000px) {
 .block.neutral {
 padding-right: 20px;
}
}
.block.weiss {
	background: #FFFFFF;
	padding-right: 20px;
}



@media screen and (max-width: 1000px) {
 .block.weiss {
 padding-right: 20px;
}
 .block.weiss img {
 width: 100%;
}

.block.weiss.kl img {
 width:	inherit !important;
}

}

@media screen and (max-width: 500px) {
.block.weiss.kl img {
  width:150px;
 height:90px;
}

}

@media screen and (max-width: 400px) {
.block.weiss.kl img {
  width:100px;
 height:60px;
}

}

.block.bergdrucke {
	padding-top: 10px;
	background: #03182B url(../fx/alpen-berge-druck/bergdrucke.jpg) no-repeat center right;
	background-size: auto 100%;
	color: #FFFFFF;
	padding-right: 65%;
}
@media screen and (max-width: 650px) {
 .block.bergdrucke {
 background-image: none;
 padding-right: 20%;
}
}
.block.bergdrucke h2 {
	color: #FFFFFF !important;
}
.block.bergdrucke .button {
	color: #051F38;
	background: #FFFFFF;
}
.block.bergdrucke .button:hover {
	color: #FFFFFF;
	background: #E3342C;
}
.button, .inhalt-postkarten .teaser .button {
	display: inline-block;
	font-family: 'Droid Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	color: #fff;
	background-color: #e3342c;
	padding: 7px 14px;
 border: none;
}

#tip .button {
	font-size: 15px;
	letter-spacing: normal;
	color: #e3342c;
	background-color: #fff;
	padding: 0px;
	width:400px;
	margin:0 auto;
	text-align:center;
	display: block;
}


#tip {
	background-color: #fff;
	padding: 7px 0;
}

#tip2  {
	margin:0;
	padding:0;
}


#tip2 p {
	display:inline;
	float:right;
	font-family: 'Droid Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #e3342c;
	padding: 0 0 5px 0;
	text-align:right;
	border-bottom: 2px solid #e3342c;
}

@media screen and (max-width: 750px) {

#tip2  {
	margin-right:50px;
	padding:0;
}

}

.button:hover, .button:focus {
	background: #51637A;
	text-decoration: none;
	color: #FFFFFF;
}

@media screen and (max-width: 700px) {
 .button {
 display: block;
 width: 100%;
}
}

select {
  border-radius: 0;
  border: 1px solid #bbb;
  padding:.5em 1em .5em 1em;
  background-color:white;
}

/**
 * BERGDRUCKE
 *
 */
.inhalt-berge-druck .bild img, .inhalt-berge-drucke .bild img  {
	max-width: 100%;
}
@media screen and (min-width: 700px) {
 .inhalt-berge-druck .bild {
 display: none;
}
}
.inhalt-berge-druck .beschreibung {
	width: 30%;
}
@media screen and (max-width: 700px) {
.inhalt-berge-druck .beschreibung, .inhalt-berge-drucke .beschreibung {
 width: 100% !important ;}

.inhalt-berge-drucke .block{
  margin-top: 0;
 }

}

 @media screen and (max-width: 1000px) {
.block img.kontur {
	max-width:60% !important;
 	border:red;
 }
 }

 @media screen and (max-width: 600px) {

	img.kontur {
	display:block;
	width:100%;
	}

	.block img.kontur {
		max-width:100% !important;
	}
}

}
.inhalt-alpen-skigebiete-sale .beschreibung, .inhalt-berge-drucke .beschreibung, .inhalt-alpen-gestalten .beschreibung, .mapping-out-the-alps .beschreibung {
 width: 30%;
}

.inhalt-alpen-skigebiete .beschreibung {
 width: 40%;
}


@media screen and (max-width: 700px) {
 .inhalt-alpen-skigebiete .beschreibung, .inhalt-alpen-gestalten .beschreibung, .mapping-out-the-alps .beschreibung {
 width: 100%;
}
.beschreibung {
padding-left:15px;
}


}
.inhalt-alpen-skigebiete ul.spalten-3 {

 margin: 0;
 padding: 0;
 column-count: 3;
 column-gap: 25px;
 -moz-column-count: 3;
 -moz-column-gap: 25px;
 -webkit-column-count: 3;
 -webkit-column-gap: 25px;
 display: block;
}
.inhalt-alpen-skigebiete ul.spalten-3 li {
 list-style: none;
}
@media screen and (max-width: 400px) {
 .inhalt-alpen-skigebiete ul.spalten-3 {

 column-count: 1;
 -moz-column-count: 1;
 -webkit-column-count: 1;
}
 .inhalt-alpen-skigebiete ul.spalten-3 li {
 display: inline;
}
}

/**
 * ALPEN-BERGE
 *
 */
.inhalt-alpen-berge .bild img {
 max-width: 100%;
}
@media screen and (min-width: 700px) {
 .inhalt-alpen-berge .bild {
 display: none;
}
}
.inhalt-alpen-berge .beschreibung {
 width: 30%;
}
@media screen and (max-width: 700px) {
 .inhalt-alpen-berge .beschreibung {
 width: 100%;
}
}
.inhalt-alpen-berge ul.spalten-3 {
 margin: 0;
 padding: 0;
 column-count: 3;
 column-gap: 25px;
 -moz-column-count: 3;
 -moz-column-gap: 25px;
 -webkit-column-count: 3;
 -webkit-column-gap: 25px;
}
.inhalt-alpen-berge ul.spalten-3 li {
 list-style: none;
}
@media screen and (max-width: 400px) {

 .inhalt-alpen-berge ul.spalten-3 {
 column-count: 1;
 -moz-column-count: 1;
 -webkit-column-count: 1;
}
 .inhalt-alpen-berge ul.spalten-3 li {
 display: inline;
}
}


/**
 * WALLPAPER
 *
 */
.inhalt-wallpaper .beschreibung a span{
		text-decoration:none !important ;
		font-weight: bold;
		font-size:smaller;
}


/**
 * INDEX
 *
 */
.inhalt-index h1 {
 display: table-cell;
 vertical-align: middle;
 padding-left: 15px;
}
@media screen and (min-width: 1000px) {
 .inhalt-index h1 {
 display: table-cell;
 padding-left: 25px;
}
}
 .teaser {
 width: 100%;
 display: table;
 margin-top: 20px;
}
.teaser:hover {
 cursor: pointer;
 opacity: 0.85;
}

.inhalt-postkarten .teaser:hover {
 cursor: pointer;
 opacity: 1;
}


.teaser .neu {
 background-image: url(/de/fx/neu.png);
 background-position: top left;
 background-repeat: no-repeat;
}

.teaser .neu_en {
 background-image: url(/de/fx/neu_en.png);
 background-position: top left;
 background-repeat: no-repeat;
}

.teaser .neu_r {
 background-image: url(/de/fx/neu_r.png);
 background-position: top left;
 background-repeat: no-repeat;
}


.teaser .neu_r_en {
 background-image: url(/de/fx/neu_r_en.png);
 background-position: top left;
 background-repeat: no-repeat;
}


.teaser .sale {
 background-image: url(/de/fx/sale.png);
 background-position: top left;
 background-repeat: no-repeat;
}

.teaser h2 {
 color: #333333;
 margin-top: 0;
line-height:34px;

}
@media screen and (max-width: 1000px) {
 .teaser h2 {
 font-size: 28px;
}
}

.teaser div:first-child {
 display: table-cell;
 vertical-align: top;
padding: 50px 0 0 50px;
}

.extra div:first-child {
 padding: 50px 0 0 0 !important;
}

.teaser div:last-child {
 display: table-cell;
 width: 60%;
 text-align: right;
}

.teaser div.badge{
 display: table-cell;
 background-color:#fff;
 }

@media screen and (min-width: 700px) {
.teaser div.badge{
 width: 35% !important;
}
}
.teaser div:last-child img {
 max-width: 100%;
}

@media screen and (max-width: 700px) {
	.teaser div:first-child, .teaser div:last-child {
	display: block;
	width: 100%;
	}

	.teaser div:first-child img, .teaser div:last-child img {
	width: 100%;
	}

   .teaser div:first-child, .spalten-2 .teaser div:first-child, .spalten-3 .teaser div:first-child {
	padding: 20px 20px 0 20px;
	min-height: 0;
	}

   .teaser h2, .spalten-2 .teaser h2, .spalten-3 .teaser h2, h2 {
	font-size: 20px;
	line-height:25px;
	}

   h3 {
	line-height:16px;
	margin-bottom: 0;
	}

	.teaser div:last-child {
	vertical-align: bottom; }

   .teaser .button, .inhalt-postkarten .extra .button, .button_extra  {
   display: none;
   }

   .bergsept {
	   display: none;
   }

   .spalten-2, .spalten-3 {
	   clear: both;
   }

}

@media screen and (max-width: 400px) {
.teaser h2, .spalten-2 .teaser h2, .spalten-3 .teaser h2 {
margin-bottom: 0px;
}
}

@media screen and (min-width: 700px) {
.teaser .button, .inhalt-postkarten .extra .button, .button_extra  {
 width: auto;
 display: inline-block;
 border: 1px solid #333333;
 color: #333333;
 background: none;
}
}

.teaser.teaser-skikarte {
 background: #F2F2F2;
}

.teaser.teaser-bergkarte, .teaser.teaser-bergkarte-kl {
 background: #E4E4E4;
}

.teaser.teaser-postkarten {
 background: #F1F5F8;
}
.teaser.teaser-bergdrucke {
 color: #FFFFFF;
 background: #03182B;
}

.teaser.teaser-kalender {
 background:#FFF;
}

.teaser.teaser-bergdrucke h2 {
 color: #FFFFFF;
}
.teaser.teaser-bergdrucke .button {
 color: #FFFFFF;
 border-color: #FFFFFF;
}
 .spalten-2 {
 margin-top: 20px;
 display: table;
}
.spalten-2 .teaser {
 display: table-cell;
 width: 50%;
}
.spalten-2 .teaser:first-child {
 border-right: 10px solid #EBEBED;
}
.spalten-2 .teaser:last-child {
 border-left: 10px solid #EBEBED;
}
.spalten-2 .teaser div:first-child, .spalten-2 .teaser div:last-child {
 display: block;
 width: 100%;
}

@media screen and (min-width: 700px) {
.spalten-2 .teaser div:first-child, .spalten-3 .teaser div:first-child {
 padding: 50px 50px 0 50px;
 min-height: 230px;
}
}

.spalten-3 {
 margin-top: 20px;
 display: table;
}
.spalten-3 .teaser {
 display: table-cell;
 width: 33%;
 border-right: 7px solid #EBEBED;
 border-left: 7px solid #EBEBED;

}
.spalten-3 .teaser:first-child {
 border-left: none;
 border-right: 14px solid #EBEBED;
}
.spalten-3 .teaser:last-child {
 border-left: 14px solid #EBEBED;
 border-right: none;
}
.spalten-3 .teaser div:first-child, .spalten-3 .teaser div:last-child {
 display: block;
 width: 100%;
}

@media screen and (min-width: 700px) {

.spalten-3 .teaser h2 {
 font-size: 28px;
 line-height:33px;
 }

.spalten-3 .teaser .button {
 padding:2px 9px;
 }
}

/* extra Teaser */
.teaser.teaser-skikarte-sale  {
 background: #F2F2F2;
 color: #e3342c;
 border-bottom: 6px solid #e3342c;


}

.teaser.teaser-skikarte-sale h2 {
 color: #e3342c;
}

.teaser.teaser-skikarte-sale .button{
	 	border-color:#e3342c;
		color:#e3342c;
}


.teaser-beide-alpenkarten , .teaser-beide-alpenkarten h2 {
 background:#FFF;
 color:#1c7d0d !important ;
}

.teaser-beide-alpenkarten .button{
	 	border-color:#1c7d0d;
		color:#1c7d0d;
}

.spalten-2 .teaser div:last-child {
 vertical-align: bottom;
}
@media screen and (max-width: 700px) {
 .spalten-2,
 .spalten-3 {
 display: block;
}
 .spalten-2 .teaser,
 .spalten-3 .teaser {
 display: block;
 width: 100%;
}
 .spalten-2 .teaser:first-child, .spalten-2 .teaser:last-child,
 .spalten-3 .teaser:first-child, .spalten-3 .teaser:last-child {
 border-right: none;
 border-left: none;
}
}

/**
 * BOOTSTRAP
 *
 */
.btn {
 border-radius: 0;
}

/**
 * VIDEO VIMEO
 *
 */
.video-vimeo {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/**
 * ÜBER UNS
 *
 */
.facebook-icon {
	width: 30px;
	height: 30px;
	background: red;
	display: inline-block;
	margin-bottom: 10px;
	background: url(../fx/facebook-logo-mm.svg);
	background-size: 30px 30px;
	background-repeat: no-repeat;
}

.ig-icon {
	width: 30px;
	height: 30px;
	background: red;
	display: inline-block;
	margin-bottom: 10px;
	background: url(../fx/ig-logo-mm.svg);
	background-size: 30px 30px;
	background-repeat: no-repeat;
}

.yt-icon {
	width: 30px;
	height: 30px;
	background: red;
	display: inline-block;
	margin-bottom: 10px;
	background: url(../fx/youtube-logo-mm.svg);
	background-size: 30px 30px;
	background-repeat: no-repeat;
}

.blog-icon {
	width: 30px;
	height: 30px;
	background: red;
	display: inline-block;
	margin-bottom: 10px;
	background: url(../fx/blog-logo-mm.svg);
	background-size: 30px 30px;
	background-repeat: no-repeat;
}

/**
 * WARENKORB
 *
 */
#warenkorb .panel,
#warenkorb .panel-heading,
#warenkorb .panel-footer {
 border-radius: 0;
 border-top-right-radius: 0;
 border-top-left-radius: 0;
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0;
}
#warenkorb .panel-heading {
 cursor: pointer;
}
#warenkorb .panel {
 position: fixed;
 top: 175px;
 right: 20px;
 width: 200px;
 margin-bottom: 0;
 z-index: 99;
}
#warenkorb .panel .panel-body,
#warenkorb .panel .panel-footer {
 display: none;
}


@media screen and (min-width: 700px) {

    #warenkorb .panel:hover {
     width: 450px;
    }

    #warenkorb .panel:hover .panel-body,
    #warenkorb .panel:hover .panel-footer {
         display: block;
    }

    #warenkorb .panel:hover {
        border-width: 6px;
    }

}


@media screen and (max-width: 700px) {

 #warenkorb .panel {
 bottom: 0;
 top: auto;
 right: 0;
 width: 100%;
}

    #warenkorb .panel.panel-display {
        border-width: 6px;
    }

#warenkorb .panel .panel-body,
#warenkorb .panel .panel-footer {
 display: none;
}

#warenkorb .panel.panel-display .panel-body,
#warenkorb .panel.panel-display .panel-footer {
 display: block;
}

#warenkorb .panel.panel-display .panel-heading {
    background: #e3342c url(../fx/arrow-close.svg) no-repeat right 10px center;
    background-size: 1.25em;
}

}


#to-top {

    display: none;
    z-index: 98;

    position: fixed;
    right: 20px;
    bottom: 20px;

    width: 5em;
    height: 5em;

    border: 0.5em solid #e3342c;
    background: #e3342c url(../fx/arrow-top.svg) no-repeat center center;
    background-size: contain;

    cursor: pointer;

}

@media screen and (min-width: 1000px) {
#to-top {
	width: 40px;
    height: 40px;
	position:fixed;
    bottom: 20px;
	left:50%;
	margin-left:520px;
}
}

@media screen and (max-width: 1000px) {
#to-top {
	width: 55px;
    height: 55px;
    position: fixed;
    right: 20px;
    bottom: 60px;
}

}
/**
 * Störer
 *
 */
@media screen and (min-width: 1000px) {
#extrainfo_desktop {
	width:154px;
	height:147px;
	position:fixed;
	top:450px;
	left:50%;
	margin-left:370px;
	z-index:4;
}

#extrainfo_desktop2 {
	width:154px;
	height:147px;
	top:240px;
	left:50%;
	position:fixed;
	margin-left:250px;
	z-index:4;
}

#extrainfo_desktop3 {
	width:154px;
	height:147px;
	top:270px;
	left:50%;
	position:fixed;
	margin-left:400px;
	z-index:4;
}

#extrainfo_desktop3 {
	width:154px;
	height:147px;
	top:270px;
	left:50%;
	position:fixed;
	margin-left:400px;
	z-index:4;
}


#extrainfo_desktop4 {
	top:120px;
	left:50%;
	position:fixed;
	margin-left:430px;
	z-index:4;
}


#extrainfo_desktop_center {
	width:154px;
	height:147px;
	top:450px;
	left:50%;
	position:fixed;
	margin-left:-78px;
	z-index:4;
}

#extrainfo_mobile {display:none;}

}



@media screen and (max-width: 1000px) {
#extrainfo_desktop, #extrainfo_desktop2, #extrainfo_desktop3, #extrainfo_desktop4, #extrainfo_desktop_center {
	display:none;
}

#extrainfo_mobile {
	margin-bottom:10px;
	border: 2px solid #e3342c;
	padding:8px 8px 0 10px;
	color:#e3342c;
	line-height: 1.5em !important;
}

}

@media screen and (max-width: 400px) {
#extrainfo_desktop, #extrainfo_desktop2, #extrainfo_desktop3, #extrainfo_desktop4 {
	display:none;
}

#extrainfo_mobile {
	margin-bottom:10px;
	border: 2px solid #e3342c;
	padding:8px 8px 0 10px;
	color:#e3342c;
}


}


/**
 * Navigation (mobile)
 *
 */


@media screen and (max-width: 750px) {

    body {
        border-top: 3px solid #e3342c;
    }

	.oben h1 {
		 font-size: 20px;
		margin-right: 40px;
	}

    .oben:after {
        content: " ";
        display: table;
    }

    .oben #logo {
        display: block;
        float: left;
    }

   .oben #logo img {
        width: 45px;
        padding: 0;
		margin-right: 10px;
    }

    .oben #sprache {
        display: inline-block;
        padding-left: 10px;
        padding-top: 10px;
        position: absolute;
        right: 15px;
        top: 65px;
        /* top: 175px; für höheren Header */

    }

    #tip2 p {
        max-width: 125px;
        padding-right: 10px;
        padding-top: 12px;
        border-bottom: none;
        font-size: 0.95em;
    }

	.start p:first-child {
       margin-right: 40px;
	}
}

@media screen and (max-width: 500px) {
	.start p:first-child {
	   clear: both;
	margin-right: 0px;
    }

}


/**
 * sitemap
 *
 */


.sitemap ul {
	list-style: none;
}


/**
 * Navigation (mobil)
 */

#nav-mobile {
    display: none;
    position: relative;
    width: 100%;
    z-index: 999;
}

#nav-mobile-nav {
    background: #E3342C;
    padding: 0.75em 1em;
}


#nav-mobile-nav div {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

#nav-mobile-nav div a,
#nav-mobile-nav div span {
    display: table-cell;
}

#nav-mobile-nav div a {
    background-size: contain;
    background: url(https://marmotamaps.com/de/fx/marmotamaps-logo-mobile.svg) no-repeat center left;
    text-align: left;
    width: 150px;
}

#nav-mobile-nav div span {
    text-align: right;
}


#nav-mobile-intro {

    display: block;
   /*	 background-color: #072d4e !important;*/
    background-color: #e3342c !important;
    border-bottom: 1px solid #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain !important;
    height: 6em;
}


#nav-mobile-label {
    display: block;
    font-size: 1em;
    text-align: center;
    color: #e3342c;
    margin: 0.5em 0;
    line-height: 2em;
}


#nav-mobile-nav ul {
    display: none;
    margin: 0;
    padding: 0;
    margin-top: 1.25em;
}

#nav-mobile-nav li {
    display: inline;
}

#nav-mobile-nav li a {
    display: block;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0.25em 0.5em;
    text-decoration: none;
    text-align: right;
    font-weight: bold;
    font-size: 1.25em;
}

#nav-mobile-nav li a:hover {
    color: #e3342c;
    background: #ffffff;
}

#nav-mobile-nav button {
    padding: 0;
    border: none;
    background: none;
    color: #ffffff;
    font-size: 2em;
    outline: none;
}


@media screen and (max-width: 700px) {

   .breadcrumbs{
        font-size: small;
		margin-top: 0px !important;
		padding-top: 0px !important;
    }
}

@media screen and (max-width: 750px) {

    #nav-mobile {
        display: block;
		margin-bottom: 0 !important;
    }

    nav,
    #logo,
    #sprache,
    #tip2 {
        display: none !important;
    }

    body {
        border-top: none;
    }

}



/**
 * Längerflaggen für die Sprachen
 *
 */
.flag {
	padding-left:25px;
	margin-left: 5px;
}

.fr {
	background: url(/de/fx/alles/flagge-fr.svg) no-repeat center left;
	background-size: auto 14px;
}

.de {
	background: url(/de/fx/alles/flagge-de.svg) no-repeat center left;
	background-size: auto 14px;
}

.de-en {
	background: url(/de/fx/alles/flagge-de-en.svg) no-repeat center left;
	background-size: auto 14px;
}

.en {
	background: url(/de/fx/alles/flagge-en.svg) no-repeat center left;
	background-size: auto 14px;
}