.clear-both {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}

.display--inline-block {display: inline-block;}
.display--block {display: block;}
.display--table {display: table;}
.display--table-cell {display: table-cell;}
.display--flex {display: flex}

.font-weight--bold {font-weight: 700;}
.font-weight--semibold {font-weight: 600;}
.font-weight--normal {font-weight: 400;}

.overflow-hidden {overflow: hidden;}
.overflow-hidden-x {overflow-x: hidden}
.overflow-hidden-y {overflow-y: hidden}
.overflow-visible {overflow: visible;}
.overflow-visible-x {overflow-x: visible;}
.overflow-visible-y {overflow-y: visible;}
.overflow-scroll {overflow: scroll;}
.overflow-scroll-x {overflow-x: scroll;}
.overflow-scroll-y {overflow-y: scroll;}
.overflow-auto {overflow: auto;}
.overflow-auto-x {overflow-x: auto;}
.overflow-auto-y {overflow-y: auto;}

.uppercase {text-transform: uppercase;}

.relative, .position--relative {position: relative;}
.absolute, .position--absolute {position: absolute;}
.static, .position--static {position: static;}
.fixed, .position--fixed {position: fixed;}

.vertical-align--middle {vertical-align: middle;}
.vertical-align--top {vertical-align: top;}
.vertical-align--bottom {vertical-align: bottom;}

/* paddings */
.padding {padding: 15px;}
.padding-top {padding-top: 15px;}
.padding-right {padding-right: 15px;}
.padding-bottom {padding-bottom: 15px;}
.padding-left {padding-left: 15px;}

.padding2x {padding: 30px;}
.padding2x-top {padding-top: 30px;}
.padding2x-right {padding-right: 30px;}
.padding2x-bottom {padding-bottom: 30px;}
.padding2x-left {padding-left: 30px;}

.padding3x {padding: 45px;}
.padding3x-top {padding-top: 45px;}
.padding3x-right {padding-right: 45px;}
.padding3x-bottom {padding-bottom: 45px;}
.padding3x-left {padding-left: 45px;}

.padding4x {padding: 60px;}
.padding4x-top {padding-top: 60px;}
.padding4x-right {padding-right: 60px;}
.padding4x-bottom {padding-bottom: 60px;}
.padding4x-left {padding-left: 60px;}

.padding5x {padding: 75px;}
.padding5x-top {padding-top: 75px;}
.padding5x-right {padding-right: 75px;}
.padding5x-bottom {padding-bottom: 75px;}
.padding5x-left {padding-left: 75px;}

.padding6x {padding: 90px;}
.padding6x-top {padding-top: 90px;}
.padding6x-right {padding-right: 90px;}
.padding6x-bottom {padding-bottom: 90px;}
.padding6x-left {padding-left: 90px;}

.half-padding {padding: 7.5px;}
.half-padding-top {padding-top: 7.5px;}
.half-padding-right {padding-right: 7.5px;}
.half-padding-bottom {padding-bottom: 7.5px;}
.half-padding-left {padding-left: 7.5px;}

.no-padding {padding: 0}
.no-padding-top {padding-top: 0}
.no-padding-right {padding-right: 0}
.no-padding-bottom {padding-bottom: 0}
.no-padding-left {padding-left: 0}

/* margins */
.margin {margin: 15px;}
.margin-top {margin-top: 15px;}
.margin-right {margin-right: 15px;}
.margin-bottom {margin-bottom: 15px;}
.margin-left {margin-left: 15px;}

.margin2x {margin: 30px;}
.margin2x-top {margin-top: 30px;}
.margin2x-right {margin-right: 30px;}
.margin2x-bottom {margin-bottom: 30px;}
.margin2x-left {margin-left: 30px;}

.margin3x {margin: 45px;}
.margin3x-top {margin-top: 45px;}
.margin3x-right {margin-right: 45px;}
.margin3x-bottom {margin-bottom: 45px;}
.margin3x-left {margin-left: 45px;}

.margin4x {margin: 60px;}
.margin4x-top {margin-top: 60px;}
.margin4x-right {margin-right: 60px;}
.margin4x-bottom {margin-bottom: 60px;}
.margin4x-left {margin-left: 60px;}

.margin5x {margin: 75px;}
.margin5x-top {margin-top: 75px;}
.margin5x-right {margin-right: 75px;}
.margin5x-bottom {margin-bottom: 75px;}
.margin5x-left {margin-left: 75px;}

.margin6x {margin: 90px;}
.margin6x-top {margin-top: 90px;}
.margin6x-right {margin-right: 90px;}
.margin6x-bottom {margin-bottom: 90px;}
.margin6x-left {margin-left: 90px;}

