/* +++++++++++++++++++++++++++++++++++++++++++ Farbcode +++++++++++++++++++++++++++++++++++++++++++ */
/**hauptfarbe: 9b9170
nebenfarbe: d7c49e
flie�text: 706f6f oder hauptfarbe
*/


/* +++++++++++++++++++++++++++++++++++++++++++ Schrift +++++++++++++++++++++++++++++++++++++++++++ */
html,
body {
    font-family: 'proxima-nova' !important;
    font-size: 17px;
}


.body_top {font-size: 15px;}

body,
a {
    color: #706f6f;
}

h1,
h2,
h3,
h4,
h5,
h6,
.ce_revolutionslider_text.bold,
.font_headline,
.font_serif_2,
.font-serif-2 {
    font-family: 'proxima-nova' !important;
}

#main h1 {
    text-transform: uppercase;
    color: #9b9170;
    line-height: 1.0;
    font-weight: 300;
}

#main h2 {
    text-transform: uppercase;
    color: #9b9170;
    line-height: 1.0;
    font-weight: 100;
}

#main a {
    text-decoration: underline;
}

#main a:hover {
    text-decoration: none;
}

.ce_colorbox_inside .ce_url a {
    text-decoration: none !important;
}

.fa {
    font: normal normal normal 14px/1 FontAwesome !important;
}

/*
.text-cell .ce_headline::before {
content: "";
width: 50px;
height: 50%;
background: url(/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/layout/klammer_links.png);
top: 0px;
left: 0px;
position: absolute;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position:left;
}

.text-cell .ce_headline::after {
content: "";
width: 50px;
height: 50%;
background: url(/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/layout/klammer_rechts.png);
top: 0px;
right: 0px;
position: absolute;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position:right;}

.text-cell .ce_headline {padding-left: 40px;}
*/
#autogrid_wrapper_94850 {
    margin-bottom: 20px;
}

#autogrid_wrapper_94857 h3,
#autogrid_wrapper_94850 h3 {
    font-size: 1.6rem !important;
}

.ce_colorbox_inside {
    height: 100%;
}

body.raumklima .ce_iconbox_inside a {
    color: #fff;
}

/* +++++++++++++++++++++++++++++++++++++++++++ grid bild zentrieren +++++++++++++++++++++++++++++++++++++++++++ */
#autogrid_wrapper_94262 .image_container img {
    margin: 0 auto;
}

/* Polsterseite */
#autogrid_wrapper_93202 .image_container img {
    margin: 0 auto;
}

#autogrid_wrapper_94330 .image_container img {
    margin: 0 auto;
}

/* Spannt�cher */

/* +++++++++++++++++++++++++++++++++++++++++++ auflistung +++++++++++++++++++++++++++++++++++++++++++ */
.ce_textarea ul li {
    list-style-type: square;
    list-style-position: inside;
}

.ce_text ul {
    list-style-position: inside;
    padding-left: 0px;
}


/* +++++++++++++++++++++++++++++++++++++++++++ dundgang +++++++++++++++++++++++++++++++++++++++++++ */

.rundgang {
    width: 100vw;
    height: 100vh;
    line-height: 0;
}

.rundgang-seite #slider {
    display: none;
}

#article-12971 {
    line-height: 0;
}

.rundgang-slider-link {
    font-size: 2vw !important;
    line-height: 3vw !important;
    border: 2px solid rgb(152, 152, 152) !important;
}

.rundgang-seite-mobil {
    display: none !important;
}

/* +++++++++++++++++++++++++++++++++++++++++++ hyperlinks buttons +++++++++++++++++++++++++++++++++++++++++++ */

.ce_hyperlink a {
    background: transparent;
    border-color: #9b9170;
    color: #9b9170;
    text-decoration: none !important;
}

