/* barlow-300 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-300.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-regular - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-500 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/barlow-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-500.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-600 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-700 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-800 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/barlow-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-800.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-900 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/barlow-v12-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-900.svg#Barlow') format('svg'); /* Legacy iOS */
}


/* ============================================================== */
/* ========================= General Elements =================== */
/* ============================================================== */

body {} 
hr {
	border-top: 1px solid #004D1E;
	width: 60%;}
 
a {
    text-decoration: none;
}
a:hover,
a:focus {
    text-decoration: none;
}
ul {
    padding: 0;
}
li {
    list-style:none;
}
img {
    max-width: 100%;
}

td, th {padding: 10px;}

.site-width {
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
}
.container-fluid {
    padding: 0px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.margin-bottom-60 {
    margin-bottom: 60px;
}
.margin-top-100 {margin-top: 115px;}

.margin20 {
    margin: 20px 0;
}
.margin40 {
    margin: 40px 0;
}
.margin60 {
    margin: 60px 0;
}
.margin100 {
    margin: 100px 0;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-40 {
    margin-top: 40px;
}
.margin-top-60 {
    margin-top: 60px;
}
.margin-top-80 {
    margin-top: 80px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.margin-bottom-60 {
    margin-bottom: 60px;
}
.padding-bottom-20 {
    padding-bottom: 20px;
}
.padding20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.padding20lr {
    padding-left: 20px;
    padding-right: 20px
}
.padding40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.padding60 {
    padding: 60px 0;
}
.padding100 {
    padding: 100px 0;
}
.btn {
    border-radius: 0px;
}
.paddingLR {
    padding: 0px 15px;
}

.padding-left-50 {padding-left: 50px; }
.padding-left-0 {
    padding-left: 0px !important;
}
.gray-d2-c {
    color: #222;
}
.gray-d-c {
    color: #333;
}
.gray-c {
    color: #555;
}
.gray-l-c {
    color: #777;
}
.gray-l2-c {
    color: #eee;
}
.gray-d2-bg {
    background-color: #222;
}
.gray-d-bg {
    background-color: #333;
}
.gray-bg {
    background-color: #555;
}
.gray-l-bg {
    background-color: #777;
}
.gray-l2-bg {
    background-color: #ffffff;
}
.gray-d2-bc {
    border-color: #222;
}
.gray-d-bc {
    border-color: #333;
}
.gray-bc {
    border-color: #555;
}
.gray-l-bc {
    border-color: #777 !important;
}
.gray-l2-bc {
    border-color: #eee !important;
}
/* ============================================================== */
/* ========================= CPanel CSS ========================= */
/* ============================================================== */

#mdx_toppanel {
    position: absolute;
    top: 0;
    width: 100%;
}
#mdx_panel {
    position: relative;
    z-index: 9999;
}
#open,
#close {
    display: inline-block;
    padding: 5px;
}
.mdx_tab {
    border-top: 1px solid;
}
.login {
    float: right;
}
/* ============================================================== */
/* ========================= Header CSS ========================= */
/* ============================================================== */

ul#navd li ul li ul li {
    border-left: none !important;
}
.icon-bar a {
    padding: 10px;
}
.headertop {
    padding: 10px 0px;
}
.headertop .email {
    margin-left: 10px;
}
.selectnav {
    display: none;
}
.logo-n-menubar {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 26px 0;
}
ul#navd .last a {
    padding-right: 0px;
}
/************ Header Variation 1 CSS**************/

.navigation li span.link {
	display:block;
	padding:10px 30px;
	border-bottom:1px solid #999
}

#navd li span.link {
	text-decoration: none;
	float: left;
	padding: 16px 15px;
}

ul#navd span.link, #navd li.current-menu-ancestor span.link {
	font-size: 16px;
}

