/* cmsms stylesheet: Promillerechner modified: 12/05/18 11:50:04 */
html {
overflow-y: scroll;
}

body {
color: #111;
background-color: #111;
font: normal 100%/2 sans-serif;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

a {
color: #996699;
text-decoration: none;
}

ul {
list-style: none;
}

hr {
border: 0;
height: 1px;
background-color: #ddd;
}

img {
border: 0;
max-width: 100%;
vertical-align: bottom;
}

small,
small a {
color: #555;
}

label {
font-size: 70%;
text-transform: uppercase;
cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: normal;
line-height: 1.5;
}

h1 {font-size: 200%; }
h2 {font-size: 150%; }
h3 {font-size: 140%; }
h4 {font-size: 130%; }
h5 {font-size: 120%; }
h6 {font-size: 110%; }

table {
width: 100%;
border-collapse: collapse;
}

table th,
table td {
padding: 10px 5px;
text-align: left;
vertical-align: middle;
}

table th {
border-bottom: 3px solid #eee;
}

input, button, select, textarea {
color: inherit;
font-size: inherit;
font-family: inherit;
}

.form-row .caption {
display: block;
}

.form-row .field,
.form-row table {
width: 100%;
}

.field {
padding: 10px;
border-color: #ddd;
border-width: 0 0 3px;
border-style: solid;
border-radius: 0;
background-color: #fafafa;
box-shadow: none;
outline: 0;
}

.field.disabled {
border-color: #eee;
background-color: #fff;
}

select.field {
width: auto;
}

textarea.field.small {
height: 100px;
}

textarea.field,
textarea.field.medium {
height: 200px;
}

textarea.field.large {
height: 300px;
}

textarea.field.huge {
height: 500px;
}

.field:focus {
border-color: #996699;
background-color: #fff;
}

.button {
cursor: pointer;
display: inline-block;
padding: 15px 30px;
color: #000;
background-color: transparent;
border: 2px solid #000;
font-size: small;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
white-space: nowrap;
}

.button:hover {
color: #fff;
background-color: #996699;
}

.required {
color: #cb4437;
}

.alert,
.alert a {
color: #fff;
}

.alert {
padding: 30px;
background-color: #78909c;
}

.alert .fa {
margin-right: 5px;
}

.alert-info {
background-color: #81d4fa;
}

.alert-success {
background-color: #0f9d58;
}

.alert-error {
background-color: #cb4437;
}

.alert-warning {
background-color: #f4b400;
}

.text-info,
.text-info a {
color: #81d4fa;
}

.text-success,
.text-success a {
color: #0f9d58;
}

.text-error,
.text-error a {
color: #cb4437;
}

.text-warning,
.text-warning a {
color: #f4b400;
}

.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.list {
padding-left: 30px;
list-style: disc;
}

.fl {float: left; }
.fr {float: right; }

.tl {text-align: left; }
.tc {text-align: center; }
.tr {text-align: right; }
.tj {text-align: justify; }

.u {
text-decoration: underline;
}

.w {
position: relative;
max-width: 1000px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
}

.g {
margin-left: -30px;
margin-right: -30px;
}

.g:after,
.clear:after {
display: table;
content: '';
clear: both;
}

.g-xs-1, .g-xs-2, .g-xs-3, .g-xs-4, .g-xs-5, .g-xs-6, .g-xs-7, .g-xs-8, .g-xs-9, .g-xs-10, .g-xs-11, .g-xs-12,
.g-sm-1, .g-sm-2, .g-sm-3, .g-sm-4, .g-sm-5, .g-sm-6, .g-sm-7, .g-sm-8, .g-sm-9, .g-sm-10, .g-sm-11, .g-sm-12,
.g-md-1, .g-md-2, .g-md-3, .g-md-4, .g-md-5, .g-md-6, .g-md-7, .g-md-8, .g-md-9, .g-md-10, .g-md-11, .g-md-12,
.g-lg-1, .g-lg-2, .g-lg-3, .g-lg-4, .g-lg-5, .g-lg-6, .g-lg-7, .g-lg-8, .g-lg-9, .g-lg-10, .g-lg-11, .g-lg-12,
.g-xl-1, .g-xl-2, .g-xl-3, .g-xl-4, .g-xl-5, .g-xl-6, .g-xl-7, .g-xl-8, .g-xl-9, .g-xl-10, .g-xl-11, .g-xl-12 {
padding-left: 30px;
padding-right: 30px;
}

.g-centered {
float: none;
margin-left: auto;
margin-right: auto;
}

.g-no-gutters {
margin-left: 0;
margin-right: 0;
}

.g-no-gutters > [class^="g-"],
.g-no-gutters > [class*=" g-"] {
padding-left: 0;
padding-right: 0;
}

.v-sm-b, .v-sm-i, .v-sm-ib, .v-sm-tc,
.v-md-b, .v-md-i, .v-md-ib, .v-md-tc,
.v-lg-b, .v-lg-i, .v-lg-ib, .v-lg-tc,
.v-xl-b, .v-xl-i, .v-xl-ib, .v-xl-tc {
display: none !important;
}

#header {
padding: 150px 0;
background: #000 url('/uploads/layout/img/samuele-errico-piccarini-600326-unsplash-1920.jpg') no-repeat center center;
background-size: cover;
background-attachment: fixed;
position: relative;
}