/* +++++++++++++++++++++++++++++++++++++++++++ header +++++++++++++++++++++++++++++++++++++++++++ */
.slide.slide_2 .ce_revolutionslider_hyperlink,.slide.slide_4 .ce_revolutionslider_hyperlink, .slide.slide_5 .ce_revolutionslider_hyperlink,.slide.slide_6 .ce_revolutionslider_hyperlink {
background: #978c6d;
border-color: #978c6d;
background: #bd2e2e;
border-color: #bd2e2e;
font-size: 2em !important;
line-height: 1.75em !important;
}
#top {
    font-size: 0.8rem;
}

.my_revolutionslider_91069 {
    height: calc(65vh) !important;
}

#header {
    position: fixed !important;
    top: 42px !important;
}

.stickyheader {
    display: none;
}

#fix-wrapper,
#top-wrapper {
    position: fixed !important;
}

.header.original .inside {
    background: #fff;
    max-width: 1160px;
    border-bottom: 2px solid #9b9170;
}

.header.original {
    line-height: 112px;
}

.header.original {
    height: 75px;
    margin-left: auto;
    margin-right: auto;
}

.header.original {
    visibility: visible;
}

#top .mod_top_mail {
    display: block !important;
}

/* +++++++++++++++++++++++++++++++++++++++++++ logo +++++++++++++++++++++++++++++++++++++++++++ */
.logo a {
    background-image: url('/files/cto_layout/img/layout/logo-subline1-positiv_v1_20180912.svg') !important;
}

.header.original .logo {
    width: 250px;
}

.header.original .logo {
    height: 112px;
}


/* +++++++++++++++++++++++++++++++++++++++++++ layout | article  +++++++++++++++++++++++++++++++++++++++++++ */
#main .mod_article {
    padding-top: 0px;
    padding-bottom: 0px;
}

.ce_text_image_bar .inside {
    max-width: 100%;
}

.ce_text_image_bar .text-table {
    display: table;
    height: 100%;
    width: 50%;
    margin: 0 auto;
    position: relative;
}

.mod_article.call2action {
    background-color: #d7c49e;
}

/*.ce_bgimage-inside.contentwrap {padding-left: 0px; padding-right: 0px;}*/
.totop {
    display: none;
}

/* +++++++++++++++++++++++++++++++++++++++++++ slider +++++++++++++++++++++++++++++++++++++++++++ */
#slider {
    padding-top: 112px !important;
}

.ce_revolutionslider_text.sfl {
    background-color: rgba(151, 140, 109, 0.7);
    padding-left: 10px;
    padding-right: 10px;
}

.ce_revolutionslider_text.sfr {
    background-color: rgba(151, 140, 109, 0.7);
    padding-left: 10px;
    padding-right: 10px;
}

.ce_revolutionslider_text.sfb {
    background-color: rgba(151, 140, 109, 0.7);
    padding-left: 10px;
    padding-right: 10px;
}


.tp-leftarrow.round-old {
    background: url('/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/layout/pfeile-slider-links.png');
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    background-position: top left !important;
}

.tp-rightarrow.round-old {
    background: url('/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/layout/pfeile-slider-rechts.png');
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    background-position: top left !important;
}

.tp-leftarrow:hover,
.tp-rightarrow:hover {
    background-position: bottom left !important;
}

.tp-bullets.simplebullets.round-old .bullet {
    background: url('/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/layout/pfeile-slider-punkt.png');
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    background-position: top left !important;
}

.tp-bullets.simplebullets.round-old .bullet:hover {
    background-position: bottom left !important;
}

.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
    background-position: bottom left !important;
}

.ce_fancy_divider {
    bottom: -1px !important;
}

.tp-bannertimer {
    display: none;
}

.ce_sliderStart {
    max-width: 600px;
    margin: 0 auto;
}


.ce_bgimage_94266 .slider-menu {
    display: none;
}


.ce_fancy_divider {
    display: none;
}

.ce_revolutionslider .banner.responsive {
    visibility: visible;
}

.ce_revolutionslider .tp-banner {
    visibility: visible;
}

#pe_rating {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    display: block !important;
}

