body {
	position:absolute;
	width:100%;
	color:#444;
  min-height:100%;
  height:auto;
 -webkit-overflow-scrolling:touch; 
 overflow-y:auto;
}
#wrapper {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position: relative;
  overflow: hidden; /*Offcanvas länger als Inhalt, dann overflow-x*/
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 100%;        /*Offcanvas länger als Inhalt*/
  max-width: 1200px;
  min-width: 320px;   
}
#site-canvas {
  width: 100%;
  height: 100%;
  position: relative;

 /* -webkit-transform: translateX(0);
  transform: translateX(0);

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
 */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.show-nav #site-canvas {
  -webkit-transform: translateX(230px);
  transform: translateX(230px);
  
  -webkit-transform: translate3d(230px, 0, 0);
  transform: translate3d(230px, 0, 0);
}
#filter-mobil {
  width: 230px;
  height: auto;    /* Offcanvas länger als Inhalt */
  position: absolute;
  top: 0;
  left: -230px;
  background: #efefef;
  border: 1px solid #dedede;
}
#contactbox { display:none; }
#button-offcanvas {
  display:inline;
	position: absolute;
	top:100px;
	padding:3px 10px;
	z-index:30;
	background:none;
	color: #2b597f;
	border: 1px solid #2b597f;
	margin-left: 10px;
	background:#efefef;
}
#button-offcanvas.btn-success.focus, .btn-success:focus {
    box-shadow: none;
	
}
a#button-offcanvas:hover{
  background-color: #b8dfff;
}
#button-offcanvas .fa-search {
  padding-right:5px;
}
#filter-mobil .fa-times {
  color:#555;	
  padding:10px;
  font-size:16px; 
}  
header{
	z-index:4;
	padding:0;
	margin:0;
}
#kopf{
  margin-left: 0%;
  margin-top:0;
  clear: both;
  width: 100%;
  margin-right: 0;
  background-attachment: inherit;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50% 0%;
  background-repeat: no-repeat;  
  position:relative;  
     }
#kopf.kopf1 {
	   height: 395px;
	   }
#kopf.kopf {
   	height: 250px;
 	   }
#kopf a.foto {
	position:relative;
	top:230px;
	left:0;
	font-size:0.9em;
	background:rgba(255,255,255,0.7) none repeat scroll 0% 0%;
	padding:3px;
}     
.fa-pencil-square-o{
		font-size:1.2rem!important;
		line-height: 1.2rem!important;
			}  
*,*::before, *::after {
		box-sizing: inherit;
		}
		
		#toggleNavMain {
		  display:none;	
	}

 ul.drucken {
 	  display:none;
		 list-style: none;
		 text-align:right;
	  position: relative;
	  top:-50px;
	  right:10px;
		}
.fa-print{
			font-size:1.8em!important;
			line-height:1.3em!important;
			}	

#inhalt {
    height: auto;
	min-height:1200px;
    margin-top: 0;
    z-index:0;
    }
#inhalt section { 
height: auto; 
margin:10px 0;
}
#inhalt.home {
  height: auto;
  margin-top: 0;
  width:100%;
  z-index:3;
}    
#inhalt-oben {
  height: auto;
  margin: 0;
  width: 100%;
}
#head {
  position:relative;
  height: auto;
  width: 100%;
  z-index: 3;
  margin-top: 20px;
}
.impressum #head {
  height: 50px;
}
#head h1 {
   margin:10px; /*10px*/
 	  padding:0; 
 	  text-align: center; 
 	  font-weight:normal;
 	  background: rgba(255,255,255,0.6) none repeat scroll 0% 0% ;
}
#head.unter { margin-bottom: 25px; }
#head.unter h1 {	
	margin:25px 0 0 0; 
	padding:0; 	
	background: rgba(255,255,255,1.0) none repeat scroll 0% 0% ;
	line-height:40px;
}   
#bottom,#unterseite {
  height: auto;
  margin: 0;
  width: 100%;
  padding: 0 3%;
  clear:both;
  padding-bottom: 20px;
}
#bottom ul,#unterseite ul{
  padding:5px 0 10px 40px;
  margin:0;
}
#bottom img,#unterseite img{
  border-color: #dcdcdc;
  border-width: thin;
  width: auto;
  height: auto;
}
#unterseite figure.image img{
  border-color: #dcdcdc;
  border-width: thin;
  width: 100%;
  height: auto;
}
#bottom hr, #unterseite hr { 
	clear: both;
	border:none;
	}