#title,
#title a {
color: #fff;
}

#title {
line-height: 1;
padding: 30px 0;
word-wrap: break-word;
background-color: rgba(0, 0, 0, 0.5);
}

#title a {
font-size: 300%;
}

#title p:first-child {
margin-bottom: 5px;
}

#nav {
overflow: hidden;
background-color: #996699;
}

#nav li a {
color: #fff;
padding: 5px 15px;
display: block;
}

#nav li a.menuactive {
color: #996699;
background-color: #fff;
}

#breadcrumbs {
padding: 10px 0;
font-size: small;
background-color: #eee;
}

#breadcrumbs span {
margin: 0 10px 0 5px;
}

#main {
padding: 60px 0;
background-color: #fff;
}

#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
margin-top: 30px;
}

#main p,
#main ul,
#main hr,
#main .form-row {
margin-top: 15px;
}

#footer,
#footer a {
color: #777;
}

#footer {
padding: 60px 0;
text-align: center;
}

#footer li {
display: inline;
margin-left: 30px;
}

#footer li:first-child {
margin: 0;
}

#nichtraucher-badge {
/*transform: rotate(15deg);*/
position: absolute;
top: 138px;
/*right: 435px;*/
right: 10%;
}

#nichtraucher-banner {
padding: 30px 0;
font-size: small;
background-color: #ddd;
}

@media(min-width: 320px) {
.g-xs-1, .g-xs-2, .g-xs-3, .g-xs-4, .g-xs-5, .g-xs-6, .g-xs-7, .g-xs-8, .g-xs-9, .g-xs-10, .g-xs-11, .g-xs-12 {
	float: left;
}	
.g-xs-1  {width: 8.33333333%; }
.g-xs-2  {width: 16.66666667%; }
.g-xs-3  {width: 25%; }
.g-xs-4  {width: 33.33333333%; }
.g-xs-5  {width: 41.66666667%; }
.g-xs-6  {width: 50%; }
.g-xs-7  {width: 58.33333333%; }
.g-xs-8  {width: 66.66666667%; }
.g-xs-9  {width: 75%; }
.g-xs-10 {width: 83.33333333%; }
.g-xs-11 {width: 91.66666667%; }
.g-xs-12 {width: 100%; }

.h-xs    {display: none !important; }
.v-xs-b  {display: block !important; }
.v-xs-i  {display: inline !important; }
.v-xs-ib {display: inline-block !important; }
.v-xs-tc {display: table-cell !important; }
}

