@charset "utf-8";
/*:root{--viewHoehe:100%;}*/
    
/*     --- fonts --- */

/**
 * @license
 * MyFonts Webfont Build ID 4082112, 2021-05-05T13:19:15-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Bookbag-Light by Pixilate
 * URL: https://www.myfonts.com/webFonts/pixilate/bookbag/light/
 * 
 * Webfont: Bookbag-Regular by Pixilate
 * URL: https://www.myfonts.com/webFonts/pixilate/bookbag/regular/
 * 
 * Webfont: Bookbag-Bold by Pixilate
 * URL: https://www.myfonts.com/webFonts/pixilate/bookbag/bold/
 * 
 * Webfont: Bookbag-Display by Pixilate
 * URL: https://www.myfonts.com/webFonts/pixilate/bookbag/display/
 * 
 * Webfont: Bookbag-Dotted by Pixilate
 * URL: https://www.myfonts.com/webFonts/pixilate/bookbag/dotted/
 * 
 * 
 * Webfonts copyright: Copyright (c) 2019  Kemie Guaida
 * 
 * © 2021 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/3e49c0");*/
  
@font-face {
  font-family: "Bookbag-Light";
  src: url('../webFonts/BookbagLight/font.woff2') format('woff2'), url('webFonts/BookbagLight/font.woff') format('woff');
}
@font-face {
  font-family: "Bookbag-Display";
  src: url('../webFonts/BookbagDisplay/font.woff2') format('woff2'), url('webFonts/BookbagDisplay/font.woff') format('woff');
}
@font-face {
  font-family: "Bookbag-Dotted";
  src: url('../webFonts/BookbagDotted/font.woff2') format('woff2'), url('webFonts/BookbagDotted/font.woff') format('woff');
}
@font-face {
  font-family: "Bookbag-Bold";
  src: url('../webFonts/BookbagBold/font.woff2') format('woff2'), url('webFonts/BookbagBold/font.woff') format('woff');
}
@font-face {
  font-family: "Bookbag-Regular";
  src: url('../webFonts/BookbagRegular/font.woff2') format('woff2'), url('webFonts/BookbagRegular/font.woff') format('woff');
}


/*------------------------*/


/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../webFonts/pt-sans/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webFonts/pt-sans/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webFonts/pt-sans/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webFonts/pt-sans/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webFonts/pt-sans/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webFonts/pt-sans/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../webFonts/pt-sans/pt-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webFonts/pt-sans/pt-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webFonts/pt-sans/pt-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webFonts/pt-sans/pt-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../webFonts/pt-sans/pt-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webFonts/pt-sans/pt-sans-v17-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../webFonts/pt-sans/pt-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webFonts/pt-sans/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webFonts/pt-sans/pt-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webFonts/pt-sans/pt-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../webFonts/pt-sans/pt-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webFonts/pt-sans/pt-sans-v17-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../webFonts/pt-sans/pt-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webFonts/pt-sans/pt-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webFonts/pt-sans/pt-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webFonts/pt-sans/pt-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../webFonts/pt-sans/pt-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webFonts/pt-sans/pt-sans-v17-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}



/*
-------- geräteanpassung ------
header #hader_logo{height: 110%; margin:0 0 -10% -10%; padding:0;}
nav .top_nav_link a{background-color:#75b72a;padding:0 0.5em; line-height:1.15em; font-size:1.1em}
#impressum_div {position:absolute; bottom: 4%; border-top:0.25em dotted #75b72a;}
#imp_wegner{font-size:0.75em}
#impressum{font-size: 0.75em;}



*/



