/* 01 resets */

*{
    margin:0px;
    padding:0px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{
    display:block;
}

/* 02 common styles */

html{
    font-size:62.5%;
}
body{
    font-family:sans-serif;
    font-size:1.6em;
    font-size:16px;
    line-height:2.1em;
    line-height:21px;
    color:#414141;
    background-color:#FFFFFF;
    text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}

/* 03 headlines */

h1{
    font-size:3rem;
    font-size:30px;
}
h2{
    font-size:2.75rem;
    font-size:28px;
}
h3{
    font-size:2.5rem;
    font-size:25px;
}
h4{
    font-size:2.25rem;
    font-size:23px;
}
h5{
    font-size:2rem;
    font-size:20px;
}
h6{
    font-size:1.625rem;
    font-size:16px;
}

/* 04 horizontal rule */

.horizontal{
    background-color:#414141;
    box-sizing:content-box;
    -moz-box-sizing: :content-box;
    height:0.1rem;
}

/* 05 anker*/

/* a{
    font-family:sans-serif;
    font-size:2.1rem;
    font-size:16px;
    line-height:21px;
    line-height:2.1em;
    color:#0EA5FF;
    background-color:#FFFFFF;
}
a:hover{
    text-decoration:none;
    outline:none;
    color:#A72800;
	font-weight:700;
} */
a::before {
  content: ">>";
  display: inline-block;
  font-family: 'Courier New', Courier, monospace;
  padding: 5px;
  font-size: 1.1rem;
  transform: rotate(0deg);
}
/* a:focus{
    background-color:A72800;
}
a:active{
    background-color:#FFBB00;
}
 */
/* 06 text, list etc. */

p{
    padding:0.5rem;
}
pre{
    padding:0.5rem;
}
ul + p, ul + pre, ol + p, ol +pre{
    padding:0px;
    margin:0px;
}

/* 07 abbrivations */
abbr[title]{
    border-bottom:1px dashed;
}

/* 08 sub, sup */

/*sub, sup{
    font-size:1rem;
    font-size:10px;
    line-height:1.33rem;
    position:relative;
    vertical-align:baseline;
} */

/* 09 images */

img{
    border:0px;
    width:100%;
    -ms-interpolation-mode: bicubic;
}
svg{
    overflow:hidden;
}
figure{
    margin:0;
}

/* 10 quotes and code*/

blockquote{
    font-size:2rem;
    font-size:20px;
    line-height:3rem;
    line-height:30px;
    color:#272727;
    margin:1rem 0;
}
    blockquote p{
        margin:1rem 0;
    }
cite{
    color:#272727;
    font-style:normal;
    font-weight:400;
    font-size:1.6rem;
    font-size:16px;
    line-height:normal;
}
q{
    quotes:inherit;
}
q::before, 
q::after{
    content:'';
    content:none;
}

/* 11 marks */

mark{
    background-color:#FFFF00;
    color:#111111;
}

/* 12 code */
code, kdb, pre, samp{
    word-wrap:brak-word;
    font-family:'Courier New', Courier, monospace;
    font-size:1.2rem;
    font-size:12px;
    line-height:normal;
    font-weight:400;
    background-color: #FFFFF1;
    padding:1rem;
}
code{
    color:#272727;
    background-color: #CCCCCC;
}

/* 13 lists and tables */

dl, menu, ol, ul{
    margin:1rem 0;
}
dd, 
ul ul, 
ol ol, 
ul ol, 
ol ul{
    margin:1rem 0;
}
dd{
    margin:0;
}
menu, ol, ul{
    padding:0 0 0 0.2rem;
}
nav ul, nav ol{
    list-style:none;
}
.no-liststyle, .inlinestyle{
    list-style:none;
    padding:0;
    margin:0;
}
.no-liststyle li, .inlinestyle li{
    margin:0;
}
table{
    width:100%;
    margin:1rem 0;
    table-layout:auto;
    border-collapse:collapse;
    border-spacing:0;
    border-right:1px solid #272727;
    border-bottom: 1px solid #272727;
    word-wrap:break-word;
    -ms-word-wrap:break-word;
    *white-space:normal;
}
table caption{
  padding:0.1rem;
  text-align:left;
  font: 400;
  font-style:normal;
  border-bottom:0;
}

table th,
table td{
    padding:0.1rem;
    text-align:left;
    vertical-align:top;
    border-top:1px solid #272727;
    border-top:1px solid #272727;
}
table thead th,
table tfoot th{
    vertical-align:bottom;
    background-color:#F1F1F1;
    color:#111111;
}

/* 14 forms and labels */

fieldset{
    padding:0.625rem;
}
legend{
    padding:0.125rem;
    white-space:normal;
}
label{
    margin:0;
    cursor:pointer;
}
button, input, select, textarea{
    font-size:1rem;
    vertical-align:baseline;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea{
    padding:0.625rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height:normal;
    background-color:#FFFFFF;
    border:1px solid #F1F1F1;
    color:#111111;
}
input[type="checkbox"],
input[type="radio"]{
    box-sizing:border-box;
    line-height:normal;
    margin:0;
    padding:0;
    height:1.625rem;
    width:1.625rem;
}
.checkbox{
    margin: 0.125rem;
}
button, input{
    line-height:normal;
}

/* button, select{} */

/* 15 button */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
    cursor:pointer;
    -webkit-appearance:button;
    cursor:pointer;
    *overflow:visible;
}
button[disabled],
html input[disabled]{
    cursor:default;
}
input[type="search"]{
    -webkit-appearance:textfield;
    box-sizing:content-box;
    -webkit-box-sizing: :content-box;
    -moz-box-sizing:content-box;
}

/* 16 remove default */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
    border:0;
    padding:0;
}
textarea{
    overflow:auto;
    vertical-align:top;
    resize:none;
}

/* 17 style button */

.button{
    border:0;
    padding:1em;
    background-color:#A72800;
    color:#272727;
    text-decoration:none;
    position:relative;
}
.buttton:hover{
    background-color:#EEEEEE;
    color:#272727;
}
.button:active{
    background-color: #414141;
}
.button_dark{
    background-color:#272727;
    color:#EEEEEE;
}
.button_dark:hover{
    background-color: #111111;
}
button[],
button.disabled{
    color:#1D1D1D;
    background-color:#CCCCCC;
}
.unstyled-button{
    font-size:1.6rem;
    font-size:16px;
    color:#27AE61;
    text-decoration:underline;
    border:0;
    background-color:transparent;
    height:auto;
    padding:0;
    cursor:pointer;
    outline:0;
}
.unstyled-button:hover{
    text-decoration:none;
}
.unstyled-button[disabled],
.unstyled-button.disabled{
    text-decoration:none;
    color:#1D1D1D;
    background-color:#CCCCCC;
}

/* 18 clearfix*/

.clear{
    clear:both;
}
.clear::before, 
.clear::after{
    content:"";
    display:table;
}

/* 
stylesheet: template grid12 main
author: sandra caspar
office: atelier caspar berlin
date: july 2021
*/

/*
    1   resets
    14  common styles
    33  headlines
    60  horizontal rule
    69  anker
    92  text, list etc.
    105 abbrivations
    120 images
    134 quotes and code
    164 marks 
    171 code
    187 lists and tables
    251 forms and labels
    301 button
    323 remove default
    339 style button
    390 clearfix
*/