/*regulanussbaumer*/
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://www.regulanussbaumer.ch/cms/fonts/urbanist-100.woff2), local('Urbanist Thin'), local('Urbanist-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: 'Urbanist';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://www.regulanussbaumer.ch/cms/fonts/urbanist-200.woff2), local('Urbanist ExtraLight'), local('Urbanist-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: 'Urbanist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://www.regulanussbaumer.ch/cms/fonts/urbanist-300.woff2), local('Urbanist Light'), local('Urbanist-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: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.regulanussbaumer.ch/cms/fonts/urbanist-400.woff2), local('Urbanist Regular'), local('Urbanist-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: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.regulanussbaumer.ch/cms/fonts/urbanist-500.woff2), local('Urbanist Medium'), local('Urbanist-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: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://www.regulanussbaumer.ch/cms/fonts/urbanist-600.woff2), local('Urbanist SemiBold'), local('Urbanist-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: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.regulanussbaumer.ch/cms/fonts/urbanist-700.woff2), local('Urbanist Bold'), local('Urbanist-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: 'Urbanist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://www.regulanussbaumer.ch/cms/fonts/urbanist-800.woff2), local('Urbanist ExtraBold'), local('Urbanist-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: 'Urbanist';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://www.regulanussbaumer.ch/cms/fonts/urbanist-900.woff2), local('Urbanist Black'), local('Urbanist-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;
}


