/*
Theme Name: Enfold Child
Theme URI: http://www.kriesi.at/themes/enfold/
Template: enfold
Author: Kriesi
Author URI: https://kriesi.at
Description: A superflexible and responsive Business Theme by Kriesi - Update notifications available on Facebook and via newsletter: - Join the Facebook Group - Subscribe to our Newsletter
Version: 7.1.3.1765540520
Updated: 2025-12-12 12:55:20

*/



/* oswald-200 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('wp-content/themes/enfold/fonts/oswald-v49-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-200.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('wp-content/themes/enfold/fonts/oswald-v49-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/enfold/fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/enfold/fonts/oswald-v49-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/enfold/fonts/oswald-v49-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/enfold/fonts/oswald-v49-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/enfold/fonts/oswald-v49-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('wp-content/themes/enfold/fonts/lato-v23-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('wp-content/themes/enfold/fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('wp-content/themes/enfold/fonts/lato-v23-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('wp-content/themes/enfold/fonts/lato-v23-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('wp-content/themes/enfold/fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('wp-content/themes/enfold/fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('wp-content/themes/enfold/fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('wp-content/themes/enfold/fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('wp-content/themes/enfold/fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('wp-content/themes/enfold/fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('wp-content/themes/enfold/fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('wp-content/themes/enfold/fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('wp-content/themes/enfold/fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('wp-content/themes/enfold/fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('wp-content/themes/enfold/fonts/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('wp-content/themes/enfold/fonts/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('wp-content/themes/enfold/fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('wp-content/themes/enfold/fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('wp-content/themes/enfold/fonts/lato-v23-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('wp-content/themes/enfold/fonts/lato-v23-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('wp-content/themes/enfold/fonts/lato-v23-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}


* font-family: {'Oswald' !important;}
body {font: 15px/1.65em 'Lato', 'Lato', Helvetica, Arial, sans-serif;  font-style: normal;}

h1, h2 {font-family: 'Oswald' !important;}

.slide-top-vertical {transform: rotate(-180deg); overflow: hidden; margin-left: 20px; display: block; vertical-align: bottom;}

.juba {float: left !important;}
.juba.small {color: #fff !important; font-size: 10.3px !important; margin-top: 1px !important}

.paoc-popup-modal, .paoc-popup-modal p {line-height: 1.5em !important;}

.red {color: #ff0000}
.blue {color: #08b8ff}
.violet {color: #4460c6}
.pink {color: #ba00cb}
.green {color: #00a413}
.orange {color: #ff790c}

h2.dunkelgrau {color: #9d9d9c !important; opacity: 0.5}
h2.dunkelgrau::first-letter, h2.white::first-letter {color: #d63e2d}
h2.white {color: #fff !important; opacity: 0.5}
.red {color: #d63e2d}

.slide-top-vertical h2 {animation: 4s slide-top-vertical; animation-delay: 2s; animation-iteration-count: infinite; animation-fill-mode: forwards; font-size: 5.5em; writing-mode: vertical-rl;}
.slide-left {width: 100%; overflow: hidden; margin-left: 20px; display: block;}

.slide-left h2 {
   animation: 8s slide-left;
  animation-delay: 5s;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
font-size: 5.5em;
 width: 100%;
}

@keyframes slide-left {

0% {
  margin-left: 150%;
  }

25% {
  margin-left: 0%;
  }

50% {
  margin-left: 0%;
  }

  75%  {
   margin-left: 0%;
  }
  100% {
  margin-left: 0%;
  }

 }


.slide-right {
   width: 100%;
   overflow: hidden;
   margin-left: 20px;
  display: block;
}

.slide-right h2 {
   animation: 8s slide-right;
   animation-delay: 2s;
/*animation-iteration-count: infinite;*/
animation-fill-mode: forwards;
font-size: 5.5em;
 width: 100%;
}

@keyframes slide-right {
   0% {
  margin-left: -450%;
  }

25% {
  margin-left: 0%;
  }

50% {
  margin-left: 0%;
  }

  75%  {
   margin-left: 0%;
  }
  100% {
  margin-left: 0%;
  }
 }