/* +++++++++++++++++++++++++++++++++++++++++++ navigation +++++++++++++++++++++++++++++++++++++++++++ */
.mod_navigation.mainmenu a span,
.mod_navigation.mainmenu a {
    text-transform: uppercase;
}

.mainmenu ul li a:hover {
    color: #9b9170;
}

.mainmenu ul li {
    margin-right: 0px;
    margin-left: 0px;
}

.mainmenu ul li a {
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    position: relative;
    line-height: 1em;
    min-height: inherit;
    text-align: center;
    font-size: 1rem;
    text-transform: uppercase;
    float: none;
    padding: 0 8px;
    line-height: inherit;
    color: #696969;
    transition: color 0.0s ease, opacity 0.0s ease;
    -webkit-transition: color 0.0s ease, opacity 0.0s ease;
    font-size: 14px;

}


.mainmenu ul li a:hover {
    opacity: 0.8;
    transition: opacity 0.0s ease;
    -webkit-transition: opacity 0.0s ease;
}

.mainmenu ul ul li a {
    transition: All 1.3s ease;
    -webkit-transition: All 0.0s ease;
}


/* +++++++++++++++++++++++++++++++++++++++++++ navigation dropdown +++++++++++++++++++++++++++++++++++++++++++ */

.mainmenu ul ul {
    top: 114px;
}

.mainmenu ul li:hover>ul,
.mainmenu ul li:hover .megamenu-wrapper {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

.mainmenu ul ul {
    border-top: 0px solid #978c6d;
}

.mainmenu .level_2 {}

.mainmenu ul ul li a {
    border-bottom: 0px solid rgb(242, 242, 242);
}

.header .mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu),
.header .mainmenu ul ul li a.active,
.header .mainmenu ul ul li a.trail:not(.megamenu) {
    color: #978c6d !important;
}

.mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu),
.mainmenu ul ul li a.active,
.mainmenu ul ul li a.trail:not(.megamenu) {
    background-color: rgb(255, 255, 255) !important;
}

/* +++++++++++++++++++++++++++++++++++++++++++ smartmenu +++++++++++++++++++++++++++++++++++++++++++ */
.smartmenu-content .mod_navigation a.submenu {
    margin-left: 0px;
}

.smartmenu-content {
    background: rgba(151, 140, 109, 0.9);
}

/* +++++++++++++++++++++++++++++++++++++++++++ Layout-Sidebar +++++++++++++++++++++++++++++++++++++++++++ */
.submenu_v3.mod_navigation {
    border: 0px solid rgb(220, 220, 220);
    border-radius: 0px;
    background-color: transparent !important;
    width: 100%;
}

.submenu_v3.mod_navigation ul li,
.submenu_v3.mod_navigation ul li a {
    color: #9b9170 !important;
    text-transform: uppercase;
    text-decoration: none !important;
}

.submenu_v3.mod_navigation ul li a:hover {
    color: #d7c49e !important;
}

.submenu_v3.mod_navigation ul li a.active {
    text-decoration: none !important;
    color: #d7c49e !important;
}

.submenu_v3 ul {
    padding-left: 50px;
}

.submenu_v3 li {
    border-bottom: 1px solid #fff;
    list-style-position: inside;
    line-height: 38px;
}

.submenu_v3 li a {
    display: inline;
}


/*
.submenu_v3.mod_navigation::before {
content: "";
width: 100%;
height: 90%;
background: url(/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/layout/klammer_links.png);
top: 10px;
left: 0px;
position: absolute;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: left center;}

.submenu_v3.mod_navigation::after {content: "";
width: 100%;
height: 90%;
background: url(/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/layout/klammer_rechts.png);
top: 10px;
right: 0px;
position: absolute;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: right center;}
*/



.submenu_v3.mod_navigation {
    position: relative;
    display: inline-block;
    padding: 25px;
}

.submenu_v3 .left-frame,
.submenu_v3 .right-frame {
    position: absolute;
    width: 3px;
    background: #9b9170;
    top: 0;
    bottom: 0;
}

.submenu_v3 .left-frame {
    left: 0;
}