.frame-type-textpic {
  margin: 2% 0;
}
/*Appearance Contentelemente Space Before, Space After*/
.frame-space-before-none {
	margin-top:0!important;
}
.frame-space-before-extra-small {
	margin-top:10px!important;
	
}
.frame-space-before-small {
	margin-top:15px!important;
}
.frame-space-before-medium {
	margin-top:20px!important;
	
}
.frame-space-before-large {
	margin-top:25px!important;
	
}
.frame-space-before-extra-large {
	margin-top:30px!important;
	
}
.frame-space-after-none {
	margin-bottom:0!important;
	
}
.frame-space-after-extra-small {
	margin-bottom:10px!important;
	
}
.frame-space-after-small {
	margin-bottom:15px!important;
	
}
.frame-space-after-medium {
	margin-bottom:20px!important;
	
}
.frame-space-after-large {
	margin-bottom:25px!important;
	
}
.frame-space-after-extra-large {
	margin-bottom:30px!important;
	
}
.frame-type-table{
	padding: 10px;
	margin: 5px 0 20px 0;
}
.frame-type-image{
	margin: 10px 0;
}
.back-to-top {		/*Pfeil nach oben*/
    background-color:#EAF0F4 !important;
    border-radius: 3px;
	border: 1px solid #cdcdcd;
    position: fixed;
    bottom: 180px;
    right: 0px;
    padding: 3px;
    z-index: 50;
}
.fa-arrow-up {
    color: #555;
    font-size: 1.5em !important;
    line-height: 1.5em !important;
}
a .fa-arrow-up:hover {
	color: #000;
}
.frame-10, .frame-default {
  height: auto; /*1-spaltig*/
  width: 100%;
  clear:both;
}
.frame-110 {
  height: auto; /*3-spaltig Mitte*/
  width: 100%; 
}
.frame-120 {
  height: auto; /*3-spaltig Rechts*/  
  width: 100%;  
}
.frame-100 {
  height: auto;  /*3-spaltig Links*/
  width: 100%;
}

.frame-130 {
  height: auto;   /*2-spaltig Links*/   
  width: 100%; 
}
.frame-132 {
  height: auto;  /*2-spaltig Rechts*/    
  width: 100%;   
}
/*Images Inhalt formatieren*/
.csc-textpic-intext-left img, .csc-textpic-intext-right img {
	  margin-top:8px;
	}
.csc-textpic-image img{
		 width:100%;
		 height:auto;
		}
.csc-textpic-intext-left .csc-textpic-text {
			}
.csc-textpic-intext-left-nowrap img{
	  margin-top:30%!important;
	  width:90%!important;
	}
/*Bewertungen Text mit Image links umflossen*/
#c2434 .ce-left .ce-gallery, .ce-column {
    float: none;
}
	/*Korrektur über Element Devider, wenn Abstand nicht stimmt*/
.divider hr {
	border-top:0;
	}
/*Tabelle Content Element z:B. Seite Reiseversicherung Tabelle Storno-Versicherung*/
.ce-table td {
    border-top: none;
	text-align: center;
}

.ce-table tr:first-child {
    font-weight: bold;
	font-size: 1.1em;
}
/*Seite Abi 40*/
#p417 .ce-table td {
    border-top: none;
	border-bottom: solid aliceblue;
	text-align: center;
}
#p417 .ce-table td:first-child {
    
	text-align: left;
}
 #contactbox {
  	display:block;
  	float:none;
  	clear: left;
  	width:100%;
  	height:auto;
  	text-align: center;
  	color:#2B597F;
  /*	margin-bottom: -200px;*/
	}
 #text-contactbox {
	  margin-top: -10px;
     background: #efefef;
     padding-bottom: 10px;
	 }
 #contactbox img { width:100%; height:auto; }  
#contactbox .fa-phone-square, #contactbox .fa-envelope-square {
  color:#2B597F;
  font-size:1.8rem!important;
  line-height:1.8rem!important;
  margin-top:15px;
  cursor: default; 
  padding-right: 0;
}	
 #contactbox p.small {
  	font-size:13px;
  	margin:0;
  	padding:0;
  	line-height: 15px;
	}
#contactbox p {
  	font-size:16px;
  	margin:0;
  	padding:0;
	}
#contactbox a {
		color:#2B597F!important;
		text-decoration: none!important;
  }
#contactbox a:hover {
		color:#058FDE!important;
	}
