@font-face {
    font-family: 'ptsans_bold';
    src: url('../fonts/ptsans-bold.woff2') format('woff2'),
         url('../fonts/ptsans-bold.woff') format('woff');
}

@font-face {
    font-family: 'ptsans_bolditalic';
    src: url('../fonts/ptsans-bolditalic.woff2') format('woff2'),
         url('../fonts/ptsans-bolditalic.woff') format('woff');
}


@font-face {
    font-family: 'ptsans_italic';
    src: url('../fonts/ptsans-italic.woff2') format('woff2'),
         url('../fonts/ptsans-italic.woff') format('woff');
}

@font-face {
    font-family: 'Amatic';
    src: url('../fonts/amatic-regular.woff2') format('woff2'),
         url('../fonts/amatic-regular.woff') format('woff');
         url('../fonts/amatic-regular.ttf') format('ttf');
}

@font-face {
    font-family: 'Amatic SC';
    src: url('../fonts/amatic-bold.woff2') format('woff2'),
         url('../fonts/amatic-bold.woff') format('woff');
         url('../fonts/amatic-bold.ttf') format('ttf');
}

@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/ptsans-regular.woff2') format('woff2'),
         url('../fonts/ptsans-regular.woff') format('woff');
}

html {
padding:0;
margin:0;
border:0;
width:100%;
height: 100%;
}

body.sm-container, div.sm-pusher, div.sm-content, div.sm-content-inner {
height: 100%;
}

body {
padding:0;
margin:0;
border:0;
width:100%;
height: 100%;
font-size:16px;
font-family: "PT Sans",sans-serif;
font-weight: 200;
text-align:center;
background:#ffffff;
}

#alles {
width: 100%;
height: 100%;
margin: 0;
padding:0;
border:0;
text-align: center;
}

#fixed1 {
left: center;
top:0;
width: 100%;
height: 120px;
margin:0;
padding:0;
border:0;
z-index: 10;
background: #8b0000;
border-bottom: 30px solid #b87070;
text-align: center;
}

#header {
max-width: 980px;
height: 120px;
margin:0 auto;
padding:0;
border:0;
text-align: left;
}

#container {
width: 100%;
height: 100%;
position: relative;
top: 120px;
margin: 0 auto;
text-align: center;
border:0;
}

#section {
width:100%;
height: 100%;
text-align: center;
margin: 0;
padding:0;
border:0;
}


#footer {
max-width: 980px;
height:100%;
margin: 0 auto;
padding: 0;
color: #333;
clear:both;
}

/* LINKS ------------------------------------- */

#header a{
text-decoration:none;
color: #ffffff;
}

#section a, #footer a {
text-decoration:none;
color: #8b0000;
}


/* BORDER-SIZING --------------------------------------------------------*/

div, #section h2 {
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


/* CLEAR */

div.clear, div#clear {
clear: both;
height: 1px;
}


/* HEADER ----------------------------------------------*/

#header div.moduletable.logo div, #header div.moduletable.logo div.custom p, #header div.moduletable.logo div.custom img {
width: 100%;
text-align: left;
margin:0;
padding:0;
border:0;
}


/* SECTION -------------------------------------------------------------*/

#section {
font-family: "PT Sans",sans-serif;
font-weight: 200;
font-size: 1.0em;
line-height: 1.4em;
text-align:left;
padding:0;
}

#section h1, #section h2, #section h3, #section > div.contact > div.page-header > h2 {
font-family: "Amatic SC", cursive;
width: 100%;
text-align:center;
line-height: 1.2em;
padding:0;
color: #8b0000;
}

#section h1 {
font-size: 3.5em;
margin:1.0em 0 0.5em;
}

#section h2 {
font-size: 3.0em;
margin:1.0em 0 0.5em;
}

#section h3 {
font-size: 2.5em;
margin:1.0em 0 0.5em;
}

#section p, #section td, #section div {
font-size:1.0em;
max-width: 100%;
}

#section p, #aside p {
padding:0;
line-height: 1.2em;
margin:0 0 1em 0;
text-align:left;
}

#section div ul {
list-style-position:inside;
text-align: left;
}

#section div.item, #section div.item-page {
padding: 0 0 120px 0;
}

#section div.text div.com-content-article__body img {
max-width: 100%;
height: auto;
}

/* Simple Sliders */

div.ssl-title, div.ssl-title:hover {
color: #8b0000;
}

/* home */

div.item-page_home {
background: #8b0000;
min-height: 100%;
}

#section > div.item-page_home h3 {
color: #ffcc00;
}

/* LOGIN */

#section > div.login, #section > div.logout {
width: 300px;
margin: 50px auto 0 auto;
}

#section > div > ul.nav.nav-tabs {
width: 300px;
margin: 50px auto 0 auto;
padding: 0;
list-style-type: none;
}

#section > div.login > form > fieldset {
margin:0;
padding:0;
border:0;
}

#section div.login > form span.form-control-feedback {
display: none;
}


/* Editiermodus */

/* buttons */

button, li.btn-group, #section div.item-page div.text div.icons div ul li.edit-icon a {
width: auto;
max-width: 120px;
border: 0;
list-style-type: none;
padding: 2px 5px;
margin: 10px 10px 10px auto;
background: #8b0000;
color: #ffffff;
}

button:hover, li.btn-group:hover, #section div.item-page div.text div.icons div ul li.edit-icon a:hover {
background: #b87070;
}

li.btn-group a {
color: #ffffff !important;
}

button.dropdown-toggle {
display: none;
}

ul.dropdown-menu, ul.dropdown-menu li {
margin: 0;
padding:0;
list-style-type: none;
}

#section div.edit.item-page {
max-width: 980px;
margin:20px auto;
}

#section div.edit.item-page ul#com-content-formTabs, #section div.edit.item-page div#publishing, #section div.edit.item-page div#language, #section div.edit.item-page div#metadata {
display: none;
}

#section div.edit.item-page form.form-validate div.btn-toolbar div.btn-group button {
float: left;
margin: 10px 15px 0 0;
}

/* Nachoben-Button */

div#back_to_top, div#back_to_top a.cd-top {
border-radius: 5px;
}

a.cd-top

/* EDITOR ------------------------------------------------------------ */

#mitte p.kleine_ueberschrift, .kleine_ueberschrift {
font-family: "Amatic SC",sans-serif;
font-size:1.2em;
line-height:1.2em;
font-weight:700;
vertical-align:top;
margin:0 0 1.0em 0;
padding:0;
border:none;
}

.links_im_text {
margin:4px 20px 10px 0px;
float:left;
border:none;
}

.rechts_im_text {
margin:4px 0px 10px 20px;
float:right;
border:none;
}