.submenu_v3 .right-frame {
    right: 0;
}

.submenu_v3 .left-frame:before,
.submenu_v3 .left-frame:after,
.submenu_v3 .right-frame:before,
.submenu_v3 .right-frame:after {
    position: absolute;
    height: 3px;
    width: 50px;
    background: #9b9170;
    content: "";
    display: block;
}

.submenu_v3 .left-frame:before {
    top: 0;
    left: 0;
}

.submenu_v3 .left-frame:after {
    bottom: 0;
    left: 0;
}

.submenu_v3 .right-frame:before {
    top: 0;
    right: 0;
}

.submenu_v3 .right-frame:after {
    bottom: 0;
    right: 0;
}

/* +++++++++++++++++++++++++++++++++++++++++++ Sale Seite +++++++++++++++++++++++++++++++++++++++++++ */
.saleboxen .ce_image_text_box.version3 img {
    border: 0px;
}

.saleboxen .ce_image_text_box .ce_image_text_box_banner {
    background-color: #cd1719
}

/* +++++++++++++++++++++++++++++++++++++++++++ Nachrichten +++++++++++++++++++++++++++++++++++++++++++ */
.newsteaser .content {
    min-height: 266px;
}

body.news-reader #article-12826 .ce_headerimage {
    background-image: url(/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/titelbilder/titelbild_news-roewa.jpg) !important;
}

body.Die.Holzmanufaktur #article-12826 .ce_headerimage {
    background-image: url(/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/bilder/news/APC_Collage---2019.01.05-16.44---001.jpg) !important;
}



.newsteaser .info {
    display: none;
}
.newsreader h1 {
	font-size: 2.55rem;
}
#main .fmhl-force-center *,#main  .fmhl-force-center{
	text-align: center !important;
}
/* +++++++++++++++++++++++++++++++++++++++++++ Bilder +++++++++++++++++++++++++++++++++++++++++++ */
/*.ce_image .image_container::before {
content: "";
width: 9%;
height: 100%;
background: url(/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/layout/klammer_links.png);
top: 0px;
left: 20px;
position: absolute;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position:left;
}

.ce_image .image_container::after {
content: "";
width: 9%;
height: 100%;
background: url(/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/layout/klammer_rechts.png);
top: 0px;
right: 20px;
position: absolute;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position:right;}
*/
/* +++++++++++++++++++++++++++++++++++++++++++ footer +++++++++++++++++++++++++++++++++++++++++++ */
.call2action .ce_text_extented.autogrid-type_cte.block.one_half {
    width: 100% !important;
}

#footer .block.one_fourth {
    width: 20%;
}

#footer li {
    list-style-type: square;
    list-style-position: inside;
    padding-left: 0px;
    margin-bottom: 0px;
}

#footer li::before {
    content: "" !important;
}

#footer li::after {
    border-bottom: 0px solid rgb(255, 255, 255);
}

#bottom .inside a:hover {
    color: rgba(255, 255, 255, 1);
}


/* +++++++++++++++++++++++++++++++++++++++++++ bottom +++++++++++++++++++++++++++++++++++++++++++ */
#bottom .one_fourth.footer-col6.block {
    width: 75%;
    text-align: left;
}

#bottom .one_fourth.footer-col7.block {
    width: 25%;
    text-align: right;
}

#bottom > .ce_headline {
    text-align: right;
}

/* +++++++++++++++++++++++++++++++++++++++++++ galerie +++++++++++++++++++++++++++++++++++++++++++ */
#gallery_92672 .image_container img,
#gallery_93863 .image_container img {
    max-width: 50%;
    margin: 0 auto;
}

/* matratzen */
#gallery_93914 .image_container img {
    max-width: 40%;
    margin: 0 auto;
}

/* bettzeug */
#gallery_95281 .image_container img {
    max-width: 40%;
    margin: 0 auto;
}

/* spannleintuecher */

/* +++++++++++++++++++++++++++++++++++++++++++ video +++++++++++++++++++++++++++++++++++++++++++ */
.ce_player .mejs__container {
    width: 100% !important;
}