.half-margin {margin: 7.5px;}
.half-margin-top {margin-top: 7.5px;}
.half-margin-right {margin-right: 7.5px;}
.half-margin-bottom {margin-bottom: 7.5px;}
.half-margin-left {margin-left: 7.5px;}

.no-margin {margin: 0}
.no-margin-top {margin-top: 0}
.no-margin-right {margin-right: 0}
.no-margin-bottom {margin-bottom: 0}
.no-margin-left {margin-left: 0}

/* borders */
.border {border: 1px solid #ddd;}
.border-top {border-top: 1px solid #ddd;}
.border-right {border-right: 1px solid #ddd;}
.border-bottom {border-bottom: 1px solid #ddd;}
.border-left {border-left: 1px solid #ddd;}

.border2x {border-width: 2px;}
.border3x {border-width: 3px;}
.border4x {border-width: 4px;}
.border5x {border-width: 5px;}
.border10x {border-width: 10px;}

.border-black {border-color: #000;}
.border-white {border-color: #fff;}
.border-grey {border-color: #ebebeb;}
.border-grey-light {border-color: #eee;}
.border-grey-lighter {border-color: #f6f6f6;}

.no-border {border:none}
.no-border-top {border-top:none}
.no-border-right {border-right:none}
.no-border-bottom {border-bottom:none}
.no-border-left {border-left:none}

/* backgrounds */
.background-black {background-color: #000;}
.background-white {background-color: #fff;}
.background-grey {background-color: #ebebeb;}
.background-grey-light {background-color: #eee;}
.background-grey-lighter {background-color: #f6f6f6;}

/* bootstrap raster spaltmass */
body.gutter-xs .container, body.gutter-xs .container .jumbotron, body.gutter-xs .container-fluid, body.gutter-xs .container-fluid .jumbotron, body.gutter-xs .navbar-form, body.gutter-xs .navbar-brand {padding-left: 0;padding-right: 0;}
body.gutter-xs .row, body.gutter-xs .form-horizontal .form-group, body.gutter-xs .navbar-form {margin-left: 0;margin-right: 0;}
body.gutter-xs div[class*="col-"] {padding-left: 0;padding-right: 0;}
body.gutter-xs .form-horizontal .has-feedback .form-control-feedback {right: 0;}
body.gutter-xs .navbar-toggle {margin-right: 0;}

body.gutter-s .container, body.gutter-s .container .jumbotron, body.gutter-s .container-fluid, body.gutter-s .container-fluid .jumbotron, body.gutter-s .navbar-form, body.gutter-s .navbar-brand {padding-left: 5px;padding-right: 5px;}
body.gutter-s .row, body.gutter-s .form-horizontal .form-group, body.gutter-s .navbar-form {margin-left: -5px;margin-right: -5px;}
body.gutter-s div[class*="col-"] {padding-left: 5px;padding-right: 5px;}
body.gutter-s .form-horizontal .has-feedback .form-control-feedback {right: 5px;}
body.gutter-s .navbar-toggle {margin-right: 5px;}

body.gutter-sm .container, body.gutter-sm .container .jumbotron, body.gutter-sm .container-fluid, body.gutter-sm .container-fluid .jumbotron, body.gutter-sm .navbar-form, body.gutter-sm .navbar-brand {padding-left: 10px;padding-right: 10px;}
body.gutter-sm .row, body.gutter-sm .form-horizontal .form-group, body.gutter-sm .navbar-form {margin-left: -10px;margin-right: -10px;}
body.gutter-sm div[class*="col-"] {padding-left: 10px;padding-right: 10px;}
body.gutter-sm .form-horizontal .has-feedback .form-control-feedback {right: 10px;}
body.gutter-sm .navbar-toggle {margin-right: 10px;}

@media (min-width: 768px) {
    body.gutter-xs .navbar-text {margin-left: 2px;margin-right: 2px;}
    body.gutter-xs .navbar > .container .navbar-brand, body.gutter-xs .navbar > .container-fluid .navbar-brand {margin-left: -2px;}

    body.gutter-s .navbar-text {margin-left: 5px;margin-right: 5px;}
    body.gutter-s .navbar > .container .navbar-brand, body.gutter-s .navbar > .container-fluid .navbar-brand {margin-left: -5px;}

    body.gutter-sm .navbar-text {margin-left: 10px;margin-right: 10px;}
    body.gutter-sm .navbar > .container .navbar-brand, body.gutter-sm .navbar > .container-fluid .navbar-brand {margin-left: -10px;}
}