.logo-n-menubar-variation img {
    padding-left: 15px;
}
#navd li ul {
    border-top: 1px solid #ccc;
}
ul#navd li ul li {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.logo-n-menubar-variation ul#navd li ul li a {
    padding: 10px;
}
.logo-n-menubar-variation1 {
    border-top: 1px solid #eee;
}
.logo-n-menubar-variation1 .menubar {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 15px;
}
.logo-n-menubar-variation1 ul#navd ul {
    margin-top: 38px;
}
.srchtxt {
    border: 1px solid;
    border-radius: 0;
    padding: 6px;
}
.search-box a {
    margin-left: -5px;
    padding: 8px;
}
ul#navd li ul .last a {
    padding: 7px 10px;
}
/* ============================================================== */
/* ========================= Extra CSS ========================== */
/* ============================================================== */

.home-slider {
    padding: 0 0 0 15px;
}
#breadcrumb li + li:before {
    content: "|";
    margin: 0 2px;
    padding: 0 5px;
}
#breadcrumb li > a {
    color: #000;
    padding: 5px;
}
#breadcrumb li {
    display: inline;
    font-size: smaller;
}
/*
.breadcrumb {
    border-bottom: 1px solid #eeeeee;
}
*/
.breadcrumb ul {
    margin-top: 7px;
    padding: 0px 15px;
}
.bx-wrapper .bx-viewport {
    box-shadow: none;
    left: 0;
}
.slider-bg {
    background-color: #f5f5f5;
}
/* ============================================================== */
/* ========================= Main Top CSS ======================= */
/* ============================================================== */

.services {
    text-align: center;
}
/* ============================================================== */
/* ========================= Left Sidebar CSS =================== */
/* ============================================================== */

.mdx_mainLeftMenu li a {
    margin-bottom: 15px;
    display: block;
}
/* ============================================================== */
/* ========================= Content Top CSS ==================== */
/* ============================================================== */

#mdx_contenttopwrap .post-info {
    font-size: 12px;
}
.shadow-img {
    background-image: url("/images/shadow-bottom.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 21px;
}
/* ============================================================== */
/* ========================= Content ============================ */
/* ============================================================== */

#mdx_contentmainwrap {
    overflow: hidden;
    padding-bottom: 25px;
}
.external-url iframe {
    border: medium none;
    min-height: 600px;
    width: 100%;
}
.themes {
    margin-top: 20px;
}
/************ Contact Page  CSS**************/

.contact-form .form-control {
    border-radius: 0;
}
.contact-form .form-buttons input {
    border: none;
}
.contact-form {
    padding-right: 50px;
}
.map {
    padding-left: 50px;
}
/************ Search Page CSS**************/

.srch-btn {
    border: 1px solid;
}
.sisea-search-form input {
    border: 1px solid;
    border-radius: 0;
}
/************ Login Page CSS**************/

.register label {
    display: block;
}
.register input {
    border: 1px solid;
    border-radius: 0;
    padding: 4px 6px;
}
.loginLogin label,
.loginFPForm label {
    display: block;
}
.loginLogin input,
.loginFPForm input {
    border-radius: 0;
}
.new-user-register input {
    border-radius: 0px;
}
.loginLoginButton {
    display: block;
}
/************ Bootstrap 3 Page CSS**************/

.show-grid [class^="col-"] {
    background-color: rgba(86, 61, 124, 0.15);
    border: 1px solid rgba(86, 61, 124, 0.2);
    padding-bottom: 10px;
    padding-top: 10px;
}
.nt {
    color: #2f6f9f;
}
.na {
    color: #4f9fcf;
}
.s {
    color: #d44950;
}
/* ============================================================== */
/* ========================= Content Bottom CSS ================= */
/* ============================================================== */
/* ============================================================== */
/* ========================= Right Sidebar CSS ================== */
/* ============================================================== */