#gallery {
	position: relative;
	margin: 0;
	background: none;
	border: none;
}

#gallery figure {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0em;
	z-index: 1;
	animation: wechseln 15s infinite;
}

#gallery figure:last-of-type {
	position: relative;
}

#gallery > figure figcaption {
	position: absolute;
	left: 1em;
	
	font-weight: bold;
font-size: uppercase;
	top: 1em;
	z-index: 2;
	
}

#gallery > figure figcaption h2 {
color: white;
font-size: 120px;
}




img.zoom {
 transition: transform 0.2s;
display: block;
}

img.zoom:hover {
height: 150px;
    width: 150px !important;
    object-fit: cover;
    object-position: center center;
transform: scale(2.0, 2.0);
display: block;
z-index: 1000
}


.page-id-1526 .template-page .entry-content-wrapper h1, .page-id-1526 .template-page .entry-content-wrapper h2.av-special-heading-tag   {
text-transform: none !important;
}

.page-id-1526 .av-subheading.av-subheading_below {font-family: "Oswald"} 


a.imgLink2{background-repeat: no-repeat; display:block; background-size: contain; width: 640px; height: 480px; background-image:url('https://borderline-kassel.de/wp-content/uploads/2020/09/III_3_1_A_das-ganze-und-die-teile.jpg');
	background-position: top center;}

a.imgLink2:hover {background-image:url('https://borderline-kassel.de/wp-content/uploads/2020/09/III_3_1_B_das-ganze-und-die-teile_Zoom.jpg');}


a.imgLink4 {background-repeat: no-repeat; display:block; background-size: contain; width: 400px; height: 300px; background-image:url('https://borderline-kassel.de/wp-content/uploads/2020/09/III_3_1_A_das-ganze-und-die-teile.jpg') !important; background-position: top center;}

a.imgLink4:hover {background-image:url('https://borderline-kassel.de/wp-content/uploads/2020/09/III_3_1_B_das-ganze-und-die-teile_Zoom.jpg') !important;}

a.imgLink3 {background-repeat: no-repeat; display:block; background-size: contain; width: 400px; height: 400px; background-image:url('https://borderline-kassel.de/wp-content/uploads/2020/09/II_3_Eiertanz.jpg');
	background-position: top center;}
a.imgLink3:hover {background-image:url('https://borderline-kassel.de/wp-content/uploads/2020/09/II_6_Eiertanz.jpg') !important;}


#av_section_11 img.avia_image:hover {background-image:url('https://borderline-kassel.de/wp-content/uploads/2020/09/II_6_Eiertanz.jpg') !important;}



a.infotoggle:hover, a.infotoggle:active, a.infotoggle:visited, a.infotoggle:focus {text-decoration: none !important;}
a.infotoggle {
float: right;
display: block;
   font-family: Georgia;
    width: 50px !important;
    background-color: #d63e2d !important;
    border-radius: 50px !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 50px !important;
    margin: 0 !important;
    padding: 14px 5px 5px 5px !important;
    text-align: center !important;
    height: 50px !important;
}

