@media (min-width: 768px) { .container { width: 100%; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } @media (min-width: 1400px) { .container { width: 1370px; } } h1, h2, h3, h4 { font-family: 'Roboto', helvetica, arial, sans-serif; } li { font-size: 120%; } .gradientY { background: #eeeeee; } .img-responsive_100 { max-width: 100px; width: 100px; } .img-responsive { max-width: 100%; width: 100%; } .img-social-media { border: 0px; height: 20px; width: 20px; } .txt-mitte { text-align: center; } .layer-sisat{ position: absolute; top: 10px; left: 15px; } .sis-img{ width: 600px; height: 250px; max-height: 250px; } .back-to-top { display: block; position: fixed; z-index: 99; bottom: 0; text-align: center; font-size: 1rem; font-weight: bold; border-radius: .3rem; color: #fff !important; line-height: 50px; height: 50px; width: 50px; margin: 15px; text-decoration: none; transition-property: background-color,box-shadow,border,color,opacity,transform; transition-duration: .3s; outline: none !important; background-color: rgba(0,0,0,.3); right: 0; transform: translate3d(0,0,0); } .navbar { background: #3b5999; font-size: 15px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #fdfdfd; background-color: #3b5999; padding-bottom: 3px; border-bottom: 3px solid #fff; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #fdfdfd; background-color: #3a3a3a; padding-bottom: 3px; border-bottom: 3px solid #fff; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #fdfdfd; background-color: #3a3a3a; padding-bottom: 3px; border-bottom: 3px solid #fff; } .form-selected { background-color: yellow; } .menue-schrift { /* text-shadow: 1px 1px 1px #000; */ } .menu-panel { color: #fdfdfd; border-radius: 4px 4px 0px 0px; text-shadow: 0 0 0 #fafafa; -webkit-box-shadow: 0 0 0 #fafafa; box-shadow: 0 0 0 #fafafa; border: 0px; font-weight: bold; font-size: 16px; font-family: 'Roboto', helvetica, arial, sans-serif; height: 42px; } .menu-col { padding-right: 0px; padding-left: 0px; height: 42px; border-left: 2px solid #eeeeee; border-right: 2px solid #eeeeee; } .menu-body { vertical-align: middle; text-align: center; padding-right: 0px; padding-left: 0px; } .menu-selected { height: 50px; } .menu-non-selected { border-top: 8px solid #eeeeee; } .menu-typ-img { background: #eeeeee; color: #eeeeee; font-size: 1%; margin-bottom: 0px; } .menu-typ-sat { background: #eeeeee; font-family: 'Comic Sans MS', arial, sans-serif; } .menu-typ-news { background: #3b5999; } .menu-typ-shop { background: #000000; } .menu-typ-sip { background: #009900; } .menu-typ-sis { background: #B53939; } .menu-typ-flohmarkt { background: teal; } .news-fluid { margin: 0px; padding: 0px; } .news-col { margin: 0px; padding-left: 10px; padding-right: 10px; } .news-content { margin-bottom: 25px; border: 0px; border-radius: 6px; background-color: #fff; } .news-ul { margin-top: 5px; margin-bottom: 0px; margin-left: -7px; } .news-shop-content { margin-bottom: 25px; padding: 0px; border: 0px; border-radius: 6px; background-color: #000; } .news-shop-bild { border-top-left-radius: 0px; border-top-right-radius: 0px; } .news-bild { border-top-left-radius: 6px; border-top-right-radius: 6px; } .news-auswahl-content { margin-bottom: 25px; padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px; border: 0px; border-radius: 6px; background-color: #fff; } .news-sponsor-content { margin-bottom: 25px; padding: 0px; border: 0px; border-radius: 4px; background-color: #fff; } .news-sponsor-bild { border-radius: 4px; border: 0px solid #fff; width: 100%; } .news-sis-content { margin-bottom: 25px; padding-left: 10px; padding-right: 10px; padding-top: 15px; padding-bottom: 5px; border: 0px; border-radius: 6px; background-color: #fff; } .news-sis-bild { border-radius: 6px; border: 5px solid #ccc; width: 30%; } .news-sis-content-flog { background-color: #fff; } .news-sis-bild-flog { width: 30%; } .news-datum { font-size: 100%; margin: 0px; padding: 10px 15px 0px 15px; /* top r bot lef */ } .news-datum-rund { border-radius: 6px; } .news-ueb { font-size: 150%; font-weight: bold; margin: 0px; padding: 3px 15px 0px 15px; } .news-text { font-size: 120%; text-align: justify; margin: 0px; padding: 5px 15px 0px 15px; } .news-quelle { font-size: 90%; margin: 0px; padding: 10px 15px 10px 15px; } .news-video-iframe { border-top-left-radius: 6px; border-top-right-radius: 6px; } .page-load-status { display: none; /* hidden by default */ padding-top: 20px; border-top: 1px solid #DDD; text-align: center; color: #777; } .sis-tabelle { margin-bottom: 2px; } .select2-container .select2-selection--single { height: 34px; } #ein_img_sel + .select2-container .select2-selection--single { height: 180px; } .Select2Height150{ height: 180px!important; } .loader-wheel { font-size: 64px; /* change size here */ position: relative; height: 1em; width: 1em; padding-left: 0.45em; overflow: hidden; margin: 0 auto; animation: loader-wheel-rotate 0.5s steps(12) infinite; } .loader-wheel i { display: block; position: absolute; height: 0.3em; width: 0.1em; border-radius: 0.05em; background: #333; /* change color here */ opacity: 0.8; transform: rotate(-30deg); transform-origin: center 0.5em; } @keyframes loader-wheel-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Navigation */ /* Navigation */ /* Navigation */ .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #000; } .dropdown-submenu{ position: relative; } .dropdown-submenu>.dropdown-menu{ top:0; left:100%; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px; } .dropdown-submenu>a:after{ display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px;margin-right:-10px; } .dropdown-submenu:hover>a:after{ border-left-color:#555; } .dropdown-submenu.pull-left{ float: none; } .dropdown-submenu.pull-left>.dropdown-menu{ left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { }