/* --- Stylesheet 4952 () --------- */ 

/**
 * Vertical
 */
.checkbox-group.vertical label {
	display: block;
}

.checkbox-group.vertical label[data-disabled] {
	opacity: 0.5;
}

.checkbox-group.vertical input {
	display: none;
}

.checkbox-group.vertical label {
	font-size: 90%;
	font-weight: bold;
	cursor: pointer;
}

.checkbox-group.vertical label span {
	vertical-align: 3px;
	font-weight: normal;
	font-size: 13px;
}

.checkbox-group.vertical label::before {
	content: "";
	display: inline-block;
	border: 1px solid #93969b;
	width: 13px;
	height: 13px;
	margin-top: 1px;
	margin-right: 10px;
}
.checkbox-group.vertical label.checked::before {
	background: #72be49;
}


/**
 * Horizontal
 */

.checkbox-group.horizontal {
	margin-top: 10px;
}

.checkbox-group.horizontal label {
	float: left;
	display: block;
	padding: 5px 25px;
	border: 1px solid #85888d;
	cursor: pointer;
	margin-left: -1px;
}
.checkbox-group.horizontal label.checked {
	background: #72be49;
	color: white;
}

.checkbox-group.horizontal input {
	display: none;
}


/* --- Stylesheet 4953 () --------- */ 

/* Inspired mostly by bootstrap */
#app .grid {
  width: 100%;
  margin-left: -5px;
  margin-right: -5px;
  box-sizing: border-box;
  background-color: #fff;
  padding: 20px 30px 20px 30px;
}
#app .grid::before {
  display: table;
  content: " ";
  box-sizing: border-box;
}
#app .grid::after {
  display: table;
  content: " ";
  box-sizing: border-box;
  clear: both;
}
#app .grid .col {
  float: left;
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}
#app .grid .col-1 {
  width: 8.33333333%;
}
#app .grid .col-2 {
  width: 16.66666667%;
}
#app .grid .col-3 {
  width: 25%;
}
#app .grid .col-4 {
  width: 33.33333333%;
}
#app .grid .col-5 {
  width: 41.66666667%;
}
#app .grid .col-6 {
  width: 50%;
}
#app .grid .col-7 {
  width: 58.33333333%;
}
#app .grid .col-8 {
  width: 66.66666667%;
}
#app .grid .col-9 {
  width: 75%;
}
#app .grid .col-10 {
  width: 83.33333333%;
}
#app .grid .col-11 {
  width: 91.66666667%;
}
#app .grid .col-12 {
  width: 100%;
}
#app .grid.margin {
}


/* --- Stylesheet 4954 () --------- */ 

.resultslist .result .fav.results-container {
  margin-top: 20px;
}

img.icon {
  width: 20px;
  height: 20px;
  margin-bottom: -4px;
  margin-right: 4px;
  display: inline-block;
}
.tab .fav {
  display: inline-block;
  margin: auto;
  width: 20px;
  height: 20px;

  margin-top: -4px;
  cursor: pointer;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/heart.svg);
  margin-bottom: -4px;
  margin-right: 4px;
}
.tab .fav.faved {
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/heart-full.svg);
}
.resultslist .results-header {
  border-bottom: 1px solid #ccc;
  margin-top: 10px;
  padding: 10px 0px;
  margin-bottom: 20px;
}
.resultslist .results-header::after {
  content: "";
  clear: both;
  display: table;
}

.resultslist .results-header input {
  font-size: 12px;
  color: #000;
  padding: 3px 8px;
  border: 1px solid #999;
  border-radius: 4px;
  margin: 0px;
}


.resultslist .tab {
  float: left;
  width: 20%;
  padding: 2px;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}
.resultslist .tab.clickable {
  cursor: pointer;
}
.resultslist .tab.right {
  float: right;
}
.resultslist .result {
  color: #000;
  border-bottom: 1px solid #AAA;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.resultslist .result .col-5 {
  padding-left: 2%;
}

.resultslist .result h2 {
  font-weight: 600;
}
.resultslist .result h2 a { text-decoration: underline; }
.resultslist .result p {
  color: #444;
  font-size: 15px;
  line-height: 1.3;
}
.resultslist .result .fav {
  display: block;
  margin: auto;
  margin-top: 15px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/heart.svg);
}
.resultslist .result .fav.faved {
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/heart-full.svg);
}
.resultslist .result .sonnigerweg {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 32px auto;
}


.resultslist .result .lage-icon {
  position: absolute;
  top: 13px;
  left: -10px;
}
.resultslist .result .kinderwagen-icon {
  position: absolute;
  top: 13px;
  left: -50px;
}

/*
sso=>sehr sonnig
so=>sonnig
sosch=>sonnig/schattig
sch=>schattig
ssch=>sehr schattig
*/