#autogrid_wrapper_95309 .ce_iconbox {
    min-height: 360px;
}

.autogrid-id_95306.autogrid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#autogrid_wrapper_95309 .ce_iconbox.block.one_half {
    width: 49%;
}

#autogrid_wrapper_95306 .ce_iconbox.block.one_half {
    width: 49%;
}

/*.autogrid-id_95310.autogrid {padding-right: 0px !important;}*/
.autogrid-id_95306.autogrid {
    padding-left: 1% !important;
}

.ce_iconbox autogrid-id_94869 .ce_iconbox {
    padding-right: 1% !important;
}

.ce_iconbox.autogrid-id_94869 {
    min-heigth: 360px !important;
}

.ce_iconbox.autogrid-id_94869.block.one_half {
    width: 49%;
    min-height: 360px !important;
}

.ce_player.autogrid-id_95309 {
    padding-right: 0% !important;
}

.ce_player.autogrid-id_95310 {}

#article-12929 .ce_player #mep_0 .mejs__overlay.mejs__layer.mejs__overlay-play {
    width: 100% !important;
}

/* +++++++++++++++++++++++++++++++++++++++++++ landingpage +++++++++++++++++++++++++++++++++++++++++++ */

.roewa-site .fm-contain-img img{
	width: 100% !important
}
body.lp iframe {
    width: 100%;
    min-height: 500px;
}

body.lp #article-12872 .image_container img {
    float: right;
}

body.lp .kontakt-button {
    position: absolute;
    top: 350px;
    left: 100px;
}

body.lp .kontakt-button2 {
    position: absolute;
    top: 185px;
    left: 250px;
}

body.lp .logo-roewa {
    width: 250px;
    height: 112px;
    background-image: url('/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/layout/logo_technogel.svg');
    float: right;
    background-size: 60%;
    background-position: center;
}

body.lp .logo-royalsleeper {
    width: 250px;
    height: 112px;
    background-image: url('/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/layout/RoyalSleeper_klein.jpg');
    float: right;
    background-size: 60%;
    background-position: center;
}

body.lp .logo-technogel {
    width: 250px;
    height: 112px;
    background-image: url('/web/20240519082134im_/https://schlaftraum.at/files/cto_layout/img/layout/logo_technogel.svg');
    float: right;
    background-size: 60%;
    background-position: center;
}

body.lp .ce_textarea ul li {
    list-style-type: square;
    list-style-position: outside;
    margin-left: 20px;
}

body.lp .smartmenu-trigger,
body.lp #nav-open-btn {
    display: block;
}

body.lp #nav-open-btn::before {
    background: none;
}

body.lp #top-wrapper {
    top: 0px;
}

body.lp .royalsleeperklein {
    display: none;
}

#top {
    display: block !important;
}


#top .mod_top_phone {
    display: block !important;
}



.lp .ce_text ul li,
.ce_list ul li {
    list-style-type: square;
}

.lp .ce_text ul {
    padding-left: 30px;
}

.technogel.lp #article-12912 .ce_autogridwrapper_large.first {
    padding-right: 0px;
}

@media (min-width:550px) and (max-width:767px) {
    body.lp .logo a {
        background-size: 70% !important;
    }

    body.lp .logo-roewa {
        width: 50% !important;
        background-size: 40% !important;
        height: 68px !important;
    }

    body.lp .logo-technogel {
        width: 50% !important;
        background-size: 40% !important;
        height: 68px !important;
    }
}

@media (min-width:420px) and (max-width:767px) {
    body.lp #article-12872 .ce_image {
        display: none;
    }

}