.right_ThumbImage {
    padding: 0px;
}
.right-sidebar-blog li {
    margin-top: 20px;
}
.right-sidebar-tags a {
    padding: 5px;
    border-right: 2px solid;
    background-color: #efefef;
}
.right-sidebar-comments li,
.right-sidebar-blog li {
    border-bottom: 1px solid;
    margin-top: 20px;
    padding-bottom: 10px;
}
.right-sidebar-comments li {
    border-color: #eeeeee;
}
.right-sidebar-tags li {
    display: inline-block;
    margin-right: 5px;
    margin-top: 16px;
}
.quip-latest-comment a {
    display: block;
}
.quip-latest-comment span {
    color: #afafaf;
    font-style: italic;
}
.mdx_mainRight li a {
    margin-bottom: 15px;
    display: block;
}
/* ============================================================== */
/* ========================= Main Bottom CSS ==================== */
/* ============================================================== */
/* ============================================================== */
/* ========================= Footer CSS ========================= */
/* ============================================================== */

.subscribe-text {
    padding: 0px;
}
.subscribe-text .form-control {
    background: none repeat scroll 0 0 #292929;
    border: medium none;
    border-radius: 0;
}
#mdx_footerwrap {
    margin-top: 15px;
}
.subscribe-btn a {
    border: medium none;
    border-radius: 0;
    overflow: hidden;
}
.footer-blog-img {
    padding: 0;
}
.recent-post li {
    margin-bottom: 25px;
}
#mdx_footer {
    padding: 20px 0;
}
#copyright {
    background-color: #004D1E;
    padding-top: 12px;
    padding-bottom: 24px;
}
.resources li {
    margin-bottom: 10px;
}
#topcontrol i {
    padding: 3px 12px 5px 11px;
}
.footer1 h3,
.footer-var-1 h3 {
    margin-bottom: 25px;
}
/* ============================================================== */
/* ========================= Articles CSS ======================= */
/* ============================================================= */

.post {
    margin-bottom: 35px;
    margin-top: 25px;
   align-content: center;
}
.post-info span {
    margin-right: 10px;
}
.post-info {
    border-bottom: 1px solid;
    border-top: 1px solid;
    padding: 10px 0;
}
.post-info i {
    margin-right: 2px;
}
.media {} .metadata {} .post heading {} .about-author {} .about-author-img {} .about-author-name {} .about-author p {} .right-side-title {} .category-links {} .readmore {} .comments {} .comments-form {} .comments-form-lable {} .comments-form-input {} #maincomment {
    transition: all 0.2s ease 0s;
}
#comments .quip a:hover {
    text-decoration: none;
}
.quip-comment-alt {
    background: none !important;
}
ol.quip-comment-list li ol {
    padding-left: 45px !important;
}
.vendor p {
    margin-top: 10px;
}
.quip-comment-body {
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px !important;
    padding-top: 0 !important;
}
.quip h3 {
    margin-bottom: 30px;
}
.entry p {
    margin-top: 15px;
}
/* ============================================================== */
/* ========================= Slider CSS ========================= */
/* ============================================================== */

