| | |
| | | margin-top: 0.2rem; |
| | | } |
| | | |
| | | .ctrl-btn { |
| | | .ctrl-btn, .ctrl-btn:focus { |
| | | width: 4rem; |
| | | font-size: medium; |
| | | display: inline-block; |
| | |
| | | text-transform: none; |
| | | text-decoration: none; |
| | | white-space: nowrap; |
| | | background-color: transparent; |
| | | /* background-color: transparent; */ |
| | | border-radius: 4px; |
| | | border: 1px solid #bbb; |
| | | border: 0; |
| | | cursor: pointer; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .ctrl-btn:hover { |
| | | color: white; |
| | | background-color: #707070; /* #e1e1e1;*/ /* #707070; */ |
| | | } |
| | | |
| | | .ctrl-select { |
| | |
| | | } |
| | | |
| | | .top-btn-area { |
| | | display: flex; |
| | | flex-flow: row; |
| | | /*margin-left: auto;*/ |
| | | margin: -0.5em 1em 0 2em; |
| | | } |
| | | |
| | | .top-btn { |
| | | .top-btn, .top-btn:focus { |
| | | margin: 0; |
| | | padding: 0 0.2em 0 0.2em; |
| | | height: 1.3em; |
| | | line-height: 1em; |
| | | text-align: center; |
| | | font-size: large; |
| | | background-color: white; |
| | | color: white; |
| | | border-radius: 4px; |
| | | border: 0; |
| | | /* background-color: white; */ |
| | | /* width: 1em; */ |
| | | } |
| | | |
| | | .top-btn:hover { |
| | | color: black; |
| | | background-color: #e1e1e1; /* #707070; */ |
| | | } |
| | | |
| | | @media (min-width: 800px) { |
| | | .zentraler-inhalt { |