/* +++++++++++++++++++++++++++++++++++++++++++ media queries +++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width:375px) {
    .header.original .logo {
        height: 100%;
    }

    .logo a {
        background-size: 70%;
    }

    #bottom .one_fourth.footer-col7.block {
        text-align: left;
    }
	.slide.slide_2 .ce_revolutionslider_hyperlink {
font-size: 5.5vw !important;
line-height: 2em !important;
}
}

@media only screen and (max-width: 375px) {
    .ce_revolutionslider .ce_revolutionslider_text.sfl {
        font-size: 13px !important;
        right: 20px !important;
        line-height: 20px !important;
        left: unset !important;
    }

    .ce_revolutionslider .ce_revolutionslider_text.sfr {
        font-size: 13px !important;
        right: 20px !important;
        line-height: 20px !important;
        left: unset !important;
    }

    .ce_revolutionslider .ce_revolutionslider_text.sfb {
        font-size: 13px !important;
        right: 20px !important;
        line-height: 20px !important;
        left: unset !important;
    }
}

@media (max-width:767px) {
    h1 {
        font-size: 1.4rem;
    }

    .header.original .logo {
        height: 100%;
        margin-top: 20px !important;
    }
    .small-slider-link {
font-size: 6vw !important;
line-height: 1.5em !important;
}
}

.logo a {
    background-size: 80%;
}

#submenu {
    display: none;
}

@media (max-width:450px) {
 
    .header.original .logo {
        margin-top: 0px !important;
    }
}
/*.autogrid:not(.ce_autogridwrapper):not(.no_gutter) {margin-bottom: 0px;}*/
.ce_text_image_bar .text-table {
    width: 100%;
}

body:not(.roewa-site) .ce_text_image_bar .text-left, body:not(.roewa-site) 
.ce_text_image_bar .text-right {
    padding: 20px;
}

body:not(.roewa-site) .ce_text_extented.align-center h2,
body:not(.roewa-site) .ce_text_extented.align-center p {
    text-align: left !important;
}

.mm-hasnavbar-top-1 .mm-panels {
    top: 0px;
}

.mm-navbar-top,
.mm-navbar-bottom {
    height: 0px;
}

#top {
    display: block !important;
}




@media (max-width:890px) {
    #bottom .one_fourth.footer-col7.block {
        width: 100%;
        text-align: left;
    }

    #top {
        display: block !important;
    }
}


@media (min-width:767px) and (max-width:1150px) {
    .smartmenu {
        display: block;
    }

    .mainmenu {
        display: none;
    }

    #top {
        display: block !important;
    }

    .rundgang-seite-mobil {
        display: block !important;
    }
}

@media (max-width:738px) {
    #bottom .inside a {
        border-bottom: 1px solid;
    }

    #bottom .ce_text.last.block p {
        width: 215px;
    }

    #top {
        display: block !important;
    }

    /*	#bottom .ce_text.last.block text {width: 100px}
*/
}

@media only screen and (max-width: 1024px) {
    #main h1 {
        font-size: 2.4rem !important;
    }

    #main h2 {
        font-size: 1.7rem !important;
    }

    .submenu_v3 ul {
        padding-left: 10px;
    }

    #autogrid_wrapper_94857 h3,
    #autogrid_wrapper_94850 h3 {
        font-size: 1.2rem !important;
    }

    .ce_text_image_bar .text-table {
        width: 100%;
    }

    .ce_text_image_bar .text-right {
        padding: 50px 40px;
    }

    #article-12725 .text-right {
        height: 730px;
    }

    #autogrid_wrapper_95100 .ce_text_imagebox_image {
        height: 120px;
    }

    .ce_text_imagebox .inside .content.only-headline .ce_headline .headline {
        font-size: 1.4rem;
    }

    #top {
        display: block !important;
    }
}

