/*comander*/
/*
sans-serif
Jost
*/
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-100-italic.woff2), local('Jost Thin Italic'),  local('Jost-Thin-Italic') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-200-italic.woff2), local('Jost ExtraLight Italic'),  local('Jost-ExtraLight-Italic') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-300-italic.woff2), local('Jost Light Italic'),  local('Jost-Light-Italic') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400 !important;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-400-italic.woff2), local('Jost Regular Italic'),  local('Jost-Regular-Italic') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-500-italic.woff2), local('Jost Medium Italic'),  local('Jost-Medium-Italic') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600 !important;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-600-italic.woff2), local('Jost SemiBold Italic'),  local('Jost-SemiBold-Italic') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-700-italic.woff2), local('Jost Bold Italic'),  local('Jost-Bold-Italic') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-800-italic.woff2), local('Jost ExtraBold Italic'),  local('Jost-ExtraBold-Italic') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-900-italic.woff2), local('Jost Black Italic'),  local('Jost-Black-Italic') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-100.woff2), local('Jost Thin'),  local('Jost-Thin') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-200.woff2), local('Jost ExtraLight'),  local('Jost-ExtraLight') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-300.woff2), local('Jost Light'),  local('Jost-Light') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400 !important;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-400.woff2), local('Jost Regular'),  local('Jost-Regular') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-500.woff2), local('Jost Medium'),  local('Jost-Medium') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600 !important;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-600.woff2), local('Jost SemiBold'),  local('Jost-SemiBold') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-700.woff2), local('Jost Bold'),  local('Jost-Bold') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-800.woff2), local('Jost ExtraBold'),  local('Jost-ExtraBold') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://www.art-noser.ch/cms/fonts/jost-900.woff2), local('Jost Black'),  local('Jost-Black') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

    
    *,
    body,
    p,
    dl,
    dt,
    dd,
    li {
        font-family: 'Jost', sans-serif !important;
        font-weight: 400 !important;
    }
    
    #header #kuenstler li,
    #header #kuenstler li a,    
    #header #galerist li,
    #header #galerist li a,    
    #wrapper-inside-kuenstler #circles a,
    #wrapper-inside-galerist #circles a,
    #navigation_kuenstler a,
    #navigation_galerist a {
        font-family: 'Jost', sans-serif !important;
        font-weight: 600 !important;
    }
    
    
    *{
        margin:0;
        padding:0;
        border:0;
    }
    
    body {
        background:#fff;
    }
    
    
    #wrapper {
        max-width: 1920px;
        margin:0 auto;
        margin-top:3em;	
    /*	
        border:2px solid lime;
    */	
    }
    
    a {
        color:#000;
        text-decoration:underline;
    }
    
    a:hover{
        color:#000;
        text-decoration:none;
    }
    
    /*************************************************/
    #header {
        width:100%;
        margin:0 auto;		
    }
    
    /*******-----*******/
    
    #kuenstler {
        padding-bottom:1%;
    }
    
    #kuenstler ul {
        display:flex;
        justify-content:space-between;
        font-size:6vw;	
        margin: 0 23%;
        border-bottom:.75vw solid transparent;	
    }	
    
    #kuenstler ul:hover{
        border-bottom:.75vw solid #bababa;			
    }
    
    #kuenstler li {
        color:#bababa;	
        text-transform:uppercase;
        letter-spacing:5px;
        list-style-type:none;	
        line-height:4.5vw;		
    }
    
    #kuenstler a{
        text-decoration:none;
        text-transform:uppercase;	
        color:#bababa;
    }
    
    #kuenstler a:hover{
        text-decoration:underline;
        text-transform:uppercase;	
    }
    
    #kuenstler li:hover,
    #kuenstler a,
    #kuenstler a:hover,
    #kuenstler li{
        text-decoration:none;
    }
    
    /*******-----*******/
    
    #wrapper-inside {
        /*groesse des div containers*/
        width: 40%;
        height: 300px;	
        margin: 0 auto;
        /*positionierung des hgbild - vertikal und horizontal zentriert*/
        background:url('https://www.art-noser.ch/cms/upload/design/an_circles_blaurot.png') 50% 50% no-repeat;	
        /*groesse des hgbild*/
        background-size: contain;
    }
    
    /*
    #wrapper-inside .news{
        width: 25%;
        height: 100px;	
        float:right;
        margin-top:-2vw;
        margin-right:-25%;
        background:url('https://www.art-noser.ch/cms/upload/bilder/an_circles_news.png') 50% 50% no-repeat;	
        background-size: contain;
    }
    */
    
    #wrapper-inside .news{
        width: 25%;
        height: 100px;	
        float:right;
        margin-top:-2vw;
        margin-right:-25%;
    }
    
    #wrapper-inside-kuenstler .news,
    #wrapper-inside-galerist .news {
        width: 25%;
        height: 100px;	
        float:right;
        margin-top:-1vw;
        margin-right:-15%;
    }
    
    #wrapper-inside .news img,
    #wrapper-inside-kuenstler .news img,
    #wrapper-inside-galerist .news img{
        max-width:100%;
    }
    
    #wrapper-inside-kuenstler {
        width: 40%;
        height: 300px;
        margin: 0 auto;
        background:url('https://www.art-noser.ch/cms/upload/design/an_circles_blau.png') 50% 50% no-repeat;	
        background-size: contain;
    }
    
    #wrapper-inside-galerist {
        width: 40%;
        height: 300px;
        margin: 0 auto;
        background:url('https://www.art-noser.ch/cms/upload/design/an_circles_rot.png') 50% 50% no-repeat;	
        background-size: contain;
    }
    
    
    
    #circles {
        clear:both;	
    }
    
    #circles div.kuenstler{
        float:left;
        width: 48%;
        height: 100px;	
        margin: 17% 0 -17% 0;
        background:url('https://www.art-noser.ch/cms/upload/design/an_holder_blau.png') 50% 50% no-repeat;	
        background-size: contain;			
    }
    
    #circles div.galerist {	
        float:right;		
        width: 48%;
        height: 100px;	
        margin: 17% 0 -17% 0;		
        background:url('https://www.art-noser.ch/cms/upload/design/an_holder_rot.png') 50% 50% no-repeat;		
        background-size: contain;		
    }
    
    /*******-----*******/
    
    #galerist {
        clear:both;
        padding-top:2%;
    }
    
    #galerist ul {
        display:flex;
        justify-content:space-between;
        font-size:5.5vw;	
        margin: 0 23%;			
        text-decoration:none;	
        border-bottom:.75vw solid transparent;	
    }
    
    #galerist ul:hover{
        border-bottom:.75vw solid #bababa;			
    }
    
    #galerist li {
        color:#bababa;	
        text-transform:uppercase;
        letter-spacing:5px;
        list-style-type:none;
        line-height:4vw;	
    }
    
    #galerist li:hover,
    #galerist a,
    #galerist a:hover,
    #galerist li{
        text-decoration:none;
    }
    
    .pfeil {
        display:none;
    }
    
    
    /*************************************************/
    
    /*******-----*******/
    
    #navigation_kuenstler {
        margin:0 23%;		
    }
    
    #navigation_kuenstler ul{
        display:flex;
        justify-content:space-between;
    }
    
    #navigation_kuenstler li {
        list-style-type:none;
        border-bottom:.75vw solid transparent;		
    }
    
    #navigation_kuenstler li:hover {
        border-bottom:.75vw solid #bababa;		
    }
    
    /*blau: 2565b3*/
    #navigation_kuenstler li.home { 
        border-bottom:.75vw solid #2565b3;
    }
    
    #navigation_kuenstler li.bio { 
        border-bottom:.75vw solid #2565b3;
    }
    
    #navigation_kuenstler li.galerie { 
        border-bottom:.75vw solid #2565b3;
    }
    
    #navigation_kuenstler li.kontaktBlau { 
        border-bottom:.75vw solid #2565b3;
    }
    
    #navigation_kuenstler li a{
        text-decoration:none;
        text-transform:uppercase;	
        color:#bababa;
        font-size:1.5vw;	
    }
    
    #navigation_kuenstler li a:hover{
        text-decoration:none;
    }
    
    /*******-----*******/
    
    #navigation_galerist {
        margin:0 23%;	
    }
    
    #navigation_galerist ul {
        display:flex;
        justify-content:space-between;
        padding-top:1%;	
    }
    
    #navigation_galerist li {
        list-style-type:none;
    }
    
    #navigation_galerist li a{
        text-decoration:none;
        text-transform:uppercase;		
        color:#bababa;
        font-size:1.5vw;	
    }
    
    #navigation_galerist li {
        list-style-type:none;
    }
    
    #navigation_galerist li {
        border-bottom:.75vw solid transparent;	
    }
    
    #navigation_galerist li:hover {
        border-bottom:.75vw solid #bababa;		
    }
    
    /*rot: e41a28*/
    #navigation_galerist li.listeWerke { 
        border-bottom:.75vw solid #e41a28;
    }
    
    #navigation_galerist li.home { 
        border-bottom:.75vw solid #e41a28;
    }
    
    #navigation_galerist li.kontaktRot { 
        border-bottom:.75vw solid #e41a28;
    }
    
    
    
    
    /*************************************************/
    
    #main  {
        clear:both;
        margin:0 auto;
        margin-left:23%;
        margin-right:23%;	
        padding-top:5%;	
    }
    
    
    #content {
        width:98%;
        margin-left:0;
        font-size:1.1vw;
    }
    
