* {
  padding: 0px;
  margin: 0px
}
html {
  /* Support: Chrome 61, Firefox 36, Opera 48, Android 61 */
  /* NONE: Edge, IE, Safari */
  scroll-behavior: auto; /* smooth = Scroll to ID Without JS */

}
body,
#wrapper,
#container,
#main,
#content,
#content_typo3 {
  position: relative;
  width: 100%;
  max-width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  overflow-y: visible;
}
img, embed, object, video {
    max-width: 100%;
    height: auto;
}
iframe {
    max-width: 100%;
    margin-bottom: 45px;
}


/* *****************
Preloader
******************** */
img:not([src$=".png"]):not([src$=".svg"]), iframe {
    background-image: url("/fileadmin/andersson/template/images/loader.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80px;
    background-color: #f8f8f8;
}

/* *****************
Text
******************** */
body {
  line-height: 1.3em;
  word-break: break-word;
    word-wrap: break-word;
    /* hyphens: auto; */
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 0em 0px 1em 0px;
}
h1 {
  font-size: 2em;
  line-height: 1.5em;
}
h2 {
  font-size: 1.6em;
  line-height: 1.4em;
}
h3 {
  font-size: 1.4em;
  line-height: 1em;
}
h4, h5, h6 {
  font-size: 1.2em;
  line-height: 1em;
}
h0,
h100 {
  display: none !important;
}
p {
  margin: 0px 0px 0.8em 0px;
} 

/* Text Formatierung */
p .important {
  color: red;
  font-size: 90%;
  margin: 0px !important;
}
.ce-galery caption {
  font-size: 0.8em;
  padding: 0.4em;
  line-height: 1.3em;
  font-style: italic;
}
.align-right,
.text-right,
.right {
  text-align: right;
}
.align-left,
.text-left,
.left {
  text-align: left;
}
.align-center,
.text-center,
.center {
  text-align: center;
}
.align-justify,
.text-justify,
.justify {
  text-align: justify;
}

/* *****************
Ruler / Trenner
******************** */
.frame-default,
.frame-ruler-before,
.frame-ruler-after {
  width: 100%;
  float: left;
  clear: left;
}
.frame-ruler-before:before,
.frame-ruler-after:after{
display:none !important;
}
.frame-ruler-after {
position:relative;
float:left;
clear:left;
width:100%;
border-bottom: 1px solid #313131;
padding-bottom:2%;
margin-bottom:4% !important;
  }
.frame-ruler-after:last-of-type {
border-bottom: 0px !important;
padding-bottom:0%;
margin-bottom:0% !important;
}
.frame-ruler-before {
position:relative;
float:left;
width:100%;
border-top: 1px solid #313131;
padding-top:2%;
margin-top:4% !important;
  }

/* *****************
Space / Abstandt
******************** */
.frame-space-before-extra-small,
.frame-space-before-small,
.frame-space-before-medium,
.frame-space-before-large,
.frame-space-before-extra-large,
.frame-space-after-extra-small,
.frame-space-after-small,
.frame-space-after-medium,
.frame-space-after-large,
.frame-space-after-extra-large {
  float: left;
  clear: left;
  width: 100%;
}

/* *****************
Content List
******************** */
#content ol li,
#footer ol li {
    display: block;
    padding-left: 30px;
    width: calc(100% - 30px);
    margin-bottom: 0.5em;
    list-style-type: none;
}
#content ol li:before,
#footer ol li:before  {
    content: "";
    margin-left: -30px;
    vertical-align: 2px;
    font-size: 1em;
    display: list-item;
    list-style-type: decimal;
    list-style-position: inside;
    float: left;
}
#content ol li,
#footer ol li,
ul.contentList li {
  padding-bottom: 0.2em;
}
ul.contentList {
  float: left;
  clear: left;
  width: 100%;
  list-style-type: none;
  padding: 0px;
  margin: 0px 0px 20px 0px !important;
  overflow: hidden !important;
  padding-left: 20px !important;
  width: calc(100% - 20px);
}
ul.contentList li {
  width: 92%;
  float: left;
  clear: left;
  display: block;
  list-style-type: none;
  width: calc(100% - 20px);
  padding-left: 20px;
  margin: 0px;
}
ul.contentList li:before {
  /* content: '■'; */
  content: '●';
  font-size: 0.8em;
  margin-right: 8px;
  margin-left: -20px;
  vertical-align: 2px;
  font-size: 0.8em;
}
ul.contentList > p {
  margin: 0px !important;
  display: none;
}

/** List **/
ul.ce-menu {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  width: 98%;
  /* text-transform: uppercase; */
}
ul.ce-menu li {
  display: inline-block;
  float: left;
  clear: left;
  width: 95%;
  margin: 0px 0px 5pt 0px;
  padding: 0px 0px 0px 20px;
  list-style-type: none;
}
ul.ce-menu li:before {
  content: '■';
  margin-right: 8px;
  vertical-align: 2px;
  margin-left: -20px;
}
#content ul,
#content ol {
  margin: 1em 0;
  padding: 0 0 0 0px;
}
#content dd {
  margin: 0 0 0 40px;
}

/* *****************
NoScript Banner
******************** */
.noscript {
    position: fixed;
    bottom: 0px;
    padding: 20px;
    color: #333;
    background-color: #ededed;
    border-top: 1px solid #333;
    z-index: 9999;
    text-align: center;
    text-shadow: 1px 1px 2px #fff;
  width: 100%;
}