@media (max-width:767px) {
    body.lp #top .inside {
        padding-left: 20px;
        padding-right: 20px;
    }

    .header .inside {
        justify-content: space-between;
    }

    .roewa-site .header.original .logo {
        margin-left: 0 !important;
    }

    .logo a {
        background-size: 80%;
    }

    body.lp #wrapper {
        top: 120px;
    }

    body.lp .logo {
        width: 50% !important;
    }

    body.lp .logo a {
        background-size: 90% !important;
    }

    body.lp .logo-roewa {
        width: 50% !important;
        background-size: 60% !important;
        height: 68px !important;
    }

    body.lp .logo-royalsleeper {
        width: 50% !important;
        background-size: 60% !important;
        height: 68px !important;
    }

    body.lp #nav-open-btn::before {
        background: #978c6d;
    }

    body.lp .kontakt-button {
        top: 100px !important;
    }

    body.lp .kontakt-button2 {
        top: 70px !important;
    }

    body.lp .ce_gallery .cols_3 li {
        width: calc(100% / 3) !important;
    }

    body.lp #footer {
        margin-top: 110px;
    }

    body.lp .royalsleeperklein {
        display: block !important;
    }

    body.lp .royalsleepergross {
        display: none !important;
    }

    #top .inside {
        padding-left: 20px;
        padding-right: 20px;
    }

    #top .mod_top_mail {
        display: none !important;
    }

    #top .mod_top_phone {
        margin-right: 0px;
        font-size: 12px;
    }

    #top {
        line-height: 1.6rem;
    }

    #main h1 {
        font-size: 2.2rem !important;
    }

    #header {
        top: 27px !important;
    }

    #slider {
        padding-top: 130px !important;
    }

    #top .inside .mod_top_phone p,
    #top .mod_top_phone a {
        font-size: 0.65rem !important;
    }

    #top .inside .mod_top_mail.meta-nav a {
        font-size: 0.65rem !important;
    }

    .rundgang-seite-mobil {
        display: block !important;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #main h1 {
        font-size: 2rem !important;
    }

    #main h1 .color-accent {
        display: inline-block;
    }

    #main h2 {
        font-size: 1.7rem !important;
    }

    .submenu_v3 ul {
        padding-left: 10px;
    }

    #autogrid_wrapper_94857 h3,
    #autogrid_wrapper_94850 h3 {
        font-size: 1.2rem !important;
    }

    .ce_text_image_bar .text-table {
        width: 100%;
    }

    .ce_text_image_bar .text-right {
        padding: 50px 40px;
    }

    #article-12725 .text-right {
        height: 730px;
    }

    #autogrid_wrapper_95100 .ce_text_imagebox_image {
        height: 120px;
    }

    .ce_text_imagebox .inside .content.only-headline .ce_headline .headline {
        font-size: 1.4rem;
    }

}


@media only screen and (max-width: 1024px) {
    #article-12779 .text-right {
        height: 840px !important;
    }

}


@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #article-12779 .text-right {
        height: 840px !important;
    }

}


@media only screen and (max-width: 990px) {
    #submenu {
        display: none;
    }
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 990px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 990px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 990px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 990px),
only screen and (min-resolution: 192dpi) and (max-width: 990px),
only screen and (min-resolution: 2dppx) and (max-width: 990px) {
    #submenu {
        display: none;
    }
}


@media (min-width:360px) and (max-width:400px) {

    .ce_revolutionslider .banner.responsive.revslider-initialised {
        height: 230px !important;
    }

}

@media (min-width:320px) and (max-width:359px) {

    .ce_revolutionslider .banner.responsive.revslider-initialised {
        height: 180px !important;
    }

    .ce_revolutionslider_text .caption .tp-caption .bold .invertcolor .block .sfl .str .start #talos {
        font-size: 13px;
    }

    #main h1 {
        font-size: 1.6em !important;
    }

    #main h2 {
        font-size: 1.4em !important;
    }

    #main h3 {
        font-size: 1.25em !important;
    }

    #top .inside .mod_top_mail.meta-nav a {
        font-size: 0.59rem !important
    }

    #top .inside {
        padding-left: 5px;
        padding-right: 5px;
    }

    #top .mod_top_phone {
        margin-right: 0px;
        font-size: 11px;
    }

    .mod_cookiebar_optin .palette .cookie_option_info {
        font-size: 0.7rem;
        line-height: 1.1;
    }

    .mod_cookiebar_optin .headline {
        font-size: 1.1rem;
        margin-bottom: 5px;
    }

    .mod_cookiebar_optin .cookie_info {
        line-height: 1.2;
        font-size: 0.7rem;
    }

    .mod_cookiebar_optin .submit {
        margin-top: 6px;
    }

    input.submit,
    button.submit {
        padding: 10px 20px;
        font-size: 0.6rem;
    }

    form .widget-radio label {
        width: auto;
        font-size: 14px;
    }
}