/*cb_240208*/    
    #content h2.top {
        font-family: 'Jost', sans-serif !important;
        font-weight: 600 !important;
    }
/*cb_240208*/     
    
    #content h3 {
        padding-bottom:3%;	
    }
    
    #content h3.aktuell {
        padding-bottom:0 !important;	
    }
    
    #content h4.color {
    padding-bottom:3%;
    color:#969696;
    }
    
    #content p {
        padding-bottom:1%;
    }
    
    #content p.aktuell {
        padding-bottom:0 !important;
    }
       
    
    /*******-----*******/
    /*blau*/
    
    /*biographie*/
    
    #content .biographie {	
        width:77%;
        /*
        border:1px solid blue;	
        */
    }
    
    #content .biographie h3 {
        /*
        font-size:1.3vw;
        */
        padding-bottom:3%;
    }
    
    #content .biographie p {
        padding-bottom:1%;
    }
    
    
    #content .biographie dl {
        padding-bottom:1%;				
    }
    
    #content .biographie dt {
        float:left;
        clear:left;	
    }
    
    #content .biographie dd {
        margin-left:22%;
        padding-bottom:1%;
    }
    
    #content .biographie{
    }
    
    #content .biographie ul {
        margin-left:5%;	
    }
    
    #content .biographie li {
        list-style-type:disc;		
    }
    
    
    /*bildergalerie*/
    
    #content .alle {	
        width:160%;
        margin: 0 auto;	
        margin-left:-30%;			
    }
    
    #content .alle img {
        width:100%;
        height:auto;
    }
    
    /*kontakt*/
    
    #content .mail {
        max-width:60%;
        padding:0;
    }
    
    #content .mail img {
        width:100%;
        height:auto;
    }
    
    
    #content .lageplan,
    #content .ausstellung {
        max-width:150%;
        padding-top:1%;
        padding-bottom:5%;
    }
    
    #content .lageplan img,
    #content .ausstellung img {
        width:100%;
        height:auto;
    }
    
    
    
    /*******-----*******/
    /*rot*/
    
    /*Liste kuenstlerInnen*/
    
    
    .zweispaltig {
        clear:both;
        display:flex;
        justify-content:space-between;
        padding-top:5%;		
        width:104%;	
                    
    }
    
    .zweispaltig .bilder {
        width:45%;						
    }
    
    .zweispaltig .bilder img{
        padding-bottom:3%;
        width:100%;
        height:auto;
    }
    
    .zweispaltig .liste {
        width:35%;	
        margin-right:15%;	
    }
    
    .zweispaltig .liste li {
        list-style-type:none;
        padding-bottom: 1%;
    }
    
    .zweispaltig .liste li.linie {
        border-bottom:.25vw solid #bababa;
        margin-bottom: .25vw;
    }
    
    .zweispaltig .liste p.liste {
        margin: 4% 0 1% 0;
        font-family: 'Jost', sans-serif !important;
        font-weight: 600 !important;
    }
    
    /*kontakt*/
    
    .kontakt {
        font-size:1.1vw;	
    }
    
    .kontakt h3 {
        padding-bottom:3%;	
    }
    
    .kontakt p {
        padding-bottom:1%;
    }
    
    #content .mail {
        max-width:60%;
        padding:0;
    }
    
    #content .mail img {
        width:100%;
        height:auto;
    }
    
    .kontakt .lageplan,
    #content .ausstellung {
        max-width:150%;
        padding-top:1%;
        padding-bottom:5%;
    }
    
    .kontakt .lageplan img,
    #content .ausstellung img {
        width:100%;
        height:auto;
    }
    
    /*************************************************/
    
    #footer {
        border:1px solid gray;
    }
    
    
    
    
    @media screen and (min-width:2561px)  {
        body {
            font-size:140%;	
        }
    
        #wrapper {
               max-width:1920px;  	
    /*
            border:2px solid blue;
    */
        }
        
        #kuenstler li {
            line-height:150%;
        }
        
        #wrapper-inside,
        #wrapper-inside-kuenstler,
        #wrapper-inside-galerist {
            height: 350px;		
        }	
    
        #wrapper-inside .news,
        #wrapper-inside-kuenstler .news,
        #wrapper-inside-galerist .news{
            display:none;
        }
    
        #circles div.kuenstler{
            width: 48%;
            height: 100px;	
            margin: 15% 0 -15% 0;		
        }
    
        #circles div.galerist {			
            width: 48%;
            height: 100px;	
            margin: 15% 0 -15% 0;		
        }	
        
        #galerist li {
            line-height:5vw;
        }
        
        #navigation_kuenstler ul{
            padding-top: 1%;
        }	
        
        #navigation_galerist ul{
            padding-top: 1%;
        }	
        
        #content {
            width:96%;		
        }		
    }
    
    /*24z*/
    
    @media screen and (min-width:1920px) and (max-width:2560px) {	
        body {
            font-size:140%;	
        }
    
        #wrapper {
               max-width:65%; 
        /*   	
            border:2px solid red;
        */
        }
    
        #wrapper-inside,
        #wrapper-inside-kuenstler,
        #wrapper-inside-galerist {
            height: 270px;		
        }
        
        #wrapper-inside .news{
            width: 25%;
            height: 100px;	
            margin-top:-1vw;
            margin-right:-15%;
        }	
        
        #kuenstler ul {
            font-size:5vw;
        }
        
        #kuenstler li {
            line-height:5vw;
        }	
        
        #circles div.kuenstler{
            margin-top:13%;			
        }
    
        #circles div.galerist {			
            margin-top:13%;		
        }	
    
        #galerist ul {
            font-size:4.5vw;
        }	
        
        #galerist li {
            line-height:4.5vw;
        }
        
        #navigation_kuenstler ul{
            padding-top: 1%;
        }	
        
        #navigation_galerist ul{
            padding-top: 1%;
        }
        
        #content {
            width:96%;
            /*	
            border:1px solid aqua;	
            */		
        }			
    }
    
    
    /*19z-21z*/
    @media screen and (min-width:1280px) and (max-width:1920px) {	
        body {
            font-size:140%;	
        }
            
        #wrapper {  
            max-width:80%;
    /*
            border:3px solid black;
    */
        }
        
        #kuenstler {
            padding-bottom:1%;
        }
    
        #kuenstler ul{
            font-size:6.5vw;	
            margin:0 22%;	
        }	
        
        #kuenstler li {	
            line-height:6.5vw;	
        }
    
        #wrapper-inside,
        #wrapper-inside-kuenstler,
        #wrapper-inside-galerist{
            height: 240px;	
        }
    
        #wrapper-inside .news,
        #wrapper-inside-kuenstler .news,
        #wrapper-inside-galerist .news{
            width: 25%;
            height: 80px;	
            margin-top:-1.5vw;
            margin-right:-20%;
        }
        
        #circles div.kuenstler{
            margin-top:13%;			
        }
    
        #circles div.galerist {			
            margin-top:13%;		
        }
    
        
        #galerist ul{
            font-size:6vw;	
            margin:0 22%;					
        }
        
        #galerist li {	
            line-height:6vw;	
        }	
        
        #navigation_kuenstler{
            margin:0 22%;	
        }
        
            
        #navigation_galerist {
            margin:0 22%;	
        }
        
        #navigation_kuenstler ul{
            padding-top: 2%;
        }	
        
        #navigation_galerist ul{
            padding-top: 2%;
        }	
        
        #navigation_kuenstler li a{
            font-size:1.8vw;	
        }	
        
        #navigation_galerist li a{
            font-size:1.8vw;	
        }
        
        #main  {
            margin-left:22%;
            margin-right:22%;	
        }		
        
        #content {
            font-size:1.3vw;	
            width:100%;			
        }
    
        #content .biographie {
            font-size:1.2vw;		
        }	
        
            
        .zweispaltig {
            width:100%;				
        }
                
                
    }
    
    /*17z-19z MacBook*/
    @media screen and (min-width:1024px) and (max-width:1280px)  {
        
        body {
            font-size:140%;	
        }
            
        #wrapper {  
            max-width:80%;  
            margin-top:1em;	
            /*
            border:3px solid aqua;	
            */
    
        }
        
        #wrapper-inside,
        #wrapper-inside-kuenstler,
        #wrapper-inside-galerist{
            height: 230px;	
        }
    
    
        #wrapper-inside .news,
        #wrapper-inside-kuenstler .news,
        #wrapper-inside-galerist .news{
            width: 32%;
            height: 100px;	
            margin-top:-1vw;
            margin-right:-40%;
        }
    
        #circles div.kuenstler{
            margin-top:13%;			
        }
    
        #circles div.galerist {			
            margin-top:13%;		
        }
    
        #kuenstler ul{
            font-size:9vw;	
            margin:0 10%;	
        }
        
        #kuenstler li {		
            line-height:8vw;				
        }
        
        #galerist ul {
            font-size:8.5vw;	
            margin:0 10%;					
        }
        
        #galerist li {	
            line-height:7.5vw;						
        }	
        
        #navigation_kuenstler {
            margin:0 10%;					
        }	
        
        #navigation_kuenstler ul {
            padding-top:2%;
        }
        
        #navigation_kuenstler li a{
            font-size:2.4vw;	
        }	
        
        #navigation_galerist {
            margin:0 10%;					
        }
        
        #navigation_galerist ul {
            padding-top:2%;		
        }	
    
        #navigation_galerist li a{
            font-size:2.4vw;	
        }	
    
        #main {
            width: 80%;	
            margin-left:10%;						
        }	
        
        #content {
            font-size:1.7vw;					
        }
        
        #content {
            width:99%;	
            /*	
            border:1px solid lime;
            */				
        }		
        
        #content .alle {
            /*
            border:1px solid blue;
            */
            width:110%;
            margin: 0 auto;	
            margin-left:-5%;		
        }
        
        .zweispaltig {
            width:101%;				
        }	
                            
    }
    
    
    /*ipad quer*/
    @media screen and (min-width:769px) and (max-width:1024px)  {
        
        body {
        }
            
        #wrapper {  
            max-width:100%; 
            margin-top:0;
            /*
            border:3px solid pink;		
            */
        }
        
        #wrapper-inside,
        #wrapper-inside-kuenstler,
        #wrapper-inside-galerist{
            width: 50%;		
            height: 220px;
        }	
        
        #wrapper-inside .news,
        #wrapper-inside-kuenstler .news,
        #wrapper-inside-galerist .news{
            width: 25%;
            height: 100px;	
            margin-top:-1.5vw;
            margin-right:-20%;
        }
        
    
        #kuenstler ul{
            font-size:11vw;	
            margin:0 12%;	
        }
        
        #kuenstler li{
            line-height:10vw;		
        }
        
        #main {
            margin:0 12%;		
        }	
        
        
        #navigation_kuenstler{
            margin:0 12%;	
        }
        
        #navigation_kuenstler ul {
            padding-top:2%;
        }	
        
        #navigation_kuenstler li a {
            font-size:2.6vw;	
        }		
        
        #galerist ul{
            font-size:10vw;	
            margin:0 12%;					
        }
        
        #galerist li{
            line-height:9vw;		
        }
        
        #navigation_galerist {
            margin:0 12%;
        }
        
        #navigation_galerist ul {
            padding-top:2%;
        }	
        
    
        #navigation_galerist li a{
            font-size:2.6vw;	
        }	
        
        #content {
            font-size:2vw;		
        }
    
        #content {
            width:99%;			
        }	
    
        #content .alle {
            width:110%;
            margin: 0 auto;	
            margin-left:-5%;		
        }
    
        .zweispaltig {
            width:101%;				
        }			
    }
    
    /*ipad hoch*/
    @media screen and (max-width:768px){
        #wrapper {  
            max-width:100%; 	
            margin-top:1em;	
        /*
            border:2px solid green;		
        */
        }
        
        #wrapper-inside,
        #wrapper-inside-kuenstler,
        #wrapper-inside-galerist{
            width: 50%;		
            height: 200px;	
        }
            
        #kuenstler ul{
            font-size:12vw;	
            margin: 0 10%;	
        }
        
        #kuenstler li{
            line-height:11vw;					
        }	
        
        #galerist ul{
            font-size:10vw;	
            margin: 0 10%;						
        }
        
        #galerist li{
            line-height:9vw;					
        }	
        
        #navigation_kuenstler {
            margin: 0 10%;	
        }	
        
        #navigation_kuenstler ul{
            padding-top:3%;	
        }	
        
        #navigation_kuenstler li a {
            font-size:3vw;	
        }	
        
        #navigation_galerist {
            margin: 0 10%;	
        }
    
        #navigation_galerist ul{
            padding-top:3%;	
        }
        
        #navigation_galerist li a {
            font-size:3vw;	
        }
    
        #main {
            width: 80%;	
            margin-left:10%;						
        }		
        
        #content {
            font-size:2.6vw;
        }
        
        #content {
            width:99%;			
        }	
        
        #content .alle {
            width:120%;
            margin: 0 auto;	
            margin-left:-10%;		
        }	
    
        .zweispaltig {
            width:101%;				
        }
                                
    }
    
    /*iphone 6s*/
    @media screen and (max-width:667px)  {
        
        #wrapper {  
            margin-top:.5em;
            /*
            border:3px solid lime;	
            */
        }
        
        #wrapper-inside,
        #wrapper-inside-kuenstler,
        #wrapper-inside-galerist{
            height: 150px;	
        }	
        
        #wrapper-inside .news,
        #wrapper-inside-kuenstler .news,
        #wrapper-inside-galerist .news{
            margin-top:-0.5vw;
    
        }	
        
        #kuenstler li {
            line-height:8.5vw;
        }
        
        #navigation_kuenstler ul {
            padding-top:1%;			
        }	
        
        #navigation_kuenstler li a {
            font-size:2.8vw;			
        }	
        
        #navigation_galerist ul {
            padding-top:1%;	
        }	
    
        #navigation_galerist li a {
            font-size:2.8vw;	
        }
        
        #galerist li {
            line-height:7.5vw;
        }
    
    /*cb 230123*/		
        #content p.aktuell img {
            max-width: 80vw;
            height:auto;
        }
    /*cb 230123 ende*/					
    }
    
    /*iphone 5s*/
    @media screen and (max-width:640px)  {
    
        #wrapper {  
            margin-top:3px;
            /*
            border:1px solid orange;	
            */
                
        }	
    
        #wrapper-inside,
        #wrapper-inside-kuenstler,
        #wrapper-inside-galerist{
            height: 110px;	
        }
        
        #wrapper-inside .news,
        #wrapper-inside-kuenstler .news,
        #wrapper-inside-galerist .news{
            width: 20%;
            height: 70px;	
            margin-top:0.5vw;
            margin-right:-20%;
        }
    
            
    }
        
    /*iphone 4s*/
    @media screen and (max-width:480px)  {	
        #wrapper {  
        /*
            border:1px solid blue;	
            */
        }	
        
        #wrapper-inside,
        #wrapper-inside-kuenstler,
        #wrapper-inside-galerist{
            height: 90px;	
        }
        
        #wrapper-inside .news,
        #wrapper-inside-kuenstler .news,
        #wrapper-inside-galerist .news{
            margin-top:-1vw;
            margin-right:-25% !important;
            width: 27% !important;
        }	
            
    }
    
    /*iphone 4*/
    /*
    @media screen and (max-width:420px)  {	
        #wrapper {  				
            border:1px solid lime;			
        }
            
        #wrapper-inside,
        #wrapper-inside-kuenstler,
        #wrapper-inside-galerist{
            height: 80px;	
        }
        
        #circles div.kuenstler{
            width: 48%;
            height: 70px;	
            margin: 0;	
        }
    
        #circles div.galerist {			
            width: 48%;
            height: 70px;	
            margin: 0;		
        }	
                    
    }
    */
    
    /*iphone Hochformat*/
    @media screen and (max-width:420px)  {
        
    
    
        #wrapper.mobilIntro {  	
            margin-top:45%;	
            /*
            border:1px solid lime;
            */
        }	
    
        #wrapper.mobilSub {  	
            margin-top:5%;	
        }	
    
        #wrapper-inside,
        #wrapper-inside-kuenstler,
        #wrapper-inside-galerist{
            
            width: 53%;
            height: 110px;	
            margin:0 auto;
            margin-top:3%;
            margin-bottom:3%;			
        }
        
            
        #wrapper-inside .news,
        #wrapper-inside-kuenstler .news,
        #wrapper-inside-galerist .news{
            width: 35%;
            margin-right:-35%;
        }
    
        #kuenstler ul {
            font-size:12vw;	
            margin: 0 5%;		
        }
        
        #galerist ul {
            font-size:10vw;	
            margin: 0 5%;		
        }
        
        #navigation_kuenstler,
        #navigation_galerist	{
            margin: 0 6.5%;
        }
        
        #navigation_kuenstler li a,
        #navigation_galerist li a	 {
            font-size:4vw;
        }
        
        #main  {
            margin: 0 6.5%;
        }
        
        #content {
            font-size:4vw;		
        }
        
        #content .biographie dl {
            width:140%;
        }
        
        #content .biographie dt {
            width:25%;
        }
            
        #content .biographie dd {
            margin-left:25%;
        }
            
        .zweispaltig {
            width:110%;
            display:flex;
            justify-content:space-around;	
        }
        
        .zweispaltig .bilder {
            width:50%;				
        }
    
        .zweispaltig .liste {
            width:55%;	
            margin:0 0 0 5%;			
        }	
        
    }