html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: HelveticaNeue,Arial,sans-serif;
}
/*Microsite*/

#home{
	overflow:scroll;	
}

footer{
	padding:20px;
}
     .rightTop{vertical-align: top;float:right;
       left: 22.85714rem;
       padding: 1.42857rem 2.14286rem 1.07143rem 5.35714rem;
    padding-top: 2.14286rem;
    padding-right: 2.14286rem;
    padding-bottom: 1.07143rem;
    padding-left: 5.35714rem;
     }
     h5 a{color:#fff;text-decoration: none;font-weight: normal;}
     h5 a:hover{color:#fff;text-decoration: none;}
     li a{color:#999999;}
     a:hover{text-decoration:none;}
     li a:hover{color:#999999;}
     .card{margin: auto; text-align: left; min-width:75%;border-radius:0px;overflow:visible; border-color: #fff;} /* Randloser uebergange */
     .card-body{background-color:#fff;min-width:75%;}
     .card-header{background-color:#e21B28; min-width: 75%;border:none;padding:20px;}
	 .card-header:first-child{border-radius:0}
	 .card-title{margin:0;}
     .PickPostHeader{color:#000; }
     .PickPostHeader:hover{color:#000;}
     .copy1{margin-left: 1%; margin-top: 1.42857rem;color:#000;}
     .copy1:hover{color:#000;text-decoration:none;}
     a.copy2{color:#000;}

		 .linksinside:hover{color:#000;text-decoration:none;}
     .linksinside{color:#000;text-decoration:underline;}

     .nav-pills .nav-link.active,
     .nav-pills .show > .nav-link {
       color: #000;
       background-color: #f4f4f4;

     }
     .jumbotron {
         padding: 2rem 1rem;
         padding-top: 1.07143rem;
         padding-bottom: 1.07143rem;
     }

     @media (max-width: 1200px) { /* screen size until 1200px */
         body {
             font-size: 1.5em; /* 1.5x default size */

         }

     }
     @media (max-width: 1000px) { /* screen size until 1000px */
         body {
             font-size: 1.2em; /* 1.2x default size */
             }
         }
     @media (max-width: 500px) { /* screen size until 500px */
         body {
             font-size: 1.0em; /* 0.8x default size */
             }
         }
iframe {
  height:calc(100vh - 4px);
  /*width:calc(100vw - 4px);*/
  width:100%;
  box-sizing: border-box;
  border:0;
}

[data-toggle="collapse"] i:before{
  content: "\f13a";
}

[data-toggle="collapse"].collapsed i:before{
  content: "\f138";
}

/*Pickpost finder*/

.search-header{
	padding:20px 30px;
	text-align:center;
}
#items{
	padding:20px 0 0 0;
	font-weight:bold;
}
.search-content .col-md-9, .search-content .col-md-3 {
	padding:0;
}
#map {
	height: 550px;
	width:100%;
}
#sidebar-right{
	max-height: 550px;
	overflow-y:auto;
}
#sidebar-right ul{
	list-style-type: none;
	width: 100%;
	padding:0;
}
#sidebar-right li{
	border-bottom: 1px solid #dfd6c5;
	height: 39px;
}
#sidebar-right li a{
	/*height: 39px;
	line-height: 39px;*/
	display: block;
	padding: 6px 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .9375rem;
	font-weight: bold;
	line-height: 1.5rem;
	text-decoration: none;
	color: #000;
}
.kanton{
	display:none;
}
.standort-title, .standort-address, .standort-opening{
	padding-left:15px;
}
.standort-title p, .standort-address p, .standort-opening p{
	padding:0;
	margin:0;
}
.standort-title h5, .standort-address h5, .standort-opening h5{
	padding:0;
	margin-top:10px;
}
.button-back{
	cursor:pointer;
	width:220px;
	height:56px;
	background-color: #e21B28 !important;
	color:#fff;
	display:none;
	margin:0 15px 15px;
}
.button-search{
	cursor:pointer;
	width:220px;
	height:56px;
	background-color: #e21B28;
	color:#fff;
	margin-top:-1px;
}
.button-search:hover, .button-back:hover, .button-search-on-map:hover{
	background-color:#545454;
}
.button-search-on-map{
	cursor:pointer;
	width:220px;
	height:56px;
	background-color: #e21B28 !important;
	color:#fff;
	display:none;
	margin:0 15px 15px;
}
#search{
	width:50%;
	height:56px;
	border-radius:4px;
	background-color: rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,.25);
	padding: 10px;
	font-weight: 700;
}
div#holder {
    position: relative;
}

.hidden {
    display: none;
}

div.overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.7;
    z-index: 1;
}
div.overlay-mobile{
	position: absolute;
	top: -1000px;
	width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.7;
    z-index: 1
}

#pickpost{
	display:none;
}

div.overlay.standard, div.overlay-mobile.standard { background: #fff url(/images/loading.gif) no-repeat 50% 50%; }
@media (max-width: 767px) {
	#pickpost{
		display:block;
	}

	.search-content .col-md-9, iframe{
		display:none;
	}
	.search-content .col-md-3 {
		padding: 0 15px;
	}
	.search-header {
		padding: 20px 0;
		text-align: center;
	}
	#sidebar-right {
		max-height: 100%;
	}
	#sidebar-right li  {
		height: 90px;
	}
	#sidebar-right li  a{
		padding-top:15px;
	}
	.kanton{
		display:block;
		font-weight:normal;
	}
	.kanton:after {
    content: '';
	margin-top:6px;
    padding: 0;
    height: 0;
    width: 0;
    right: 0;
    position: absolute;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 5px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 5px;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-left-color: #8a8a8a;
    border-left-style: solid;
    border-left-width: 5px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
	}

	.address:after {
    content: '';
	margin-top:6px;
    padding: 0;
    height: 0;
    width: 0;
    right: 0;
    position: absolute;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 5px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 5px;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-left-color: #8a8a8a;
    border-left-style: solid;
    border-left-width: 5px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
	}
	#search{
		width:100%;
		margin-bottom:15px;
	}
	.button-search{
		width:100%;
	}
	.button-back{
		width:100%;
		margin:0;
	}
	.button-search-on-map{
		width:100%;
		margin:10px 0 0 0;
		
	}
	.button-search:hover, .button-back:hover, button-search-on-map:hover{
		background-color:#e21B28;
	}
	.standort-title{
		padding:15px;
	}
	.fixed {
		position: fixed;
		/*top: 0;*/
		background:#fff;
		z-index:10;
		width:100%;
	}
	.fa-map-marker{
		padding: 0 30px 0 0;
    	font-size: 34px !important;
    	position: absolute;
    	bottom: 11px;
    	left: 35px;
	}
	.map-mobile-container{
		height:0px;
		visibility: hidden;
		margin:30px 0 0 0;
	}
	#map-mobile{
		width:100%;
		height:300px;
	}
}