.resultslist .result .sonnigerweg.sso {
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/sun-full.svg);
}
.resultslist .result .sonnigerweg.so {
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/sun-quarter.svg);
}
.resultslist .result .sonnigerweg.sosch {
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/sun-half.svg);
}
.resultslist .result .sonnigerweg.sch {
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/sun-threequarter.svg);
}
.resultslist .result .sonnigerweg.ssch {
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/sun-shadow.svg);
}
.resultslist .result .rating {
  margin: 0 0 10px 0;
}
.resultslist .result .rating .rating_box {
  float: left;
  width: 25px;
  height: 10px;
  background-color: #CCC;
  margin: 0 1px 0 0;
}
.resultslist .result .rating .rating_box.aktiv.box1 {
  background-color: #36D900;
}
.resultslist .result .rating .rating_box.aktiv.box2 {
  background-color: #00A900;
}
.resultslist .result .rating .rating_box.aktiv.box3 {
  background-color: #FFBF00;
}
.resultslist .result .rating .rating_box.aktiv.box4 {
  background-color: #FF8000;
}
.resultslist .result .rating .rating_box.aktiv.box5 {
  background-color: #D90000;
}
.resultslist .result .rating:after {
  content: "";
  display: block;
  clear: left;
}
.resultslist .result .properties .property {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding: 0 0 2px 30px;
  font-size: 17px;
  background-position-y: 2px;
}
.resultslist .result .properties .property.laenge {
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/arrow-horizontal.svg);
}
.resultslist .result .properties .property.hoehenmeter {
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/arrow-vertical.svg);
}
.resultslist .result .properties .property.hm_up {
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/arrow-slightly-up.svg);
}
.resultslist .result .properties .property.hm_down {
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/arrow-slightly-down.svg);
}
.resultslist .result .properties .property.dauer {
  background-image: url(https://live.tramino.de/static/alpin-prod/static/icon/clock.svg);
}
.resultslist .result .infotext {
  font-size: 11px;
  margin-bottom: 5px;
  margin-right: 10%;
}



.pdf-download-button {
  font-family: sans-serif;
  background: #5e9941;
  text-decoration: none;
  color: #fff !important;
  padding: 6px 12px;
  margin-top: 10px;
  display: inline-block;
  line-height: 1;
}


/* --- Stylesheet 4955 () --------- */ 

/**
 * Spinner
 */
.loading-wrapper {
  min-height: 120px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}

.spinner {
  width: 60px;
  height: 60px;

  position: relative;
  margin: 0 auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: blue;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/* --- Stylesheet 4956 () --------- */ 

/**
 * General Style
 */

.slider-group {
    clear: left;
    width: 100%;
    height: 30px;
}

.slider-name {
    width: 100px;
    float: left;
    font-weight: bold;
}

.slider-min {
    text-align: right;
}
.slider-max {
    
}
.slider-min, .slider-max {
    float: left;
    min-width: 50px;
    padding: 0 20px;
    font-size: 90%;
    color: #777;
}

.slider {
    position: relative;
    float: left;
    min-width: 170px;
    border-width: 0;
    border-color: #bebfc2;
    border-style: solid;
    border-radius: 0;
    height: 1.2em;
}


.horizontal-slider {
    position: absolute; top: 0; left: 0;
    width: 100%;
}

.horizontal-slider .handle {
    font-size: 0.9em;
    text-align: center;
    cursor: pointer;
    border-radius: 40px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: white;
}

.horizontal-slider .handle.active {
    outline: 1px dotted black
}

.horizontal-slider .bar {
    position: relative;
    background: #ddd;
    border-radius: 5px;
}

.horizontal-slider .bar-1 {
    top: 10px;
    height: 5px;
    z-index: 1;
    background: white;
}

.horizontal-slider .handle {
    top: 2px;
    z-index: 2 !important;
}



/**
 * Regular Slider
 */

.slider-regular .handle {
    margin-top: -2px;
    border-color: #53585f !important;
    background: #53585f !important;
}

.slider-regular .bar-1 {
    margin-top: -2px;
    background: #53585f !important;
}


/**
 * Color Slider
 */

.slider-color .slider {
    border: none !important;
    padding-left: 8px;
    padding-right: 5px;
}


.slider-color-1, .slider-color-2, .slider-color-3, .slider-color-4, .slider-color-5 {
    position: absolute;
    width: 20%;
    height: 19px;
    margin-right: 1px;
    padding: 3px;
}

.slider-color .bar-1 {
    box-shadow: 1px 1px 1px gray;
}

.slider-color .handle {
    box-shadow: 1px 1px 1px gray;
}


.slider-color-1 { left:  0%; background: #40d726; }
.slider-color-2 { left: 20%; background: #1ba91f; }
.slider-color-3 { left: 40%; background: #fdbe2c; }
.slider-color-4 { left: 60%; background: #fd8024 }
.slider-color-5 { left: 80%; background: #d90000;; }


.bar-0 { display: none; }
.bar-2 { display: none; }



/* --- Stylesheet 4780 () --------- */ 

/* Alpininfo Styles überschreiben */
#c_content {
	height: auto !important;
}
#leftbar {
	display: none !important;
}
#inhalt {
	margin: 0 !important;
}
#content {
	margin-top: 125px !important;
}
a#showimg {
	display: none;
}

#app {
	padding-top: 20px;
}

#app img {
	max-width: 100%;
	height: auto;
}

.alpin-tip {
	display: none;
	background: #d0d1d3;
}
.alpin-tip .col-2, .alpin-tip .col-10 {
	padding: 15px 20px !important;
}
.alpin-tip h4 {
	margin: 0;
}
.alpin-tip p {
	background: #f5f5f6;
	max-width: 50%;
	padding: 10px 20px;
	position: relative;
}
.alpin-tip p .arrow {
	position: absolute;
	top: 20px; left: -20px;
	width: 0; height: 0;
	border: 20px solid #f5f5f6;
	border-color: #f5f5f6 #f5f5f6 transparent transparent;
}