/*   
Theme Name: www.socialnetworx.de
Theme URI: www.socialnetworx.de
Description: Dieses Theme wurde von Jonas Kwiedor erstellt. Ich helfe jedem gerne beim erstellen einer Website. Ihr könnt mich unter: <a href="tel:+4917684714777">017684714777</a> telefonisch erreichen! Ruft gerne an. Oder schreibt mir gerne eine Mail: <a href="mailto:mail@jonaskwiedor.de">mail@jonaskwiedor.de</a>. Ich helfe euch bei jedem Projekt. Nun folgt Lorem Ipsum: Donec ullamcorper nulla non metus auctor fringilla. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec sed odio dui. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue. Donec sed odio dui. Vestibulum id ligula porta felis euismod semper. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna.
Author: Jonas Kwiedor
Author URI: www.jonaskwiedor.de
Version: ♥️
*/

@font-face{font-family:"Karla";src:url("fonts/Karla/Karla-Regular.ttf") format("truetype")}html{height:95%;font-family:"Karla",sans-serif;background:#202020;background:url("img/background.jpg") no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff;padding:20px}body{padding:50px 60px}h2{padding-top:20px}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}canvas{position:absolute;top:0;left:0}::selection{color:#fff;background:#202020}#no-bg{background-image:none;background:#202020}.header>a>svg{fill:#fff;width:400px;padding-bottom:30px}#top{top:0}#left{left:0}#right{right:0}#bottom{bottom:0}#top,#left,#right,#bottom{background:#fff;position:fixed;z-index:99}#left,#right{width:20px;top:0;bottom:0}#top,#bottom{height:20px;left:0;right:0}#main{display:flex}#main>div{width:45%;padding-right:100px}#main>div:last-child{padding-right:0}#main>div>p{font-size:20px;line-height:21px}.font-background{background:#202020;color:#fff;line-height:30px;padding:5px;margin-right:5px}#unterseite{width:80%;padding-bottom:40px}#unterseite h1{text-transform:uppercase}.zurueck{background:#fff;background-image:linear-gradient(to left, #eee 50%, #fff 50%);background-size:200% 100%;background-repeat:no-repeat;background-position:bottom left;color:#202020;text-decoration:none;text-transform:uppercase;padding:10px 20px;cursor:pointer;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in}.zurueck:hover{background-position:bottom right;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in;text-decoration:none}.zurueck>svg{fill:#202020;width:12px;padding-right:5px}#menu-footer-menue{position:fixed;right:35px;bottom:15px;display:flex;list-style-position:outside}#menu-footer-menue>li{list-style-type:none;padding-right:10px}#menu-footer-menue>li:last-child{padding-right:0}#menu-footer-menue>li>a{font-size:11px;text-transform:uppercase}#c{position:absolute;top:0;left:0;z-index:-1}@media (min-width: 0px) and (max-width: 1024px){a{text-decoration:underline}#footer{padding-top:30px}#menu-footer-menue>li>a{text-decoration:none}}@media (min-width: 900px) and (max-width: 1024px){#main>div{width:40%;padding-right:60px}}@media (min-width: 750px) and (max-width: 900px){#main>div{width:45%;padding-right:40px}}@media (min-width: 0px) and (max-width: 750px){body{padding:40px 10px}.header>a>svg{width:100%}#top,#left,#right,#bottom{display:none}#main{display:block}#main>div{width:100%;padding-right:0;padding-bottom:40px}#unterseite{width:100%}.column>p>a{font-size:12px}#menu-footer-menue{position:relative;right:0;float:right}}