.slidetitle { color: #C1CEA7; bottom: 10%; left: 5%;}
.slidetitle h2 {margin-bottom: 0; padding: 10px;}
.slidetitle p { padding: 10px;}
.flex_title {
    font-size: 20px;
    margin-top: 0;
    bottom: 20px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    width: auto;
}
.bx-pager-item {float: right; display:none;}

.bx-wrapper .bx-controls-direction a {display: none;}
.bx-caption {display: none;}


.bx-sliderwrap .bx-wrapper .bx-viewport {box-shadow: none;}
.bx-sliderwrap .bx-wrapper .bx-next {right: 19px;}


.bxlogo {
	background-image: url("https://www.apart-hotel-norden.de/images/slider/2021_AHN_Slider_Logo_breit.png"); 
	position: absolute; 
	top:5px; 
	right:60px; 
	width:300px;
	height:350px;
	background-repeat: no-repeat;	
	}



/* ============================================================== */
/* ========================= Pricing Table CSS ================== */
/* ============================================================== */

.pricing_tablewrap {} .pricing_tablewrap ul {} .pricing_tablewrap ul li {} .pricing_tablewrap ul li ul {} .pricing_tablewrap ul li ul li {
    padding: 14px 20px;
    border-bottom: 1px solid;
}
.pricing_table_footer {
    padding: 30px;
}
.pricing_table_footer a {
    padding: 8px;
}
.pricing_tablewrap h1,
.pricing_tablewrap h3 {
    margin: 0;
    padding-top: 29px;
}
/************ Pricing Table Style1 CSS**************/

.price-block-style1 h3 {
    padding: 15px 28px;
    margin: 0;
}
.price-block-style1:hover,
.price-block-style1:focus {
    position: relative;
    transform: scale(1.03);
    transition: all 0.2s ease-in 0s;
}
/************ Pricing Table Style2 CSS**************/

.price-style2 {
    /*	padding:1px;*/
}
.price-style2 h1 {
    margin: 0px;
    padding: 20px;
}
.price-block-style2 h3 {
    padding: 10px 0;
}
.price-block-style2-padding {
    padding: 15px;
}
.price-block-style2-border {
    border: 1px solid;
}
.price-block-style2:hover .pricing_table_footer a,
.price-block-style2:hover li,
.price-block-style2:hover h1,
.price-block-style2:hover .pricing_table_footer {
    transition: background-color 0.5s ease 0s;
}
/************ Pricing Table Style3 CSS**************/

.price-style3 h2 {
    border: 1px solid;
    border-radius: 76px;
    box-shadow: 1px 2px 11px #cccccc inset;
    height: 125px;
    margin-bottom: -59px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    position: relative;
    top: -62px;
    width: 125px;
    margin-top: 0;
}
.price-block-style3 h3 {
    padding-bottom: 78px;
}
.price-block-style3-border {
    border: 1px solid;
}
.price-block-style3:hover li {
    transition: border 0.5s ease 0s;
}
.price-block-style3:hover h3,
.price-block-style3:hover .pricing_table_footer a {
    transition: background-color 0.5s ease 0s;
}
/* ============================================================== */
/* ========================= Gallery CSS ======================== */
/* ============================================================== */

.gallery .gal-item {
    margin-bottom: 30px;
    margin-right: 0px;
    margin-left: 0px;
    border: none;
    padding: 0 15px;
}
/* ============================================================== */
/* ======================= ImageHover CSS ======================= */
/* ============================================================== */

.portfolio {
    overflow: hidden;
}
/* Portolio Hover */

.da-thumbs li,
.da-thumbs li img {
    display: block;
    position: relative;
}
.da-thumbs li {
    overflow: hidden;
}
.da-thumbs li article {
    position: absolute;
    background-image: url(images/image_hover.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
}
.da-thumbs li article.da-animate {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* Initial state classes: */

.da-slideFromTop {
    left: 0px;
    top: -100%;
}
.da-slideFromBottom {
    left: 0px;
    top: 100%;
}
.da-slideFromLeft {
    top: 0px;
    left: -100%;
}
.da-slideFromRight {
    top: 0px;
    left: 100%;
}
/* Final state classes: */

.da-slideTop {
    top: 0px;
}
.da-slideLeft {
    left: 0px;
}
.da-thumbs li article a {
    color: #fff;
    padding: 20px;
    display: block;
}
.da-thumbs {
    margin: 0;
    padding-left: 0;
    text-align: center;
}
.da-thumbs li article h3 {
    color: #fff !important;
}
.da-thumbs li article em {
    margin-bottom: 10px;
    color: #fff;
    display: block;
}
.da-thumbs li article span {
    display: inline-block;
}
span.link_post {
    display: block;
    width: 35px;
    height: 35px;
    background-color: #DF6232;
    border-radius: 50px;
    cursor: pointer;
    background-image: url(images/link_post_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}
span.zoom {
    overflow: hidden;
    display: block;
    width: 35px;
    height: 35px;
    background-color: #DF6232;
    border-radius: 50px;
    cursor: pointer;
    background-image: url(images/zoom_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
}
.portfolio_2col article h3 {
    padding-top: 70px !important;
}
/* Responsive image grid*/
/* Mobile landscape width 320 */

@media only screen and (max-width: 1024px) {
    .headertop {
        position: fixed;
        top: 0px;
        z-index: 999;
        width: 100%;
    }


}

@media only screen and (max-width: 767px) {
    .image_grid {
        width: 300px;
    }
    .image_grid li img {
        width: 220px;
    }
    .portfolio_4col .da-thumbs li article h3 {
        padding-top: 70px;
    }
    .portfolio_3col .da-thumbs li article h3 {
        padding-top: 50px;
    }
    .portfolio_2col .da-thumbs li article h3 {
        padding-top: 53px !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .image_grid {
        width: 450px;
    }
    .image_grid li {
        width: 178px !important;
    }
    .portfolio_4col .da-thumbs li article h3 {
        padding-top: 58px;
    }
    .portfolio_3col .da-thumbs li article h3 {
        padding-top: 34px;
    }
    .portfolio_2col .da-thumbs li article h3 {
        padding-top: 23px !important;
    }
}
/* ============================================================== */
/* ========================= Tabs CSS =========================== */
/* ============================================================== */

.nav-tabs {} .tab-content {} .tab-pane {}
/* ============================================================== */
/* ========================= Accordion CSS ====================== */
/* ============================================================== */

.panel-heading {} 
.panel-body {text-align: left;}

#MonatsAngebot {width: 40%; float: left;  }
#InfoCenter {width: 700px; float: right; margin-right: 15px; min-height: 500px;}
#Willkommenstext {width: 55%; float:right; margin-right: 15px;}



/* ============================================================== */
/* ========================= Form Element CSS =================== */
/* ============================================================== */

input {} label {} form {}
/* ============================================================== */
/* ========================= Typography CSS ===================== */
/* ============================================================== */
/************ Typography Heading CSS**************/
/************ Typography Lead BodyCopy CSS********/
/************ Typography Addresses CSS************/
/************ Typography Blockquote CSS***********/
/************ Typography List CSS*****************/


/* ============================================================== */
/* ========================= Media Query ======================== */
/* ============================================================== */

@media (max-width: 767px) 
	{
   .articleThumbImage {text-align: center;}
   .bx-wrapper {margin: 0 auto 0px;padding: 0;}
   .newsletter {clear: both;}
   .recent-post,.newsletter,.address,.resources {padding-top: 30px;  }
   .sm-content {margin-top: 120px;}
	#contentspalt  {-webkit-column-count: 1; column-count: 1;}
	#sliderFrame { width: auto !important;}
        /*     #bxslider {height: auto; width: 100%;} */
	#slider, #slider div.sliderInner {width: auto !important;}
    
/* ========================= display =================== */
 	#homeblog_mobil {margin-left: 0px; margin-bottom: 20px;}


/* ========================= display none ============== */
	.bx-sliderwrap {display: none;}
	.bxlogo {display: none;}
	#homeblog {display: none;}
	#homeblog_mid {display: none;}
	#homeblog_midminus {display: none;}
	#MonatsAngebot {width:100%;}
      
    
/* ========================= Apart Hotel ============== */
    .artikelDetail {display:block; }
	.UnterBild1 {width:90%;vertical-align: middle;}
	.UnterBild2 {width:90%;vertical-align: middle; display:none;}
	#HeaderTopEmailSchrift {font-size:12px;}
	#mdx_extrawrapBread {padding-top:200px;}
	#mdx_extrawrapHome {padding-top: 45px;}
	#UebersichtContent {padding-top:70px;}
	#artikelInhalt {padding-left: 10px; padding-right: 10px;}
    #contentDetail {margin: 0 auto 0px; padding-top:20px; max-width: 90%; padding-left:10px; padding-right: 10px;}
	#contentDetailOnline {margin: 0 auto 0px; padding-top:20px; max-width: 100%; padding-left: 0px; padding-right: 0px; list-style: disc; }
	#DetailTextOnline {padding-left: 0px;padding-right: 0px;}
    #DetailText {padding-left: 20px;padding-right: 10px;}
/*  #MonatsAngebot {width: 90%; margin-left:15px;} */
   	#InfoCenter {width: 100%; height: 50%; margin-top: 20px; overflow-y: scroll;} 
   	#Willkommenstext {width:85%; margin-left:0px; margin-right:10%;}

}


@media (min-width: 768px) and (max-width: 991px) {

/* ========================= display =================== */
    #homeblog_midminus {width:95%; display: block; margin-left: auto;}
/* ========================= display none ============== */
   	.bx-sliderwrap {display: none;} 
    #homeblog {display: none;}
    #homeblog_mobil { display: none;}
	#homeblog_mid {display:none;}   
    #MonatsAngebot {width: 100%; }
    #InfoCenter {display: none;} 
    
/* ========================= System & Template ============== */    
    #bxslider {height: auto; width: 100%;}
    .sm-content {margin-top: 180px;}
/* ========================= Apart Hotel ============== */
	.articleThumbImage {text-align: center;}
	.artikelDetail {  display: grid;  grid-template-columns: 33% 66%;  grid-row: 1;}
	.UnterBild1 {width:70%;vertical-align: middle;}
	.UnterBild2 {display: none;}
	#HeaderTopEmailSchrift {font-size:14px;}
	#content {margin-top: 80px;}
	#contentDetail {margin: 0 auto 0px; padding-top:20px; max-width: 90%; /* padding-left:10px; */ padding-right: 10px; list-style: disc; }
	#contentDetail li {list-style: disc; list-style-position: outside; }
	#contentDetail ul {padding-left:0px;}
	#contentDetailOnline {margin: 0 auto 0px; padding-top:20px; max-width: 100%; /* padding-left:10px; */ padding-right: 10px; list-style: disc; }
	#DetailText {padding-left: 10px;padding-right: 10px;}
	#DetailTextOnline {padding-left: 0px;padding-right: 0px;}
	#contentspalt  {-webkit-column-count: 2; column-count:2; column-rule: 1px solid #ddd;column-gap:40px;}
    #UebersichtContent {padding-top:70px;}
	#uebersichtTitel {padding-left: 10px;}
		
/* ========================= Startseite ============== */
		
	#Willkommenstext {	float: none; text-align: left;	width: 90%; margin-top: 0px; overflow-y: scroll; display: block; margin-left: auto; margin-right: auto;}
}


@media (min-width: 992px) and (max-width: 1279px) {
/* ========================= display =================== */
    #homeblog_mid {margin-left: 10px;}
/* ========================= display none ============== */ 
	#InfoCenter {display: none;} 
	#homeblog {display: none;}
    #homeblog_mobil {display: none;}
    #homeblog_midminus {display: none;}

    .logo {display: none;}
    
/* ========================= System & Template ============== */
    #bxslider {height: auto; max-width: 1280px;}
    
/* ========================= Apart Hotel ============== */
	.artikelDetail {display: grid; grid-template-columns: 33% 66% ; grid-row: 1;}
	.artikelDetailUebersicht {margin: 0 auto 0px;padding: 0; display: grid; width: 1024px; grid-template-columns: 1fr 1fr; grid-row: 1; grid-column-gap: 20px;}
    .contentspalt  {column-count:2; -webkit-column-count: 2;column-rule: 1px solid #ddd;    }
	.UnterBild1 {width:90%;vertical-align: middle;}
	.UnterBild2 {width:90%;vertical-align: middle;padding-top:60px;}
	.homeText{margin-left: 50px; display: grid; grid-template-columns: 50% 50% ; grid-row: 1; grid-column-gap: 50px;}
	#contentDetail {margin: 0 auto 0px; padding-top:20px; max-width: 600px; padding-left:10px; padding-right: 10px;}
	#contentDetail {margin: 0 auto 0px; padding-top:20px; max-width: 1024px; /* padding-left:20px; */}
	#contentDetail li {list-style: disc;list-style-position: outside;}
	#contentDetail ul {padding-left:20px;}
	#HeaderTopEmailSchrift {font-size:14px;}
	#uebersichtTitel {padding-left: 105px;}
	#UebersichtContent {padding-top:10px;}
	#Willkommenstext {	text-align: left;width: 55%; margin-top: 20px; overflow-y: scroll; margin-left: 25px;}
	
    }

    
/* =========================================================  */
/* =================== min- Width: 1280px ==================  */
/* =========================================================  */
    
@media (min-width: 1280px) {
/* ========================= display =================== */

   #homeblog { max-width: 100%; min-height: 500px; margin-left: 0px;}
 /* ========================= display none ============== */ 
 .logo_home {display: none;}
   #homeblog_mobil {display: none;}
   #homeblog_mid {display: none;}   
   #homeblog_midminus {display: none;}
   #InfoCenter {display: none;} 
   
/* ========================= Apart Hotel ============== */
   
   #HeaderTopEmailSchrift {font-size:14px;}
   #contentDetail {margin: 0 auto 0px; padding-top:20px; max-width: 600px; /* padding-left:10px; */ padding-right: 10px;list-style: disc;}
   #contentDetail li {list-style: disc; list-style-position: outside;}
   #contentDetail ul {padding-left:20px;}
   #contentspalt  {column-count:2; -webkit-column-count: 2; column-rule: 1px solid #ddd; column-gap:60px; margin-left: auto; margin-right: auto;}
   #uebersichtTitel {padding-left: 105px;}
	#UebersichtContent {padding-top:10px;}
  
    .artikelDetail { margin: 0 auto 0px;padding: 0; display: grid; width: 1024px; grid-template-columns: 40% 60%; grid-row: 1; grid-column-gap: 20px;}
	.artikelDetailBildRechts {margin: 0 auto 0px;padding: 0; display: grid; width: 1024px; grid-template-columns: 60% 40%; grid-row: 1; grid-column-gap: 20px;}
	.artikelDetailBildLinks {margin: 0 auto 0px;padding: 0; display: grid; width: 1024px; grid-template-columns: 40% 60%; grid-row: 1;  grid-column-gap: 60px;}
	.artikelDetailUebersicht {position:relative; margin: 0 auto 0px; padding: 0; display: grid;  width: 1024px; grid-template-columns: 1fr 1fr; grid-row: 1; grid-column-gap: 60px;}
	#artikelBilder {grid-row-start: 1;grid-row-end: 2; 	}
	#artikelInhalt {padding-left: 20px; position: absolute; bottom: 15px;}
	
	.UnterBild1 {width:90%;vertical-align: middle;}
	.UnterBild2 {width:90%;text-align: center; padding-top:60px;}

	#intro {font-size: 16px; }
	#Willkommenstext {text-align: left; width: 55%; margin-top: 20px; overflow-y: auto; margin-left: 25px;}
	
	.homeText{ margin-left: 50px; display: grid; grid-template-columns: 50% 50% ; grid-row: 1; grid-column-gap: 50px;}

    }

/* =========================================================  */
/* =================== Menu CSS=============================  */
/* =========================================================  */

/* Blog */




/* ============================================================== */
/* ======================= CookieBar CSS ======================== */
/* ============================================================== */

#cookie-bar {
    background: #111111;
    line-height: 24px;
    color: #eeeeee;
    text-align: center;
    padding: 12px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999999999999;
}
#cookie-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
#cookie-bar p {
    margin: 0;
    padding: 0;
}
#cookie-bar a {
    color: #ffffff;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    padding: 0 6px;
    margin-left: 8px;
}
#cookie-bar .cb-enable {
    background: #007700;
}
#cookie-bar .cb-enable:hover {
    background: #009900;
}
#cookie-bar .cb-disable {
    background: #990000;
}
#cookie-bar .cb-disable:hover {
    background: #bb0000;
}
#cookie-bar .cb-policy {
    background: #0033bb;
}
#cookie-bar .cb-policy:hover {
    background: #0055dd;
}
.scroll i {
    font-size: 2em;
    padding: 10px;
}