/*
Farbe für Linien und z.B. Datums-Kategoriezeile: # 8d8484
Rosa für Mouse-Over in NEGATIV: # daacbd
*/
@import <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">; 
@import <link href="https://use.typekit.net/ovp3ncv.css" rel="stylesheet">; 
@import <link rel="preconnect" href="https://fonts.googleapis.com">
@import <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@import <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,800;1,800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
	 
	
	<link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,800;1,800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">

/*Basis Formatierung*/
*{
 border: 0;
 margin: 0;
 padding: 0;
 vertical-align: top;
 }
body {font-size: 100%}
div, p, h1, h2, h3, h4, h5, h6, ul, li, dd, dl, img, em, span, label, input, select, textarea, fieldset, abbr, address, tr{
 border: 0;
 color: #000;
 font-family: "Josefin Sans", "PT Sans", sans-serif;
 font-weight: normal;
 font-style: normal;
 font-size: 15pt;
 line-height: 180%;
 text-align: left;
 text-decoration: none;
 vertical-align: top;
 letter-spacing: 0.1pt;
 }
.text-gross {
 font-family: "Josefin Sans", sans-serif;
 font-size: clamp(1.7rem, 8vw, 9rem);
 display: block;
 vertical-align: middle;
 line-height: 70%;
 font-weight: bold;
 letter-spacing: 5px;
 text-align: left;
 margin: 0;
 margin-left: -10px; 
 text-transform: uppercase;
}
.text-klein {
 font-size: 20px;
 margin: 0;
 line-height: 100%;
 height: 100%;
}
.big-type-1{
 font-size: 100px;
 }
.big-type-mitte{
 font-size: 75px;
 line-height: 87%;
 text-align: center;
 vertical-align: text-bottom;
 text-transform: uppercase;
}
.back{
 margin-top: 100px;
 text-align: center;
 }
h2 {
 margin-top:0;
 font-weight: bold;
}
article h2, aside h2 {
 font-size: 55px;
 line-height: 110%;
 vertical-align: top;
 font-weight: 800;
 text-align: -5px;
 text-transform: uppercase;
 letter-spacing: 2%;
 margin-top: 0;
 margin-bottom: 0;
}
.dachzeile{
 margin-top: 0px;
 font-weight: bold;
 padding-left: 1px;
 letter-spacing: 1px;
 line-height: 75%;
 text-transform: uppercase;
 }
article p{
 margin-top: 15px;
 }
aside p{
 margin-top: 0px;
 }
 li{
 font-size: 15pt;
 line-height: 160%;
 }
a{
 color: #000;
 text-decoration: none;
 }
article a{
 text-decoration: underline;
 }
/*##### Fließtext und Auflsitungen #####*/
ul { margin-left: 0%; padding-left: 0; }
li{
 list-style-type: none;
 margin-top: 20px;
}
article li{
 margin-left: 0%;
}
li a{
 color: #000;
 font-style: normal;
}
a:hover{
 background-color: #000;
 color: #FFF;
 }
.img-hover:focus, 
.img-hover:hover,  
.social-box li:hover{
 -webkit-transform: scale(0.99);
 -moz-transform: scale(0.99);
 -o-transform: scale(0.99);
 opacity:0.65;
 }
a.img-hover{
 background-color: transparent;
 color: transparent;
 }
/*##### 
////////////////////////////////////////////////////////////////////////////
#####*/
article .teaser-typo-1 a{
 text-decoration: none;
 }
/*##### Buttons, Linien und Co #####*/
.button{
 vertical-align: middle;
 width: auto;
 }
.button a{
 background-color: #000;
 color:#FFF;
 font-style: normal;
 padding: 2px;
 padding-top: 3px;
 padding-left: 10px;
 padding-right: 10px;
 vertical-align: middle;
 }
/*.button:hover, */
.button:hover a{
 background-color: #333;
 }
 p .button-box{
 border: 2px solid #000; 
 font-family: 'Lato', sans-serif;
 font-size: 70%;
 letter-spacing: 1.0pt;
 text-transform: uppercase;
 text-decoration: none;
 line-height: 200%; 
 padding-left: 8%;
 padding-right: 8%;
 display: inline-block;
 }
.button-1{
 font-family: 'Lato', sans-serif;
 font-size: 75%;
 letter-spacing: 1.1pt;back
 text-transform: uppercase;
 }
/*###### Abstände #####*/
.abstand-0{margin-top: 0px;}
.abstand-5{margin-top: 5px;}
p, ul, address, input.gross-submit{margin-top: 12px;}
.abstand-15{margin-top: 15px;}
.abstand-20{margin-top: 20px;}
.abstand-30{margin-top: 30px;}
.abstand-45{margin-top: 45px;}
.abstand-50{margin-top: 50px;}
.abstand-65{margin-top: 65px;}
.abstand-100{margin-top: 100px;}
/*##### Überschriften #####*/
hr.center{
 border: none;
 border-bottom: 3px solid #000; 
 margin-top: 200px; 
 text-align: center; 
 width: 80px;   
 margin-left: auto; 
 margin-right: auto;
}
hr.line{
 border: none;
 border-bottom: 10px solid #000; 
 margin-top: 15px; 
 text-align: left; 
 width: 80px;   
 margin-left: 10px; 
 margin-right: auto;
}
/*##### Kontakt #####*/
#kontakt p{
 text-align: center;
 }
p.kontakt-subheadline{
 margin-top: 20px; 
 font-size: 115%;  
 line-height: 130%; 
 padding-left: 0px; 
 padding-right: 0px; 
 }
.telefon{
 margin-top: 65px; 
 font-size: 125%; 
 line-height: 100%; 
 vertical-align: middle;
 }
.initial{
 margin-right: 5px;
 padding-top: 0.15%;
 font-size: 312%;
 line-height: 112%;
 float: left;
 }

@media all and (max-width: 1550px) /*and (min-width: 701px)*/{
 /*	
.big-type{
 font-size: 100px;
 }
*/
article h2, aside h2 {
 font-size: 255%;
 line-height: 110%;
}
.text-gross {
 margin: 0;
 margin-left: -5px;
}
.text-klein {
 display: block;
 margin-top: 5px;
}
}
@media all and (max-width: 700px) {
h1{
 line-height: 150%; 
 } 
h1.projekt{
 font-size: 230%;
 line-height: 130%;
 }
h1.projekt-2{
 font-size: 230%;
 line-height: 130%;
 margin-top: 30px;
 }
h2{
 font-size: 160%;
 } 
div.spalten-2 h2{
 line-height: 100%;
 margin-top: 30px;
}
.spalten-2-a h2{
 font-size: 160%; 
 line-height: 100%;
 letter-spacing: 3pt; 
 margin-top: 5%;
}
.center
 {
 margin-top: 50px;
}