/*Seite Bewertungen*/
#ekomi, .trustedshop {
	text-align: center;
}
/*Seite vermittlungsbedingungen Besitzer*/
.tx-typoscript2ce{ 
  padding: 0 ;
  margin: 0;
}
/*==========Newsletter An- / Abmeldung Seite Newsletter ===============*/

 p.news-datenschutz {
	font-size: 12px;
}
 p.pflicht {
	font-size: 12px;
	text-align:right;
}
dd.datenschutzbox{
	float:left;
	margin:0;
}
dd.datenschutztext{
	padding: 0 0 0 20px;
	font-size: 13px;
	margin:0;
}
dl.newsletter {
	margin-bottom:0;
}
/*Cookie Banner* Achtung max-width*/
.cc-grower {		/*Cookie Banner*/
    max-height: 100% !important;
	background-color: rgb(209, 209, 209);
 }	
 .cc-window.cc-banner {      /*Cookie Banner*/
    padding: 2px 20px !important;
 }	
 .cc-banner.cc-top {
	 max-width: 1100px;
		margin: 0 auto;
 }
 .cc-btn {		/*Cookie Banner Button*/
	margin: 3px !important;
	padding: 3px !important;
	width: 130px !important;
 }

 .cc-revoke, .cc-window {	/*Cookie Banner*/
	 font-size: 12px !important;
 }
.cc-compliance {
	max-width: 120px !important;
	min-width:100px!important;
}
.cc-theme-classic .cc-btn:last-child {
    width: 120px !important;
	min-width: 100px !important;
}
/* Seite Angelregeln */
.ce-right .ce-gallery {
    float: none;
	
}
.ce-intext.ce-right figure.image img {
	border-width: thick!important;
	margin: 10px 10px 0 0;
}
.ce-intext.ce-right .ce-gallery {
    margin-left: 0;
}
/*template layout_zrck_btn.html Platz für Zurück-Button*/
.zrck #inhalt a.button.backsearch {
	left:-5px;
	top:15px;
} 
.zrck #head.unter h1 {
	padding: 10px 0 0 0;
}
/*Link zu YouTube Seite Faaborg*/
.yt img {
	margin: 0 5px 5px 0;
}
h3.yt {font-size: 1.1em;}
/*Fotos PC und Mobil*/  
/*Bei 2 Fotos das rechte ausgeblendet
#inhalt .frame-132.frame-layout-2 {
display: none;
}	*/  
/*Bei 3 Fotos das rechte und mittlere ausgeblendet
#inhalt .frame-120.frame-layout-2 {
display: none;
}
#inhalt .frame-110.frame-layout-2 {
display: none;	
}*/
@media only screen and (min-width: 400px) {
	/*#unterseite .csc-textpic-image img {
    width: 380px;
    height: auto;
}*/
.frame-100 .csc-textpic-text {					/*3-spaltig Links Text mittig unter Foto*/
	width:60%;
	margin:0 auto;
}
.frame-110 .csc-textpic-text {					/*3-spaltig Mitte Text mittig unter Foto*/
	width:60%;
	margin:0 auto;
}
.frame-120 .csc-textpic-text {					/*3-spaltig Rechts Text mittig unter Foto*/
	width:60%;
	margin:0 auto;
}
}