@media(min-width: 480px) {
.g-sm-1, .g-sm-2, .g-sm-3, .g-sm-4, .g-sm-5, .g-sm-6, .g-sm-7, .g-sm-8, .g-sm-9, .g-sm-10, .g-sm-11, .g-sm-12 {
	float: left;
}
.g-sm-1  {width: 8.33333333%; }
.g-sm-2  {width: 16.66666667%; }
.g-sm-3  {width: 25%; }
.g-sm-4  {width: 33.33333333%; }
.g-sm-5  {width: 41.66666667%; }
.g-sm-6  {width: 50%; }
.g-sm-7  {width: 58.33333333%; }
.g-sm-8  {width: 66.66666667%; }
.g-sm-9  {width: 75%; }
.g-sm-10 {width: 83.33333333%; }
.g-sm-11 {width: 91.66666667%; }
.g-sm-12 {width: 100%; }

.h-sm    {display: none !important; }
.v-sm-b  {display: block !important; }
.v-sm-i  {display: inline !important; }
.v-sm-ib {display: inline-block !important; }
.v-sm-tc {display: table-cell !important; }
}

@media(min-width: 768px) {
.g-md-1, .g-md-2, .g-md-3, .g-md-4, .g-md-5, .g-md-6, .g-md-7, .g-md-8, .g-md-9, .g-md-10, .g-md-11, .g-md-12 {
	float: left;
}
.g-md-1  {width: 8.33333333%; }
.g-md-2  {width: 16.66666667%; }
.g-md-3  {width: 25%; }
.g-md-4  {width: 33.33333333%; }
.g-md-5  {width: 41.66666667%; }
.g-md-6  {width: 50%; }
.g-md-7  {width: 58.33333333%; }
.g-md-8  {width: 66.66666667%; }
.g-md-9  {width: 75%; }
.g-md-10 {width: 83.33333333%; }
.g-md-11 {width: 91.66666667%; }
.g-md-12 {width: 100%; }

.h-md    {display: none !important; }
.v-md-b  {display: block !important; }
.v-md-i  {display: inline !important; }
.v-md-ib {display: inline-block !important; }
.v-md-tc {display: table-cell !important; }
}

@media(min-width: 1024px) {
.g-lg-1, .g-lg-2, .g-lg-3, .g-lg-4, .g-lg-5, .g-lg-6, .g-lg-7, .g-lg-8, .g-lg-9, .g-lg-10, .g-lg-11, .g-lg-12 {
	float: left;
}
.g-lg-1  {width: 8.33333333%; }
.g-lg-2  {width: 16.66666667%; }
.g-lg-3  {width: 25%; }
.g-lg-4  {width: 33.33333333%; }
.g-lg-5  {width: 41.66666667%; }
.g-lg-6  {width: 50%; }
.g-lg-7  {width: 58.33333333%; }
.g-lg-8  {width: 66.66666667%; }
.g-lg-9  {width: 75%; }
.g-lg-10 {width: 83.33333333%; }
.g-lg-11 {width: 91.66666667%; }
.g-lg-12 {width: 100%; }

.h-lg    {display: none !important; }
.v-lg-b  {display: block !important; }
.v-lg-i  {display: inline !important; }
.v-lg-ib {display: inline-block !important; }
.v-lg-tc {display: table-cell !important; }

#nav li {
float: left;
}

#nav li a {
padding: 45px 15px 10px;
}
}

@media(min-width: 1280px) {
.g-xl-1, .g-xl-2, .g-xl-3, .g-xl-4, .g-xl-5, .g-xl-6, .g-xl-7, .g-xl-8, .g-xl-9, .g-xl-10, .g-xl-11, .g-xl-12 {
	float: left;
}
.g-xl-1  {width: 8.33333333%; }
.g-xl-2  {width: 16.66666667%; }
.g-xl-3  {width: 25%; }
.g-xl-4  {width: 33.33333333%; }
.g-xl-5  {width: 41.66666667%; }
.g-xl-6  {width: 50%; }
.g-xl-7  {width: 58.33333333%; }
.g-xl-8  {width: 66.66666667%; }
.g-xl-9  {width: 75%; }
.g-xl-10 {width: 83.33333333%; }
.g-xl-11 {width: 91.66666667%; }
.g-xl-12 {width: 100%; }

.h-xl    {display: none !important; }
.v-xl-b  {display: block !important; }
.v-xl-i  {display: inline !important; }
.v-xl-ib {display: inline-block !important; }
.v-xl-tc {display: table-cell !important; }
}