/*

.ce_revolutionslider_text.caption.tp-caption.bold.invertcolor.block.sfr.ltr.start{
	opacity:1 !important;
	animation: slider 4s ease-in-out!important;
	-webkit-animation: slider 4s ease-in-out!important;
}

@keyframes slider {
	0% {transform: translate3d(1400px, 0px, 0px)!important;
		-webkit-transform: translate3d(1400px, 0px, 0px)!important;
		-moz-transform: translate3d(1400px, 0px, 0px)!important;
		-ms-transform: translate3d(1400px, 0px, 0px)!important;
		-o-transform: translate3d(1400px, 0px, 0px)!important;}
	100% { transform: translate3d(0x, 0px, 0px)!important; -webkit-transform: translate3d(0x, 0px, 0px)!important; -moz-transform: translate3d(0x, 0px, 0px)!important; -ms-transform: translate3d(0x, 0px, 0px)!important; -o-transform: translate3d(0x, 0px, 0px)!important;
}
}
*/

#main .stellenanzeige li {
    margin-bottom: 15px;
    line-height: 1.4em;

}

.mod_newsreader .ce_text ul li,
.ce_list ul li {
    margin-left: 15px;
    list-style: square;
}
#footer 
.ce_popup_content, #footer 
.ce_popup_content a {
color: #555;
}
#footer 
.ce_popup_content strong{
color: #978c6d !important;
}
.ce_popup_content .ce_text_extented.align-center h2,.ce_popup_content .ce_text_extented.align-center p {
text-align: left !important;
text-align: center !important;
}

.popup-text h2, .popup-text h3, .popup-text h4, .popup-text p {color: #978c6d !important;}

.popup-text h2 {padding-left: 50px; padding-right: 50px;}


.popup-text h4 {padding-left: 30px; padding-right: 30px;}

@media (max-width: 768px) {
    .fm-first-slide .ce_bgimage-image {
        background-image: url(/files/cto_layout/img/bilder/Slider%20Bilder/Neu%20November%202024/slide1-mobile.webp) !important;
    }
}

/*
     FILE ARCHIVED ON 08:21:34 May 19, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:04:52 Nov 28, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.554
  exclusion.robots: 0.018
  exclusion.robots.policy: 0.008
  esindex: 0.015
  cdx.remote: 65.781
  LoadShardBlock: 132.283 (3)
  PetaboxLoader3.datanode: 218.234 (5)
  PetaboxLoader3.resolve: 135.336 (2)
  load_resource: 268.459
  loaddict: 150.106
*/

.bild-auto .ce_image_extended_inside .ce_image  .image_container img {
width: 100% !important;
height: auto !important;
}
/* Contao-5-Umstieg: Autogrid-Spalten dürfen schmaler als ihr Inhalt (große Bilder) werden,
   sonst bricht jede Spalte in eine eigene Zeile um (flex-basis + min-width:auto) */
.autogrid_row > .column { min-width: 0; }

/* Contao-5-Umstieg: EclipseX liest die Akzentfarbe aus einer Variablen, der alte Theme-Designer (Themer 2.x) setzte
   nur feste Werte. Wert aus tl_pct_themedesigner (aktive Version 5, accentColor). Alternative: Theme-Designer im
   Backend einmal speichern, dann erzeugt EclipseX die Datei mit Variablen selbst. */
:root { --accentColor: #978c6d; }

/* Contao-5-Umstieg: Logo-Höhe war relativ zur Kopfzeile; in EclipseX ist diese mobil ein Flex-Container ohne Höhe */
@media (max-width: 767px) {
    .header.original .logo { height: 68px; }
}