@charset "utf-8";
/* CSS Document */

html {    scroll-behavior: smooth;}

.navbar-nav {    float: none;    max-width: 800px;    margin: 0 auto;}
.navbar-default .navbar-nav>li>a {    color: #777;    font-size: x-large;}
.navbar-nav li{background-image: url(https://www.ideograf.de/fileadmin/img/nav-arrow.png);background-repeat:no-repeat;
    background-position:left center;}
.nav>li>a {    padding: 10px 25px 10px 25px;}
.sticky-menu {    top: 0; position: fixed; z-index: 1000; width:100%;}

.icons {position:fixed; right:0px; top:100px; width:40px; z-index: 100;}
.icons img {width:40px; height:auto; margin-bottom:10px;}

.frame-type-text {    padding: 50px 50px 0 70px;font-size: large;    height: 870px;    max-height: calc(100vw - 47px); overflow: auto;}
section {padding-top: 37px;}

.slider-button-prev, .slider-button-next {	background-image: url(https://www.ideograf.de/fileadmin/img/arrows.png) !important;}
.pagination {display:flex; flex-wrap: wrap;   position: relative;    padding-left: 0;    margin: -30px 0;    border-radius: 4px;    z-index: 1000;}
.tns-nav button {    border: 1px solid #ccc; height: 13px;width: 13px;margin: 3px;padding: 6px; }

.hh-slider, .frame-layout-1 {    max-width: 900px !important;
	margin: 0 auto 50px;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 75%) !important;}
.frame-layout-1 {  margin: 0 auto 12px;}
.frame-layout-1 img {width: 900px; max-width: 100%; height: auto;}



@media screen and (max-width: 991px) {
.container {    width: 100%; height: auto;}
.slider-button-prev, .slider-button-next {    width: 20px;height: 40px;}
	
}

@media screen and (max-width: 767px) {
  .icons {position:fixed; left:6px; top:6px; width:80%;  z-index: 1001;}
  .icons img { margin-right:6px;}
}