/* Reset margins */
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
code,
ol,
ul,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
caption,
th,
td {
    vertical-align:top;
    text-align:left;
}
abbr,
acronym {
    border-bottom:1px dotted #666;
    font-variant:normal;
    cursor:help;
}
blockquote,
q {
    quotes:none;
}
fieldset,
img {
    border:0;
}
li {
    list-style-type:none;
}
sup {
    vertical-align:text-top;
}
sub {
    vertical-align:text-bottom;
}
del {
    text-decoration:line-through;
}
ins {
    text-decoration:none;
}
a {
    text-decoration:none;
    color:#363333;
}
:focus {
    outline:0;
}
/* Font settings */
input,
button,
textarea,
select {
    font-size:99%;
    font-family:inherit;
    font-weight:inherit;
}
pre,
code {
    font:12px "Lucida Console",Monaco,monospace;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size:100%;
}
h1 {
    padding-top:18px;
    padding-bottom:18px;
    color:#fff;
    font:18px/30px Verdana,Arial,Helvetica,Univers,Zurich BT;
}
h2 {
    padding:0 10px 10px;
    color:#e80988;
    font:1.4em Open Sans;
}
h3 {
    font-weight:bold;
    color:#fff;
    font:16px/18px Arial,Verdana,Helvetica,Univers,Zurich BT;
}
h4 {
    padding-bottom:15px;
    color:#ed9632;
    font:18px Marcellus;
}
h5 {
    margin-left:0;
    color:#c93827;
    font:14px bold Verdana,Arial,Helvetica,Univers,Zurich BT;
}
table {
    font-size:inherit;
}
caption,
th {
    font-weight:bold;
}
/* Default margins */
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
table,
ol,
ul,
form {
    margin-bottom:5px;
}
.cookiebar {
    background-color:rgba(38,36,36,.8);
    font:12px Verdana;
    font-weight:bold;
}
.row_7 input {
    width:10px;
    float:left;
    margin-top:10px;
    margin-left:0;
    padding-left:0;
    text-align:left;
    font:11px Verdana;
}

/* Contao 5: Inhaltselemente haben die Klasse .block (overflow:hidden) nicht mehr -> wie in 3.5 */
[class*="content-"] {
    overflow:hidden;
}

/* Fußzeile: steht jetzt in einem <p>, #hauptinhalt p (schwarz, 1.1em) würde gewinnen -> Farbe/Größe wie 3.5 */
#hauptinhalt .copyright p {
    color:#730808;
    font:13px/20px PT Sans,sans-serif;
}

/* Kontaktformular: 3.5 gab es als Tabelle aus (Beschriftung links, Feld rechts),
   Contao 5 setzt die Beschriftung darüber -> per Raster wie früher */
.ce_form .widget {
    display:grid;
    grid-template-columns:150px minmax(0, 25.5em);
    align-items:start;
    margin-bottom:5px;
    font:1.1em PT Sans,sans-serif;
    color:#292727;
}
.ce_form .widget > label {
    grid-column:1;
    padding:5px 0 0;
    font-weight:normal;
}
.ce_form input[type=checkbox] {
    width:auto;
    margin:0 3px 0 0;
    padding:0;
}
.ce_form .checkbox_container label {
    width:auto;
    padding:0;
}
.ce_form .widget > input,
.ce_form .widget > textarea,
.ce_form .widget > .captcha_text,
.ce_form .widget > fieldset,
.ce_form .widget > button {
    grid-column:2;
}
.ce_form .captcha_text {
    padding:7px 0;
}
.ce_form .widget-checkbox fieldset {
    margin:0;
    padding:5px 0;
    border:0;
}
.ce_form .widget-explanation {
    display:block;
}
.ce_form .widget-submit button {
    width:100%;
    padding:7px 5px;
    font:1em PT Sans,sans-serif;
    color:#292727;
    text-transform:uppercase;
}