/* --- Schriftfarben --- */
.gelb {color:#ffdd00}
.orange {color:#f49423} 
.rot {color:#d31219} 
.gruen {color:#75b72a} 
.dunkelgruen {color:#485031} 
.hellblau {color:#aadae4} 
.blau {color:#3e7bbe} 
.dunkelblau {color:#1f4671} 
.helllgrau {color:#efefef} 
.dunkelgrau {color:#444444} 
.schriftblau{color:#245386}
/*    Positionierung und Reihenfolge     */



/*  -----  allgemein -----  */
html{padding:0; margin:0;/*background-color:red;*/ font-size:16px;max-width:1800px;}
body{height:100%; padding:0px; margin: 0px auto 1px auto; max-width:70%;
	 overflow-y: scroll;
      position: relative; 
    font-family: 'PT Sans'; 
     color:#245386;
/*background-color: yellow;*/}

#body_innen{min-height: 100vh; /*background-color:green*/}
/*#body_innen.backend{margin:0 100; }*/

header{margin-top:9px;position: relative; height:20vH; /*background-color: aqua;*//*margin-left:-10%*/; }
nav {/*background-color:lawngreen;*/float:right; vertical-align: bottom;/*height:100%;*/}
header #hader_logo{height: 110%; margin:0 0 -10% -10%; padding:0;}

#content{position:relative; /*width:100%;*//*height: 100%*/; padding-top:5%; padding-bottom:6.3em; /*margin-bottom:100px;*//*background-color: aquamarine;*/z-index:10; margin:5px}

#footer{width:30%;position:absolute; bottom:20px; border-top:dotted #75b72a;text-align:center; float:none; z-index:100; /*background-color:lemonchiffon;*/}
#impress_datsch h3{text-align: center}
#impressum{ color:#245386;font-size: 0.75em;margin-bottom: 0}
#impressum:hover{cursor:pointer}
#imp_wegner{font-size:0.75em;color:#a5b7cb;margin-top:4px;}
#imp_wegner a{color:#a5b7cb; text-decoration: none}
#imp_wegner a:hover{color:#f49423} 

.textarea{color:#245386;font-family: "Bookbag-Regular";}
/*---- allgemein ---------*/
.BookbagLight {font-family: "Bookbag-Light";}
.BookbagRegular {font-family: "Bookbag-Regular";}
.BookbagBold {font-family: "Bookbag-Bold";}
.BookbagDisplay {font-family: "Bookbag-Display";}
.BookbagDotted {font-family: "Bookbag-Dotted";}

.float_left{float:left}
.float_right{float:right}
.float_aufheben{clear:both}
.clear_left{clear:left}
.clear_right{clear:right}

.center{text-align: center;}
.ausblenden{display:none}



h1,h2,h3,h4,h5,h6{font-family:"Bookbag-Bold"}
h4{text-align:justify}
p{text-align: justify}

.logo_punkt{font-size:0.75em}
#body_innen #content .umbruch{margin:0;padding:0; display:inline}
/*-----Navigation --------------------------*/

nav{}

#topnav{width:60%;position: absolute;bottom: 0;	right: 0; text-align:right}
#topnav_klein{width:100%;/*position:absolute;*//*top:0;left: 0; */text-align:left; margin-bottom:1em;margin-top:-7%; /*z-index:200;background-color:aqua;*/}

#topnav .runde_Kante_oben img, #topnav .runde_Kante_unten img,
#topnav_klein .runde_Kante_oben img, #topnav_klein .runde_Kante_unten img{height:6px;}
#topnav .hintergrund_runde_Kante, #topnav_klein .hintergrund_runde_Kante{background-color: #75b72a;height:6px;margin:0 6px}
nav .top_nav_link a{background-color:#75b72a; /*opacity:0.5;*/ padding:0 0.5em; line-height:1.15em; font-size:1.1em}


.top_nav_link{display:inline-block; padding-top:3px;padding-left:6px;margin:0; }
.top_nav_link a{padding:0 6px}/*
#top_link5 {margin-right:0;} */




.nav_1 .nav_rund_ol{background-image:url(../images/nav_hellblau_o_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_1 .nav_rund_or{background-image:url(../images/nav_hellblau_o_r.png);background-size: contain; background-repeat:no-repeat;}
.nav_1 .nav_rund_ul{background-image:url(../images/nav_hellblau_u_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_1 .nav_rund_ur{background-image:url(../images/nav_hellblau_u_r.png);background-size: contain; background-repeat:no-repeat;}
#topnav .nav_1 .hintergrund_runde_Kante, #topnav_klein .nav_1 .hintergrund_runde_Kante{background-color: #aadae4;}
#topnav .nav_1 a, #topnav_klein .nav_1 a {color:#3e7bbe; background-color: #aadae4;}

.nav_2 .nav_rund_ol{background-image:url(../images/nav_gelb_o_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_2 .nav_rund_or{background-image:url(../images/nav_gelb_o_r.png);background-size: contain; background-repeat:no-repeat;}
.nav_2 .nav_rund_ul{background-image:url(../images/nav_gelb_u_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_2 .nav_rund_ur{background-image:url(../images/nav_gelb_u_r.png);background-size: contain; background-repeat:no-repeat;}
#topnav .nav_2 .hintergrund_runde_Kante, #topnav_klein .nav_2 .hintergrund_runde_Kante{background-color: #ffdd00;}
#topnav .nav_2 a, #topnav_klein .nav_2 a {color:#245386; background-color: #ffdd00;}


.nav_3 .nav_rund_ol{background-image:url(../images/nav_orange_o_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_3 .nav_rund_or{background-image:url(../images/nav_orange_o_r.png);background-size: contain; background-repeat:no-repeat;}
.nav_3 .nav_rund_ul{background-image:url(../images/nav_orange_u_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_3 .nav_rund_ur{background-image:url(../images/nav_orange_u_r.png);background-size: contain; background-repeat:no-repeat;}
#topnav .nav_3 .hintergrund_runde_Kante, #topnav_klein .nav_3 .hintergrund_runde_Kante{background-color: #f49423;}
#topnav .nav_3 a, #topnav_klein .nav_3 a {color:#ffdd00; background-color: #f49423;}


.nav_4 .nav_rund_ol{background-image:url(../images/nav_rot_o_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_4 .nav_rund_or{background-image:url(../images/nav_rot_o_r.png);background-size: contain; background-repeat:no-repeat;}
.nav_4 .nav_rund_ul{background-image:url(../images/nav_rot_u_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_4 .nav_rund_ur{background-image:url(../images/nav_rot_u_r.png);background-size: contain; background-repeat:no-repeat;}
#topnav .nav_4 .hintergrund_runde_Kante, #topnav_klein .nav_4 .hintergrund_runde_Kante{background-color: #d31219;}
#topnav .nav_4 a, #topnav_klein .nav_4 a {color:#f49423; background-color: #d31219;}


.nav_5 .nav_rund_ol{background-image:url(../images/nav_gruen_o_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_5 .nav_rund_or{background-image:url(../images/nav_gruen_o_r.png);background-size: contain; background-repeat:no-repeat;}
.nav_5 .nav_rund_ul{background-image:url(../images/nav_gruen_u_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_5 .nav_rund_ur{background-image:url(../images/nav_gruen_u_r.png);background-size: contain; background-repeat:no-repeat;}
#topnav .nav_5 .hintergrund_runde_Kante, #topnav_klein .nav_5 .hintergrund_runde_Kante{background-color: #75b72a;}
#topnav .nav_5 a, #topnav_klein .nav_5 a  {color:#ffdd00; background-color: #75b72a;}


.nav_6 .nav_rund_ol{background-image:url(../images/nav_blau_o_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_6 .nav_rund_or{background-image:url(../images/nav_blau_o_r.png);background-size: contain; background-repeat:no-repeat;}
.nav_6 .nav_rund_ul{background-image:url(../images/nav_blau_u_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_6 .nav_rund_ur{background-image:url(../images/nav_blau_u_r.png);background-size: contain; background-repeat:no-repeat;}
#topnav .nav_6 .hintergrund_runde_Kante, #topnav_klein .nav_6 .hintergrund_runde_Kante{background-color: #3e7bbe;}
#topnav .nav_6 a, #topnav_klein .nav_6 a {color:#aadae4; background-color: #3e7bbe;}


.nav_22 .nav_rund_ol{background-image:url(../images/nav_rot_o_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_22 .nav_rund_or{background-image:url(../images/nav_rot_o_r.png);background-size: contain; background-repeat:no-repeat;}
.nav_22 .nav_rund_ul{background-image:url(../images/nav_rot_u_l.png);background-size: contain; background-repeat:no-repeat;} 
.nav_22 .nav_rund_ur{background-image:url(../images/nav_rot_u_r.png);background-size: contain; background-repeat:no-repeat;}
#topnav .nav_22 .hintergrund_runde_Kante, #topnav_klein .nav_22 .hintergrund_runde_Kante{background-color: #d31219;}
#topnav .nav_22 a, #topnav_klein .nav_22 a {color:#f49423; background-color: #d31219;}
.nav_22{z-index: 1000;}
#topnav .nav_punkt a:hover, #topnav_klein .nav_punkt a:hover {color: #FFF; font-weight: 700;}
.logout a{padding:0 6px}/*


#frosch_willkommen .nav_willkommen .nav_rund_ol {background-image:url(../images/nav_gruen_o_l.png);}
#frosch_foerderprogramm .nav_foerder_ueber .nav_rund_ol {background-image:url(../images/nav_rot_o_l.png);}
/*#frosch_foerderprogramm_prinzip .nav_foerder_prinz .nav_rund_ol {background-image:url(../images/nav_orange_o_l.png);}*/
#frosch_material .nav_material .nav_rund_ol {background-image:url("../images/nav_orange_o_l.png");}
/*#frosch_diagnostik .nav_diagnostik .nav_rund_ol {background-image:url(../images/nav_gelb_o_l.png);}*/
#frosch_lernpfade .nav_lernpfad .nav_rund_ol  {background-image:url(../images/nav_blau_o_l.png);}
#frosch_aufgaben .nav_aufgaben .nav_rund_ol {background-image:url(../images/nav_gelb_o_l.png);}
#frosch_literatur .nav_literatur .nav_rund_ol, #frosch_literatur_bearbeiten .nav_literatur .nav_rund_ol{background-image:url(../images/nav_rot_o_l.png);}
/*#frosch_glossar .nav_glossar .nav_rund_ol {background-image:url(../images/nav_gelb_o_l.png);}*/
#frosch_anleitungsheft .nav_anleitung .nav_rund_ol {background-image:url(../images/nav_gruen_o_l.png);}
#frosch_download .nav_download .nav_rund_ol {background-image:url(../images/nav_rot_o_l.png);}
#frosch_bestellung .nav_bestellung .nav_rund_ol  {background-image:url(../images/nav_orange_o_l.png);}
#frosch_ueber_mich .nav_ueber .nav_rund_ol {background-image:url(../images/nav_blau_o_l.png);}
#frosch_impressum .nav_impressum .nav_rund_ol {background-image:url(../images/nav_gelb_o_l.png);}

#frosch_willkommen .nav_willkommen a,
#frosch_foerderprogramm .nav_foerder_ueber  a,
#frosch_foerderprogramm_prinzip .nav_foerder_prinz  a,
#frosch_material .nav_material a,
#frosch_diagnostik .nav_diagnostik  a,
#frosch_lernpfade .nav_lernpfad a,
#frosch_aufgaben .nav_aufgaben a,
#frosch_literatur .nav_literatur a, #frosch_literatur_bearbeiten .nav_literatur a,
#frosch_glossar .nav_glossar .nav_rund a,
#frosch_anleitungsheft .nav_anleitung a,
#frosch_download .nav_download  a,
#frosch_bestellung .nav_bestellung a,
#frosch_ueber_mich .nav_ueber a,
#frosch_impressum .nav_impressum a {/*font-weight:700;*/ color:#FFF}

#frosch_willkommen .nav_willkommen a:hover,
#frosch_foerderprogramm .nav_foerder_ueber  a:hover,
#frosch_foerderprogramm_prinzip .nav_foerder_prinz a:hover,
#frosch_material .nav_material a:hover,
#frosch_diagnostik .nav_diagnostik  a:hover,
#frosch_lernpfade .nav_lernpfad a:hover,
#frosch_aufgaben .nav_aufgaben a:hover,
#frosch_literatur .nav_literatur a:hover, frosch_literatur_bearbeiten .nav_literatur a:hover,
#frosch_glossar .nav_glossar .nav_rund a:hover,
#frosch_anleitungsheft .nav_anleitung a:hover,
#frosch_download .nav_download  a:hover,
#frosch_bestellung .nav_bestellung a:hover,
#frosch_ueber_mich .nav_ueber a:hover,
#frosch_impressum .nav_impressum a:hover{font-weight:400; cursor:none}

a {text-decoration:none;/*color:#293191; */outline:none; border:none;/*font-family: 'candelabook'*/;color: #9e1827;font-size:1em}
a img {outline:none; border:none}
a:link {color: #293191;}
a:visited {text-decoration:none;color:#293191; outline-color:#FFF;}
a:focus {text-decoration:none;outline-color:#FFF;}
a:hover {text-decoration:none;color:#f49423;cursor:pointer; }
a:active{text-decoration:none;color:#792435;/*background-color:#999999;*/ outline-color:#FFF;}


/*---- Inhalt ---------*/

#content #foerder_ueberblick_ul, #content #glossar_ul, #content #literatur_ul{padding-left:1em;}
#content #foerder_ueberblick_ul li, #content #glossar_ul li, #content #literatur_ul li{margin-bottom:0.5em; text-align:justify; width:100%;}
#content #foerder_ueberblick_ul li .unterliste li{margin-bottom:0.05em; }
#content .textpfeil{color:#75b72a;font-family:"Bookbag-Bold"; fomt-weight:700; font-size:1.5em;}

#content #foerder_ueberblick_ul li .in-list-ueb{text-align: left; font-weight:bold}
#content #foerder_ueberblick_ul li p {margin-top:0; margin-bottom:0;}
#content p{margin:0.8em 0;}
/*#content .text_align_left{text-align: left;margin-top:0; margin-bottom:0; }*/

#div_abbildung_lernpfade{width:90%x;text-align: center;}
#abbildung_lernpfade {width:100%; max-width: 400px}

#bild_1 {float:left; width:30%; max-width:250px;margin:0.3em 1em 0.5em 0}
#bild_2 {float:right; width:30%; max-width:250px;margin:0.3em 0em 0.5em 1em}
#bild_3 {float:left; width:30%; max-width:250px;margin:0.3em 1em 0.5em 0}
#bild_4 {float:right; width:30%; max-width:250px;margin:0.3em 0 0.25em 1em}
/*#frosch_literatur_bearbeiten*/ .textarea{width:100%;}
.textarea_textblock{height:16em}
.border_bottom{border-bottom: 1.5px dotted #3e7bbe;}

/*---- download ----*/
.download_div{float:right; width:30%;max-width:220px;/* background-color: aliceblue*/;margin:20px;}
.download_div a img{width:100%}
.download_div a {text-align: center;font-size:0.8em}
.download_div a p{margin-top:0}


/*---- bestellung ----*/
#bestellbogen_download_div{float:right; width:50%;max-width:440px;/* background-color: aliceblue*/; margin: 0 0 20px 20px;}
#bestellbogen_download_div a img{width:100%}
#bestellbogen_download_div a {text-align: center;font-size:0.8em}
#bestellbogen_download_div .download_div a p{margin-top:0}
/*----- literatur ----- */

#buch_rechnen_lernen {float:left; width:50%; max-width:200px; margin:0 2em 0em 0;}

#literatur_ul_div{position: relative;margin:0;padding:0;}

#button_literaturliste_neu{position:absolute;right:0;top:-50px;margin-bottom:20px}
#button_literaturliste_neu img{width:56px;}

#button_willkommen_bearbeiten{position:absolute;right:0;top:50px;margin-bottom:20px}
#button_willkommen_bearbeiten img{width:56px;}


#button_ueb_bearbeiten,#button_unter_ueb_bearbeiten,#button_text_1_bearbeiten,#button_text_2_bearbeiten,#button_text_3_bearbeiten,#button_text_4_bearbeiten,
.button_ueb_bearbeiten{margin:0 0 -10px 20px;width:30px;}
.bereich_outline:hover{outline:2px dotted #3e7bbe;}

#literatur_ul .button {width:30px;float:right}
.button_literatur_bearbeiten_1{background-image:url("../images/button_bearbeiten_blau.png"); background-size: contain;background-repeat:no-repeat;}
.button_literatur_bearbeiten_1:hover{background-image:url("../images/button_bearbeiten_blau_hover.png");}
.button_literatur_bearbeiten_1:active{background-image:url("../images/button_bearbeiten_blau_active.png"); }
.button_literatur_bearbeiten_2{background-image:url("../images/button_bearbeiten_rot.png"); background-size: contain;background-repeat:no-repeat;}
.button_literatur_bearbeiten_2:hover{background-image:url("../images/button_bearbeiten_rot_hover.png");}
.button_literatur_bearbeiten_2:active{background-image:url("../images/button_bearbeiten_rot_active.png"); }
.button_literatur_bearbeiten_3{background-image:url("../images/button_bearbeiten_gelb.png"); background-size: contain;background-repeat:no-repeat;}
.button_literatur_bearbeiten_3:hover{background-image:url("../images/button_bearbeiten_gelb_hover.png");}
.button_literatur_bearbeiten_3:active{background-image:url("../images/button_bearbeiten_gelb_active.png"); }
.button_literatur_bearbeiten_4{background-image:url("../images/button_bearbeiten_gruen.png"); background-size: contain;background-repeat:no-repeat;}
.button_literatur_bearbeiten_4:hover{background-image:url("../images/button_bearbeiten_gruen_hover.png");}
.button_literatur_bearbeiten_4:active{background-image:url("../images/button_bearbeiten_gruen_active.png"); }
.button_literatur_bearbeiten_5{background-image:url("../images/button_bearbeiten_orange.png"); background-size: contain;background-repeat:no-repeat;}
.button_literatur_bearbeiten_5:hover{background-image:url("../images/button_bearbeiten_orange_hover.png");}
.button_literatur_bearbeiten_5:active{background-image:url("../images/button_bearbeiten_orange_active.png"); }
.literatur_li_underline:hover{outline:2px dotted #3e7bbe;}
.back_literatur_li_class{padding:4px 0 10px 0;}






button {background-color:#FFFFFF; border:none;border-bottom:2px dotted #aadae4; }
#abbrechen{margin-left:6px}
button:hover{cursor:pointer;}
button img{width:40px;margin-bottom:2px}
#loeschen{float:right;}
#aktualisieren img {background-image:url("../images/button_aktualisieren.png"); background-size: contain;background-repeat:no-repeat;}
#aktualisieren img:hover{background-image:url("../images/button_aktualisieren_hover.png");}
#aktualisieren img:active{background-image:url("../images/button_aktualisieren_active.png"); }
#abbrechen img {background-image:url("../images/button_abbrechen.png"); background-size: contain;background-repeat:no-repeat;}
#abbrechen img:hover{background-image:url("../images/button_abbrechen_hover.png");}
#abbrechen img:active{background-image:url("../images/button_abbrechen_active.png"); }
#loeschen img {background-image:url("../images/button_loeschen.png"); background-size: contain;background-repeat:no-repeat;}
#loeschen img:hover{background-image:url("../images/button_loeschen_hover.png");}
#loeschen img:active{background-image:url("../images/button_loeschen_active.png"); }
#speichern img {background-image:url("../images/button_speichern.png"); background-size: contain;background-repeat:no-repeat;}
#speichern img:hover{background-image:url("../images/button_speichern_hover.png");}
#speichern img:active{background-image:url("../images/button_speichern_active.png"); }

/*----- ueber mich ----- */
#portrait_angela {float:left; width:30%; max-width:250px;margin:0.25em 1em 0.25em 0}
/*---- backend ----*/
#backend_login form { /*background-color:#46B1F1;*/}
#blick_blind {/*background-color: #F0D261;*/ width:180px; background-image: url("../images/button_blind.png");background-size: contain; background-repeat:no-repeat;}
#blick_blind:hover {/*background-color: #F0D261;*/ width:180px; background-image: url("../images/button_blick.png");background-size: contain; background-repeat:no-repeat;}
#logpass{background-color:#FFFFFF /*#f2dd48;*/}
#Login_but{background-color:#FFFFFF; color:#245386; font-family: "Bookbag-Regular";}
#Login_but:hover{background-color:#f2dd48; color:#245386; font-family: "Bookbag-Regular";cursor: pointer;}
#Login_but:active{background-color:#8fc044;  font-family: "Bookbag-Display"; color: #f2dd48;;cursor: pointer;}
#topnav .logout{position:absolute; right: 0;bottom:-40px;}
#topnav_klein .nav_22{position:relative; /*top: 0;right:0;*/}
#topnav .nav_22 a:hover, #topnav_klein .nav_22 a:hover{color:#FFF; cursor:pointer;}