@media only screen and (min-width: 450px) {
#button-offcanvas {
  display:inline;
	position: absolute;
	top:70px;
}
/*Link zu YouTube Seite Faaborg*/
h3.yt {font-size: 1.3em;}
}
@media only screen and (min-width: 580px) {
#unterseite .frame-100 .csc-textpic-text {					/*3-spaltig Links Text mittig unter Foto aufgehoben*/
	width:100%;
	margin:0;
}
#unterseite .frame-110 .csc-textpic-text {					/*3-spaltig Mitte Text mittig unter Foto aufgehoben*/
	width:100%;
	margin:0;
}
#unterseite .frame-120 .csc-textpic-text {					/*3-spaltig Rechts Text mittig unter Foto aufgehoben*/
	width:100%;
	margin:0;
}
#inhalt .csc-textpic-image img {
    width: 100%;
    height: auto;
}
		/*3-spaltig linke Spalte über ganze Seite und Foto links*/
 #unterseite .frame-100 .csc-textpic-center-inner {
    	right:0!important;
    	float:left!important;
    	}
   #unterseite .frame-100 .csc-textpic-center-outer {
    	right:0!important;
    	float:left!important;
		padding-right:15px;
    	}
   #unterseite .frame-100 .csc-textpic-image{
    		margin:0px 15px 2px 0!important;
    		}
    #unterseite .frame-100 .csc-textpic-imagewrap {
    		overflow:visible!important;
    		}
	/*3-spaltig mittlere Spalte über ganze Seite und Foto links*/
   #unterseite .frame-110 .csc-textpic-center-inner {
    	right:0!important;
    	float:left!important;
    	}
    #unterseite .frame-110 .csc-textpic-center-outer {
    	right:0!important;
    	float:left!important;
		padding-right:15px;
    	}
   #unterseite .frame-110 .csc-textpic-image{
    		margin:0px 15px 2px 0!important;
    		}
    #unterseite .frame-110 .csc-textpic-imagewrap {
    		overflow:visible!important;
    		}
  /*3-spaltig rechte Spalte Foto links von Text umflossen*/
   #unterseite .frame-120 .csc-textpic-center-inner {
    	right:0!important;
    	float:left!important;
    	}
   #unterseite .frame-120 .csc-textpic-center-outer {
    	right:0!important;
    	float:left!important;
		padding-right:15px;
    	}
    #unterseite .frame-120 .csc-textpic-image{
    		margin:0px 15px 2px 0!important;
    		}
    #unterseite .frame-120 .csc-textpic-imagewrap {
    		overflow:visible!important;
    		}
    		
    #unterseite .csc-textpic-intext-left-nowrap img{
	     width:100%!important;
	}
	/*Bewertungen Text mit Image links umflossen*/
	#c2434 .ce-left .ce-gallery, .ce-column {
    float: left;
}
 

  	}

@media only screen and (min-width: 600px) {
#kopf, #kopf.kopf1 {
     height: 350px;
     width:100%;
     position:relative;
    }	
    
 #head h1 {
 			margin:0; 
 			background:#fff;
 			}  
   
#inhalt-oben {
  margin-top: 0;      
  width: 100%;
  height: auto;
} 
#bottom{
  padding: 15px;
  clear: both;
}
#bottom .frame-100 .csc-textpic-text {					/*3-spaltig Links Text mittig unter Foto bei Home aufgehoben*/
	width:100%;
	margin:0;
}
#bottom .frame-110 .csc-textpic-text {					/*3-spaltig Mitte Text mittig unter Foto bei Home aufgehoben*/
	width:100%;
	margin:0;
}
#bottom .frame-120 .csc-textpic-text {					/*3-spaltig Rechts Text mittig unter Foto bei Home aufgehoben*/
	width:100%;
	margin:0;
}
.frame-type-textpic, .frame-type-text, .frame-type-html {
  padding:2%;
  margin: 1% 0;
  border-bottom:none;
}
.frame-type-textpic.frame-layout-0 {
	padding:0 2%;
}
.frame-type-textpic img {
			max-width: 100%;
			height:auto;
			}	
.frame-layout-1{
			border:1px solid #ececec;
			box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
			}
 .frame-layout-1 h3 {
 	margin:0;
 	}   
 /*Homeseite -3-spaltig rechte Spalte Foto links von Text umflossen*/
 
 .frame-10{
        clear: both;     /*1-spaltig*/ 
    }
 .frame-100 {
 	      clear:both;   /*3-spaltig Links*/
        float: left;
        width: 48%;
            }
 .frame-110 {
        float: right; /*3-spaltig Mitte*/
        width: 48%;
    }
 .frame-120 {
    	  clear:both;    /*3-spaltig Rechts*/
        float: left;
        width:100%;
    }
 .frame-130 {
        clear: both;  /*2-spaltig Links*/
        width: 48%;
        float: left;
    }
 .frame-132 {
      width: 48%; /*2-spaltig Rechts*/
      float: right;
            }   
 figure.csc-textpic-image img{
		   width:100%;
		}
 .csc-textpic-intext-left .csc-textpic-text {
			clear:none;
			}
			