* {
    margin:0;
    padding:0;
    border:0;
    }
    
    body {
    background-color:#acb4c7;
    font-family: "Urbanist", sans-serif !important;
    font-weight:300 !important;
    }
    
    
    #wrapper {
    max-width: 1280px;
    min-width: 900px;
    margin:0 auto;
    padding:5% 10% 5% 10%;
    }

    
    #header .personName h1,
    #header .personTitel h1,
    #header .personFunktion h2,
    #text h3,
    #navigationMain li a,
    #main #left #navigationSub li a {
    font-family: "Urbanist", sans-serif !important;
    font-weight:400 !important;
    }
    
    strong {
    font-weight:400 !important;    
    }
    
    #header {
    width:100%;
    height:10em;
    height:9.5em;
    }
    
    #header .block1 {
    height:5em;
    height:4.5em;
    display: flex;
    display: -webkit-flex;	
    justify-content:flex-start;
    }
    
    #header .personName {
    height:4em;
    margin:0;
    padding:0;
    display: flex;
    align-items:flex-end;
    -webkit-align-content:flex-end;
    }
    
    #header .personName h1 {
    text-transform:uppercase;
    color:#19375C;
    font-size:3vw;
    font-size:2.5vw;
    margin:0;
    padding:0;
    }
    
    #header .personName a {
    text-decoration:none;
    }
    
    #header .personName a:hover {
    text-decoration:underline;
    color:#19375C;
    }

    #header .personTitel {
    height:4em;
    padding-left:7%;
    padding-left:5%;
    display: flex;
    align-items:flex-end;
    -webkit-align-content:flex-end;
    }
    
    #header .personTitel h1 {
    text-transform:uppercase;
    color:#19375C;
    font-size:1.9vw;
    font-size:1.8vw;
    margin:0;
    padding:0;
    padding-bottom:3px;
    }

    #header .personFunktion {
    clear:both;
    width:100%;
    }
    
    
    #header .personFunktion h2 {
    text-transform:uppercase;
    color:#866A2D;
    font-size:2vw;
    font-size:1.8vw;
    }
    
    #header .personFunktion h2 img{
    padding:0 4.5px 5px 4.5px;
    }
    
    #main {
    clear:both;
    }
    
    #left {
    float:left;
    width: 22%;
    }
    
    #navigationMain{
    height:3em;
    }
    
    #navigationMain ul{
    clear:both;
    position: relative;
    margin: 0;
    padding:0;
    list-style-type: none;
    display: flex;
    display: -webkit-flex;	
    -webkit-justify-content: start;
    justify-content: start;
    }
    
    
    #navigationMain ul li {
    display:inline;	
    padding-right:5%;
    padding-right:4.5%;
    padding-right:4.5%;
    }

    
    #navigationMain ul li a{
    text-transform:uppercase;	
    margin-right:2%;
    margin-right:1px;
    white-space:nowrap;
    text-decoration:none;
    color:#866A2D;
    font-size:1.9vw;
    font-size:1.8vw;
    }
    
    #navigationMain ul li a:hover{
    text-decoration:underline;
    }
    
    #navigationMain ul li.active a.active {
    text-decoration:none;
    color:#19375C;
    }
    
    #left {
    margin-top:2em;
    }
    
    #navigationSub ul  {
    list-style-type: none;
    }
    
    #navigationSub ul li {
    padding-bottom: 1em;
    padding-bottom: .8em;/*cb_160327*/
    }
    
    #navigationSub ul li a{
    text-transform:uppercase;
    color:#866A2D;
    text-decoration:none;
    font-size:1.9vw;
    font-size:1.8vw;
    }
    
    #navigationSub ul li a:hover{
    text-decoration:underline;
    }
    
    #navigationSub ul li a.active {
    text-decoration:none;
    color:#19375C;
    }
    
    #right {
    margin-top:1.75em;
    float:left;
    width: 74%;
    }
    
    #content {
    margin: .5em 0 0 5%;
    margin: .3em 0 0 5%;
    }
    
    #content {
    color:#19375C;
    }
    
    #content #text {
    min-height:45em;
    }
    
    #content h3{
    padding-bottom:.5em;
    font-size:1.5vw;
    font-weight: 500 !important;
    }
    
    #content p,
    #content ul,
    #content dl,
    #content td,
    #content input{
    font-size:1.4vw;
    line-height:155%;
    }
    
    
    #content p{
    padding-bottom:1em;
    }
    
    #content a {
    color:#866A2D;
    color:#fa2785;
    text-decoration:none;
    }
    
    #content a:hover {
    color:#866A2D;
    color:#fa2785;
    
    text-decoration:underline;
    }
    
    #content ul{
    list-style-type:none;
    }
    
    #content li {
    padding-bottom:.25em;
    background:url('../upload/design/renu_bullet_5px_blue.png')5px 40% no-repeat;
    padding-left: 1em;
    }
    
    #content dl {
    padding: 0.5em;
    }
    
    #content dt {
    float: left;
    clear: left;
    width: 5.75em;
    text-align: right;
    }
    
    
    #content dd {
    margin-left: 7em;
    margin-bottom: 1em;
    padding-bottom:.25em;
    border-bottom: 1px solid #866A2D;
    }
    
    
    #content table {
    width:60%;
    border-collapse: collapse;
    margin:1em 0 2em 0;
    }
    
    #content th {
    font-weight:bold;
    text-align:left;
    padding-bottom:1%;

    }

    #content tbody td {
    padding:1% 0;
    }
    
    #content tr {
    padding-bottom:.25em;
    border-bottom: 1px solid #866A2D;
    }
    
    #content td.wtag {
    padding-right:2%;
    }

    #content td.uhr {
    padding-right:2%;
    }
    
    #content td.tag {
    text-align:right;
    width:7%;
    padding-right:1%;
    }
    
    #content td.monat {
    padding-right:1.5%;
    }
    
    #kontaktformular{
    font-size:1.8vw;
    width:100%;
    }
    
    #kontaktformular label{
    clear:left;
    float:left;
    text-align:right;
    width:19.95%;
    line-height: 2vw;
    margin-top:.7em;
    font-size:1.3vw;
    }
    
    #kontaktformular input{
    border:1px solid #cbcbc9;
    float:left;
    margin-left:2%;
    margin-top:.7em;
    margin-bottom:0;
    width:55%;
    font-size:1.3vw;
    box-shadow:none;
    background-color:#F1DADE;
    background-color:#F4E9EB;
    background-color:#F5ECED;
    
    }
    
    #kontaktformular .mitteilung label{
    width:19.95%;
    float:left;
    clear:left;
    text-align:right;
    line-height: 2vw;
    }
    
    #kontaktformular .mitteilung textarea{
    float:left;
    border:1px solid #cbcbc9;
    padding:.25em;
    margin:.7em 0 0 2%;
    width:54%;
    background-color:#F5ECED;
    }
    
    
    #kontaktformular input.email_zusatz{
    display:none;
    }
    
    
    #kontaktformular div.email_zusatz{
    display:none;
    }
    
    
    #kontaktformular input.errorField{
    background: rgba(240,184,195,.5);
    background:#fba4cb;
    }
    
    
    form#formkontakt p.error{
    color:#fa2785;
    padding-bottom:3%;
    }
    
    
    #kontaktformular input.submitKontakt,
    #kontaktformular input.clearKontakt{
    width:18%;
    margin-top:1em;
    line-height:2.2vw;
    line-height:1.95vw;
    background-color:#F5ECED;
    font-family: "Urbanist", sans-serif !important;
    font-weight:300 !important;
    }
    
    
    #kontaktformular #stern{
    clear:left;
    padding-top:1.25em;
    margin-left:23%;
    }
    
    
    #kontaktformular p.hinweis{
    padding-top:1em;
    font-weight:normal;
    }  
    
    #kontaktformular .agb {
    	clear:both; 
    	width:100%; 
    	padding:1em 0 0 0; 
    	margin:0;
    	/*
    	border: 2px dotted blue;
    	*/
    }
    	
    #kontaktformular .agb div {
    	margin: 0 0 0 18%; 
    	padding: 0;
    }                

    #kontaktformular .agb div input{
    	float:left; 
    	margin: 0; 
    	padding:0;
    } 
    
   
    #kontaktformular .agb div input[type="checkbox"]:checked {
  		background: #F5ECED;
  		color: black;
	}

	#kontaktformular .agb div input[type="checkbox"] {
  		cursor: pointer;
  		-webkit-appearance: none;
  		-moz-appearance: none;
  		appearance: none;
  		outline: 0;
  		background: #F5ECED;
  		height: 16px;
  		width: 16px;
  		border: 1px solid #cbcbc9;
  		color: black;
	}

	#kontaktformular .agb div input[type="checkbox"]:after {
  		content: ' ';
  		position: relative;
  		left: 40%;
  		top: 20%;
  		width: 20%;
  		height: 40%;
  		border: solid #000;
  		border-width: 0 2px 2px 0;
  		transform: rotate(50deg);
  		display: none;
	}

	#kontaktformular .agb div input[type="checkbox"]:checked:after {
  		display: block;
	}  

    #kontaktformular .agb div p {
    	float:left; 
    	margin:-.75% 0 0 0; 
    	padding:0 0 0 2%;
    }
    
    @media only screen and (min-width:1281px) {	

        #header .personName h1 {
        font-size:40px;
        font-size:36px;
        }
    
        #header .personTitel h1 {
        font-size:24px;
        }
        
        #header .personFunktion h2 {
        font-size:24px;
        }
        
        #navigationMain ul li{		
        padding-right:47.5px;
        }
        
        #navigationMain ul li a{	
        font-size:24px;	
        }	
        
        #navigationSub ul li a{	
        font-size:24px;	
        }	
        
        #content h3{	
        font-size:22px;	
        }	
        
        #content p,
        #content ul,
        #content dl{	
        font-size:21px;		
        }
        
        #content li {
        padding-bottom:.25em;
        background:url('../upload/design/renu_bullet_6px_blue.png')5px 12px no-repeat;
        padding-left: 1em;
        }	
        
        #content table {
        width:500px;
        }
        
        #content td{	
        font-size:18px;		
        }
        
        #content td.tag {
        width:6%;
        }

        #kontaktformular{
        font-size:26px;
        font-size:21px;	
        }
        
        #kontaktformular label,
        #kontaktformular .mitteilung label {
        width:25%;
        font-size:21px;		
        line-height:120%;			
        }
    
    
        #kontaktformular input,
        #kontaktformular .mitteilung textarea,
        #kontaktformular #stern p,
        form#formkontakt p.error,
        #kontaktformular input.submitKontakt,
        #kontaktformular input.clearKontakt {
            font-size:18px;
        }
        
        #kontaktformular input {
            margin-top:.8em;
    
        }	
    
        #kontaktformular .mitteilung textarea {
            margin-top:.8em;		
            line-height:120%;		
        }
        
        #kontaktformular input.submitKontakt,
        #kontaktformular input.clearKontakt{
            line-height:135%;
    		font-family: "Urbanist", sans-serif !important;
    		font-weight:300 !important;            
        }	
        
        #kontaktformular #stern{
        margin-left:27%;
        }
        
        
        
        #kontaktformular .agb {
        /*
    		border: 2px dotted red;        
    	*/
        }
        
       
        #kontaktformular .agb div {
        	margin-left:24%;
        }
        
     	#kontaktformular .agb div p {
    		margin:-1.5% 0 0 0; 
    	}       
    }
    
    @media only screen and (max-width:1024px) {

        #header .personName h1 {
        font-size:32px;
        font-size:26px;
        }
    
        #header .personTitel h1 {
        font-size:20px;
        }
        
        #header .personFunktion h2 {
        font-size:20px;
        }
        
        #navigationMain ul li{		
        padding-right:39.5px;
        }
        
        #navigationMain ul li a{	
        font-size:20px;
        }	
        
        #navigationSub ul li a{	
        font-size:20px;	
        }	
        
        #content h3{	
        font-size:20px;	
        }	
        
        #content p,
        #content ul,
        #content dl,
        #content input,
        #content label{	
        font-size:18px;		
        }
        
        #content li {
        padding-bottom:.25em;
        background:url('../upload/design/renu_bullet_6px_blue.png')5px 9px no-repeat;
        padding-left: 1em;
        }
        
        #content table {
        width:450px;
        }	
        
        #content td{	
        font-size:15px;		
        }
    
        #content td.tag {
        width:6%;
        }

        
        #kontaktformular label {
        margin-top:.5em;
        font-size:16px;	
        width:30%;		
        }
    
        #kontaktformular input,
        #kontaktformular .mitteilung textarea,
        #kontaktformular #stern p,
        form#formkontakt p.error,
        #kontaktformular input.submitKontakt,
        #kontaktformular input.clearKontakt {
        font-size:16px;		
        }
        
        #kontaktformular input.submitKontakt,
        #kontaktformular input.clearKontakt {
            line-height: 25px;
            width:24%;
    		font-family: "Urbanist", sans-serif !important;
    		font-weight:300 !important;            
        }	
    
        #kontaktformular input {
            width:50%;
            margin-top:.3em;
            line-height:24px;
        }
    
        #kontaktformular .mitteilung label {
        width:30%;			
        }
    
        #kontaktformular .mitteilung textarea {
            width:49%;
            margin-top:.3em;
            line-height:24px;
        }
        
        #kontaktformular #stern{
        margin-left:33%;
        }	
        
        #kontaktformular #stern p {
            margin-top:0;
        }	
        
        #kontaktformular .agb {
        /*
    		border: 2px dotted aqua;      
    	*/  
        }     
        
        #kontaktformular .agb div {
    		margin: 0 0 0 28%;   
    	} 
    	
     	#kontaktformular .agb div p {
    		margin:-1.5% 0 0 0; 
    	}     	
        
    }