:root{
    --background-color: rgba(255, 255, 255, 0.4);
    /*--darker-background-color: rgba(255, 255, 255, 0);*/
    --accent-color:grey;
    --text-color:rgba(60, 10, 10);
    --navbar-height:40px;
}

/*breakpoints 576, 768, 992, 1200, 1400px
@media (min-width:36rem, 48, 62, 75, 87.5)*/

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 0.95em; /*entspr. 16px, 0.625em korrekter Wert*/
    color: var(--text-color);
}

body{
    height: 100vh;   
}

/* content und height*/
.content{
    max-width:1520px;
    margin-left: auto;
    margin-right: auto;
    background: radial-gradient(circle, white 5%, rgb(255, 235, 50));
    box-shadow: 2px 0.5px 2px 2px rgba(0,0,0,0.2);
}
.content0{
    height: 500px;
}
.content1{
    height: 1050px;
} 
.content2{
    height: 1700px;
} 
.content3{
    height: 2100px;
}

.home{
    text-decoration: none;
    color: var(--text-color);
}
:hover .home{
    color: var(--text-color);
}

header{    
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-top: 0rem;
    margin-left: 0.5rem;
    padding: 0.5rem;
 }
.header{
    width: 50rem;
    margin-left: auto;
    margin-right: auto;}

/* claim*/ 
.claim{
   /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
    margin-left: 1.4rem;
    margin-bottom: 1.6rem;
}
.claim h1{
    margin-left: 0.4rem;
    font-size: 2.8rem;
    font-style: italic;
    letter-spacing: 0.8rem;
    font-weight: bolder;
    color: rgba(60, 10, 10);   
    align-self: center;
}
.claim__item{
    margin-top: 2.4rem;
}
.claim__item1{
    margin-top: 0.8rem;
}

.claim h3 {
    margin-left: 0.4rem;
    font-size: 1.4rem;
    font-style: italic;
    letter-spacing: 0.6rem;
    font-weight: bolder;
    color: rgba(60, 10, 10); 
}

/* logo */ 
.logo_item{
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    width: 9.6rem;
    display: inline-block;
}
.logo a{
    margin-top: 0.5rem;
    /*margin-left: 0.5rem;*/
    width: 10rem;
    display: inline-block;
}

/* nav bar*/ 
nav ul li a{
    color: var(--text-color)!important;
}
nav .container-fluid{
    max-width: 94rem !important; 
}
.navbar-nav{
font-size: 1.1rem;
font-weight: 700;
}


/* background image*/ 

.background{
    max-width: 2400px;
    height: 30%;
    margin-left: auto;
    margin-right: auto;
    background-image: url(./images/sunflower2.jpg);
    background-repeat: no-repeat;
    background-position: 70% 50%;
    background-size: 100%;
}
/* text */ 
.text__list{
    padding-bottom: 5rem;
    width: 90rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    margin-left: auto;
    margin-right: auto;

    list-style: none;
}
.text__list h2{
    padding-left: 1rem;

    margin-left: 0.1rem;
    /*margin-top: 0.5rem;*/
    color: rgba(60, 10, 10);   
    font-size: 2.4rem;
}

.text__list p{
    padding-left: 1rem;

    margin-left: 0.1rem;

    margin-top: 1rem;
    margin-bottom: 0rem;
    color: rgba(60, 10, 10);   
    font-size: 1.4rem;
}

/* footer */ 
.footer{
    
    max-width: 1520px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(60, 10, 10, 40%); ;
}

/*Praxis Anschrift*/
.paragraph-text{

    padding-left: 2rem  ;
   
    font-size: 1rem;
    font-weight: 500;
    display: inline-block;
}

/*Impressum Datenschutz*/

.footer-text{
    text-decoration: none;
    color: var(--text-color);
    margin-left: 0rem;
}
.unsorted-list{
    margin-left: 2.5rem;
    list-style: none;
    font-size: 1.2rem;
}
.unsorted-list1{
    list-style: none;
}
.unsorted-list2{
    position: relative;
    left: 4rem;
}
.unsorted-list2 li{
    font-size: 1.2rem;
}

/*Alle Rechte vorbehalten...*/

.last-paragraph{
    display: flex;
    justify-content: center;
}

@media(max-width:1400px){
    .text__list{
        width: 77rem;
        margin-left: auto;
        margin-right: auto;
    }
    nav .container-fluid{
        margin-left: 2rem;
    }
    .content0{
        height: 650px;
    }
    .content1{
        height: 1150px;
    } 
    .content2{
        height: 2000px;
    }
    .content3{
        height: 2200px;
    }
}
@media(max-width:1200px){
    .text__list{
        width: 64rem;
        margin-left: auto;
        margin-right: auto;
    }
    .content0{
        height: 750px;
    }
    .content1{
        height: 1250px;
    } 
    .content2{
        height: 2100px;
    }
    .content3{
        height: 2300px;
    }
}
@media(max-width:984px){

      .text__list{
        width: 48rem;
        margin-left: auto;
        margin-right: auto;
    }
    .content0{
        height: 850px;
    }
    .content1{
        height: 1550px;
    }
    .content2{
        height: 2750px;
    }
    .content3{
        height: 3750px;
    }
}
@media(max-width:768px){
    .content1{
        margin-left: auto;
        margin-right: auto;
    }
    header{
        flex-direction: column;
    }
    .logo-container{
        align-self: center;
    }
    .logo_item{
        margin-top: -1rem;
        width: 9rem;
    }
    .claim__item{
        margin-top: 0.5rem;
    }
    .claim{
        align-self: center;
    }
    .claim h1{
        font-size: 2.2rem;
        letter-spacing: 0.4rem;
    }
    .claim h3{
        align-self: center;
        letter-spacing: 0.4rem;
    }
    .text__list{
        width: 36rem;
        margin-left: auto;
        margin-right: auto;
    }
    .content0{
        height: 950px;
    }
    .content1{
        height: 1600px;
    }
    .content2{
        height: 3150px;
    }
    .content3{
        height: 4700px;
    }
}
@media(max-width:576px){
    .text__list{
        width: 30rem;
        margin-left: auto;
        margin-right: auto;
    }
    .claim h1{
        letter-spacing: 0.05rem;
    }
    .claim h3{
        letter-spacing: 0.2rem;
    }
    .content0{
        height: 1150px;
    }
    .content1{
        height: 2000px;
    }
    .content2{
        height: 3750px;
    }
    .content3{
        height: 5900px;
    }
    .unsorted-list1{
        position: relative;
        right: 1rem;
    }
    .unsorted-list2{
        position: relative;
        left: 1.6rem;
    }
}
@media(max-width:484px){

    .claim{
        margin-left: 0rem;
    }
    .logo_item{
        margin-left: 0rem;
    }
    .text__list h2{
        font-size: 2.2rem;
    }

    .text__list{
        position: relative;
        left: -2.4em;
        
        width: 25.5rem;
        margin-left: auto;
        margin-right: auto;
    }
    .content0{
        height: 1250px;
    }
    .content1{
        height: 2300px;
    }
    .content2{
        height: 5500px;
    }
    .content3{
        height: 7000px;
    }
}