/*3-spaltig Fotos in der Mitte der Box linke u. mittlere Box*/			
.frame-100 .csc-textpic-image,.frame-110 .csc-textpic-image {
    		margin:0 0 5% 0!important;
    		}
 .frame-100 .csc-textpic-center-inner,.frame-100 .csc-textpic-center-outer, .frame-110 .csc-textpic-center-inner,.frame-110 .csc-textpic-center-outer   { 	
    	float:none!important;
    	}
  /*Seite vermittlungsbedingungen Besitzer*/
   .tx-typoscript2ce{ 
    padding: 0 2%;
    margin: -10px 0;
}
/*Fotos PC und Mobil*/  
/*Bei 2 Fotos das rechte eingeblendet*/
#inhalt .frame-132.frame-layout-2 {
display: block;
}
/*Bei 3 Fotos das mittlere eingeblendet, nebeneinander*/	
#inhalt .frame-100.frame-layout-2 {
clear: both;
float: left;
width: 48%;
}	
#inhalt .frame-110.frame-layout-2 {
display: block;
float: right;
width: 48%;
}	
/*Vermittlungsbedg mit Besitzer Plugin*/
.tx-typoscript2ce {
    padding: 0 ;
}
/* Seite Angelregeln */
.ce-right .ce-gallery {
    float: right;	
}	
.ce-intext.ce-right .ce-gallery {
    margin-left: 10px;
}
}

@media only screen and (min-width: 768px) {
#filter-mobil{
	position: relative;
	float:left;
	top:0;
}
#kopf.kopf, #kopf.kopf1 { height: 380px; }  
#kopf.kopf { height: 300px; } 
#kopf a.foto {
	top:0;
	background:rgba(255,255,255,0.7) none repeat scroll 0% 0%;
}     
ul.drucken { display:inline; }
#button-offcanvas{ display:none; }
  /* Button zum Schließen des offcanvas Bereiches */
#filter-mobil a.toggle-nav { display: none; } 
 #filter-mobil{
    width: 25%;
    line-height: 1.8em;
    left:0;   
  }
 #inhalt{
	 min-height:0;
 } 
 
  #inhalt-oben,#bottom {
    width: 75%;
    float:right;
    margin-top:0px;       
  }

     
  #bottom .frame-120 .csc-textpic-center-inner {
    	right:0!important;
    	float:left!important;
    	}
  #bottom .frame-120 .csc-textpic-center-outer {
    	right:0!important;
    	float:left!important;
		padding-right:15px;
    	}
    #bottom .frame-120 .csc-textpic-image{
    		margin:0px 15px 2px 0!important;
    		}
    #bottom .frame-120 .csc-textpic-imagewrap {
    		overflow:visible!important;
    		}
    		
    #bottom .csc-textpic-intext-left-nowrap img{
	     width:100%!important;
	}	
  #unterseite{
  	float:right;
   	width:75%;
   	clear:none;
  }
  .frame-10, .frame-default{
    margin: 1% 0;             /*1-spaltig*/
    width: 100%;
	padding:0 10px;
  }
 #unterseite .frame-10.frame-layout-1{
    margin: 1% 0;             /*1-spaltig*/
    width: 100%;
	padding:20px;
  }
  #unterseite .frame-110 {
    margin: 2% 0 1% 0;               /*3-spaltig Mitte*/
    width: 100%;
  }
  #unterseite .frame-120 {
    margin: 2% 0 1% 0;              /*3-spaltig Rechts*/
    width: 100%;  
  }
  #unterseite .frame-100 { 
    margin: 2% 0 1% 0;             /*3-spaltig Links*/
    width: 100%;
  }
  #unterseite .frame-120 .csc-textpic-center-outer {
	  padding-right:15px;
  }
  #unterseite .frame-130 { /*2-spaltig Links*/ width: 100%; }
  #unterseite .frame-132 { /*2-spaltig Rechts*/ width: 100%; }
  #unterseite .frame-100 .csc-textpic-center-inner,#unterseite .frame-100 .csc-textpic-center-outer, #unterseite .frame-110 .csc-textpic-center-inner,#unterseite .frame-110 .csc-textpic-center-outer   { 	
  	float:left!important;
  	padding-right:15px;
	}
#unterseite .frame-10.frame-layout-0, #unterseite .frame-default.frame-layout-0 {
   	margin:0;
 	}


/*Reisetipp Layer auf Suchergebnisseiten*/
.trigger-modal {
	bottom: 50px!important;
   left: 20px!important;
}
 /*Fotos PC und Mobil*/  
/*Bei 2 Fotos das rechte ausgeblendet*/
#inhalt .frame-132.frame-layout-2 {
display: none;
}	
/*Index Seite Filter fixed*/
 #filter-pc.fixed{
	position: fixed;
	width: 25%;
	top:0;
	background: #efefef;
	border: 1px solid #dedede;
}
}