.avia_textblock strong {color: #888 !important}

#divText {margin-top: 10px !important; margin-right: 80px}

a.linkbox {display: block !important; background-color: #e1e1e1  !important;  width: 48%  !important;  height: auto  !important; 
float: left !important;
     padding: 20px !important;
    
     box-sizing: border-box !important;
}

a.linkbox.left {margin-right:10px; }
a.linkbox.right {margin-left: 10px;}

.linkbox .text {position: absolute; display: block; background-color: rgba(0,0,0,0.8); color: #fff; padding: 10px; font-family: Oswald; font-weight: bold; font-size: 1.5em; }
.linkbox .image-overlay {display: none !important}
.linkbox.left .text {margin: 63.5% 0 0 55%; }
.linkbox.right .text {margin: 63.5% 0 0 37%; }


#AnythingPopup_BoxContainerFooter1, #AnythingPopup_BoxContainerFooter2, #AnythingPopup_BoxContainerFooter3, #AnythingPopup_BoxContainerFooter4, #AnythingPopup_BoxContainerFooter5, #AnythingPopup_BoxContainerFooter6 {
    opacity: .7 !important;
    -moz-opacity: .7 !important;
    filter: alpha(opacity=70) !important;
    background-color: #000 !important;
}



@media only screen and (min-width: 674px) and (max-width: 1370px) {

.imgLink2{
background-repeat: no-repeat;
	display:block;
background-size: contain;
	width: 640px;
	height: 380px;
	background-image:url('https://borderline-kassel.de/wp-content/uploads/2020/09/III_3_1_A_das-ganze-und-die-teile.jpg');
	background-position: top center;
}
    .slide-top-vertical h2, .slide-left h2, .slide-right h2 {font-size: 4em;}
.linkbox .text {position: absolute; display: block; background-color: rgba(0,0,0,0.8); color: #fff; padding: 10px; font-family: Oswald; font-weight: bold; font-size: 1em; }

.linkbox.left .text {margin: 53% 0 0 45%; }
.linkbox.right .text {margin: 53% 0 0 27%; }
}


@media only screen and (min-width: 320px) and (max-width: 673px) {
    .slide-top-vertical h2, .slide-left h2, .slide-right h2 {font-size: 4em;}
.linkbox .text {position: absolute; display: block; background-color: rgba(0,0,0,0.8); color: #fff; padding: 10px; font-family: Oswald; font-weight: bold; font-size: 1em; }

.linkbox.left .text {margin: 50% 0 0 3%; }
.linkbox.right .text {margin: 50% 0 0 3%; }

a.linkbox.left {margin-right:0px; margin-bottom: 10px}
a.linkbox.right {margin-left: 0px;}
a.linkbox {width: 100%  !important;}

}


.entry-content-wrapper h2 {font-weight: 300}
.red-italic {font-style: italic; color: #d63e2d}




 .buch-container {
    position: relative;
    max-width: 600px; /* Bildbreite */
    margin: 0 auto;
  }

  .buch-container img {
    width: 100%;
    display: block;
  }

  /* Klickbare Bereiche auf der rechten Buchseite */
  .buch-link {
    position: absolute;
    cursor: pointer;
    /* Transparenter Hintergrund */
    background: rgba(255, 255, 255, 0);
    transition: background 0.2s;
  }

  .buch-link:hover {
    background: rgba(255, 255, 255, 0.2); /* optionales Hover-Highlight */
  }



  /* Koordinaten für die Arbeiten (angepasst an Bildgröße) */
  .arbeit1 { top: 10%; left: 52%; width: 35%; height: 9%; }
  .arbeit2 { top: 19%; left: 52%; width: 35%; height: 9%; }
  .arbeit3 { top: 28%; left: 52%; width: 35%; height: 9%; }
  .arbeit4 { top: 36%; left: 52%; width: 35%; height: 9%; }
  .arbeit5 { top: 45%; left: 52%; width: 35%; height: 9%; }
 .arbeit6 { top: 53%; left: 52%; width: 35%; height: 9%; }
 .arbeit7 { top: 63%; left: 52%; width: 35%; height: 9%; }
.alle { top: 38%; left: 13%; width: 35%; height: 20%; }

  .arbeit1.gedichte { top: 10%; left: 52%; width: 35%; height: 9%; }
  .arbeit2.gedichte { top: 19%; left: 52%; width: 35%; height: 15%; }
  .arbeit3.gedichte { top: 34%; left: 52%; width: 35%; height: 9%; }
  .arbeit4.gedichte { top: 42%; left: 52%; width: 35%; height: 9%; }
  .arbeit5.gedichte { top: 51%; left: 52%; width: 35%; height: 9%; }
  .arbeit6.gedichte { top: 60%; left: 52%; width: 35%; height: 9%; }
.arbeit7.gedichte { top: 68%; left: 52%; width: 35%; height: 9%; }
.arbeit8.gedichte { top: 77%; left: 52%; width: 35%; height: 9%; }


  .arbeit1.maerchen { top: 10%; left: 52%; width: 35%; height: 9%; }
  .arbeit2.maerchen { top: 19%; left: 52%; width: 35%; height: 15%; }
  .arbeit3.maerchen { top: 34%; left: 52%; width: 35%; height: 15%; }