/* General Style */
/* fast.fonts.net (Conduit ITC W01) ist seit Lizenz-Ende tot (403) — ersetzt
   durch lokale Webfonts (Barlow Semi Condensed unter den alten Familiennamen),
   siehe css/fonts.css */
@import url('fonts.css?t=1');
@import url('../fonts/bonicon5/style.css');
@import url('../fonts/iconmoon/style.css');

body, html {height:100%;}
body, input, select, textarea, .hotel-info h3 {font-family:'Conduit ITC W01 Regular', 'Segoe UI', Tahoma, Arial, sans-serif;}
h1, h3 strong, .searchBar select b, .panel-default > .panel-heading, .slider-heading {font-family:'ConduitITCW01-ExtraBold_731262', 'Segoe UI', Tahoma, Arial, sans-serif;}
h2 {font-family:'ConduitITCW01-ExtraBold_731265', 'Segoe UI', Tahoma, Arial, sans-serif;}
.card-box h2 {font-family: inherit}
h4 { font-size: 1.1em; color: #FF6600; }
.navbar-nav > li>a+ul a::before, .btn-default span::after, button span::after, .btn-default::before, button::before, h3.plus-icon::after {font-family: 'Glyphicons Halflings';}
.leftCol .panel-default > .panel-heading {margin-left:0;}

.logo {
		position:absolute; left:0; top:0; width:200px; height:150px;
		background:url('../img/e/basic/logo.png') center center no-repeat; background-size:200px 150px; text-indent:-9999px;
}
.underNav {clear:both; margin-top: -48px; position: relative; z-index: 99;}
.container.outerBox {padding:0;}
.container .jumbotron {padding:0;}
.middle-content {display:block;padding: 0 15px;}
.details-page .middle-content {padding-bottom:30px;}
.middle-content>div:last-child {padding-bottom:10px;}
.middle-content .hotel-info+.breadcrumb {margin-top:30px; padding-top:10px; border-top:2px solid; border-radius: 0;}

.teleInfo::after{position: relative; top:-23px; z-index:-1;content:''; display:block; height:8px; margin:15px; box-sizing:border-box;}
.teleInfo span {position:relative; display:inline-block; float:left; text-align:right; line-height:1; min-height: 60px; vertical-align:middle; padding:8px 22px 5px 30px; box-shadow:25px -2px 18px 2px rgba(97,128,140,.25) inset;}
.teleInfo span:first-child {padding-top:13px !important; box-shadow:none; padding-left:0;}
.teleInfo span::before {display:inline-block; margin-right: 10px;content:''; width:22px;height:14px;background-size:22px 28px; background-image:url('../img/e/basic/flag.png'); background-repeat: no-repeat;}
.teleInfo span:first-child::before {background-image:none;}
.teleInfo span:nth-child(3)::before {background-position:0 -14px;}

/* tel-arrows.png existiert seit Jahren nicht mehr (404, auch nicht im Backup) —
   die ::after-Deko-Pfeile wurden nie gerendert, Regeln entfernt. */

.teleInfo span:nth-child(1) {border-top-left-radius:8px;}
.teleInfo span:nth-child(3) {border-top-right-radius:8px;}
.teleInfo span em {display:block;}
.searchBar {margin:-30px 0 15px; padding:10px 20px; text-align:center; border:2px solid; box-shadow:0 0 0 2px #fff inset;}
.searchBar select {margin-right:15px; min-width:260px;}

.navbar-nav > li>a+ul a::before, .btn-default::before, button::before {font-size:10px;}
body, input, select, textarea, .form-control, .btn, .navbar-nav > li>a+ul a, .hotel-info h3 {font-size:20px;}
.navbar-nav, .footer-bar .big {font-size:26px;}
.teleInfo span {font-size:30px;}
.teleInfo span:first-child {font-size:18px;}
.teleInfo span:first-child em {font-size:14px;}
.teleInfo span em {font-size:12px;}

.form-control {height:auto;}
.panel, .slider-box {border:0; border-top:8px solid;}
.panel-body {min-height:180px;}
.leftCol .panel-body {min-height:auto;}
.panel-default > .panel-heading, .slider-heading {display:inline-block; padding-left:10px; margin-left:15px; padding:2px 15px 7px; border-color:transparent; min-width:180px;}
#filter-wrapper .panel-default > .panel-heading {display:block;}

.slider-box {margin-bottom:30px;}
.slider-box .swiper-slide {position:relative; text-align:left;}
.slider-heading {position:absolute; top:0; left:15px; z-index:99;}

.slider-info .btn:hover, .kataloge-box .btn:hover {opacity:1;}
.kataloge-box .btn {box-shadow: 0 0 .75em rgba(0,0,0,.5);}
.kataloge-box .btn:hover {box-shadow: 0 0 .75em rgba(0,0,0,.65);}

.panel, .form-control, .panel-heading {border-radius:0;}
.btn, button {border-radius:0 0px 0px 0; padding:0 8px 0 12px; line-height:33px;}
.btn-lg {padding:10px 16px; font-size:18px; line-height:1.3333333;}
.btn:hover, button:hover {opacity:.75;}
.button_box { margin-top: 1.5em; margin-bottom: 1.5em; }

nav.navbar {min-height:160px;}
.navbar-nav {padding-left: 190px; margin-top: 70px;}
.navbar-nav > li {position:relative;}
.navbar-nav > li>a+ul {display:none;position:absolute;left:0;top:50px;list-style-type:none; margin:0; padding:10px 0 0;min-width:250px;}
.navbar-nav > li>a+ul a {position:relative;display:block; margin:0 40px; padding:5px 0; text-decoration:none; border-bottom:1px solid;}
.navbar-nav > li>a+ul a::before {position:absolute; content:'\e258';left:-22px;top:12px;}
.navbar-nav > li>a+ul li:last-child a {border-bottom:0;}
.navbar-nav > li:hover>a+ul {display:block;}


img.pull-right {margin-bottom:15px;margin-left:15px;}
img.pull-left {margin-bottom:15px;margin-right:15px;}

.jumbotron, .posRel {position:relative;}

.panel-bg {
	position:relative;
	background-size: cover; background-position: center center;
}
.panel.plain-view {border-top:0;}
.plain-view .panel-body {min-height:auto;}
h3.plus-icon {position:relative; margin-top:10px;}
h3.plus-icon::after {
	position: absolute; right:0; top:-10px;
	content:'\002b'; vertical-align:middle; border:2px solid; padding:6px 10px 8px 12px;
}

.showhand {
	cursor: pointer;
}

.img-responsive.thumb {max-width: 420px; box-sizing: border-box;}

.img-right {float: right; margin-left: 0.5em;}
.img-left {float: left; margin-right: 0.5em;}

.advt img:hover, .img1.showhand:hover {
	position: relative;
	box-shadow: 4px 4px 8px rgba(5,15,50,.2);
    left:  1px;
    top: -1px;
}

/************ Socialshareprivacy von heise.de ***************/

.social_share_privacy_area {
	clear: both;
	display: block;
	height: 25px;
	list-style-type: none;
	margin: 26px 0 !important;
	padding: 0 !important;
	width: auto;
}
.social_share_privacy_area li {
	float: left;
	height: 21px;
	margin: 0 0 0 30px;
	padding: 0 !important;
}
.social_share_privacy_area li .dummy_btn {
    float: left;
    margin: 0 0 0 10px;
    cursor: pointer;
    padding: 0;
    height: inherit;
}
.social_share_privacy_area li div iframe {
    overflow: hidden;
    height: inherit;
    width: inherit;
}
/* Facebook begin */
.social_share_privacy_area .facebook {
    display: inline-block;
}
.social_share_privacy_area .facebook .fb_like iframe {
    width: 145px;
}
/* Facebook end */
/* Twitter begin */
.social_share_privacy_area .twitter {
	width: 148px;
}
.social_share_privacy_area li div.tweet {
	width: 115px;
}
/* Twitter end */
/* Google+ begin */
.social_share_privacy_area .gplus {
}
.social_share_privacy_area li div.gplusone {
}
/* Google+ end */
/* Switch begin */
.social_share_privacy_area li .switch {
    display: inline-block;
    text-indent: -9999em;
    background: transparent url(socialshareprivacy/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;
    width: 23px;
    height: 12px;
    overflow: hidden;
    float: left;
    margin: 4px 0 0;
    padding: 0;
    cursor: pointer;
}
.social_share_privacy_area li .switch.on {
    background-position: 0 -12px;
}
/* Switch end */
/* Tooltips begin */
.social_share_privacy_area li.help_info {
    position: relative;
}
.social_share_privacy_area li.help_info .info,
.social_share_privacy_area li .help_info.icon .info {
    display: none;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 290px;
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 3px 4px #999;
    -webkit-box-shadow: 0 3px 4px #999;
    box-shadow: 0 3px 4px #999;
    background-color: #fdfbec;
    color: #000;
    z-index: 500;
}
.social_share_privacy_area li.gplus.help_info .info {
    left: -60px;
}
.social_share_privacy_area li .help_info.icon .info {
    left: -243px;
    width: 350px;
}
.social_share_privacy_area li.help_info.display .info,
.social_share_privacy_area li .help_info.icon.display .info {
    display: block;
}
.social_share_privacy_area li.help_info.info_off.display .info {
    display: none;
}
.social_share_privacy_area li .help_info.icon {
    background: #fff url(socialshareprivacy/socialshareprivacy_info.png) no-repeat center center scroll;
    width: 25px;
    height: 20px;
    position: relative;
    display: inline-block;
	vertical-align: top;
	border: 2px solid #e7e3e3;
	border-right-width: 0;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
	border-top-width: 0;
	border-left-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
	border-right-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* Tooltips end */
/* Settings/Info begin */
.social_share_privacy_area li.settings_info {
	position: relative;
	top: -2px;
}
.social_share_privacy_area li.settings_info a {
	text-decoration: none;
	margin: 0 !important;
}
.social_share_privacy_area li.settings_info .settings_info_menu {
    background-color: #f3f4f5;
    border: 2px solid #e7e3e3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px #c1c1c1;
	-webkit-box-shadow: 2px 2px 3px #c1c1c1;
    box-shadow: 3px 3px 3px #c1c1c1;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 1000;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off {
	border-width: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off form {
	display: none;
	margin: 0;
	padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu .settings {
	text-indent: -9999em;
	display: inline-block;
	background: #fff url(socialshareprivacy/settings.png) no-repeat center center scroll;
	width: 25px;
	height: 20px;
	border: 2px solid #e7e3e3;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	border-left: 1px solid #ddd;
	margin: 0;
	padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
	border-top-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
    border-width: 0;
    margin: 0;
    padding: 0 10px 10px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding: 10px 0;
	width: 115px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
	clear: both;
    float: left;
    margin: 4px 10px 4px 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
	-moz-transition: color .5s ease-in;
	-webkit-transition: color .5s ease-in;
	transition: color .5s ease-in;
	margin: 0;
	padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
	color: #090;
}

.panel-body h3 {font-size:1.35em;}
.panel-body h3 strong.big {font-size:1.35em;}
.blue-theme h3.plus-icon::after {margin-left:10px; border-radius:10px; font-size: 1.2em;}

.diff-view .panel-info .btn, .diff-view .swiper-info .btn {position:absolute; bottom:15px; right:15px;}
.diff-view .panel-info p, .diff-view .swiper-info p {float:left; max-width:50%; padding:10px; margin:0;}
.panel-info, .swiper-info {position:absolute; left:0; bottom:0; width:100%; padding:8px 15px 15px; box-sizing:border-box;}
.panel-info .btn, .swiper-info .btn {float:right; margin-right: 8px;}

.golf-pic, .top-pic {min-height:459px;}
.kur-pic {min-height:270px;}
.details-header, .details-header .panel-body {min-height:180px;}
.details-page .top-header {min-height:230px;}
.details-header h1, .panel-default > .panel-heading, .slider-heading, .item-box h4 {text-transform:uppercase;}
.details-header h1 {margin-top:10px; margin-bottom:0;}
.details-header .btn {margin-top:15px;}

.details-page .top-header {
	background-image:url('../img/e/basic/top-header.jpg'); background-repeat:no-repeat; background-size:cover;
}


.hotel-price {font-size:29px; float:right; padding:0 5px; line-height:1; border:2px solid; border-radius:.3em; margin:0 80px -20px 0;}
.hotel-price b {font-size:62px; font-weight:normal; letter-spacing:-.06em;}
.hotel-price span {display:inline-block; text-align:center; margin-left:6px;}
.hotel-price i {display:block; font-style:normal; font-size:.5em; border-top:2px solid; padding-top:2px;}

.hotel-pics {margin-left:-15px; margin-right:-15px;}
.hotel-pics span:first-child, .small-slider {height:450px;}
.hotel-pics span:first-child {
	width:66%; float:left; border-right:25px solid; box-sizing:border-box; background-size:cover;
}
.small-slider {width:34%; float:right;}
.small-slider .swiper-slide img, .panel-body img, .media-left img {max-width:100%;}

span.rating {display:inline-block; width:0px; margin-left:8px; height:20px; background: url(../img/e/basic/stars.png) repeat-x 0 0;}
span.rating.stars1 {width: 21px;}
span.rating.stars2 {width: 42px;}
span.rating.stars3 {width: 63px;}
span.rating.stars4 {width: 84px;}
span.rating.stars5 {width: 105px;}

.breadcrumb {font-size:.85em; padding:0; margin-bottom:5px; background-color: transparent;}
.hotel-header .nav-tabs {border-bottom:0; margin:0 10px;}
.hotel-header .nav-tabs a {min-width:200px; text-align:center; margin-left:10px;}

.kata-pic {background-image:url('../img/e/basic/panelbg/kata-bg.jpg');}
.golf-pic {background-image:url('../img/e/basic/panelbg/golf-bg.jpg');}
.top-pic {background-image:url('../img/e/basic/panelbg/top-bg.jpg');}
.kur-pic {background-image:url('../img/e/basic/panelbg/kur-bg.jpg');}
.fruh-pic {background-image:url('../img/e/basic/panelbg/fruh-bg.jpg');}

.hotel-info h3 {font-weight:700;}
.hotel-col-right {padding-left:40px;}
.hotel-col-left {padding-top:20px;}
.hotel-col-left .light-gray-theme {margin:20px 0;}


.featIcons {margin-top:20px;}
.fIcon {
	display:inline-block; width:60px; height:60px; margin:7px 10px; background-image:url('../img/e/basic/ficons.png'); background-repeat: no-repeat; background-size:60px 840px;}
.icon-f1 {background-position:0 0;}
.icon-f2 {background-position:0 -60px;}
.icon-f3 {background-position:0 -120px;}
.icon-f4 {background-position:0 -180px;}
.icon-f5 {background-position:0 -240px;}
.icon-f6 {background-position:0 -300px;}
.icon-f7 {background-position:0 -360px;}
.icon-f8 {background-position:0 -420px;}
.icon-f9 {background-position:0 -480px;}
.icon-f10 {background-position:0 -540px;}
.icon-f11 {background-position:0 -600px;}
.icon-f12 {background-position:0 -660px;}
.icon-f13 {background-position:0 -720px;}
.icon-f14 {background-position:0 -780px;}

.golf-header-bg {background-image:url('../img/e/basic/panelbg/golf-header-bg.jpg');}

.content-entry {
	margin-bottom: 20px;
	/*-moz-column-count:2; -webkit-column-count:2; column-count:2;*/
}

.content-entry.full-col-width, .content-entry {-moz-column-count:1; -webkit-column-count:1; column-count:1;}
.content-entry.full-col-width {padding-top: 1.5em;}

ul.list-style {line-height:1.1; margin-bottom:20px; list-style-type:none; padding-left:0;}
ul.list-style li {position:relative;}
ul.list-style li::before {position:absolute; margin-right:8px;}

ul.list-style.plus-type li {border-bottom:1px solid; padding:6px 5px 6px 25px;}
ul.list-style.plus-type li::before {content:'\002b'; left:0; top:3px; font-size:1.2em;}

ul.list-style.heart-type li {padding:4px 5px 4px 20px;}
ul.list-style.heart-type li::before {content:'\2665'; left:4px; top:8px; font-size:.65em;}

.content-entry>div{
	-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;
}
.content-entry>div:not(.panel){padding:20px; line-height:1.2; margin-bottom:20px; word-wrap: break-word; display: inline-block; display: flow-root;}
.content-entry>div.item-box {padding:0; position:relative;}
.content-entry>div:first-child::first-letter {
    text-transform: uppercase; font-size:4em; line-height:1; vertical-align:middle; display:inline-block;
}

.item-box>img {max-width:50%; display:inline-block;}
.item-box div {max-width:48%; padding:20px 5%; box-sizing:border-box; display:inline-block; vertical-align: top;}
.item-box h4 {font-size:.8em; margin-top:0; padding-bottom:15px; border-bottom: 1px solid;}
.item-box a {position:absolute; bottom:20px; font-size:.8em;}


.footer-bar .logo {
		width:155px; height:125px; right:20px; left:inherit;
		background-image:url('../img/e/basic/20_jahre_mutsch.png'); background-size:155px 125px;
}

.footer-bar {padding-top:30px; padding-bottom:30px;}
.footer-bar ul {list-style-type:none; padding:0; margin:10px 0;}
.inline-nav div:last-child {margin:20px 0;}
.inline-nav div div:last-child .logo {position:static; float:right; margin-top:10px;}
.inline-nav ul li {display:inline-block; margin-right:15px;}
.inline-nav ul li::before {display:inline-block;content:'\003e';left:-22px;top:12px; margin-right:4px;}
.footernav-item a, .footernav-item ul li::before { font-size: 0.8em; color:#999 !important; }
.bottomnav a, .bottomnav ul li::before { font-size: 0.8em; color:#4b4691 !important; }
.bottomnav { padding-top: 20px;}

.btn, button:not(.navbar-toggle) {position:relative; border:0; outline:0; -webkit-appearance:none;}
.btn span, button:not(.navbar-toggle) span {position:absolute; top:0px; right:-24px; overflow:hidden; height:100%; transform: scale(.35,1);}
.btn-default span::after, button:not(.navbar-toggle) span::after {content:'\e072'; font-size:40px; line-height:33px;}
.btn-default:not(.date_button)::before, button:not(.navbar-toggle)::before {content:'\e258'; margin-right: 4px;}

.offersCont .media {margin-bottom:22px; padding:12px; border:1px solid; overflow:visible;}
.offersCont .media-left {width:30%; position:relative;}
span.ofBox {position:absolute; display:inline-block; left:-5px; top:12px; padding:1px 5px; font-size:1.5em; line-height:1;}
span.ofBox em {font-size:.65em;}
.offersCont .media-body {width:68%; position:relative; line-height:1; padding-bottom:20px; padding-left:2%; overflow:visible;}
.offersCont .media-body span.rating {margin-left:0;}
.offersCont .media-body h4 {font-size:1.25em; line-height:1;}
.offersCont .media-body>.row {margin-bottom:10px;}
.offersCont .media-body .btn {position:absolute; right:-12px; bottom:-13px;}

/*--[service icons]--*/
span.servInc {display:block;}
span.servInc a {display:inline-block; width:32px; height:32px; margin-right:1px; background:url(../img/e/basic/icons_off.png) no-repeat 0 0;}
span.servInc a:hover, span.servInc a.active {background-image:url(../img/e/basic/icons_on.png);}
span.servInc a:last-child {margin-right:0;}
.liInfo span.servInc a { cursor:help; }
span.servInc a.crm1-icon-1, span.servInc a.crm1-icon-1.active {background-position:0 0;}
span.servInc a.crm1-icon-2, span.servInc a.crm1-icon-2.active {background-position:-35px 0;}
span.servInc a.crm1-icon-4, span.servInc a.crm1-icon-4.active {background-position:-70px 0;}
span.servInc a.crm1-icon-8, span.servInc a.crm1-icon-8.active {background-position:-105px 0;}
span.servInc a.crm1-icon-16, span.servInc a.crm1-icon-16.active {background-position:-140px 0;}
span.servInc a.crm1-icon-32, span.servInc a.crm1-icon-32.active {background-position:0 -35px;}
span.servInc a.crm1-icon-64, span.servInc a.crm1-icon-64.active {background-position:-35px -35px;}
span.servInc a.crm1-icon-128, span.servInc a.crm1-icon-128.active {background-position:-70px -35px;}
span.servInc a.crm1-icon-256, span.servInc a.crm1-icon-256.active {background-position:-105px -35px;}
span.servInc a.crm1-icon-512, span.servInc a.crm1-icon-512.active {background-position:-140px -35px;}
span.servInc a.crm1-icon-1024, span.servInc a.crm1-icon-1024.active {background-position:0 -70px;}
span.servInc a.crm1-icon-2048, span.servInc a.crm1-icon-2048.active {background-position:-35px -70px;}
span.servInc a.crm1-icon-4096, span.servInc a.crm1-icon-4096.active {background-position:-70px -70px;}
span.servInc a.crm1-icon-8192, span.servInc a.crm1-icon-8192.active {background-position:-105px -70px;}
span.servInc a.crm1-icon-16384, span.servInc a.crm1-icon-16384.active {background-position:-140px -70px;}
span.servInc a.crm1-icon-32768, span.servInc a.crm1-icon-32768.active {background-position:0 -105px;}
span.servInc a.crm1-icon-65536, span.servInc a.crm1-icon-65536.active {background-position:-35px -105px;}
span.servInc a.crm1-icon-131072, span.servInc a.crm1-icon-131072.active {background-position:-70px -105px;}
span.servInc a.crm1-icon-262144, span.servInc a.crm1-icon-262144.active {background-position:-105px -105px;}
span.servInc a.crm1-icon-524288, span.servInc a.crm1-icon-524288.active {background-position:-140px -105px;}
span.servInc a.crm1-icon-1048576, span.servInc a.crm1-icon-1048576.active {background-position:-35px -140px;}
span.servInc a.crm1-icon-2097152, span.servInc a.crm1-icon-2097152.active {background-position:0 -140px;}
span.servInc a.crm1-icon-4194304, span.servInc a.crm1-icon-4194304.active {background-position:-70px -140px;}
span.servInc a.crm1-icon-8388608, span.servInc a.crm1-icon-8388608.active {background-position:-105px -140px;}
span.servInc a.crm1-icon-16777216, span.servInc a.crm1-icon-16777216.active {background-position:-140px -140px;}
span.servInc a.crm1-icon-33554432, span.servInc a.crm1-icon-33554432.active {background-position:0 -175px;}
span.servInc a.crm1-icon-67108864, span.servInc a.crm1-icon-67108864.active {background-position:-35px -175px;}
span.servInc a.crm1-icon-134217728, span.servInc a.crm1-icon-134217728.active {background-position:-70px -175px;}
span.servInc a.crm1-icon-268435456, span.servInc a.crm1-icon-268435456.active {background-position:-105px -175px;}
span.servInc a.crm1-icon-536870912, span.servInc a.crm1-icon-536870912.active {background-position:-140px -175px;}
span.servInc a.crm1-icon-1073741824, span.servInc a.crm1-icon-1073741824.active {background-position:0 -210px;}
span.servInc a.crm1-icon-2147483648, span.servInc a.crm1-icon-2147483648.active {background-position:-35px -210px;}

/*--[old sprite]--*/
#filter-wrapper .filter_wrapper {margin-top:-10px; padding-top:1px; border-radius:3px;}
#filter-wrapper h4 {position: relative; cursor:pointer; line-height:32px; border-radius:3px; padding:0 5px;}
#filter-wrapper h4 span {
	background: url(../img/e/basic/sprite.png) -4px -626px no-repeat;
	display: block; position: absolute; right: 10px; top:7px; width: 17px; height: 17px;
}
#filter-wrapper h4.open span {background: url(../img/e/basic/sprite.png) -4px -590px no-repeat;}
#filter-wrapper .filter {
	position:relative;
	line-height:1; display:none; padding: 4px 2px 4px 28px; font-size:.9em; text-decoration:none;
}
#filter-wrapper .filter::before {
	content:'';display:inline-block;width:15px;height:15px;position:absolute;left:7px;top:4px;
	background: url(../img/e/basic/sprite.png) -4px -549px no-repeat;
}
#filter-wrapper .filter.active::before {background-position:-4px -524px;}

#filter-wrapper .filter:hover {cursor: pointer;}
#filter-wrapper .open .filter, #filter-wrapper .filter.active {display: block;}

#newsletterbox form {padding: 10px 0 20px; margin-bottom: 20px;}
#newsletterbox .glyphicon-envelope {font-size:4em;}
.fa-facebook {
	width:50px;height:50px; border-radius: 25px; vertical-align:middle; display:inline-block; background: #000; color: #fff; margin-left:6px;
	background-image:url('../img/e/basic/sprite.png'); background-position:14px -66px;
}

a.reset {
	background: url(../img/e/basic/sprite.png) -290px -448px no-repeat;
    display: inline-block; padding: 0 15px 0 28px; margin:20px 0 30px; line-height:1.5; border: 1px solid; border-radius: 4px; font-size: .9em;
}
a.reset:hover {background-position: -290px -476px;}

/*--[transition]--*/
a, .icon {
	-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}

.small-slider .swiper-slide a.bon_open_img {
    display: block;
    width: 100%;
    height: 100%;
}
.small-slider .swiper-slide img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.last_changed { font-size: 0.85em;}

/*-[catalog box]-*/
.kataloge-box{
	width: 280px; height: 240px;
	position: fixed; right: -280px; top: 20%; z-index: 9000;
}
.kataloge-box.showMe{right: 0;}
.kataloge-box>a {
	font-size: 1.2em; display: inline-block; transform: rotate(-90deg) translate(-5.75em, -5em);
	line-height: 1.5em; border-radius: .2em .2em 0 0; padding: .25em 1em; box-shadow: 0 0 .4em rgba(0,0,0,.35);
}
.kataloge-box>a.btn-default:before {font-size: .85em; content:'\e260'; vertical-align: middle; margin-right: .5em; margin-left: -.35em;}

.kataloge-box.showMe>a.btn-default:before {content:'\e259';}

.kataloge-box div {
	position: relative; width: 100%; height: 100%; border-radius: .5em 0 0 .5em;
	background-repeat: no-repeat; background-size: cover; box-shadow: 0 0 .5em rgba(0,0,0,.2);
}
.kataloge-box div a {position: absolute; bottom: .5em; left:.5em; width: calc(100% - 1em); min-height: 1.5em; line-height: 1.5; padding: .35em .5em; border-radius: .2em; text-overflow: ellipsis; overflow: hidden;}
/*-[/catalog box]-*/

.flex-center {display: flex; align-items: center; justify-content: center;}
.mobi-header {
	display:none; width: 100%; min-height: 500px;
	background-size: cover; background-position: center center;
}
.mobi-only {display:none;}

/*-[reason box]-*/
.whyMutsch-box {text-align: center;}
.whyMutsch-box .card-box h2 {font-size: 1.1em;}
.whyMutsch-box h3+h2 {margin-top:0; margin-bottom:1em;}
.card-box-container {display:block;}
.card-box {
	display:inline-block; width:100%; padding:1em; margin:1em 0 2em; box-sizing: border-box;
	border: 1px solid #ddd; border-radius:.5em; background-color: rgba(255,255,255,.8); vertical-align: top;
}
.card-box span.new-icmoon{display:inline-block; width:4em; height:4em; border-radius:2em; background: #f1f6f9; border: 3px solid #8cb4c3; text-align: center; margin-bottom:-2em; transform: translateY(-3em);}
.card-box span.new-icmoon>span {font-size:2em; line-height: 1.75;}
.card-box h2 {margin-top:-1.25em;}


/*** Req ***/

table.display_table td { padding: 9px 9px 9px 18px }

/*** Social Media Icons ***/

.socmed_wrapper { margin-top: 2em;}
.socmed a { font-size: 2.8em; color: #CCC; margin-right: 12px}
.socmed a:hover { text-decoration: none; }
.socmed a.youtube:hover { color: #F00; }
.socmed a.twitter:hover { color: #1DA1F2; }
.socmed a.facebook:hover { color: #4267B2; }
.socmed a.instagram:hover { color: #DE5FA0; }

/*-[sliding transition]-*/
.smooth-slide{
	-webkit-transition: right 455ms cubic-bezier(1.000, -0.005, 0.465, 0.455);
	-moz-transition: right 455ms cubic-bezier(1.000, -0.005, 0.465, 0.455);
	 -o-transition: right 455ms cubic-bezier(1.000, -0.005, 0.465, 0.455);
		transition: right 455ms cubic-bezier(1.000, -0.005, 0.465, 0.455); /* custom */
	-webkit-transition-timing-function: cubic-bezier(1.000, -0.005, 0.465, 0.455);
	-moz-transition-timing-function: cubic-bezier(1.000, -0.005, 0.465, 0.455);
	 -o-transition-timing-function: cubic-bezier(1.000, -0.005, 0.465, 0.455);
		transition-timing-function: cubic-bezier(1.000, -0.005, 0.465, 0.455); /* custom */
}

ul.reasons {
  list-style: none;
}

ul.reasons li:before {
  content: '✓ ';
}

.top-dienstleister {
  text-align: center;
	padding-bottom: 20px;
}

.top-dienstleister img {
	height: 140px;
	width: auto;
}

#catalog-box {
	display: none;
}


body.aid232 .container {
    width:100%; max-width: 1400px; margin: 0 auto;
}

.bon_open_img {display: block; width: 100%; text-align: center; margin: 1em .5em; box-sizing: border-box;}
.bon_open_img img {margin: 0 auto; width: auto; max-width: 420px;}

@media all and (min-width:768px) {
	.kataloge-box{top: 32%;}
	.slimHeader nav.navbar {min-height:60px;}
	.slimHeader nav.navbar .logo {width:80px;height:60px;background-size:80px 60px;}
	.slimHeader .navbar-nav {padding-left:100px; margin-top:5px;}

}
@media all and (min-width:990px) {
	.card-box-container {margin:0 -.85em;}
	.card-box {width: 47%; margin: 1em .62em 2em; min-height:235px;}
	.card-box-double {width: 100%}
	.whyMutsch-box h2, .whyMutsch-box h3 {text-align: left;}
	.whyMutsch-box .card-box h2 {text-align: center;}
	.top-dienstleister {
	 text-align: right;
	 padding-bottom: 0px;
	}
	
}
@media all and (min-width:1280px) {
	.card-box {width: 30%; margin: 1em .62em 2em; min-height:336px;}
	.card-box-double {width: 65%}
	.kataloge-box{right:0;}
	.kataloge-box>a.btn-default:before {content: '\e259';}
	.kataloge-box.showMe>a.btn-default:before {content:'\e260';}
}

@media all and (min-width:1400px) {
	/*.container {width: 1280px;}*/
	.kataloge-box.showMe{right: -320px;}
	.kataloge-box{width: 320px; height: 280px;}
	.content-entry {-moz-column-count:3; -webkit-column-count:3; column-count:3;}
	.content-entry.full-col-width, .content-entry {-moz-column-count:1; -webkit-column-count:1; column-count:1;}
}
@media all and (min-width:1920px) {
	/*.container {width: 1600px;}*/
	.kataloge-box.showMe{right: -415px;}
	.kataloge-box{width: 425px; height: 350px;}
	.kataloge-box div a { bottom: 1em; left:1em; width: calc(100% - 2em);}
}


@media all and (max-width: 768px) {
	.navbar-header {float: none;}
	.navbar-toggle {display: block;}
	.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-collapse.collapse.in {display: block!important; overflow: auto !important;}
	.navbar-nav {float: none!important; margin:0;}
	.navbar-nav>li {float: none;}
	.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
	.slimHeader .navbar-nav {padding-left: 0; margin: 0;}
	.bon_open_img img, .img-responsive.thumb {width: auto !important; height: auto !important; max-width: 100%;}
	.details-header h1 {font-size: 1.45em;}
}
@media all and (max-width: 480px) {
	.details-header h1 {font-size: 1.3em;}
}

/* --- Nachjustierung Font-Umstellung 2026-07 (Barlow baut breiter als Conduit) --- */
/* Filterzeile angebote.php: Suchfeld-Breite haengt sonst am size-Attribut (fontabhaengig) und bricht um */
.searchBar .form-group select.form-control { margin-right: 8px; }
.searchBar input#hotel_search { width: 200px; }
/* Linke Filterbox: Ueberschrift einzeilig, bewusst in der Regular-Schrift.
   display:block statt inline-block, damit der rote Balken IMMER die volle
   Panelbreite spannt (inline-block war shrink-to-fit = fontabhaengig) */
.leftCol .panel-default > .panel-heading { font-family: 'Conduit ITC W01 Regular', 'Segoe UI', Tahoma, Arial, sans-serif; font-size: 19px; display: block; }