@media only screen and (min-width: 900px) {
	#kopf.kopf { height: 350px; } 
  #filter-mobil { width:23%; }
  #inhalt-oben,#bottom { width: 77%; }
  #unterseite { width:77%; }
  #filter-pc.fixed{width: 23%;}
  #head { position:static; } 
  #unterseite .frame-10, #unterseite .frame-default { clear: both; /*1-spaltig*/ }
  #unterseite .frame-100 { 
    clear:both; /*3-spaltig Links*/ 
    float: left; 
    width: 48%;
  }
  #unterseite .frame-110 {
    float: right;           /*3-spaltig Mitte*/
    width: 48%;
  }
  #unterseite .frame-120 {
    float: left;            /*3-spaltig Rechts*/
    width: 100%;
    clear:both;
  }
  #unterseite .frame-130 {
    clear: both;            /*2-spaltig Links*/
    width: 48%;
    float: left;
  }
  #unterseite .frame-132 {
    width: 48%;             /*2-spaltig Rechts*/
    float: right;
  }   
  #bottom 	.frame-100 {
    width: 32%;             /*3-spaltig Links*/
  }
  #bottom .frame-110 {
    margin-left: 2%;         /*3-spaltig Mitte*/
    float: left;
    width: 32%;
  }
  #bottom  .frame-120 {
 	  clear:none;                      /*3-spaltig Rechts*/
    width: 32%;
    float: right;
  }
  /*3-spaltig Fotos in der Mitte der Box rechte Box*/			
	#bottom .frame-120 .csc-textpic-image {
 		margin:0 0 5% 0!important;
	}
  #bottom .frame-120 .csc-textpic-center-inner, #bottom .frame-120 .csc-textpic-center-outer   { 	
   	float:none!important;
 	} 
 	#unterseite .frame-100 .csc-textpic-center-inner, #unterseite .frame-100 .csc-textpic-center-outer, #unterseite .frame-110 .csc-textpic-center-inner,#unterseite .frame-110 .csc-textpic-center-outer   { 	
  	float:none!important;
	padding-right:0;
 	}
/*Fotos PC und Mobil*/  
/*Bei 2 Fotos das rechte eingeblendet*/
#inhalt .frame-132.frame-layout-2 {
display: block;
}	
/*Bei 3 Fotos das rechte ausgeblendet
#inhalt .frame-120.frame-layout-2 {
display: none;
}	*/
}

@media only screen and (min-width: 1000px) {
	#kopf.kopf1 {
        height: 25rem;/*400px*/
    }/*Startseite*/
 #kopf.kopf {
        height: 25rem;/*400px*/
    }/*Unterseite*/
  #filter-mobil { width:22%; }
  #inhalt-oben,#bottom { width: 78%; }
  #unterseite { width:78%; }
   #filter-pc.fixed{width: 22%;}
  #text-contactbox {  }       
}

@media only screen and (min-width: 1100px) {
#wrapper {
	overflow-x: visible;
}
#filter-mobil {
    	width:20%;
        }
     
#inhalt-oben,#bottom {
        width: 80%;
    }
#unterseite {
    	width:80%;
    	/*padding: 0.625em 9.0% 1.25em 3%;*/
    	}
#filter-pc.fixed{
	width: 240px;
	overflow-y: scroll;
	height: 1200px;
	}
#unterseite 	.frame-100 {
        width: 32%;            /*3-spaltig Links*/
    }
#unterseite .frame-110 {
        margin-left: 2%;        /*3-spaltig Mitte*/
        float: left;
        width: 32%;
    }

 #unterseite  .frame-120 {
 	       clear:none;                    /*3-spaltig Rechts*/
        width: 32%;
        float: right;
    }
#unterseite .frame-120 .csc-textpic-center-outer {
	  padding-right:0;
  }
    #unterseite .frame-120 .csc-textpic-image{
    		margin: 0 0 5% 0 !important;
    		}
#unterseite .frame-120 .csc-textpic-center-inner, #unterseite .frame-120 .csc-textpic-center-outer { 	
    	float:none!important;
    	}
 /*Bei 3 Fotos das rechte eingeblendet*/
#inhalt .frame-120.frame-layout-2 {
display: block;
}
#inhalt .frame-110.frame-layout-2 {
	margin-left: 2%;
    float: left;
    width: 32%;
}
#inhalt .frame-100.frame-layout-2 {
	width: 32%
}	
}