@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
/*-------------
--0---------0--
--0---------0--
--0-------- 0--
--0---------0--
--0----0----0--
--0---0-0---0--
--0--0---0--0--
--0-0-----0-0--
--0---------0--
---------------
Webmodus GmbH
Rain 21
5000 Aarau
---------------
www.webmodus.ch
---------------
-------------*/

/** Allgemein **/
html, p, h1, h2, h3, h4, h5, h6, span, div {
    font-family: 'Poppins', sans-serif;
}
h1, ul, li{
    font-weight: bold;
}
ul,li {
    margin-left:-0.75em;
}
.hidden{
    display:none;
}

/** Bereich Main **/
.background-main{
    background: url('../img/background.jpg') no-repeat center center fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
.section-main{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:80%;
}
/** Bereich Top **/
.row-top{
    background-color: rgb(255,255,255,0.75);
    padding:2.5em 1.5em;
}
.container-image{
    background: url('../img/anwalt.jpg') no-repeat center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    width:100%;
    height:400px;
}
.col-text{
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.col-text b, .col-text p{
    padding-bottom: 2em;
}
/** Bereich Bottom **/
.row-bottom{
    background-color: #c9834c;
    padding:3.5em 1.5em;
}
.col-icon{
    text-align: center;
}
.col-icon img{
    width:50px;
}
.col-icon a{
    color:black !important;
    font-weight:bold;
}


/******************************************************/
/** MEDIA QUERIES START **/
/******************************************************/
/** Laptop**/
@media screen and (max-width: 1200px) {
    /** Allgemein **/
    /** Bereich Main **/
    /** Bereich Top **/
    /** Bereich Bottom **/
}

/** Landscape Tablet**/
@media screen and (max-width: 991px) {
    /** Allgemein **/
    /** Bereich Main **/
    .section-main{
        position:inherit;
        transform:none;
        margin:0 auto;
        width:100%;
    }
    /** Bereich Top **/
    .col-text{
        padding-top:2em;
    }
    /** Bereich Bottom **/
    .col-icon{
        padding:2em 0;
    }
}

/** Tablet**/
@media screen and (max-width: 900px) {
    /** Allgemein **/
    /** Bereich Main **/
    /** Bereich Top **/
    /** Bereich Bottom **/
}

/** Mini Tablet**/
@media screen and (max-width: 768px) {
    /** Allgemein **/
    /** Bereich Main **/
    /** Bereich Top **/
    /** Bereich Bottom **/
}

/** Mobile Landscape **/
@media screen and (max-width: 660px) {
    /** Allgemein **/
    /** Bereich Main **/
    /** Bereich Top **/
    /** Bereich Bottom **/
}

/** Mobile Smartphone Gross **/
@media screen and (max-width: 480px) {
    /** Allgemein **/
    /** Bereich Main **/
    /** Bereich Top **/
    /** Bereich Bottom **/
}

/** Mobile Smartphone Mini **/
@media screen and (max-width: 320px) {
    /** Allgemein **/
    /** Bereich Main **/
    /** Bereich Top **/
    /** Bereich Bottom **/
}


/******************************************************/
/** MEDIA QUERIES ENDE **/
/******************************************************/