/* merriweather-sans-300 - latin */ @font-face { font-family: 'Merriweather Sans'; font-style: normal; font-weight: 300; src: url('../fonts/merriweather-sans-v10-latin-300.eot'); /* IE9 Compat Modes */ src: local('Merriweather Sans Light'), local('MerriweatherSans-Light'), url('../fonts/merriweather-sans-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-sans-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-sans-v10-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-sans-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-sans-v10-latin-300.svg#MerriweatherSans') format('svg'); /* Legacy iOS */ } /* merriweather-sans-regular - latin */ @font-face { font-family: 'Merriweather Sans'; font-style: normal; font-weight: 400; src: url('../fonts/merriweather-sans-v10-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Merriweather Sans'), local('MerriweatherSans-Regular'), url('../fonts/merriweather-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-sans-v10-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */ } /* merriweather-300 - latin */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 300; src: url('../fonts/merriweather-v20-latin-300.eot'); /* IE9 Compat Modes */ src: local('Merriweather Light'), local('Merriweather-Light'), url('../fonts/merriweather-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-v20-latin-300.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-regular - latin */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: url('../fonts/merriweather-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Merriweather Regular'), local('Merriweather-Regular'), url('../fonts/merriweather-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-v20-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-300italic - latin */ @font-face { font-family: 'Merriweather'; font-style: italic; font-weight: 300; src: url('../fonts/merriweather-v20-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url('../fonts/merriweather-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-v20-latin-300italic.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-italic - latin */ @font-face { font-family: 'Merriweather'; font-style: italic; font-weight: 400; src: url('../fonts/merriweather-v20-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Merriweather Italic'), local('Merriweather-Italic'), url('../fonts/merriweather-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-v20-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-v20-latin-italic.svg#Merriweather') format('svg'); /* Legacy iOS */ } /*@import url('../fonts/Merriweather/stylesheet.css'); @import url('../fonts/Merriweather_Sans/stylesheet.css');*/ .canvas{ position:relative;} body{ font-family: 'Merriweather Sans'; font-weight:400; color:#404040; font-size:0.65vw; width:100vw; height:100vh; overflow:hidden;} h1, h2, h3, h4, h5{font-family: 'Merriweather'; font-style:italic; margin-top:0; font-weight:bold;} header{ position:fixed; right:0; top:0; z-index:5; } header .barnd{ display:block; margin:1.083vw 2.291vw 0 0;} header .barnd img{ max-width:12.395vw;} *{ outline:none;} .no-margin{ margin:0;} img{ max-width:100%;} .no-padding{ padding:0;} p{font-family: 'Merriweather Sans'; font-weight:200; line-height:1.6em; margin-bottom:2em; font-size:1.07em; } a{ text-decoration:none !important;} ul { list-style-type:square; font-family: 'Merriweather Sans'; font-weight: 200; line-height: 1.6em; margin-bottom: 1.6em; font-size: 1.07em;} b, strong { font-weight: 400 !important;} .main-col{ width:70vw; display:block; float:right; margin-right:30%; position:relative; height:100vh;} .banner{ height: calc(100vh - 14.583vw)} .banner .carousel, .banner .carousel .carousel-inner{ height:100%;} .banner .carousel .item{ background-position:center bottom; background-repeat:no-repeat; background-size:cover; height:100%;} .title-box{/* position:absolute; bottom:0; left:0;*/ position:relative; background:#109fdb; height:14.583vw; width:50vw;} .left-col{ width:0vw; height:100vh; float:left; position:relative; transition:ease-in-out .5s; } .left-col .inner-col{ width:100%; height:auto;} .main-col .bottom-col{ position:fixed; width:50vw; bottom:0; right:0; height:14.583vw;} .main-col .banner .video-btn{ position: absolute; top: 0; left: 0; background: #109fdb; color: #fff; font-family: 'Merriweather'; font-size: 1.5em; font-style: italic; margin-top: 3.083vw; margin-left: 2.604vw; padding: .5vw; border-radius: 7px; width:11.3vw; transition:ease-in-out .3s; white-space: nowrap;} a.video-btn.exception.news_update { top: -2vw; background-color: #ff8901; background-image: url(https://nostalk.de/wp-content/uploads/exchange.png); background-repeat: no-repeat; text-align: left; background-position: 8px 11px; padding-left: 34px; background-size: 20px; } a.video-btn.exception.news_update:hover { background-color: #de7701; background-image: url(https://nostalk.de/wp-content/uploads/exchange.png); background-repeat: no-repeat; text-align: left; background-position: 8px 11px; padding-left: 34px; background-size: 20px; } a.video-btn.exception.news_update.hider ~ .video-btn-2 { top: 43px !important; } a.video-btn.exception.news_update.hider ~ #excp { top: 64px; } a.video-btn.exception.news_update.hider ~ .video-btn-3 { margin-top: 12vw; } .cont-b { position: absolute; top: 3.4vw; background: #ff8901; color: #fff; padding-top: 20px; padding-bottom: 20px; display: none; padding: 1vw 1vw; border-radius: 4px; } a#excp { top: 1vw; } .video-btn.video-btn-2.exception{ margin-top: 7.083vw; padding: .5vw 2.25vw; padding-left: .5vw; } .video-btn.video-btn-3.exception{ background: none; width: 6.5vw; margin-top: 9.5vw; /* padding-left: 3.5vw; */ } .video-btn.video-btn-3.exception:hover{ background: none !important;} .main-col .banner .video-btn:hover{ background:#0d80b1;} .app-slider .media{ min-height:31.020vw;} .app-slider video{ width:100%; height:100%;} .innerpage .main-col .banner .video-btn{ transform: scale(0);} .app-col{ width:60%; float:left; height:100%; } .carousel .carousel-indicators{ left:0; text-align:left; margin:0; margin-left:2.604vw; width:auto; } .carousel .carousel-indicators li{ background:none; padding:0.260vw 0; border-radius:0; border:none; margin:0; margin-right:0.416vw; height:auto; width:auto; } .carousel .carousel-indicators li span{width:2.083vw; height:2px; background:#bbbcbe; display:block;} .carousel .carousel-indicators li.active span{width:2.083vw; height:2px; background:#197ba2;} .main-col .carousel .item .carousel-caption{transform: translateY(-50px); opacity:0; transition:ease-in-out .7s; left:0; right:auto; margin-left:2.604vw; width:50%; text-align:left; text-shadow:none;} .main-col .carousel .item.active .carousel-caption{transform: translateY(0); opacity:1;} .main-col .carousel .carousel-caption h2{ font-size:2.0em; line-height:1em; color:#fff; font-style:italic;} .collapse-col{ margin-top:1.302vw;} .main-col .carousel .carousel-caption .collapse-btn{ position:absolute; left:0; bottom:0; margin-bottom:1.822vw;} .main-col .carousel .carousel-caption .collapse-btn img{transition:ease-in-out .2s;} .main-col .carousel .carousel-caption .collapse-btn[aria-expanded="true"] img{transform: rotate(-180deg);transition:ease-in-out .2s;} .collapse-col .collapse-btn img{ width:2.083vw;} .title-box{ padding:0 2.604vw; z-index:2;} .title-box .inner{ padding:0; display: -ms-flexbox; display: flex; /* -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; */ -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; flex-direction: column; height:100%; padding-right:18%;} .title-box h2{ color:#fff; font-size:2.86em; font-style:italic;} /* .title-box h2{ color:#fff; font-size:2.86em; line-height:1.4em; font-style:italic;} */ .title-box p{ color:#fff;} .title-box .next{ max-width:11.041vw; display:block; position:absolute; right:3.541vw; bottom:1.875vw;} .title-box .next img{ width:100%;} .nav-col{ width:40%; float:left; background:#0184ba; height:100%;} .main-col{ transition:ease-in-out .5s;} .main-col .bottom-col .login-bar{ display:block; background:#ff8901; padding:0 2.552vw} .main-col .bottom-col .login-bar a{ font-family: 'Merriweather Sans'; font-weight:400; font-size:1.43em; line-height:1.75em; display:block; padding:0.7vw 0; color:#fff;} .main-col .bottom-col .login-bar a .icon{ margin-right:0.937vw; background:#fff; border-radius:50%; width:1.927vw; height:1.927vw; display:inline-block; text-align:center; vertical-align:middle;} .main-col .bottom-col .login-bar a .icon img{ width:0.937vw;} .nav-col .navbar-default{ background:none; border:none; position: relative;} .nav-col .navbar-default .navbar-nav{ display:block; float:none; margin:0 2.604vw; margin-top:1.0937vw;} .nav-col .navbar-default .navbar-nav li{ display:block; float:none;} .nav-col .navbar-default .navbar-nav li a{ padding:0; color:#fff;font-family: 'Merriweather Sans'; font-weight:400; line-height:1.5em; font-size:1.34em;} .nav-col .navbar-default .navbar-nav.small-nav{ margin-top:0.416vw;} .nav-col .navbar-default .navbar-nav.small-nav li a{ font-size:.86em; line-height:1.5em;} .nav-col .navbar-default .navbar-nav li a:hover, .nav-col .navbar-default .navbar-nav li.current-menu-item a{ color:#ff8901;} .header-lang { width:auto;display:inline-block;padding:0;margin-left:0; position: absolute; top: 22px; right: 40px; z-index: 2; } .header-lang:after { content: ''; position: absolute; top: -3px; right: -3px; left: -3px; bottom: 0; background: rgba(255, 255, 255, 0.5); z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .header-lang.active:after { opacity: 1; visibility: visible; } .header-lang .h-lang {position:relative;} .header-lang .h-lang img {width:21px;height:auto;} .header-lang .h-lang:after {content:'';position:absolute;top: 5px;right: -16px;width: 11px;height: 7px;background-size:contain;background-repeat:no-repeat;background-position:center center; background-image:url(../images/sort-down.svg);} .header-lang .lang-list {position:absolute;top:100%;right:0;border-radius:4px;width:21px; display: none; z-index: 2; } .header-lang ul:after { content: ''; position: absolute; top: 0; right: -3px; left: -3px; bottom: -3px; background: rgba(255, 255, 255, 0.5); z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .header-lang.active ul:after { opacity: 1; visibility: visible; } .header-lang ul.lang-list {z-index:1;padding:0;} .header-lang .lang-list li {width:100%;display:inline-block;vertical-align:top; padding-top: 10px;} .header-lang .lang-list li.active {opacity:0.4;pointer-events: none;} .header-lang .lang-list li a span {color:#101010;font-size:11px;font-family: 'NHaasGroteskTXStd-55Rg';letter-spacing: 0.31px;width:auto;display:inline-block;float:left;vertical-align:top;padding-right:4px; min-width:84px;} .header-lang .lang-list li a img{width:21px;height:auto;display:inline-block;float:right;} .fixed-col{ transition:ease-in-out .5s; z-index:2; position:fixed; background:#fff; top:0; right:0px; width:30%; height:100vh; padding-top:6vw; overflow:auto; overflow-x:hidden;} .fixed-col .inner-content{ width:30vw; padding-top:2.25vw !important; padding-left:4.208vw; padding-right:3.645vw;} .fixed-col .inner-content h2{ font-style:italic; display:block; color:#109fdb; font-size:2.29em; font-weight:700; margin-bottom:0.9375vw;} .fixed-col .inner-content h2 small{ display:block; color:#b2b1b6; line-height:.8em; font-size:50%; font-style:normal;font-family: 'Merriweather Sans'; font-weight:400; margin-top:1.041vw;} /*.fixed-col p{font-family: 'Merriweather';}*/ .fixed-col .thumb{ max-width:8.416vw; margin:1.083vw auto 1.562vw; display:block;} .fixed-col .app-col{ width:100%; background:none;} .app-col{ text-align:center; background:#f5f5f5; display:flex; display: -webkit-flex; flex-direction:column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .app-col h3, .app-col h2{ color:#109fdb; display:block; text-align:center; font-size:1.57em; line-height:1.18em; font-style:italic; margin-bottom:1.354vw;} .app-col h2{} .app-col .btn-col{ font-size:0; line-height:0;} .app-col .btn-col a{ display:inline-block; margin:0 0.208vw;} .app-col .btn-col a:first-child{ margin-left:0;} .app-col .btn-col a:last-child{ margin-right:0;} .innerpage .main-col{ width:50%; margin:0;} .innerpage .left-col{ width:50%; overflow:auto; overflow-x:hidden !important;} .innerpage .banner .carousel .item{ background-position:center center;} .left-col .side-content{ min-height: calc(100vh - 14.583vw); /*transition:all ease-in-out .5s;*/} .home .left-col .side-content{ height: calc(100vh - 14.583vw); min-height: 0; /*transition:all ease-in-out .5s;*/} .left-col .side-content .nav-tabs{} .left-col .side-content .nav-tabs li{ width:50%; float:left;position:relative;} .left-col .side-content .nav-tabs li a{font-family: 'Merriweather'; font-weight:400; font-size:2.2em; line-height:1.26em; height:10.833vw; display:block; background:none; border:none; margin:0; text-align:left; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-style:italic; padding:0 2.604vw;} .left-col .side-content .nav-tabs li a span.icon{ transition:all ease-in-out .3s; line-height:0; font-size:0; width:2.083vw; position:absolute; right:1.562vw; bottom:1.302vw;} .left-col .side-content .nav-tabs li.active a .icon{ transform:rotate(180deg)} .left-col .side-content .nav-tabs li:first-child{ background:#109fdb} .left-col .side-content .nav-tabs li:first-child a{ color:#fff;} .left-col .side-content .nav-tabs li:last-child{ background:#f5f5f5;} .left-col .side-content .nav-tabs li:last-child a{ color:#79838d;} .left-col .side-content .nav-tabs li:last-child a .icon{} .left-col .tab-content .tab-pane:first-child{ background:#109fdb; color:#fff;} .left-col .tab-content .tab-pane:first-child a{ color:#fff;} .left-col .tab-content .tab-pane:last-child{ background:#f5f5f5; color:#79838d;} .innerpage .left-col .inner{ padding:1.562vw 2.604vw 2.604vw;} .left-col .tab-content .accordion .panel{ margin:0; background:none; border:none; box-shadow:none; border-bottom:1px solid #fff; border-radius:0;} .left-col .tab-content .accordion .panel .panel-heading{ padding-top:1.562vw; padding-bottom:0; background:none; border:none; border-radius:0;} .left-col .tab-content .accordion .panel:first-child .panel-heading{ padding-top:0;} .accordion .panel .panel-heading h3{ font-weight:normal; margin:0; font-size:1.30em; font-style:italic; line-height:1.88em;} .accordion .panel .panel-heading a{ position:relative; color:#fff; padding:0.520vw 0; display:block;} .accordion .panel .panel-heading a .icon{ width:2.083vw; transition:ease-in-out .2s; position:absolute; top:50%; margin-top:-0.781em; right:0;} .accordion .panel .panel-heading a[aria-expanded="true"] .icon{transform: rotate(180deg);transition:ease-in-out .2s;} .left-col .tab-content .tab-pane{ padding-top:5.208vw;} .left-col .tab-content .panel-group{ margin:0;} .innerpage .left-col .title-box .inner{ padding:0;} .left-col .tab-content .accordion .panel .panel-body{ border:none;} .left-col .tab-content .accordion .panel .panel-body p{ color:#fff; line-height:1.5em; font-size:1.07em;} .left-col .tab-content .tab-pane:last-child .accordion .panel .panel-heading a, .left-col .tab-content .tab-pane:last-child .accordion .panel .panel-body p{ color:#79838d;} .left-col .tab-content .tab-pane:last-child .accordion .panel{ border-color:#79838d;} .media img{ max-width:none;} .app-slider{ padding:0 2.604vw;} .app-slider .media{ padding:2.83vw 2.604vw; vertical-align:middle; } .app-slider .media .media-body{ vertical-align:middle;} .app-slider .media .media-left{ padding-right:1.822vw;} .app-slider .media .media-left img{ width:9.114vw;} .app-slider .media h3{font-style: italic; display: block; color: #109fdb; font-size: 2.29em; font-weight: 700; margin-bottom: 0.9375vw;} .app-slider .media h3 small{ display: block; color: #b2b1b6; line-height: 1.4em; font-size: 50%; font-style: normal; font-family: 'Merriweather Sans'; font-weight: 400; margin-top: 1.041vw;} .app-slider .carousel-indicators{ left:auto; right:0; } .app-slider .carousel-control{ width:8%;} .app-slider .carousel-control.right{ opacity:1; right:-1.604em; background:#fff url(../images/slider-arrow-next.png) bottom 5.781vw center no-repeat; background-size:2.083vw auto;} .app-slider .carousel-control.left{ opacity:1; left:-1.604em; background:#fff url(../images/slider-arrow-back.png) bottom 5.781vw center no-repeat; background-size:2.083vw auto;} .contact-form{ display:block;} .contact-form input[type="text"], .contact-form textarea{ width:100%; display:block; border:none; background:#fff; font-size:0.93em; line-height:1.6em; padding:0.29em 0.43em;} .contact-form textarea{ resize:none; height:9.166vw;} .contact-form input[type="submit"]{ border:none; padding:0; background:none; color:#109edc; font-size:1.07em; line-height:1.5em; font-weight:700;} .contact-form fieldset{ display:block; margin-bottom:0.729vw;} .contact-form input[type="submit"]:hover{ color:#ff8901;} .address-col p:first-child{ line-height:1.6em; font-size:1em;font-family: 'Merriweather';} .address-col h4{ margin:0; font-family: 'Merriweather'; font-size:1.13em; line-height:1.2em; font-weight:400;} .address-col h4 a{color:#109fdb; font-size:1.13em; font-weight:700; display:block; line-height:1.2em; margin-bottom:.35em; } .address-col address.lead p strong{ display:block; /*margin-bottom:0.364vw;*/} #main-slider .carousel-caption .collapse-col{ margin-bottom:3.083vw;} #main-slider .carousel-caption .collapse-col .collapse .inner-content p:last-child{ margin-bottom:0;} .app-col .btn-col img{ width:7.291vw;} .mobile-home header{ position:static; background:#ffffff; padding:18px 20px;} .mobile-home #bs-navbar{position: fixed; transition:ease-in-out .5s; top: 0; width: 100%; height: 100%; padding-top: 100px; right: -100%; background: rgba(14, 39, 119, 0.90); border: none; z-index: 10; display: block;} .mobile-home #bs-navbar .navbar-nav{} .mobile-home .navbar-default .nav li{ display:block;} .mobile-home .navbar-default .nav li a{ display:block;} .mobile-home .navbar-header{ float:left;} .navbar-default{ background:none; border:none;} .mobile-home .navbar-toggle{ display:block; border:none;} .mobile-home .navbar-toggle .icon-bar{ position: relative; z-index: 10; display: inline-block; width: 18px; height: 2px; color: #fff; text-transform: uppercase; text-indent: -55px; background: #11a0dc; transition: all .2s ease-out;} .mobile-home .navbar-toggle .icon-bar:before{ transition: all .2s ease-out; background:#11a0dc; content:''; width:18px; height:2px; position:absolute; top:7px; left:0;} .mobile-home .navbar-toggle .icon-bar:after{ transition: all .2s ease-out;width:18px; background:#11a0dc; height:2px; content:''; bottom:7px; position:absolute; left:0;} .mobile-home .navbar-toggle:hover, .mobile-home .navbar-toggle:focus{ background:none;} .mobile-home header .barnd{ margin:0; float:right; max-width:140px;} .mobile-home header .barnd img{ width:100%; max-width:none;} .mobile-home .navBtnActive .icon-bar{ background:none !important;} .mobile-home .navBtnActive .icon-bar:before{top: 0; -webkit-transform: rotatez(135deg); -moz-transform: rotatez(135deg); -ms-transform: rotatez(135deg); -o-transform: rotatez(135deg); transform: rotatez(135deg);} .mobile-home .navBtnActive .icon-bar:after { bottom: 0; -webkit-transform: rotatez(-135deg); -moz-transform: rotatez(-135deg); -ms-transform: rotatez(135deg); -o-transform: rotatez(-135deg); transform: rotatez(-135deg);} .mobile-home #bs-navbar.navShadow{ right:0;} .home .main-col .carousel .carousel-caption .collapse-col .inner-content{ max-height:35vh; overflow:auto; font-weight:200;} .innerpage .main-col .carousel .carousel-caption .collapse-col .inner-content{ max-height:35vh; overflow:auto; font-weight:200;} .homeAnime .fixed-col{ transform:translateX(100%);} .homeAnime .main-col{ width:50vw; margin:0;} .homeAnime .left-col{ width:50vw !important;} /*.innerpage.homeAnime .left-col{ overflow:auto}*/ .left-col .inner-col{ width:50vw; } .homeAnime .left-col .inner-col .side-content{opacity:0; /*transition:ease-in-out .5s;*/} .homeAnime .left-col .inner-col .side-content { opacity:1;} .app-slider .carousel-indicators{ opacity:0; visibility:hidden;} .homeAnime .app-slider .carousel-indicators{ opacity:1; visibility:visible;} .main-col .app-col{transform:translateY(200%); opacity:0; transition-delay:.5s; transition:ease-in-out .5s;} .homeAnime .main-col .app-col{transform:translateY(0); opacity:1;} .fixed-col{ overflow:hidden;} .home .left-col .side-content{ width:0; opacity:0; /*transition:all ease-in-out .5s;*/} .left-col .side-content{ opacity:1;} .frm_fields_container .frm_hidden{ display:none;} .frm_error{ display:block; font-size: 0.83em; line-height: 1.6em; color:red;} .fixed-col .inner-content , .main-col .app-col *{ transition:none ;} .innerpage .title-box .next{ display:none;} .left-col .side-content .nav-tabs li a{ box-sizing:content-box;} .partner-logo{ position: absolute; bottom:1.562vw ; left: 0; right: 0; line-height: 0; font-size: 0; margin:1.354vw 0; float: left; text-align: center;} .partner-logo a{ width: 25%; display: inline-block; vertical-align: middle; margin:0 0.520vw; } .partner-logo a img{ width: 100%; } .partner-logo.inner-logo{ position: static; } .partner-logo a:last-child img{ margin-top:1vw;} .partner-logo a:nth-child(2){ width:20%;} .partner-logo a:last-child{ width:27%;} .home .fixed-col{ overflow:auto; overflow-x:hidden;} .home .fixed-col .app-col-inner{ position:relative; min-height:100%; padding-bottom:8.166vw;} .home .app-col{ float:none;} @media (min-width: 1281px) and (max-width: 1440px) { a.video-btn.exception.news_update { background-color: #ff8901; background-image: url(https://nostalk.de/wp-content/uploads/exchange.png); background-repeat: no-repeat; text-align: left; background-position: 8px 8px; padding-left: 34px; background-size: 18px; } a.video-btn.exception.news_update:hover{ background-color: #ff8901; background-image: url(https://nostalk.de/wp-content/uploads/exchange.png); background-repeat: no-repeat; text-align: left; background-position: 8px 8px; padding-left: 34px; background-size: 18px; } a.video-btn.exception.news_update.hider ~ #excp { top: 57px; } } @media (min-width: 1025px) and (max-width: 1280px) { .video-btn.video-btn-2.exception { margin-top: 7.083vw; padding: .5vw 1.55vw; padding-left: .5vw; } .video-btn.video-btn-3.exception { background: none; width: 8.5vw !important; margin-top: 11vw; } a.video-btn.exception.news_update { top: -2vw; background-color: #ff8901; background-image: url(https://nostalk.de/wp-content/uploads/exchange.png); background-repeat: no-repeat; text-align: left; background-position: 7px 8px; padding-left: 34px; background-size: 20px; } a.video-btn.exception.news_update:hover { top: -2vw; background-color: #ff8901; background-image: url(https://nostalk.de/wp-content/uploads/exchange.png); background-repeat: no-repeat; text-align: left; background-position: 7px 8px; padding-left: 34px; background-size: 20px; } a#excp { top: 2vw; } .cont-b { position: absolute; top: 3.8vw; } @media (min-width: 1025px) and (max-width: 1280px) { } a.video-btn.video-btn-3.exception { margin-top: 11vw;} .video-btn.video-btn-2.exception { margin-top: 9vw !important;} a.video-btn.exception.news_update.hider ~ .video-btn-2 { top: 28px !important; } a.video-btn.exception.news_update.hider ~ #excp { top: 55px; } a.video-btn.exception.news_update.hider ~ .video-btn-3 { margin-top: 15vw; } } /*.home .fixed-col .inner-content{ padding-bottom:120px;}*/ @media (max-width:1600px) { } @media (max-width:1366px){ body{ font-size:0.9vw;} .title-box h2{ font-size:2.56em; line-height:1.2em;} .nav-col .navbar-default .navbar-nav li a{ line-height:1.2em; font-size:1.14em;} .main-col .bottom-col .login-bar a .icon img{ vertical-align:top; padding-top:0.308vw;} .app-slider .carousel-control.right{ right:-1.604em;} .app-slider .carousel-control.left{ left:-1.604em;} .innerpage .banner .carousel .item{ background-position: center center;} .main-col .carousel .carousel-caption h2{ font-size:2em;} #main-slider .carousel-caption .collapse-col .inner-content{ height:230px; overflow:auto;} .fixed-col .inner-content{ padding-left:2.208vw; padding-right:2.208vw;} .fixed-col .thumb{ width:8.416vw;} .home .left-col .side-content{height: calc(100vh - 15.583vw);} .title-box{ height:15.583vw;} .banner{ height:calc(100vh - 15.583vw);} .main-col .bottom-col{ height:15.583vw;} .nav-col .navbar-default .navbar-nav li a{ font-size:1.12em; line-height:1.3em;} .nav-col .navbar-default .navbar-nav.small-nav li a{ line-height:1.4em;} .fixed-col{ padding-top: 6.5vw; } .partner-logo{ /*position: static;*/ margin-top:1.954vw; margin-bottom: 1.041vw; } .video-btn.video-btn-2.exception {margin-top: 5.083vw; padding: .5vw 1.55vw; padding-left: .5vw;} .video-btn.video-btn-3.exception{ background: none; width: 8.5vw !important; margin-top: 8.5vw; /* padding-left: 4.5vw;*/ } .main-col .banner .video-btn{ width:15.3vw;} } @media (max-width:1280px) { .main-col .carousel .carousel-caption h2{ font-size:1.5em;} #main-slider .carousel-caption .collapse-col .inner-content{ height:200px;} .app-slider .media{ padding:2.43vw 2.604vw;} .left-col .side-content .nav-tabs li a{ font-size:2.2em;} p{ font-size:1em; margin-bottom:1em;} .fixed-col .thumb{ width: 7.416vw;} .fixed-col .inner-content{ padding-top: 1.25vw !important; } .fixed-col{overflow: auto;} .partner-logo a:last-child img{ margin-top:.8vw;} } @media (max-width:991px) { .left-col .side-content .nav-tabs li a{ font-size:2em;} .accordion .panel .panel-heading h3{ font-size:1.27em;} .left-col .tab-content .accordion .panel .panel-body{ padding:10px;} .left-col .tab-content .accordion .panel .panel-body p{ font-size:1.17em;} .app-slider .carousel-control.right{ right:-1em; background-size:2vw auto;} .app-slider .carousel-control.left{ left:-1em; background-size:2vw auto;} .main-col .bottom-col, .title-box{ height:20.583vw;} .banner {height: calc(100vh - 20.583vw);} .left-col .side-content{min-height: calc(100vh - 20.583vw);} p{ font-size:1.3em; line-height:1.7em;} .nav-col .navbar-default .navbar-nav li a{ padding:2px 0;} .nav-col .navbar-default .navbar-nav.small-nav{ margin-top:5px;} .nav-col .navbar-default .navbar-nav{ margin-top:5px;} .home .left-col .side-content{ height:calc(100vh - 20.583vw);} } @media (max-width:767) { }